:root {
--white-color: #ffffff;
--primary-color: #0060A5;
--lightblue-color: #D8EDFC;  
--black-color: #222222;
--yellow-color: #F8B418;   
--title-color: #221f20;
--paragraph-color: #333333;
--newspara-color: #444444;
}
.detailApp {
flex: 0 0 50%;
padding: 50px;
}
.newspara , .newspara a , .newspara p{
color: var(--newspara-color);
}
.whitecolor , .whitecolor a , .whitecolor p{
color: var(--white-color);
}
.primaryColor , .primaryColor a, .primaryColor p{
color: var(--primary-color);
}
.lightblue-color , .lightblue-color a, .lightblue-color p{
color: var(--lightblue-color);
}
.black-color , .black-color a , .black-color p{
color: var(--black-color);
}
.yellow-color , .yellow-color a , .yellow-color p{
color: var(--yellow-color);
}
.titleColor , .titleColor a ,.titleColor p{
color:  var(--title-color);
}
.paracolor , .paracolor a , .paracolor p{
color: var(--paragraph-color);
}
.fa , .fa::before{
font-family: 'FontAwesome';
font-weight: 100 !important;
}
a{
text-decoration: none !important;
}
h1,h2,h3,h4,h5,h6,span,p{
margin: 0;
}
.manrope , body{
font-family: "Manrope", sans-serif !important;
}
.flex{
display: flex;
}
.d-flex{
display: flex;
}
.align_item{
align-items: center;
}
.align_start{
align-items: flex-start;
}
.align_end{
align-items: flex-end;
}
.justify_sb{
justify-content: space-between;
}
.justflexend{
justify-content: flex-end;
}
.baseline{
align-items:baseline;
}
.ju_center{
justify-content: center;
}
.align_stretch{
align-items: stretch;
}
.flex_wrap{
flex-wrap: wrap;
}
.flex_50
{
flex: 0 0 auto;
width: 49%;
}
.flex_40
{
flex:0 0 40%;
}
.flex_30
{
flex:0 0 30%;
}
.flex_32
{
flex:0 0 32%;
}
.flex_60
{
flex:0 0 60%;
}
.flex_56
{
flex:0 0 56%;
}
.flex_63
{
flex:0 0 63%;
}
.flex-20{
flex:0 0 20%;
}
.f_250, .f_250 a, .f_250 p {
font-family: "Manrope", serif;
}
.f_300, .f_300 a, .f_300 p {
font-family: "Manrope", serif;
font-weight: 300;
}
.f_400, .f_400 a, .f_400 p {
font-family: "Manrope", serif;
font-weight: 400;
}
.f_500, .f_500 a, .f_500 p {
font-family: "Manrope", serif;
font-weight: 500;
}
.f_600, .f_600 a, .f_600 p {
font-family: "Manrope", serif;
font-weight: 600;
}
.f_700, .f_700 a, .f_700 p {
font-family: "Manrope", serif;
font-weight: 700;
}
.f_800, .f_800 a, .f_800 p {
font-family: "Manrope", serif;
font-weight: 800;
}
.f_900, .f_900 a, .f_900 p {
font-family: "Manrope", serif;
font-weight: 900;
}
.bellarina{
font-family: GILROY-REGULAR;
}
.fs_12, .fs_12 a, .fs_12 p {
font-size: 12px;
}
.fs_14, .fs_14 a, .fs_14 p {
font-size: 14px;
}
.fs_15, .fs_15 a, .fs_15 p {
font-size: 15px;
}
.fs_16, .fs_16 a, .fs_16 p {
font-size: 16px;
}
.fs_18, .fs_18 a, .fs_18 p {
font-size: 18px;
}
.fs_19, .fs_19 a, .fs_19 p {
font-size: 19px;
}
.fs_20, .fs_20 a, .fs_20 p {
font-size: clamp(16px , 1.3vw , 20px);
}
.fs_21, .fs_21 a, .fs_21 p {
font-size: clamp(18px , 1.375vw , 21px)
}
.fs_22, .fs_22 a, .fs_22 p { font-size: clamp(16px , 1.3vw , 20px);
}
.fs_24, .fs_24 a, .fs_24 p {
font-size: clamp(18px , 1.65vw, 24px);
}
.fs_25, .fs_25 a, .fs_25 p {
font-size: clamp(18px , 1.7vw , 25px);
}
.fs_28, .fs_28 a, .fs_28 p {
font-size: clamp(20px , 1.9vw , 28px);
}
.fs_30, .fs_30 a, .fs_30 p {
font-size: clamp(24px , 1.875vw , 30px);
}
.fs_32, .fs_32 a, .fs_32 p {
font-size: clamp(24px , 2.2vw , 32px);
}
.fs_35, .fs_35 a, .fs_35 p {
font-size: clamp(24px , 2.4vw , 35px);
}
.fs_40, .fs_40 a, .fs_40 p {
font-size: clamp(24px, 2.7vw , 40px);
}
.fs_44, .fs_44 a, .fs_44 p {
font-size: clamp(28px , 2.88vw , 44px);
}
.fs_45, .fs_45 a, .fs_45 p {
font-size: clamp(28px , 3.02vw , 45px);
}
.fs_50, .fs_50 a, .fs_50 p {
font-size: clamp(28px , 3.2vw , 50px);
}
.fs_55, .fs_55 a, .fs_55 p {
font-size: clamp(28px , 3.2vw , 50px); }
.fs_58, .fs_58 a, .fs_58 p {
font-size: clamp(28px , 3.9vw , 58px);
}
.fs_60, .fs_60 a, .fs_60 p {
font-size: clamp(28px , 3.7vw , 60px);
}
.fs_63, .fs_63 a, .fs_63 p {
font-size: clamp(30px , 4.25vw , 63px);
}
.fs_64, .fs_64 a, .fs_64 p {
font-size: clamp(32px , 4.3vw, 64px);
}
.fs_70, .fs_70 a, .fs_70 p {
font-size: clamp(25px , 4.375vw , 70px);
}
.fs_74, .fs_74 a, .fs_74 p {
font-size: clamp(32px , 4.8vw , 74px);
}
.fs_80, .fs_80 a, .fs_80 p {
font-size: clamp(25px , 5vw , 80px);
}
.fs_84 , .fs_84 a, .fs_84 p {
font-size: clamp(34px , 5.65vw, 84px);
}
.fs_114 , .fs_114 a, .fs_114 p {
font-size: 114px;
}
.lspacing7 , .lspacing7 a , .lspacing7 p{
letter-spacing: 7px;
}
.lspacing4 , .lspacing4 a , .lspacing4 p{
letter-spacing: 2px;
}
.lspacing2 , .lspacing2 a , .lspacing2 p{
letter-spacing: 2px;
}
.lspacing1, .lspacing1 a , .lspacing1 p{
letter-spacing: 1px;
}
.lspacing0, .lspacing0 a , .lspacing0 p{
letter-spacing: 0px;
}
.lspacing-1 ,.lspacing-1 a , .lspacing-1 p{
letter-spacing: -1px;
}
.lspacing-3, .lspacing-3 a , .lspacing-3 p{
letter-spacing: -3px;
}
.lspacing-4, .lspacing-4 a , .lspacing-4 p{
letter-spacing: -4px;
}
.lineh09 , .lineh09 a , .lineh09 p{
line-height: 0.9;
}
.lineh1 , .lineh1 a , .lineh1 p{
line-height: 1;
}
.lineh11 , .lineh11 a , .lineh11 p{
line-height: 1.1;
}
.lineh12 , .lineh12 a , .lineh12 p{
line-height: 1.2;
}
.lineh125 , .lineh125 a , .lineh125 p{
line-height: 1.25;
}
.lineh13 , .lineh13 a , .lineh13 p{
line-height: 1.3;
}
.lineh14 , .lineh14 a , .lineh14 p{
line-height: 1.4;
}
.lineh15 , .lineh15 a , .lineh15 p{
line-height: 1.5;
}
.lineh16 , .lineh16 a , .lineh16 p{
line-height: 1.6;
}
.lineh2 , .lineh2 a , .lineh2 p{
line-height: 2;
}
.capitalize , .capitalize a, .capitalize p{
text-transform: capitalize;
}
.lowercase , .lowercase a , .lowercase p{
text-transform: lowercase;
}
.uppercase , .uppercase a , .uppercase p{
text-transform: uppercase;
}
.colorSub{
color: #0c3892;
}
.textLeft{
text-align: left;
}
.textCenter{
text-align: center;
}
.textRight{
text-align: right;
}
.textJustify{
text-align: justify;
}
.inlineBlock{
display: inline-block;
}
.mr_20{
margin-right:20px;
}
.pt_30{
padding-top: 30px !important;
}
.pt_50{
padding-top:50px !important;
}
.pt_100{
padding-top: 100px;
}
.mt_30{
margin-top: 30px;
}
.mt_45{
margin-top: 40px;
}
.mt_50{
margin-top: 50px;
}
.mt_20{
margin-top: 20px;
}
.mt_25{
margin-top: 25px;
}
.mt_10{
margin-top: 10px;
}
.mt_80{
margin-top: 80px;
}
.mb_30 , .mb_30 p{
margin-bottom: 30px;
}
.mb_40{
margin-bottom: 40px;
}
.mb_50{
margin-bottom:50px !important;
}
.mb_80{
margin-bottom:80px !important;
}
.mb_20{
margin-bottom: 20px;
}
.mb_15{
margin-bottom:15px;
}
.mb_10{
margin-bottom:10px;
}
.gap10{
gap: 10px;
}
.gap20{
gap: 20px;
}
.gap5{
gap: 5px;
}
.gap30{
gap:30px;
}
.gap40{
gap:40px;
}
.gap60{
gap:60px;
}
.gap36{
gap: 36px;
}
.gap50{
gap: 50px;
}
.gap65{
gap: 65px;
}
.fMenu {
margin-bottom: 20px;
color: #fff;
font-weight: 400;
}
.paraPading p{
padding-bottom: 35px;
}
.flex_48{
flex: 0 0 48%;
}
.flex_23{
flex: 0 0 23%;
}
.flex_25{
flex: 0 0 25%;
}
.flex_20{
flex: 0 0 20%;
}
.flex_35{
flex: 0 0 32%;
}
.flex_65{
flex: 0 0 65%;
}
.paddingtb_100{
padding: 100px 0;
}
.paddingtb_80{
padding: 80px 0;
}
.paddingtb_200{
padding-bottom: 200px !important;
}
.paddingb_50{
padding-bottom:50px;
}
.aboutBGblue {
padding: 125px 0px !important;
}
.paddingb_100{
padding-bottom: 100px !important;
}
.paddingt_100{
padding-top: 100px;
}
.padding_200{
padding: 200px 0 100px 0;
}
.marginAuto p{
width: 89%;
margin: 0 auto;
text-align: center;
margin-top: 20px;
} .portal-section {
align-items: flex-end;
display: flex;
justify-content: center;
perspective: 1000px;
margin-top: 50px;
margin-bottom: 50px;
}
.portal-image-wrapper {
width: auto;
height: auto;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.portal-img {
width: 100%;
height: 100%;
max-width: 100%;
object-fit: contain;
display: block;
}
.doctor-video {
background: #fff;
border: 3px solid #fff;
border-radius: 20px;
box-shadow: 0 15px 30px #00000040;
height: 380px;
margin-left: -40px;
overflow: hidden;
padding: 10px;
transform: rotateY(-19deg) rotateX(6deg) scale(1);
transform-style: preserve-3d;
transition: transform .3s ease, box-shadow .3s ease;
width: 260px;
}
.doctor-video video {
width: 100%;
height: 100%;
object-fit: cover;
} .appointment-confirm-container{
width: 100%;
position: relative;
display: inline-block;
background-color: #f2f2f2;
padding-top: 100px;
margin-bottom: 100px;
}
.apptdoctorimg{
position: absolute;
bottom: -5px;
z-index: 1; left: 10%;
}
.apptdoctorimg img{
width: 750px;
}
.apptinfo{
width: 100%;
position: relative;
display: inline-block;
}
.apptbook{
width: 100%;
position: relative;
display: inline-block;
background-color: #055fa5;
padding: 35px 0px;
margin-bottom: 60px;
}
.appt-book-btn-block{
width: 100%;
position: relative;
display: inline-block;
}
.appt-back-btn{
background-color: #ffffff;
padding: 15px 30px;
min-width: 200px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
border: 1px solid #ffffff;
color: #0060A5;
transition: ease-in 0.3s;
width: fit-content;
position: relative;
z-index: 10;
}
.appt-back-btn:hover{
transition: ease-in 0.3s;
color: #ffffff;
background-color: #0060A5;
border-color: #ffffff;
}
.appt-confirm-wrapper{
width: 100%;
position: relative;
display: inline-block;
margin-bottom: 170px;
z-index: 11;
}
.apptc-heading{
font-size: 36px;
margin-bottom: 30px;
color: #222;
}
.apptc-description{
margin-bottom: 25px;
}
.apptc-list-heading{
margin-bottom: 20px;
color: #222;
}
.contact-info p{
margin-bottom: 15px;
}
.contact-info p:last-child{
margin-bottom: 0px;
}
.contact-info a{
font-weight: 700;
color: #055fa5;
}
@media screen and (min-width: 1601px) {
.container{
max-width: 1300px;
width: 100%;
margin: 0 auto; }
.apptdoctorimg{
left: 22%;
}
}
@media  (min-width: 1380px) and (max-width: 1599px) {
.apptdoctorimg{
left: 15%;
}
}
@media  (min-width: 1025px) and (max-width: 1600px) {
.container{ 
max-width: 81.25%;
width: 100%;
margin: 0 auto; }
}
@media screen and (max-width: 1024px) {
.faq_section {
width: 90% !important;
}
.container{
max-width: 100%; margin: 0 auto;
padding: 0 20px;
}
.apptdoctorimg{
left: 10%;
}
}
@media  (min-width: 991px) and (max-width: 1024px) {
.our-partners img{
max-width: 100% !important;
}
}
@media  (min-width: 768px) and (max-width: 1025px) {
.cta-section{
padding: 50px 0 0 50px !important;
}
.inlineButton{
display: inline-block !important;
}
.faqImageBanner img {
width: 300px;
}
.paddongtb_100{
padding: 60px 0 !important;
}
.paddongb_100{
padding-bottom: 60px !important;
}
.mt_45{
margin-top: 30px !important;
}
.mt_80{
margin-top: 45px !important;
}
.doctor-video {
width: 100px;
height: 250px;
min-width: 150px;
}
.portal-image-wrapper{
width: 100%;
} .appt-confirm-wrapper{
margin-bottom: 85px;
}
.apptc-heading{
font-size: 32px;
}
.apptdoctorimg img{
width: 600px;
}
}
@media screen and (max-width: 1024px) {
.apptdoctorimg{
left: 2% !important;
}
}
@media screen and (max-width: 992px) {
.apptdoctorimg{
left: 15%;
}
}
@media screen and (max-width: 767px)  {
.sjb-filters.sjb-filters-v1{
width: 100% !important;
}
.page-id-2640 .new-section-link{
pointer-events: initial !important;
}
.page-id-3544  .pickupFooter{
padding-top: 50px !important;
}
.loop-strt{
width: 100% !important;
}
.para90{
width: 100% !important;
}
.supporting_right-side h2{
margin-top: 0 !important;
}
.mobReverse{
display: flex !important;
flex-direction: column-reverse;
}
.mobHeight300{
height: 350px;
object-fit: cover;
}
a.inlineButton {
display: inline-block;
}
.btnSpacing {
margin-top: 30px;
padding-bottom: 50px;
}
.mobpab_30{
padding-bottom: 30px;
}
.faq_section.container.mb_80 {
margin-bottom: 50px !important; }
.paddingb_100.testimonial_sec.pt0Mob{
padding-top: 0 !important;
}
.social-icons.flex.justify_sb.gap30.paddintb_0mob {
padding: 0 !important;
}
table.popupTable {
table-layout: initial !important;
width: 500px;
}
.mobOverflow{
overflow:auto !important;
width: 100%;
}
td.member-cnt img , .single-vis-cnt img{
width: 26px;
}
section.paddingb_100.newaddedby.paddingb_none{
padding-top: 0 !important;
}
.page-template-faq section.paddingb_100.paddingb_none{
padding-bottom: 50px !important;
}
.service-item.homeServiceBG.new-desc.textCenter.gap36 p {
padding: 0 20px;
}
.paddintb_0mob{
padding: 0 !important;
}
.padding_50mob{
padding-top: 50px !important;
}
.paddingb_none{
padding-bottom: 0 !important
}
.pbNOne.paddingb_100{
padding-bottom: 0 !important;
}
.margin0_mob{
margin: 0 !important;
}
.mart_50mob{
margin-top: 50px;
padding-top: 0 !important;
}
.paddingBottom_50{
padding-bottom: 50px !important;
}
.pt0_mob{
padding-top: 0 !important;
}
.paddingb_100.marMOb0{
margin-top: 0 !important;
}
section.paddingb_100.newaddedby {
padding-top: 50px;
}
.flex_50{
width: 100% !important
}
.detailApp {
flex: 0 0 100% !important;
padding: 20px;
}
.patient-form {
width: 100%;
margin: 0 auto;
}
.contect-dev {
flex-wrap: wrap;
}
.contact-right {
flex: 0 0 100%;
}
.contact-left {
flex: 0 0 100%;
margin-top: 25px;
}
.bannerDetails h3 p {
letter-spacing: -1px !important;
}
.mt_80{
margin-top: 30px !important;
}
.pt_30{
padding-top: 20px !important;
}
.footer3{
margin-top: 20px !important;
}
.paraPading p {
padding-bottom: 20px !important	;
}
.aboutDetails br{
display: none;
}
.flex_48{
flex: 0 0 100% !important;
}
.paddongtb_100{
padding: 50px 0 !important;
}
.paddongb_100{
padding-bottom: 50px !important;
}
.mt_45{
margin-top: 25px !important;
}
.btnBlue{
padding-top: 20px !important;
}
.marginAuto p{
width: 90% !important;
}
.mb_30{
margin-bottom: 15px;
}
.mt_30{
margin-top: 15px;
}
.doctor-video {
background: #fff;
border: 3px solid #fff;
border-radius: 20px;
box-shadow: 0 15px 30px rgba(0, 0, 0, .25);
height: 150px;
margin-left: -20px;
overflow: hidden;
padding: 10px;
transform: rotateY(-19deg) rotateX(6deg) scale(1);
transform-style: preserve-3d;
transition: transform .3s ease, box-shadow .3s ease;
width: 100px;
padding: 5px;
}
.portal-image-wrapper{
width: 100%;
}
.doctor-video {
width: 100px;
height: 160px;
border-radius: 12px;
min-width: auto;
} .appointment-confirm-container{
padding-top: 50px;
margin-bottom: 50px;
}
.apptc-heading{
font-size: 28px;
text-align: center;
margin-bottom: 20px;
}
.apptc-description{
text-align: center;
}
.apptc-list-heading{
text-align: center;
}
.contact-info p{
text-align: center;
}
.appt-back-btn{
margin: auto;
}
.apptdoctorimg{
position: relative;
left: 0;
bottom: 0;
padding: 0px 40px;
margin-bottom: 25px;
width: 100%;
display: none;
align-items: center;
justify-content: center;
}
.apptdoctorimg img{
width: 100%;
}
.appt-confirm-wrapper{
margin-bottom: 40px;
}
}
@media screen and (max-width: 400px) {
.topMenu {
max-width: 32% !important;
gap: 10px !important;
}
.showLogo img, .stickyLogo img {
max-width: 100px !important;
}
.container.ptb_30{
padding: 20px !important;
}
.portal-image-wrapper{
width: 100%;
}
.doctor-video {
width: 100px;
height: 120px;
border-radius: 12px;
min-width: auto;
} .appointment-confirm-container{
padding-top: 50px;
margin-bottom: 50px;
}
.apptc-heading{
font-size: 28px;
text-align: center;
margin-bottom: 20px;
}
.apptc-description{
text-align: center;
}
.apptc-list-heading{
text-align: center;
}
.contact-info p{
text-align: center;
}
.appt-back-btn{
margin: auto;
}
.apptdoctorimg{
position: relative;
left: 0;
bottom: 0;
padding: 0px 40px;
margin-bottom: 25px;
width: 100%;
display: none;
align-items: center;
justify-content: center;
}
.apptdoctorimg img{
width: 100%;
}
.appt-confirm-wrapper{
margin-bottom: 40px;
}
}
.contactDetPost {
margin-top: 10px;
}
.addIcon img{
padding-top: 8px;
}
.paddingB30{
padding-bottom: 30px;
}
a.new-section-link.mb_20.f_700.fs_20.primaryColor i {
position: absolute;
right: 40px; color: #fff;
background-color: #0060A5;
padding: 10px;
border-radius: 100px; font-size: 13px;
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(-40deg);
}
a.new-section-link.mb_20.f_700.fs_20.primaryColor:hover i{
transform: rotate(0deg);
}
a.book_now-btn {
border: 1px solid #0060A5;
background-color: #0060A5;
color: #fff;
padding: 15px 30px;
border-radius: 5px;
text-align: center;
margin: 0 auto;
width: fit-content;
display: block;
}
section.health-team-section.paddingb_100 {
margin-top: 20px;
}
section.health-team-section h2.section-title.text-center {
margin-bottom: 50px;
}  section.how-it-works.paddingb_100 h2 { text-transform: capitalize;
} .inside.search_filter {
position: absolute !important;
right: -405px;
z-index: 99;
width: 100%;
top: 15px;
}
div#asl-panel {
position: relative !important;
}
#asl-storelocator.asl-cont .sl-main-cont .asl-panel {
border-top-left-radius: 5px;
border: 1px solid #fff !important;
}
#asl-storelocator.asl-cont.no-asl-filters .asl-wrapper .sl-main-cont .sl-main-row .asl-panel .search_filter {
padding: 10px 10px;
background-color: white;
border-radius: 15px;
}
.bg-clr{
background-color: #F5F9FF;
padding: 80px 0;
}
.brd-cnt {
border-top: 1px solid #eee;
padding-top: 150px;
}
.about-text .fs_22{
padding-bottom: 0 !important;
}
.page-id-2813 section.how-it-works.paddingb_100.paddingt_100{
display: none;
}
.newsblog_crbtn.fs_18 .dashicons{
transform: rotate(-40deg);
}
.newsblog_crbtn.fs_18:hover .dashicons{
transform: rotate(0deg) !important;
}
.our-partners h2 {
text-align: center;
font-weight: 800 !important;
}