/**
* Template Name: Vesperr - v2.2.0
* Template URL: https://bootstrapmade.com/vesperr-free-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "PT Sans", sans-serif;
  color: #000;
}

*{
  font-family: "PT Sans", sans-serif;
}

a {
  color: #3498db;
}

a:hover {
  color: #5faee3;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "PT Sans", sans-serif;
}

img{
    max-width: 100%;
    height: auto;
}

.min-w-142{
    min-width: 142px;
}

.fw-400{
    font-weight: 400 !important;
}

.fw-700{
    font-weight: 700 !important;
}

.pt-40{
    padding-top: 40px;
}

.pt-60{
    padding-top: 60px;
}

.pt-70{
    padding-top: 70px;
}

.pb-60{
    padding-bottom: 60px;
}

.pb-70{
    padding-bottom: 70px;
}

.pb-90{
    padding-bottom: 90px;
}


.mt-40{
    margin-top: 40px;
}

.fs-15{
    font-size: 15px;
}

.fs-22{
    font-size: 22px !important;
}

.fs-25{
    font-size: 25px !important;
}

.fs-18{
    font-size: 18px !important;
}

.fs-20 { font-size: 20px !important;}

.color-pink{
    color: #9B34E3 !important;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #3498db;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #57aae1;
  color: #fff;
}

.btnWrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.btn{
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 17px;
    font-weight: 600;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-primary{
    background: linear-gradient(135deg, rgba(155, 52, 227, 1) 0%, rgba(232, 71, 155, 1) 50%, rgba(232, 71, 155, 1) 50%, rgba(155, 52, 227, 1) 100%);
    background-size: 200% auto;
    background-position: 0 0;
    transition: background, color, 0.25s ease-out;
}

.btn-primary:hover {
    background-position: 100% 0;
}


.btn-primary.btn-primary-outline{
    position: relative;
    z-index: 1;
    color: #000;
    min-width: 180px;
}


.bgGreyLight .btn-primary.btn-primary-outline:before{
    background: #F5F8FB;
}

.btn-primary.btn-primary-outline:before{
    content: "";
    position: absolute;
    z-index: -1;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border-radius: inherit;
    background: #fff;
}

.btn.arrow-btn {
    padding-left: 24px;
    padding-right: 20px;
    justify-content: space-between;
    min-width: 140px;
}

.btn.arrow-btn:after {
    content: "\e901";
    font-family: 'icomoon' !important;
    margin-left: 20px;
    font-size: 18px;
    position: relative;
    transition: 0.25s ease-out;
    right: 0;
    top: 0;
}

.btn.arrow-btn:hover:after {
    right: -2px;
    top: -2px;
}



.arrowLink{
    position: relative;
    padding: 4px 20px 4px 0px;
    color: #9B34E3;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    background: transparent;
    border: none;
}

.arrowLink:after{
    content: "\e915";
    font-family: 'icomoon' !important;
    position: absolute;
    right: 2px;
    font-size: 11px;
    top: 50%;
    transform: translateY(-49%);
    transition: 0.25s ease-out;
}

.arrowLink:hover:after{
    right: 0px;
}

.arrowLink:hover{
    color: #9B34E3;
}

.arrowLink.backBTn{
    padding-left:20px;
    padding-right: 0px;
}

.arrowLink.backBTn:after {
    right: auto;
    left: 2px;
    transform: rotate(180deg) translateY(50%);
}

.arrowLink.backBTn:hover:after{
    left: 0;
}



.btn.btn-pink{
    background: #9B34E3;
    font-weight: 400;
    color: #fff;
}

.btn.btn-pink:hover {
    background: #8000db;
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.topHeader {
    position: sticky;
    top: 0;
    z-index: 99;
}

.purpleBGWrap{
    position: relative;
    background: #480082;
    color: #fff;
    padding: 8px 0;
}

.purpleBGNav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    gap: 16px 20px;
    flex-wrap: wrap;
}

.purpleBGNav .text{
    font-size: 13px;
    color: #fff;
    font-weight: 400;
}

.purpleBGNav .links{
    display: flex;
    align-items: center;
}

.purpleBGNav .links a{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    padding: 0 16px;
    line-height: none;
    position: relative;
}

.purpleBGNav .links a:first-child{padding-left: 0px;}

.purpleBGNav .links a + a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    bottom:3px;
    width: 1px;
    background: #fff;
}

.purpleBGNav .links .custom-select{
    position: relative;
}

.purpleBGNav .links .custom-select:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    background: #fff;
    height: 13.5px;
    margin-top: -6.25px;
}

.purpleBGNav .links .custom-select .select2-container{
    min-width: 92px;
    max-width: 92px;
}

.purpleBGNav .links .custom-select .select2-container .selection{
    display: block;
}

.purpleBGNav .links .custom-select .select2-container .select2-selection{
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.purpleBGNav .links .custom-select .select2-container .select2-selection .select2-selection__rendered {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 0 0 0 16px;
}

.purpleBGNav .links .custom-select .select2-container .select2-selection .select2-selection__arrow{
    top: 0px;
    right: 0px;
    width: auto;
}

.purpleBGNav .links .custom-select .select2-container .select2-selection .select2-selection__arrow b{
    border-width: 7px 6px 0 5px;
    border-color: #fff transparent transparent transparent;
}

.mainNavWrap{
    padding: 10px 0;
    background: #fff;

}

.mainNavBlock{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
}

.mainNavBlock .siteLogo{
    flex: 0 0 180px;
}

.mainNavBlock .mainNav ul{
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 0px;
}

.mainNavBlock .mainNav ul li{
    list-style: none;
}

.mainNavBlock .mainNav ul li a{
    color: #646464;
    font-size: 17px;
    font-weight: 700;
    margin: 0 12px;
    text-decoration: none;
    position: relative;
}

.mainNavBlock .mainNav ul li a:hover{
    color: #480082;
}

.mainNavBlock .mainNav ul li a.active{
    color: #480082;
    border-bottom: 1px solid #480082;
}


.menuToggleBtn{
    position: absolute;
    right: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    display: none;
}

.menuToggleBtn span{
    background: #000;
    width: 26px;
    height: 2px;
    position: relative;
    display: block;
    flex: 1;
}

.menuToggleBtn span:before{
    content: "";
    position: absolute;
    left: 0;
    top: -7px;
    width: 100%;
    background: #000;
    height: 2px;
    transition: 0.25s ease-out;
    transform: rotate(0deg);
}

.menuToggleBtn span:after{
    content: "";
    position: absolute;
    left: 0;
    top:7px;
    width: 100%;
    background: #000;
    height: 2px;
    transition: 0.25s ease-out;
    transform: rotate(0deg);
}

.mobileMenuOpen .menuToggleBtn span{
    background: transparent;
}

.mobileMenuOpen .menuToggleBtn span:before{
    transform: rotate(45deg);
    top: 0;
}

.mobileMenuOpen .menuToggleBtn span:after{
    transform: rotate(-45deg);
    top: 0;
}





@media (min-width: 1200px) {

    

    .mainNavBlock .mainNav ul li a.iconBtnLink{
    min-width: 118px;
    padding: 10px 14px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 7px;
    background: linear-gradient(135deg,  rgba(155,52,227,1) 0%,rgba(232,71,155,1) 50%,rgba(232,71,155,1) 50%,rgba(155,52,227,1) 100%);
    background-size:200% auto;
    background-position:0 0;
    transition:background, color, 0.25s ease-out;
    position: relative;
    z-index: 1;
    font-weight: 400;
    color: #fff;
    }

    .mainNavBlock .mainNav ul li a.iconBtnLink.registerBtn {
        margin-right: 0;
    }

    .mainNavBlock .mainNav ul li a.iconBtnLink:hover{
        background-position:100% 0;
        border: none;
    }

    .mainNavBlock .mainNav ul li a.iconBtnLink i{
        margin-right: 8px;
        font-size: 16px;
    }

    .mainNavBlock .mainNav ul li a.iconBtnLink.loginBtn{
        color: #000;
    }

    .mainNavBlock .mainNav ul li a.iconBtnLink.loginBtn:hover{
        color: #9b34e3;
    }

    .mainNavBlock .mainNav ul li a.loginBtn:before{
        content: "";
        position: absolute;
        left: 2px;
        top: 2px;
        right: 2px;
        bottom: 2px;
        background: #fff;
        z-index: -1;
        border-radius: 3px;
    }

}


@media (max-width: 1366px) {
    .mainNavBlock .mainNav ul li a{font-size: 16px; margin: 0 10px;}
    .mainNavBlock .mainNav ul li a.iconBtnLink{margin: 0 6px;}
}

@media (max-width: 1300px) {
    .mainNavBlock .mainNav ul li a.iconBtnLink{margin: 0 4px; min-width: 100px;  padding: 9px 12px;}
    .mainNavBlock .mainNav ul li a{font-size: 15px; margin: 0 6px;}

}

@media (max-width: 1200px) {
    .menuToggleBtn{display: block;}
    .mainNav{position: absolute; left: -24px; top: 100%; right: -24px; background: #fff; padding: 0 24px; display: none;}
    .mainNavBlock .mainNav ul{display: block; padding: 12px 0 20px;}
    .mainNavBlock .mainNav ul li a{margin: 2px 0px; display: inline-block;}
    .mainNavBlock .mainNav ul li a.iconBtnLink {margin: 2px 0; padding: 0;}
    .mainNavBlock .mainNav ul li a.iconBtnLink i{display: none;}
    .mainNavWrap{ padding: 6px 0; background: #fff;}
    
}


@media (max-width: 991px) {
    .purpleBGNav{ gap: 3px 10px;}
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/




.mainBannerWrap {
    /*background: linear-gradient(to right,  rgba(170,0,163,1) 0%,rgba(254,124,0,1) 100%);*/
    overflow: hidden;
    background: linear-gradient(135deg,  rgba(170,0,163,1) 0%,rgba(255,255,255,1) 100%);
    background-size: 110% 130%;
}

