@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); 
.clearfix:after{ 
	display: block;
    clear: both;
    content: "";
}
.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}
 .new-package-presence-steps{
    vertical-align: top;
    background: url(/img/icons/diabetes-arrow.svg) no-repeat;
    position: relative;
    display: inline-block;
    background-position: right top;
    background-size: contain;
    background-repeat: no-repeat;
    width:20%!important;
  }
.cart,a.gradient,a.gradient.dash-btn{
    text-align:center;
    display:inline-block
}
.bad-habits h5,.footer-06 .heading-section,.mri-card-tab,.patient-form label.radio span,.scan-banner-heading h1,.strip,.tag{
    text-transform:uppercase
}
.doc-footer-about img,.doct-menu img,.mobile-user-img img,.why-choose-box-1 img{
    filter:brightness(0) invert(1)
}
.suggestion_locations ul li a,.suggestion_locations_mob ul li a{
    background:#fbfbfb;
    margin-bottom:6px;
    margin-right:6px;
    color:#8d8d8d
}
.inputs__input:focus,.switcher{
    outline:0
}
a.gradient,a.gradient.dash-btn{
    border-radius: 32px;
    border: 1px solid var(--Primary-blue, #411E75);
    font-family:medium;
    font-weight: bold;
}
.wsk-cp-text .title-product h3,.wsk-cp-text .title-product h3:last-of-type{
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:700;
    font-family:bold;
    font-size:20px
}
*,.toggle,.toggle input+label{
    box-sizing:border-box
}
#searchBar,#searchBar1{
    top:70px;
    padding:12px 20px;
    z-index:999
}
:root{
    --blackclr:#1d1a1a!important;
    --lightclr:#666;
    --titlep:#838281!important;
    --green:#b23c97;
    --gradient:#b23c97;
    --main:#411e75;
    --mainclr:#411e75
}
*{
    margin:0;
    padding:0;
    /* transition:.1s linear */
}
html{
    font-size:100%;
    overflow-x:hidden;
    scroll-behavior:smooth;
    scroll-padding-top:7rem
}
body{
    overflow:hidden
}
.content::-webkit-scrollbar{
    width:4px
}
.content::-webkit-scrollbar-thumb{
    background:var(--green)
}
#searchBar,.sticky{
    background:#fff
}
::-webkit-scrollbar{
    width:10px
}
::-webkit-scrollbar-track{
    background:0 0
}
::-webkit-scrollbar-thumb{
    background:var(--mainclr)
}
@font-face{
    font-family:regular;
    src:url("../font/Ubuntu-Light.ttf")
}
@font-face{
    font-family:medium;
    src:url("../font/Ubuntu-Regular.ttf")
}
@font-face{
    font-family:semibold;
    src:url("../font/Ubuntu-Medium.ttf")
}
@font-face{
    font-family:bold;
    src:url("../font/Ubuntu-Bold.ttf")
}
@font-face{
    font-family:psemibold;
    src:url("../font/Lato-Bold.ttf")
}
@font-face{
    font-family:pregular;
    src:url("../font/Lato-Light.ttf")
}
@font-face{
    font-family:pmedium;
    src:url("../font/Lato-Regular.ttf")
}
@font-face{
    font-family:pthin;
    src:url("../font/Lato-Thin.ttf")
}
.modal-backdrop.show,.owl-carousel{
    z-index:0!important
}
._5k_2{
    height:47px!important
}
._5k_3{
    width:49%!important
}
.sticky,.stickynew{
    position:fixed;
    top:0;
    width:100%;
    z-index:9999!important;
    padding-bottom:2px;
    box-shadow:rgb(149 157 165 / 20%) 0 8px 24px;
    transition:.5s
}
.cart,.header-bg,.open-div li,.r_card,a.gradient.dash-btn{
     background:var(--mainclr); 
}

._5k_2 ._58mt{
    font-size:34px!important;
    padding:0 4px 0 3px!important
}
._5k_2 ._8esa{
    height:52px!important
}
.stickynew{
    left:0;
    border-radius:0!important
}
.sqaure{
    border-radius:2px!important
}
.gradient.f-14,.mkbutton.f-14{
    font-size:14px!important
}
a.gradient.dash-btn{
    min-width:107px;
    padding:5px 15px;
    font-size:13px;
    transition:.5s;
    margin:6px 0 0
}
a.gradient:hover,button.gradient1:hover,button.gradient:hover,input.gradient1:hover,input.gradient:hover{
    background:var(--gradient);
    box-shadow:rgb(50 50 93 / 25%) 0 13px 27px -5px,rgb(0 0 0 / 30%) 0 8px 16px -12px;

}
a.gradient{
    min-width:123px;
    padding:7px 20px 9px;
    font-size:16px;
    transition:.5s;
    margin:6px 0 13px
}
button.gradient,button.gradient1,input.gradient,input.gradient1{
    color:#fff;
    background:var(--gradient);
    font-size:15px;
    transition:.5s;
    letter-spacing:.9px;
    text-align:center;
    display:inline-block;
    box-shadow:rgb(99 99 99 / 20%) 0 2px 8px 0
}
a.gradient:hover{
    color:#fff;
    /* margin-top:-1px */
}
button.gradient,button.gradient1{
    min-width:123px;
    padding:6px 20px 8px;
    font-family:pmedium;
    border-radius:30px;
    border:none
}
button.gradient1:hover,button.gradient:hover,input.gradient1:hover,input.gradient:hover{
    margin-top:-5px
}
input.gradient,input.gradient1{
    min-width:134px;
    padding:8px 20px;
    font-family:pmedium;
    border-radius:30px;
    border:none
}
.form-control:focus{
    color:#212529;
    background-color:#fff;
    border-color:none!important;
    outline:0;
    box-shadow:none!important
}
.innerbanner{
    background:url(../img/innerbanner2.png) 0 0/contain;
    height:250px
}
.inner-banner-content{
    height:250px;
    margin:9%
}
.inner-banner-content h1{
    font-size:35px;
    color:#fff;
    text-shadow:#343432 1px 0 3px
}
.inner-banner-content p{
    color:#fff;
    text-shadow:#343432 1px 0 2px
}
.blog-yoga,.yoga-content h5{
    text-shadow:none;
    font-weight:600
}
.top-right-section ul{
    display:flex;
    margin-bottom:0
}
.top-left-section ul{
    display:flex;
    margin-bottom:0;
    justify-content:end
}
.top-header-main{
    background:var(--mainclr);
    padding:8px 0 7px
}
.mega-box,.mega-box .content{
    padding:0;
    height:0;
    transition:.5s
}
.top-header-main ul li{
    font-size:16px;
    font-family:pregular;
    color:#fff;
    margin-right:19px;
    border-right:2px solid #ffffff1f;
    padding-right:18px
}
.stickynew .h1,.top-header-main ul li i{
    margin-right:10px
}
.top-header-main ul li:last-of-type{
    margin-right:0;
    border-right:none;
    padding-right:0
}
.top-header-main ul a:last-of-type li{
    margin-right:19px;
    border-right:none;
    padding-right:18px
}
.navbar-brand{
    width:240px
}
ul.navbar-nav{
    /* margin:0 auto */
}
ul.navbar-nav li.nav-item:hover .mega-box .content{
    transition:.5s;
    top:70px;
    border-radius: 14px;
    height:auto;
    padding:19px 0
}
.mega-box{
    position:absolute;
    width:100%;
    top:69px;
    z-index:9999;
    left: 0;
}
.mega-box .content{
    background:#fff;
    overflow:hidden;
    display:flex;
    width:39%;
    justify-content:space-between;
    box-shadow:rgb(149 157 165 / 20%) 0 5px 24px
}
.mega-box .content .row{
    width:calc(25% - 30px);
    line-height:45px
}
.mega-box .content .row h5{
    font-family:semibold
}
.content .row img{
    width:100%;
    height:100%;
    object-fit:cover
}
.content .row header{
    color:#f2f2f2;
    font-size:20px;
    font-weight:500
}
.content .row .mega-links{
    margin-left:-40px;
    border-left:1px solid rgba(255,255,255,.09);
    list-style-type:none
}
.row .mega-links li{
    padding:0 20px
}
#showMega + .mega-links li a {
  color: #B23C97 !important;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.row .mega-links li a{
    color: var(--Primary-blue, #411E75);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.row .mega-links li a:hover{
    color:#2b2b2b
}
 a.nav-link{
   font-family:pmedium;
  /* margin-right:50px; */
   color:white;
}

a.nav-link:last-child {
  margin-right: 0;
}

.abc,.book,.book img,.input-group,.input-group-addon,.mri-text,.other_doc_image,.patient-form .phone,.scan-banner-save span,nav.fill ul li a,nav.stroke ul li a{
    position:relative
}
nav.fill ul li a:after,nav.stroke ul li a:after{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    width:0%;
    content:'.';
    color:transparent;
    background:#aaa;
    height:1px
}
#default-ptnt,.doc-image img,.doc-new-help-image img,.find-doc-image img,.footer-06 .list-unstyled li a:hover::before,.mob_image img,.package-detail-middle .package-detail-middle-right-uper,.patient img,.smart-report-img img,nav.stroke ul li a:hover:after{
    width:100%
}
nav.fill ul li a:after{
    text-align:left;
    content:'.';
    margin:0;
    opacity:0
}
 nav.fill ul li a:hover{
    color: #B23C97!important;
} 
.new-submenu li a:hover{
    color: #B23C97!important;
}
nav.fill ul li a:hover:after{
    z-index:-10;
    animation:1s forwards fill;
    -webkit-animation:1s forwards fill;
    -moz-animation:1s forwards fill;
    opacity:1
}





