@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');
 


 .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;
    transition:.5s
}
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:175px
}
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
}
.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{
    /* transition:2s */
}
nav.fill ul li a:after{
    text-align:left;
    content:'.';
    margin:0;
    opacity:0
}
nav.fill ul li a:hover{
    color: #B23C97!important;
    /* z-index:1 */
}
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:8px
}
.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: 600;
line-height: normal;
}
.title h2 span{
color: var(--Primary-pink, #B23C97);
font-family: Ubuntu;
font-size: 30px;
font-style: normal;
font-weight: 600;
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:63%
}
.risk-card-image{
    width:43%;
    margin:0 auto
}
.risk-card-image img{
    width:100%;
    margin:0 auto 35px;
}
.risk-card-content h4{
    color:var(--main);
    min-height:52px;
    max-height:52px;
    line-height:21px;
    font-weight: 600;
}
.risk-card-content p{
    font-size:16px;
    min-height:66px;
    max-height:66px;
    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-size:16px;
    text-decoration:none;
    margin-top: 35px;
}
.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;
    /* box-shadow:rgb(0 0 0 / 24%) 0 3px 8px */
}
.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 {
  display: inline-block;
  padding: 6px 36px;
  border: 2px solid #6a1b9a;
  border-radius: 24px;
  font-size: 14px;
  color: #6a1b9a;
  background-color: white;
  transition: 0.3s ease;
}
.bad-habits img{
    width:90px!important;
    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;
}
.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:10px;
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
    display:block!important
}
#popular-packages .owl-nav, #popular-imaging .owl-nav, #blog_ .owl-nav  {
    display: none !important;
}
#popular-packages .owl-dot span, #popular-imaging .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: 20px !important;
    height: 20px !important;
    margin-top: 30px;
}

#popular-packages  .owl-dot.active > span, #popular-imaging  .owl-dot.active > span, #blog_  .owl-dot.active > span , #main-slider  .owl-dot.active > span {
    font-size: 20px !important;
    background-color:#411E75 !important;
    width: 20px !important;
    height: 20px !important;
    }