.mainBannerWrap.doctor-consultation-banner {
    background: linear-gradient(to right,  rgba(227,203,255,1) 0%,rgba(255,216,197,1) 100%);
}

.mainBannerWrap.trans-Health-consultation-banner.doctor-consultation-banner, .mainBannerWrap.sexual-Health-consultation-banner.doctor-consultation-banner, .mainBannerWrap.hiv-Care-banner.doctor-consultation-banner {
    background: linear-gradient(135deg,  rgba(177,207,255,1) 0%,rgba(221,255,186,1) 100%);
    background-size: 110% 130%;
}

.mainBannerWrap.trans-Health-consultation-banner.doctor-consultation-banner.getInvolved {
    background: linear-gradient(135deg, rgb(235 177 255) 0%, rgb(186 234 255) 100%);
    background-size: 110% 130%;
}

.bannerBgCOnt{
    padding: 110px 0px;
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
}

.bannerBgCOnt:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 593px;
    height: 100%;
    background:url('../img/main-banner-img2.png') no-repeat;
    background-size: 100% auto;
    background-position: bottom right;
}

.doctor-consultation-banner .bannerBgCOnt:after{
    background-image: url('../img/doctor-consultation-banner.png');
    width: 400px;
}

.trans-Health-consultation-banner.doctor-consultation-banner .bannerBgCOnt:after{
    background-image: url('../img/Transgender.png');
}

.sexual-Health-consultation-banner.doctor-consultation-banner .bannerBgCOnt:after{
    background-image: url('../img/sexual-Health-banner-img.png');
    width: 517px;
}

.hiv-Care-banner.doctor-consultation-banner .bannerBgCOnt:after{
    background-image: url('../img/hivcare-banner-img.png');
    width: 351px;
}

.getInvolved .enwuiryBlocksWrap {
    max-width: inherit;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.getInvolved .enwuiryBlocksWrap .enwuiryBlock {
    padding: 4px 24px;
    margin: 2px 0 0 0;
    background: #ffffff;
}

.getInvolved .footerLinksWrap a{
    background: rgb(72 0 130);
}


.bannerBgCOnt .cont {
    max-width: 700px;
}

.doctor-consultation-banner .bannerBgCOnt .cont {
    max-width: 840px;
}

/*.doctor-consultation-banner.trans-Health-consultation-banner .bannerBgCOnt .cont{
    max-width: 900px;
}*/

.doctor-consultation-banner .bannerBgCOnt .cont h1{
    color: #000;
}

.doctor-consultation-banner .bannerBgCOnt .cont p{
    font-size: 18px;
    color: #000;
    font-weight: 700;
    line-height: 1.4;
}

.doctor-consultation-banner .bannerBgCOnt .cont .tagsBlock{ 
    display: flex;
    align-items: center;
    margin: 20px 0 0 0;
}

.doctor-consultation-banner .bannerBgCOnt .cont .tagsBlock span{
    color: #000;
    font-size: 15px;
    font-weight: 700;
    position: relative;
}

.doctor-consultation-banner .bannerBgCOnt .cont .tagsBlock span + span{
    margin-left:8px;
    padding-left:8px;
}

.doctor-consultation-banner .bannerBgCOnt .cont .tagsBlock span + span:before{
    content: "";
    font-weight: 700;
    position: absolute;
    left: -2px;
    width: 4px;
    height: 2px;
    background: #000;
    top: 50%;
    transform: translateY(-50%);
    margin: 1px 0 0 0;
}


.bannerBgCOnt .cont h1{
    font-size: 48px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.1;
    margin: 0 0 16px 0;
}

.bannerBgCOnt .cont h4{
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 0 0;
}

.bannerBgCOnt .cont h5 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin: 16px 0 0 0;
}

.bannerBgCOnt .cont .btnWrap{
    display: flex;
    gap:16px 18px;
    flex-wrap: wrap;
    margin: 24px 0 10px;
}

.bannerBgCOnt .cont .btnWrap .btn{
    padding: 11.5px 16px;
    border-radius: 3px;
    font-size: 17px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 207px;
}

.bannerBgCOnt .cont .btnWrap .btn i{
    margin: 0 8px 0 0;
}

.bannerBgCOnt .cont .btnWrap .btn .icon-get-tested{
    font-size: 25px;
}

