
.authorSection .toltip .main-bx {
	display: inline-flex;
    width: auto;
	max-width: 350px;
    /*border: 1px solid #e1e1e1;*/
    padding: 2px;
    text-align: left;
    vertical-align: middle;
    height: auto;
    position: relative;
}

.authorSection .toltip .main-bx a{
    text-decoration: underline;
	color: #005e9e;
	padding-bottom: 20px;
	}


.authorSection .twwo .one_a a {cursor: pointer;}
   
.authorSection .one_s {
    width: auto;
    display: block;
    position: absolute;
    top: 26%;
    left: 98px;
	font-size: 13px;
	font-weight: 500;
}

.authorSection span.one_a {
    position: relative;
    top: 51px;
    left: 10px;
    display: block;
    height: 20px;
	
}


.authorSection .toltip {
    color: #555;
   /* cursor: pointer;*/
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin: initial;
    padding: 15px 20px;
    position: relative;
    text-align: left;
    width: 200px;
    /* float: left; */
    display: initial;
    
}

.authorSection .changeUI .toltip{
    padding: 0px 20px;
    width: auto;
}

.authorSection .changeUI .toltip:first-child{
    margin-left: 0;
    margin-right: auto;
}
.authorSection .changeUI .toltip:last-child{
    margin-left: auto;
    margin-right: 0;
}

.authorSection .astooltip {
    background: #fff;
    top: 177%;
	cursor: pointer;
    border-radius: 5px;
    border: 1px solid #233253;
    color: #000;
    display: block;
    left: -145px;
    margin-bottom: 15px;
    opacity: 0;
    padding: 20px 20px 0px;
    pointer-events: none;
    position: absolute;
    width: 390px;
	 -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

.authorSection .oone .one_a{
	position: relative;
	cursor: pointer;
	display: initial;
-webkit-transform: translateZ(0);
-webkit-font-smoothing: antialiased;}

.authorSection .hvra .astooltip:after {
    content: "";
    width: 20px;
    height: 21px;
    transform: rotate(-45deg);
    background: #fff;
    position: absolute;
    box-shadow: 4px -2px 4px rgb(190 186 186 / 50%);
    z-index: 0;
    top: -12px;
    left: calc(50% - 10px);
    border-bottom: none;
    border-top: 1px solid rgba(0,0,0,1);
    border-right: 1px solid rgba(0,0,0,1);
}



.authorSection .hvra:hover .astooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.authorSection .hvra .astooltip  {
display: none;
    z-index: 991;

}

.authorSection .hvra:hover .astooltip  {
display: block;
}



.authorSection .section-on{
    font-family:  'Poppins',sans-serif;
    /* max-width: 1000px; */
    margin: 0px auto;
    text-align: center;
	position: relative;
	padding-block: 20px;
}

.authorSection .section-on.changeUI {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.authorSection .socl {
    float: right;
    margin-right: 4px;
    margin-top: 2px;
    margin-bottom: 10px;
}


.authorSection .one_s img{position: relative;}
.authorSection span.socl img {
    width: 80%;
}

.authorSection a:not([href]):not([class]), .authorSection a:not([href]):not([class]):hover, .authorSection .toltip .main-bx a, .authorSection .toltip .main-bx a:hover{
    color: #005e9e;
    text-decoration: underline;
}

.authorSection .oone:before {
    content: "";
    border-top: 1px solid #999999;
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: 47px;
    right: 110%;
}
   
.authorSection .twwo:after {
    content: "";
    border-top: 1px solid #999999;
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: 47px;
    left: 112%;
}
.authorSection .twwo .one_a a{left:-6px; position: relative;}
.authorSection .twwo .one_s{left:104px}

.authorSection .toltip .oone{
    z-index: 99;
}


@media only screen and (min-width: 320px) and (max-width: 767px) {
		
.authorSection .toltip {
    color: #555;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin: initial;
    padding: 15px 20px;
    position: relative;
    text-align: left;
    width: 250px;
    /* float: left; */
    display: contents;/*
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;*/
}
.authorSection .astooltip p {
    position: relative;
    display: flex;
    z-index: 9999;
    margin-block: 0;
    padding-block: 14px;
    margin-bottom: 0 !important;
}


.authorSection .hvra .astooltip {
    margin: 0px auto;
    background: #fff;
    /* max-width: 300px;
    min-width: 280px; */
    /* top: 91px; */
    border-radius: 5px;
    border: 1px solid #233253;
    color: #000;
    display: inline-block;
    /* left: 0; */
    margin-bottom: 15px;
    opacity: 0;
    padding: 5px 20px 0px;
    pointer-events: none;
    /* position: relative; */
    width: 320px;
}
	/*.twoo .astooltip{ top: 182px;}*/
	.authorSection .oone:before{width:45px; right: 103%;}
	.authorSection .twwo:after{width:45px; left: 106%;}
	.authorSection .twwo img{z-index: 1;position: relative;}
	.authorSection .one_s {z-index: 1;}
	/*.one_a a{z-index: -1;}*/
	.authorSection .hvra:focus .astooltip{display: block; opacity: inherit;}
	.authorSection .oone .one_a{-webkit-transform: inherit;  -webkit-font-smoothing: inherit;}
	.authorSection .twwo .one_a{-webkit-transform: inherit;  -webkit-font-smoothing: inherit;}

}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.authorSection .oone:before{width: 65%;}
	.authorSection .twwo:after{width: 65%;}
    .authorSection .section-on{
        overflow-x: clip;
    }
}

@media screen and (max-width:1450px) {
    .authorSection .section-on.changeUI{
        width: 42%;
    }

}

@media screen and (max-width:1340px) {
    .authorSection .section-on.changeUI{
        width: 45%;
    }

}

@media screen and (max-width:768px) {
    .authorSection .section-on.changeUI{
        width: auto;
    }
    .authorSection .changeUI .toltip{
        padding: 15px 20px
    }
}