: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;
} .our-family-practice-location .practice-location-item.practice30 {
background-color: initial !important;
box-shadow: initial !important;
border-radius: initial !important;
border: none !important;
padding: initial !important;
}
.bgColorPractice {
background-color: #E9F1FA;
box-shadow: none !important;
border-radius: 15px !important;
border: none !important;
padding: 30px;
} .infobanner {
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: #0062a5;
padding: 8px 0px;
min-height: 70px;
}
.infobannerwrapper {
width: 100%;
position: relative;
display: flex;
gap: 15px;
align-items: center;
text-align: center;
}
.infobannerwrapper p {
color: #fff;
margin-bottom: 0px;
font-size: 14px;
text-align: center;
width: 100%;
display: inline-block;
}
@media (max-width: 992px) {
.infobannerwrapper p {
font-size: 12px;
}
.infobannerwrapper {
padding-right: 10%;
}
} .pum-open-overlay .mce-floatpanel,
.pum-open-overlay .ui-timepicker-wrapper,
.pum-open-overlay .flatpickr-calendar.open {
z-index: 1999999999 !important;
}