.bannerBgCOnt .cont .btnWrap .btn .icon-doctor-chat {
    font-size: 27px;
}



.btn-outline-white{
    border: 2px solid #fff;
    color: #fff;
}

.btn.btn-outline-white:hover{
    border: 2px solid #6b53dc;
    color: #fff;
    background: #6b53dc;
}

.btn-white{
    background: #fff;
    color: #000;
}

.btn.btn-white:hover {
    background: #9e35e0;
    color: #ffffff;
}



.secBgBR{
    position: relative;
    padding: 64px 0 120px;
    background: #EEF2FE;
    z-index: 1;
}

.secBgBR:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 314px;
    background: #FCD722;
    border-bottom:14px solid #FE5E55;
    z-index: -1;
}

.secBgBRContWrap{
    display: flex;
}

.secBgBRContWrap .imgWrap{
    flex: 0 0 500px;
    margin: 0 50px 0 0;
}

.secBgBRContWrap .imgWrap .img{
    border-radius: 4px;
    overflow: hidden;
}

.browseProduct{
    background: url(../img/bgGreen.png) no-repeat;
    background-size: cover;
    border-radius: 4px;
    padding:30px 30px 28px;
    display: flex;
    align-items: flex-end;
    min-height: 214px;
    color: #fff;
    margin: 32px 0 0;
}

.browseProductCont h4{
    font-size: 24px;
    margin: 0 0 4px 0;
    color: inherit;
    font-weight: 600;
}

.browseProductCont p{
    font-size: 16px;
    margin: 0 0 10px 0;
    color: inherit;
}

.browseProductCont a{
    display: inline-block;
    vertical-align: top;
    padding: 4px 28px 4px 0;
    position: relative;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    color: inherit;
}

.browseProductCont a .icon-arrow-long-top{
    position: absolute;
    right: 0;
    transition: 0.25s ease-out;
    top: 50%;
    transform: translateY(-50%);
}

.browseProductCont a:hover .icon-arrow-long-top{
    right: -2px;
    top: 47%;
}

.secTitle h5{
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

.secTitle h4{
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 0 0 6px 0;
}

.secTitle h2{
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin: 0 0 6px 0;
    line-height: 1.15;
}

.secTitle h3{
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin: 0 0 12px 0;
    line-height: 1.15;
}

.secTitle p{
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}

.sectionPadding{
    padding: 80px 0;
    position: relative;
}

.sectionPaddingSM{
    padding: 60px 0;
}

.max-w-770px{
    max-width: 770px;
}

.max-w-850px{
    max-width: 850px;
}

.serviceBoxWrap{
    background: #FAF5FF;
    border-radius: 25px;
    overflow: hidden;
    max-width: 360px;
    padding: 34px;
    margin-top: 34px !important;
    position: relative;
    height: calc(100% - 34px);
}

.serviceBoxWrap:before{
    content: "";
    position: absolute;
    width: 125px;
    height: 138px;
    border-radius: 100px;
    top: -44px;
    right: -36px;
    background: #F5E4FB;
}



.serviceBoxWrap .icon{
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,  rgba(178,84,232,1) 0%,rgba(229,72,162,1) 100%);
    border-radius: 15px;
    margin: 0 0 16px 0;
    font-size: 32px;
}

.serviceBoxWrap .cont h4 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 0 0 7px 0;
}

.serviceBoxWrap .cont p {
    font-size: 14px;
    color: #000;
    margin: 0 0 0px 0;
}

.serviceBoxWrap .cont .btnWrap{
    margin-top: 24px;
}


.serviceBoxWrap.serviceBoxBgOrg{
    background: #FEF2F2;
}

.serviceBoxWrap.serviceBoxBgOrg:before{
    background: #FEE1E3;
}

.serviceBoxWrap.serviceBoxBgOrg .icon{
    background: linear-gradient(135deg,  rgba(220,82,84,1) 1%,rgba(218,84,146,1) 100%);
}

.serviceBoxWrap.serviceBoxBgBlue{
    background: #EFF6FF;
}

.serviceBoxWrap.serviceBoxBgBlue:before{
    background: #E2E8FE;
}

.serviceBoxWrap.serviceBoxBgBlue .icon{
    background: linear-gradient(135deg,  rgba(83,124,238,1) 1%,rgba(152,90,238,1) 100%);
}


.serviceBoxWrap.specialitiesBoxWrap {
    padding: 40px 26px;
    text-align: center;
    border-radius: 15px;
    background: #EFE7FC;
}

.serviceBoxWrap.specialitiesBoxWrap:before{
    display: none;
}

.serviceBoxWrap.specialitiesBoxWrap .icon{
    width: 75px;
    height: 75px;
    border-radius: 100px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg,  rgba(255,216,197,1) 0%,rgba(175,85,234,1) 100%);
    color: #fff;
    font-size: 30px;
    font-weight: lighter;
}


.specialitiesBoxWrap.serviceBoxWrap .cont h4 {
    margin: 0 0 15px 0;
}

.specialitiesBoxWrap.serviceBoxWrap .cont p{
    max-width: 115px;
    margin: 0px auto;
}

.serviceBoxWrap.specialitiesBoxWrap.blue{
    background: #D9F3FC;
}
.serviceBoxWrap.specialitiesBoxWrap.blue .icon{
    background: linear-gradient(135deg,  rgba(255,216,197,1) 0%,rgba(81,177,208,1) 100%);
    font-size: 27px;
}

.serviceBoxWrap.specialitiesBoxWrap.green{
    background: #DCF7E4;
}
.serviceBoxWrap.specialitiesBoxWrap.green .icon{
    background: linear-gradient(135deg,  rgba(255,216,197,1) 0%,rgba(102,195,93,1) 100%);
    font-size: 26px;
}

.serviceBoxWrap.specialitiesBoxWrap.pink{
    background: #F8E6ED;
}
.serviceBoxWrap.specialitiesBoxWrap.pink .icon{
    background: linear-gradient(135deg,  rgba(255,216,197,1) 0%,rgba(218,84,148,1) 100%);
    font-size: 23px;
}


.serviceBoxWrap.specialitiesBoxWrap.sky{
    background: #DEE9FC;
}
.serviceBoxWrap.specialitiesBoxWrap.sky .icon{
    background: linear-gradient(135deg,  rgba(255,216,197,1) 0%,rgba(87,120,238,1) 100%);
    font-size: 24px;
}


.serviceBoxWrap.specialitiesBoxWrap.yellow{
    background: #FCF1D0;
}
.serviceBoxWrap.specialitiesBoxWrap.yellow .icon{
    background: linear-gradient(135deg,  rgba(255,216,197,1) 0%,rgba(231,142,55,1) 100%);
    font-size: 25px;
}


.trustSectionWrap{
    background: #1501FF;
    padding: 60px 0 0;
}

.trustSectionCont .secTitle * {
    color: #fff;
}

.trustImgRight{
    max-width: 587px;
}

.checkList ul{
    padding: 0px;
    margin: 0px;
}

.checkList ul li{
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 0 38px;
    position: relative;
    list-style: none;
}

.checkList ul li:before{
    content: "\e903";
    font-family: 'icomoon' !important;
    font-size: 19px;
    position: absolute;
    left: 0;
    width: 32px;
    text-align: center;
}