.patient-video{
    background:#eeeeeeb3;
    overflow:hidden
}
.patient-video-content{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:#00000052;
    border-radius:10px;
    display:grid;
    place-items:center
}
.patient-video-content button,.patient-video-content button:focus,.patient-video-content button:hover{
    width:82px;
    height:82px;
    border-radius:50%;
    background:rgb(0 0 0 / 23%);
    border:none
}
.patient-video-content h4,.patient-video-content h5{
    font-size:19px;
    /* width:80%; */
    margin:0 auto;
    padding-bottom:6px;
    font-family:semibold;
    text-align:center
}
.patient-video-content button{
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    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:#fff;
}
.patient-video-content h5{
    color:#fff;
    padding-top:6px
}
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;
    border: 3px solid #fff !important;
    justify-content: center;
    align-items: center;
    top: 608px;
   
}
#main-slider button.owl-next {
    right: 585px;
    border: 3px solid #fff !important;
    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 {
    /* padding: 80px 0px 80px 0px; */
}
.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;
    width:90%;
}
.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;
    text-align:left;
    font-family: Ubuntu;
    font-size: 18px;
    font-weight: 500;
}
.card_home{
    padding:0!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;
    min-height: 72px;
}
.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
    }
    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
    }
    .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;
    }
   
    .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:24px 20px 36px
    }
    .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
    }
    .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%
    }
    .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;
                border-radius: 7px !important;
                padding: 8px 6px 8px 7px;
                background: rgba(65, 30, 117, 0.05);
                border: 5px solid transparent !important;
            }
            #new-qris-wellness-home .slider-container{
                height: 230px !important;
                background: rgba(65, 30, 117, 0.05) !important;
            }
            #new-qris-wellness-home .nav-prev, #new-qris-wellness-home .nav-next{
                display: none !important;
            }
            
            #new-qris-wellness-home .slide-inner {
                padding: 0rem !important;
                flex-direction: row;
                text-align: center;
                height: auto !important;
            }
            
            #new-qris-wellness-home .image-circle {
                width: 8rem !important;
                height: 8rem !important;
                margin-top: 1rem;
            }
           
            #new-qris-wellness-home .header h1 {
                font-size: 2rem;
                text-align: left;
            }
            .banner .description-text{
                display: none !important;
            }
             .banner .app-promo-text h2{
                font-family: Ubuntu;
                font-size: 18px;
            }
             .banner .discount-text{
                font-size: 14px;
            }
            .hide-div {
                display: none;
            }
            .banner img{
                width: 100%;
            }
            .btn-pink{
                display: flex !important;
                padding: 12px 18px !important;
                justify-content: center;
                border-radius: 43px !important;
                
            }
            .service-box .icon{
                width: 35px !important;
                height: 35px !important;
              }
              .service-box {
                min-height: 100px !important;
                margin-bottom: 0 !important;
                padding: 20px 0px !important;
               }
               .service-box p{
               bottom: -28px !important;
               font-size: 10px !important;
               }
               .card__image img {
               float: none !important;
               height: 28px;
               }
               .card__content h4 {
                font-size: 10px !important;
                line-height: normal !important;
               }
                  .score-btn, .package-btn {
                    font-size: 10px !important;
                    line-height: normal;
                    padding: 8px 6px !important;
                    height: auto !important;
                    width: 118% !important;
                    white-space: nowrap;
                 }
                 .col-md-4.col-sm-3.col-6.text-white.p-5.pt-4.mobile-media{
                    padding: 0 !important;
                 }
                 .test-count {
                    right: 0px !important;
                  }
                  .health_score_home .text-left h2, .health_score_home .text-left h2 span{
                    font-size: 20px !important;
                    font-weight: 500 !important;
                  }
                  .imaging-tests h2{
                    font-size: 20px !important;
                    font-style: normal !important;
                    font-weight: 500 !important;
                    line-height: normal !important;
                  }
    
                  #new-qris-wellness-home .sub-title{
                    font-size: 8px !important;
                    text-align: left !important;
                  }
                    #new-qris-wellness-home .slide-title {
            font-size: 9px !important;
            text-align: left !important;
        }
        #new-qris-wellness-home .slide.next .slide-content .slide-inner.slide-title {
          font-size: 9px !important;
          font-weight: 500 !important; 
          text-align: left !important; 
      }

        #new-qris-wellness-home .slide-subtitle {
            margin-bottom: 1rem;
            font-size: 8px !important;
            text-align: left !important;
        }

        #new-qris-wellness-home .slide-subtitle div {
            font-size: 8px !important;
            text-align: left !important;
        }
        #new-qris-wellness-home .slide-content{
            border-radius: 0px !important;
            background: rgba(65, 30, 117, 0.05) !important;
        }
        #new-qris-wellness-home .slide-description{
            font-size: 6px !important;
            font-style: normal;
            font-weight: 400;
            text-align: left !important;
        }
        
        #new-qris-wellness-home .slide-button {
            border-radius: 13px !important;
            padding: 4px 6px !important;
            font-size: 5px !important;
                }
                .smart {
                    padding: 0px 0px 0px 0px !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;
              }
              .custom-get-app{
                left: 0 !important;
              }
              .app-mockup {
                height: 275px !important;
                        }
           .mega-box .nav-link.dropdown-toggle {
            display: block !important;
        }
         #navbarSupportedContent{
        background: white !important;
    }
    .navbar-toggler:focus{
        box-shadow: none !important;
    }
  
}



.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: 1px solid #b23c97;
    border-radius:10px;
}
.package-custom-pad{
    padding: 23px 16px 10px;
}
.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: 8px;
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);
}
.detail-card-ul {
    list-style: none;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 0;
}

.detail-card-ul li {
  display: flex; 
  align-items: center;
  gap: 8px; 
}
.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: 16px;
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;
    padding-left: 14px;
}
.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;
}
.package-detail-header-right .price-box .offer-price{
    padding:7px 10px;
    text-align:center;
    border-radius:4px;
    height:fit-content
}
.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{
    font-family:pregular;
    text-decoration:line-through;
    font-size:13px
}
.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;
    text-align:justify;
    font-family:pmedium;
    color:#706d6d
}
.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;
}
.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 img{
    width:24px;
    height:auto;
    display:block;
    padding:2px
}
.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:23px 18px
    }
    .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:90%
    }
    .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:23px 18px 50px
    }
    .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
    }
    .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
    }
}
.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: 145px !important;
    }
    #new-qris-wellness-home .nav-next{
        right: 145px !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: 7px;
}
.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: 532px !important;
   
}
#main-slider button.owl-next {
    right: 485px !important;
    top: 532px !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: 345px !important;
    width: 343px !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:30px;
}
.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
    }
}