.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{
    background:var(--green);
    color:#fff!important;
    border-radius:3px
}
.cart{
    /* background:var(--green); */
    color:#fff;
    height:40px;
    width:40px;
    border-radius:50%;
    margin-left:15px;
    padding:4px
}
.cart:hover{
    color:#fff;
    transition:.5s;
    box-shadow:rgb(50 50 93 / 25%) 0 13px 27px -5px,rgb(0 0 0 / 30%) 0 8px 16px -12px;
    cursor:pointer
}
#searchBar{
    position:absolute;
    right:16px;
    border:2px solid #2f66be;
    border-radius:3px
}
.email-box__sendinput{
    background:var(--gradient);
    padding:9px 20px;
    border:none;
    font-family:medium;
    color:#fff;
    border-radius:5px
}
.email-box__sendinput:focus-visible{
    border:none;
    box-shadow:none;
    outline:0
}
.mobile-searchbar .email-box__sendinput{
    width:28%
}
.mobile-searchbar .email-box__input,.why-choose-box-2,td.dikshant-1{
    width:70%
}
.mobile-searchbar .email-box{
    display:flex;
    justify-content:space-between;
    padding:10px 0
}
@-webkit-keyframes fill{
    0%{
        width:0%;
        height:1px
    }
    50%{
        width:100%;
        height:1px
    }
    100%{
        width:100%;
        height:100%;
        background:var(--green);
        border-radius:3px
    }
}
.email-box__input{
    padding:8px 7px;
    width:325px;
    border-radius:4px;
    border:1px solid #ccc
}
.banner{
    background: var(--Primary-blue, #411E75);
    height:460px
}
.banner-content{
    width:76%;
    padding:97px 0
}
.banner-content h1{
    font-weight:700;
    color:var(--blackclr);
    font-family:bold
}
.banner-content h1 span,.doc-new-space-ital h4 span,.home-form h3.title-clr span,.why-choose-curis-left ul li h3 i{
    color:var(--main)
}
.banner-content p{
    color:20px;
    font-size:16px;
    padding-right:50px;
    text-align:justify;
    font-family:pregular;
    color:#5c5c5c
}
.cs-form{
    padding:2em;
    background:#ffffffe6;
    border:6px solid #789add61!important;
    border-radius:15px!important
}
.cs-form input,.cs-scan-form input{
    margin-bottom:12px
}
.banner-form{
    width:80%;
    margin:31px 0 19px auto
}
#banner-owl{
    margin-top:4.5%
}
#banner-owl .owl-nav{
    display:none!important
}
#banner-owl .owl-stage-outer .owl-item .item img{
    border-radius:20px
}
.lp-banner-img{
    margin:3% auto auto
}
.search-main{
    /* background:url(../img/searchbg11.jpg) 0 0/contain no-repeat */
}
.bg-pblue{
    padding:39px 0px 12px
}
.domain-search .form-title{
    margin-top:0;
    margin-bottom:2px;
    color:var(--black);
    font-family:bold;
    font-size:25px
}
.domain-search p{
    color:#666;
    margin:0
}
.domain-search .input-group input{
    -webkit-box-shadow:0 4px 18px 0 rgba(0,0,0,.1);
    box-shadow:0 4px 18px 0 rgba(0,0,0,.1)
}
.about-right-content2::after,.about-right-content2::before{
    background:rgba(255,255,255,.25);
    box-shadow:0 8px 32px 0 rgb(31 38 135 / 37%);
    opacity:.2;
    position:absolute;
    content:""
}
.domain-search .input-group-addon,.package-deatail-parameter-accordian .accordion-item{
    border:none
}
.domain-search .form-control{
    height:51px;
    border-radius:0;
    border:none
}
.domain-search .form-control:focus{
    box-shadow:0 0 0 0 #fff!important
}
.input-group .input-group-addon [type=submit],.input-group .input-group-addon button{
    border:none;
    border-radius:0
}
.domain-search .btn{
    padding:0 51px;
    line-height:51px;
    font-size:16px;
    font-family:pmedium
}
.domain-search .input-group+p{
    color:#fff;
    font-size:15px;
    font-weight:100;
    margin-top:15px;
    margin-bottom:0
}
.domain-search .input-group+p strong{
    margin-right:40px
}
.input-group-addon input{
    background:#f27d26!important
}
.input-group-addon i{
    position:absolute;
    left:25px;
    z-index:99;
    color:#fff;
    top:37%;
}
.footer-06 .list-unstyled li a:hover,.fulllab-vid-left-box-1 ul li i,.title h2 span,h3.heading span{
    color:var(--mainclr)
}
.popular-gradient{
    width:200px;
    margin:19px auto 0
}
.img-women-mobile,.mobile,.most_p ul li:last-of-type a::after,.package-detail-middle-left p .more-text,.status span:last-of-type,.suggestion_locations #viewLessBtn,.suggestion_locations_mob #viewLessBtn_mob,.t_risk li:last-of-type a::after,.user-box{
    display:none
}
.tests-category-product-item{
    border:3px solid #bbbbbba3;
    padding:22px 18px 18px;
    background:#fff;
    width:99%;
    margin:0 auto;
    border-radius:10px
}
.tests-category-product-name{
    min-height:83px;
    max-height:83px
}
.tests-category-product-info{
    min-height:71px;
    max-height:71px;
    margin-bottom:8px;
    overflow:hidden
}
.tests-category-product-name a{
    /*color:var(--mainclr);*/
    /*font-size:17px;*/
    /*font-family:semibold*/
    color:#333;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}
.tests-category-product-item label{
    color:#000;
    font-family:medium;
    font-size:15px
}
.tests-category-product-item p{
    font-size:14px;
    font-family:pregular;
    margin-bottom:7px
}
.tests-category-product-report{
    margin-bottom:6px;
    min-height:23px;
    max-height:23px
}
.tests-category-product-report_2{
    margin-bottom:6px;
    min-height:85px;
    max-height:87px
}
.tests-category-product-item p.tests-category-product-price{
    font-family:medium;
    font-size:23px;
    margin-bottom:9px
}
.tests-category-product-item-footer a{
    border:1px solid #ccc;
    color:#666;
    padding:7px 12px;
    font-size:14px;
    width:112px;
    text-align:center;
    border-radius:5px;
    transition:.5s
}
.tests-category-product-item-footer a:hover{
    border:1px solid #ccc;
    color:#fff;
    background-color:var(--green);
    padding:7px 12px;
    font-size:14px;
    width:112px;
    text-align:center;
    border-radius:5px;
    transition:.5s
}
.tests-category-product-home-available{
    color:var(--green);
    font-family:pregular
}
.bg-light{
    background:#f3f3f3!important
}
.about{
    background:url(../img/clrbg.png) left/cover
}
.about-right-title h2{
    font-size:20px;
    font-family:pmedium;
    color:var(--green)
}
h3.heading,h3.heading span{
    font-size:36px;
    font-family:semibold
}
h3.heading{
    color:var(--blackclr)
}
.about-right-content1{
    padding:14px 26px 24px 0
}
.about-right-content1 p{
    text-align:justify;
    font-family:pregular;
    font-size:16px;
    color:var(--lightclr)
}
.riskcard,.title-bottom p{
    text-align:center;
    margin:0 auto
}
.about-right-content2{
    padding:29px 28px;
    background:var(--main);
    margin-right:20px;
    border-radius:35px;
    position:relative
}
.about-right-content2::before{
    height:80px;
    width:80px;
    border-radius:10px;
    right:-38px;
    top:-38px;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    border:1px solid rgba(255,255,255,.18)
}
.about-right-content2::after{
    height:97px;
    width:152px;
    border-radius:10px;
    right:-32px;
    bottom:-38px;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    border:1px solid rgba(255,255,255,.18)
}
.about-right-content2 h4{
    font-family:semibold;
    color:#fff
}
.about-right-content2 p{
    color:#e6e6e6;
    font-family:pregular
}
.about-right-content2 a{
    font-size:19px;
    color:#fff;
    font-family:pregular;
    border-bottom:2px solid #ffe7e7;
    position:relative
}
.about-right-content2 a:before{
    position:absolute;
    font-family:'Font Awesome 5 Free';
    content:"\f35a";
    font-size:24px;
    right:-38px;
    top:-5px;
    display:none;
    transition:.5s
}
.about-right-content2 a:hover:before{
    transition:.5s;
    display:block
}
.sample-collection-steps ul li,.title{
    display:flex;
    justify-content:center
}
.title h2{
color: var(--Primary-blue, #411E75);
/* text-align: center; */
font-family: Ubuntu;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.title h2 span{
color: var(--Primary-pink, #B23C97);
font-family: Ubuntu;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.title img{
    width:59px;
    height:59px
}
.title-bottom p{
    font-family:pregular;
    font-size:18px;
    color:var(--titlep);
    width:56%
}
.riskcard{
    width:75%
}
.risk-card-image{
    width:43%;
    margin:0 auto
}
.risk-card-image img{
    width:65px !important;
    height: 65px;
    margin:0 auto 24px;
}
.risk-card-content h4{
    color:var(--main);
    min-height:35px;
    max-height:35px;
    line-height:21px;
    font-weight: 600;
}
.risk-card-content p{
    font-size:16px;
    min-height:70px;
    max-height:70px;
    overflow:hidden;
    color: #6D568E;
    text-align: center;
    font-family: Lato;
}
.risk-card-content h4 a{
color: var(--Primary-blue, #411E75);
text-align: center;
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.risk-card-content a{
    color: var(--Primary-blue, #411E75);
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 25px;
    padding: 10px 30px;
    min-width: auto;
    
}
.bad-habits-test{
    /* background:url(../img/tobbg.png) 0 0/cover; */
    padding:20px 0
}
.bad-habits{
    padding:10px 12px 12px;
    border-radius:5px;
    color:var(--mainclr);
    margin-bottom:17px;
}

.bad-habits h5{
    color: var(--Primary-blue, #411E75);
    text-align: center;
    font-family: Lato;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
    padding-bottom: 12px;

}
.view-btn {
    color: var(--Primary-blue, #411E75);
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 35px;
    padding: 10px 30px;
    border-radius: 32px;
    border: 1px solid var(--Primary-blue, #411E75);
}
.bad-habits img{
    margin-bottom: 15px;
}
.why-choose-us{
    padding:80px 80px 0;
    background:url(../img/orange.png) 0 0/cover;
    color:snow;
    font-size:17px
}
.why-choose-us-left h2{
    padding-left:13px;
    padding-bottom:43px;
    font-size:41px;
    color:#fff;
    font-family:semibold
}
.why-choose-box-main{
    display:flex;
    align-items:top;
    margin-bottom:20px
}
@media(max-width:768px){
.cat-why-choose-icon img {
    width: 23%!important;
    }
.new-package-presence-steps{
    width:100%!important;
    background: none;
}
/*18aug*/
.test-info img{
    width: 70px !important;
}
.test-card{
    min-width: 100% !important;
}
.get-app .container{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.get-app .store-buttons img{
    width: 100% !important;
}
#main-slider button.owl-prev{
    left:140px !important;
    top:495px !important;
}
#main-slider button.owl-next{
    right:140px !important;
    top:495px !important;
}
/*18aug changes*/
.new-package-presence-icon span {
    right: 10px!important;
}    
    .scan-popul{
        justify-content:center!important
    }
    .why-choose-box-main{
        display:inline-block;
        text-align:center
    }
    .why-choose-box-1,.why-choose-box-2{
        width:100%!important
    }
    .why-choose-box-1 img{
        font-size:39px;
        height:60px!important;
        width:60px!important;
        border-radius:50%;
        border:1px solid #fff;
        padding:6px;
        margin-bottom:10px;
        display:inline-block!important
    }
    .why-choose-box-2 h4,.why-choose-content{
        font-size:15px!important
    }
    .why-choose-box-2 h4{
        font-family:semibold
    }
    .why-choose-box-2 p{
        font-size:12px!important
    }
    .why-choose-us-left h2{
        font-size:20px!important
    }
}


.why-choose-box-1 i,.why-choose-box-1 img{
    font-size:39px;
    height:80px;
    width:80px;
    border-radius:50%;
    display:grid;
    place-items:center
}
.login-uper-text,.why-choose-content{
    font-size:18px
}
.why-choose-box-1{
    width:30%
}
.why-choose-box-1 i{
    border:1px solid #fff;
    color:#f5f5f5
}
.why-choose-box-1 img{
    border:1px solid #fff;
    padding:6px
}
.why-choose-box-2 h4{
    font-size:21px;
    font-family:semibold
}
.why-choose-box-2 p{
    font-size:15px
}
.imaging-test{
    width:94%;
    margin:0 auto
}
.wsk-cp-product{
    background:#fff;
    padding:0;
    border-radius:0;
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    position:relative;
    margin:20px auto
}
.wsk-cp-img{
    position:absolute;
    top:0;
    left:50%;
    border-bottom:1.5px solid #f58837;
    transform:translate(-50%);
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    -moz-transform:translate(-50%);
    -o-transform:translate(-50%);
    -khtml-transform:translate(-50%);
    width:100%;
    transition:.2s ease-in-out
}
.package-card,.package-card:hover{
    transition:1s
}
.wsk-cp-img img{
    width:100%;
    transition:.2s ease-in-out;
    border-radius:0;
    height:350px
}
.wsk-cp-text{
    padding-top:350px
}
.wsk-cp-text .title-product{
    display:flex;
    justify-content:space-between;
    padding:14px 19px 0
}
.wsk-cp-text .title-product h3{
    overflow:hidden;
    color:var(--blackclr)
}
.wsk-cp-text .title-product h3:last-of-type{
    overflow:hidden;
    color:var(--green)
}
.wsk-cp-text .description-prod p{
    color:#5e5e5e;
    font-family:pregular;
    font-size:15px;
    margin-bottom:34px
}
.wsk-cp-text .description-prod{
    width:100%;
    margin-bottom:15px;
    padding:0 19px;
    text-align:justify
}
.card-footer{
    width:100%;
    margin:0 auto;
    padding:29px 4px 2px;
    position:relative;
    background:#efefef00
}
.card-footer-button{
    position:absolute;
    top:-20px;
    left:22%;
    width:60%;
    background:var(--main);
    padding:7px 18px;
    border-radius:23px;
    color:#fff;
    text-align:center;
    font-family:pregular
}
.fulllab-vid-left-box-1 ul li,.wcf-left ul li{
    font-size:14px
}


@media screen and (max-width:991px){
    .wsk-cp-product{
        margin:40px auto
    }
}



.p-packages{
    background:url(../img/packbg.png) center/cover
}
.package-card{
    margin:0 auto;
    box-shadow:rgb(149 157 165 / 20%) 0 0 24px;
    width:90%;
    background:#ffffff78
}
.fulllab-vid-left-box-1,.fulllab-video-right,.fulllab-video-right a{
    box-shadow:rgb(149 157 165 / 20%) 0 8px 24px
}
.package-card-upper{
    padding-top:27px;
    text-align:center
}
.package-card-upper h5{
    color:var(--blackclr);
    font-size:20px;
    padding:3px 14px;
    font-family:semibold
}
.package-card-upper h6{
    color:var(--main);
    padding:1px;
    font-size:21px;
    margin-bottom:18px;
    font-family:bold;
    font-style:italic
}
.package-card-upper p{
    color:#fff;
    font-size:22px;
    font-weight:600;
    padding:8px;
    background:var(--mainclr);
    font-family:pregular;
    margin-bottom:0
}
.package-card-upper p span{
    font-size:14px;
    font-weight:100;
    color:#eaaeae;
    text-decoration:line-through
}
.package-card-mid{
    background:#aeffe442
}
.package-card-mid-new ul li{
    margin:10px auto;
    border-bottom:1px solid #ccc;
    padding:0 0 9px;
    width:88%
}
.package-card-mid ul li{
    border-bottom:1px solid #cccccc6b;
    padding:0 0 7px;
    width:88%;
    margin:10px auto 1px;
    display:flex;
    flex-wrap:wrap
}
.package-card-mid ul li:last-of-type{
    border-bottom:none!important
}
.package-card-mid ul li a:first-of-type i{
    font-size:13px;
    color:#fff;
    font-weight:600;
    background:var(--main);
    border-radius:50%;
    height:24px;
    width:24px;
    display:grid;
    place-items:center;
    margin-top:2px
}
.package-card-mid ul li a:last-of-type{
    font-size:14px;
    font-weight:600;
    font-family:semibold;
    color:var(--blackclr)
}
.package-card-mid ul li a:first-of-type{
    margin-right:9px
}
.package-card-mid ul li p{
    font-size:12px;
    margin-left:34px;
    font-family:pregular;
    color:var(--titlep);
    margin-bottom:2px
}
.package-card-low{
    text-align:center;
    padding:24px;
    border-top:1px solid #cccccc6b;
    background:linear-gradient(270deg,rgb(96 96 96) 0,rgb(47 47 47) 35%,rgb(82 82 82) 100%);
    position:relative
}
.package-card-low a.gradient{
    position:absolute;
    top:-22px;
    width:44%!important;
    left:28%!important
}
.package-card-low a i{
    color:#7f7f7f;
    transition:.5s
}
.package-card-low a:hover i{
    padding-left:10px;
    transition:.5s
}
.full-lab-video{
    background:#f4fcff;
    padding:38px 0 40px
}
.fulllab-vid-left-box-1{
    background:#fff;
    padding:20px;
    border-radius:10px;
    margin-bottom:20px
}
.fulllab-vid-left-box-1 a{
    background:var(--mainclr);
    color:#fff;
    width:207px;
    display:inline-block;
    text-align:center;
    border-radius:41px;
    padding:9px;
    font-size:15px;
    font-weight:500;
    font-family:semibold;
    margin-bottom:12px;
    margin-left:-1px
}
.fulllab-vid-left-box-1 h4{
    font-size:19px;
    color:#1f1f1f;
    font-family:semibold;
    margin-bottom:11px
}
.fulllab-vid-left-box-1 ul,.other_doc_detail_bottom{
    display:flex;
    justify-content:space-between
}
.fulllab-video-right{
    border-radius:13px;
    overflow:hidden;
    position:relative
}
.fulllab-video-right button{
    position:absolute;
    top:39%;
    left:36%;
    background:#75757582;
    border:none;
    border-radius:50%;
    height:83px;
    width:84px
}
.fulllab-video-right a{
    color:#fff;
    font-family:semibold;
    position:absolute;
    background:var(--main);
    top:15px;
    left:18px;
    border-radius:50px;
    padding:8px 20px
}
.fulllab-video-right button i{
    font-size:60px
}
.why-choose-curis-left .title-bottom p{
    font-family:pregular;
    font-size:19px;
    text-align:left!important;
    color:var(--titlep);
    padding:0 20px 4px;
    width:100%;
    margin:0 auto
}
.why-choose-curis-left ul{
    padding:0 20px 4px
}
.why-choose-curis-left ul li h3{
    font-size:23px;
    font-family:semibold
}
.why-choose-curis-left ul li p{
    padding-right:21px;
    font-family:pregular;
    color:#a49e9e;
    font-size:14px
}
.why-curis-right-box{
    margin-bottom:20px;
    height:232px;
    overflow:hidden
}
.why-curis-right-box img{
    height:232px!important;
    width:100%
}
.why-curis-right-box1{
    width:100%;
    padding:20px;
    background:var(--main);
    color:#fff;
    text-align:center;
    margin-bottom:20px;
    height:232px
}
.why-curis-right-box1 h4{
    font-family:semibold;
    margin-bottom:20px
}
.why-curis-right-box1 h3{
    font-family:bold;
    margin-bottom:25px;
    font-size:49px
}
.hr-small{
    height:1px;
    width:124px;
    background:#fff;
    margin:0 auto 18px
}
.sample-collection-img img{
    opacity:.1
}
.sample-collection-step img{
    width:89px;
    margin-bottom:10px;
    border:5px solid #d5e4ff;
    padding:4px;
    border-radius:50%
}
.sample-collection-step h5{
    font-size:15px;
    text-align:center;
    font-family:semibold
}
.sample-collection-step{
    position:relative;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    width:77%;
    margin:0 auto
}
.carousel-control-next-icon,.carousel-control-prev-icon{
    background-size:20px;
    height:40px;
    width:40px;
    background-color:var(--main);
    padding:10px
}
.sample-collection-content{
    position:relative;
    margin-top:-38px
}
.sample-collection-steps ul{
    display:flex;
    justify-content:center;
    position:absolute;
    top:147px;
    left:67px
}
.doctor-say{
    margin-top:120px!important
}
.doctor-say .carousel-inner .carousel-item iframe{
    height:300px!important;
    width:93%
}
.carousel-inner,.text-right{
    text-align:right!important
}
.carousel-control-prev{
    left:-33px
}
.carousel-control-prev-icon{
    background-image:url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e);
    border-radius:50%!important;
    border:3px solid #fff!important;
}
.carousel-control-next{
    right:-78px
}
.carousel-control-next-icon{
    background-image:url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    border-radius:50%!important;
    border:3px solid #fff!important
}
.patient-video,.patient-video img{
    border-radius:20px;
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
    display:block!important
}
#popular-packages .owl-nav, #pet_scan .owl-nav, #blog_ .owl-nav  {
    display: none !important;
}
#popular-packages .owl-dot span,  #blog_ .owl-dot span, #main-slider .owl-dot span{
    background-color: rgba(65, 30, 117, 0.20) !important;
    font-size: 20px !important;
    width: 14px;
    height: 14px;
    margin-top: 30px !important;
}
#pet_scan .owl-dot span{
    font-size: 20px !important;
    width: 14px;
    height: 14px;
    margin-top: 30px !important;
}
#popular-packages  .owl-dot.active > span, #pet_scan  .owl-dot.active > span, #blog_  .owl-dot.active > span , #main-slider  .owl-dot.active > span {
    font-size: 20px !important;
    background-color:#411E75 !important;
    width: 14px;
    height: 14px;
    }

.patient-video{
    background:#eeeeeeb3;
    overflow:hidden
}
.patient-video-content{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:#00000052;
    border-radius:20px;
    display:grid;
    place-items:center
}
.patient-video-content button,.patient-video-content button:focus,.patient-video-content button:hover,.patient-video-content .btn-check:focus+.btn, .patient-video-content .btn:focus{
    /* width:82px; */
    /* height:82px; */
    /* border-radius:50%; */
    background:rgba(27, 25, 68, 0.30);
    border: 2px solid #fff;
    /* border:none; */
}
.patient-video-content h4,.patient-video-content h5{
    font-size:19px;
    /* width:80%; */
    margin:0 auto;
    padding-bottom:6px;
    font-family:semibold;
    
}
.patient-video-content button{
    width: 60px;
    height: 60px;
    background: rgba(27, 25, 68, 0.30);
    border-radius: 20px;
    border: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.patient-video-content button i{
    color: white;
    font-size: 24px;
}

.patient-vd-info {
    position: absolute;
    bottom: 0;
    text-align: left;
    padding: 35px;
    left: 0;
}
.patient-video-content h4{
    color: var(--White, #FFF);
font-family: Lato;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 120% */
letter-spacing: -0.5px;
}
.patient-video-content h5{
    color: #D4D4D8;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}
button.owl-next,button.owl-prev{
    position: absolute;
    top: 30%;
    background: #b23c97 !important; /* Match the magenta color */
    height: 62px;
    width: 62px;
    border-radius: 50%; /* Make it circular */
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: none;
    z-index: 10;
}
#qris-wellness-home button.owl-prev {
    left: 195px;
    border-radius: 50% !important;
    justify-content: center;
    align-items: center;
    background: #3c0b80 !important;
}
#qris-wellness-home button.owl-next {
    right: 154px;
    border-radius: 50% !important;
    justify-content: center;
    align-items: center;
    background: #3c0b80 !important;
}
#main-slider button.owl-prev {
    left: 585px;
    border-radius: 50% !important;
    justify-content: center;
    align-items: center;
    top: 608px;
   
}
#main-slider button.owl-next {
    right: 585px;
    border-radius: 50% !important;
    justify-content: center;
    align-items: center;
    top: 608px;
}

.patient-video-content p{
    color:#a4a4a4;
    text-align:center;
    font-family:pregular;
    font-size:14px
}
button.owl-prev{
    left:-12px;
    border-radius:50%!important;
    border:3px solid #fff!important;
    justify-content:center;
    align-items:center
}
button.owl-next span,button.owl-prev span{
    font-size:75px;
    height:135px;
    padding-left:0;
    color:#fff
}
button.owl-next{
     right:-12px;
    border:3px solid #fff!important;
    border-radius:50%!important;
    justify-content:center;
    align-items:center
}

.modal-content{
    margin-top:140px!important
}
.modal-dialog{
    max-width:800px;
    margin:30px auto
}
.modal-body{
    position:relative;
    padding:0
}
.btn-close{
    position:absolute;
    right:-30px;
    top:0
}

.smart-report{
    display: flex;
padding: 0.073px 0px 0.927px 90px;
justify-content: flex-end;
align-items: center;
gap: 141px;
border-radius: 27px;
background: var(--Blue-light, rgba(65, 30, 117, 0.05));
}
.smart-report-content{
padding: 132px 0px 50px 100px;

}
.smart-report-content .title{
    display:initial;
}
.smart-report-content .title h2 span{
    color:var(--green);
    font-size:30px;
    font-family: Lato;
    font-weight: 600;
}
.smart-report-content p{
    padding:4px 4px 4px;
    font-size:16px;
    font-family: Lato;
    color: var(--mainclr);
    font-weight: bold;
}
.smart-report-content h4{
    color: var(--Primary-pink, #B23C97);
    font-family: Lato;
    font-size: 24px;
    padding:0px 0px 4px 0px;
    font-weight: bold;
}
.blog-card{
    border-radius: 14px;
    border: 1.207px solid var(--Light-stroke, rgba(0, 0, 0, 0.09));
    margin:0 auto;
}
.blog-card a{
    padding:0px 14px 18px;
    color:var(--green);
    display:inline-block;
    text-align:center;

}
.banner-save,.branches ul,.card-body,.new,.scan-banner-save,.user{
    display:flex
}
.blog-card h4{
    color:#000;
    padding:10px 10px 0;
    /* min-height:59px; */
    font-size: 18px;
    text-align:left;
    font-family: Ubuntu;
    font-weight: 500;
}
.card_home{
    padding:0 0  15px!important;
    border:none!important;
    width:100%!important
}
.card,.card.new-clr{
    margin:10px auto;
    width:99%;
    overflow:hidden
}
.blog-card p{
    color: var(--Text-color, #353535);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5;
    padding:0 10px;
    text-align:left;
    margin-bottom: 8px;
}
.card{
    background-color:#fff;
    border-radius:10px;
    box-shadow:0 2px 20px rgb(0 0 0 / 20%)
}
.card.new-clr{
    background:linear-gradient(90deg,rgb(255 247 253) 0,rgb(255 243 252) 35%,rgb(255 221 247 / 81%) 100%);
    border-radius:5px;
    border:none;
    box-shadow:rgba(99,99,99,.2) 0 2px 4px 0
}
.card .card-body .tag-teal{
    background-color:var(--main);
    margin-bottom:10px;
    font-family:regular;
    font-size:11px
}
.card-header img{
    width:100%;
    height:200px;
    object-fit:cover
}
.card-header{
    border-bottom:none
}
.card-body{
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:20px;
    min-height:auto
}
.card-body h4{
    font-family:semibold;
    font-size:20px
}
.tag{
    background:#ccc;
    border-radius:50px;
    font-size:12px;
    margin:0;
    color:#fff;
    padding:2px 10px;
    cursor:pointer
}
.tag-teal{
    background-color:#47bcd4
}
.tag-purple{
    background-color:#5e76bf
}
.tag-pink{
    background-color:#cd5b9f
}
.card-body p{
    font-size:13px;
    color:#100f0f;
    margin:0 0 12px;
    font-weight:500
}
.user img{
    border-radius:50%;
    width:40px;
    height:40px;
    margin-right:10px
}
.user-info h5{
    margin:0;
    font-size:17px
}
.user-info small{
    color:#545d7a
}
.blog-banner{
    background:radial-gradient(circle,#e2e6ff 0,#5b5b5b 100%);
    padding:44px
}
.blog-banner-content{
    text-align:left;
    width:76%;
    margin:0 auto
}
.blog-banner-content h2{
    font-family:bold;
    margin-bottom:16px;
    color:#fff
}
.blog-banner-content p:first-of-type{
    font-family:semibold;
    font-size:21px;
    color:#f7f7f7
}
.blog-banner-content p:last-of-type{
    color:#898989;
    font-family:pmedium;
    font-size:18px
}
.blog-detail-card p{
    font-family:pmedium;
    font-size:20px;
    color:#7f7f7f
}
.blog-detail-card h3{
    margin:38px 0;
    font-family:semibold;
    text-decoration:underline
}
.blog-detail-card img{
    width:100%;
    margin-bottom:50px
}
.footer-left{
    margin-top:-10px
}
.footer-06{
    background:url(../img/footbg1.png) no-repeat;
    position:relative;
    z-index:0
}
.footer-06 .footer-heading{
    font-size:20px!important;
    color:#f48736!important;
    margin-bottom:20px!important;
    font-family:semibold
}
.footer-06 .heading-section{
    color:#fff;
    font-size:30px
}
.footer-06 .footer-heading .logo,.footer-06 a,.table,.user-info .dashboard-close ul li i,.user-info .user-dp h4{
    color:#fff
}
.footer-06 p{
    color:rgb(62 62 62);
    font-family:pregular
}
.footer-06 .footer-left p strong i{
    background:var(--green);
    height:30px;
    width:30px;
    color:#fff;
    border-radius:50%;
    padding:7px
}
.footer-06 .footer-left .navbar-brand:first-of-type img{
    width:194px;
    margin-right:100px
}
.footer-06 .footer-left .navbar-brand img{
    width:60px;
    margin-left:20px
}
.footer-brand img{
    width:55px;
    margin-left:20px
}
.copyright-div{
    padding:18px 0 9px;
    background:linear-gradient(270deg,#f1fbff 0,#75ccff 0,#addefa 100%)
}
.footer-06 .list-unstyled li a{
    display:inline-block!important;
    color:var(--blackclr);
    font-weight:600;
    position:relative;
    font-family:pregular
}
.footer-06 .list-unstyled li a::before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:1px;
    -webkit-transition:.5s;
    transition:.5s;
    background-color:var(--mainclr)
}
.footer-06 .footer-heading i{
    height:23px;
    width:23px;
    background:#719f7182;
    border-radius:50%;
    color:#fff;
    text-align:center;
    padding:5px 6px;
    font-size:15px;
    margin-left:9px
}
.branches ul{
    width:100%;
    margin:0 auto;
    background:linear-gradient(270deg,#7f7f7f 26%,#373737 100%,#ff9d00 100%);
    color:#fff;
    border:3px solid #fff;
    padding:25px 41px;
    border-radius:101px;
    box-shadow:rgb(149 157 165 / 20%) 0 0 24px;
    z-index:99
}
.branches ul li h3{
    font-size:25px
}
.branches ul li span{
    font-size:35px
}
.branches ul li{
    border-right:2px solid #ccc!important;
    font-size:16px;
    display:inline-grid;
    font-family:semibold;
    padding:10px 27px;
    text-align:center
}
.branches ul li i{
    font-size:31px;
    text-align:center
}
.branches ul li:last-of-type{
    border-right:none!important
}
.branches-main{
    position:absolute;
    top:-87px;
    z-index:99999
}
.book img,.choices__list--dropdown{
    z-index:999!important
}
.signup-form-main{
    margin:0;
    position:relative
}
.card-registration .select-input.form-control[readonly]:not([disabled]){
    font-size:1rem;
    line-height:2.15;
    padding-left:.75em;
    padding-right:.75em
}
.card-registration .select-arrow{
    top:13px
}
.signup-form .form-group{
    position:relative;
    transition:.4s
}
.signup-form .form-control{
    border:1px solid #dbdbdb;
    background:#ffffffab;
    padding:7px 9px;
    color:#2e323c
}
.patient-form .button,.patient-form .button:hover{
    background-color:var(--mainclr)
}
._2_68,.form-left label{
    margin-bottom:.5rem
}
.form-left,.login-main .login-form-left{
    height:auto;
    margin:40px 0;
    padding:34px 43px;
    box-shadow:rgba(99,99,99,.2) 0 2px 8px 0
}
.area,.circles{
    width:100%;
    height:100%
}
.form-left .login-heading h2{
    font-weight:800;
    font-size:36px;
    font-family:semibold;
    color:#4e4e4e
}
.area{
    background:#4e54c8;
    background:-webkit-linear-gradient(to left,#8f94fb,#4e54c8);
    display:none
}
.circles{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden
}
.circles li{
    position:absolute;
    display:block;
    list-style:none;
    width:20px;
    height:20px;
    background:rgb(47 102 190 / 14%);
    animation:20s linear infinite animate;
    bottom:-150px
}
.circles li:first-child{
    left:25%;
    width:80px;
    height:80px;
    animation-delay:0s
}
.circles li:nth-child(2){
    left:10%;
    width:20px;
    height:20px;
    animation-delay:2s;
    animation-duration:12s
}
.circles li:nth-child(3){
    left:70%;
    width:20px;
    height:20px;
    animation-delay:4s
}
.circles li:nth-child(4){
    left:40%;
    width:60px;
    height:60px;
    animation-delay:0s;
    animation-duration:18s
}
.circles li:nth-child(5){
    left:65%;
    width:20px;
    height:20px;
    animation-delay:0s
}
.circles li:nth-child(6){
    left:75%;
    width:110px;
    height:110px;
    animation-delay:3s
}
.circles li:nth-child(7){
    left:35%;
    width:150px;
    height:150px;
    animation-delay:7s
}
.circles li:nth-child(8){
    left:50%;
    width:25px;
    height:25px;
    animation-delay:15s;
    animation-duration:45s
}
.circles li:nth-child(9){
    left:20%;
    width:15px;
    height:15px;
    animation-delay:2s;
    animation-duration:35s
}
.circles li:nth-child(10){
    left:85%;
    width:150px;
    height:150px;
    animation-delay:0s;
    animation-duration:11s
}
@keyframes animate{
    0%{
        transform:translateY(0) rotate(0);
        opacity:.5;
        border-radius:0
    }
    80%{
        transform:translateY(-1000px) rotate(720deg);
        opacity:.3;
        border-radius:50%
    }
    100%{
        transform:translateY(-1000px) rotate(720deg);
        opacity:0;
        border-radius:50%
    }
}
.form-horizontal{
    width:100%;
    background:#f5f9ff;
    padding:29px 29px 40px;
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    border-radius:10px;
    position:relative;
    box-shadow:rgb(0 0 0 / 24%) 0 3px 8px;
    border:5px solid #2b569a
}
.signup-form-img h3{
    padding-left:10px;
    color:var(--main);
    padding-bottom:20px;
    font-family:semibold
}
form.form-horizontal .control-group{
    width:46%;
    margin-bottom:20px
}
form.form-horizontal .control-group input{
    width:100%;
    border:1px solid #9a9a9a7a;
    border-radius:4px;
    height:37px;
    padding:12px 10px 14px;
    font-size:15px;
    font-family:regular
}
form.form-horizontal .control-group input:focus-visible{
    box-shadow:none;
    border:1px solid #9a9a9a7a;
    outline:0
}
form.form-horizontal .control-group input[type=radio]{
    cursor:pointer;
    display:inline-block;
    height:18px;
    margin-right:1px;
    position:relative;
    width:28px;
    -webkit-appearance:none
}
form.form-horizontal .control-group input[type=radio]:checked:after{
    background-color:#f58939;
    box-shadow:inset 0 0 0 1px hsl(0deg 0% 0% / 40%),inset 0 2px 2px hsl(0deg 0% 100% / 40%),0 1px 1px hsl(0deg 0% 100% / 80%),0 0 2px 2px hsl(0deg 70% 70% / 40%)
}
form.form-horizontal .control-group input[type=radio]:after{
    background-color:#f6f6f6;
    box-shadow:inset 0 0 0 1px hsl(0deg 0% 0% / 40%),0 1px 1px hsl(0deg 0% 100% / 80%);
    content:'';
    display:block;
    height:22px;
    left:-7.7px;
    position:relative;
    top:-10px;
    width:21px
}
.login-form p{
    display:flex;
    justify-content:space-between;
    width:100%
}
.login-heading{
    margin-bottom:50px
}
.login-heading h2{
    font-weight:800;
    font-size:51px;
    font-family:semibold;
    color:#4e4e4e
}
.login-heading p{
    color:#b1b1b1
}
.login-form p input{
    width:100%;
    padding:5px 12px;
    border:1.4px solid #363636;
    border-radius:3px
}
.login-form p input:placeholder{
    font-size:20px
}
.login-form p input.gradient{
    border:none;
    border-bottom:1px solid #ccc;
    width:70%;
    padding:6px 0;
    margin:0 auto 31px;
    font-size:18px
}
.login-form p label{
    padding:12px 0 0;
    font-weight:400;
    font-family:pmedium
}
.login-form p input:focus-visible{
    outline:0
}
.login-form p input::placeholder{
    font-size:13px;
    color:#ccc
}
.login-form a{
    color:#6a75b5;
    font-weight:700
}
.patient-form .card{
    width:100%;
    border:none
}
.patient-form .form label{
    font-size:13px;
    margin-left:2px
}
.patient-form .form-control{
    height:45px;
    border:2px solid #2f66be
}
.patient-form .form-control:focus{
    box-shadow:none;
    border:2px solid #2f66be
}
.doc-contact .doc_shadow_box .row ul,.patient-form .phone input{
    padding-left:29px
}
.patient-form .phone i{
    position:absolute;
    top:17px;
    left:10px;
    color:#8f37aa
}
.package-detail-middle .package-detail-middle-footer .info-box .content,.patient-form .button{
    height:50px
}
.patient-form label.radio{
    cursor:pointer;
    width:100%
}
.patient-form label.radio input{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    visibility:hidden;
    pointer-events:none
}
.patient-form label.radio span{
    padding:12px 14px;
    width:100%;
    text-align:center;
    border:2px solid #2f66be;
    display:inline-block;
    color:var(--mainclr);
    border-radius:3px
}
.patient-form label.radio input:checked+span{
    border-color:var(--mainclr);
    background-color:var(--mainclr);
    color:#fff
}
.form-side-box{
    background:var(--main);
    padding:35px 40px;
    position:relative
}

.form-side-box h5{
    font-family:semibold;
    color:#fff;
    font-size:21px;
    line-height:30px;
    margin-bottom:26px
}
.form-side-box p{
    font-family:regular;
    color:#ededed;
    margin-bottom:26px
}
.form-side-box ul li{
    color:#fff;
    font-family:medium;
    font-size:15px;
    margin-bottom:10px
}
.form-side-box a.my-btn2{
    border:2px solid #fff;
    margin-top:24px;
    width:100%;
    padding:16px 0;
    text-align:center
}
#service,.contact-form .form-group input{
    width:100%;
    border:none;
    font-family:medium;
    font-size:17px
}
.contact-form h3{
    font-family:medium;
    margin-bottom:25px
}
.contact-form p{
    font-family:regular
}
.contact-form .form-group input{
    padding:10px 0;
    border-bottom:1px solid #969696!important
}
.contact-form .form-group input:focus-visible{
    outline:0;
    box-shadow:none;
    border-bottom:1px solid #969696!important
}
#service{
    padding:10px;
    border-bottom:2px solid #969696!important
}
.contact-form .form-group input.mybtn2{
    width:28%;
    padding:16px 0;
    margin-top:10px;
    margin-left:10px
}


@media(min-width:768px){
    .gender_icon{
        width:35px;
        height:35px
    }
    .dropdown-menu.show,.team-modal{
        display:none
    }
}


@media(max-width:768px){
    .footer-brand img{
        width:65px
    }
    .icongrid strong,.package-detail-header-right a.gradient{
        font-size:15px!important
    }
    .about_bg,.contact_bg{
        background-repeat:no-repeat;
        background-position:center
    }
    .about_bg,.banner,.contact_bg,.footer-06{
        background-size:cover
    }
    .n1{
        position:absolute;
        left:64px!important;
        font-size:13px
    }
    .bad-habits h5,.ptn_grid{
        font-size:14px
    }
    .bg-white.collapsed{
        background:#fff!important;
        color:#00f!important
    }
    .mkstbl .amt{
        width:20%
    }
    .gender_icon{
        width:35px!important;
        height:35px!important;
        margin-bottom:18px
    }
    .w-120{
        width:auto!important
    }
    .package_grid a:first-child{
        display:inline-block;
        width:100%;
        margin-bottom:10px
    }
    .ptn_grid{
        padding:0!important
    }
    .package_grid aa:nth-child(2),.package_grid aa:nth-child(3){
        display:inline-block;
        width:50%
    }
    .popular_cat{
        margin-bottom:36px
    }
    .user-dash .card{
        box-shadow:0 2px 5px rgb(65 30 117);
        min-height:75px;
        padding:14px 10px!important
    }
    #toggle-search,.branches-main,.mega-box,.package-detail-header-right .price-box .offer-price p,.user-dash .card .mktag{
        display:none
    }
    .user-dash{
        padding:21px 0 0!important
    }
    .icongrid{
        display:flex
    }
    .box_icon{
        width:30px!important;
        height:30px!important;
        margin-right:9px;
        padding-top:4px
    }
    .icongrid strong{
        padding-left:0!important;
        font-weight:400!important
    }
    .bad-habits h5,.f-menu ul,.most_p ul{
        padding-left:0
    }
    .call-me-back-modal .modal-dialog{
        max-width:90%!important;
        margin:30px auto
    }
    .input-group{
        flex-wrap:inherit
    }
    .footer-left{
        text-align:center;
        margin-bottom:30px
    }
    .footer-06 .footer-left .navbar-brand:first-of-type img{
        margin-right:0
    }
    .f-menu ul{
        list-style:none;
        display:flex!important;
        justify-content:start!important;
        flex-wrap:wrap
    }
    .f-menu ul li{
        margin-right:25px;
        margin-bottom:10px
    }
    .f-menu ul li a,.package-card-mid ul li a:last-of-type{
        font-size:15px
    }
    .modal-dialog{
        margin:170px auto
    }
    .top-header-main ul li{
        margin-right:9px;
        border-right:2px solid #ffffff1f;
        padding-right:5px;
        font-size:13px
    }
    button.owl-prev{
        position:absolute;
        left:15px;
        top:38%;
        height:35px;
        width:35px
    }
    .popular_cat button.owl-prev{
        position:absolute;
        left:-11px;
        top:38%;
        height:35px;
        width:35px
    }
    #owl-risk button.owl-prev{
        position:absolute;
        left:8px;
        top:38%;
        height:35px;
        width:35px
    }
    button.owl-next span,button.owl-prev span{
        font-size:36px;
        height:60px;
        padding-left:0;
        color:#fff
    }
    button.owl-next{
        right:15px;
        top:38%;
        height:35px;
        width:35px
    }
     .popular_cat button.owl-next{
        right:-11px;
        top:38%;
        height:35px;
        width:35px
    }
     #owl-risk button.owl-next{
        right:8px;
        top:38%;
        height:35px;
        width:35px
    }
    .package-detail-header-right .price-box .offer-price{
        background-color:#fff;
        padding:6px 10px!important;
        text-align:center;
        border-radius:4px;
        width:45%!important
    }
    .meet-mobile-inner h2{
        font-size:46px;
        color:#2b569a;
        text-align:center;
        line-height:48px;
        margin-bottom:20px
    }
    .about_bg{
        background-image:url(../img/contact_bg.png);
        height:7rem!important
    }
    .contact_bg{
        background-image:url(../img/contact_us.jpg);
        height:12rem!important
    }
    ._5k_3{
        flex-wrap:inherit!important
    }
    .conn-box{
        margin-bottom:20px
    }
    .navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{
        background:0 0;
        color:#000!important;
        border-radius:3px
    }
    .blog-card img{
        width:100%
    }
    .nav-item .nav-link{
        padding-left:10px;
        color: black !important;
    }
   ul.navbar-nav.doctor-menu.me-auto.mb-2.mb-lg-0 {
    margin: 0;
}
    .banner{
        height:auto
    }
    .banner-content{
        width:100%;
        padding:26px 0 0
    }
    .banner-form{
        width:100%;
        margin-bottom:32px;
        margin-top:10px
    }
    .banner-content p{
        padding-right:0;
        text-align:left
    }
    .domain-search .btn{
        padding:0 13px;
        line-height:51px;
        font-size:18px;
        font-family:pregular;
        width:84px;
        text-align:center
    }
    .domain-search .form-title{
        font-size:21px
    }
    .bg-pblue{
        padding:70px 0px 23px;
    }
    .domain-search p{
        color:var(--mainclr);
        margin:0 0 10px
    }
    .navbar-brand img{
        margin-left:0
    }
    .about-left-img{
        margin-bottom:24px
    }
    h3.heading{
        font-size:25px;
        font-family:bold;
        color:var(--blackclr)
    }
    h3.heading span{
        font-size:30px;
        font-family:bold;
        color:var(--mainclr)
    }
    .title{
        display:flex;
        justify-content:center;
        align-items:center
    }
    .title h2{
        padding:0;
        font-size:21px
    }
    .title h2 span{
        font-size:20px !important;
    }
    .title img{
        width:48px;
        height:48px
    }
    .test-risk{
        margin-top:90px
    }
    .title-bottom p{
        font-size:15px!important;
        width:100%;
        padding:0!important
    }
    .package-card{
        margin:0 auto 27px;
        width:100%
    }
    .package-card-mid ul li a:first-of-type i{
        font-size:9px;
        border-radius:50%;
        height:21px;
        width:21px
    }
    .package-card-mid ul li{
        width:89%
    }
    .col-md-5.col-sm-3.col-12.order-1.order-md-2.card__image, .col-md-5.col-sm-3.col-\`12.order-1.order-md-2.card__image {
    margin-top: 0 !important;
}
    .package-card-mid ul li p{
        font-size:11px
    }
    .package-card-upper h5{
        font-size:19px;
        padding:3px 10px
    }
    .fulllab-video-right{
        margin-bottom:39px
    }
    .why-choose-curis-left ul li h3 i{
        font-size:23px;
        margin-top:3px
    }
    .why-choose-curis-left ul li h3{
        font-size:18px;
        display:inline-flex
    }
    .why-choose-curis-left ul li p{
        padding-right:0;
        font-size:13px
    }
    .why-choose-curis-left ul{
        padding:0 0 4px
    }
    .smart-report-content p{
        padding: 0;
        font-size: 14px;
        font-weight: 400;
    }
    .smart-report-content h4{
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
    }
    .sample-collection-steps ul{
        display:flex;
        flex-wrap:wrap;
        position:inherit
    }
    .sample-collection-step{
        display:initial;
        text-align:center;
        width:100%;
        margin:0 auto
    }
    .sample-collection-steps ul li{
        display:flex;
        justify-content:center;
        width:50%;
        margin-bottom:20px
    }
    .doctor-say,.footer-06{
        margin-top:0
    }
    /* .patient-say{
        margin-top:60px
    } */
    .carousel-control-prev{
        left:-25px
    }
    .carousel-control-next{
        right:-25px
    }
    .footer-06 p{
        color:var(--black)
    }
    .why-choose-us{
        padding:0 3px
    }
    .why-choose-us-left img{
        width:100%;
        display:none
    }
    .why-choose-us-left{
        padding:30px 0 0
    }
    .why-choose-us-left h2{
        padding-left:0;
        padding-bottom:11px;
        font-size:30px
    }
    button.gradient{
        min-width:100%;
        padding:8px 12px;
        font-size:14px
    }
    button.gradient1{
        min-width:50%;
        padding:8px 12px;
        font-size:14px
    }
    .tests-category-product-item-footer a{
        width:100px
    }
    .wsk-cp-text .title-product{
        flex-wrap:wrap
    }
    .wsk-cp-text .title-product h3,.wsk-cp-text .title-product h3:last-of-type{
        font-size:17px
    }
    .wsk-cp-text .description-prod p{
        font-size:13px;
        margin-bottom:25px
    }
    .carousel-inner{
        text-align:center!important
    }
    .blog-card{
        margin:0 auto 28px;
        width:100%
    }
       /* new mobile design css */
              #new-qris-wellness-home .slide {
    width: 90vw !important;
    height: 165px !important;
}

#new-qris-wellness-home .slide-inner {
    /* padding: 8px !important; */
}

#new-qris-wellness-home .nav-next,
#new-qris-wellness-home .nav-prev {
    display: none !important;
}

#new-qris-wellness-home .image-circle {
    width: 9rem !important;
    height: 8rem !important;
    margin-bottom: 18px !important;
}

#new-qris-wellness-home .header h1 {
    font-size: 2rem !important;
}

#new-qris-wellness-home .slide.current {
    display: flex !important;
    padding: 8.664px 6.892px 8.701px 7.298px !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    border-radius: 7.457px !important;
    /* border: 3.418px solid var(--Linear-dark, rgba(65, 30, 117, 0.96)) !important; */
    background: rgba(65, 30, 117, 0.05) !important;
}

#new-qris-wellness-home .slide-button {
    color: var(--White, #FFF) !important;
    font-family: Lato !important;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    display: flex !important;
    padding: 6px 12px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3.107px !important;
    border-radius: 13.36px !important;
    background: var(--Primary-pink, #B23C97) !important;
}

#new-qris-wellness-home .slide-title {
    /* font-size: 9.73px !important; */
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 19.885px !important; /* 204.366% */
    letter-spacing: 0.195px !important;
    margin-bottom: 0 !important;
}

#new-qris-wellness-home .first-line {
    /* font-size: 8.108px !important; */
    font-size: 10px !important; 
    font-size: 10px !important;
    font-style: italic !important;
    font-weight: 600 !important;
    letter-spacing: 0.122px !important;
}

#new-qris-wellness-home .first-line span {
    /* font-size: 8.108px !important; */
        font-size: 10px !important;
    font-style: italic !important;
    font-weight: 600 !important;
    letter-spacing: 0.122px !important;
}
.bad-habits img {
    margin-bottom: 15px;
    height: 48px;
    width: 48px;
}
.btn-wrap{
    display: flex;
padding: 10px 30px !important;
justify-content: center;
align-items: center;
gap: 10px;
}
.view-btn{
color: var(--Primary-blue, #411E75);
font-family: Ubuntu;
font-size: 14px !important;
font-style: normal;
font-weight: 500 !important;
line-height: normal;
margin-top: 0 !important;
}
#new-qris-wellness-home .slide-description {
    /* font-size: 6.214px !important; */
    font-size: 8px !important;
    font-weight: 400 !important;
    /* line-height: 9.321px !important;  */
    margin-bottom: 10px !important;
}

#new-qris-wellness-home .slides-wrapper {
    background: var(--Blue-light, rgba(65, 30, 117, 0.05)) ;
    border-radius: 0 !important;
}

        
            .banner .description-text{
                display: none !important;
            }
             .banner .app-promo-text h2{
                color: var(--White, #FFF);
                font-family: Ubuntu;
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                letter-spacing: 0.36px;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }
            .highlight-pink {
                font-size: 18px !important;
                font-weight: 500;
                letter-spacing: 0.36px !important;
            }
            .highlight-pink2{
                color: var(--Pink-2, #D454B6);
                font-family: Lato !important;
                font-size: 14px !important;
                font-weight: 400 !important;
            }
             .banner .discount-text{
                font-size: 14px;
                line-height: 2px !important;
            }
            .hide-div {
                display: none;
            }
            .banner img{
                width: 100%;
            }
			.mobile-media {
				position: relative;
				overflow: hidden;
			}
			.mobile-media  img {
				position: absolute;
				bottom: -20px;
				right: 20px;
				max-width: 150px;
			}
            .btn-pink{
                display: flex !important;
                padding: 8px 18px !important;
                justify-content: center;
                border-radius: 43px !important;
            }
            .mobile-header .btn-pink {
                display: flex !important;
                height: 34px !important;
                padding: 10px !important;
                justify-content: center;
                align-items: center;
                gap: 10px;
                border-radius: 50px !important;
                background: var(--Pink-2, #D454B6) !important;
                color: var(--White, #FFF);
                font-size: 12px !important;
                font-weight: 400 !important;
                margin-left: 55px;
            }
            .app-promo-text .btn-pink {
                margin-top: 30px !important;
                margin-bottom: 20px;
                font-size: 14px;
            }

            .health_score_home.text-left.btn-pink{
                padding: 12px 18px !important;
                justify-content: center;
                border-radius: 43px !important;
                
            }
            .service-box .icon{
                width: 35px !important;
                height: 35px !important;
                margin-top: 0 !important;
              }
              .service-box {
                padding: 20px 0px !important;
                height: 78px !important;
                width: 83px !important;
                border-radius: 9.321px !important;
            }
               .card--health-score .p-4{
                padding: 0.75rem !important;
               }
                   .service-box p {
                    display: flex;
                    padding: 8px 0 !important;
                    justify-content: center;
                    align-items: center;
                    font-size: 10px !important;
                    border-radius: 14px !important;
                    width: auto !important;
                    width: 83px !important;
                    bottom: -15px !important;
                    letter-spacing: 0.2px !important;
                
                }
               .card__image img {
               float: none !important;
               height: 33px;
               width: 58px;
               }
               .col-md-7.col-sm-3.col-12.order-2.order-md-1.card__content {
               margin-top: 11px !important;
               }
               .card__content h4 {
                font-size: 10px !important;
                line-height: normal !important;
               }
               .test-cards {
                margin: 30px 0 !important;
               }
                  .score-btn, .package-btn {
                    font-size: 10px !important;
                    line-height: normal;
                    padding: 8px 10px !important;
                    height: auto !important;
                    width: 118% !important;
                    white-space: nowrap;
                    font-weight: 400 !important;
                 }
                 .col-md-4.col-sm-3.col-6.text-white.p-5.pt-4.mobile-media{
                    padding: 0 !important;
                 }
                 .test-count {
                    right: 0px !important;
                    width: 52px !important;
                    height: 76px !important;
                    font-size: 20px !important;
                  }
                  .test-count small{
                    font-size: 14px !important;
                  }
                  
                .home-card-time li {
                  margin-right: 12px;
                 margin-left: 12px;
                 }
                  .health_score_home .text-left h2, .health_score_home .text-left h2 span{
                    font-size: 20px !important;
                    font-weight: 500 !important;
                    line-height: 47px !important;
                    letter-spacing: 0.4px !important;
                  }
                
                   .imaging-tests {
                    padding-top: 0 !important;
                    margin-top: 0 !important;
                    margin-bottom:0 !important;
                   }
                 .domain-search #my-group .form-control {
                    color: white !important;
                    background-color: #411e75 !important;
                    border-radius: 41px;
                    border: 1px solid rgba(255, 255, 255, 0.32) !important;  /* matching border */
                    padding: 4px 45px !important;              /* better spacing */
                    border-radius: 41px !important;         /* smooth corners */
                }
                .search-main {
                    margin-bottom: -42px !important;
                }
                  .qris-mobile-dots .dots {
                    text-align: center;
                    margin-top: -44px;
                }
                .qris-mobile-dots {
                    z-index: 9999;
                    position: relative;
                }
                .qris-mobile-dots .dot {
                    height: 12px;
                    width: 12px;
                    margin: 0 5px;
                    display: inline-block;
                    border-radius: 50%;
                    background-color: #bbb;
                    cursor: pointer;
                    transition: background-color 0.3s ease;
                }
                #new-qris-wellness-home .slider-container {
                    height: 283px !important;
                }
                #new-qris-wellness-home{
                    padding-left: 0 !important;
                    padding-right: 0 !important;
                }

                .qris-mobile-dots .dot.active {
                    background-color: #411E75; /* Active dot ka color */
                }

                .domain-search #my-group .form-control::placeholder {
                    color: #d1c4e9 !important; /* lighter placeholder for contrast */
                }

                  .imaging-tests h2{
                    font-size: 20px !important;
                    font-style: normal !important;
                    font-weight: 500 !important;
                    line-height: normal !important;
                    margin-bottom: -15px !important;
                  }
                
                .smart {
                     padding: 0px 30px 0px 30px !important; 
                }
                .track-health{
                    padding: 0px 30px 0px 30px !important;
                }
                .smart-report {
                 padding: 0px 0px 21.927px 0px !important;
                }
                .play-button{
                    top: 190px !important;
                }
                .v_all_full{
                    font-size: 14px !important;
                }
                .v_view.pt-5 {
                 padding-top: 0px !important;
                 }
                 .view-all-btn {
                    align-items: center;
                    display: flex;
                    justify-content: center;
                    margin-top: -17px !important;
                }
                .btn-wrap.mt-3 {
                 margin-top: -8px !important;
                }
                .qris-wellnes-section {
                 padding-bottom: 10px !important;
                 }
                 .qris-wellnes-section .title h2 {
                   margin-bottom: 30px !important;
                   margin-top: -15px !important;
                  }
                  .benefits ul, .icu-why-choose ul{
                    margin-bottom: 0 !important;
                  }

                  .mobile-bottom-book-now a.detail-book-now {
                    color: var(--White, #FFF);
                    font-family: Lato;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                    text-align: center;
                    border-radius: 0 0 10px 10px;
                    position: fixed;
                    bottom: 20px;
                    left: 29% !important;
                    transform: translateX(-50%);
                    z-index: 9999;
                    background: #411E75;
                    color: white;
                    padding: 10px 8px !important;
                    border-radius: 8px;
                    text-align: center;
                    font-weight: 600;
                    text-decoration: none;
                    width: 70% !important;
                   }

                .mobile-bottom-book-now .price-booknow h4 {
                    font-size: 16px !important;
                    margin-bottom: 0;
                    font-weight: 600;
                    color: #f7eaf4 !important;
                    font-family: Lato;
                 }
                .mobile-bottom-book-now .book-now-text {
                color: #f7eaf4;
                font-family: Lato;
                font-size: 12px !important;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                margin-left: 2px;
                position: relative;
                z-index: 10000;
                display: flex;
                width: 77px !important;
                height: 30px !important;
                padding: 4px 9px !important;
                justify-content: center;
                align-items: center;
                gap: 0px;
                flex-shrink: 0;
                border-radius: 33px;
                border: 1px solid #B23C97;
            }
            .mobile-bottom-book-now .price-booknow h4 span {
                color: var(--Primary-pink, #B23C97) !important;
                font-family: Lato;
                font-size: 11px !important;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                text-decoration-line: line-through;
                margin-left: 30px !important;
                margin-right: 5px;
            }
                  .btn-group{
                    gap: 0 !important;
                  }
                  .chat-btn{
                    margin-left: 5px !important;
                  }
                  
                  .benefits .desk-bene, .test-detail-title h3 {
                  font-size: 16px !important;
                }
                .icu-why-choose {
                padding: 10px 5px !important;
                margin-bottom: 10px !important;
            }

                div#main-slider .owl-nav {
                margin-bottom: 0px !important;
            }
            .blog-card H4{
                color: var(--Text-color, #353535);
                font-size: 14px !important;
                font-style: normal;
                font-weight: 500 !important;
            }
            .blog-card p{
                color: var(--Text-color, #353535) !important;
                font-family: Lato !important;
                font-size: 7.493px !important;
                font-weight: 400 !important;
                opacity: 0.5 !important;
            }
            .blog-card.mb-4{
                margin-bottom: 0 !important;
            }
             .btn-pink-home {
                padding: 14px 20px !important;
                font-size: 14px !important;
                transition: background-color 0.3s ease;
                font-family: Lato !important;
                }
            section.container-fluid.pt-4.health-article {
                    padding-top: 0 !important;
                }
                section.container-fluid.get-app.mb-5 {
                margin-bottom: 2rem !important;
            }
            .health-article
                a.card_home .post-date {
                color: var(--Primary-pink, #B23C97);
                font-size: 8px !important;
                font-weight: 500 !important;
                }
                .patient-say h2 {
                    margin-bottom: 0 !important;
                }
                .patient-say {
                        margin-bottom: 0 !important;
                    }
                    .get-app{
                        padding-top: 30px !important;
                    }

                .smart-report-content {
                    padding: 30px 0px 35px 30px !important;
                }
                .smart-report-content h2, .smart-report-content .title h2 span {
                    font-size: 20px;
                    font-weight: 600;
                   }
                   .hide-on-mobile {
                    display: none;
                }
              .app-title .highlight, .get-app .app-title {
                font-size: 20px !important;
                font-weight: 500 !important;
              }
              .app-desc {
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
              }
              .owl-carousel .item .new-package-card{
                margin-right: 0px !important;
                width: 100% !important;
                /* height: 100% !important; */
              }
              .new-package-card-price-off {
                white-space: nowrap !important;
                top: -16px !important;
              }
              .custom-get-app{
                left: 0 !important;
              }
              .app-mockup {
                height: 275px !important;
                        }
           .mega-box .nav-link.dropdown-toggle {
            display: block !important;
        }
         #navbarSupportedContent{
        background: white !important;
    }
    .search-main button.input-group-addon {
        width: 45px !important ; 
        height: 45px !important;
        /* right: 269px !important;
        background: transparent !important; */
        z-index: 1;
        }
	button.input-group-addon svg {
		vertical-align: top !important;
        margin-right: 5px !important;
		font-weight: 700;
	}
	#selected-items {
		background: #ffffff;
	}
    .navbar-toggler:focus{
        box-shadow: none !important;
    }
    .detail-card-ul {
      gap: 0px !important;
      flex-wrap: nowrap !important;
      justify-content: space-between;
    }
    .home-card-time{
        gap: 0 !important;
        justify-content: space-between;
    }
    .detail-card-ul .icon {
    width: 15px !important;
    height: 15px !important;
    /* margin: 0 !important; */
    }
     .detail-card-ul  p{
        font-size: 10px !important;
        margin-bottom: 0 !important;
        color: #B23C97 !important;
     }
     .deatail-card {
    display: block !important;
     }
     .package-detail-header-right .price-box .offer-price h4 span
 {
    margin-left: -32px;
}
.help-section {
    flex-direction: unset !important;
    /* text-align: center !important; */
  }
.help-content-right {
    padding: 20px 10px 20px 0 !important;
}
.cashback-section p{
font-size: 10px  !important;
font-weight: 300 !important;
letter-spacing: 0.2px !important;
}
.cashback-section h4{
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.24px !important;
}
.accordion-collapse .accordion-body p{
font-size: 12px !important;
}
#accordionExample .accordion-item .accordion-button p{
font-size: 14px !important;
 padding: 0 !important;
 margin-bottom: 0 !important;
}
  .help-content {
    align-items: center !important;
    gap: 12px !important;
  }
.patient-say{
        margin-top:0 !important;
    }
     .health-article{
                padding-bottom: 0 !important;
            }
  .doctor-img {
    width: 100px !important; /* shrink image */
    margin-bottom: -24px !important;
  }
  .help-content .btn-group {
    justify-content: unset !important;
    flex-wrap: unset !important;
}

  .help-content-right h4 {
    font-size: 16px !important;
  }

  .help-content-right p {
    font-size: 12px !important;
  }

  .btn-group {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
 img.call-btn, img.chat-btn {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
  .call-btn,
  .chat-btn {
    font-size: 11px !important;
    padding: 3px 14px !important;
    height: auto !important;
    width: auto !important;
  }
  .description-head{
    color: var(--Black, #000);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
  }
  #accordionFlushExample .accordion-header .accordion-button {
    color: var(--Lighttext, #484848) !important;
    font-family: Lato, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    background: transparent !important; /* optional, removes default gray/blue */
    box-shadow: none !important; /* removes focus outline */
}
/* Wrapper box */
.custom-offer-box {
  background: #4B1F78;  /* Purple */
  border-radius: 0px 0px 15px 15px;
  padding: 11px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 75px;
}
.app-promo-text{
margin-left: 0 !important;
}

/* Prices */
.custom-pricing {
  align-items: center;
  gap: 15px;
  color: #fff;
  font-family: 'Lato', sans-serif;
  display: flex;
}

.old-price {
  text-decoration: line-through;
  font-size: 17px;
  opacity: 0.8;
}

.new-price {
  font-size: 26px;
  font-weight: 500;
}

/* Book Now Button */
.custom-btn {
  background: #fff;
  color: var(--Primary-blue, #411E75);
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
  padding: 14px 16px;
  border-radius: 34px;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  transition: 0.3s ease;
  float: right;
  width: 162px;
  height: 50px;
  text-align: center;
}

.custom-btn:hover {
  background: #f5f5f5;
}
.footer-lists ul li a {
    color: rgba(255, 255, 255, 0.81) !important;
    transition: .2s !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-family: 'Lato' !important;
}
.footer-lists h4, .footer-social-links h4, .footer-download-qris {
    color: var(--White, #FFF) !important;
    font-family: Lato !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 24.649px !important; /* 176.062% */
}
.footer-logo p {
    color: var(--White, #FFF) !important;
    font-family: Lato !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 23px !important; /* 191.667% */
}
.card--health-score.p-4.d-flex.align-items-center.justify-content-between {
    padding: 15px !important;
}
.card--wellness-package.p-4.d-flex.align-items-center.justify-content-between {
    padding: 15px !important;
}
div#main-slider button,
div#owl-risk button {
    color: #fff !important;
    font-size: 13px !important;
}
.container.track-your-health {
    padding: 20px 20px 0 !important;
}
.risk-card-button-risk a{
padding: 10px 30px !important;
border-radius: 32px !important;
border: 1px solid var(--Primary-blue, #411E75) !important;
font-family: Ubuntu !important;
font-size: 14px !important;
font-style: normal;
font-weight: 500 !important;
}
.imaging-tests{
padding: 25px 20px !important;
}
/* download box design */

.download-box {
  display: flex;
  width: 208px !important;
  height: 58px;
  padding: 6px 0px 5px 6px;
  align-items: center;
  flex-shrink: 0;
  gap: 11px;
  border-radius: 99px;
  background: rgba(65, 30, 117, 0.05); /* var(--Blue-light) */
  margin-left: -13px; /* counteract parent's padding */
  width: fit-content;

}

.img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 11px;
  border-radius: 99px;
  background: rgba(65, 30, 117, 0.05);
width: 41px;
  height: 40px;
  flex-shrink: 0;
}

.img-wrapper img {
  width: 58.44px;
  height: 50px;
  object-fit: contain;
  border-radius: 9px;
   transform: scaleX(-1);
aspect-ratio: 58.44/50.00;
margin-left: 22px;
margin-bottom: 13px;
}

.download-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.download-text h3 {
  margin: 0;
  color: #411E75; /* var(--Primary-blue) */
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: normal;
}

.download-text p {
  margin: 0;
  color: #411E75;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
}

/* end download box design */

    .card-content-heading {
    font-family: 'Ubuntu', sans-serif;
    font-size: 10px !important;
    font-weight: 500 !important;
}
.title.text-center.mb-4.full-body-checkup {
    margin-bottom: 0 !important;
}
.full-body-checkup h2{
margin-bottom: 16px !important;
}
.row.mt-5.row-no-margin{
    margin-top: 0 !important;
}
section.container-fluid.test-risk.my-md-3.my-3{
    margin-top: 40px !important;
}
.risk-card-content a{
    margin-top: 16px !important;
}
section.container-fluid.my-5.track-health {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}
/* .patient-say .owl-stage-outer{
    margin-right: 30px;
    margin-left: 30px;
} */
 .icu-offer-section{
          border-radius: none !important;
          border-top: none !important;
          border-right: none !important;
          border-bottom: none !important;
          border-left: none !important;
          background: none !important;
          margin-top: 50px;
        }
        .col-md-6.col-sm-6.col-6.text-white.p-5.app-promo-text {
    padding: 16px 0px 16px 16px !important;
}
#parameters-included a, #parameters-included span{
color: var(--Lighttext, #484848) !important;
font-size: 12px !important;
font-weight: 400 !important;
}
.detail-icon-pad{
color: var(--Light-subtext-color, #707B81) !important;
font-size: 10px !important;
font-weight: 400 !important;
}
.detail-icon-pad span{
color: var(--Light-subtext-color, #707B81) !important;
font-size: 10px !important;
font-weight: 400 !important;
}.package-detail-header-left p{
font-size: 12px !important;
font-weight: 400 !important;
}
.package-detail-header-left .get-use strong, .get-use span {
font-size: 12px !important;
font-weight: 800 !important;
}
.get-use{
color: var(--White, #FFF) !important;
font-size: 12px !important;
font-weight: 400 !important;
}
.mobile-header-nav li.nav-item {
    padding: 0 !important;
  border-radius: 31px 0 0 31px !important;
}  
 .accordion-flush .accordion-item .accordion-button {
        /* padding: 14px 14px 0px 10px !important; */
        padding: 14px 22px 0px 7px !important;
    }
    .container.home-all-tests {

  margin-bottom: 0px !important;
}
#accordionFlushExample .accordion-header .accordion-button::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'><path d='M9.92459 0.84729L5.61903 5.15285L1.31348 0.84729' stroke='%23411E75' stroke-width='1.10714' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px 6px;
  transform: none; /* remove Bootstrap's rotate effect if you want */
}
#accordionFlushExample .accordion-header .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}
section.py-2.pt-4.pharmacy-notselected {
    padding: 0px 10px 0px 10px;
    margin-top: 34px;
}
.care-section h5{
font-size: 15px !important;
font-weight: 700 !important;
}
.icu-why-choose ul li {
font-size: 15px !important;
font-weight: 400 !important;
}
.new-package-card-parameter-list ul li a {
font-size: 14px !important;
font-weight: 400 !important;
}
#accordionExample .accordion-item .accordion-button {
    padding: 7px 14px 10px 14px !important;
    font-size: 14px !important;
}
section.container-fluid.test-listing {
    padding-top: 40px;
}
.contact_bg, .blog-banner{
    margin-top: 55px;
}
            .mobile-request-callback {
  margin: 15px auto;
  max-width: 480px; /* keeps it neat on mobile */
}
.mobile-icu-callback-box {
  background: #fff;
  border-radius: 12px;
}
.mobile-icu-callback-box p{
    color: var(--Black, #000);
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.mobile-icu-callback-box p small{
    color: var(--Light-subtext-color, #707B81);
font-family: Lato;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.mobile-icu-request-btn {
  background: #4b0082; /* Purple */
  color: #fff;
  font-weight: 600;
  padding: 12px;
  border: none;
  border-radius: 25px;
  transition: background 0.3s ease;
}
.mobile-icu-request-btn:hover {
  background: #370062;
}
.full-body-home-checkup ul{
    height: auto !important;
}
.package-detail{
    padding-top: 0 !important;
}
a.mobile-detail-book-now {
        color: var(--White, #FFF);
        font-family: Lato;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
        border-radius: 0 0 10px 10px;
        background: var(--Primary-pink, #B23C97);
        display: flex;
        padding: 11px 96px 9px 108px;
        justify-content: flex-end;
        align-items: center;
        align-self: stretch;
    }
}



.account-settings .about p,.form-control{
    font-size:.825rem
}
.user-info{
    display:flex;
    background:var(--mainclr);
    border-radius:46px 46px 0 0
}
.user-info .user-dp img{
    display:none;
    width:62px;
    padding:3px;
    border:1px solid #fff;
    border-radius:50%;
    background:#fff
}


@media screen and (max-width:768px){
    .form-left{
        padding:34px 12px
    }
    .banner .row .col-md-8{
        padding:0
    }
    .user-info .user-dp{
        width:100%!important
    }
    .t_price button{
        width:100%;
        margin-bottom:8px
    }
}



.user-info .user-dp{
    width:30%;
    display:flex;
    justify-content:start;
    align-items:center;
    padding:16px 20px 12px
}
.user-info .user-social{
    width:40%;
    padding:10px 20px 12px;
    display:flex;
    justify-content:end;
    align-items:center
}
.user-info .dashboard-close ul,.user-info .user-social ul{
    display:flex;
    justify-content:end;
    list-style-type:none;
    align-items:center;
    margin-bottom:0
}
.user-info .user-social ul li{
    font-size:28px;
    margin-left:20px
}
.user-info .user-social ul li:first-child i{
    color:#0077a7
}
.user-info .user-social ul li:nth-child(2) i{
    color:#66daff
}
.user-info .user-social ul li:nth-child(3) i{
    color:#ffc4d1
}
.user-info .user-social ul li:nth-child(4) i{
    color:#02374b
}
.user-info .dashboard-close{
    width:30%;
    padding:10px 40px 12px;
    display:flex;
    justify-content:end;
    align-items:center
}
.user-info .dashboard-close ul li{
    font-size:18px;
    margin-left:20px
}
.user-dash{
    background-size:cover;
    background-repeat:no-repeat;
    margin:0 0 10px;
    border-top:2px solid #ffdcdc91;
    padding:21px 21px 46px
}
.user-dash .dashboard-tabs{
    border-right:1px solid #c4c1c1;
    width:100%;
    height:100%
}
.user-dash .dashboard-tabs a.tablinks{
    color:#f9fafb;
    font-family:semibold;
    width:85%;
    height:42px;
    padding:7px 10px;
    font-size:17px;
    margin-bottom:4px;
    transition:.5s;
    display:inline-block
}
.user-dash .dashboard-tabs a.tablinks:hover{
    color:#f9fafb;
    font-family:semibold;
    width:85%;
    padding:7px 10px;
    font-size:17px;
    background:rgb(0 0 0 / 33%);
    border-radius:10px;
    transition:.5s
}
.user-dash .dashboard-tabs a.tablinks i{
    width:21px
}
.account-settings .user-profile{
    margin:0 0 1rem;
    padding-bottom:1rem;
    text-align:center
}
.account-settings .user-profile .user-avatar{
    margin:0 0 1rem
}
.account-settings .user-profile .user-avatar img{
    width:90px;
    height:90px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px
}
.account-settings .user-profile h5.user-name{
    margin:0 0 .5rem
}
.account-settings .user-profile h6.user-email{
    margin:0;
    font-size:.8rem;
    font-weight:400;
    color:#9fa8b9
}
.account-settings .about{
    margin:2rem 0 0;
    text-align:center
}
.account-settings .about h5{
    margin:0 0 15px;
    color:#007ae1
}
.form-control{
    border:1px solid #cfd1d8;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background:#fff;
    color:#2e323c
}
.gutter .card{
    background:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:0;
    margin-bottom:1rem;
    width:100%!important
}
.patient-info{
    background:#effcff96;
    padding:10px;
    border-radius:8px;
    text-align:center
}
.patient-info img{
    width:112px;
    border-radius:50%;
    border:5px solid #ffffffe0;
    margin-bottom:11px
}
.PaymentButton-text.svelte-ekc7fv.svelte-ekc7fv,.date-item.active .date,.date-item.active .day,.date-item.active .month,.doc-nav-link,.table tr td{
    color:#fff!important
}
.panel{
    background:#35363c;
    margin:40px auto;
    width:300px;
    border:1px solid #46464c;
    border-radius:3px;
    padding:40px;
    box-shadow:1px 3px #26272c
}
.panel__avatar{
    background:#fff;
    border:8px solid #46393d;
    width:100px;
    height:100px;
    border-radius:50%;
    margin:0 auto 40px;
    display:block
}
.inputs__item{
    padding-bottom:40px
}
.inputs__label{
    color:#a64c41;
    display:block
}
.inputs__input{
    border:none;
    border-bottom:1px solid #6b6c70;
    background:#35363c;
    display:block;
    width:100%;
    padding:10px 0
}
.inputs__item--new .inputs__input,.inputs__item--new .inputs__label{
    color:#6498bb
}
.inputs__item--cta{
    text-align:center;
    padding-bottom:0;
    padding-top:20px
}
.stickynew .package-detail-header-right .price-box .price{
    padding:9px 0;
    border-radius:4px;
    height:55px
}
.stickynew .package-detail-header-right .price-box .offer-price{
    padding:6px 10px;
    height:55px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.stickynew .package-detail-header-left{
    display:contents;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    width:54%
}
.package-detail-header{
    border-radius:10px;
}
.package-detail-header-left {
   border-radius: 10px;
background: #FFF;
border: 1px solid var(--Pink-2, #D454B6);
border-bottom: none;

}
.package-custom-pad{
    padding: 16px;
}
.package-detail-header-left h1{
color: var(--Primary-blue, #411E75);
font-family: Ubuntu;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
}
.deatail-card{
display: flex;
padding: 12px 10px 12px 10px;
justify-content: center;
align-items: center;
gap: 10px;
    border-radius: 9px;
border: 0.7px dashed var(--Primary-pink, #B23C97);
background: rgba(178, 60, 151, 0.11);
}
.package-detail-header-left .detail-card-ul li p {
    color: var(--Primary-pink, #B23C97);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 7px;
    margin-right: 10px;
}
.detail-card-ul {
    list-style: none;
    display: flex;
    gap: 0px;
    margin-bottom: 0;
    padding-left: 0;
}

.detail-card-ul li {
  display: flex; 
  align-items: center;
  gap: 0; 
  white-space: nowrap;
  margin-right: 12px;
}
.test-code-detail .icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 6px;
  }
  .detail-card-ul .icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin: 0 6px;
  }
  .detail-card ul li p{
    color: var(--Primary-pink, #B23C97);
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
  }
.package-detail-header-left h3{
    color:#fff;
    font-size:25px;
    font-family:semibold
}
.package-detail-header-left p{
color: var(--Primary-pink, #B23C97);
font-family: Lato;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
margin-bottom: 7px;
}
.package-detail-header-left .stars ul{
    padding:2px 9px 3px;
    background:#fff;
    width:45%;
    justify-content:space-around;
    border-radius:4px;
    margin-bottom:0
}
.package-detail-header-left .stars ul li i{
    font-size:14px;
    color:gold
}
.package-detail-header-left .stars ul li{
    font-size:16px;
    font-family:pmedium;
    color:#606060;
    padding-top:2px
}
.package-detail-header-right{
    display:flex;
    width:100%;
    background: #f7eaf4;
}
.conn p,.dr_name_deg.ot_dr_deg ul li,.package-detail-header-right a.gradient{
    font-size:17px
}
.package-detail-header-right .price-box{
    display:flex;
    width:100%;
    border-radius:4px;

}
.package-detail-header-right .price-box .price{
    text-align:center;
    line-height:9px;
    padding:8px 0;
    border-radius:4px;
    height:fit-content
}
.package-detail-header-right .price-box .price p{
    font-family:pmedium;
    margin-bottom:0;
    font-size:17px;
    color:black
}
.package-detail-header-right .price-box .price h4{
    
    color: var(--Primary-pink, #B23C97);
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: line-through;
margin-left: 18px;
}
.package-detail-header-right .price-box .offer-price{
    padding:7px 10px;
    text-align:center;
    border-radius:4px;
    height:fit-content;
    background: #f7eaf4;
}
.package-detail-header-right .price-box .offer-price p{
    font-size:18px;
    font-family:medium;
    margin-bottom:0;
    color:#4b3434;
    text-shadow:#7f7f7f 1px 0 2px
}
.package-detail-header-right .price-box .offer-price h4{
    font-size:24px;
    margin-bottom:0;
    font-family:semibold;
    color:#411E75;
    text-shadow:#fff 1px 0 3px
}
.package-detail-header-right .price-box .offer-price h4 span{
    color: var(--Primary-pink, #B23C97);
             font-family: Lato;
             font-size: 10px;
             font-style: normal;
             font-weight: 400;
             line-height: normal;
             text-decoration-line: line-through;
}
.package-detail-card{
    /* box-shadow:rgb(0 0 0 / 24%) 0 3px 8px;
    border-radius:6px */
}
.package-detail-middle{
    display: flex;
    padding: 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    align-self: stretch;
    border-radius: 9.743px;
    border: 1px solid var(--Light-stroke, rgba(0, 0, 0, 0.09));
    background: #FFF;
}
.package-detail-footer .package-detail-footer-time-section{
    width:90%;
    background:#dce9ff;
    padding:5px;
    border-radius:11px;
    position:absolute;
    top:-33px;
    left:5%;
    box-shadow:rgb(99 99 99 / 20%) 0 2px 8px 0
}
.package-detail-middle .package-detail-middle-left{
    width:100%;
    margin:10px
}
.package-detail-middle .package-detail-middle-left p{
    padding-right:25px;
    color: var(--Lighttext, #484848);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.package-detail-middle .package-detail-middle-right{
    width:20%;
    display:flex;
    flex-wrap:wrap
}
.package-detail-middle .package-detail-middle-footer{
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.package-detail-middle .package-detail-middle-footer .info-box{
    width:50%;
    display:flex;
    justify-content:space-between;
    padding:10px
}
.package-detail-middle .package-detail-middle-footer .info-box .img{
    height:50px;
    width:50px;
    background:#f5f5f5;
    border:1px solid #e4e4e4;
    padding:4px
}
.package-detail-middle .package-detail-middle-footer .info-box .img img{
    width:36px
}
.package-detail-middle .package-detail-middle-footer .info-box p{
    margin-bottom:0;
    font-size:14px;
    font-family:pmedium;
    padding-top:4px
}
.package-detail-middle .package-detail-middle-right .package-detail-middle-right-uper .right-small-card{
    width:80%;
    padding:10px;
    background:#fafafa;
    border-radius:5px;
    text-align:center;
    border:3px solid #2f66be38;
    position:relative
}
.package-detail-middle .package-detail-middle-right .package-detail-middle-right-uper .right-small-card img{
    width:100px
}
.package-detail-middle .package-detail-middle-right .package-detail-middle-right-uper .right-small-card h4{
    bottom:11px;
    font-size:18px;
    padding:10px;
    font-family:semibold
}
.package-detail-footer{
    border-top:2px solid #cccccc4d;
    position:relative;
    padding-top:22px;
    padding-bottom:8px
}
.package-detail-footer .package-detail-footer-time-section ul{
    display:flex;
    justify-content:space-around;
    list-style-type:none;
    margin-bottom:0;
    padding:5px 10px 7px
}
.package-detail-footer .package-detail-footer-time-section ul li p{
    margin-bottom:0;
    font-size:14px;
    font-family:pmedium
}
.package-detail-footer .package-detail-footer-time-section ul li{
    border-right:1px solid #cccccc57;
    width:33.3%;
    display:flex;
    justify-content:center
}
.package-detail-footer .package-detail-footer-time-section ul li:last-of-type{
    border-right:none
}
.package-detail-header-left a.gradient{
    min-width:184px;
    max-width:184px;
    display:inline-block;
    text-align:center;
    color:#fff;
    background:var(--gradient);
    padding:6px 20px 7px;
    font-size:18px;
    font-family:pmedium;
    border-radius:30px;
    box-shadow:rgb(99 99 99 / 20%) 0 2px 8px 0;
    transition:.5s
}
.package-detail-footer a.gradient:hover{
    margin-top:-5px;
    transition:.5s;
    box-shadow:rgb(50 50 93 / 25%) 0 13px 27px -5px,rgb(0 0 0 / 30%) 0 8px 16px -12px
}
.package-detail-footer a.border-btn,.package-detail-footer a.border-btn:hover{
    display:inline-block;
    font-size:18px;
    font-family:pmedium;
    box-shadow:rgb(245 138 59 / 14%) 0 2px 8px 0;
    transition:.5s;
    text-align:center
}
.package-detail-footer a.border-btn{
    color:var(--gradient);
    padding:8px 20px 9px;
    border-radius:30px;
    margin-right:22px;
    border:2px solid var(--gradient)
}
.package-detail-footer a.border-btn:hover{
    min-width:155px;
    color:#fff;
    background:var(--gradient);
    padding:5px 0;
    border-radius:30px;
    margin-left:6px;
    border:2px solid #f68c3e
}
.package-detail-footer .package-detail-footer-buttons{
    height:108px;
    text-align:center;
    padding:40px 0
}
.text-package-deatils-main{
    box-shadow:rgb(100 100 111 / 20%) 0 7px 29px 0;
    border-radius:6px;
    padding-bottom:30px
}
.text-package-deatils-main .test-detail-title{
    padding:30px 25px 27px
}
.test-detail-title h3{
    color: var(--Black, #000);
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    padding-top: 13px;
}
.text-package-deatils-main .test-detail-th{
    background:var(--mainclr);
    color:#fff;
    padding:7px 27px 9px
}
.text-package-deatils-main .test-detail-th h5{
    margin-bottom:0;
    font-family:semibold;
    font-size:16px
}
.package-deatail-parameter-accordian{
    width:96%;
    margin:21px auto 10px
}
.package-deatail-parameter-accordian .collapsed{
    border-bottom:2px solid #52525212;
    border-radius:0;
    padding:11px 16px;
    background:#ffb70117;
    border-bottom:2px solid #cfc9c9;
    background:#ffb70117;
    margin-bottom:8px
}
.package-deatail-parameter-accordian .accordion-button:not(.collapsed):focus,.package-deatail-parameter-accordian .collapsed:focus{
    box-shadow:none
}
.package-deatail-parameter-accordian .accordion-button p{
    font-family:semibold;
    color:#5b5b5b
}
.package-deatail-parameter-accordian .accordion-button::after{
    flex-shrink:0;
    width:var(--bs-accordion-btn-icon-width);
    height:var(--bs-accordion-btn-icon-width);
    /* margin-left:auto; */
    content:"";
    background-image:url(../img/plus11.png)!important;
    background-repeat:no-repeat;
    background-size:15px;
    transition:var(--bs-accordion-btn-icon-transition)
}
.package-deatail-parameter-accordian .accordion-body{
    padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    background:#f3f3f3d9
}
.package-deatail-parameter-accordian .accordion-body p{
    font-size:14px;
    color:#676767;
    font-family:pmedium
}
#doc-article .disabled,.call-me-back-modal .modal-content,.package-deatail-parameter-accordian .accordion,.package-deatail-parameter-accordian .accordion .accordion-item{
    background:0 0
}
.package-deatail-parameter-accordian .accordion-body ul li{
    color:#696969;
    font-size:14px;
    margin-bottom:8px
}
.benefits-box-1{
    margin-bottom:10px;
    display: flex;
}
.benefits-box ul  li{
 list-style: none;
}
.benefits-box-1 svg{
    width:24px;
    height:auto;
    display:block;
    margin-right: 6px;
}
.benefits-box-1 p{
    color: var(--Primary-pink, #B23C97);
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
margin-bottom: 0;
}

.benefits h2{
    color: var(--Black, #000);
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}
.benefits-box{
    padding:14px;
    border-radius: 9.743px;
border: 1px solid var(--Light-stroke, rgba(0, 0, 0, 0.09));
background: #FFF;
    margin-top:0
}
.mkbutton,.package-detail-footer-buttons a.gradient,input.mkbutton{
    border-radius:30px;
    box-shadow:rgb(99 99 99 / 20%) 0 2px 8px 0;
    transition:.5s;
    display:inline-block
}
.package-detail-footer-buttons a.gradient{
    min-width:219px;
    text-align:center;
    color:#fff;
    background:var(--gradient);
    padding:10px 20px;
    font-size:19px;
    font-family:pmedium
}
.edit_pr{
    padding-top:20px!important
}
@media(max-width:768px){
    .col-address{
        font-size:14px!important;
        font-weight:400!important
    }
    .card-body,.mob_acc .accordion-body{
        padding:0
    }
    .mob_acc .accordion-body .card-header p{
        font-size:13px
    }
    .signup-form-main .card-body{
        padding:19px
    }
    .mkth{
        margin-bottom:5px
    }
    .stickynew .package-detail-header-right .price-box{
        display:initial
    }
    .stickynew .package-detail-header-right .price-box .offer-price{
        justify-content:center;
        display:block!important;
        padding-top:0!important
    }
    .package-detail-header-right .price-box .price{
        display:none
    }
    
    .stickynew{
        height:145px;
        position:fixed;
        bottom:0;
        padding:8px 15px!important
    }
    .h1{
        color:#fff;
        font-size:16px!important
    }
    .stickynew .package-detail-header-left{
        display:flex;
        justify-content:left;
        align-items:center;
        flex-wrap:wrap;
        width:59%
    }
    .stickynew .package-detail-header-left h3{
        font-size:19px
    }
    .stickynew .package-detail-header-left a.gradient{
        min-width:156px;
        padding:6px 20px 7px;
        font-size:16px
    }
    .stickynew .package-detail-header-right .price-box .price{
        width:43%;
        padding:16px 0;
        height:64px
    }
    .stickynew .package-detail-header-right .price-box .offer-price{
        width:90%!important;
        height:39px;
        margin:4px auto 9px
    }
    .stickynew .package-detail-header-right .price-box .offer-price p{
        font-size:18px
    }
    .stickynew .package-detail-header-right .price-box .offer-price h4{
        font-size:20px
    }
    .package-detail-header{
        flex-wrap:wrap;
         padding:40px 0px 0px 0px;
    }
    .benefits-box-1 p{
        font-size: 12px;
    }
    .benefits-box {
    padding: 9px 5px;
    }
    #popular-packages .owl-dot span, #pet_scan .owl-dot span, #blog_ .owl-dot span, #main-slider .owl-dot span{
    width: 12px;
    height: 12px;
}
#popular-packages  .owl-dot.active > span, #pet_scan  .owl-dot.active > span, #blog_  .owl-dot.active > span , #main-slider  .owl-dot.active > span {
    width: 12px;
    height: 12px;
    }
    .package-detail-header-left,.package-detail-middle .package-detail-middle-right .package-detail-middle-right-uper .right-small-card:last-of-type,.package-detail-middle-right{
        width:100%
    }
    .package-detail-footer a.border-btn{
        margin-right:0;
        min-width:fit-content;
        font-size:16px;
        height:43px
    }
    .package-detail-header-right{
        width:100%
    }
    .stickynew .package-detail-header-right{
        width:40%
    }
    .package-detail-header-left .stars{
        margin-bottom:12px
    }
    .package-detail-header-left .stars ul{
        padding:0 9px 3px;
        width:65%
    }
        .package-detail-middle {
        flex-wrap: wrap;
        padding: 15px 15px 20px;
        margin-bottom: 12px;
    }
    .package-detail-middle .package-detail-middle-right .package-detail-middle-right-uper .right-small-card h4{
        width:100%;
        left:5%
    }
    .package-detail-middle-left{
        width:100%!important;
        margin: 0 !important;
    }
    .package-detail-middle .package-detail-middle-right{
        width:100%;
        display:flex;
        flex-wrap:wrap
    }
    .package-detail-middle .package-detail-middle-left p{
        padding-right:0;
        font-size:14px
    }
    .package-detail-middle .package-detail-middle-right-uper{
        display:flex;
        justify-content:space-between
    }
    .package-detail-middle .package-detail-middle-right .package-detail-middle-right-uper .right-small-card:first-of-type{
        width:100%;
        margin-bottom:10px
    }
    .package-detail-middle .package-detail-middle-right .package-detail-middle-right-uper .right-small-card{
        height:151px!important
    }
    .package-detail-middle .package-detail-middle-footer{
        margin:17px 0
    }
    .package-detail-middle .package-detail-middle-footer .info-box{
        width:100%;
        display:flex;
        justify-content:space-evenly;
        padding:10px
    }
    .package-detail-footer .package-detail-footer-buttons{
        height:auto;
        padding:84px 17px 18px;
        display:flex;
        justify-content:space-between;
        align-items:baseline
    }
    .package-detail-footer .package-detail-footer-time-section ul{
        display:flex;
        flex-wrap:wrap
    }
    .package-detail-footer .package-detail-footer-time-section ul li{
        border-right:none;
        width:100%;
        margin-bottom:10px
    }
    .package-detail-footer a.gradient{
        margin-bottom:10px;
        min-width:fit-content;
        font-size:16px
    }
    .doctor_add_ptnt{
        overflow-y:scroll;
        height:420px!important
    }
    .footer-logo img {
    width: 211px;
     height: 38px; 
}
    
}
.test-listing .tests-category-product-item{
    box-shadow:rgba(149,157,165,.2) 0 8px 24px;
    margin-bottom:20px
}
.about-tests h3{
    font-family:semibold;
    font-size:28px
}
.line{
    height:2px;
    margin:10px 0;
    background:var(--mainclr);
    width:200px
}
.tests-listing-description p{
    font-family:pmedium;
    color:#7b7979
}
.tests-listing-description ul li{
    font-family:medium
}
.tests-listing-description h4{
    font-family:semibold;
    margin-bottom:14px
}
.conn p,.conn-box p{
    font-family:pmedium
}
.mkbutton,input.mkbutton{
    min-width:123px;
    text-align:center;
    padding:7px 20px 9px;
    font-size:15px;
    font-family:pmedium
}
.final_cart{
    background:#fff;
    border:1px solid #a8a8a8;
    border-radius:4px;
    box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;
    padding:16px 15px 2px
}
.ddt-2{
    float:right
}
.pca{
    margin:6px 0 9px
}
.t1{
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #858585;
    margin-bottom:8px
}
.card-body_mk,.status span:first-of-type{
    display:inline
}
.promo{
    margin-bottom:34px
}
.payment_btn{
    float:right;
    margin-top:30px
}
.pay{
    border:1px solid #757575;
    margin-top:23px;
    border-radius:4px
}
.fa_user{
    font-size:20px;
    background:#fff;
    padding:0 0 0 5px;
    border-radius:55px;
    height:26px;
    width:20px
}
.card-header{
    background:0 0;
    color:#000;
    padding:11px 0 6px 16px!important
}
.card-body_mk{
    padding:10px!important;
    justify-content:space-between!important;
    flex-direction:unset!important
}
.text-green{
    color:#45bf45bd!important
}
.touch .date-bar{
    flex:0 0 56px;
    width:100%;
    z-index:2
}
.touch .date-bar .date-list-container{
    display:flex;
    flex-direction:column
}
.touch .date-bar .date-list-container .date-list{
    background:#fff;
    border-bottom:1px solid #ccc;
    display:flex;
    list-style-type:none;
    overflow-x:scroll;
    text-align:center;
    white-space:nowrap;
    z-index:10
}
.date-list-container .date-list .date-item{
    box-sizing:border-box;
    flex:1;
    height:72px;
    max-width:100px;
    min-width:72px;
    padding:8px 0;
    position:relative;
    text-align:center;
    z-index:10;
    border-right:1px solid #e1dede
}
.touch .date-bar .date-list-container .date-list .date-item .day,.touch .date-bar .date-list-container .date-list .date-item .month{
    color:#000;
    display:block;
    font-size:10px;
    font-weight:400;
    line-height:16px;
    text-transform:uppercase
}
.date-list{
    padding-left:0;
    justify-content:center
}
.toggle label:hover{
    background:var(--gradient);
    color:#fff;
    border-radius:4px!important
}
.touch .date-bar .date-list-container .date-list .date-item.active{
    background:var(--mainclr)!important;
    cursor:pointer;
    background:#328cb7
}
.touch .date-bar .date-list-container .date-list .date-item .date{
    color:#1a1a1a;
    display:block;
    font-size:18px;
    font-weight:500;
    line-height:22px;
    margin-top:1px
}
.touch .date-bar .date-list-container .date-list .date-item .month{
    color:#000;
    font-weight:700
}
.date-item .date,.date-item .month,.date-item day{
    color:#000!important
}
.touch .date-bar .date-list-container .date-list .date-item:hover{
    color:#328cb7!important;
    cursor:pointer
}
.date-item:hover .date,.date-item:hover .day,.date-item:hover .month{
    color:#328cb7
}
.toggle{
    margin:0 0 1.5rem;
    font-size:0;
    flex-flow:row nowrap;
    justify-content:flex-start;
    align-items:stretch
}
.toggle input[type=radio]{
    width:0;
    height:0;
    position:absolute;
    left:-9999px
}
.toggle input+label{
    margin:0;
    padding:18px 10px;
    position:relative;
    display:inline-block;
    background-color:#fff;
    font-size:1rem;
    line-height:140%;
    font-weight:600;
    text-align:center;
    box-shadow:0 0 0 rgba(255,255,255,0);
    transition:border-color .15s ease-out,color .25s ease-out,background-color .15s ease-out,box-shadow .15s ease-out
}
.toggle input+label:first-of-type{
    border-radius:6px 0 0 6px;
    border-right:none
}
.toggle input+label:last-of-type{
    border-radius:0 6px 6px 0;
    border-left:none
}
.toggle input:hover+label{
    border-color:#213140
}
.toggle input:checked+label{
    background-color:#f27d26;
    border-color:#f27d26;
    border-radius:4px
}
.toggle input:focus+label{
    outline:#ccc dotted 1px;
    outline-offset:0.45rem
}
.input-group,.t_btn{
    justify-content:center
}
.status{
    margin:0;
    font-size:1rem;
    font-weight:400
}
.status span{
    font-weight:600;
    color:#b6985a
}



@media (max-width:800px){
    .toggle input+label{
        padding:.75rem .25rem;
        flex:0 0 50%;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .status span:first-of-type{
        display:none
    }
    .status span:last-of-type{
        display:inline
    }
}


.add_form input{
    border:1px solid grey;
    border-radius:5px;
    width:100%;
    height:37px;
    margin-bottom:7px;
    padding:0 12px
}
.add_form{
    padding:14px 19px 21px;
    border:1px solid #4f4f4f;
    margin-bottom:38px
}
.add_form label{
    font-size:16px;
    margin-bottom:9px
}
.add_form select{
    border:1px solid grey;
    border-radius:5px;
    width:100%;
    height:37px;
    margin-bottom:7px
}
.r_card{
    border:1px solid #ccc;
    background:#fff;
    border-radius:5px
}
.t_detail{
    padding:10px 13px 0
}
.t_detail h5{
    font-size:19px;
    font-weight:400
}
.t_price{
    padding:0 12px 12px;
    border-bottom:2px solid #f89750;
    border-radius:0 0 4px 4px
}
.t_btn del{
    margin-right:15px;
    font-size:14px
}
.t_btn p,.text-center p{
    margin-bottom:0
}
.t_btn{
    display:flex;
    align-items:baseline
}
.t_price a{
    width:49%
}
.buy_btn{
    background:#f8964e;
    border:1px solid #f8964e
}
.buy_btn:hover{
    background:#ffb57e;
    border:1px solid #ffb57e
}
.t_price i{
    padding-right:4px;
    font-size:14px
}
.t_btn del i{
    font-size:11px;
    padding-right:1px
}
.choices__input{
    background:#fff!important;
    box-shadow:none!important
}
.choices__inner{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 30px;
    height:30px!important;
    overflow-x:hidden!important;
}
.open-div{
    position:absolute;
    background:#fff;
    width:80%;
    top:52px;
    padding:15px 13px;
    border:1px solid #b5b5b5;
    border-radius:4px;
    z-index:9;
    max-height:400px;
    overflow:scroll
}
.t_title h2{
    font-size:23px
}
.open-div ul{
    list-style:none;
    padding-left:0
}
.open-div li{
    background:#fff;
    border:1px solid #c7c7c7;
    border-radius:3px;
    padding:5px 6px;
    margin-bottom:4px;
    display:flex;
    align-items:baseline;
    justify-content:space-between
}
.text-left{
    text-align:left!important
}
.text-center{
    text-align:center!important
}
.mkbtn_success{
    background:var(--green);
    color:#fff;
    border:0;
    margin:0 auto;
    display:table
}
.about_bg,.contact_bg{
    height:27rem;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
.about_bg{
    background-image:url(../img/aboutqrishealth.webp)
}
.contact_bg{
    background-image:url(../img/contact_us.jpg);
}
.conn{
    background:#f6f6f6bf;
    padding:33px 35px 26px 33px;
    text-align:justify;
    border-radius:10px;
    box-shadow:rgb(149 157 165 / 20%) 0 5px 24px
}
.conn-main{
    padding-bottom:100px
}
.conn-main-2{
    background:#f5f5f5;
    padding-bottom:47px
}
.conn-main-2 .container{
    margin-top:-63px
}
.conn-box{
    border:3px solid var(--mainclr);
    padding:13px 22px;
    border-radius:5px;
    min-height:280px;
    background:#fff;
    text-align:center
}
.conn-box img{
    width:86px;
    padding:8px
}
.conn-box h2{
    text-align:center;
    font-size:19px
}
.conn-box p{
    padding:0 14px;
    color:#8c8c8c;
    font-size:16px
}
.meet{
    position:relative;
    min-height:20rem
}
.meet_inner{
    background:#f5f5f5;
    position:absolute;
    left:-76px;
    padding:104px 75px 126px;
    border-radius:0 45% 52%;
    width:100%
}
.meet_inner h2{
    font-size:79px;
    color:var(--mainclr);
    line-height:77px;
    margin-bottom:20px
}
.meet_inner p{
    padding-left:14px;
    color:var(--blackclr);
    font-size:17px
}
.team_img img{
    width:59%;
    border-radius:50%;
    margin-bottom:30px;
    border:3px solid #8769b4;
    transition:.4s
}
.tabs li a.current .team_img img,.team_img:hover img{
    width:50%;
    transition:.4s
}
.team{
    margin-top:39px
}
.team_img{
    text-align:right;
    position:relative;
    z-index:0
}
.toggle input:checked+label{
    background-color:var(--gradient)!important;
    color:#fff;
    box-shadow:0 0 10px rgb(102 179 251 / 50%);
    border-color:var(--gradient)!important;
    z-index:1
}
.team-name{
    position:absolute;
    background:var(--mainclr);
    padding:6px 22px 6px 12px;
    width:180px;
    overflow:hidden;
    text-align:left;
    opacity:0;
    top:17%;
    right:89px;
    z-index:-1;
    transition:.4s;
    border-radius:16px 0
}
.book,.cart_left,.doc-banner-image,.mobile-user-img img,.mri-text,.navnew,.tabsnew .team_img,.tittle{
    text-align:center
}
.tabs li a.current .team_img .team-name,.team_img:hover .team-name{
    width:199px;
    transition:.4s;
    opacity:1
}
.team_img .team-name h4{
    color:#fff;
    font-size:18px;
    font-family:semibold;
    margin-bottom:0;
    padding-top:3px
}
.team_img .team-name p{
    color:#fff;
    font-size:15px;
    font-family:pmedium;
    margin-bottom:0
}
.tabsnew{
    display:flex;
    flex-wrap:wrap
}
.tabsnew li{
    width:50%
}
.tabsnew .team_img img{
    width:82%;
    margin-bottom:12px
}
.tabsnew .team-name-mobile p{
    font-family:semibold;
    color:#000
}
.tabsnew .team-name-mobile h4{
    color:#411e75;
    font-size:18px
}
.team-modal.show .modal-dialog{
    width:90%
}
.team-modal .close{
    background:0 0;
    border:none;
    font-size:32px;
    position:absolute;
    right:19px
}
.team-modal .modal-body{
    position:relative;
    padding:23px;
    text-align:justify;
    border:4px solid #2f66bee0;
    border-radius:6px
}
#searchBar1,.abc:after,.book hr,.book-stage:after,.book-stage:before,.cart_qty,.doc-newcard-exdis,.open-search,.step,.step span,.strip,.triangle{
    position:absolute
}
.open-search{
    background:#f1f1f1;
    top:50px;
    padding:20px;
    border-radius:4px;
    width:80%;
    overflow:scroll;
    max-height:308px;
    z-index:2
}
.product_price{
    display:flex;
    border-radius:4px
}
.cart_right{
    border-right:1px solid var(--main);
    padding:0 4px;
    width:55%;
    background:var(--main);
    border-radius:4px 0 0 4px;
    color:#fff;
    display:flex;
    justify-content:center
}
.cart_qty,.strip{
    background:#ff5050
}
.cart_left{
    padding:4px 8px 0;
    width:45%;
    /* border:1px solid var(--main); */
    border-radius:0 4px 4px 0;
    color:var(--main)
}
.mobile-user-img img{
    width:74%;
    margin:15px
}


@media(min-width:1200px) and (max-width:1400px){
    .meet_inner{
        padding:56px 75px 61px
    }
    a.nav-link{
        font-size:13px;
        margin-right:10px
    }
    #new-qris-wellness-home .nav-prev {
    left: 128px !important;
    }
    #new-qris-wellness-home .nav-next{
        right: 128px !important;
    }

    /* lattop screen  */
    .top-header-main .container-fluid{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .download-app-btn{
     white-space: nowrap;
    position: relative;
    left: -32px; 
    }
    .new-package-card-price-offer h6{width:100% !important;}
    .new-package-card-price-off span{
     margin-left: -11px !important;
    width: 100% !important;
    position: relative;
    left: -23px;
    top: 1px;
}
.home-card-time{gap: 40px !important;
}
.new-package-card-price-off h6 {
    font-size: 13px !important;
}
.test-card{
    min-width: auto !important;
}
#main-slider button.owl-prev {
    left: 525px !important;
    top: 499px !important;
   
}
#main-slider button.owl-next {
    right: 485px !important;
    top: 499px !important;
}
button.owl-next,button.owl-prev{
    height: 55px !important;
    width: 55px !important;
}
.play-button{
    top: 185px !important;
}
/* .get-app {
    padding-left: 180px !important;
    padding-right: 55px !important;
} */
 .new-package-card{
    /* height: 355px !important; */
    width: 343px !important;
}
/* li.nav-item {
    padding: 0 36px !important;
} */
 .sticky-box {
   width: 458px;   
}
 a.detail-book-now {
    width: 70% !important;
    }

}


.call-me-back-modal .modal-dialog{
    max-width:30%;
    margin:30px auto
}
.choices__list--multiple .choices__item{
    background-color:#dfdae7!important;
    color: #411e75!important;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.mob_acc .accordion-button{
    background:#fff!important;
    color:#000!important
}
.mob_acc .collapsed{
    background:var(--gradient);
    color:#fff
}


@media(max-width:377px){
    .top-header-main ul li {
        margin-right:5px;
        border-right: 2px solid #ffffff1f;
        padding-right: 5px;
        font-size: 10px;
    }    
    .package-detail-header-right a.gradient{
        font-size:14px!important;
        display:flex!important;
        align-items:center;
        justify-content:center;
        max-height:43px;
        margin:auto 0
    }
    .package-detail-footer a.gradient{
        font-size:12px
    }
    .package-detail-footer a.border-btn{
        font-size:12px;
        height:39px
    }
}



@media(max-width:425px){
    .h1{
        font-size:14px!important
    }
    .package-detail-header-left p,.privacy p{
        font-size:13px
    }
    .package-detail-header-right a.gradient{
        font-size:14px!important;
        display:flex!important;
        align-items:center;
        justify-content:center;
        max-height:43px;
        margin:auto 0
    }
    .package-detail-header-right a.gradient i{
        margin-left:5px
    }
}



.doctor_add_ptnt{
    overflow-y:scroll;
    height:376px;
    padding:12px 0!important
}
#user_success,.img-women-full{
    display:block;
}



@media (max-width:640px) and (min-width:320px){
    .img-women-full{
        display:none
    }
    .img-women-mobile{
        display:block
    }
}



@media (min-width:1400px){
    .lft-f-details h6,.rgt-f-details h6{
        font-size:15px!important
    }
    .side_d li{
        font-size:14px!important
    }
}

a{
    text-decoration:none!important
}
.cart_qty{
    color:#fff;
    width:25px;
    height:25px;
    border-radius:25px;
    top:19px;
    box-shadow:3px 1px 5px #817676
}
.border-bottom-dashed{
    border-bottom:1px dashed #ccc
}
.strip{
    color:#fff;
    width:72px;
    height:34px;
    border-radius:0;
    padding:5px 0 0 21px;
    top:0;
    right:-6px
}
#searchBar1{
    right:7px;
    background:#fff;
    border:2px solid #2f66be;
    border-radius:3px;
    width:97%!important
}
.choices{
    margin-bottom:0!important;
    width:75%!important
}
.back{
    background-image:url("../img/purple.png");
    background-repeat:no-repeat;
    width:100%;
    background-size:cover;
    height:656px;
    background-position:center
}
.mri h4,.neck h4,.neck-h h2{
    font-size:27px;
    text-align:center
}
.neck-h h2{
    color:#411e75;
    margin-top:30px
}
.neck-h h2 strong{
    color:#000;
    font-family:medium;
    font-weight:800;
    font-size:25px;
    margin-bottom:25px
}
.choose-t h4 strong,.how h4 strong{
    font-weight:300;
    color:#000
}
.price-background{
    background-color:#ebebed
}
.mri-text{
    border:1px solid;
    box-shadow:rgba(0,0,0,.24) 0 3px 8px
}
.scan-brain-img img{
    width:23%!important;
    margin:0 auto
}
.scan-brain-img a{
    color:#000;
    border-radius:6px;
    padding:2px 10px 4px 9px;
    background:#edd3e9
}
.scan-brain-img h3{
    font-size:19px;
    margin-top:3px;
    color:#411c6f
}
.scan-brain-img p{
    font-weight:500;
    padding:0 0 11px;
    font-size:14px
}
.scan-banner-heading h1,.tittle h3{
    font-weight:600;
    font-family:medium
}
.scan-brain-img{
    padding:5px
}
.tittle h3 span{
    color:#313131;
    font-weight:100
}
.scan-banner-heading h1{
    font-size:22px;
    letter-spacing:.8px;
    line-height:25px;
    margin:0;
    color:#fff;
    text-align:justify
}
.scan-banner-save{
    place-items:center;
    justify-content:space-between;
    color:#fff;
    font-size:25px;
    font-weight:400
}
.scan-banner-save span{
    font-size:24px;
    color:red;
    padding-right:0
}
.scan-banner-save span:after{
    position:absolute;
    content:"";
    border-top:2px solid red;
    right:0;
    top:50%;
    left:8px
}
.ct-scan-form{
    padding:1.2rem;
    background:#fff;
    border:6px solid var(--green)!important;
    border-radius:15px!important;
    margin-top:34px
}
.c-box,.mri-card-tab{
    border-radius:10px;
    margin:0 auto
}
.landing-form .form-control{
    font-size:15px!important
}
.c-box img{
    width:19%;
    margin-bottom:8px
}
.mri-card-tab{
    background-color:#b23d96
}
.banner-s{
    display:flex;
    align-items:center;
    margin-bottom:19px;
    width:50%
}
.banner-s span{
    padding:11px;
    background:#87ceeb;
    height:50px;
    width:50px;
    border-radius:50%
}
.banner-s img{
    width:28px;
    height:28px
}
.banner-s p{
    color:#fff;
    font-weight:400;
    padding:0 8px;
    margin-bottom:0;
    font-size:12px;
    text-align:left
}
.size{
    width:1386px;
    max-width:1386px
}
.navnew img{
    width:90%;
    margin:27% 10px 0
}
.neck h4,.sc-form,.title h2{
    margin-bottom:13px;
}
.banner_data{
    display:flex!important;
    justify-content:space-between;
    flex-wrap:wrap
}


@media(max-width:768px){
    .doc-menu-bg-inner{
        background:url(../doctor-new/assets/images/top-wave.png) bottom/cover no-repeat;
        padding-bottom:30px
    }
    .sc-form{
        margin-top:0!important
    }
    td.dikshant-1{
        width:inherit!important
    }
    .c-box,.mri-carousel{
        width:100%
    }
    .navnew img{
        width:80%;
        margin:0 10px
    }
    .back{
        background-image:url("../img/purple1.png");
        height:auto
    }
    .banner-heading{
        margin-top:50px
    }
    .scan-banner-heading h1{
        font-size:17px;
        text-align:center;
        line-height:20px
    }
    .scan-banner-save{
        justify-content:center;
        font-size:18px
    }
    .scan-banner-save span{
        font-size:20px
    }
    .banner-s span{
        padding:2px 8px;
        background:#87ceeb;
        height:34px;
        width:34px;
        border-radius:50%
    }
    .banner-s img{
        width:18px;
        height:18px
    }
    .banner-s p{
        color:#292929;
        font-weight:500;
        padding:0 4px;
        margin-bottom:0;
        font-size:10px;
        text-align:left
    }
    .neck-h h2,.tittle h3{
        font-size:22px
    }
    button.owl-next span,button.owl-prev span{
        font-size:36px;
        height:65px;
        padding-left:0;
        color:#fff
    }
    .c-box{
        padding:14px 9px 0;
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        min-height:149px;
        width:100%!important
    }
    .c-box img{
        width:33%;
        margin-bottom:8px;
        height:33%
    }
    .c-box p{
        font-size:13px
    }
    .banner_data.main{
        display:none!important
    }
}


.brain p,.choose h4,.dikshant-2 p,.dikshant-two-title h2,.how h4,.st,.text-center-1,.us{
    text-align:center
}
.banner-save,.scan-popul{
    justify-content:space-between
}
.how hr,.mri hr,.tittle hr{
    height:3px;
    background:#000
}
.abc:after,.book-stage:after,.book-stage:before{
    content:"";
    background:var(--green)
}
.bg-color{
    background:#c3a8e2
}
.head,.ultrasound{
    margin-top:15px;
    margin-bottom:0
}
.discount-button{
    padding-left:42px
}
.starting b{
    font-size:29px;
    color:#411e75
}
.how h4,.title h4{
    color:#000
}
.head h4{
    font-weight:700;
    font-weight:34px!important;
    margin-bottom:32px;
    font-size:39px
}
.content h4,.mri h4{
    font-weight:700;
    margin-top:20px
}
.content h4{
    font-size:35px;
    font-family:medium
}
.content p,.content-2 p{
    font-family:pmedium;
    line-height:31px;
    letter-spacing:.5px
}
.content p{
    width:88%;
    font-size:17px
}
.mri hr{
    width:100px;
    margin:12px auto 100px
}
.brain p{
    font-weight:500
}
.choose h4,.how h4,.neck h4,.us p{
    font-weight:700
}
.brain a{
    padding-left:115px
}
.bg-color-1{
    background:#ecebec;
    width:98%;
    margin-top:-41px
}
.brain{
    margin-bottom:82px
}
.content-2 p{
    margin-bottom:50px;
    width:100%;
    font-size:17px
}
.head{
    padding-left:62px
}
.mri-text h4,.starting p{
    font-size:19px;
    font-weight:700
}
.image img{
    width:44%
}
.head h4,.new{
    padding-left:12px
}
.head-1{
    background:#15ab15;
    border:none;
    border-radius:5px;
    width:126%;
    margin-top:12px;
    color:#fff;
    font-weight:600
}
.text-center-1{
    margin-bottom:20px
}
.bg-color-3{
    background:#ecebec;
    padding-bottom:52px
}
.choose h4{
    font-size:34px;
    margin-bottom:90px;
    margin-top:15px
}
.us{
    padding:50px;
    border-radius:10px;
    background-color:#fff;
    margin:0 auto 30px;
    width:90%;
    box-shadow:rgba(149,157,165,.2) 0 8px 24px
}
.how,.margin{
    margin-bottom:30px
}
.how h4{
    font-size:32px;
    margin-bottom:25px
}
.how hr,.tittle hr{
    width:100px;
    margin:0 auto;
    opacity:1.25
}
.book img{
    width:80px;
    height:80px;
    padding:10px;
    background:#f0f0f0;
    border-radius:50%;
    top:10px;
    left:0
}
.mri-carousel,.mri-carousel img{
    border-radius:10px 10px 0 0
}
.choose hr,.text-center hr{
    width:100px;
    background:#000;
    height:3px;
    opacity:1.25
}
.book p{
    font-size:14px;
    margin-top:25px;
    padding:0 10px;
    font-weight:500
}
.last-1{
    border-style:none
}
.new-edit{
    margin-top:-22px;
    margin-bottom:-50px
}
.most{
    border-style:none!important
}
.carosel{
    background:#ecebec!important
}
.text-center hr{
    margin:12px auto
}
.mri-text{
    padding-bottom:25px
}
.mri-text p{
    margin-bottom:20px!important
}
.mri-carousel{
    background:#fff;
    box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px
}
.sqaure-1{
    margin-top:26px;
    margin-bottom:15px
}
.st{
    color:#4d2d7e
}
.mri-scan{
    padding-bottom:50px;
    width:98%
}
.neck{
    margin-top:20px
}
.choose hr{
    margin:-75px auto 100px
}


@media only screen and (min-width:800px){
    .table>:not(caption)>*>*{
        padding:inherit!important
    }
}


@media only screen and (max-width:800px){
    .step{
        width:30%!important
    }
}


.brain-img img{
    width:160px;
    border-radius:50%;
    height:160px
}
.brain-img p{
    font-weight:600;
    padding:15px 0;
    font-size:20px;
    line-height:25px;
    font-family:medium
}
.tittle h3{
    font-family:pmedium;
    font-weight:800;
    font-size:35px;
    margin-bottom:25px;
    color:#000!important
}
.bg-0{
    background:#ecebec
}


@media only screen and (max-width:375px){
    .step hr{
        display:none
    }
}


.table>:not(caption)>*>*{
    padding:.5rem;
    background-color:var(--bs-table-bg);
    border-bottom-width:0;
    box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)
}
.table-6{
    width:98%;
    border:1px solid
}
.dikshant-three-title,.dikshant-two-title{
    padding:30px 0!important
}
.dikshant-two-title h2{
    color:#411e75;
    font-size:20px;
    font-weight:700;
    margin:25px 0;
    font-family:pmedium
}
.dikshant-2{
    color:#00f;
    width:100%
}
.dikshant-2 p{
    color:#411e75;
    font-size:19px;
    margin:0!important;
    font-weight:800;
    line-height:1;
    font-family:medium;
    padding:0!important
}
.dikshant-3,.dikshant-3 p,.doc-carso-heading span{
    color:var(--green)
}
.dikshant-three-title h2{
    color:var(--green);
    text-align:center;
    font-size:20px;
    font-weight:700;
    margin:25px 0;
    font-family:pmedium
}
.add-more h4,.add-more p{
    margin:0 0 10px!important
}
.dikshant-3 p{
    text-align:end;
    font-size:20px;
    font-weight:800;
    line-height:1;
    font-family:medium;
    text-decoration:line-through
}
.mri-h p,.neck-t p{
    text-align:justify
}
.dikshant-1 h1{
    color:#828080
}
.dikshant-1 h4{
    color:#000;
    margin:0;
    font-size:16px;
    font-weight:700;
    font-family:pmedium
}
.banner-heading h1{
    font-size:35px;
    margin:0;
    font-weight:600;
    font-family:medium
}
.banner-save{
    place-items:center;
    width:65%
}
.banner-save p{
    font-size:20px;
    font-weight:500;
    margin:0;
    font-family:pmedium
}
.choose-t h4,.mri-h h2,.neck-h h4{
    font-family:pmedium;
    margin-bottom:15px
}
.banner-save span{
    font-size:35px;
    font-weight:700;
    color:#401d74
}
.save-tab{
    background-color:#15ab15;
    color:#fff!important;
    font-size:17px;
    font-weight:500;
    padding:5px 30px;
    border-radius:10px
}
.banner-s-p{
    display:grid
}
.ct-form{
    padding:2em;
    background:#ffffffe6;
    border:6px solid var(--green)!important;
    border-radius:15px!important
}
.mri-h h2{
    font-size:40px;
    font-weight:800;
    letter-spacing:1px
}
.mri-h p{
    font-size:17px;
    font-weight:500;
    line-height:28px
}
.choose-t h4,.neck-h h4{
    font-size:30px;
    font-weight:700;
    color:#000
}
.neck-t p{
    font-size:16px;
    margin-bottom:20px;
    font-weight:500;
    line-height:28px
}
.book-stage p,.book-stage span,.c-box p{
    font-size:16px;
    font-weight:600
}
.banner-icon span,.dikshant-2 h6{
    font-weight:700;
    font-family:pmedium
}
.c-box{
    text-align:center;
    border-radius:10px;
    background-color:#fff;
    width:85%;
    box-shadow:rgba(149,157,165,.2) 0 8px 24px;
    padding:20px 5px
}
.c-box p{
    font-family:medium;
    margin:0
}
.banner-icon,.book-stage,.location-select-doc{
    display:flex;
    place-items:center
}
.book-stage img{
    width:80px;
    height:80px;
    background-color:#eee;
    border-radius:50%;
    padding:10px;
    margin-right:10px
}
.doc-menu-tab a,.mri-card-tab{
    background-color:var(--green)
}
.book-stage p{
    margin:0;
    text-align:center;
    line-height:25px
}
.book-stage span{
    padding-bottom:40px;
    padding-right:5px
}
.abc:after{
    display:block;
    width:300px;
    height:3px;
    left:-160px;
    top:182px;
    transform:rotate(90deg)
}
.book-stage:before{
    width:3px;
    height:20px;
    bottom:25px;
    left:-2px;
    transform:rotate(91deg)
}
.book-stage:after{
    width:10px;
    height:10px;
    bottom:30px;
    border-radius:50%;
    left:3px
}
.scan-car.owl-carousel .owl-stage-outer{
    height:86%!important
}
.triangle{
    top:-45px;
    left:45%;
    width:0;
    height:0;
    border-top:35px solid #04030300;
    border-bottom:35px solid transparent;
    border-left:35px solid #fff;
    transform:rotate(-90deg)
}
.form-wrapper.is-active .underline::before,.form-wrapper.is-active fieldset,.switcher{
    transform:translateX(0)
}
.mri-card-tab{
    color:#fff!important;
    padding:5px 15px;
    border-radius:10px;
    margin:0 auto;
    font-size:14px
}
.book hr{
    top:35px;
    border:2px solid;
    width:100%;
    height:0%;
    bottom:0;
    opacity:1.25;
    color:#432378;
    margin-left:40px
}
.step{
    top:0;
    font-size:26px!important;
    font-style:italic;
    width:55%
}
.step span{
    top:-43px;
    font-size:100px;
    color:#432378;
    margin-left:-20px
}
.dikshant-2 h6{
    color:#411e75;
    font-size:15px;
    text-align:center;
    letter-spacing:1px;
    width:170px
}
.banner-icon span{
    font-size:20px;
    color:#212529;
    margin-left:10px
}
.d-k span{
    padding-top:10px
}
.banner-icon img{
    width:25%
}
#scan_page__banner_frm{
    box-shadow:rgb(50 50 93) 0 2px 5px -1px,rgb(1 1 1) 0 1px 3px -1px;
    width:90%;
    margin:0 auto
}


@media only screen and (max-width:1050px){
    .step span{
        margin-left:-22px
    }
    .book hr{
        margin-left:40px
    }
}


@media only screen and (max-width:800px){
    .patient{
        margin:25px 0
    }
    .mri-h{
        margin-right:inherit
    }
    .triangle{
        left:150px
    }
    .book img{
        width:60px!important;
        top:20px
    }
    .book hr{
        margin-left:25px
    }
    .step{
        left:15px
    }
    .step span{
        margin-left:-20px;
        position:absolute;
        top:-43px
    }
}


.scan-car .owl-nav.disabled{
    display:flex!important;
    background-color:transparent;
    justify-content:center;
    margin-top:15px
}
.scan-car .owl-next,.scan-car .owl-prev{
    position:inherit!important
}

@media only screen and (max-width:500px){
    .dis,.save-tab{
        font-size:13px
    }
    .abc:after,.banner-icon span,.book-stage:after,.book-stage:before{
        display:none
    }
    .book-stage span{
        padding:0!important;
        margin-right:10px
    }
    .mri-h,.neck-t{
        padding:0 15px
    }
    .book-stage img{
        width:70px;
        height:70px
    }
    .c-box p{
        font-size:14px
    }
    .ultrasound{
        margin-top:15px;
        margin-bottom:0
    }
    .banner-heading{
        text-align:center;
        margin-top:20px
    }
    .banner-save{
        padding:5px 0!important
    }
    .banner-s-p{
        margin-top:-15px;
        height:150px
    }
    .ct-form{
        left:53px;
        width:75%!important;
        margin:0 auto;
        top:170px
    }
    .patient img{
        width:71%
    }
    .choose-t h4,.mri-h h2,.neck-h h4{
        font-size:24px!important
    }
    .brain-img img{
        width:170px;
        border-radius:50%;
        height:inherit
    }
    .brain-img p{
        font-size:17px
    }
    div.table{
        overflow:scroll
    }
    .brain a{
        padding-left:145px
    }
    .dis,.mri-h h2,.tittle h3{
        font-weight:700
    }
    .dikshant-3,.red{
        text-decoration:line-through
    }
    .dikshant-3{
        text-decoration-color:#000
    }
    .list{
        position:relative;
        padding:0 15px 20px!important
    }
    .ct-form,.dis{
        position:absolute
    }
    .dis{
        color:#411e75;
        bottom:-1px;
        right:8px;
        font-weight:500;
        margin-bottom:15px
    }
    .banner-save{
        display:flex;
        place-items:center;
        justify-content:center;
        width:100%
    }
    .banner-heading h1{
        font-size:21px;
        font-weight:700;
        margin:0
    }
    .bg-color{
        position:relative
    }
    .banner-f{
        margin-top:115px
    }
    .banner-save p{
        font-size:15px;
        font-weight:500
    }
    .banner-save span,.choose-t h4,.mri-h h2,.neck-h h4{
        font-size:30px
    }
    .save-tab{
        padding:5px 15px;
        margin-left:15px;
        border-radius:5px
    }
    .banner-icon,.book-stage{
        display:flex;
        place-items:center;
        justify-content:center
    }
    .mri-h h2{
        margin-bottom:15px;
        text-align:center
    }
    .mri-h p{
        font-size:16px
    }
    .how h4,.tittle h3{
        font-size:20px;
        margin-bottom:10px
    }
    .dikshant-2{
        display:flex;
        justify-content:space-between
    }
    .red{
        color:var(--green)!important;
        margin-left:10px!important
    }
    .dikshant-2 p{
        font-size:18px;
        line-height:17px;
        margin:0 5px!important
    }
    .dikshant-two-title h2{
        font-size:20px;
        line-height:0;
        margin:inherit!important
    }
    .dikshant-1 h4{
        color:#000;
        margin:0;
        font-size:15px;
        line-height:17px;
        font-weight:700
    }
    .triangle{
        left:165px
    }
    .tittle{
        margin-bottom:25px
    }
    .banner-s-p{
        display:flex;
        place-items:baseline;
        text-align:center;
        width:100%;
        justify-content:center
    }
    .banner-icon img{
        width:115px;
        margin-right:20px
    }
}


.doc_img_box,.form,.form legend,.other_doc_img_box,.underline,.yoga-card{
    overflow:hidden
}


@media only screen and (max-width:400px){
    .ct-form{
        top:150px;
        left:56px;
        width:70%!important;
        padding:1em
    }
    .banner-icon img{
        width:100px;
        margin:0 18px
    }
    .patient{
        margin:20px 0
    }
    .banner-s-p{
        margin-top:-15px;
        height:130px
    }
    .banner-save span{
        font-size:25px
    }
    .banner-save p,.dikshant-1 h4{
        font-size:14px
    }
    .save-tab{
        padding:5px 15px;
        font-size:12px;
        border-radius:5px
    }
    .triangle{
        left:145px
    }
    .tittle h3{
        font-size:18px
    }
    .c-box p{
        font-size:15px
    }
    .list{
        position:relative;
        padding:10px 5px!important
    }
    .dikshant-2 p,.red{
        font-size:14px;
        line-height:17px
    }
    .banner-heading{
        margin-top:20px
    }
    .banner-save{
        padding:5px 0!important
    }
    .banner-f{
        margin-top:125px
    }
    .dikshant-two-title h2{
        font-size:17px;
        line-height:0
    }
    .new-package-card{
        width: 340px !important;
    }
    
    .play-button{
        top: 165px !important;
    }
    .new-package-card-price-offer {
    padding: 5px 0px 6px 6px !important;
}
.home-card-time li {
                  margin-right: 5px !important;
                 margin-left: 5px !important;
                 }
}


.list{
    border:4px solid #000;
    border-radius:20px;
    padding:0 28px;
    background-color:#ecebec
}
.error{
    color:red;
    font-size:12px
}
.disabled{
    /* background:#c4afaf */
}
.scan-modal-tab{
    cursor:pointer
}
.scan-pop-content{
    margin:0 auto;
    width:75%
}
.scan-pop-list{
    margin:15px
}
.scan-popul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:wrap
}
.doc-banner-form,.doc-carso{
    justify-content:space-between;
    display:flex;
    place-items:center
}
.scan-popul li{
    width:auto;
    margin:10px 0
}
.scan-popul li a{
    background:var(--gradient);
    color:#fff;
    padding:5px 15px;
    border-radius:50px;
    font-family:pregular;
    font-size:17px;
    font-weight:400;
    cursor:pointer;
    margin:2px
}
.scan-popul li a i{
    padding-left:5px
}
.scan-pop-cross{
    position:absolute;
    right:20px;
    top:25px;
    font-size:12px
}
.doct-menu img{
    width:150px
}
.doc-menu-bg{
    background:url(../healthscore/assets/images/banner-bg.png) center/cover no-repeat;
    width:100%
}
.doc-menu-tab a{
    padding:10px 15px;
    color:#fff!important;
    border-radius:25px;
    margin:0;
    font-size:13px;
    font-family:pmedium
}
.space-top{
    margin-top:50px
}
.doc-banner-f{
    margin-bottom:206px
}
.doc-banner-content h1{
    color:#fff;
    margin-bottom:12px;
    font-size:40px;
    line-height:50px;
    font-family:psemibold;
    font-weight:800;
    letter-spacing:1px
}
.doc-banner-content p{
    color:#ccc;
    font-size:15px;
    font-family:pmedium;
    letter-spacing:1px
}
.doc-banner-image img{
    width:81%
}
.doc-banner-form{
    width:100%;
    background-color:#fff;
    padding:19px 40px;
    border-radius:100px
}
.doc-new-submit{
    background-color:var(--green);
    border:none;
    color:#fff;
    padding:18px 42px;
    border-radius:35px;
    font-size:15px
}
.doc-new-group{
    border-right:1px solid #ccc
}
.form-groups{
    width:34%
}
.doc-banner-search{
    box-shadow:rgba(0,0,0,.1) 0 4px 12px;
    border-radius:52px;
    width:88%;
    margin:0 auto
}
.doc-new-select{
    border:none;
    color:#7e7e7e;
    font-family:psemibold;
    font-size:14px;
    padding:5px 10px;
    width:70%
}
.doc-new-select:focus,.doc-new:focus{
    border:none!important;
    box-shadow:none!important
}
.location-select-doc img{
    width:18px
}
.doc-new-lable{
    color:#9b9999;
    font-size:14px;
    font-family:pmedium;
    letter-spacing:.5px;
    font-weight:500
}
.doc-bg{
    background:url(../healthscore/assets/images/Vector.svg) 0 0/cover no-repeat;
    width:100%;
    margin-top:-75px;
    height:150px;
    background-position:inherit;
    position:relative
}
.doc-carso-bg{
    background:url(../healthscore/assets/images/semicircles.svg) left bottom/contain no-repeat;
    width:100%
}
.find-doc-text span{
    color:var(--green);
    font-weight:600;
    font-family:pmedium;
    font-size:13px;
    letter-spacing:1px
}
.find-doc-text h2{
    font-family:semibold;
    font-size:26px;
    font-weight:600;
    color:#6c6c6c;
    line-height:38px;
    margin:10px 0;
    letter-spacing:1px
}
.find-doc-content p{
    color:#686868;
    font-size:12px;
    font-weight:500;
    font-family:pmedium;
    letter-spacing:.5px
}
.find-doc-list{
    padding:0;
    list-style:none;
    margin:20px 0
}
.find-doc-list li{
    color:#545454;
    font-size:13px;
    font-weight:400;
    font-family:medium;
    word-spacing:3px;
    padding-bottom:6px
}
.find-doc-list li i{
    color:var(--green);
    padding-right:5px
}
.find-doc-tab a{
    background-color:#411e75;
    color:#fff;
    padding:13px 15px 14px;
    border-radius:50px;
    font-size:14px;
    font-family:pmedium;
    transition:0.2s;
}
.find-doc-tab a:hover{
    box-shadow: rgb(65 30 117 / 54%) 0px 8px 24px;
    transition: 0.2s;
}
.doc-carso-image img,.doc-footer-about{
    width:85%
}
.doc-carso-heading h3{
    font-size:32px;
    font-family:semibold;
    font-weight:600;
    color:#6c6c6c;
    letter-spacing:1px;
    line-height:44px;
    word-spacing:2px
}
.doc-carso-heading p{
    color:#4e4e4e;
    font-size:15px;
    font-family:pmedium;
    font-weight:500
}
.doc-new-card{
    padding:20px 15px;
    border:1px solid #dbd9d9;
    border-radius:10px;
    width:96%;
    margin:0 auto
}
.doc-new-card h4{
    color:var(--main);
    font-size:15px;
    font-family:psemibold;
    margin-bottom:10px;
    height:50px
}
.doc-newcard-para p{
    font-size:15px;
    color:#575757;
    font-family:pmedium;
    margin-bottom:11px
}
.doc-newcard-para p span{
    color:#a6a6a6;
    margin-left:3px
}
.doc-newcard-list ul{
    color:#878787;
    font-size:15px;
    font-weight:400;
    font-family:pmedium;
    margin-bottom:20px;
    padding-left:16px
}
.doc-newcard-list ul li{
    margin-bottom:3px
}
.doc-newcard-list a{
    background-color:var(--green);
    color:#fff;
    padding:8px 14px 9px;
    border-radius:50px;
    font-size:11px;
    font-family:pmedium;
    transition:0.2s;
}
.doc-newcard-list  a:hover{
   background-color:#411e75; 
   transition:0.2s;
}
.doc-newcard-package{
    margin-top:25px
}
.doc-newcard-product_price{
    display:flex;
    border:1px solid #a4a4a4;
    border-radius:50px;
    place-items:center;
    width:100%;
    justify-content:space-between;
    padding:2px 5px
}
.doc-newcard-price{
    margin-bottom:2px;
    font-weight:600
}
.doc-newcard-price span:first-child{
    font-size:12px;
    padding-right:9px;
    color:#b23c97;
    margin-left:8px;
    font-family:pregular
}
.doc-newcard-price span:nth-child(2){
    font-size:17px;
    color:#aa258b;
    font-family:pmedium
}
.doc-newcard-package a{
    background-color:var(--green);
    color:#fff;
    padding:4px 22px;
    border-radius:25px;
    font-size:12px;
    margin-left:12px;
    transition:0.2s;
}
.doc-newcard-package a:hover{
   background-color:#411e75; 
   transition:0.2s;
}
.doc-newcard-package span{
    font-size:10px;
    color:#b5b2b2
}
.doc-newcard-home p{
    text-align:center;
    margin:26px 0 0;
    color:#333;
    font-size:13px;
    font-family:pmedium
}
.doc-newcard-home p i{
    color:var(--main);
    margin-right:6px;
    font-size:12px
}
.doc-new-help-text h4{
    font-family:semibold;
    font-size:42px;
    font-weight:600;
    color:var(--green);
    letter-spacing:2px
}
.doc-new-help-ital h4{
    font-family:pmedium;
    font-size:38px;
    font-weight:600;
    color:#411e75!important;
    letter-spacing:1px;
    font-style:italic
}
.doc-new-help-text p{
    color:#605f5f;
    font-size:20px;
    font-family:pmedium;
    font-weight:500;
    margin:30px 0;
    width:78%
}
.doc-new-help-tab{
    position:absolute;
    /* z-index:999 */
}
.doc-new-help-tab a{
    background-color:#411e75;
    color:#fff;
    padding:17px 31px 19px;
    border-radius:50px;
    font-size:14px;
    font-family:pmedium;
     transition: 0.2s;
}
.doc-new-help-tab a:hover{
    box-shadow: rgb(65 30 117 / 54%) 0px 8px 24px;
    transition: 0.2s;
}
.doc-new-score-image img{
    width:89%
}
.doc-new-space-text h4{
    font-family:medium;
    font-size:62px;
    font-weight:400;
    color:#411e75;
    letter-spacing:1px;
    text-transform:capitalize
}
.dr-trust p,.dr_about_title h4,.other-dr-trust,.switcher{
    text-transform:uppercase
}
.doc-new-space-ital h4{
    font-family:psemibold;
    font-size:59px;
    font-weight:600;
    color:var(--green);
    letter-spacing:2px;
    font-style:italic
}
.doc-new-space-text p{
    color:#ababab;
    font-size:15px;
    font-family:pmedium;
    font-weight:500;
    margin:30px 0;
    padding-right:50px;
    letter-spacing:1px;
    line-height:26px
}
.yoga-card{
    border:1px solid #eee;
    border-radius:19px
}
.yoga-image img{
    width:100%;
    border-radius:10px 10px 0 0
}

.yoga-para{
    display:flex;
    place-items:end
}
/* .yoga-content p{
    font-family:pmedium;
    font-size:13px;
    display:flex;
    justify-content:start;
    margin-bottom:23px;
    color:#d950ba;
    font-weight:600;
    letter-spacing:1px
} */
.yoga-content p span{
    margin:0 14px;
    position:relative
}
.yoga-content p span::before{
    content:'';
    position:absolute;
    height:1px;
    width:10px;
    left:-4px;
    top:50%;
    background:var(--main)
}
.yoga-content h5{
    font-family:pmedium;
    font-size:14px;
    color:var(--main);
    letter-spacing:1px;
    margin-bottom:14px
}
/* .yoga-para p{
    color:#646464;
    font-size:16px;
    font-family:pmedium;
    margin:0;
    padding-right:20px
} */
.yoga-para i{
    color:#fff;
    font-size:14px;
    background:var(--green);
    height:36px;
    width:79px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center
}
#doc-article .owl-nav button.owl-next,#doc-article .owl-nav button.owl-prev{
    position:static;
    display:initial!important
}
#doc-article button.owl-next span,#doc-article button.owl-prev span{
    font-size:46px;
    display:block;
    line-height:29px;
    height:53px;
    padding-left:0;
    color:#fff
}
.blog-yoga{
    font-family:semibold;
    font-size:30px;
    color:#411e75
}
.carasoul-viewmore a{
    border:1px solid var(--main);
    padding:15px 25px;
    border-radius:50px;
    color:#411e75;
    font-size:15px;
    font-weight:500;
    letter-spacing:1px;
    transition:0.2s;
}
.carasoul-viewmore a:hover{
    border: 1px solid #b23c97;
    padding: 15px 25px;
    border-radius: 50px;
    color: #b23c97;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    transition:0.2s;
}
.doc-footer-about p,.doc-footer-copy p,.doc-footer-link p a,.doc-footer-link ul li a,.doc-footer-menu h4{
    color:#fff;
    font-family:pmedium
}
.doc-footer-bg{
    background:url(../healthscore/assets/images/footer-bg-new.png) top right/cover no-repeat;
    width:100%;
    padding-top:141px
}
.doc-menu-bg-inner.listing-banner,.lab_test_banner{
    background-color:#411e75;
    background-repeat:no-repeat
}
.doc-footer-about img{
    width:85%
}
.doc-footer-about p{
    font-size:15px;
    font-weight:500;
    margin:20px 0
}
.doc-footer-menu h4{
    font-size:15px;
    text-align:center;
    letter-spacing:1px;
    border-bottom:1.4px solid #ffffffc7;
    width:fit-content
}
.doc-footer-link ul{
    list-style:none;
    padding:0
}
.doc-footer-link ul li{
    padding:5px 0
}
.doc-footer-link ul li a{
    font-size:14px;
    letter-spacing:1px;
    color:#fff;
    transition:0.2s;
}
.doc-footer-link ul li a:hover{
    font-size:14px;
    letter-spacing:1px;
    color:#b23c97;
    transition:0.2s;
}
.doc-footer-link p a{
    font-size:15px;
    letter-spacing:1px
}
.doc-footer-copy{
    border-top:1px solid #fff;
    width:100%;
    text-align:center
}
.doc-footer-copy p{
    margin:0;
    padding:20px 0;
    font-size:13px
}
.doc-footer-social ul{
    list-style:none;
    padding:0;
    display:flex;
    margin:15px 0
}
.doc-footer-social ul li{
    margin-right:13px
}
.doc-footer-social ul li a i{
    color:#000;
    background-color:#fff;
    border-radius:50px;
    padding:9px 0;
    width:35px;
    height:35px;
    text-align:center;
    font-size:19px;
    transition:0.2s;
}
.doc-footer-social ul li a i:hover{
    color:#b23c97;
    background-color:#fff;
    border-radius:50px;
    padding:9px 0;
    width:35px;
    height:35px;
    text-align:center;
    font-size:19px;
    transition:0.2s;
}
.doc-image{
    position:absolute;
    top:-190px;
    left:10px
}
.doc-footer-menu{
    margin-bottom:20px
}
.border-container{
    border:1px solid #411e75;
    border-radius:10px;
    margin:5px auto
}
.doc-menu-bg-inner.listing-banner{
    height:360px;
    background-size:contain;
    background-position:bottom left;
    margin-bottom:20px
}
.suggestion_locations ul{
    list-style-type:none;
    padding:0;
    display:flex;
    flex-wrap:wrap
}
.suggestion_locations ul li,.suggestion_locations_mob ul li{
    display:none;
    overflow:hidden
}
.suggestion_locations ul li a{
    font-family:pmedium;
    padding:3px 8px 4px;
    font-size:11px;
    text-transform:capitalize;
    border-radius:30px;
    border:1.5px solid #89898985;
    display:inline-block
}
.suggestion_locations{
    border:1px solid var(--green);
    padding:16px 9px 30px;
    border-radius:19px;
    box-shadow:rgba(0,0,0,.19) 0 10px 20px,rgba(0,0,0,.23) 0 6px 6px
}
.suggestion_locations h6,.suggestion_locations_mob h6{
    font-size:12px;
    font-family:psemibold;
    color:#979797;
    margin-bottom:17px
}
.suggestion_locations .more_btns{
    font-family:pmedium;
    color:#4d4d4d;
    background:#ececec;
    padding:5px 12px 4px 10px;
    font-size:11px;
    text-transform:capitalize;
    border-radius:30px;
    border:1.5px solid #89898985;
    display:inline-block;
    width:92px
}
.suggestion_locations_mob .more_btns,.suggestion_locations_mob ul li a{
    font-family:pmedium;
    padding:6px 10px;
    font-size:12px;
    text-transform:capitalize;
    display:inline-block
}
.suggestion_locations ul li.active a,.suggestion_locations_mob ul li.active a{
    color:var(--green);
    background:#d150b43b;
    border:1.5px solid #b23c9785
}
.suggestion_locations_mob ul{
    list-style-type:none;
    padding:0;
    margin-bottom:0;
    display:flex;
    flex-wrap:wrap
}
.suggestion_locations_mob ul li a{
    border-radius:30px;
    border:1.5px solid #89898985
}
.suggestion_locations_mob .more_btns{
    color:#4d4d4d;
    background:#ececec;
    border-radius:30px;
    border:1.5px solid #89898985;
    width:fit-content
}
.listing-desktop .other_doc_img_box{
    width:100%;
    margin:0 auto
}
.listing-desktop .o-dr-exp{
    left:-13px
}
.listing-desktop .o-dr-trust{
    position:absolute;
    top:-3px;
    right:-6px;
    border-radius:50%
}
.listing-desktop .ot_dr_title h4{
    margin:0 30px 0 0
}
.listing-desktop .ot_dr_fees p{
    margin-right:20px
}
.lab_test_banner{
    border-radius:43px;
    width:100%;
    background-size:cover;
    padding:17px 56px
}
.lab_ad_content h4{
    font-family:bold;
    color:#fff;
    font-size:37px;
    margin-bottom:13px
}
.lab_ad_content p{
    color:#fff;
    font-family:pregular;
    font-size:15px;
    margin-bottom:35px
}
.white-btn{
    background:#fff;
    color:var(--green);
    border-radius:30px;
    padding:12px 11px;
    font-size:13px;
    font-family:psemibold
}
.lab_ad_test{
    width:68%;
    float:inline-end;
    position:relative
}
.lab_ad_test .hand-image img{
    position:absolute;
    left:-170px;
    z-index:0
}
.lab_ad_test .doc-new-card{
    background:#fff;
    padding:20px 19px;
    position:relative;
    z-index:9999
}
.lab_ad_test .doc-new-card h4{
    font-size:13px;
    font-family:psemibold;
    margin-bottom:15px;
    color:var(--main)
}
.lab_ad_test .doc-newcard-para p{
    font-size:13px
}
.lab_ad_test .doc-newcard-list ul{
    padding-left:16px
}
.lab_ad_test .doc-newcard-list ul li{
    font-size:13px;
    color:#7a7a7a;
    margin-bottom:5px
}
.lab_ad_test .doc-newcard-list a{
    padding:9px 15px 10px;
    font-size:11px
}
.lab_ad_test .doc-newcard-list{
    margin-bottom:28px
}
.lab_ad_test .doc-newcard-price span:first-child{
    font-size:10px!important;
    color:var(--green);
    font-family:psemibold;
    margin-right:12px
}
.lab_ad_test .doc-newcard-price span:nth-child(2){
    font-size:14px!important;
    color:var(--green);
    font-family:psemibold
}
.lab_ad_test .doc-newcard-package a{
    background-color:var(--green);
    color:#fff;
    padding:3px 15px;
    font-size:12px
}
.lab_ad_test .doc-newcard-price{
    margin-bottom:2px;
    margin-left:10px;
    display:flex;
    align-items:center
}
.lab_ad_test .doc-newcard-product_price{
    display:flex;
    border:1px solid #a4a4a4;
    border-radius:50px;
    place-items:center;
    width:100%;
    justify-content:space-between;
    padding:3px
}
.lab_ad_test .doc-newcard-exdis{
    font-size:9px;
    position:absolute
}
.lab_ad_test .doc-newcard-home p{
    font-family:pmedium;
    font-size:11px;
    color:#595959
}
.lab_ad_test .doc-newcard-home{
    position:relative;
    bottom:-11px
}
.lab_ad_test .doc-newcard-home p i{
    color:var(--main);
    margin-right:5px
}
.next_prev{
    border-top:1px solid #cccccc87;
    margin-top:45px;
    padding-top:20px;
    display:flex;
    justify-content:space-between
}
.other_doc_detail_top,.sorting{
    justify-content:space-between;
    display:flex
}
.listing_page_pagination{
    padding-left:0;
    list-style-type:none;
    display:flex
}
.next_btns{
    background:#fff;
    padding:10px 19px;
    border-radius:31px;
    box-shadow:rgb(0 0 0 / 18%) 0 1px 3px 0,rgba(27,31,35,.15) 0 0 0 1px;
    color:#411e75;
    font-family:psemibold;
    font-size:15px;
    transition:.5s
}
.doc-detail-card,.doc_shadow_box,.other_doc_card{
    box-shadow:rgba(149,157,165,.2) 0 8px 24px
}
.next_btns:hover{
    background:var(--main);
    color:#fff;
    transition:.5s
}
.listing_page_pagination li a{
    background:#fff;
    color:#8d8d8d;
    padding:9px 14px;
    font-family:medium;
    font-size:14px;
    margin-right:9px
}
.listing_page_pagination li a.active{
    background-color:var(--main);
    color:#fff;
    border-radius:30px
}
.doc-new{
    border:none;
    color:#7e7e7e;
    font-family:psemibold;
    font-size:14px;
    padding:5px 10px 5px 0;
    width:80%
}
.sorting{
    margin-bottom:8px
}
.sorting-div{
    display:flex;
    align-items:center;
    margin-bottom:10px
}
.sorting-div p{
    margin-bottom:0;
    margin-right:10px;
    font-size:13px;
    font-family:pmedium;
    color:#979797
}
.sorting_select:focus{
    box-shadow:none;
    border:none
}
.sorting_select{
    padding:0 5px;
    font-size:13px;
    border:0;
    color:var(--main);
    font-family:psemibold;
    border-radius:0;
    background-image:url(../doctor-new/assets/images/arrow_down.png);
    background-size:10px;
    width:70px;
    position:relative
}



@media screen and (min-width:1399px){
    .doc-banner-form{
        padding:23px 40px;
        border-radius:100px
    }
    .lab_ad_test .hand-image img{
        left:-188px
    }
    .listing-desktop .o-dr-exp:before{
        top:-11px
    }
    .lab_ad_content h4{
        font-size:40px
    }
    .lab_ad_content p{
        font-size:16px;
        margin-bottom:39px
    }
    .lab_ad_test .doc-newcard-price{
        display:initial
    }
}

@media only screen and (max-width:768px){
    .doc-footer-about,.doc-footer-menu{
        text-align:center;
        width:100%
    }
    .next_prev{
        border-top:0;
        margin-top:9px
    }
    .next_btns{
        padding:7px 12px;
        font-size:11px
    }
    .listing_page_pagination li a{
        padding:7px 11px;
        font-size:13px;
        margin-right:9px
    }
    .sorting-div p{
        font-size:10px;
        width:35px
    }
    .lab_ad_content h4{
        font-size:25px;
        margin-bottom:5px
    }
    .lab_ad_content p{
        font-size:14px;
        margin-bottom:19px;
        width:75%
    }
    .lab_ad_test .hand-image img{
        position:absolute;
        right:-87px;
        left:auto;
        top:-112px;
        z-index:0;
        width:139px
    }
    .white-btn{
        padding:9px 11px;
        font-size:12px
    }
    .lab_ad_content{
        margin-bottom:25px
    }
    .lab_ad_test{
        width:86%;
        float:none;
        margin:0 auto
    }
    .lab_test_banner{
        border-radius:19px;
        padding:17px 19px;
        overflow:hidden
    }
    .doc-footer-menu{
        margin:0 auto
    }
    .doc-footer-social ul{
        display:flex;
        justify-content:center
    }
    .space-bot{
        margin-bottom:70px
    }
    .doc-new-space-ital h4{
        font-size:35px
    }
    .doc-new-space-text h4{
        font-size:32px;
        margin-bottom:0
    }
    .doc-new-space-text p{
        font-size:13px;
        margin:7px 0 23px;
        padding-right:0;
        letter-spacing:0;
        line-height:19px
    }
    .doc-carso-image img,.doc-new-score-image img,.form-groups{
        width:100%
    }
    .yoga-content p{
        display:none
    }
    .yoga-card-text{
        padding:24px 17px 22px
    }
    .yoga-para p{
        font-size:14px;
        padding-right:20px;
        line-height:19px
    }
    .yoga-para i{
        height:32px;
        width:81px
    }
    #doc-article button.owl-next span,#doc-article button.owl-prev span{
        font-size:32px;
        line-height:22px;
        height:53px
    }
    .doc-image{
        position:absolute;
        top:45px
    }
    .doc-new-help-image,.find-doc-image{
        margin-top:50px
    }
    .doc-new-help-ital h4,.doc-new-help-text h4{
        font-size:26px
    }
    .doc-new-help-text p{
        font-size:14px;
        margin:14px 0 30px;
        width:100%
    }
    .doc-new-help-tab a{
        padding:11px 17px 12px
    }
    .doc-bg{
        margin-top:-105px
    }
    .space-top{
        margin-top:0
    }
    .find-doc-text h2{
        font-size:19px;
        line-height:30px;
        margin:5px 0
    }
    .find-doc-content p{
        letter-spacing:0
    }
    .find-doc-list li{
        color:#888;
        font-size:12px;
        font-family:semibold;
        word-spacing:1px;
        display:flex;
        align-items:center
    }
    .doc-banner-content h1,.doc-carso-heading h3,.phone-search{
        font-family:pmedium;
        font-weight:600
    }
    .find-doc-list li i{
        font-size:18px;
        margin-right:8px
    }
    .find-doc-tab a{
        padding:10px 10px 12px;
        border-radius:16px;
        font-size:14px
    }
    .doc-new-card{
        border:1.5px solid #cbcbcb
    }
    .doc-new-card h4,.doc-newcard-list ul li,.doc-newcard-para p{
        font-size:14px
    }
    .carasoul-viewmore a{
        padding:10px 19px;
        font-size:13px
    }
    .doc-banner-image img{
        width:78%
    }
    .doc-banner-content h1{
        color:#fff;
        margin-bottom:12px;
        font-size:19px;
        line-height:25px;
        letter-spacing:.5px
    }
    .doc-banner-content p{
        font-size:13px
    }
    .find-doc-text span,.phone-search{
        font-size:12px
    }
    .phone-search{
        border:none;
        width:100%;
        text-shadow:none
    }
    .doc-new-submit{
        padding:6px 22px;
        font-size:15px
    }
    .phone-search:focus-visible{
        outline:0
    }
    .doc-banner-form{
        display:flex;
        justify-content:space-between;
        width:100%;
        place-items:center;
        background-color:#fff;
        padding:10px 15px 10px 30px;
        border-radius:100px
    }
    .phone-find-doc{
        margin-top:40px
    }
    .new-doc-banner{
        /* padding-top:20px!important */
    }
    .doc-carso-image{
        width:30%
    }
    .doc-carso-heading h3{
        font-size:16px;
        color:#5b5858;
        letter-spacing:1px;
        line-height:inherit
    }
    .doc-footer-bg{
        background:url(../healthscore/assets/images/footer-bg-new-mob.png) top right/cover no-repeat;
        width:100%;
        padding-top:79px
    }
    .navbar-toggler{
        padding:5px 10px!important
    }
    .navbar-toggler:focus{
        box-shadow:none
    }
    .navbar-brand{
        width:140px
    }
    .doct-menu img{
        width:130px
    }
}


@media only screen and (max-width:350px){
    .ct-form{
        top:135px;
        left:40px;
        width:75%!important
    }
    .banner-save p,.doc-new-help-tab a{
        font-size:12px
    }
    .banner-save span{
        font-size:20px
    }
    .banner-icon img{
        width:85px;
        margin:0 10px
    }
    .banner-s-p{
        margin-top:-10px;
        height:110px
    }
    .save-tab{
        padding:3px 10px;
        font-size:10px;
        border-radius:5px
    }
    .banner-f{
        margin-top:100px
    }
    .triangle{
        left:115px
    }
    .c-box img{
        width:50px!important;
        height:50px
    }
    .c-box p{
        font-size:13px!important
    }
    .banner-heading h1{
        font-size:18px;
        font-weight:700;
        margin:0
    }
    .doc-menu-tab a,.doc-new-submit{
        background-color:var(--green);
        color:#fff
    }
    .lab_ad_test{
        width:100%
    }
    .doct-menu img,.navbar-brand{
        width:90px
    }
    .btn-pink {
        font-size: 14px !important;
    }
    .doc-menu-tab a{
        padding:10px 12px;
        border-radius:25px;
        margin:0;
        font-size:11px;
        font-family:pmedium
    }
    .navbar-toggler img{
        width:80%
    }
    .doc-banner-content h1{
        color:#fff;
        margin-bottom:12px;
        font-size:20px;
        line-height:28px;
        font-family:pmedium;
        font-weight:500;
        letter-spacing:1px
    }
    .phone-search{
        border:none;
        width:100%;
        font-size:13px;
        font-family:pmedium;
        font-weight:500;
        text-shadow:none
    }
    .doc-new-submit{
        border:none;
        padding:5px 15px;
        border-radius:25px;
        font-size:14px
    }
    .find-doc-text h2{
        font-size:20px;
        line-height:30px;
        margin:5px 0
    }
    .find-doc-tab a{
        background-color:#411e75;
        color:#fff;
        padding:12px 20px;
        border-radius:50px;
        font-size:13px;
        font-family:pmedium
    }
    .doc-new-card h4{
        color:#411e75;
        font-size:16px;
        font-family:pmedium;
        margin-bottom:15px
    }
    .doc-new-help-ital h4,.doc-new-help-text h4{
        font-size:25px
    }
    .doc-new-help-text p,.doc-new-space-text p{
        margin:20px 0
    }
    .doc-image{
        position:absolute;
        top:75px
    }
    .blog-yoga{
        font-size:22px
    }
}


.dr-trust p,.dr_review h6,.dr_review p{
    margin-bottom:0
}
.doc-menu-bg-inner{
    background:url(../our-doctors/assets/images/top-wave.png) bottom/cover;
    height:238px;
    margin-bottom:11px
}
.doc-breadcrumb ol.breadcrumb li.breadcrumb-item a{
    font-family:pmedium;
    color:#949494;
    font-size:16px
}
.doc-breadcrumb ol.breadcrumb li.breadcrumb-item.active,.doc-breadcrumb ol.breadcrumb li.breadcrumb-item.active a{
    font-family:pmedium;
    color:var(--main);
    font-size:16px;
    font-weight:600
}
.doc_img_box{
    width:77%;
    margin:auto 6%;
    border-radius:50%;
    position:relative
}
.doc_image{
    border-right:2.8px solid #cccccc54;
    position:relative
}
.doc-detail-card{
    padding:20px 27px;
    border-radius:7px
}
.dr-trust{
    position:absolute;
    top:31px;
    right:9px;
    background:#34cf49;
    padding:4px 8px;
    border-radius:23px
}
.dr-trust p{
    color:#fff;
    font-size:10px;
    font-family:psemibold
}
.dr_name_deg h4{
    color:#6c6c6c;
    font-family:semibold;
    font-weight:600;
    font-size:27px
}
.dr_name_deg h4 span{
    padding-left:21px;
    font-family:pregular;
    font-weight:600;
    font-size:20px;
    color:#505050
}
.dr_review h6{
    height:fit-content;
    color:#fff;
    font-family:pmedium;
    background:var(--main);
    font-size:12px;
    padding:8px 13px 8px 11px;
    border-radius:23px;
    margin-right:30px
}
.dr_name_deg ul li,.dr_review p{
    font-family:pmedium;
    font-size:14px
}
.dr_review{
    align-items:center
}
.dr_name_deg ul li{
    color:#686868;
    padding-right:12px;
    margin-right:10px;
    position:relative
}
.dr_name_deg ul li::before{
    content:'';
    position:absolute;
    height:13px;
    width:1px;
    right:0;
    background-color:#7b7b7bab;
    bottom:17%
}
.dr_name_deg ul li:last-of-type::before{
    content:'';
    position:absolute;
    height:0;
    width:0
}
.dr_specs h6{
    font-family:semibold;
    font-size:17px;
    color:var(--green);
    border-bottom:1px solid var(--green);
    width:fit-content;
    line-height:16px;
    margin-bottom:20px
}
.dr_specs p{
    font-family:pmedium;
    font-size:14px;
    color:#939393;
    margin-bottom:20px
}
.doc_shadow_box{
    padding:25px 27px;
    border-radius:7px
}
.dr_about_title h4{
    font-family:bold;
    font-size:25px;
    color:var(--green);
    border-bottom:3px solid var(--green);
    width:fit-content;
    line-height:25px;
    margin-bottom:21px
}
.doc_shadow_box .row p{
    margin-bottom:0;
    font-family:pmedium;
    font-weight:500;
    color:#6b6b6b;
    font-size:17px
}
.doc_shadow_box .row p span{
    color:#979797
}
.doc-contact .doc_shadow_box .row p{
    color:#979797;
    font-size:16px
}
.doc-contact .doc_shadow_box .row ul li{
    color:#979797;
    font-size:17px
}
.other_dr_heading h4{
    font-family:semibold;
    font-size:21px;
    margin-bottom:0
}
.other_dr_heading a{
    color:#8b8b8b;
    font-size:17px;
    font-family:pmedium;
    height:28px;
    border-bottom:1.5px solid #c3c3c3;
    line-height:32px
}
.other_doc_card{
    padding:20px 27px;
    border-radius:20px;
    margin-bottom:14px;
    position:relative
}
.other_doc_img_box{
    position:relative;
    width:70%;
    margin:0 auto 0 11%;
    border-radius:25px
}
.o-dr-exp,.ot_dr_title{
    width:fit-content
}
.o-dr-trust{
    position:absolute;
    top:-3px;
    right:43px;
    border-radius:50%
}
.o-dr-trust img{
    width:31px
}
.o-dr-exp{
    position:absolute;
    bottom:20px;
    left:18px;
    background:var(--green);
    padding:2px 15px 3px;
    color:#fff
}
.o-dr-exp:before{
    content:'';
    position:absolute;
    z-index:-1;
    border:16px solid transparent;
    border-top:0;
    border-right:0;
    border-bottom:12px solid var(--green);
    left:0;
    top:-12px
}
.o-dr-exp:after{
    content:'';
    position:absolute;
    z-index:99999;
    border:15px solid transparent;
    border-top:10px solid var(--green);
    border-right:19px solid #ffffff00;
    border-bottom:10px solid var(--green);
    border-left:0;
    right:-18px;
    top:0
}
.o-dr-exp p{
    margin-bottom:0;
    font-family:psemibold;
    font-size:10px
}
.other_doc_detail_top{
    border-bottom:2px solid #cccccc38;
    padding-bottom:11px;
    margin-bottom:20px
}
.my-d-flex{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.ot_dr_title h4{
    color:#6c6c6c;
    font-family:semibold;
    font-weight:600;
    font-size:21px;
    margin:0 80px 0 0
}
.other-dr-trust{
    background:#34cf49;
    padding:4px 13px;
    border-radius:23px
}
.other-dr-trust p{
    margin-bottom:0;
    color:#fff;
    font-size:10px;
    font-family:psemibold
}
.ot_dr_fees p{
    margin-bottom:0;
    color:var(--green);
    font-family:medium;
    font-size:17px;
    margin-right:80px
}
.ot_dr_fees h6{
    margin-bottom:0;
    font-size:22px;
    font-family:bold;
    color:#3a3a3a
}
.other_doc_call a{
    background-color:var(--green);
    padding:10px 35px;
    color:#fff;
    border-radius:25px;
    margin:0;
    font-size:14px;
    font-family:pmedium
}
.call_icon{
    color:var(--main);
    background:#bfb4ce;
    height:40px;
    width:40px;
    border-radius:50%;
    margin-right:12px;
    display:flex;
    align-items:center;
    justify-content:center
}
.call_icon img{
    width:29px
}
.other_doc_call{
    background:#f5f5f5;
    padding:5px 10px;
    border-radius:30px;
    display:flex
}



@media screen and (min-width:1399px){
    .suggestion_locations ul li a{
        font-size:13px;
        margin-bottom:8px
    }
    .o-dr-exp:after{
        border-bottom:11px solid var(--green)
    }
    .dr_name_deg h4{
        font-size:29px
    }
    .o-dr-exp:before{
        top:-11px
    }
    .dr_name_deg ul li,.dr_review p,.dr_specs p{
        font-size:15px
    }
    .dr_specs h6{
        font-size:18px
    }
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        max-width:1320px!important
    }
}


@media (max-width:425px){
    .navbar-toggler{
        padding:5px 0!important
    }
}



@media (max-width:768px){
    .tests-listing-description p{
        text-align:justify
    }
    .date-list{
        justify-content:normal
    }
    .dr_specs_exp h6,.dr_specs_new a{
        font-family:psemibold;
        font-size:14px
    }
    .doc-menu-bg{
        background:url(../doctor-new/assets/images/banner-bg.png) center/cover no-repeat #411e75;
        width:100%;
    
    }
    .doc-banner-f{
        margin-bottom:62px
    }
    /* .navbar-collapse .navbar-nav.doctor-menu{
        position:absolute;
        top:73px;
        left:0;
        background:#411e75;
        z-index:99;
        width:100%;
        padding:12px;
        border-radius:0 0 10px 10px
    } */
     .container-fluid.nav-wrapper{
            --bs-gutter-x: 2.8rem;
        }
    .doc-menu-bg-inner.listing-banner{
        height:245px;
        background-size:contain;
        background-position:bottom center;
        margin-bottom:11px
    }
    .dekstop,.dr-trust{
        display:none
    }
    .mobile{
        display:block
    }
    .doc-footer-about img{
        width:54%
    }
    .doc-footer-about p{
        margin:14px 0;
        font-size:14px
    }
    .doc-footer-menu h4{
        font-size:12px;
        margin:0 auto;
        border-bottom:1.4px solid #ffffff75
    }
    .doc-footer-copy p{
        padding:13px 0;
        font-size:11px
    }
    .doc-footer-social ul li a i{
        padding:8px 0;
        width:32px;
        height:32px;
        font-size:16px
    }
    .doc-footer-link ul li a{
        font-size:11px;
        letter-spacing:.5px
    }
    .doc-menu-bg-inner .navbar-toggler{
        border:0
    }
    .other_doc_card{
        padding:10px 12px
    }
    .other_dr_heading h4{
        font-size:18px
    }
    .other_dr_heading a{
        font-size:15px
    }
    .doc-menu-bg-inner{
        background:url(../doctor-new/assets/images/top-wave.png) bottom/contain no-repeat #411e75;
        padding-bottom:30px;
        height:auto
    }
    .doc_image{
        border-right:0
    }
    .doc_img_box{
        width:64%;
        margin:0 auto 7px;
        border-radius:50%;
        position:relative
    }
    .dr_name_deg,.mobile .dr_name_deg{
        text-align:center;
        padding-bottom:6px;
        margin:0 auto 8px
    }
    .dr_review.d-flex.justify-content-end{
        justify-content:center!important;
        margin-bottom:6px
    }
    .doc-breadcrumb ol.breadcrumb li.breadcrumb-item a{
        font-size:13px;
        display:flex;
        align-items:center;
        font-weight:500
    }
    .doc-breadcrumb ol.breadcrumb li.breadcrumb-item.active a{
        font-size:13px;
        font-weight:600
    }
    .doc-breadcrumb ol.breadcrumb li.breadcrumb-item.active{
        font-size:13px
    }
    .dr_name_deg{
        border-bottom:1.5px solid #cccccc6b;
        width:90%
    }
    .dr_name_deg h4{
        font-size:19px;
        letter-spacing:1px;
        margin-bottom:2px
    }
    .dr_name_deg h4 img{
        width:27px;
        margin-left:8px
    }
    .dr_review p{
        font-size:15px;
        color:#6c6c6c;
        margin-right:14px;
        letter-spacing:1px
    }
    .dr_review h6{
        font-size:9px;
        padding:5px 10px 6px 8px;
        margin-right:0
    }
    .dr_specs p{
        text-align:center
    }
    .dr_specs_exp h6{
        text-align:center;
        color:#6c6c6c;
        margin-bottom:15px
    }
    .dr_specs_new{
        width:fit-content;
        margin:0 auto;
        background:#eee;
        padding:4px 35px 6px;
        border-radius:24px
    }
    .dr_specs_new a{
        color:var(--green)
    }
    .dr_specs_new a span{
        margin-bottom:0;
        font-size:18px;
        font-family:bold;
        margin-left:12px;
        color:#3a3a3a
    }
    .dr_about_title h4{
        text-transform:capitalize;
        font-size:19px;
        color:var(--green);
        line-height:20px;
        margin-bottom:9px
    }
    .doc_shadow_box{
        box-shadow:rgba(149,157,165,.2) 0 8px 24px;
        padding:15px 13px;
        border-radius:21px
    }
    .doc-contact .doc_shadow_box .row p,.doc-contact .doc_shadow_box .row ul li{
        color:#6c6c6c;
        font-size:14px
    }
    .other_doc_img_box{
        width:100%;
        margin:0 0 6px
    }
    .o-dr-exp p{
        font-size:9px
    }
    .o-dr-exp{
        bottom:34px;
        left:-9px;
        padding:1px 3px 2px 6px
    }
    .o-dr-exp:after{
        border:10px solid transparent;
        border-top:8px solid var(--green);
        border-right:12px solid #ffffff00;
        border-bottom:9px solid var(--green);
        border-left:0;
        right:-12px
    }
    .other_doc_image h6{
        margin-bottom:0;
        text-align:center;
        color:#6c6c6c;
        font-family:pmedium
    }
    .ot_dr_title h4{
        font-size:15px;
        margin:3px 10px 0 0
    }
    .ot_dr_title img{
        width:19px
    }
    .ot_dr_title{
        width:100%;
        border-bottom:1.4px solid #e8e8e8;
        padding-bottom:7px;
        margin-bottom:7px
    }
    .ot_dr_fees.my-d-flex,.ot_dr_title.my-d-flex{
        justify-content:start
    }
    .mobile .dr_name_deg{
        border-bottom:0;
        width:100%
    }
    .mobile .dr_name_deg.ot_dr_deg ul li{
        font-size:12px
    }
    .ot_dr_fees p{
        font-size:14px;
        margin-right:10px;
        text-decoration:underline
    }
    .ot_dr_fees h6{
        font-size:16px
    }
    .mobile .dr_review p{
        font-size:10px;
        margin-right:8px;
        letter-spacing:0
    }
    .mobile .dr_review h6{
        font-size:8px;
        padding:5px 7px 5px 5px;
        margin-right:5px
    }
    .call_icon{
        height:31px;
        width:31px;
        border-radius:50%;
        margin-right:12px
    }
    .other_doc_call a{
        padding:7px 35px;
        margin:0;
        font-size:12px
    }
    .call_icon img{
        width:23px
    }
}



@media(max-width:355px){
    .accordion.mob_acc .accordion-button{
        font-size:13px
    }
    .req_form_head h3{
        font-size:20px
    }
    a.gradient{
        min-width:68px;
        padding:7px 14px 9px
    }
    .package-detail-header-right a.gradient{
        font-size:14px!important
    }
    .stickynew .package-detail-header-right .price-box .offer-price{
        width:95%!important;
        height:39px;
        margin:4px auto 9px
    }
    .other_dr_heading h4{
        font-size:16px
    }
    .other_dr_heading a{
        font-size:14px
    }
}



.forms-section{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:#180148;
    padding:20px 0
}
.form fieldset,.switcher{
    position:relative;
    padding:0
}
.section-title{
    font-size:32px;
    letter-spacing:1px;
    color:#fff
}
.forms{
    display:flex;
    align-items:flex-start;
    margin-top:30px
}
.form-wrapper{
    animation:.3s ease-out forwards hideLayer
}
.form-wrapper.is-active{
    animation:.3s ease-in forwards showLayer
}
@keyframes showLayer{
    100%,50%{
        z-index:1
    }
}
@keyframes hideLayer{
    0%,49.999%{
        z-index:1
    }
}
.switcher{
    cursor:pointer;
    display:block;
    margin-right:auto;
    margin-left:auto;
    font-family:inherit;
    font-size:16px;
    letter-spacing:.5px;
    color:#999;
    background-color:transparent;
    border:none;
    transition:.3s ease-out
}
.form-wrapper.is-active .switcher-login{
    color:#fff;
    transform:translateX(90px)
}
.form-wrapper.is-active .switcher-signup{
    color:#fff;
    transform:translateX(-90px)
}
.underline{
    position:absolute;
    bottom:-5px;
    left:0;
    pointer-events:none;
    width:100%;
    height:2px
}
.underline::before{
    content:'';
    position:absolute;
    top:0;
    left:inherit;
    display:block;
    width:inherit;
    height:inherit;
    background-color:currentColor;
    transition:transform .2s ease-out
}
.switcher-login .underline::before{
    transform:translateX(101%)
}
.switcher-signup .underline::before{
    transform:translateX(-101%)
}
.form{
    min-width:351px;
    margin-top:50px;
    padding:30px 25px;
    border-radius:5px;
    transform-origin:top
}
.form-login{
    animation:.3s ease-out forwards hideLogin
}
.form-wrapper.is-active .form-login{
    animation:.3s ease-in forwards showLogin
}
@keyframes showLogin{
    0%{
        background:#d7e7f1;
        transform:translate(40%,10px)
    }
    50%{
        transform:translate(0,0)
    }
    100%{
        background-color:#fff;
        transform:translate(35%,-20px)
    }
}
@keyframes hideLogin{
    0%{
        background-color:#fff;
        transform:translate(35%,-20px)
    }
    50%{
        transform:translate(0,0)
    }
    100%{
        background:#d7e7f1;
        transform:translate(40%,10px)
    }
}
.form-signup{
    animation:.3s ease-out forwards hideSignup
}
.form-wrapper.is-active .form-signup{
    animation:.3s ease-in forwards showSignup
}
@keyframes showSignup{
    0%{
        background:#d7e7f1;
        transform:translate(-40%,10px) scaleY(.8)
    }
    50%{
        transform:translate(0,0) scaleY(.8)
    }
    100%{
        background-color:#fff;
        transform:translate(-35%,-20px) scaleY(1)
    }
}
@keyframes hideSignup{
    0%{
        background-color:#fff;
        transform:translate(-35%,-20px) scaleY(1)
    }
    50%{
        transform:translate(0,0) scaleY(.8)
    }
    100%{
        background:#d7e7f1;
        transform:translate(-40%,10px) scaleY(.8)
    }
}
.form fieldset{
    opacity:0;
    margin:0;
    border:0;
    transition:.3s ease-out
}
.form-login fieldset{
    transform:translateX(-50%)
}
.form-signup fieldset{
    transform:translateX(50%)
}
.form-wrapper.is-active fieldset{
    opacity:1;
    transition:opacity .4s ease-in,transform .35s ease-in
}
.form legend{
    position:absolute;
    width:1px;
    height:1px;
    clip:rect(0 0 0 0)
}
.input-block{
    margin-bottom:9px
}
.input-block label{
    font-size:14px;
    color:#a1b4b4
}
.input-block input{
    display:block;
    width:100%;
    margin-top:5px;
    padding-right:15px;
    padding-left:15px;
    font-size:16px;
    line-height:35px;
    color:#3b4465;
    background:#eef9fe;
    border:1px solid #cddbef;
    border-radius:24px
}
.form [type=submit]{
    opacity:0;
    display:block;
    min-width:120px;
    margin:30px auto 10px;
    font-size:18px;
    line-height:40px;
    border-radius:25px;
    border:none;
    transition:.3s ease-out
}
.form-wrapper.is-active .form [type=submit]{
    opacity:1;
    transform:translateX(0);
    transition:.4s ease-in
}
.btn-login{
    color:#fbfdff;
    background:var(--green);
    transform:translateX(-30%)
}
.btn-signup{
    color:var(--green);
    background:#fbfdff;
    box-shadow:inset 0 0 0 2px var(--green);
    transform:translateX(30%)
}
.signup_modal{
    padding-right:0
}
.signup_modal .modal-dialog{
    max-width:950px;
    margin:30px auto
}
.signup_modal .modal-content{
    margin-top:50px!important
}

/*-----start-package-card-design------*/

 .new-package-card{
    border: 2px solid #eee;
    border-radius: 17px;
    background: rgba(178, 60, 151, 0.06);
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important; */
    padding-left: 10px;
    padding-right: 10px;
    /* height: 335px; */
    width: 383px;
    position: relative;
    
 }
 .new-package-card-title{
    padding: 10px;
 }
 .new-package-card-title h4{
   min-height: 50px; 
   width: 80%; 
   line-height: 18px;
 }
 .new-package-card-title h4 a{
    color: var(--Primary-blue, #411E75);
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
 }
 .new-package-card-parameter{
    background-color: #e9b4ee;
    width: 60%;
    padding: 10px;
    border-radius: 0px 25px 25px 0px;
    border: 3px solid #00000063;
    border-top: none;
    border-left: none;
    margin-bottom: 20px;
 }
.new-package-card-parameter p{
    margin: 0px;
    color: #4b4b4b;
    font-size: 15px;
    font-weight: 500;
    font-family: 'medium';
 }
.new-package-card-parameter-list ul{
    margin-bottom: 10px;
    min-height: 120px;
 }
 .new-package-card-parameter-list ul li a{
    color: var(--Primary-blue, #411E75);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
 }

 .new-package-card-know{
  color: var(--Primary-pink, #B23C97);
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
     padding-left: 14px;

 }
 .new-package-card-price-tab{
    width: 100%;
    height: 70px;
    margin: 10px 0px;
    background: #fdf9f1;
    padding: 10px 12px;
    display: flex;
    border-radius: 60px;
    border: 0.5px solid var(--Primary-blue, #411E75);
    background: var(--White, #FFF);
 }
 .new-package-card-price-off{
    width: 100%;
    /* background-color: #fff; */
    /* padding: 10px; */
    text-align: center;
    position: relative;  
    display: flex;
    top: -16px;
 }
 .new-package-card-price-off span{
    font-family: 'pmedium' !important;
    font-size: 11px !important;
    padding-right: 5px;
    color: #F8692B;
    margin-left: 5px;
 }
 .new-package-card-price-off h6{
    font-family: Lato !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    color: #F8692B!important;
 }
 .new-package-card-price-offer{
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #fff;
 }
 .new-package-card-price-offer span{
    font-family: 'pmedium';
    font-size: 24px;
    margin-left: 3px;
 }
 .new-package-card-price-offer h6{
    color: #860F6C;
font-family: Outfit;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 17.778px; /* 74.074% */
display: flex;

 }
 .new-package-card-price-offer h6 p{
color: #860F6C;
font-family: Outfit;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 17.778px; /* 111.111% */
text-decoration-line: line-through;
padding-right: 10px;

 }
 /* .new-package-card-book-now{
    margin: 20px 10px; 
 } */
  .new-package-card-book-now a{
display: flex;
width: 128px;
height: 47px;
padding: 4px 9px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 33px;
background: var(--Primary-pink, #B23C97);
color: white;
 }
/*-----end-package-card-design------*/

/*-----start-why-choose-us-design------*/
  .cat-why-choose{
    padding: 20px;
    background: linear-gradient(0deg, rgb(178 60 151 / 95%), rgb(178 60 151 / 88%)), url(/img/banner/category/why-choose-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
   }
 
 .cat-why-chooses {
    padding: 20px;
    background: linear-gradient(0deg, rgb(65 30 117 / 89%), rgb(65 30 117 / 79%)), url(/img/banner/category/why-choose-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
 
  .cat-why-choose-icon img{
    width: 100%;
    filter: invert(1);
    margin-bottom: 10px;
   }
   .cat-why-choose-title h4{
    color: #fff;
    font-size: 20px;
    margin-bottom: 3px;
   }
  .cat-why-choose-title p{
    color: #fff;
    font-size: 13px;
    font-family: 'pmedium';
    margin: 0px;
   }
   .cat-why-choose-title a{
    font-family: 'pmedium';
    color: #fff!important;
    font-size: 12px;
    font-weight: 700;
   }
/*-----end-why-choose-us-design------*/

/*-----start-package-presence-design------*/
  .new-package-presence h4{
    font-weight: 700;
    font-family: 'medium';
  }
 
  .new-package-presence-steps-end{
    background: none;
  }
  .new-package-presence-icon img{
    width: 30px;
    margin-bottom: 8px;  
  }
  .new-package-presence-icon span{
    position: absolute;
    right: 12%;
    top: -15px;
    font-size: 35px;
    color: #ececec;
    font-family: 'medium';
    font-weight: 600;
  }
  .new-package-presence-title h4{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .new-package-presence-title p{
    font-family: 'pmedium';
    font-size: 10px;
    width:95%;
    margin:0px;
  }
/*-----end-package-presence-design------*/



/*-------New Figma Design Css ------*/


.app-promo-text h2 {
font-family: Ubuntu;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.72px;
margin-top: 0px;
}

.highlight-pink {
 color: var(--Pink-2, #D454B6);
font-family: Ubuntu;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.72px;
}
.highlight-pink2{
    color: var(--Pink-2, #D454B6);
font-family: Lato;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}

.discount-text {
  color: var(--White, #FFF);
font-family: Lato;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 125% */
}

.description-text {
  color: var(--White, #FFF);
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; 
}

.btn-pink {
  background: var(--Primary-pink, #D454B6) !important;
  color: #fff;
  padding: 14px 27px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-weight: 400;
  font-family: Lato;
  border-radius: 43px;
}
 .btn-pink-home {
  background: var(--Primary-pink, #B23C97) !important;
  color: #fff;
  padding: 14px 27px;
  border: none;
  border-radius: 43px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-weight: 400;
  font-family: Lato;
}

.btn-pink:hover {
  background-color: #c13ca4;
  color: #fff !important;
}


.menu-last-btn {
    padding-left: 0;
    list-style: none;
    display: flex;
}
.list-unstyled {
    list-style: none;
}
.nav-register, .nav-login {
  color: var(--Pink-2, #D454B6);
  border-radius: 50px;
  border: 1px solid var(--Pink-2, #D454B6);
  display: flex;
padding: 14px 20px;
justify-content: center;
align-items: center;
}
 .nav-login {
    background: var(--Pink-2, #D454B6);
 }
.menu-last-btn {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: flex-end;
}
.welcome-text p, .welcome-text p span{
    color:#fff !important;
}

#navbarSupportedContent   {
    border-radius: 31px;
    background: rgba(255, 255, 255, 0.13); 
    display: flex;
    width: 1130px;
    padding: 5px 30px;
    justify-content: space-between;
    align-items: center;
}
.search-box-home{
 margin-bottom: -111px; 
}
.input-wrapper {
    display: flex;
    padding: 18px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 15px;
    flex-shrink: 0;
    border-radius: 16px;
    background: var(--White, #FFF);
    box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    top: -110px;
}
.input-wrapper.input-group h4{
    color: var(--Black, #000);
    text-align: left;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 20px;
}
.service-box {
  background-color: #f8f9fa; /* fallback if inline bg not set */
  border-radius: 15px;
  padding: 20px 0px;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 0 transparent;
  /* height: 127px; */
 /* width: 135px; */
  width: 100%;
}

.service-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.service-box .icon {
  width: 56px;
  height: 56px;
  object-fit: contain;
  margin-top: 15px;
}

.service-box p {
    /* width: 134px; */
    width: 100%;
    padding: 12px 1px;
    border-radius: 22px;
    background: var(--White, #FFF);
    position: relative;
    /* bottom: -20px; */
    bottom: -48px;
    color: var(--Lighttext, #484848);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.32px;
    right: 0;
    left: 0;
}
.container.home-all-tests {
  text-align: justify;
  margin-bottom: 20px;
}

.test-count {
display: flex;
width: 63px;
height: 76px;
padding: 10px 20px;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
  position: absolute;
  top: -1px;
  right: 0px;
  background: var(--Linear-dark, linear-gradient(180deg, rgba(65, 30, 117, 0.96) 0%, #B23C97 95%));
  color: #fff;
  border-top-right-radius: 17px;
  font-family: Ubuntu;
  font-weight: 700;
  line-height: 1.2;
  font-size: 26px;
}

.test-count small {
  color: var(--White, #FFF);
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;;
}


.health-wellness-section {
  background-color: #fff;
}

.card--health-score,
.card--wellness-package {
  border-radius: 19px;
  background: rgba(65, 30, 117, 0.03);
  height: 100%;
}

.card__content h4{
  color: var(--Primary-blue, #411E75);
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 31.5px; /* 157.5% */
}

.card__content p {
color: var(--Primary-blue, #411E75);
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.196px;
margin-bottom: 20px;
}

.score-btn {
color: var(--White, #FFF) !important;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
height: 50px;
padding: 14px 20px;
justify-content: center;
align-items: center;
gap: 10px !important;
border-radius: 43px !important;
background: var(--Primary-blue, #411E75) !important;
width: 70%;
}

.package-btn {
color: var(--White, #FFF) !important;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
height: 50px;
padding: 14px 20px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 43px !important;
background: var(--Primary-pink, #B23C97) !important;
width: 70%;
}

.score-image img,
.package-image img {
  width: 200px;
height: 100px;
}
.v_view{
    display: flex;
   align-items: center;
   justify-content: center;
   height: 84px;
}
.v_all_full{
  display: flex;
  padding: 20px 18px;
  align-items: center;
  gap: 10px;
  border-radius: 84px;
  border: 1px solid var(--Primary-blue, #411E75);
  justify-content: center;
  color: var(--Primary-blue, #411E75);
  font-family: Lato;
  font-weight: 600;
  height: 56px;
}
.health_score_home p{
    color: var(--Primary-blue, #411E75);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
   }
.home-card-time {
    list-style: none;
    display: flex;
    gap: 88px;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-left: 0;
    padding-left: 0;
}

.home-card-time li {
  display: flex; 
  align-items: center;
  gap: 8px; 
}

.home-card-time li img {
  width: 15px !important;
  height: 15px;
}

.home-card-time p {
  color: var(--Primary-pink, #B23C97);
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin: 0;
}
.track-your-health {
    border-radius: 24px;
border-bottom: 45px solid var(--Primary-blue, #411E75);
background: rgba(65, 30, 117, 0.05);
}
.health_score_home .text-left h2 {
  color: var(--Primary-blue, #411E75);
  font-family: 'Ubuntu', sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 47px;
  letter-spacing: 0.6px;
}

.health_score_home .text-left h2 span {
  color: var(--Primary-pink, #B23C97);
  font-family: 'Ubuntu', sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 47px;
  letter-spacing: 0.6px;
}

.dropdown-toggle img{
  width: 20px;
  height: 20px;
  margin: 4px;
}
.mobile-header-nav .dropdown-toggle img {
    margin-left: 20px;
}
.card__image img{
    float: right;
    margin-top: 20px;
}
i.fas.fa-shopping-basket
 {
    font-size: 25px;
}
.imaging-tests {
  text-align: center;
  padding: 50px 20px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.imaging-tests h2 {
  color: var(--Primary-blue, #411E75);
text-align: center;
font-family: Ubuntu;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.imaging-tests h2 span {
  color: #b23c97;
font-family: Ubuntu;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.test-cards {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 20px;
  justify-content: center;
  margin: 30px 0;
}

.test-card {
  background: #fff;
  border-radius: 15px;
  /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
   min-width: 220px;
  max-width: 220px;
  flex: 0 0 auto;
  transition: transform 0.3s ease;
  border: 1px solid rgb(0 0 0 / 6%)
}

.test-card:hover {
  transform: translateY(-5px);
}

.test-info {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.test-info h3 {
  color: var(--Primary-blue, #411E75);
font-family: Ubuntu;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
  padding-right: 20px;
}

.test-info img {
  width: 70px !important;
  height: 70px;
}

.test-price {
color: var(--Primary-blue, #411E75);
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
  padding: 10px;
  text-align: left;
  background: rgba(178, 60, 151, 0.06);
}

.test-price strong {
  color: var(--Primary-blue, #411E75);
font-family: Lato;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.test-btn {
  background: #9b2b96;
  color: #fff;
  font-weight: 400;
  padding: 12px;
  border-radius: 0 0 15px 15px;
  font-style: normal;
}

.test-btn a {
  color: #fff;
  text-decoration: none;
}

.carousel-dots {
  margin: 15px 0;
}

.carousel-dots .dot {
  height: 10px;
  width: 10px;
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
}

.carousel-dots .dot.active {
  background-color: #9b2b96;
}

.view-all-btn {
    align-items: center;
    display: flex;
    justify-content: center;
}

.view-all-btn a {
color: var(--Primary-blue, #411E75);
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 36px; /* 225% */
  padding: 12px 25px;
  border-radius: 84px;
border: 1px solid var(--Primary-blue, #411E75);
 
}

.get-app {
  background: rgba(178, 60, 151, 0.07);
}
.get-app .container{
        padding-left: 94px;
    padding-right: 0;
}
.arrow-note .arrow {
    font-size: 40px;
    color: #a24bcf;
    position: absolute;
    left: -80px;
    top: -25px;
    transform: rotate(2deg);
    font-weight: bold;
}

.app-title .highlight {
  color: var(--Primary-pink, #B23C97);
font-family: Ubuntu;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.54px;
}

.app-desc {
  font-size: 18px;
  color: #3c0066;
  margin-top: 15px;
  line-height: 1.5;
}

.store-img {
  width: 160px;
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.store-img:hover {
  transform: scale(1.05);
}

.app-mockup {
   height: 428.572px; 
  animation: floatUp 1.2s ease-in-out;
  transform: rotate(41.366deg);

}

@keyframes floatUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.desktop-nav .navbar-nav {
    gap: 22px ;
}
.mobile-header-nav .navbar-nav {
    gap: 0;
}
.wellness-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #4e2587;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 24px;
  z-index: 1;
}

.wellness-carousel .owl-nav .owl-prev {
  left: -25px;
}

.wellness-carousel .owl-nav .owl-next {
  right: -25px;
}


/**  Home Qris wellness css end */

.play-button{
    float: right;
    margin-left: auto;
    position: relative;
    top: 224px;
    padding: 35px;
}
#qris-wellness-home .owl-stage-outer {
    overflow: visible;
}

    /* again new slider */
    .qris-wellnes-section{
     padding: 20px 0;
    }
   #new-qris-wellness-home .header {
            text-align: center;
            margin-bottom: 2rem;
        }

        #new-qris-wellness-home .header h1 {
            font-size: 2.5rem;
            font-weight: bold;
            background: linear-gradient(135deg, hsl(280 100% 42%), hsl(320 100% 50%));
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 1rem;
        }

         #new-qris-wellness-home .header p {
            font-size: 1.125rem;
            color: hsl(215.4 16.3% 46.9%);
        }

        #new-qris-wellness-home .slider-container {
            position: relative;
            height: 400px;
            overflow: hidden;
            margin-bottom: 1.5rem;
        }

        #new-qris-wellness-home .slides-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
        }

        #new-qris-wellness-home .slide {
            position: absolute;
            width: 772px;
            height: 300px;
            transition: all 0.5s ease-in-out;
            transform-origin: center;
            /* border: 20px solid transparent; */
            border-radius: 40px;
            background: linear-gradient(#f6f4f8, #f6f4f8) padding-box;
            /* background: linear-gradient(#f6f4f8, #f6f4f8) padding-box, Inner background  linear-gradient(to top, #b93d9c, #3c0b80) border-box;*/
        }

        #new-qris-wellness-home .slide.current {
            transform: translateX(0) scale(1);
            opacity: 1;
            z-index: 20;
        }

        #new-qris-wellness-home .slide.next {
            transform: translateX(92%) scale(0.75);
            /* opacity: 0.7; */
            z-index: 10;
            border-radius: 26.135px;
            /* background: #9553BB; */
        }

        #new-qris-wellness-home .slide.prev {
            transform: translateX(-92%) scale(0.75);
            /* opacity: 0.7; */
            z-index: 10;
            border-radius: 26.135px;
            background: var(--Linear-dark 0%, #B23C97 95%);
            /* background: var(--Linear-dark, linear-gradient(180deg, rgba(65, 30, 117, 0.96) 0%, #B23C97 95%)); */
        }

        #new-qris-wellness-home .slide.hidden {
            transform: translateX(100%) scale(0.5);
            opacity: 0;
            z-index: 0;
        }

        #new-qris-wellness-home .slide-content {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        #new-qris-wellness-home .slide-pattern {
            position: absolute;
            inset: 0;
            opacity: 0.1;
        }

        #new-qris-wellness-home .slide-pattern::before {
            content: '';
            position: absolute;
            top: 1rem;
            right: 1rem;
            width: 8rem;
            height: 8rem;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 50%;
        }

        #new-qris-wellness-home .slide-pattern::after {
            content: '';
            position: absolute;
            bottom: 1rem;
            left: 1rem;
            width: 5rem;
            height: 5rem;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 50%;
        }

        #new-qris-wellness-home .slide-inner {
            position: relative;
            z-index: 10;
            padding: 23px 17px 23.092px 18px;
            height: 100%;
            display: flex;
        }

        #new-qris-wellness-home .slide-text {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        #new-qris-wellness-home .slide-title {
            font-size: 1.5rem;
            font-weight: bold;
            color: #411E75;
            margin-bottom: 0.5rem;
        }
        #new-qris-wellness-home .slide.next .slide-content .slide-inner.slide-title {
          font-size: 1.5rem;
          font-weight: bold;
          color: white !important;
          margin-bottom: 0.5rem;
      }

        #new-qris-wellness-home .slide-subtitle {
            margin-bottom: 1rem;
        }

        #new-qris-wellness-home .slide-subtitle div {
            color: #411E75;
            line-height: 1.4;
        }

        #new-qris-wellness-home .slide-subtitle .first-line {
            color: var(--Primary-blue, #411E75);
                font-family: Lato;
                font-size: 20px;
                font-style: italic;
                font-weight: 600;
                line-height: normal;
                letter-spacing: 0.3px;
        }

        #new-qris-wellness-home .slide-subtitle .healthy-text {
            color: var(--Primary-pink, #B23C97);
            font-family: Lato;
            font-size: 20px;
            font-style: italic;
            font-weight: 600;
            line-height: normal;
            letter-spacing: 0.3px;
        }

        #new-qris-wellness-home .slide-description {
            color: #411E75;
            font-size: 15px;
            margin-bottom: 1.5rem;
        }

        #new-qris-wellness-home .slide-button {
            border-radius: 32px;
            background: var(--Primary-pink, #B23C97);
            width: fit-content;
            padding: 0.5rem 1rem;
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.3);
            font-size: 0.875rem;
            cursor: pointer;
            transition: all 0.2s;
            backdrop-filter: blur(4px);
        }

        #new-qris-wellness-home .slide-button:hover {
            background: var(--Primary-pink, #882270);
            color: white;
        }

        #new-qris-wellness-home .slide-image {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        #new-qris-wellness-home .image-circle {
            width: 17rem;
            /* height: 17rem; */
            border-radius: 50%;
            overflow: hidden;
        }

        #new-qris-wellness-home .image-circle img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        #new-qris-wellness-home .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 30;
            width: 63px;
            height: 63px;
            border-radius: 50%;
            background: hsl(280 100% 42%);
            color: white;
            border: none;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
        }

        #new-qris-wellness-home .nav-button:hover {
            background: hsl(275 85% 35%);
        }

        #new-qris-wellness-home .nav-button:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        #new-qris-wellness-home .nav-prev {
            left: 210px;
            border-radius: 50% !important;
            justify-content: center;
            align-items: center;
            background: #3c0b80 !important;
        }

        #new-qris-wellness-home .nav-next {
            right: 210px;
            border-radius: 50% !important;
            justify-content: center;
            align-items: center;
            background: #3c0b80 !important;
        }

        

        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }

        /* end qris slider */
       .slide-title {
        color: #3c0b80;
       }
        
        /* Mega-menu */

        
        /* Main styles */
.new-menu {
  background: #fff;
  border-bottom: 2px solid #411E75;
  font-family: Arial, sans-serif;
}

.new-main-menu {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}

.new-main-menu li {
  position: relative;
}

.new-main-menu > li > a {
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  color: #333;
  font-weight: 600;
  transition: background 0.3s ease, color 0.3s ease;
}

.new-main-menu > li:hover > a {
  color: #411E75;
  background: #fff;
}

/* Mega menu container */
.new-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 800px;
  background: white;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.4s ease;
  border-top: 3px solid #411E75;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
  z-index: 1000;
  pointer-events: none;
}

.has-mega-menu:hover .new-mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

/* Category list */
.new-category-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width:100%;
  height: 150px;
  padding-top: 20px;
}

.new-category-list > li {
  position: relative;
}

.new-category-list > li > a {
  display: block;
  padding: 10px;
  background: white;
  margin-bottom: 5px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  transition: background 0.3s ease, color 0.3s ease;
}

.new-category-list > li > a:hover {
  background: white;
}

.category-list > li.has-submenu > a {
  color: #411E75;
}

.new-category-list > li.has-submenu:hover .new-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Submenu styles */
.new-submenu {
  list-style: none;
  position: absolute;
  top: 31px;
  left: 100%;
  width: calc(1143px - 60px);
  background: #FDFCFF;;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-59px); 
  transition: all 0.4s ease;
  padding: 20px 30px;
  /* pointer-events: none; */
  display: flex;
  flex-wrap:wrap;
  z-index: 999;

}
.has-submenu:hover .new-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mega-box .nav-link.dropdown-toggle {
    display: none;
}

.mobile-header-nav .new-submenu li {
  display: inline-block;
  width: 150px;
  /* margin-right: 20px;
  margin-bottom: 10px; */
  padding: 8px;
}

.new-submenu li a {
  color: #333;
  text-decoration: none;
  font-weight: normal;
  /* transition: color 0.3s ease; */
}

.new-submenu li a:hover {
  color: #411E75;
}
h1.form-title strong {
    color: white;
}
.has-submenu:first-child ul {
    opacity: 1;
    visibility: visible;
    top: auto !important;
}
.input-group .select2-selection{
    border-radius: 45px !important;
    height: 70px;
    border: 1px solid var(--Light-stroke, rgba(0, 0, 0, 0.09)) !important;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-left: 26px !important;
    padding: 15px !important;
    height: 60px !important;
}
h2.form-title {
    color: white;
}
.banner p {
    color: white;
}
/* support css start */

.support-widget {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 9999;
    }

    .support-box {
      background: white;
      border: 1px solid #ccc;
      border-radius: 10px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      padding: 15px;
      width: 316px;
      margin-bottom: 10px;
      display: none;
    }

    .support-box h4 {
      margin: 0 0 10px;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
    }

    .support-option {
      display: flex;
      align-items: center;
      margin: 14px 0;
      color: #333;
    }

    .support-option img {
      width: 22px;
      height: 22px;
      margin-right: 10px;
    }

    .support-toggle {
      background-color: #821669;;
      color: white;
      border-radius: 6px;
      padding: 10px 15px;
      font-size: 14px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      float: right;
    }

    .support-toggle img {
      width: 18px;
      height: 18px;
    }
/* support css end */
.select2-container--default .select2-results_option--highlighted.select2-results_option--selectable {
    background-color: #411e75 !important;}

    /* detail new design css start */

    .detail-book-now{
    display: flex;
padding: 16px 0;
justify-content: center;
align-items: center;
align-self: stretch;
background: var(--Pink-2, #D454B6);
    }
    a.detail-book-now {
        color: var(--White, #FFF);
font-family: Lato;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: center;
border-radius: 0 0 10px 10px;
 position: fixed;
    bottom: 20px;       /* distance from bottom */
    left: 50%;          /* move to horizontal center */
    transform: translateX(-50%); /* adjust to exact center */
    z-index: 9999;      /* stay above other elements */
    background: #411E75; /* button color */
    color: white;
    padding: 6px 24px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    /* width:40%; */
    width:auto !important;
    }
        a.detail-book-now:hover{
            background: var(--White, #FFF);
            color: #B23C97;
            border: 1px solid #B23C97;

        }
    .use-promo{
        color: var(--White, #FFF);
font-family: Lato;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
background: pink;
    }
/* detail new design css start */

.get-use {
  background-color: #4B1D78; /* Purple background */
  color: white;
  font-family: Arial, sans-serif;
  padding: 8px 12px;
  font-size: 14px;
}

.package-detail-header-left .get-use strong {
  color: var(--White, #FFF);
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 0.32px;
text-transform: capitalize;
}
.get-use span {
  color: var(--White, #FFF);
font-family: Lato;
font-size: 16px;
font-style: normal;
line-height: normal;
letter-spacing: 0.32px;
}

/* detail page help section */

.help-section {
    background: #EAF7EE;
    border-radius: 10px;
    /* padding: 15px; */
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
}
.help-content {
  display: flex;
  align-items: center;
  /* gap: 15px; */
}
.help-content-right{
    padding: 0 0 0 10px;
}

.doctor-img {
  width: 160px;
  height: auto;
}

.help-content h4 {
  color: var(--Black, #000);
font-family: Ubuntu;
font-size: 19.679px;
font-style: normal;
font-weight: 700;
line-height: normal;
  margin: 0;
}

.help-content p {
  margin: 5px 0;
  font-size: 14px;
  color: #555;
}

.btn-group {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}

.call-btn,
.chat-btn {
  padding: 3px 9px 3px 6px;
  border-radius: 24px;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
img.call-btn {
    padding-right: 0;
    padding-left: 0;
}
img.chat-btn {
    padding-right: 0;
    padding-left: 0;
}
.call-btn {
  background: #48BD48;
  color: var(--White, #FFF);
font-family: Lato;
font-size: 16.868px;
font-style: normal;
font-weight: 700;
line-height: 25.265px; /* 149.78% */
letter-spacing: -0.186px;
width: 115px;
    height: 34px;
}

.chat-btn {
  background: #48BD48;
  color: var(--White, #FFF);
font-family: Lato;
font-size: 16.868px;
font-style: normal;
font-weight: 700;
line-height: 25.265px; /* 149.78% */
letter-spacing: -0.186px;
text-transform: capitalize;
width: 146px;
    height: 34px;
}

.cashback-section {
    padding: 9.429px 12.571px;
  border-radius: 12.571px;
    border: 1.571px solid var(--Light-stroke, rgba(0, 0, 0, 0.09));
    background: #CDFFCD;
}

.cashback-section h4 {
 color: var(--Green, #48BD48);
text-align: center;
font-family: Lato;
font-size: 18.857px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.377px;
  margin-bottom: 5px;
  text-align: left;
}

.cashback-section p {
  margin: 0;
  color: var(--Black, #000);
text-align: center;
font-family: Lato;
font-size: 15.714px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.314px;
text-align: left;
}
 #accordionExample .accordion-item .accordion-button p {
    color:  #353535 !important;
    font-family: Lato !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 28px !important; /* 175% */
}
.accordion-collapse .accordion-body p{
    color: #707B81;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    }
     #accordionExample .accordion-item .accordion-button {
        padding: 14px 14px 10px 14px;
        color: var(--Text-color, #353535);
        font-family: Lato;
        font-size: 16px;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 28px; /* 175% */
        
     }
     .accordion-flush .accordion-item .accordion-button {
        padding: 14px 14px 0px 14px;
    }
     /* #collapse_400.accordion-body {
   padding: 0px 14px 0px 14px !important;
} */

     .detail-breadcrumb a:first-child {
  color: grey;
}
.detail-breadcrumb a:not(:first-child) {
  color: purple;
}

.detail-breadcrum a:first-child {
    color: grey;
}

.detail-breadcrum a {
    color: #411E75;
}
#custom-ask-button .accordion-button{
    position: relative;
}
#custom-ask-button .accordion-button .fa-minus:before, .fa-subtract:before {
    border: 1px solid purple;
    content: "\f068";
    right: 16px;
    position: absolute;
    top: 13px;
    border-radius: 50px;
    padding: 3px;
    height: 20px;
    font-size: 14px;
    color: purple;
}
#custom-ask-button .accordion-button .fa-add:before, .fa-plus:before {
    content: "\2b";
    right: 16px;
    position: absolute;
    top: 13px;
    border-radius: 50px;
    padding: 3px;
    height: 21px;
    font-size: 14px;
    border: 1px solid purple;
    color: purple;
}
 .test-detail-title #custom-ask-button .accordion-button::after{
 background-image:none !important;
 }
 .test-detail-title #custom-ask-button .accordion-button:not(.collapsed)::after {
 background-image:none !important;
 }
#parameters-included a{
       color: var(--Lighttext, #484848);
        font-family: Lato;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
}
  .detail-icon-pad span {
        color: var(--Lighttext, #484848);
        font-family: Lato;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        } 
        .detail-icon-pad{
            color: var(--Light-subtext-color, #707B81);
            font-family: Lato;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: capitalize;
        }
        .detail-icon-pad img{
            width: 24px;
            margin-right: 5px;
        }
        
        
#custom-ask-button h2 button{
    color:#000 !important;
}
#packageContent, #packageContent2 {
    max-height: 150px; /* show only part initially */
    overflow: hidden;
    transition: max-height 0.5s ease;
  }
  #packageContent.expanded, #packageContent2.expanded {
    max-height: 2000px; /* large enough to reveal full text */
  }
  #readMoreBtn, #readMoreBtn2 {
    color: #800080;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
    margin-top: 5px;
  }
.accordion-button:focus{
    border-color: none !important;
    box-shadow: none !important;
}
 

/* Pharmacy-care & icu-care pages design */

        .icu-section-title {
            color: var(--Primary-blue, #411E75);
            font-family: Ubuntu;
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: capitalize;
        }
        .icu-section-mobile-title {
            display: flex;
            align-items: center;
            gap: 8px; /* space between icon & text */
            color: var(--Primary-blue, #411E75);
            font-family: Ubuntu;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 26px; /* 130% */
            text-transform: capitalize;
            }

            .mobile-icon-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 44px;
            height: 44px;
            border-radius: 40px;
            border: 1px solid var(--Light-stroke, rgba(0, 0, 0, 0.09));
            background: var(--White, #FFF);
            }
          .mobile-pharmacy-top-section p{
            color: var(--Black, #000);
            font-family: Lato;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
          }
        .mobile-uploaded-list {
            border-radius: 8px;
        padding: 5px 0 20px 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }



        .icu-offer-section-para{
            color: #000;
            font-family: Lato;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
        }
        .icu-what-we-offer, .icu-why-choose {
            background: #fff;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 30px;
            border-radius: 9.743px;
            border: 0.886px solid var(--Light-stroke, rgba(0, 0, 0, 0.09));
        }
        .icu-callback-box {
            background: linear-gradient(to bottom, #5a2d82, #c23ba2);
            color: white;
            border-radius: 8px;
            padding: 20px;
        }
        .icu-btn-yes {
    display: flex;
    height: 48px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: white;
    color: #6c2eb9;
    font-weight: bold;
    border-radius: 49px;
    border: 1px solid white;
}

.icu-wrapper {
    display: flex;
    justify-content: center; 
    align-items: center;     
    height: 100%; /* or 100vh if you want full screen */
}

        .icu-btn-no {
            display: flex;
            height: 48px;
            padding: 16px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            flex: 1 0 0;
            background-color: transparent;
            border: 2px solid white;
            color: white;
            border-radius: 49px;
            border: 1px solid white;
        }
        .icu-why-choose ul {
            list-style: none;
            padding-left: 0;
        }
        .icu-why-choose ul li img{
            height: 24px;
            width: 24px;
            margin-right:6px;
        }
        .icu-why-choose ul li, .icu-list-unstyled li strong {
          color:  #B23C97;
        }
        .icu-why-choose ul li, .icu-list-unstyled ul li strong {
          color: var(--Primary-pink, #B23C97);
            font-family: Lato;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
        .icu-why-choose h5, .icu-what-we-offer h5 {
          color: var(--Black, #000);
          font-family: Ubuntu;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-transform: capitalize;
        }
        .icu-offer-section{
          border-radius: 22px;
          border-top: 1px solid var(--Primary-pink, #B23C97);
          border-right: 1px solid var(--Primary-pink, #B23C97);
          border-bottom: 1px solid var(--Primary-pink, #B23C97);
          border-left: 18px solid var(--Primary-pink, #B23C97);
          background: rgba(178, 60, 151, 0.01);
        }
        .icu-list-unstyled{
            list-style: none;
        }
        .upload-banner {
            background-color: #f7f0fb;
            border-radius: 8px;
            padding: 20px;
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 20px;
        }
        .upload-banner img {
            width: 80px;
        }
        .upload-section {
            background-color: #fff;
            border-radius: 8px;
           padding: 20px 15px 20px 15px;
            height: 100%;
        }
        .upload-box {
            border: 2px dashed #ccc;
            border-radius: 8px;
            padding: 40px;
            color: #888;
            font-size: 14px;
            cursor: pointer;
            min-height: 300px;
            display: flex; /* use flexbox */
            flex-direction: column; /* stack img and p vertically */
            align-items: center; /* center horizontally */
            justify-content: center; /* center vertically */
        }

        .upload-box p {
            color: var(--Light-subtext-color, #707B81);
            text-align: center;
            font-family: Lato;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 24px */
            margin-top: 10px; /* space between img and text */
        }
        .upload-section span,
        .prior-add-mobile p span {
            color: var(--Light-subtext-color, #707B81); /* Uses CSS variable with fallback */
            font-family: Lato;                         /* Font styling */
            font-size: 14px;
            font-style: normal;
            font-weight: 700;                          /* Bold text */
            line-height: normal;
            /* margin-top: 10px; */
        }
        .upload-box img {
            max-width: 80px; /* optional: control size */
        }
        .mobile-upload-box img {
            width: 24px;
            height: 24px;
        }

        
.uploaded-list {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 15px;
    min-height: 300px;

    display: flex;
    flex-direction: column; /* stack items vertically */
    justify-content: space-between; /* push button to bottom */
}

.uploaded-list p:first-child {
    color: var(--Text-color, #353535);
    text-align: left;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    margin: 0;
}

.uploaded-list small {
    color: #666;
    font-size: 12px;
}

.uploaded-list .mt-3 {
    color: var(--Light-subtext-color, #707B81);
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.icu-callback-box p{
    color: #EDEDED;
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.uploaded-list .subtitle {
    color: #707B81;
    font-size: 14px;
    display: block;
    margin-bottom: 15px;
}

.file-item {
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.file-item .file-icon {
    width: 24px;
    height: 24px;
}

.file-item .file-name {
    flex: 1;
    color: var(--Lighttext, #484848);
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
}

.file-item .file-size {
    font-size: 12px;
    color: #888;
    margin-left: auto;
}

.delete-icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
    float: right;
}

.error-text {
    color: var(--Red, #FF726D);
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 32px;
    margin-top: -2px;
}

.btn-submit, .selected-btn-submit, .mobile-btn-submit {
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
    background: #3b0066;  
    padding: 10px;
    width: 100%;
    border-radius: 30px;
    border: none;
    margin-top: 10px;
    color: var(--White, #FFF);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}
.selected-btn-submit, .mobile-btn-submit{
    background: var(--Primary-blue, #411E75) !important;
    
}
.btn-submit:hover {
    background-color: #3b0066;
}
.uploaded-list p, .prior-add-mobile p{
    text-align: left;
}
.mobile-upload-box p{
    color: var(--Light-subtext-color, #707B81);
text-align: center;
font-family: Lato;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
}
.upload-section h5 {
    color: var(--Black, #000);
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.prior-add-mobile .mobile-upload-box {
            border-radius: 14px;
            border: 1px dashed var(--Light-stroke, rgba(0, 0, 0, 0.09));
            /* padding: 40px; */
            color: #888;
            font-size: 14px;
            cursor: pointer;
            height: 105px;
            width: 166px;
            display: flex; /* use flexbox */
            flex-direction: column; /* stack img and p vertically */
            align-items: center; /* center horizontally */
            justify-content: center; /* center vertically */
            margin-top: 20px;
}

.prior-add-mobile .mobile-upload-box:hover {
    background: #f0f0f0;
}

.prior-add-mobile .mobile-upload-box img {
    margin-bottom: 10px;
}


        .icu-callback-box h5{
        color: white !important;
        }
.title-test h2, .offer-section h5, .care-section h5 {
    color: var(--Black, #000);
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
text-align: left;
}
button.input-group-addon svg {
  width: 24px;            /* change size */
  height: 24px;
  vertical-align: middle; /* align with text */
  margin-right: 12px;      /* space between icon and text */
}
span.navbar-toggler-icon.fa-solid.fa-bars {
    color: #fff;
    background-image: none;
}
.upload-section-para{
    color: var(--Light-subtext-color, #707B81);
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 2;
}
.upload-section-para span{
    color: var(--Light-subtext-color, #707B81);
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
button.navbar-toggler {
    border: none;
    margin-top: 14px;
}
.mobile-nav-login-register {
  list-style: none;
  display: flex;
    padding: 20px 5px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    }

.login-register-link {
  display: flex;
  align-items: center;
  color: #4b0082; /* text color (dark purple/indigo) */
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}
.login-register-links{
    display: flex;
    align-items: center;
    margin-left: 9px;
}
.login-register-link a {
    display: flex;
    align-items: center;
    color: #4b0082;
}
.login-register-link .user-icon {
  margin-right: 8px;
  flex-shrink: 0;
}

.login-register-link span {
  line-height: 1;
  margin-left: 12px;
}
.dropdown-menu{
    border: none !important;
}
a.card_home img {
    border-radius: 14px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
a.card_home .post-date {
    float: left;
    padding: 0 10px;
}
.app-title{
    color: var(--Primary-blue, #411E75);
font-family: Ubuntu;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.54px;
}
.footer-download-qris {
    padding-top: 25px;
}
div#main-slider button,
div#owl-risk button {
    color: #fff;
    font-size: 25px;
}
.top-header-main a {
    white-space: nowrap;
}
div#main-slider .owl-nav {
    margin-bottom: 50px;
}
.footer-social-links h4, .footer-download-qris, .accreditations h4{
    color: var(--White, #FFF);
font-family: Lato;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24.649px; /* 123.243% */
}
.support-option a {
    color: black;
}
.grecaptcha-badge {
    display: none;
    opacity: 0;
}
.card-content-heading {
 color: var(--Primary-pink, #B23C97) !important;
}
.package-custom-pad strong {
    margin-right: 5px;
}
.package-custom-pad p img{
    margin-right: 3px;
}
.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    background: none;
}
.parameter-border-detail{
    border-radius: 9.743px;
border: 1px solid var(--Light-stroke, rgba(0, 0, 0, 0.09));
background: #FFF;
}
.accordion-flush .accordion-item {
    border-bottom: none;
}
.navbar-expand-lg .navbar-nav{
    margin: auto;
    display: inline-flex;
}
/* .desktop-nav li.nav-item:first-child {
    padding: 0 38px 0 0 !important;
}

li.nav-item {
    padding: 0 50px;
}
li.nav-item:last-child {
    padding: 0 0 0 38px !important;
} */
 nav.fill ul li a:hover::after {
    background: transparent !important;
    border-bottom: none !important;
}
.accordion-body .detail-icon-pad {
    padding-left: 27px;
}
ul#select2-test-results li {
    font-size: 14px;
    padding: 10px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f2f2f2 !important;
    color: black !important;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px;
}
.select2-container--default .select2-results__option--selected {
    background-color: #f2f2f2 !important;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px;
}

.sticky-box {
   position: sticky !important;
   top: 30px;

}

.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}


.accordion-button:not(.collapsed) {
    box-shadow: none;
}
.full-body-home-checkup ul {
  display: flex;
  flex-direction: column;
  width: 304px;
  padding: 0 11px;
  gap: 9px;
  list-style-type: disc;   /* ✅ bullet points */
  list-style-position: inside; /* optional: keeps bullets inside */
  height: 110px;
  
}

.full-body-home-checkup ul li {
  display: list-item; /* ✅ ensures bullet is visible */
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
  align-self: stretch;
  color: #411E75;
}

/* Overlay */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Popup card */
.popup-box {
        position: absolute;
    display: flex;
padding: 21px 13px;
flex-direction: column;
align-items: center;
gap: 30px;
  width: 305px;
  border-radius: 22px;
background: var(--Light-BG-Color, #FFF);
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
  animation: fadeIn 0.3s ease-in-out;
}

/* Illustration + checkmark */
.popup-illustration {
  position: relative;
  display: inline-block;
}

.popup-illustration svg {
  display: block;
}

.checkmark {
  position: absolute;
  top: -8px;
  right: -8px;
  border-radius: 50%;
}
.popup-close {
  position: absolute;
  top: 10px;
  right: 12px;
  background: transparent;
  border: none;
  font-size: 28px;
  font-weight: bold;
  color: #411E75;
  cursor: pointer;
}


/* Text */
.popup-box h3 {
  color: var(--Black, #000);
text-align: center;
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: 28px; /* 175% */
}

.popup-box p {
  color: var(--Text-color, #353535);
text-align: center;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
  margin: 0;
}

/* Animation */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}
.accordion-body p {
    margin-bottom: 0;
}

.accordion-body {
    padding: 12px !important;
}
 .patient-say{
        margin-top:12px
    }
.health-article h2{
 padding-bottom: 0px;
            }
.new-package-card-book-now a:hover {
    background-color: white;
    color: #B23C97;
    border-radius: 45px;
    border: 2px solid #B23C97; /* complete border definition */
    font-weight: 600;
    text-decoration: none; /* removes underline if needed */
    transition: all 0.3s ease; /* smooth hover effect */
}
/* .package-detail{
    padding-top: 30px;
} */
.site-map-div {
  display: flex;
  justify-content: center; /* centers horizontally */
  padding: 10px 0;
}
/* botton book now */
.desktop-bottom-book-now {
    position: relative;   /* ensures it participates in stacking */
    z-index: 9999;        /* pushes it above other content */
    background: #f7eaf4;  /* optional, so text behind doesn't bleed through */
}

.price-booknow {
    display: flex;
    align-items: center;         /* vertical center */
    justify-content: space-between; /* space between items */
    gap: 20px;                   /* spacing */
    width: 100%;
}

.price-booknow h1 {
    font-size: 16px;   /* adjust size to fit inline */
    margin: 0;
    white-space: nowrap; /* prevent wrapping */
    color: #f7eaf4;
}
.price-booknow:hover h1,
.price-booknow:hover h4,
.price-booknow:hover{
    color: #411E75;
}
.book-now-text:hover{
    color: #f7eaf4;
    background-color: var(--Primary-pink, #B23C97) ;
}
 .price-booknow h4 span{
    color: var(--Primary-pink, #B23C97);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: line-through;
    /* margin-left: 18px; */
    
}
.price-booknow h4{
       font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
    color:#f7eaf4;
    font-family: Lato;
}  
.offer-price.booknow-detail-bottom{
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
    color:#f7eaf4;
    font-family: Lato;
}

.book-now-text{
    color: #f7eaf4;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 18px;
    position: relative;
    z-index: 10000; 
    display: flex;
width: 115px;
height: 35px;
padding: 4px 9px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 33px;
border: 1px solid #B23C97;
}
/* .row.test-detail-title,
.parameter-border-detail,
.hide-overlay{
    position: relative;
    z-index: -1;
} */
/* pink color hover */
.v_view a:hover, .v_all_full:hover, .view-btn:hover{
    color: var(--Primary-pink, #B23C97);
}
/* white color hover */
.btn-pink-home:hover, .scan-modal-tab:hover{
    color: white;
}
/* purple color hover */
.post-date:hover{
    color: #3c0b80;
}
.select2-results {
    display: block;
    margin-left: 15px !important;
    margin-right: 15px !important;
    border: 1px solid var(--Light-stroke, rgba(0, 0, 0, 0.09)) !important;
    border-top: none !important;
    border-radius: 4px !important;
}

.select2-dropdown{
    border: none !important;
 }

 section.container-fluid.package-detail.my-5 {
    margin-top: 1rem;
}
.mobile-support-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

/* Bottom Sheet (hidden initially) */
.mobile-support-bottom-sheet {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 1000;
  border-radius: 15px 15px 0 0;
  padding: 20px;
  box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.2);
  transition: bottom 0.4s ease-in-out;
}
.mobile-support-bottom-sheet h4{
    color: var(--Black, #000);
text-align: center;
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
/* Visible states */
.mobile-support-overlay.active {
  opacity: 1;
  visibility: visible;
}

.mobile-support-bottom-sheet.active {
  bottom: 0;
}

/* Support Button */
.mobile-support-toggle {
  background-color: #821669;
  color: white;
  border-radius: 6px;
  padding: 10px 15px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  cursor: pointer;
  z-index: 1001;
  transition: opacity 0.3s ease;
}

.mobile-support-toggle img {
  width: 24px;
  height: 24px;
}

/* Hide button when sheet is open */
.mobile-support-toggle.hidden {
  opacity: 0;
  visibility: hidden;
}

/* Divider and link styles */
.divider {
    border: none;
    border-top: 1px dotted var(--black-45, rgba(0, 0, 0, 0.45));;
    margin: 10px 0;
    }
.divider2 {
  border: none;
   border-top: 0.5px dashed var(--black-45, rgba(0, 0, 0, 0.45));
  margin: 10px 0;
}

.mobile-support-option a {
  color: #000;
  text-decoration: none;
}
.benefits .desk-bene {
    margin-top: 12px;
    color: var(--Black, #000);
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}
.bg-top-desktop-header{
    background: var(--mainclr);
}
.mobile-media  img {
    float: inline-end !important;
}
p.post-date {
    color: #b23c97;
    font-size: 16px;
}