.checkList ul li + li{
    margin-top: 10px;
}


.trustSectionWrap .checkList ul li{
    color: #fff;
}

.trustSectionCont .btnWrap{
    margin-top: 32px;
}

.trustSectionCont .btnWrap .btn.btn-white:hover{
    background: linear-gradient(135deg, rgb(90 76 255) 1%, rgb(14 0 183) 100%);
}


.faqBgWrap{
    position: relative;
    z-index: 1;
}

.faqBgWrap:before{
    content: "";
    position: absolute;
    z-index: -1;
    background: #9B17E5;
    height: 380px;
    left: 0;
    right: 0;
    top: 0;
}

.text-white .secTitle * {
    color: #fff;
}

.faqTabScroll{
     overflow-x: auto;
  display: flex;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  padding: 0px 0 10px;
  white-space: nowrap;
  margin: 68px 0 0 0;
  scroll-behavior: smooth;
  scrollbar-width: none; 
  -ms-overflow-style: none; 
}

.faqTabScroll::-webkit-scrollbar {
  display: none; 
}

.faqTabsLink {
    display: flex;
    align-items: center;
    gap: 0 0;
    padding: 0 0 22px 0;
    margin: 0px auto;
}

.faqTabsLink .nav-link {
    background: #fff;
    border-radius: 5px;
    padding: 22px 16px;
    margin: 0 16px;
    flex: 0 0 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    font-size: 17px;
    font-weight: 700;
    position: relative;
     scroll-snap-align: center;
}

.faqTabsLink .nav-link:after{
    content: "";
    position: absolute;
    top: 100%;
    margin: -1px 0 0 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 20px solid #FE01BA;
    opacity: 0;
    transition: 0.25s ease-out;
}

.faqTabsLink .nav-link.active{
    box-shadow: none;
    background:#FE01BA;
    color: #fff;
}

.faqTabsLink .nav-link.active:after{
    opacity: 1;
}


.faqAccordian .accordion-item .accordion-button {
    padding: 15px 34px 15px 0;
    border-top: 1px solid #BCBCBC;
    font-size: 17px;
    font-weight: 700;
    color: #000;
    position: relative;
    line-height: normal;
}

.faqAccordian .accordion-item .accordion-button.collapsed{
    font-weight: 400;
}

.faqAccordian .accordion-item .accordion-button:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 18px;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    box-shadow: 0 0 0 1px #707070;
}

.faqAccordian .accordion-item .accordion-button:after {
    content: "\e914";
    font-family: 'icomoon' !important;
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 1.9px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faqAccordian .accordion-item .accordion-button.collapsed:after {
    content: "\e913";
    font-size: 10px;
}


.accordion-body {
    margin: 0 0 20px 0;
    font-size: 15.5px;
}

.accordion-body *{
    font-size: inherit;
}


.bgBlueLight{
    background: #EEF2FE;
}

.testimonialBlockWrap{
    margin: 48px 0 0;
}

.testimonialBlock {
    padding: 0 25px;
}

.testimonialBlockIn{
    background: #fff;
    border-radius: 10px;
    padding: 0px;
    max-width: 782px;
    display: flex;
}

.center .testimonialBlockIn{
    max-width: 1000px;
    padding: 0;
}


.testimonialBlockIn .videBlock{
    flex: 0 0 352px;
    position: relative;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    margin-right: 40px;
}

.testimonialBlockIn .videBlock a{
    position: relative;
    display: block;
    height: 100%;
}

.testimonialBlockIn .videBlock a:before {
    content: "\e91d";
    font-family: 'icomoon' !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 0 0 0 4px;
    color: #CA3A31;
    font-size: 21px;
    border-radius: 100px;
    z-index: 1;
}

.center .testimonialBlockIn .videBlock a:before {
    width: 75px;
    height: 75px;
    font-size: 24px;
}

.testimonialBlockIn .videBlock a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
}

.center  .testimonialBlockIn .videBlock a:after {
    background: rgba(0, 0, 0, 0.5);
}


.testimonialBlockIn .videBlock img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.center .testimonialBlockIn .videBlock{
    flex: 0 0 450px;
}

.testimonialBlockInCont {
    padding: 28px 24px 24px;
}

.testimonialBlockIn .text {
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.center .testimonialBlockIn .text {
    -webkit-line-clamp: 5;
}

.ratingBlock{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 28px 0 0 0;
    transition: margin, 0.25s ease-out;
}


.testimonialBlockIn .rating + .text {
    margin-top: 20px;
}


.profileBlock{
    display: flex;
    align-items: center;
}

.profileBlock .img{
    margin: 0 14px 0 0;
    flex: 0 0 50px;
    border-radius: 100px;
    overflow: hidden;
    height: 50px;
}

.profileBlock .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profileBlock .cont h5{
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 0 0px;
}

.profileBlock .cont p{
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 0px;
    color: #9B34E3;
}

.rating {
    display: flex;
    align-items: center;
    gap: 0 5px;
}

.rating i{
    font-size: 18px;
    color: #FFD640;
}

.rating i.empty{
    color: #b0bad9;
}

.center .testimonialBlockIn .profileBlock .img{
    flex: 0 0 65px;
    height: 65px;
}

.center .testimonialBlockIn .ratingBlock{
    margin-top: 32px;
}

.testimonialBlockWrap .owl-dots{
    display: none;
}

.custom-nav-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0;
}

.custom-nav-wrapper .custom-owl-prev, .custom-nav-wrapper .custom-owl-next{
    background: none;
    border: none;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 28px;
    padding: 0px;
}

.custom-nav-wrapper .custom-owl-prev:before, .custom-nav-wrapper .custom-owl-next:before{
    content: "\e900";
    font-family: 'icomoon' !important;
    font-size: 20px;
    color: #000;
}

.custom-nav-wrapper .custom-owl-next:before{
    content: "\e902";
}

.custom-nav-wrapper .custom-dots{
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.custom-nav-wrapper .custom-dots .owl-dot{
    width: 14px;
    height: 14px;
    background: #ADADAD;
    border-radius: 100px;
    margin: 0 5px;
    padding: 0px;
    border: none;
}

.custom-nav-wrapper .custom-dots .owl-dot.active{
    background: #480082;
}

.siteFooter{
    background: #480082;
    padding: 44px 0 0;
}

.footerSubscribeCont{
    padding: 0px 0 40px;
}

.footerSubscribeCont h5{
    font-size: 20px;
    margin: 0 0 6px 0;
    font-weight: 700;
}

.footerSubscribeCont p{
    font-size: 16px;
    margin: 0px;
}

.footerSubscribeForm{
    max-width: 583px;
    margin: 20px 0 40px;
    display: flex;
    align-items: center;
    gap: 10px 16px;
}

.footerSubscribeForm input{
    width: 100%;
    height: 47px;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 5px;
    padding: 0 16px;
    font-size: 16px;
    color: #fff;
}

.footerSubscribeForm .btn {
    font-size: 16px;
    white-space: nowrap;
    padding: 12px 19px 11px;
}

.footerSubscribeForm div[data-lastpass-icon-root=""]{
    display: none;
}

.footer-top{
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: 30px 0 0 0;
}

.footer-info{
    max-width: 356px;
}

.footer-info .footerLogo{
    margin: 0 0 16px;
    max-width: 180px;
}

.footer-info p{
    font-size: 16px;
    color: #D0D0D0;
    font-weight: 400;
    margin: 0 0 10px 0;
}

.footerLinksWrap{
    display: flex;
    align-items: center;
    gap: 10px 15px;
    margin: 20px 0 0;
}

.footerLinksWrap a{
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
}

.footer-links h4, .footer-contact-info h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 16px 0;
}