.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-card-text{
    padding:17px 17px 22px;
    background-color:#e4e0ec;
    border-radius:0 0 10px 10px
}
.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:100px
    }
    .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%;
        height: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
    }
    .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: 24px;
    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: 55px; 
   width: 80%; 
 }
 .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: 74px;
 }
 .new-package-card-parameter-list ul li a{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    font-family: 'pmedium'; 
 }
 .new-package-card-know{
    padding-left: 14px;
    color: #b23c97;
    font-weight: 500;
    /* font-style: italic; */
    font-size: 15px;
 }
 .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: #411e75;
    margin-left: 12px;
 }
 .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: 13px;
    color: #F8692B!important;
 }
 .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: 16px;

 }
 /* .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: 45px;
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: LATO;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.72px;
}

.highlight-pink {
  color: #d454b6;
  font-family: LATO;
}

.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, #B23C97) !important;
  color: #fff;
  padding: 14px 27px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-weight: 600;
  font-family: Lato;
  border-radius: 24px;
}

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


.menu-last-btn, .list-unstyled {
    padding-left: 0;
    list-style: none;
    display: flex;
}
.nav-register, .nav-login {
  color: var(--Pink-2, #D454B6);
  border-radius: 50px;
  border: 1px solid var(--Pink-2, #D454B6);
  padding: 14px 20px;
}
 .nav-login {
    display: flex;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: var(--Pink-2, #D454B6);
 }
.menu-last-btn {
  display: flex;
  gap: 20px;
  align-items: center;
}
.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-main{
    margin-bottom: -111px;
}
.input-wrapper {
    display: flex;
    /* height: 200px; */
    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);
    /* shadow card */
    box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    top: -100px;
}
.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: 20px;
  padding: 20px 10px;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 0 transparent;
}

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

.service-box .icon {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: 10px;
}

.service-box p {
display: flex;
width: 100%;
padding: 8px 13px;
justify-content: center;
align-items: center;
gap: 18.905px;
border-radius: 22.686px;
background: var(--White, #FFF);
position: relative;
bottom: -47px;
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;
  }
.test-count {
  position: absolute;
  top: -1px;
  right: -2px;
  width: 60px;
  background: linear-gradient(to bottom, #4B1D89, #C647A1); /* Purple to pink gradient */
  color: #fff;
  padding: 10px 0;
  text-align: center;
  border-top-right-radius: 25px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  font-size: 20px;
}

.test-count small {
  display: block;
  font-size: 13px;
  font-weight: normal;
}

.test-count small {
  display: block;
  font-size: 13px;
  font-weight: 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;
}
.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: 25px;
    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: bold;
  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: bold;
  line-height: 47px;
  letter-spacing: 0.6px;
}

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

.imaging-tests h2 {
  font-size: 30px;
  font-weight: bold;
  color: #2d0c5e;
}

.imaging-tests h2 span {
  color: #b23c97;
}

.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 {
  font-size: 18px;
  color: #2d0c5e;
  padding-right: 20px;
}

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

.test-price {
  background: #f9f5fd;
  padding: 10px;
  font-size: 16px;
  color: #2d0c5e;
  text-align: left;
}

.test-price strong {
  font-size: 20px;
  color: #2d0c5e;
}

.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 {
  padding: 12px 25px;
  border: 1px solid var(--Primary-blue, #411E75);
  border-radius: 50px;
  color: #2d0c5e;
  text-decoration: none;
  font-weight: bold;
}

.get-app {
  background: rgba(178, 60, 151, 0.07);
    padding-left: 180px !important;
    padding-right: 55px !important;
}

.arrow-note .arrow {
    font-size: 40px;
    color: #a24bcf;
    position: absolute;
    left: -80px;
    top: -25px;
    transform: rotate(2deg);
    font-weight: bold;
}

.app-title .highlight {
  font-size: 36px;
  font-weight: 700;
  padding: 0 10px;
  border-radius: 4px;
  color: #B23C97;
}

.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);
  }
}
.navbar-nav {
    gap: 22px !important;
}
.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 */
    #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;
        }

        #new-qris-wellness-home .slide {
            position: absolute;
            height: 275px;
            transition: all 0.5s ease-in-out;
            transform-origin: center;
    
        }

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

        #new-qris-wellness-home .slide.next {
            transform: translateX(90%) scale(0.75);
            opacity: 0.7;
            z-index: 10;

        }

        #new-qris-wellness-home .slide.prev {
            transform: translateX(-90%) scale(0.75);
            opacity: 0.7;
            z-index: 10;
            
        }

        #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%;
            border-radius: 1.5rem;
            box-shadow: 0 10px 30px -5px hsl(280 100% 42% / 0.3);
            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;
            height: 100%;
            display: flex;
        }

        
        #new-qris-wellness-home .slide.next .slide-content .slide-inner.slide-title {
          font-size: 24px;
          font-weight: 500;
          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;
            font-size: 20px;
            font-weight: 600;
        }

        #new-qris-wellness-home .slide-subtitle .first-line {
            font-size: 1.125rem;
            font-weight: 500;
        }

        #new-qris-wellness-home .slide-subtitle .healthy-text {
            color: #B23C97;
            font-weight: bold;
        }

        #new-qris-wellness-home .slide-description {
            color: #411E75;
            font-size: 0.875rem;
            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 {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

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

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

        #new-qris-wellness-home .decorative-elements {
            position: absolute;
        }

        

        #new-qris-wellness-home .promotion-badge {
            position: absolute;
            top: 1rem;
            right: 1rem;
            background: #B23C97;
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 9999px;
            font-size: 0.875rem;
            font-weight: 500;
        }

        #new-qris-wellness-home .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 30;
            width: 4rem;
            height: 4rem;
            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;
        }

        #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: 235px;
            border-radius: 50% !important;
            justify-content: center;
            align-items: center;
            background: #3c0b80 !important;
        }

        #new-qris-wellness-home .nav-next {
            right: 235px;
            border-radius: 50% !important;
            justify-content: center;
            align-items: center;
            background: #3c0b80 !important;
        }
       .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(1300px - 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;
}