.footer-links ul{
    padding: 0;
    margin: 0px;
}

.footer-links ul li{
    display: block;
    list-style: none;
}

.footer-links ul li a{
    font-size: 18px;
    color: #D0D0D0;
    vertical-align: top;
    display: inline-block;
    padding: 2px 0;
    margin: 1px 0px;
    text-decoration: none;
}

.footer-links ul li a:hover, .footer-links ul li a:focus{
    color: #fff;
}

.footer-links ul li a small{
    color: #F3CE48;
    font-size: 14px;
}

.footer-contact-info ul{
    padding: 0;
    margin: 0px;
}

.footer-contact-info ul li{
    display: block;
    list-style: none;
    margin: 15px 0;
}

.footer-contact-info ul li:last-child{
    margin-bottom: 0px;
}

.footer-contact-info ul li a{
    color: #fff;
    display: flex;
    align-items: center;
    text-decoration: none;
    line-height: 1.4;
}

.footer-contact-info ul li a .icon{
    display: flex;
    flex: 0 0 50px;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    margin: 0 14px 0 0;
    background: linear-gradient(135deg, rgba(155, 52, 227, 1) 0%, rgba(232, 71, 155, 1) 50%, rgba(232, 71, 155, 1) 50%, rgba(155, 52, 227, 1) 100%);
    background-size: 200% auto;
    background-position: 0 0;
}

.footer-contact-info ul li a .icon:before{
    color: inherit;
}

.footer-contact-info ul li a .cont{
    font-size: 15px;
    font-weight: 400;
}

.footer-contact-info ul li a .cont strong{
    display: block;
    font-size: 18px;
    font-weight: 700;
}


.footer-copyrightContWrap {
    background: #2E0053;
    padding: 28px 0 26px;
    position: relative;
    margin: 42px 0 0;
}


.footer-copyrightCont{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-copyrightContWrap .copyright{
    font-size: 14px;
    color: #D0D0D0;
}

.footer-copyrightContWrap .privacyLinks{
    display: flex;
    align-items: center;
}

.footer-copyrightContWrap .privacyLinks a{
    color: #D0D0D0;
    font-size: 14px;
    padding: 0 12px;
    position: relative;
    text-decoration: none;
}

.footer-copyrightContWrap .privacyLinks a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    bottom: 3px;
    width: 1px;
    background: #D0D0D0;
}

.footer-copyrightContWrap .privacyLinks a:first-child:before{
    display: none;
}



.bgGreyLight{
    background: #F5F8FB;
}



.symptomsSliderWrap{
    margin: 40px 0 0 0;
}

.symptomsSlideBlock{
    padding: 10px 16px 10px;
}

.symptomsSlide {
    max-width: 275px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.serviceSliderWrap .symptomsSlide {
    min-height: 302px;
}

.symptomsSlide .img {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.symptomsSlide .cont{
    padding: 16px 20px 18px;
}

.symptomsSlide .cont h5 {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin: 0 0 10px 0;
}

.symptomsSlide .cont p {font-size: 15px;}




.owl-carousel.symptomsSliderWrap .owl-dots.disabled, .owl-carousel.symptomsSliderWrap .owl-dots {
    display: block;
    margin: 30px 0 0;
    text-align: center;
}

.symptomsSliderWrap .owl-dots .owl-dot {
    background: #ADADAD;
    padding: 0;
    width: 14px;
    height: 14px;
    border-radius: 100px;
    margin: 0 4px;
}

.symptomsSliderWrap .owl-dots .owl-dot.active {
    background: #480082;
}


.bgBrownLight{
    background: #FFF0E9;
}

.consultBgWhite {
    position: relative;
    z-index: 1;
}

.consultBgWhite:before {
    content: "";
    top: 176px;
    left: 0;
    right: 0;
    position: absolute;
    background: #fff;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    z-index: -1;
    bottom: 0;
}


.consultBgHead {
    position: relative;
    z-index: 1;
}

.consultBgHead:before {
    content: "";
    top: 161px;
    left: 0;
    right: 0;
    position: absolute;
    background: #C9EEFB;
    border-radius:15px 15px 0 0;
    z-index: -1;
    bottom: 0;
}

.consultBgHead  .img {
    max-width: 581px;
    margin: 0px 0 0 auto;
}

.consultCont {
    padding: 45px 38px;
}

.consultCont h3{
    font-size: 28px;
    font-weight: 700;
    color: #4995BA;
    margin: 0 0 10px 0;
}

.consultCont h4{
    font-size: 22px;
    font-weight: 700;
    color: #000;
    margin: 0 0 10px 0;
}

.consultCont p{
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 0 0 10px 0;
}

.consultBgBody{
    padding: 0px 38px 40px;
}


.consultationTabsWrap{
    display: flex;
}

.consultationTabs{
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    padding: 4px;
    gap: 8px 8px;
    position: relative;
    z-index: 1;
    margin: -28px 0 0 0;
}

.consultationTabs button {
    padding: 11px 20px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    border-radius: 5px;
    line-height: normal;
    border: none;
    background: transparent;
}

.consultationTabs button.active {
    background: #FFD8C5;
    font-weight: 700;
}

.icTitle {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
}

.icTitle .icon{
    margin: 1px 12px 0 0;
    font-size: 17px;
}

.icTitle .icon.icon-map{
    font-size: 20px;
    font-weight: bold;
}

.icTitle .icon.icon-map:before {
    color: #000;
}

.benifitsBlock {
    margin: 24px 0 0;
}

.benifitsBlock h5 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.benifitsBlock ul{
    padding: 0px;
    margin: 0px;
}

.benifitsBlock ul li{
    padding: 0px;
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    font-size: 17px;
}



.benifitsBlock ul li .icon{
    /*flex: 0 0 30px;
    font-size: 26px;
    color: #000;
    margin: 0 10px 0 0;*/

    flex: 0 0 26px;
    font-size: 22px;
    color: #000;
    margin: 0 8px 0 0;
}


.doctorCardBlock {
    background: #fff;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.16);
    border-radius:5px;
    padding: 20px;
    margin: 40px 0 0;
    height: calc(100% - 40px);
}

.doctorCardHeader{
    display: flex;
}

.doctorCardHeader .img{
    flex: 0 0 50px;
    height: 50px;
    margin: 0 14px 0 0;
    border-radius: 100px;
    overflow: hidden;
}

.doctorCardHeader .img img{
    width: 100%;
}

.doctorCardHeader .cont{
    flex: auto;
}

.doctorCardHeader .cont h5{
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 0 0 2px 0;
}

.doctorCardHeader .cont .expertise{
    font-size: 14px;
    font-weight: 400;
    color: #9B34E3;
    margin: 0 0 2px 0;
}

.doctorCardHeader .cont .experience{
    font-size: 13px;
    font-weight: 400;
    color: #707070;
    margin: 0 0 0px 0;
    display: flex;
    align-items: center;
}

.doctorCardHeader .cont .experience .icon{
    margin: 0 4px 0 0;
    font-size: 17px;
}

.doctorCardBody{
    padding: 16px 0 0 0;
}

.doctorCardBody .textLight{
    color: #707070;
    word-wrap: break-word;
}

.tagsBlock{
    margin: 14px 0 0 0;
}

.tagsBlock .labelText{
    font-size: 14px;
    color: #000;
    margin: 0 0 6px 0;
    font-weight: 400;
}

.tagsBlockIn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.tagsBlockIn .tag{
    font-size: 14px;
    border-radius: 4px;
    background: #FFD8C5;
    padding: 5px 10px;
    color: #000;
}

.tagsBlockIn.greenTags .tag{
    background: #E2FBE8;
    color: #3B7E43;
}

.tagsBlockIn .text {
    font-size: 14px;
    color: #3562E5;
}


.benifitsSec{
    /*padding: 90px 0 60px;*/
    background: #005FFF;
}

.numberPointsWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
}

.numberPointsWrap .numberPoint{
    flex: 0 0 50%;
    max-width: calc(50% - 5px);
}


.numberPoint{
    margin: 22px 0 0;
}

.numberPoint .nm{
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    background: #fff;
    border-radius: 100px;
}

.numberPoint .cont{
    margin: 10px 0 0 0;
}

.numberPoint .cont h5{
    font-weight: 700;
    margin: 0 0 9px 0;
}

.numberPoint .cont p{
    font-weight: 400;
    margin: 0 0 0px 0;
}


.bgVideoExperience{
    background: #F8F7FB;
}


.videoExperienceWrap{
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 3px 6px  rgba(0, 0, 0, 0.0.16);
}

.experienceVideo{
    background: #6B4242;
    border-radius: 15px 15px 0 0;
    height: 225px;
    position: relative;
    margin: 24px 0 0;
}

.experienceVideo .PlayBtn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.85);
    border-radius: 100px;
    width: 75px;
    height: 75px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.experienceVideo .PlayBtn .icon-play {
    font-size: 22px;
    color: #CA3A31;
    margin: 2px 0 0 2px;
}