.new-submenu li {
  display: inline-block;
  width: 150px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.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;
    }
    .divider {
    border: none;
    border-top: 1px dotted rgba(0, 0, 0, 0.45);
    margin: 10px 0;
    }


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

    .support-toggle {
      background-color: #800080;
      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);
    }
    .detail-book-now a{
        color: var(--White, #FFF);
font-family: Lato;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
    }
    .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;
}

.get-use strong {
  font-weight: bold;
}

/* detail page help section */

.help-section {
  background: #EAF7EE;
  border-radius: 10px;
  padding: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.help-content {
  display: flex;
  align-items: center;
  gap: 15px;
}

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

.help-content h4 {
  font-weight: bold;
  margin: 0;
  font-size: 16px;
}

.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;
  border-radius: 24px;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.call-btn {
  background: #00B050;
  color: white;
}

.chat-btn {
  background: #25D366;
  color: white;
}

.cashback-section {
  background: #DFF7DF;
  border-radius: 10px;
  padding: 12px;
}

.cashback-section h4 {
  color: #00B050;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 15px;
}

.cashback-section p {
  margin: 0;
  font-size: 13px;
  color: #555;
}
 #accordionExample .accordion-item .accordion-button p {
    color:  #353535 !important;
    font-family: Lato !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 28px !important; /* 175% */
}
.accordion-collapse .accordion-body p{
    color: #707B81 !important;
    font-family: Lato;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 18px; /* 128.571% */
    }
     #accordionExample .accordion-item .accordion-button {
        padding: 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:#484848 !important;
font-family: Lato !important;
}
#custom-ask-button h2 button{
    color:#000 !important;
}
#packageContent {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* show only 4 lines initially */
    -webkit-box-orient: vertical;
}

#packageContent.expanded {
    -webkit-line-clamp: unset;
}

#readMoreBtn {
    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: #6c2eb9;
            font-weight: bold;
        }
        .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;
            flex: 1 0 0;
            background-color: white;
            color: #6c2eb9;
            font-weight: bold;
            border-radius: 49px;
            border: 1px solid white;
        }
        .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, strong {
          color:  #B23C97;
        }
        .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: 0 20px 20px 0px;
            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: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 24px */
            margin-top: 10px; /* space between img and text */
        }

        .upload-box img {
            max-width: 80px; /* optional: control size */
        }

        .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 {
    font-weight: bold;
    margin: 0;
}

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

.uploaded-list .mt-3 {
    flex: 1; /* take up remaining space */
    display: flex;
    align-items: center; /* center vertically */
    justify-content: center; /* center horizontally */
    color: #888;
    font-size: 14px;
}
.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;
    font-size: 14px;
    color: #333;
}

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

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

.error-text {
    font-size: 12px;
    color: red;
    margin-left: 32px;
    margin-top: -2px;
}

.btn-submit {
    background-color: #4B0082;
    color: white;
    border: none;
    padding: 10px;
    width: 100%;
    border-radius: 30px;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
}

.btn-submit:hover {
    background-color: #3b0066;
}

.upload-section h5 {
    color: var(--Black, #000);
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

        .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;
}
button.navbar-toggler {
    border: none;
    margin-top: 14px;
}