.videoExperienceWrap .cont{
    padding: 20px 32px;
}

.videoExperienceWrap .cont h5{
    font-weight: 700;
    margin: 0 0 10px 0;
}

.videoExperienceWrap .cont p{
    color: #707070;
    margin: 0 0 10px 0;
}

.doctorsCardDetails {
    background: #fff;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    padding: 50px 40px;
    margin: 40px 0 0;
    border: 0.5px solid #A5A5A5;
    position: relative;
}

.doctorsCardDetails .arrowLink.backBTn {
    position: absolute;
    right: 28px;
    top: 20px;
}

.doctorsCardDetails .doctorCardHeader {
    align-items: center;
}

.doctorsCardDetails .doctorCardHeader .cont .expertise { display: flex; flex-wrap: wrap; gap:0px 4px;}

.experienceWrap{display: flex; flex-wrap: wrap; gap: 10px 14px;}

.doctorsCardDetails  .doctorCardHeader .cont .experienceWrap .experience{color: #000;}

.experienceWrap .experience .icon.icon-star{color: #EBC400;}

.doctorsCardDetails .tagsBlock{margin: 32px 0 0;}
.doctorsCardDetails .tagsBlock .labelText{font-weight: 700; font-size: 16px;}

.doctorsCardDetails .abtText{margin: 32px 0 0; max-width: 534px;}
.doctorsCardDetails .abtText h6{font-size: 20px; font-weight: 700; margin: 0 0 10px 0;}
.availableSlotsWrap{max-width: 425px;}
.doctorsCardDetails .tagsBlock.availableSlotsWrap .tagsBlockIn .tag{font-weight: 700; text-align: center;}

.careLocationBlock{ background: #FFFFFF; border-radius: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); margin: 40px 0 0; height: calc(100% - 40px); padding: 28px 28px 32px;}

.careLocationBlock .title{font-size: 18px; font-weight: 700; margin: 0 0 8px 0}

.iconAddress{display: flex; align-items: flex-start; margin: 16px 0 0;}
.iconAddress .icon{flex: 0 0 20px; margin: 0 6px 0 0; }
.iconAddress .icon i{font-size: 17px; display: block; margin: 6px 0 0 0;}
.iconAddress .icon i:before{color: #000;}
.iconAddress .icon i.icon-map {margin: 4px 0 0 0px;}
.iconAddress .icon i.icon-phone {font-size: 14px; font-weight: bold;}
.iconAddress .icon .icon-email-id {font-size: 12px; font-weight: bold;}
.iconAddress .icon  .icon-clock {font-size: 15px; font-weight: bold;}
.iconAddress .cont {font-size: 16px; line-height: 1.4;}
.iconAddress .cont strong {margin: 0 0 2px 0; display: inline-block;}


.chosePlanBlock {margin: 40px auto 0; max-width: 750px; background: #F1F5FE; border-radius: 5px; border: 1px solid #707070; min-height: 400px; text-align: center; padding: 50px 24px 40px;}
.chosePlanBlock h4{font-size: 20px; font-weight: 700; margin: 0 0 20px 0}
.planBlocksWrap { display: flex; max-width: 550px; margin: 0px auto; gap:0px 50px;}
.planBlocksWrap .planBlock{background: #fff; margin: 20px 0 0; border-radius: 5px; border: 1px solid #707070; padding: 30px; position: relative; flex: 1;}
.planBlocksWrap .planBlock .icon {margin: 0 0 12px 0;}
.planBlocksWrap .planBlock h5{font-size: 18px; font-weight: 700; margin: 0 0 6px 0;}
.planBlocksWrap .planBlock h5 a{font-size: inherit; color: inherit; font-weight: inherit; text-decoration: none;}
.planBlocksWrap .planBlock h5 a:before{content: ""; position: absolute; left: 0; top: 0;right: 0; bottom: 0;}
.planBlocksWrap .planBlock p{font-size: 15px; font-weight: 400; margin: 0 0 6px 0;}


.successPlanWrap .chosePlanBlock {background: #F7FFF9; border-color: #3B7E43; padding: 20px 24px;}
.successPlanWrap .chosePlanBlock .successIcon {margin: 0 0 6px 0;}
.successPlanWrap  .chosePlanBlock h4{margin: 0 0 10px 0;}
.successPlanWrap .chosePlanBlock p{font-size: 15px;}

.appointment-details-wrap { max-width: 500px; margin: 0px auto; background: #fff; border-radius: 5px; border: 1px solid #707070; padding: 20px; text-align: left;}
.appointment-details-wrap h6 {font-weight: 700; font-size: 15px;}
.appointment-details { display: flex; align-items: center; justify-content: space-between;}

.appointment-details span {font-size: 15px; margin: 10px 0 0;}
.appointment-details span.value {font-weight: 700;}

.doctorsCardDetailsWrap{display: none;}
.chosePlanWrap{display: none;}
.doctorsCardDetails .doctorCardHeader .cont .expertise .textLight { color: #707070; margin-left:0px;}
.doctorsCardDetails .abtText p{margin: 0px;}


.modal-dialog.waitingModal {
    max-width: 500px;
}



.modal-dialog.waitingModal .btn-close {
    position: absolute;
    right: 18px;
    top: 18px;
    background-size: 12px; 
    z-index: 9;
}

.waitingModal .modal-body {
    padding: 50px 40px;
    text-align: center;
}

.waitingIcon {
    text-align: center;
}

.waitingModal .modal-body h4{
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin: 30px 0 20px;
}

.waitingModal .modal-body p{
    font-size: 17px;
    max-width: 415px;
    margin: 0px auto;
}

.enwuiryBlocksWrap {
    max-width: 310px;
    margin: 0px auto;
}

.enwuiryBlock{
    background: #E9C9FF;
    border-radius: 4px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:17px;
    gap: 10px;
    margin: 28px 0 0;
}

.enwuiryBlock .icon {
    font-size: 15px;
    font-weight: bold;
    margin: 3px 0 0 0;
}

.enwuiryBlock .icon.icon-email-id {
    font-size: 13px;
}

.waitingModal .notifyText {
    color: #707070;
    margin: 28px 0;
    font-size: 15px;
}

.waitingModal .btn{font-weight: 400; min-width: 122px;   padding: 11px 20px;}

.enwuiryBlock .icon:before{color: #000;}

.transLocBlockWrap {
    margin: 50px 0 0 0;
}

.transLocBlockWrap > h5{
    font-size: 18px;
    font-weight: 700;
}

.transLocBlockIcWrap {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
    gap: 20px 40px;
}

.transLocBlockIcWrap .transLocBlockIc {
    display: flex;
    align-items: center;
}

.transLocBlockIcWrap .transLocBlockIc .img{
    margin: 0 16px 0 0;
}

.transLocBlockIcWrap .transLocBlockIc h6{
    font-size: 18px;
    font-weight: 700;
    margin: 0px;
}

.missionSec{
    background: #710082;
}

@media (min-width: 991px) {
    
    .secBgBRCont{flex: auto; display: flex; flex-wrap: wrap;}
    .cont-items-end {align-self: flex-end; flex: 0 0 100%;}
    .cont-items-start{flex: 0 0 100%;}
    
    .sectionPadding{padding: 120px 0;}
    .sectionPaddingSM{padding:80px 0;}
    .m-auto-left {margin-left: auto;}
    
    .footerSubscribeForm{margin-left: auto;}
    
    .footer-copyrightContWrap .privacyLinks {order: 1;}
    .consultCont h3{font-size: 35px;}
    .consultCont h4{font-size: 25px;}
    .consultCont p{ font-size:18px;}
    .icTitle {font-size: 24px;}
    /*.benifitsBlock ul li{font-size: 20px;}*/
    .tagsBlock .labelText{font-size: 15px;}
    .doctorsCardDetails .doctorCardHeader .img{ flex: 0 0 104px; height: 104px; margin: 0 30px 0 0;}
    .doctorsCardDetails .doctorCardHeader .cont h5{font-size: 25px;  margin-bottom: 4px;}
    .doctorsCardDetails .doctorCardHeader .cont .expertise { font-size: 17px;}
    .doctorsCardDetails  .doctorCardHeader .cont .experienceWrap{margin-top: 8px;}
    .doctorsCardDetails  .doctorCardHeader .cont .experienceWrap .experience{font-size: 18px;}
    .doctorsCardDetails .tagsBlock .labelText{font-size: 20px;}
    .tagsBlockIn .qaText{font-size: 20px;}
    .doctorsCardDetails .abtText p{font-size: 18px;}
    .doctorsCardDetails .tagsBlockIn .tag{font-size: 18px; padding: 5px 12px;}
    .doctorsCardDetails .tagsBlock.availableSlotsWrap{margin-left: auto;}
    .doctorsCardDetails .tagsBlock.availableSlotsWrap .tagsBlockIn{gap: 25px;}
    .doctorsCardDetails .tagsBlock.availableSlotsWrap .tagsBlockIn .tag { flex: 0 0 50%; max-width: calc(50% - 13px);}
    .careLocationBlock .title{font-size: 20px;}
    .iconAddress .cont {font-size: 17px;}
    .chosePlanBlock h4{font-size: 22px;}
    .planBlocksWrap .planBlock h5{font-size:20px;}
    .browseProductCont a{font-size: 22px;}
    .waitingModal .modal-body h4{font-size: 35px;}
    .enwuiryBlock{font-size: 20px;}

    
}


@media (min-width: 1200px) {
    .bannerBgCOnt .cont h1{font-size: 55px;}
    .bannerBgCOnt .cont h4{font-size: 32px;}
    .bannerBgCOnt .cont h5 {font-size: 24px;}
    .browseProductCont h4{font-size: 30px;}
    .browseProductCont p{font-size: 18px;}
    .secTitle h5{font-size: 20px;}
    .secTitle h4{font-size: 25px;}
    .footerSubscribeCont h5{font-size: 25px;}
    .footerSubscribeCont p{font-size: 18px;}
    .secTitle h2{font-size: 45px}
    .secTitle h3{font-size: 35px}
    .secTitle p{font-size: 18px;}
    .checkList ul li{font-size: 18px;}
    .fs-lg-20{font-size: 20px !important;}
    .faqTabsLink .nav-link {font-size: 19px;}
    .accordion-body {font-size: 18px;}
    .faqAccordian .accordion-item .accordion-button {font-size: 20px;}
    .footer-info p{font-size: 18px;}
    .footer-copyrightContWrap .copyright, .footer-copyrightContWrap .privacyLinks a{font-size: 18px}
    .doctor-consultation-banner .bannerBgCOnt .cont p{font-size: 22px;}
    .doctorCardHeader .cont h5{font-size: 18px;}
    .doctorCardHeader .cont .expertise{font-size: 15px;}
    .doctorCardHeader .cont .experience{font-size: 14px;}
    
    .grid30.row{margin-left: -15px; margin-right: -15px;}
    .grid30.row [class^="col"] {padding-left: 15px; padding-right: 15px;}

    .grid50.row{margin-left: -25px; margin-right: -25px;}
    .grid50.row [class^="col"] {padding-left: 25px; padding-right: 25px;}

    .container.container1250{max-width: 1250px;}
    .browseProductCont a{font-size: 25px;}
}

.container{
    max-width: 1450px;
    padding-left: 24px;
    padding-right: 24px;
}

@media (max-width: 1200px) {
    .secBgBRContWrap .imgWrap{margin: 0 40px 0 0;}
    .faqBgWrap:before{height: 365px;}
    .doctor-consultation-banner .bannerBgCOnt .cont{ max-width: 600px;}
    .doctor-consultation-banner .bannerBgCOnt .cont p br{display: none !important;}
}

@media (max-width: 991px) {
    .bannerBgCOnt{padding: 60px 0px 60%; z-index: 1; min-height: inherit;}
    .bannerBgCOnt:after{width: 100%;height: 100%; background-position: bottom center; left: 0; z-index: -1;  background-size: 77%;}
    .bannerBgCOnt .cont h1{font-size: 40px;}
    .bannerBgCOnt .cont h4{font-size: 22px;}
    .bannerBgCOnt .cont h5{font-size: 18px;}
    .testimonialBlock {padding: 0 16px;}
    .secBgBRContWrap{display: block;}
    .secBgBRContWrap .imgWrap {margin: 0 0px 40px 0;}
    .browseProduct{margin-bottom: 32px;}
    .secBgBR{padding: 60px 0 60px;}
    .faqBgWrap:before{ height: auto; bottom: 325px;}
    .symptomsSlide .cont h5 {font-size: 18px;}
    .doctor-consultation-banner .bannerBgCOnt:after{margin: 0px auto; width: 100%; height: 100%; background-position: bottom center; left: 0; z-index: -1; background-size: 57%; }  
    .sexual-Health-consultation-banner.doctor-consultation-banner .bannerBgCOnt:after{width: 100%; background-size: 68%;}
    .hiv-Care-banner.doctor-consultation-banner .bannerBgCOnt:after{width: 100%;  background-size: 44%;}
    .doctor-consultation-banner .bannerBgCOnt .cont p{font-size: 16px;}
    .serviceBoxWrap{ height: calc(100% - 24px); margin-top: 24px !important; }
    .serviceBoxWrap.specialitiesBoxWrap{padding:32px 16px;}
    .specialitiesBoxWrap.serviceBoxWrap .cont p{max-width: inherit;}
    .consultCont {padding: 24px 24px 45px;}
    .consultBgBody{padding: 0px 24px 40px;}
    .consultCont h3{font-size: 24px;}
    .consultCont h4{font-size: 18px;}
    .consultCont p{font-size: 15px;}
    .consultationTabs button{font-size: 15px;}
    .icTitle{font-size: 18px;}
    .icTitle .icon{font-size: 15px;}
    .benifitsBlock h5{font-size: 18px;}
    .benifitsBlock ul li{font-size: 16px;}
    .benifitsBlock ul li .icon { flex: 0 0 26px; font-size: 20px; color: #000; margin: 0 4px 0 0;}
    .doctorCardBlock{margin: 20px 0 0; height: calc(100% - 20px);}
    .videoExperienceWrap .cont h5{font-size: 17px;}
    .videoExperienceWrap .cont p{font-size: 15px;}
    p {font-size: 15px;}
    .doctorsCardDetails .abtText h6{font-size: 16px;}
    .doctorsCardDetails .tagsBlock {margin: 24px 0 0;}
    .careLocationBlock{    height: calc(100% - 20px);    margin: 20px 0 0;}
    .chosePlanBlock{margin: 20px 0 0}

    .fs-20 { font-size: 16px !important;}
    .fs-22{font-size: 18px !important;}
    .fs-18{font-size: 15px !important;}

}

@media (max-width: 768px) {
    .bannerBgCOnt .cont h1{font-size: 32px;}    
    .bannerBgCOnt .cont h4 {font-size: 18px;}
    .bannerBgCOnt .cont h5 {font-size: 16px;}
    .bannerBgCOnt .cont .btnWrap .btn{font-size: 16px; min-width: inherit; padding: 11.5px 14px;}
    .bannerBgCOnt .cont .btnWrap .btn .icon-get-tested {font-size: 20px;}
    .bannerBgCOnt .cont .btnWrap .btn .icon-doctor-chat{font-size: 22px;}
    .bannerBgCOnt {padding: 50px 0px 60%;}
    .secTitle h5{font-size: 16px;}
    .secTitle h2{font-size: 32px;}
    .secTitle h3{font-size: 24px}
    .phImgCont { max-width: 26px; margin: 4px 0 0 0;}
    .transLocBlockWrap > h5{font-size: 17px;}
    .secTitle p{font-size: 15px;}
    .checkList ul li{font-size: 15px;}
    .btn{font-size: 15px;}
    .btn.arrow-btn{padding-left: 16px; padding-right: 16px;}
    .btn.arrow-btn:after{margin-left: 10px;}
    .sectionPadding{padding: 60px 0;}
    .faqTabsLink .nav-link{padding: 18px 14px; margin: 0 10px; flex: 0 0 210px; font-size: 16px;}
    .faqAccordian .accordion-item .accordion-button{font-size: 16px;}
    .testimonialBlockIn{max-width: 280px;  padding: 0px; display: block;}
    .testimonialBlockIn .videBlock{margin: 0px; border-radius: 10px 10px 0 0px;}
    .center .testimonialBlockIn{max-width: 300px; padding: 0px;}
    .center .testimonialBlockIn .profileBlock .img { flex: 0 0 50px; height: 50px; margin: 0 10px 0 0;}
    .ratingBlock{flex-wrap: wrap; gap: 16px;}
    .profileBlock .cont h5{font-size: 17px;}
    .profileBlock .cont p{font-size: 15px;}
    .faqBgWrap:before{height: 308px;}
    .doctor-consultation-banner .bannerBgCOnt .cont .tagsBlock{flex-wrap: wrap;}
    .doctorsCardDetails{ padding: 50px 24px 32px;}
    .planBlocksWrap{flex-wrap: wrap; gap: 0px 20px;}
    .planBlocksWrap .planBlock{padding: 24px 20px; min-width: 190px;}
    .appointment-details{flex-wrap: wrap; margin: 10px 0 0px;}
    .careLocationBlock{ padding: 28px 22px 32px;}
    .footer-copyrightCont{flex-wrap: wrap; gap: 14px;}
    .footer-copyrightContWrap .privacyLinks{flex-wrap: wrap;}
    .footer-links ul li a{font-size: 15px;}
    .footer-links h4, .footer-contact-info h4{font-size: 17px; margin: 0 0 10px 0;}
    .footer-contact-info ul li a .icon{ height: 44px; flex: 0 0 44px; font-size: 16px;}
    .footer-contact-info ul li a .cont{font-size: 14px;}
    .footer-contact-info ul li a .cont strong{font-size: 16px;}
    .fs-25{font-size: 18px !important;}
    .transLocBlockIcWrap .transLocBlockIc .img { margin: 0 10px 0 0; max-width: 42px;}
    .transLocBlockIcWrap .transLocBlockIc h6{font-size: 16px;}

}

@media (max-width: 580px) {
    .footerSubscribeForm{flex-wrap: wrap;}
    .faqBgWrap:before{height: 368px;}

    .numberPointsWrap{flex-wrap: wrap; gap: 0 0px;}
    .numberPointsWrap .numberPoint {flex: 0 0 100%; max-width:100%;}
    .appointment-details span{min-width: 180px; margin: 0px;}
    .doctorCardHeader .cont {flex: 0 0 auto; max-width: calc(100% - 64px );}
    .waitingModal .modal-body { padding: 40px 30px;}
    .purpleBGNav .links a{ padding: 0 10px;}
    .purpleBGNav .links{flex-wrap: wrap;}
}