/* Combined component styles */

/* ===== app.component.css ===== */


/* ===== blog-details/blog-details.component.css ===== */
.blog-detail-image img{width: 100%;display: block;}
.blog-detail-box{border-radius: 8px;overflow: hidden; width: 1100px; max-width: 100%; margin: auto;}
.blog-detail-wraper{padding-top: 50px;}
.blog-detail-content{padding: 40px 50px 50px 50px;background: #F9F9F9; margin-bottom: 50px;}

/*---popular---blog---start---here---*/
.popular-heading{border-top: 1px solid var(--brand-border);border-bottom: 1px solid var(--brand-bg);padding: 10px 0px;margin-bottom: 10px;}
.blog-popular-box{display: flex;align-items: center;padding: 15px 0px;border-bottom: 1px solid var(--brand-text-border);}
.popular-image{width: 130px;border-radius: 8px;overflow: hidden;}
.popular-image img{width: 100%;display: block;height: 110px;object-fit: cover;}
.popular-content-box{width: calc(100% - 130px);padding-left: 15px;}
.title-popular-blog{    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: 14px;line-height: 20px;}
.popular-content-box .link-with-image{margin-top: 15px;font-weight: 500;}
.popular-content-box .listing-button-box{text-align: left;}
.popular-blog-list{max-height: 68vh;overflow-y: scroll;}
.popular-blog-list::-webkit-scrollbar { width: 6px;}
.popular-blog-list::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 30px;}
.popular-blog-list::-webkit-scrollbar-thumb { background: #888;border-radius: 30px; }
.popular-blog-list::-webkit-scrollbar-thumb:hover {background: #555; }
.popular-content-box .listing-button-box{width: 100%;}

/*---related---blog---start---here---*/
.related-news{background: var(--light-bg);}
.related-news-relative-box{position: relative;}
.related-news-wraper{overflow: hidden;}
.blog-image-box img{display: block; width: 100%;}
.blog-listing-box{border-radius: 12px; border: 1px solid #C6CDD4;overflow: hidden;}
.listing-bottom-box{display: flex;align-items: center;}
.listing-date-box{ width: 50%;position: relative; padding-left: 30px;font-size: 14px;color: var(--brand-color);}
.blog-image-box{margin-left: -1px; margin-right: -1px;margin-top: -1px;}
.listing-button-box{ width: 50%; text-align: right;}
.listing-date-box img{width: 24px;position: absolute;top: -3px;left: 0px;}
.blog-content-box{padding: 25px;background: #fff;}
.blog-content-box .lg-title{line-height: 25px;margin-bottom: 15px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; min-height: 50px;}
.listing-discription{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; min-height: 70px;}
.related-news-wraper .swiper-button-next{position: absolute; bottom: -6px;top: auto; transform: none;}
.related-news-wraper .swiper-button-prev{position: absolute; bottom: -6px;top: auto; transform: none;left: auto;right: 48px;}
/*---related---blog---end---here---*/


@media only screen and (min-width: 1900px){
    .title-popular-blog{font-size: 18px;line-height: 26px;-webkit-line-clamp: 2;}
    .blog-detail-wraper{padding-top: 60px;}
    /*---related---blog---start---here---*/
    .blog-content-box .lg-title{line-height: 32px;font-size: 24px;  min-height: 65px;}
    .listing-discription{line-height: 26px; min-height: 82px; }
    .listing-date-box{ font-size: 18px; padding-left: 45px; }
    .listing-date-box img{width: 30px;top: -5px;}
    .related-news-wraper .swiper-button-prev{right: 62px;}
    /*---related---blog---end---here---*/
    }
    
    @media only screen and (max-width: 1400px){
    .blog-detail-content {padding: 30px 40px 40px 40px;}
    /*---blog---listing---start---here---*/
    .listing-discription{min-height: 62px;}
    .listing-date-box{font-size: 13px;}
    .listing-date-box img{width: 21px; position: absolute;top: -1px;left: 0px; }
    .blog-content-box{ padding: 18px;}
    /*---related---blog---end---here---*/
    }

    @media only screen and (max-width: 1199px){
    .popular-image{ width: 75px; }
    .popular-content-box{ width: calc(100% - 75px);}
    .title-popular-blog{-webkit-line-clamp: 2;}
    .popular-image img{height: 80px;}
    }
    
    @media only screen and (max-width: 991px){
    .blog-listing-section .row .col-sm-4{ width: 50%;}
    .blog-detail-wraper .col-sm-8, .blog-detail-wraper .col-sm-4{width: 100%;}
    .blog-detail-wraper .col-sm-4{margin-top: 30px;}
    .popular-image {width: 200px;}
    .popular-image img{height: 145px;}
    .popular-content-box{width: calc(100% - 145px);}
    .related-news-wraper .swiper-button-prev, .related-news-wraper .swiper-button-next{bottom: -15px;}
    }
    @media only screen and (max-width: 767px){
        .related-news-wraper .swiper-button-prev, .related-news-wraper .swiper-button-next{display: none;}
        .popular-blog-list{max-height: initial;overflow: initial;}
        .title-popular-blog{-webkit-line-clamp: 3;}
        .blog-detail-image{border-radius: 12px;overflow: hidden;}
        .blog-detail-content{padding: 15px 0px 30px 0;background: none;}
        .blog-detail-wraper{padding-top: 35px;background-color: #F9F9F9;}
        .blog-detail-wraper .col-sm-4{margin-top: 0px;}
        .blog-detail-wraper .most-popular-wraper{background: #fff;margin-left: -15px;margin-right: -15px;padding: 0px 15px;padding-top: 30px;}
        
    }
    @media only screen and (max-width: 600px){
    .blog-listing-section .row{margin: 0px -10px;}
    .blog-listing-section .row .col-sm-4{ width: 50%; padding: 0px 10px; }
    .popular-image {width: 100px;}
    .popular-image img{ height: 103px;}
    .popular-content-box{width: calc(100% - 103px);}
    }
    @media only screen and (max-width: 599px){
    .blog-listing-section .row{margin: 0px;}
    .blog-listing-section .row .col-sm-4{ width: 100%;padding: 0px;}
    }
    
    @media only screen and (max-width: 394px){
    .listing-date-box{top: -3px; }
    }

/* ===== cart/cart.component.css ===== */
.cart-tile-section{background: #E3E9EF;padding: 30px 0px;}
.cart-tile-section .section-title{padding-bottom: 0px;}
.container-cart{width: 60%;margin: 0px auto;}
.cart-colm-left{width: 58%;padding: 0px 15px;}
.cart-colm-right{width: 42%;padding: 0px 15px;}
.cart-box{border: 1px solid var(--brand-text-border);padding: 30px 20px;border-radius: 8px;position: relative;box-shadow: 0px 4px 50px 0px rgb(0 0 0 / 9%);}
.cart-box.redbox{border-color: #ff0000;}
/*---added-package--box---start---here---*/

.package-title-box-cart{position: relative;padding-left: 60px;margin-bottom: 0px;}
.package-icon-cart{width: 50px;position: absolute;top: 0px;left: 0px;}
.package-icon-cart img{width: 100px;display: block;}
.package-discription-cart{padding: 12px 0px;font-size: 14px;}
.remoove-btn{position: absolute;z-index: 1; top: 24px;right: 30px;width: 30px;border-radius: 30px;padding: 4px;transition: all 0.3s;line-height: 0px;display: flex;justify-content: center; align-items: center;border: none;background: none;cursor: pointer;}
.remoove-btn img{width: 100%;}
.remoove-btn:hover{background: var(--light-bg);}
.package-title-box-cart .xsm-title{padding-right: 44px;}
.listing-box, .add-more-test-button{margin-bottom: 30px;}
.customer-name-list ul li{display: inline-block;padding: 0px 8px;border-right: 1px solid var(--brand-border);color: var(--brand-color);font-size: 14px;line-height: 14px;}
.customer-name-list{position: relative;padding: 10px; padding-left: 35px;background: var(--light-bg);border-radius: 2px;margin-bottom: 20px;padding-right: 75px;}
.customer-name-list .checkbox{position: absolute;top: 10px;left: 15px;}
.edit-button{position: absolute;top: 50%;right: 8px;background: #fff;border-radius: 3px;padding: 3px 5px;border: none;display: flex;align-items: center;transform: translate(0px, -50%);cursor: pointer;transition: all 0.3s;}
.edit-button:hover{background: #e9e9e9;}
.edit-button img{width: 20px;margin-right: 5px;}
.edit-button span{color: var(--brand-color);}
.add-member-box{padding: 25px 0px;border-top: 1px solid #ccc;padding-bottom: 0px;}
.btn-add-member{color: var(--brand-color);border: none;background: none;font-size: 14px;cursor: pointer;}
.checkmark-arrow{background: #fff;border: 2px solid #ccc;}
.checkbox input:checked~.checkmark-arrow {border: 2px solid var(--brand-border);}
.add-more-test-button .btn-radius{width: 100%;}
.package-title-box-cart .collection-select-package{width: 100% !important;margin-top: 15px;}
/*---added---box---end---here---*/

/*---cart---right---box---start---here---*/
.bill-sumery-wraper{border: 1px solid var(--brand-text-border);padding: 30px 20px;border-radius: 8px;box-shadow: 0px 4px 50px 0px rgb(0 0 0 / 9%);position: sticky;top: 135px;}
.bill-sumery-wraper .xsm-title{margin-bottom: 15px;}
.sent-bill{font-size: 14px;margin-bottom: 15px;}
.service-type{font-weight: 600;font-size: 14px;color: #1D2732;margin-bottom: 15px;}
.bill-listing{display: flex;padding-top: 15px;padding-bottom:5px; border-bottom:1px solid var(--brand-text-border);}
.bill-detail{width: 130px;text-align: right;}
.bill-title{width: calc(100% - 130px);padding-right: 5px;}
.inclusive-text{font-size: 12px;text-align: center;padding: 25px 0px;}
.btn-summery-box .btn-radius{width: 100%; margin-bottom: 10px;}
.bill-title{font-size: 14px;}
.items-price .price-package{font-size: 16px;font-weight: 600;}
.items-price .cut-price{font-size: 13px;margin-right: 5px;font-weight: 400;}
.collection-charge .green{color: #79D0BD;font-weight: 500;font-size: 16px;}
.collection-charge .price-package{font-size: 16px;}
/*---cart---right---box---end---here---*/

/*---choose---collection---start---here---*/
.collection-select{margin-bottom: 30px;}
.collection-select  .xsm-title{margin-bottom: 5px;}
.collection-select .book-now-header{margin-bottom: 20px;}
.choose-test {display: block;position: relative;padding: 15px 15px; padding-right: 35px; margin-bottom: 20px; cursor: pointer;font-size: 22px; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; display: flex;border-radius: 8px;border: 1px solid #C6CDD4;}
.choose-test:hover{ background: #f5f5f5;}
.choose-test:hover .checkmark-radio-test{animation: pulse2 1s infinite;box-shadow: 0 0 0 12px transparent;}
.choose-test:hover input:checked ~ .checkmark-radio-test{animation: none;}
.icon-choose-test{width: 38px;}
.icon-choose-test img{display: block;width: 100%;}
.content-type-text{width: calc(100% - 48px);padding-left: 15px;}
.choose-test input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark-radio-test { position: absolute;top: 50%;right: 12px; height: 21px; width: 21px; background-color: #fff;border: 1px solid var(--brand-border); border-radius: 50%;transform: translate(0px, -50%);line-height: 0px;}
.choose-test:hover input ~ .checkmark-radio-test {background-color: #f5f5f5;}
.checkmark-radio-test:after {content: ""; position: absolute; display: none;}
.choose-test input:checked ~ .checkmark-radio-test:after { display: block;}
.choose-test .checkmark-radio-test:after {top: 50%; left: 50%;padding: 6px; border-radius: 50%; background: var(--brand-bg); transform: translate(-50%, -50%);}
.collection-select .choose-test-type-box  .choose-test:last-child{margin-bottom: 0px;}
.collection-select .btn-radius{width: 100%;}
/*---choose---collection---end---here---*/


/*---clander---start---here---*/
.clander-box{padding-top: 0px;margin-bottom: 0px;}
.clander .demo-inline-calendar-card {width: 100%;box-shadow: none;}

/*---avalaible---slot---start---here---*/
.available-slots{margin-bottom: 10px;font-size: 14px;text-align: center;}
.avalaible-slot-box{padding: 20px;border-radius: 8px; border: 1px solid #E8EFF6;margin-top: 10px;color: #1D2732;font-weight: 500;}
.slot-wraper{display: flex;margin: 0px -8px;flex-wrap: wrap;}
.slot-wraper li{display: block;width: 33.333%;padding: 8px 8px;}
.slot-text-box{position: relative;z-index: 555;border: 1px solid #6F7883; padding: 10px 5px;display: block;width: 100%; border-radius: 5px;overflow: hidden;transition: all 0.3s;}
.slot-box {z-index: 1; display: block;position: relative;cursor: pointer;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.slot-box input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.slot-checkmark {position: absolute;top: 0;left: 0;right: 0px;bottom: 0px;}
.slot-box input:checked ~ .slot-text-box .slot-text{color: #fff;border:1px solid var(--brand-border);position: relative;z-index: 555;}
.slot-box input:checked ~ .slot-text-box .slot-checkmark {background-color: var(--brand-bg);}
.slot-text-box:hover{background: var(--light-bg);}
/*---avalaible---slot---end---here---*/

/*---selected---lab---start---here---*/
.nearest-lab-adddress{ padding-left: 30px; position: relative; margin-bottom: 30px;}
.nearest-lab-adddress a{ font-weight: 600; font-size: 14px; color: var(--brand-color);}
.icon-nearest-lab{position: absolute;top: 0px;left: 0px;width: 22px; display: block;}
.lab-center-box .lg-title{margin-bottom: 30px;position: relative;}
.lab-center-button-row{display: flex; margin: 0px -8px; margin-top: 40px;}
.lab-center-button-row .link-with-image span img{display: block;width: 15px; line-height: 0px;}
.btn-colm{ width: 50%; padding: 0px 8px;}
.nearest-lab-detail .row .col-sm-4{ margin-top: 30px;}
.btn-colm .btn-radius{width: 100%;}
.km-box img{width: 20px;margin-right: 5px;}
.km-box{font-size: 14px; position: absolute;top: 0px;right: 0px;display: inline-flex;color: var(--light-black-color);font-weight: 600;}
.btn-lab-choose .btn-radius{width: 100%;}
.view-detail-bill{display: none;}

.nodata-found-box{margin-top: 0px;}
.badge{font-size: 10px;padding: 5px 10px;margin-bottom: 5px;border-radius: 5px;color: #fff;display: inline-block;}
.badge.badge-green{background-color: #00A300;}
.collection-select-package{margin-top: 20px;}
.apply-coupen{color: var(--brand-color);font-weight: 500;cursor: pointer;}
.apply-coupen a{color: var(--brand-color);font-weight: 500;cursor: pointer;}
.coupen-applied-box{display: flex;align-items: center;}
.coupen-applied-box svg{margin-right: 5px;}
.coupen-applied-box .apply-coupen{color: rgba(29, 39, 50, 1);}
.cart-btn-row .col-sm-6:nth-of-type(1) .btn-radius{background: none;color: var(--brand-color);}
.cart-btn-row {margin: 0px -6px;}
.cart-btn-row .col-sm-6{padding: 0px 6px;}

@media only screen and (min-width: 1900px){

/*---choose---collection---start---here---*/
.checkmark-radio-test{width: 25px;height: 25px;}
.choose-test .checkmark-radio-test:after{transform: translate(-48%, -54%);padding: 7px;}
.icon-choose-test {width: 49px;}
.content-type-text{width: calc(100% - 60px);}
/*---choose---collection---end---here---*/

/*---added-package--box---start---here---*/
.package-discription-cart, .available-slots, .sent-bill, .service-type, .bill-title, .collection-charge .green, .items-price  .price-package{font-size: 16px;}
.customer-name-list ul li, .btn-add-member{font-size: 18px;}
.edit-button{font-size: 14px;}
.items-price .price-package{font-size: 20px;}
.choose-test .checkmark-radio-test:after { transform: translate(-53%, -47%);}
.bill-sumery-wraper{top: 185px;}

/*---selected---lab---start---here---*/
.km-box img{width: 24px;}
.km-box{font-size: 16px;}
.apply-coupen{font-size: 18px;}

}
@media only screen and (max-width: 1400px){
/*---choose---collection---start---here---*/
.icon-choose-test{width: 34px;}
/* .content-type-text{ width: calc(100% - 38px);} */
/*---choose---collection---end---here---*/

/*---added-package--box---start---here---*/
.package-discription-cart, .available-slots, .sent-bill, .service-type, .bill-title, .collection-charge .green, .items-price  .price-package{font-size: 13px;}
.customer-name-list ul li, .btn-add-member{font-size: 14px;}
.inclusive-text{font-size: 10px;}
.service-type{margin-bottom: 5px;}

}

@media only screen and (max-width: 1299px){
  .container-cart { width: 98%;padding: 0px 15px;}
}

@media only screen and (max-width: 991px){
.slot-text{font-size: 11px;}
}

@media only screen and (max-width: 767px){
.container-cart {width: 100%;}
.slot-text{font-size: 13px;}
.cart-colm-left, .cart-colm-right{width: 100%;padding: 0px;}
.cart-colm-right{margin-top: 30px;}
.slot-wraper li{width: 33.333%;}
.avalaible-slot-box{padding-left: 8px;padding-right: 8px;}
.slot-text-box{padding: 8px 0px;}
.clander-box{padding: 5px;}
.bill-listing{align-items: center;}
.remoove-btn{right: 15px;}
.package-title-box-cart .xsm-title{padding-right: 32px;}
.bill-sumery-wraper{position: static;}
.lab-center-box .lg-title{line-height: 24px;}
.lab-center-box .lg-title, .nearest-lab-adddress, .nearest-lab-adddress{margin-bottom: 15px;}

.nearest-lab-adddress{padding-left: 38px;}
.icon-nearest-lab{width: 28px;}

.fixed-Payment-Box{position: fixed;bottom: 0px;z-index: 666;left: 0px;right: 0px;padding: 10px 15px;background: #fff;display: flex;box-shadow: 0px 4px 30px 0px rgb(0 0 0 / 9%);align-items: center;}
.fixed-Payment-Box .bill-title, .fixed-Payment-Box .inclusive-text{display: none;}
.fixed-Payment-Box .bill-listing{border-bottom: none;width: 50%;padding: 0px;display: block;}
.fixed-Payment-Box .btn-summery-box{width: 50%;}
.fixed-Payment-Box .bill-detail { width: 100%;text-align: left;padding-right: 5px;color: #455E77;}
.fixed-Payment-Box .view-detail-bill{display: block;font-size: 13px;margin-top: 3px;}
.view-detail-bill img{position: relative;width: 12px;display: inline-block;margin-left: 3px;top: -1px;}


}
@media only screen and (max-width: 375px){
    .slot-text{font-size: 11px;}
    .btn-summery-box .btn-radius{font-size: 10px;}
    .cart-box{padding: 15px;}
}

/* ===== category-details/category-details.component.css ===== */
.category-listing  .popular-package-box{margin-bottom: 30px;}
.category-listing{padding-bottom: 0px !important;}
.category-listing .relative-box{ margin-bottom: -30px;}


.tab-symptoms-list li{display: inline-block;margin-right: 10px;}
.tab-symptoms-list li{min-width: 190px;text-align: center;display: inline-block;padding: 10px 30px;border: 1px solid var(--brand-text-border);border-radius: 30px;font-weight: 700;font-size: 13px;color: var(--light-black-color);cursor: pointer;}
.tab-symptoms-list li.active{background: var(--brand-bg);color: #fff;border:1px solid var(--brand-border);}
.symptoms-row-tab{margin-bottom: 35px;}
.symptoms-search-box{position: relative;}
.symptoms-search-box input{border: 1px solid var(--brand-text-border);padding-right: 100px;border-radius: 30px;background: none;padding: 13px 15px 13px 35px;font-size: 12px;color: var(--light-black-color);font-weight: 600;}
.symptoms-search-box{width: 100%;}
.symptoms-search-box input::placeholder{font-size: 12px;color: var(--light-black-color);font-weight: 600;color: var(--light-black-color);}
.symptoms-search-box input:focus{outline: none;box-shadow: 0px 0px 10px rgb(24 93 169 / 13%);}
.search-icon{position: absolute; top: 14px; left: 14px;line-height: 0px;}
.symptoms-search-box .btn-radius{position: absolute;right: 0px;top: 0px;bottom: 0px;min-width: 95px;}
.symptoms-search-box .btn-radius:hover{box-shadow:none; color: #fff;}
.search-icon svg{width: 13px;}

/*---view---all---slide---start---here---*/
.view-all-slide-wraper{position: relative;padding-right: 110px;margin-top: 0px;margin-bottom: 30px;}
.view-all-slide-wraper .exploreTestSlide {overflow: hidden;border-bottom: 1px solid var(--brand-text-border);padding-bottom: 15px;}
.view-all-slide-wraper .swiper-slide{width: fit-content;}
.view-all-slide-wraper .swiper-button-prev, .view-all-slide-wraper .swiper-button-next{transform: none;display: block !important;}
.view-all-slide-wraper .swiper-button-next{right: 0px !important;}
.view-all-slide-wraper .swiper-button-prev{right: 50px !important;left: auto;}
.view-all-list{color: var(--light-black-color);font-size: 14px;cursor: pointer;position: relative;text-transform: capitalize;}
.view-all-list.active{color: var(--brand-color);font-weight: 500;}
.view-all-list.active:after{content: '';position: absolute;bottom: -16px;left: 0px;right: 0px;height: 2px;background: var(--brand-bg);}
.row-view-detail-wrpaer{padding-top: 30px;}
.row-view-detail-wrpaer .popular-package-box{margin-top: 30px;}
/* .section-view-detail{padding-bottom: 0px !important;} */

@media only screen and (min-width: 1920px){
    /*---search---symptoms---start---here---*/
    .symptoms-icon-box img { width: 120px;}
    .link-symptoms p{font-size: 20px;line-height: 24px;}
    .tab-symptoms-list li{min-width: 230px;}
    
    /*---tab---start---here---*/
    .tab-symptoms-list li{padding: 12px 30px;font-size: 18px;}
    .symptoms-search-box input{padding: 18px 15px 18px 45px;font-size: 15px;}
    .symptoms-search-box input::placeholder{font-size: 15px;}
    .search-icon svg{width: 16px;}
    .search-icon { top: 20px;left: 20px;}
    
    
    /*---view---all---slide---start---here---*/
    .view-all-list{font-size: 18px;}
    .view-all-list.active:after{bottom: -15px;}
    .view-all-slide-wraper{padding-right: 145px;}
    .view-all-slide-wraper .swiper-button-prev{right: 65px !important;}
    
    }

    @media only screen and (max-width: 1400px){
   
    /*---tab---start---here---*/
    .tab-symptoms-list li{font-size: 12px;}
    .symptoms-search-box input, .symptoms-search-box input::placeholder{font-size: 11px; }
    .symptoms-search-box input{padding: 12px 12px 12px 35px }
    .search-icon{top: 12px;}
    .tab-symptoms-list li{padding-top: 8px; padding-bottom: 8px;}

        /*---view---all---slide---start---here---*/
        .view-all-slide-wraper{margin-top: 40px;}
        .row-view-detail-wrpaer{padding-top: 15px;}

    }

@media only screen and (max-width: 1199px){
.category-listing .col-sm-4{width: 50%;}
}

@media only screen and (max-width: 991px){
/*---tab---start---here---*/
.symptoms-search-box {width: 100%;}
.symptoms-row-tab .col-sm-8{width: 65%;}
.symptoms-row-tab .col-sm-4{width: 35%;}
}

@media only screen and (max-width: 767px){
.category-listing .row{ margin: 0px -5px;}
.category-listing .col-sm-4{padding: 0px 5px;}
.category-listing .relative-box{ margin-bottom: 0px;}
.category-listing .view-all-btn-box{margin-top: 0px;}

/*---tab---start---here---*/
.symptoms-search-box {width: 100%;}
.symptoms-row-tab .col-sm-8{width: 100%;order: 2;text-align: center;margin-bottom: 15px;}
.symptoms-row-tab .col-sm-4{width: 100%;order: 1;margin-bottom: 15px;}
.tab-symptoms-list li{min-width: initial;}
}

@media only screen and (max-width: 600px){
.category-listing .row{margin: 0px;}
.category-listing .col-sm-4{ padding: 0px; width: 100%;}
/*---search---symptoms---start---here---*/
.tab-menu-list ul{display: flex;margin: 0px -5px;}
.tab-symptoms-list li{padding: 9px 5px;flex: 1 1;margin: 0px 5px;}
.symptoms-row-tab{margin-bottom: 0px;}
.symptoms-search-box input {padding: 13px 12px 13px 35px}
.search-icon{ top: 13px;}

/*---view---all---slide---start---here---*/
.view-all-slide-wraper .swiper-button-prev, .view-all-slide-wraper .swiper-button-next{display: none !important;}
.view-all-slide-wraper{padding-right: 0px;margin-right: -15px;margin-top: 10px;}
.row-view-detail-wrpaer.row{margin: 0px;}
.row-view-detail-wrpaer .col-sm-4{ padding: 0px; width: 100%;}
}

@media only screen and (max-width: 360px){
    /*---search---symptoms---start---here---*/
    .tab-symptoms-list li{padding: 11px 10px;}
    .tab-symptoms-list li{font-size: 10px;}
    }
        

/* ===== components/account-nav/account-nav.component.css ===== */


/* ===== components/check-report/check-report.component.css ===== */
.check-report-wraper{position: relative; border-radius: 8px; overflow: hidden; background-color: #fff;}
.check-report-wraper .popup-title {color: var(--brand-color);background: #EFF4F9;}
.order-number{font-size: 14px;color: var(--brand-color);text-align: center;margin: 0px;}
.check-report-wraper .order-number{margin: 30px 0;}


.list-progress{display: flex;justify-content: space-between;}
.list-progress-wraper{position: relative;}
.list-progress-wraper:after{content: '';top: 9px;left: 67px;right: 65px; height: 1px;border-top: 2px dashed rgba(198, 198, 198, 1);position: absolute;}
.list-progress-wraper:before{content: ''; top: 9px; left: 67px;width:40%; height: 1px;border-top:2px  dashed var(--brand-border);position: absolute;z-index: 1;}
.list-progress-wraper.active:before{right: 65px;width: auto;}
.list-progress li {position: relative;padding-top: 30px;display: inline-block;font-weight: 600;font-size: 13px;color: rgba(29, 39, 50, 1);}
.list-progress li:after{content: '';position: absolute;top: 0px;left: 50%;transform: translate(-50%, 0px); width: 16px;height: 16px;border: 1px solid var(--brand-border);border-radius: 30px;}
.check-report-content{    padding: 0px 40px 20px 40px;}
.list-progress li:before{display: none; content: '';position: absolute;top: 4px;width: 9px;height: 9px;border-radius: 30px;background: var(--brand-bg);left: 50%;transform: translate(-50%, 0px);}
.list-progress li.active:before{display: block;}
.btn-check-report{margin-top: 30px;}
.btn-check-report .btn-radius{width: 100%;}
.btn-check-report .btn-radius.inactive{pointer-events: none; background-color: #D22B2B; border: 0; }

@media only screen and (min-width: 1900px) {
    .check-report-wraper .popup-title{font-size: 20px;}
}

@media only screen and (max-width: 360px) {
    .list-progress li{font-size: 10px;}
    .check-report-content {padding: 0px 15px 20px 15px;}
    .list-progress-wraper:after{left: 54px;right: 53px;}
    .list-progress-wraper:before {content: '';top: 9px;left: 53px;}
    .list-progress-wraper:before{width: 30%;}
    .list-progress-wraper.active:before{right: 54px;}
}


/* ===== components/coupon-apply/coupon-apply.component.css ===== */
.symptoms-search-box{position: relative;}
.symptoms-search-box input{border: 1px solid var(--brand-text-border);padding-right: 100px;border-radius: 30px;background: none;padding: 13px 15px 13px 15px;font-size: 12px;color: var(--light-black-color);font-weight: 600;}
.symptoms-search-box{width: 100%;margin-bottom: 10px;}
.symptoms-search-box input::placeholder{font-size: 14px;color: var(--light-black-color);font-weight: 400;color: var(--light-black-color);}
.symptoms-search-box input:focus{outline: none;box-shadow: 0px 0px 10px rgb(24 93 169 / 13%);}
.search-icon{position: absolute; top: 14px; left: 14px;line-height: 0px;}
.symptoms-search-box .btn-radius{position: absolute;right: 0px;top: 0px;bottom: 0px;min-width: 95px;}
.symptoms-search-box .btn-radius:hover{box-shadow:none; color: #fff;}
.search-icon svg{width: 13px;}

.coupen-listing-wraper{padding: 25px 40px;}
.coupen-code{border: 1px dashed var(--brand-border);font-size: 16px;font-weight: 700;padding: 15px;display: inline-block;color: var(--brand-color);}
.coupen-listing{padding: 20px 0px;border-bottom: 1px solid rgba(232, 239, 246, 1);}
.apply-code{display: inline-block;color: var(--brand-color);font-weight: 600;font-size: 16px;margin-left: 30px;}
.coupen-bar-box{display: flex;align-items: center;cursor: pointer;margin-bottom: 5px;}
.save-price{font-size: 14px;font-weight: 600;color: rgba(29, 39, 50, 1);padding-top: 10px; }
.expires-on-box span{display: inline-block;padding: 0px 10px;border-right: 1px solid var(--brand-text-border);}
.expires-on-box span:first-child{padding-left: 0px;}
.expires-on-box span:last-child{padding-right: 0px;border-right: none;}
.coupen-text{font-size: 14px;padding-top: 8px;color: rgba(29, 39, 50, 1);}


@media only screen and (min-width: 1900px){
.symptoms-search-box input{padding: 18px 15px 18px 15px;font-size: 18px;}
.symptoms-search-box input::placeholder{font-size: 18px;}
.coupen-code, .apply-code, .save-price{font-size: 18px;}
}

@media only screen and (max-width: 1400px){
    .symptoms-search-box input, .symptoms-search-box input::placeholder{font-size: 11px; }
.symptoms-search-box input{padding: 12px 12px 12px 35px }
.coupen-listing-wraper{padding: 25px;}
}

@media only screen and (max-width: 493px){
    .coupen-listing-wraper{padding: 20px 8px;}
    
}
@media only screen and (max-width: 360px){
    .coupen-text{font-size: 11px;padding-top: 10px;}
}

/* ===== components/download-app/download-app.component.css ===== */
/*---app---section---start---here---*/
.app-section-bg{background: url(../../../assets/images/homepage/dowenload-app-store-bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 80px;padding: 70px 70px 0px 70px;border-radius: 16px;overflow: hidden;}
.app-qr-box{width: 45%;margin: 0px auto;}
.app-section-content .xl-title{color: #fff;}
.app-section-content p{color: #fff;margin: 20px 0px 30px 0px;}
.colm-app-link{display: flex;}
.ios-app-link {width: 150px;}
.ios-app-link:nth-of-type(2){margin-left: 15px;}
.ios-app-link a{display: block;transition: all 0.3s;}
.ios-app-link a:hover{opacity: 0.8;}
.ios-app-link img{display: block;width: 100%;}
.app-section-content-right{height: 100%;text-align: center;margin-top: 25%;}
.app-section-content-right p{font-size: 15px;font-weight: 600;line-height: 20px;color: #fff;text-align: center;}

@media only screen and (min-width: 1920px){
.app-section-content p{  margin-bottom: 40px;}
.app-section-content-right p{font-size: 20px; line-height: 24px; }
}

@media only screen and (max-width: 1400px){
/*---dowenload---section-start---here---*/
.app-section-content p {margin: 10px 0px 20px 0px;}
.app-section-content-right p{font-size: 14px;}
.app-qr-box{width: 50%;}
.app-section-bg{padding: 60px 60px 0px 60px;}
}

@media only screen and (max-width: 1299px){
/*---dowenload---section-start---here---*/
.app-qr-box {width: 60%;}
}

@media only screen and (max-width: 991px){
/*---dowenload---section-start---here---*/
.app-section-bg .col-sm-3{width: 100%;}
.app-section-bg .colm-app:nth-of-type(1){order: 3;}
.app-section-bg .colm-app:nth-of-type(2){order: 2;width: 100%;}
.app-section-bg .colm-app:nth-of-type(3){order: 1;;}
.app-section-content-right{margin-top: 0px;margin-bottom: 60px;}
.app-section-content{width: 60%;text-align: center;margin: 40px auto;margin-bottom: 60px;}
.colm-app-link{justify-content: center;}
}

@media only screen and (max-width: 767px){
 /*---dowenload---section-start---here---*/
.app-section-bg {padding: 30px 30px 0px 30px;}
.app-section-content {width: 89%;}
.app-section-content-right{margin-bottom: 30px;}
}

@media only screen and (max-width: 479px){
 /*---dowenload---section-start---here---*/
.app-section-content {width: 100%;margin-top: 30px;margin-bottom: 30px;}
.app-section-content-right{margin-bottom: 20px;}

/*---tab---start---here---*/
.tab-symptoms-list li a{padding: 12px 13px;}.tab-symptoms-list li:last-child{margin-right: 0px;}
}

@media only screen and (max-width: 360px){
/*---dowenload---section-start---here---*/
.tab-symptoms-list li a {padding: 11px 10px;}
.tab-symptoms-list li a {font-size: 10px;}
}

/* ===== components/edit-main-user-detail/edit-main-user-detail.component.css ===== */
.pationt-detail{border-radius: 16px;overflow: hidden;}
.pationt-detail-form{padding: 20px;padding-bottom: 0px;background-color: #FAFFFF;max-height: calc(90vh - 122px);overflow: auto;}
.pationt-detail-form .input-box input, .pationt-detail-form .input-box select, .pationt-detail-form .input-box textarea{background: none;}
.pationt-detail-row{margin: 0px -8px;}
.ppationt-detail-row .col-sm-6{padding: 0px 8px;}
.pationt-detail-form::-webkit-scrollbar {width: 10px;}
.pationt-detail-form::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 30px; }
.pationt-detail-form::-webkit-scrollbar-thumb { background: #888;border-radius: 30px; }
.pationt-detail-form::-webkit-scrollbar-thumb:hover {background: #555; }

@media only screen and (max-width: 767px){
.pationt-detail-row{margin: 0px -8px;}
.pationt-detail-row .col-sm-6{width: 50%;padding: 0px 8px;}  
}

/* ===== components/edit-member-detail/edit-member-detail.component.css ===== */
.pationt-detail{border-radius: 16px;overflow: hidden;}
.pationt-detail-form{padding: 20px;padding-bottom: 0px;background-color: #FAFFFF;max-height: calc(90vh - 122px);overflow: auto;}
.pationt-detail-form .input-box input, .pationt-detail-form .input-box select, .pationt-detail-form .input-box textarea{background: none;}
.pationt-detail-row{margin: 0px -8px;}
.ppationt-detail-row .col-sm-6{padding: 0px 8px;}
.pationt-detail-form::-webkit-scrollbar {width: 10px;}
.pationt-detail-form::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 30px; }
.pationt-detail-form::-webkit-scrollbar-thumb { background: #888;border-radius: 30px; }
.pationt-detail-form::-webkit-scrollbar-thumb:hover {background: #555; }

@media only screen and (max-width: 767px){
.pationt-detail-row{margin: 0px -8px;}
.pationt-detail-row .col-sm-6{width: 50%;padding: 0px 8px;}  
}

/* ===== components/faq-item/faq-item.component.css ===== */
.faq-content div{font-size: 14px;line-height: 22px;font-weight: 400;}
.inner-faq-colm { padding: 14px 0px;border-bottom: 1px solid var(--brand-text-border);direction: ltr;}
.inner-faq-colm:first-child .accordian-title:before { content: '';position: absolute; width: 100%;left: 0px;right: 0px; height: 1px; top: -15px; background: var(--brand-text-border);}
.inner-faq-colm:first-child .accordian-title.is-open:before { display: none;}
.inner-faq-colm:first-child:first-child {padding-top: 0px;}
.faq-content {display: none;padding:  0px;}
.accordian-title.is-open+.faq-content {display: block;}
.accordian-title.is-open+.faq-content {display: block;}
.accordian-title {color: var(--light-black-color);font-size: 16px;font-weight: 500;line-height: 22px;position: relative;cursor: pointer;padding-right: 30px;}
.accordian-title.is-open {color: var(--brand-color); font-size: 18px; font-weight: 700;}
.accordian-title:after { content: '+'; position: absolute; top: 2px; right: 0px; width: 16px; height: 16px; border-radius: 30px; font-size: 16px;display: flex; justify-content: center;color: var(--light-black-color);font-weight: 500; border: 1px solid var(--light-black-border);line-height: 15px;}
.accordian-title.is-open:after {content: '-'; font-size: 15px;line-height: 16px;color: var(--brand-color); border: 1px solid var(--brand-border);}
.inner-faq-colm:first-child .accordian-title:before { content: ''; position: absolute; width: 100%; left: 0px; right: 0px; height: 1px; top: -15px; background: var(--brand-text-border);}
.inner-faq-colm:first-child .accordian-title.is-open:before {display: none;}

@media only screen and (min-width: 1920px) {
.inner-faq-colm {padding: 20px 0px;}
.faq-content div{ font-size: 18px; line-height: 32px; }
/* .faq-content { padding: 30px 0px 70px 0px;} */
.accordian-title {font-size: 20px; line-height: 29px;}
.accordian-title.is-open {font-size: 24px;  line-height: 29px;}
.accordian-title:after {width: 19px;height: 19px;border: 2px solid var(--light-black-border); font-size: 21px;line-height: 18px;}
.accordian-title.is-open:after {font-size: 26px; line-height: 18px; border: 2px solid var(--brand-border);}
}

@media only screen and (max-width: 1400px) {
/* .faq-content { padding-bottom: 40px; } */
.accordian-title.is-open {font-size: 16px;}
.accordian-title { font-size: 14px; line-height: 20px;}
.accordian-title:after{line-height: 14px;}
}

@media only screen and (max-width: 991px) {
.faq-content { padding: 0px;}
.view-all-btn-box {position: static;margin-top: 30px;text-align: center;}
}

@media only screen and (max-width: 767px) {
.accordian-title:after { width: 20px; height: 20px; line-height: 20px;}
.accordian-title.is-open:after {content: '-';font-size: 21px; line-height: 18px;}
.accordian-title.is-open { line-height: 23px; }
}

@media only screen and (max-width: 600px) {
.slider-box{ margin: 0px; padding: 0px 0px; margin: 0px -15px;}
.faq-content div{ font-size: 13px; line-height: 20px;}
}

/* ===== components/hero-banner/hero-banner.component.css ===== */
/*---banner---section---start---here---*/
.banner-section{
    /* padding-top: 30px; */
    background: var(--light-bg);}
.banner-btn-box{margin-top: 40px;}
.hero-banner-wrap{position: relative;}
.banner-div{position: relative;width: 88%;margin-left: auto;}
.banner-content{width: 430px;padding-top: 65px;}
.banner-image{margin-left: -5%;}
.banner-strip{position: absolute;left: 0;bottom: 15px;right: 0; margin: auto; display: table;}
.banner-btn-box .btn-radius{margin-right: 10px;}

/*--fixid--link---start---hrer---*/
.fixid-link{background: #fff;border-radius: 5px;overflow: hidden;border:1px solid var(--brand-text-border);display: inline-block;}
.list-fix-box{display: inline-flex;}
.list-fix-box li{display: inline-flex;border-right: 1px solid var(--brand-text-border);align-items: center; line-height: normal;}
.list-fix-box li:last-child{border-right: 0px;}
.list-fix-box li a{display: flex;padding: 10px 34px;align-items: center;transition: all 0.4s;cursor: pointer;}
.list-fix-box li a:hover{background: #f7f7f7;box-shadow: inset 0px 0px 3px #185da9}
.list-fix-box li img{width: 50px;}
.list-fix-box li span{width: calc(100% - 50px); color: var(--brand-color);font-weight: 700;font-size: 14px;transition: all 0.3s;text-transform: capitalize;padding-left: 10px;}

@media only screen and (min-width: 1920px){
/*---banner-start---here--*/
 .banner-div{width: 91%;}
 .banner-content { width: 561px;}

 /*--fixid--link---start---hrer---*/
.list-fix-box li span {font-size: 18px;}
.list-fix-box li img {width: 70px;}
.list-fix-box li a {padding: 10px 42px;}
.banner-btn-box .btn-radius{margin-right: 15px;}
}

@media only screen and (max-width: 1400px){
/*---banner-start---here--*/
.banner-content {width: 365px;}

/*--fixid--link---start---hrer---*/
.list-fix-box li img {width: 42px;}
.list-fix-box li span {width: calc(100% - 42px);font-size: 13px;}
.list-fix-box li a{padding: 8px 28px; }
}

@media only screen and (max-width: 1299px){
/*---banner---section---start---here---*/
.banner-div{ width: 100%;}
.fixid-link{display: block;}
.list-fix-box{justify-content: space-between;width: 100%;}

}
@media only screen and (max-width: 1300px) and (min-width: 992px){
    .list-fix-box li{width: 25%;justify-content: center;}
}

@media only screen and (max-width: 991px){
/*---banner---section---start---here---*/
.banner-content{width: 100%;display: block;padding-top: 0px;}
.banner-btn-box {margin-top: 15px;}
.banner-div .row{align-items: center;}

/*---banner---strip---start---here---*/
.fix-strip footer{ padding-bottom: 145px;}
.banner-strip {position: fixed;z-index: 666; background: #fff;bottom: 0px; width: 100%;}
.fixid-link{border-radius: 0px;}
.list-fix-box li a{display: block;width: 100%;padding: 10px 5px;}
.list-fix-box li img{width: 45px;margin: 0px auto; display: block;}
.list-fix-box li span{width: 100%; display: block;padding-left: 0px;text-align: center;}
.list-fix-box li{ width: 25%;}

}

@media only screen and (max-width: 767px){
/*---banner---start---here--*/
.fix-strip footer{padding-bottom: 158px; }
.banner-content{width: 500px;margin: 0px auto;text-align: center;padding: 30px 15px;}
.banner-section .container{padding:0px;}
.banner-section{padding-top:0px;}

}

@media only screen and (max-width: 600px){
    
/*---banner---start---here--*/
.banner-content{width: 100%;margin: 0px auto;text-align: center;padding: 30px 30px;}
/*---banner---strip---start---here---*/
.fix-strip footer {padding-bottom: 140px;}
.list-fix-box li span{font-size: 11px;}
.list-fix-box li img {width: 40px;margin-bottom: 5px;}
.list-fix-box li:first-child span{width: 63px;margin: 0px auto;}
.list-fix-box li:last-child span {padding: 0px 15px;text-align: center;}
.list-fix-box li{align-items: initial;line-height: 13px;}
}

@media only screen and (max-width: 394px){
/*---banner-start---here---*/
.list-fix-box li:last-child span {padding: 0px 0px; text-align: center;}
}

@media only screen and (max-width: 360px){
/*---banner---start---here---*/
.banner-content{padding: 30px 15px;}
.list-fix-box li span{font-size: 8px;}
}

/* ===== components/inner-banner/inner-banner.component.css ===== */
.nearest-lab-banner {
    background: var(--light-bg);
    border-radius: 12px;
    padding: 0 30px;
    height: 100%;
}

.nearest-lab-banner .banner-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
}

.nearest-lab-banner .banner-content {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 30px;
}

.nearest-lab-banner .banner-content .banner-content-inner {
    width: 400px;
    max-width: 100%;
}

.nearest-lab-banner .banner-image {
    width: 50%;
    display: flex;
    align-items: end;
    padding-top: 30px;
    justify-content: center;
}
.nearest-lab-banner .banner-image img{
    width: 85%;
}

@media only screen and (max-width: 767px) {
    .nearest-lab-banner .banner-content {
        text-align: center;
        width: 370px;
        padding-top: 50px;
        margin: 0px auto;
        margin-bottom: 40px;
        width: 100%;
        padding-right: 0;
    }
    .nearest-lab-banner .banner-image{
        width: 100%;
        padding-top: 0;
        display: block;
        text-align: center;
    }
}

/* ===== components/inner-common-banner/inner-common-banner.component.css ===== */

.inner-common-Banner{background: var(--light-bg);padding-top: 40px;}
.inner-common-banner-contaner{ padding: 0px 15px; width: 65%; margin: 0px auto;}
.partner-banner-image{display: block;width: 100%;}
.banner-row{ display: flex;align-items: center;}
.inner-common-banner-content{padding-right: 15px;}
.inner-common-banner-content-colm{width: 65%;}
.inner-common-banner-image-colm{width: 35%;}

@media only screen and (max-width: 1199px){
.inner-common-banner-contaner{width: 85%;}
}

@media only screen and (max-width: 991px){
/*---partner---with---us---banner---start---here---*/
.inner-common-banner-contaner{ width: 98%; }     
/*---partner---with---us---form---wraper---start---here---*/
}

@media only screen and (max-width: 767px){
.banner-row{flex-wrap: wrap;}
.inner-common-banner-content-colm{width: 100%;text-align: center; }
.inner-common-banner-image-colm{width: 100%;}
.inner-common-banner-content{margin-top: 0px; margin-bottom: 30px; padding: 0px; }
}

/* ===== components/login/login.component.css ===== */
/*log-in-start--here---*/
.login-bg-layer{ position: fixed;top: 0px; left: 0px; right: 0px; bottom: 0px; background: #000; opacity: 0.5 !important; z-index: 998;}
.colm-left-form-box{  width: 53%; background: #fff;}
.colm-right-form-box{width: 47%;padding-top: 75%;position: relative;}
.image-login{position: absolute;top: 0px; left: 0px;right: 0px;bottom: 0px; height: 100%; object-fit: cover;}
.login-wraper{ width: 49%; position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 999; }
.modal-wraper-inner{ max-height: 95vh; overflow: auto;display: flex; align-items: center;}
.image-login{ width: 100%;display: block;}
.sign-page-form-wraper{padding: 40px 45px 45px 45px; height: 100%; position: relative;}
.login-wraper .xl-title{ font-size: 30px; color: #1D2732; font-weight: 600;}
.sign-in-content p{ font-weight: 400; color: #1D2732;  margin-top: 8px;}
.log-in-wraper-inner{border-radius: 10px;overflow: hidden; width: 100%;}
.sign-in-wraper{ height: 100%; position: relative;}
.bottom-box-form-wraper{ position: absolute; left: 0px; right: 0px; bottom: 40px; text-align: center; font-size: 13px;}
.link-form{  color: var(--brand-color);font-weight: 600; display: inline-block; cursor: pointer;}
.link-form:hover{ text-decoration: underline;}

/*---sign-up---star---here---*/
.log-in-wraper-inner .sign-up-center-row { margin: 0px -8px;}
.sign-up-center-row .col-sm-6{ padding: 0px 8px;}
.sign-up-center-row .col-sm-6 .input-box{position: relative;}
.sign-up-form{ margin-top: 25px;}
.sign-up-wraper{ display: flex; align-items: center;  height: 100%;}
.sign-up-wraper-inner{  width: 100%;}
.sign-up-wraper .bottom-box-form-wraper{  position: static;  margin-top: 20px;}

/*---otp---wraper---*/
.timer-flex{ display: flex; justify-content: space-between;}
.timer{  width: 50%; text-align: left;  font-size: 14px; color: #000;}
.resend-otp-box{ width: 50%; text-align: right;}
.resend-otp{ background: none; border: none;  color: #000;cursor: pointer;}
.otp-input-wraper{margin-top: 30px;}
.otp-submit{ margin: 40px 0px; cursor: pointer;}
.otp-bottom-link{ text-align: center;}
.otp-bottom-link .link-form{ text-decoration: underline; font-weight: 500;  font-size: 14px;}
.close-wraper{ position: absolute; top: -16px; right: -15px; width: 33px;display: block; z-index: 9; cursor: pointer;}
.log-in-wraper-inner .row{ margin: 0px;}
.colm-left-form-box{ padding: 0px;}
.log-in-wraper-inner .sign-up-center-row {  margin: 0px -8px !important;}

/*---verfication---start---here---*/
.otp-verfied-wraper{ position: fixed; z-index: 99999999999; background: #fff; width: 32%; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 50px 100px;border-radius: 10px;}
.otp-verfied-content{text-align: center;}
.otp-verfied-content .xl-title{color: #50C878;font-weight: 600;}
.image-otp-verify{ padding: 50px 0px;}
.image-otp-verify img{ display: block;  margin: 0px auto; width: 68%;}
.verfication-link .btn-radius{ width: 100%; display: block; margin: 0px auto; font-weight: 400;}
.otp-verfied-wraper .close-wraper{ right: -12px; box-shadow: 0px 0px 10px rgb(0 0 0 / 13%); border-radius: 30px;}

@media only screen and (min-width: 1920px){
 /*log-in---start---here*/
 .login-wraper .xl-title {font-size: 40px;color: #1D2732;font-weight: 600;line-height: 48px;}
.bottom-box-form-wraper{ font-size: 14px;}
.timer, .resend-otp, .link-form{font-size: 16px;}
.close-wraper{ width: 38px;}
}

@media only screen and (max-width: 1400px){
/*log-in---start---here---*/
.sign-page-form-wraper{padding: 20px; }
.sign-up-form{ margin-top: 15px;}
.login-wraper .xl-title{font-size: 22px;}
.close-wraper{width: 28px; right: -14px;}
.timer, .resend-otp{ font-size: 13px;}
}


@media only screen and (max-width: 1199px){
/*log-in---start---here---*/
.login-wraper{width: 70%;}
/*---verfication---start---here---*/
.otp-verfied-wraper{width: 480px;}
}

@media only screen and (max-width: 991px){
 /*log-in---start---here---*/
 .login-wraper{ width: 85%; }   
}


@media only screen and (max-width: 767px){
/*---log-in---start---here---*/
.login-wraper{width: 450px;padding: 0px 15px;}
.colm-right-form-box{ display: none;}
.colm-left-form-box{ width: 100%;}
.bottom-box-form-wraper{ position: static; margin-top: 20px;}
.input-box input, .input-box input[type="date"], .input-box select{ padding: 12px 15px;}
/* .phone-number-input input{ padding-left: 62px;} */
.login-wraper .btn-radius {padding: 12px 15px;}
.sign-in-form{ margin-top: 30px;}
.login-wraper .xl-title{ font-size: 28px;}
.log-in-wraper-inner .row>*{ padding: 0px;}
.log-in-wraper-inner .sign-up-center-row{ margin: 0px;}
}
@media only screen and (max-width: 500px){
/*---log-in---start---here---*/
.login-wraper{width: 100%;}
.close-wraper{right: 8px;}
.close-wraper img{ border-radius: 30px; box-shadow: 0px 0px 10px rgb(0 0 0 / 12%); }
.modal-wraper-inner{  max-height: 85vh; display: block;}

/*---verfication---start---here---*/
.otp-verfied-wraper{ width: 92%; padding: 30px 15px; }
.image-otp-verify img{width: 150px;}
.otp-verfied-content .xl-title { font-size: 28px;line-height: 29px;}
.otp-verfied-wraper .close-wraper{right: -8px;}
.log-in-wraper-inner .sign-up-center-row {  margin: 0px !important;}
}


/* ===== components/order-details/order-details.component.css ===== */
.order-number{font-size: 14px;color: var(--brand-color);text-align: center;}
.order-detials-list-flex{display: flex;padding: 15px 0px;border-bottom: 1px solid rgba(232, 239, 246, 1);}
.order-details-history{font-size: 13px;color: rgba(29, 39, 50, 1);}
.order-details-history:nth-of-type(1){width: 40%;}
.order-details-history:nth-of-type(2){width: 60%;font-weight: 600;text-align: right;padding-left: 15px;}
.order-detail-content{padding: 30px 40px;}

.test-list-title{font-size: 18px;font-weight: 600;margin-bottom: 15px;margin-top: 30px;color: #1D2732;}
.order-detail-history-wraper{position: relative;border-radius: 8px; overflow: hidden;}
.call-back-dialog-container .mat-mdc-dialog-container{width: 100%;}
.order-detail-content{background-color: #fff;}
.order-detail-history-wraper .popup-title {color: var(--brand-color);background: #EFF4F9;}
.package-title-box-detail{position: relative;padding: 15px 0px;border-bottom: 1px solid rgba(232, 239, 246, 1);padding-right: 80px;}
.package-icon-detail{width: 50px;position: absolute;top: 15px;left: 0px;}
.package-icon-detail img{width: 100px; display: block;}
.package-discription-detail{padding-top: 12px;font-size: 14px;}
.list-price{position: absolute;top: 50%;right: 0px;transform: translate(0px, -50%);font-weight: 700;color: var(--brand-color);}
.order-detail-content{max-height: 71vh; overflow: hidden;overflow-y: auto;}
.package-title-box-detail .xsm-title{font-size: 14px;}



@media only screen and (min-width: 1900px) {
    .test-list-title{font-size: 22px;}
    .list-price, .order-details-history, .order-details-history, .package-title-box-detail .xsm-title{font-size: 16px;}
}

@media only screen and (max-width: 1400px){
    .package-title-box-detail .xsm-title{font-size: 13px;}
}

@media only screen and (max-width: 600px){
    .order-detail-content {padding: 30px 20px;}
}

/* ===== components/order-success-modal/order-success-modal.component.css ===== */
.order-success-modal{border-radius: 10px; max-width: 100%;padding: 40px 30px;}
.order-success-modal .icon{ width: 60px;margin: 0 auto;margin-bottom: 15px}
.order-success-modal .lg-title{color: #000;margin-bottom: 20px;}
.order-success-modal  p{margin-bottom: 30px;color: #000;}
.order-success-modal .icon svg{width: 100%; height: auto;}
.order-success-modal a{width: 100%;}


@media only screen and (max-width: 360px){
    .order-success-modal{padding: 20px 10px;}
}

/* ===== components/package-item/package-item.component.css ===== */

@media only screen and (max-width: 991px){
    .row-explore .col-sm-4{width: 50%;}
}
@media only screen and (max-width: 767px){
    .row-explore .col-sm-4{width: 100%;}
}

/* ===== components/patient-details/patient-details.component.css ===== */
.pationt-detail{border-radius: 16px;overflow: hidden;}
.pationt-detail-form{padding: 20px;padding-bottom: 0px;background-color: #FAFFFF;max-height: calc(90vh - 122px);overflow: auto;}
.pationt-detail-form .input-box input, .pationt-detail-form .input-box select, .pationt-detail-form .input-box textarea{background: none;}
.pationt-detail-row{margin: 0px -8px;}
.ppationt-detail-row .col-sm-6{padding: 0px 8px;}
.pationt-detail-form::-webkit-scrollbar {width: 10px;}
.pationt-detail-form::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 30px; }
.pationt-detail-form::-webkit-scrollbar-thumb { background: #888;border-radius: 30px; }
.pationt-detail-form::-webkit-scrollbar-thumb:hover {background: #555; }

@media only screen and (max-width: 767px){
.pationt-detail-row{margin: 0px -8px;}
.pationt-detail-row .col-sm-6{width: 50%;padding: 0px 8px;}  
}

/* ===== components/placeholder/placeholder.component.css ===== */
.placeholder {
    margin: 0 auto;
    max-width: 98%;
    min-height: 78vh;
    background-color: #eee;
   }
   
   @keyframes placeHolderShimmer{
       0%{
           background-position: -468px 0
       }
       100%{
           background-position: 468px 0
       }
   }
   
   .animated-background {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _ngcontent-ng-c1200462190_placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 78%);
    background-size: 3508px 2204px;
    height: 78vh;
    position: relative;
   }

@media only screen and (max-width: 415px){
    .placeholder{min-height: 72vh;}
    .animated-background{ height: 72vh;}
}

/* ===== components/request-a-call-back/request-a-call-back.component.css ===== */

[data-modal="request-a-call-back"],  
[data-modal="patient-details"],
[data-modal="coupon-apply"],
[data-modal="select-lab"], 
[data-modal="select-location"]{
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
}

[data-modal="request-a-call-back"].active ,
[data-modal="patient-details"].active ,
[data-modal="coupon-apply"].active ,
[data-modal="select-lab"].active,
[data-modal="select-location"].active
 {
    display: flex;
}


/* ===== components/search/search.component.css ===== */
.symptoms-search-box{position: relative;}
.symptoms-search-box input{border: 1px solid var(--brand-text-border);padding-right: 100px;border-radius: 30px;background: none;padding: 13px 15px 13px 35px;font-size: 12px;color: var(--light-black-color);font-weight: 600;}
.symptoms-search-box{width: 100%;}
.symptoms-search-box input::placeholder{font-size: 12px;color: var(--light-black-color);font-weight: 600;color: var(--light-black-color);}
.symptoms-search-box input:focus{outline: none;box-shadow: 0px 0px 10px rgb(24 93 169 / 13%);}
.search-icon{position: absolute; top: 14px; left: 14px;line-height: 0px;}
.symptoms-search-box .btn-radius{position: absolute;right: 0px;top: 0px;bottom: 0px;min-width: 95px;}
.symptoms-search-box .btn-radius:hover{box-shadow:none; color: #fff;}
.search-icon svg{width: 13px;}
.symptoms-wraper{position: relative;}

.suggestion-bar{position: absolute;top: 100%;left: 0px;right: 0px;width: 100%;overflow-y: hidden;padding: 0px; background: #ffff;border-radius: 10px;    box-shadow: 0px 0px 10px rgb(0 0 0 / 9%);
}
.suggestion-bar ul{max-height: 400px;overflow-y: auto;}
.suggestion-bar ul li{display: block; padding: 5px 15px;border-bottom: 1px solid #f5f5f5;}
.suggestion-bar ul li:hover{background: #eff4f9;}
.suggestion-bar ul last-child{border-bottom: none;}
.suggestion-bar ul li a{display: block;color: var(--light-black-color);}

@media only screen and (min-width: 1900px){
    .symptoms-search-box input{padding: 18px 15px 18px 45px;font-size: 15px;}
.symptoms-search-box input::placeholder{font-size: 15px;}
.search-icon svg{width: 16px;}
.search-icon { top: 20px;left: 20px;}
}

@media only screen and (max-width: 1400px){
    .symptoms-search-box input, .symptoms-search-box input::placeholder{font-size: 11px; }
.symptoms-search-box input{padding: 12px 12px 12px 35px }
.search-icon{top: 12px;}
}
@media only screen and (max-width: 1991px){
    .btn-radius{font-weight: 400;}
}


/* ===== components/select-lab/select-lab.component.css ===== */
.nerest-lab-wraper{padding: 30px 40px;}
.section-title{padding-bottom: 0px;}
.nearest-lab-wraper-box{height: 70vh;overflow: hidden;overflow-y: auto;padding: 10px;}
.nearest-lab-wraper-box .col-sm-6{margin-top: 30px;}
.nearest-lab-wraper-box .row{margin-top: -30px;}

.nearest-lab-wraper-box::-webkit-scrollbar {width: 10px;}
.nearest-lab-wraper-box::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 30px; }
.nearest-lab-wraper-box::-webkit-scrollbar-thumb { background: #888;border-radius: 30px; }
.nearest-lab-wraper-box::-webkit-scrollbar-thumb:hover {background: #555; }

/*---current---location---box---start---here---*/
.find-a-center-form-box{ height: 100%; }
.find-a-center-form-box .section-title .xl-title{color: var( --whitecolor);}
.find-a-center-form-box .section-title { padding-bottom: 30px;}
.find-a-center-form-box{ background: var(--brand-bg); padding: 40px; border-radius: 12px;}
.btn-box-current-location .btn-radius{display: flex;justify-content: center;align-items: center;width: 100%;font-weight: 400;font-size: 13px;border: 1px solid var(--whitebborder);}
.btn-box-current-location .btn-radius:hover { box-shadow: 0 30px 12px #2f6cae inset, 0 -30px 12px #2f6aab inset;color: #fff;}
.seprater-box{text-align: center;margin: 20px 0px;}
.seprater-box span{ display: inline-block; position: relative; color: var( --whitecolor); font-size: 13px; font-weight: 400;}
.seprater-box span:after{content: ''; position: absolute; top: 50%; right: 125%; width: 28px; height: 1px; border-top: 2px dashed var(--whitebborder);}
.seprater-box span:before{content: ''; position: absolute; top: 50%;left: 125%; width: 28px; height: 1px; border-top: 2px dashed var(--whitebborder);}
.btn-box-current-location .btn-radius img{ display: inline-block; width: 18px; margin-right: 5px;}
.find-a-center-form-box .input-box .btn-radius{ background: var(--whitebg); color: var(--brand-color);font-weight: 600;}
.find-a-center-form-box .input-box input, .input-box select, .find-a-center-form-box .input-box textarea { background: none; color: var( --whitecolor);border: 1px solid var(--whitebborder);}
.find-a-center-form-box .input-box input, .find-a-center-form-box .input-box input::placeholder{color: var(--whitecolor);}
.find-a-center-form-box .select-arrow{ background: var(--whitebg);  width: 21px;  height: 21px; border-radius: 30px; display: flex; align-items: center; justify-content: center; top: 9px;}
.find-a-center-form-box .select-arrow img{ width: 40%;  position: relative; top: 1px;}
.find-a-center-form-box .input-box select option{color: #000;}
/*---current---location---box---end---here---*/


.lab-center-box{ border-radius: 12px;border: 1px solid #C6CDD4; padding: 30px 30px 40px 30px;box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 9%);height: 100%;padding-bottom: 85px;position: relative;}
.nearest-lab-adddress{ padding-left: 30px; position: relative; margin-bottom: 30px;}
.nearest-lab-adddress a{ font-weight: 600; font-size: 14px; color: var(--brand-color);}
.icon-nearest-lab{position: absolute;top: 0px;left: 0px;width: 22px; display: block;}
.lab-center-box .lg-title{margin-bottom: 30px;position: relative;}
.lab-center-button-row{display: flex; margin: 0px -8px; margin-top: 40px;position: absolute;left: 30px;right: 30px;bottom: 40px;}
.lab-center-button-row .link-with-image span img{display: block;width: 15px; line-height: 0px;}
.btn-colm{ width: 50%; padding: 0px 8px;}
.nearest-lab-detail .row .col-sm-4{ margin-top: 30px;}
.btn-colm .btn-radius{width: 100%;}
.km-box img{width: 20px;margin-right: 5px;}
.km-box{font-size: 14px; position: absolute;top: 0px;right: 0px;display: inline-flex;color: var(--light-black-color);font-weight: 600;}


@media only screen and (min-width: 1900px){
.icon-nearest-lab{ top: 5px; width: 24px;}
.nearest-lab-adddress a{font-size: 16px; position: relative;  top: 5px; }
.find-a-center-form-box .select-arrow{  top: 15px;  }

.km-box img{width: 24px;}
.km-box{font-size: 16px;}
.lab-center-box{padding-bottom: 105px;}

}

@media only screen and (min-width: 1600px){
.btn-box-current-location .btn-radius, .seprater-box span{ font-size: 14px; }
.btn-box-current-location .btn-radius img { width: 22px; }
}

@media only screen and (max-width: 1400px){
.lab-center-box{ padding: 15px 15px 25px 15px; }
.lab-center-box{padding-bottom: 75px;}
.lab-center-button-row{left: 15px;right: 16px;bottom: 25px;}
}
@media only screen and (max-width: 1199px){
.find-a-center-form-box{ padding: 15px;}
.find-a-center-form-box{ height: 100%; display: flex; align-items: center;}
.find-center-inner{width: 100%;}
.nearest-lab-wraper-box .col-sm-6{width: 100%;}
/* .nearest-lab-wraper-box{height: 600px;} */


}

@media only screen and (max-width: 991px){
.nerest-lab-wraper .col-sm-4, .nerest-lab-wraper .col-sm-8{width: 100%;}
.nerest-lab-wraper .col-sm-4{margin-bottom: 30px;}
.nerest-lab-wraper{height: 80vh;overflow-y: auto;}
.nerest-lab-wraper::-webkit-scrollbar {width: 10px;}
.nerest-lab-wraper::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 30px; }
.nerest-lab-wraper::-webkit-scrollbar-thumb { background: #888;border-radius: 30px; }
.nerest-lab-wraper::-webkit-scrollbar-thumb:hover {background: #555; }
.nearest-lab-wraper-box{height: initial;padding: 0px;}
}
@media only screen and (max-width: 767px){
.nerest-lab-wraper {padding: 10px;}
.nearest-lab-wraper-box .col-sm-6{margin-top: 15px;padding: 0px;}
.nearest-lab-wraper-box .row{margin: 0px; margin-top: -15px;}
.nerest-lab-wraper .col-sm-4{margin-bottom: 30px;}
.lab-center-box .lg-title, .nearest-lab-adddress, .nearest-lab-adddress{margin-bottom: 15px;}
.nearest-lab-adddress{padding-left: 38px;}
.icon-nearest-lab{width: 28px;}
}

/* ===== components/select-location/select-location.component.css ===== */
.location-wraper-listing{padding: 30px 10%;}
.location-box{padding: 20px 5px;transition: all 0.3s;margin: 15px 0px;cursor: pointer;}
.location-box:hover, .location-box.active{background: var(--brand-bg);}
.location-wraper-listing .row{justify-content: center;}
.location-icon-box img{width: 85px;display: block;margin: 0px auto;}
.location-title{font-size: 18px;text-align: center;font-weight: 500;color: var(--brand-color);margin-top: 5px;transition: all 0.3s;}
.location-box:hover .location-title, .location-box.active .location-title{color: #fff;}
.location-box .location-white-image{display: none;}
.location-box:hover .location-white-image, .location-box.active .location-white-image{display: block;}
.location-box:hover .location-color-fill-image, .location-box.active .location-color-fill-image{display: none;}
.select-location-wraper .popup-title{color: var(--brand-color); background: #EFF4F9;}
.select-location-wraper{width: 75%; background-color: #fff; border-radius: 16px; overflow: hidden; position: relative;}

@media only screen and (min-width: 1900px){
    .location-icon-box img{width: 110px;}
    .location-title{font-size: 20px;}
}

@media only screen and (max-width: 1400px){
    .location-icon-box img{width: 60px;}
    .location-title{font-size: 16px;}
}

@media only screen and (max-width: 1299px){
    .location-icon-box img{width: 60px;}
    .location-title{font-size: 16px;}
}

@media only screen and (max-width: 991px){
 .location-wraper-listing .col-sm-3{width: 33.333%;}
 .location-wraper-listing{padding-left: 40px;padding-right: 40px;}
}
@media only screen and (max-width: 600px){
    .select-location-wraper{width: 90%;}

    .location-wraper-listing .col-sm-3{width: 50%;}
    .location-wraper-listing{padding: 15px;}
    .location-icon-box img{width: 50px;}
    .location-box{padding: 10px 2px;margin: 8px 0px;}
    .close-dialog {width: 20px;right: 7px;top: 5px;}
   }

/* ===== components/symptoms/symptoms.component.css ===== */


/*---search---symptoms---start---here---*/


.slide-item-symptoms{padding: 5px 15px;}
.link-symptoms{display: block;border: 1px solid var(--brand-text-border); padding: 18% 15px;border-radius: 5px;background: #fff;transition: all 0.3s;box-shadow: 0px 0px 6px rgb(24 93 169 / 10%);}
.link-symptoms:hover{background: var(--brand-bg);}
.symptoms-icon-box img{width: 85px;display: block;margin: 0px auto;margin-bottom: 25px;}
.link-symptoms:hover .symptoms-icon-box .blue{display: none;}
.link-symptoms .symptoms-icon-box .white{display: none;}
.link-symptoms:hover .symptoms-icon-box .white{display: block;}
.link-symptoms p{text-align: center;font-size: 16px;font-weight: 700;line-height: 20px;color: var(--brand-bg);min-height: 40px;text-transform: capitalize;}
.link-symptoms:hover p{color: #fff;}
.slider-symptoms-slide .slick-next, .slider-symptoms-slide .slick-prev{display: none !important;}
.slider-symptoms-slide{margin: 0px -15px;}

/*---tab---start---here---*/
/* .tab-output-box{
	display: none;
} */
.tab-symptoms-list li{display: inline-block;margin-right: 10px;}
.tab-symptoms-list li{display: inline-block;padding: 10px 30px;border: 1px solid var(--brand-text-border);border-radius: 30px;font-weight: 700;font-size: 13px;color: var(--light-black-color);cursor: pointer;}
.tab-symptoms-list li.active{background: var(--brand-bg);color: #fff;border:1px solid var(--brand-border);}
.symptoms-row-tab{margin-bottom: 35px;}
.symptoms-search-box{position: relative;}
.symptoms-search-box input{border: 1px solid var(--brand-text-border);padding-right: 100px;border-radius: 30px;background: none;padding: 13px 15px 13px 35px;font-size: 12px;color: var(--light-black-color);font-weight: 600;}
.symptoms-search-box{width: 100%;}
.symptoms-search-box input::placeholder{font-size: 12px;color: var(--light-black-color);font-weight: 600;color: var(--light-black-color);}
.symptoms-search-box input:focus{outline: none;box-shadow: 0px 0px 10px rgb(24 93 169 / 13%);}
.search-icon{position: absolute; top: 14px; left: 14px;line-height: 0px;}
.symptoms-search-box .btn-radius{position: absolute;right: 0px;top: 0px;bottom: 0px;min-width: 95px;}
.symptoms-search-box .btn-radius:hover{box-shadow:none; color: #fff;}
.search-icon svg{width: 13px;}
.symptoms-wraper{position: relative;}


.tab-output-box{display: none;}
.tab-output-box.active {display: block;}

.symptoms-wraper .swiper-button-next{top: auto;bottom: -8px;transform: none;right: 0px !important;}
.symptoms-wraper .swiper-button-prev {top: auto;bottom: -8px;right: 45px;left: auto;transform: none;}

@media only screen and (min-width: 1900px){
/*---search---symptoms---start---here---*/
.symptoms-icon-box img { width: 120px;}
.link-symptoms p{font-size: 20px;line-height: 24px;}

/*---tab---start---here---*/
.tab-symptoms-list li{padding: 12px 30px;font-size: 18px;}
.symptoms-search-box input{padding: 18px 15px 18px 45px;font-size: 15px;}
.symptoms-search-box input::placeholder{font-size: 15px;}
.search-icon svg{width: 16px;}
.search-icon { top: 20px;left: 20px;}

.symptoms-wraper .swiper-button-next{bottom: -13px;}
.symptoms-wraper .swiper-button-prev {top: auto; bottom: -13px;right: 55px;}
}




@media only screen and (max-width: 1400px){
/*---search---symptoms---start---here---*/
.symptoms-icon-box img {width: 120px; margin-bottom: 15px; }
.link-symptoms{padding-top: 10%;padding-bottom: 10%;}
.link-symptoms p{font-size: 14px;}
.symptoms-wraper .swiper-button-next{bottom: -8px;}
.symptoms-wraper .swiper-button-prev { bottom: -8px;}

/*---tab---start---here---*/
.tab-symptoms-list li{font-size: 12px;}
.symptoms-search-box input, .symptoms-search-box input::placeholder{font-size: 11px; }
.symptoms-search-box input{padding: 12px 12px 12px 35px }
.search-icon{top: 12px;}
.tab-symptoms-list li{padding-top: 8px; padding-bottom: 8px;}
}

@media only screen and (max-width: 991px){
/*---tab---start---here---*/
.symptoms-search-box {width: 100%;}
.symptoms-row-tab .col-sm-8{width: 65%;}
.symptoms-row-tab .col-sm-4{width: 35%;}
.symptoms-wraper .view-all-btn-box{position: static;text-align: center;margin-top: 40px;}
}

@media only screen and (max-width: 767px){
/*---tab---start---here---*/
.symptoms-search-box {width: 100%;}
.symptoms-row-tab .col-sm-8{width: 100%;order: 2;text-align: center;margin-bottom: 15px;}
.symptoms-row-tab .col-sm-4{width: 100%;order: 1;margin-bottom: 15px;}
.symptoms-wraper .view-all-btn-box{position: static;text-align: center;	margin-top: 40px;}
}

@media only screen and (max-width: 600px){
/*---search---symptoms---start---here---*/
.slide-item-symptoms {padding: 5px 8px;}
.slider-symptoms-slide {margin: 0px -8px;}
.tab-menu-list ul{display: flex;margin: 0px -5px;}
.tab-symptoms-list li{padding: 9px 5px;flex: 1 1;margin: 0px 5px;}
.slider-symptoms-slide .slick-list{padding-right: 30px;}
.symptoms-row-tab{margin-bottom: 0px;}
.tab-detail-wrpaer .slider-box{margin-left: -5px;}
.link-symptoms{padding-left: 4px;padding-right: 4px;display: flex;justify-content: center;align-items: center;}
.box-category{width: 100%;}
.symptoms-search-box input {padding: 13px 100px 13px 35px}
.search-icon{ top: 13px;}
.symptoms-wraper .swiper-button-next, .symptoms-wraper .swiper-button-prev{display: none;}
}

@media only screen and (max-width: 360px){
/*---search---symptoms---start---here---*/
.slider-symptoms-slide .slick-list{padding-right: 15px;}
.tab-symptoms-list li{padding: 11px 10px;}
.tab-symptoms-list li{font-size: 10px;}
}


/* ===== components/test-detail/test-detail.component.css ===== */
.test-detail-wraper-dialog{padding-bottom: 60px;}
.test-detail-content {padding: 30px 40px; background: #fff; overflow: hidden; max-height: 60vh;overflow-y: scroll; width: 98%; margin: 0px auto;}
.test-detail-content ul li:first-child { margin-top: 0px;}
.test-detail-content ul li:last-child {margin-bottom: 0px;}
.test-detail-content ul li strong { margin-right: 5px;}
.test-detail-content ul li { position: relative;margin: 15px 0px;padding-left: 0px;display: block;font-weight: 400;line-height: 24px;}
.book_now-Popup-btn { position: absolute;bottom: 0px;left: 0px;right: 0px;background: #fff;}

@media only screen and (min-width: 1920px){
    .test-detail-content ul li{line-height: 28px;}
}

@media only screen and (max-width: 767px) {
.close-dialog { width: 21px;right: 7px;top: 4px;}
.test-detail-content{padding: 15px;}
}

/* ===== components/testimonial-item/testimonial-item.component.css ===== */
/*---testimonials---start---here---*/

.testimonials-item{padding: 5px 14px;}
.testmonials-inner{display: flex;border-radius: 16px;overflow: hidden;}
.swiper-slide-active .testmonials-inner{border: 1px solid var(--brand-text-border);}
.testmonials-image{width: 238px; border-radius: 16px; overflow: hidden; position: relative;line-height: 0px; }
.testmonials-image:after{content: '';position: absolute;top: 0px;left: 0px;right: 0px;	bottom: 0px;background: var(--brand-bg);opacity: 0.6;}
.swiper-slide-active .testmonials-image{border-radius: 0px;}
.testmonials-image img{width: 100%; }
.testimonilas-content{width: calc(100% - 240px);padding: 20px 50px;display: flex;align-items: center;}
.quate-box{display: block;width: 30px;}
.testimonial-description{font-size: 18px; line-height: 27px; margin-top: 20px; text-transform: capitalize;width: 100%; }
.testimonials-name{color: var(--brand-color);text-transform: capitalize;font-size: 14px;font-weight: 600;margin-top: 20px;}
.swiper-slide-prev .testmonials-inner .testmonials-image {order: 2;}
.swiper-slide-prev .testmonials-inner .testimonilas-content{order: 1;}
.swiper-slide-prev .testmonials-image:after{opacity: 0;}
.testmonials-inner{position: relative;}
.testimonials-slide .slick-list{padding: 0px 19.5%;}
.testimonials-item .testmonials-inner:after{content: ''; position: absolute; top: 0px; width: 239px; right: 2px; bottom: 0px; background: var(--brand-bg); opacity: 0.6; border-radius: 16px;z-index: 1;}
.testimonials-item .testmonials-inner .testimonilas-content{visibility: hidden;}
.swiper-slide-active .testimonials-item .testmonials-inner .testimonilas-content{visibility: visible;}
 .swiper-slide-active .testimonials-item .testmonials-inner:after,  .swiper-slide-active .testimonials-item .testmonials-image:after{display: none;}
.swiperTestimonials .swiper-button-prev {left: 8%;top: 53%;transform: translate(-20%, 0px);}
.swiperTestimonials .swiper-button-next {right: 7% !important;top: 53%;transform: translate(-20%, 0px);}


@media only screen and (min-width: 1920px){
/*---testimonials---start---here---*/
 .testmonials-image {width: 300px;}
 .testimonilas-content {width: calc(100% - 300px);}
 .testimonials-item .testmonials-inner:after{width: 298px;}
}

@media only screen and (max-width: 1440px){
/*---testimonials---start---here---*/
.testmonials-image {width: 220px;}
.testimonilas-content { width: calc(100% - 220px);}
.testimonials-item .testmonials-inner:after{width: 219px; right: 1px;} 
}

 @media only screen and (max-width: 1400px){
/*---testimonials---start---here---*/
.testimonial-description {font-size: 16px;line-height: 24px; }
.quate-box{width: 22px;}
.testmonials-image {width: 200px;}
.testimonilas-content {width: calc(100% - 200px);}
.testimonials-item .testmonials-inner:after{width: 199px;right: 1px; } 
}
@media only screen and (max-width: 1299px){
/*---testimonials---start---here---*/
.testimonial-description {font-size: 13px;line-height: 19px; }
.testmonials-image {width: 150px; }
.testimonilas-content {width: calc(100% - 150px); padding: 10px 20px;}
.testimonials-item .testmonials-inner:after{ width: 149px; right: 1px; }

/*---banner---section---start---here---*/
.banner-div{ width: 100%; }
.fixid-link{display: block; }
.list-fix-box{justify-content: space-between;width: 100%; }
.swiperTestimonials .swiper-button-prev {top: 55%;}
.swiperTestimonials .swiper-button-next {top: 55%;}
}

@media only screen and (max-width: 991px){
/*---testimonials---start---here---*/
.testimonial-description {font-size: 11px;line-height: 16px;margin-top: 10px;}
.quate-box{width: 15px;}
.testmonials-image {width: 100px;}
.testimonilas-content {width: calc(100% - 100px);padding: 10px 20px;min-height: 230px;}
.testimonials-item .testmonials-inner:after{width: 99px;right: 1px;}
.testmonials-image img {width: 100%;height: 100%;object-fit: cover}
.testimonials-name{font-size: 13px;margin-top: 15px}
.swiperTestimonials .swiper-button-prev {top: 48%;}
.swiperTestimonials .swiper-button-next {top: 48%;}
}

 @media only screen and (max-width: 767px){
/*---testimonials---start---here---*/
.testimonial-description {font-size: 10px;}
.testimonilas-content{padding: 10px 10px;width: calc(100% - 96px);}
.testmonials-image {width: 96px;}
.testimonials-item .testmonials-inner:after {width: 95px;right: 0px;}
.testimonials-slide .slick-next{right: 30px;}
.testimonials-slide .slick-prev{left: 40px;}
	
/*---popular---package---start---here---*/
.content-package {padding: 15px;padding-bottom: 0px;}
.item-popular {padding: 5px 8px;}
.slider-poplar-pakage {margin: 0px -8px;}
}


@media only screen and (max-width: 600px){
/*---testimonials---start---here---*/
.testimonials-slide .slick-next{display: none !important;}
.testimonials-slide .slick-prev{display: none !important;}
.testimonials-slide .slick-list {padding:0px 15px;}
.testimonials-item {padding: 5px 6px;}
.testimonials-slide{margin-left: -15px;margin-right: -15px;}
.testmonials-image {width: 118px;border-radius: 16px !important;overflow: hidden;}
.testimonilas-content {width: calc(100% - 118px);}
.testimonials-name{margin-top: 8px;}
.testimonial-description{font-size: 13px;line-height: 20px;}
.progressslider {width: 100%;}
.swiperTestimonials .swiper-button-prev, .swiperTestimonials .swiper-button-next {display: none;}
}

@media only screen and (max-width: 394px){
.testimonial-description{font-size: 11px;line-height: 16px;}
 }

 @media only screen and (max-width: 360px){
/*---testimonials---start---here---*/
.testmonials-image {width: 90px;}
.testimonilas-content {width: calc(100% - 90px);}
}

/* ===== components/upload-prescription/upload-prescription.component.css ===== */
.upload-prescription{border-radius: 16px;overflow: hidden;}
.popup-title p{font-size: 13px;margin: 0px auto; margin-top: 5px;width: 85%;}
.Prescription-form{padding: 20px;padding-bottom: 0px;background-color: #FAFFFF;max-height: calc(90vh - 122px);overflow: auto;}
.Prescription-form .input-box input, .Prescription-form .input-box select, .Prescription-form .input-box textarea, .file-label{background: none;}
.precription-row{margin: 0px -8px;}
.precription-row .col-sm-6{padding: 0px 8px;}

.Prescription-form::-webkit-scrollbar {width: 10px;}
.Prescription-form::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 30px; }
.Prescription-form::-webkit-scrollbar-thumb { background: #888;border-radius: 30px; }
.Prescription-form::-webkit-scrollbar-thumb:hover {background: #555; }
/* Prescription Modal Overlay */
[data-modal="upload-prescription"] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
}

[data-modal="upload-prescription"].active {
    display: flex;
}

/* Popup Box */
[data-modal="upload-prescription"] .upload-prescription {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 550px;
    max-height: 95vh;
    overflow-y: auto;
    padding: 10px;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

/* Close Button */
[data-modal="upload-prescription"] .close-dialog {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

[data-modal="upload-prescription"] .close-dialog img {
    width: 100%;
    height: 100%;
}




@media only screen and (min-width: 1900px) {
    .popup-title p{font-size: 16px;line-height: 22px;} 
}
@media only screen and (max-width: 767px){
.precription-row{margin: 0px -8px;}
.precription-row .col-sm-6{width: 50%;padding: 0px 8px;}  
}

/* ===== contact-us/contact-us.component.css ===== */
.row-contact-top{display: flex;margin: 0px -15px;}
.contact-form-colm-left-colm{width: 33.4%;padding: 0px 15px;}
.contact-section{padding: 30px 0px;padding-bottom: 60px;}

/*---contact--form---box---start---here---*/
.contact-form-box .section-title .xl-title{color: var( --whitecolor);}
.contact-form-box .section-title {padding-bottom: 30px;}
.contact-form-box{background: var(--brand-bg);padding: 36px 40px 48px 40px;border-radius: 12px;}
.btn-box-current-location .btn-radius{ display: flex;justify-content: center;align-items: center;width: 100%;font-weight: 400;font-size: 13px;border: 1px solid var(--whitebborder);}
.btn-box-current-location .btn-radius:hover {box-shadow: 0 30px 12px #2f6cae inset, 0 -30px 12px #2f6aab inset; color: #fff;}
.seprater-box{ text-align: center; margin: 20px 0px;}
.seprater-box span{display: inline-block;position: relative;color: var( --whitecolor);font-size: 13px;font-weight: 400;}
.seprater-box span:after{content: '';position: absolute;top: 50%;right: 125%;width: 28px;height: 1px;border-top: 2px dashed var(--whitebborder);}
.seprater-box span:before{ content: ''; position: absolute; top: 50%; left: 125%; width: 28px; height: 1px; border-top: 2px dashed var(--whitebborder);}
.btn-box-current-location .btn-radius img{display: inline-block; width: 18px;margin-right: 5px;}
.contact-form-box .input-box .btn-radius{background: var(--whitebg); color: var(--brand-color);font-weight: 600;}
.contact-form-box .input-box input, .input-box select, .contact-form-box .input-box textarea {background: none; color: var( --whitecolor); border: 1px solid var(--whitebborder);}
.contact-form-box .input-box input, .contact-form-box .input-box input::placeholder, .contact-form-box .input-box textarea, .contact-form-box .input-box textarea::placeholder{color: var(--whitecolor);}
.contact-form-box .select-arrow{ background: var(--whitebg); width: 21px; height: 21px;border-radius: 30px; display: flex;align-items: center;justify-content: center; top: 9px;}
.contact-form-box .select-arrow img{ width: 40%; position: relative; top: 1px;;}
.contact-button-submit{padding-bottom: 0px;}
.contact-form-box .input-box select option{color: #000;}
/*---contact--form---box---end---here---*/

/*contact---banner---start---here---*/
.contact-us-banner-colm{width: 66.6%; padding: 0px 15px;}
.contact-us-banner-colm .banner-container{
    width: 100%;
    height: 100%;
}
.contact-us-banner{ background: var(--light-bg); border-radius: 12px; padding: 30px; padding-bottom: 0px; padding-top: 90px;}
.contact-us-banner .banner-content{ margin-top: -90px;}
.contact-us-banner .row{align-items: center;}
.contact-us-banner .banner-image img{ width: 100% !important; margin-left: auto;}
/*contact---banner---end---here---*/

/*---contact---seprater---start---here---*/
.contact-map-section{ background: var(--light-bg);}
.contact-detail-wraper{border: 1px solid #C6CDD4;padding: 40px; border-radius: 10px; height: 100%;background: #fff;}
.contact-detail-wraper .section-title{padding-bottom: 0px;}
.contact-number-box{ position: relative; padding-left: 40px; margin-top: 30px;}
.contact-number-box a{font-size: 14px; color: var(--light-black-color);transition: all 0.4s;}
.contact-number-box a:hover{ color: var(--brand-color);}
.contact-detail-icon{position: absolute;top: 4px;width: 25px;display: block; left: 0px;}
.map-bottm-text{position: relative; padding-left: 35px;margin: 10px 0px;}
.icon-map-box{ position: absolute; top: 0px; left: 0px; width: 22px;}
.contact-map-wraper{border-radius: 10px;overflow: hidden;border: 1px solid #C6CDD4;}
.contact-map-wraper iframe{width: 100%; height: 365px;}
.map-bottm-box{ padding: 10px 20px;background: var(--whitebg);}
.map-bottm-text a{font-weight: 600;color: var(--brand-color);font-size: 14px;}
.row-cotact-links .map-bottm-text{display: inline-block;}
.row-cotact-links .map-bottm-text:nth-of-type(2){ margin-left: 25px;}
.icon-loc-img{top:3px;}
.email-contact-box{margin-left: 25px;}

@media only screen and (min-width: 1900px){
.contact-form-box .select-arrow{ top: 15px;}
.contact-number-box a {font-size: 16px;}
.contact-number-box a{font-size: 18px;}
.map-bottm-text a{font-size: 18px;}
.contact-map-wraper iframe{height: 415px;}
.icon-map-box{ top: 0px; }
}

@media only screen and (min-width: 1600px){
/*contact---banner---start---here---*/
  
.contact-us-banner .row .col-sm-5{ width: 50%; }
.contact-us-banner .row .col-sm-7{ width: 50%; }
.contact-us-banner .banner-image img{ width: 97.5% !important;}
.contact-us-banner{ padding-top: 112px; }
/*contact---banner---end---here---*/

.contact-form-box{height: 100%;}
.btn-box-current-location .btn-radius, .seprater-box span{font-size: 14px;}
.btn-box-current-location .btn-radius img { width: 22px;}
.icon-loc-img{top:6px;}
}


@media only screen and (max-width: 1400px){
/*contact---banner---start---here---*/
.contact-us-banner .banner-image img{width: 95.9% !important;}
.contact-us-banner{ padding-top: 97px;}

/*contact---banner---end---here---*/
.lab-center-box{padding: 15px 15px 25px 15px;}
.contact-form-box{ padding: 15px 25px 25px 25px;}
}

@media only screen and (max-width: 1299px){

 /*contact---banner---start---here---*/
.contact-us-banner .banner-image img{ width: 100% !important;}
.contact-us-banner{ height: 100%; display: flex;align-items: flex-end; }
.row-cotact-links .map-bottm-text{display: block;margin-left: 0px !important;}
/*contact---banner---end---here---*/
}

@media only screen and (max-width: 1199px){
/*contact---banner---start---here---*/
.contact-us-banner .banner-image img{width: 100% !important;}

/*contact---banner---end---here---*/
.contact-form-box{padding: 15px; }
.contact-form-box{height: 100%;display: flex; align-items: center; }
.contact-form-inner{ width: 100%; }
.nearest-lab-detail .col-sm-4{ width: 50%; }
.row-cotact-links .map-bottm-text{ display: block; margin-left: 0px !important; }
}

@media only screen and (max-width: 1024px){
/*contact---banner---start---here---*/
.contact-us-banner{ padding-top: 50px; }
/*contact---banner---end---here---*/
.row-cotact-links .map-bottm-text{display: inline-block;} 
.row-cotact-links .map-bottm-text:nth-of-type(2){margin-left: 15px !important;}
}

@media only screen and (max-width: 991px){
.contact-form-colm-left-colm {width: 61%; order: 2; margin: 0px auto;margin-top: -50px;}
.contact-us-banner-colm{width: 100%;order: 1; }
.row-contact-top{flex-wrap: wrap;}
.contact-us-banner{ padding-top: 30px; }
.colm-contact{ width: 100%; }
.contact-map-wraper{ margin-top: 30px; } 
.row-cotact-links .map-bottm-text.email-contact-box{margin-left: 25px !important;}

}

@media only screen and (max-width: 767px){
/*contact---banner---start---here---*/
.banner-content{text-align: center; width: 370px; margin: 0px auto;margin-bottom: 40px; }
.contact-section{ padding-top:0px;}
.contact-section .container{ padding: 0px; }
.row-contact-top{ margin: 0px; }
.row-contact-top{ padding: 0px; }
.contact-us-banner-colm{ padding: 0px; }
.contact-form-colm-left-colm{  width: 100%;  margin-top: -15px; }
.contact-us-banner .banner-content{ margin-top: 0px; }
.contact-form-box{ padding: 25px 15px 35px 15px; }
.contact-us-banner{padding: 30px 15px; border-radius: 0px; }
 /*contact---banner---end---here---*/

.nearest-lab-detail .col-sm-4{width: 100%; }
.contact-list .col-sm-6{width: 50%;}
.contact-detail-wraper{padding: 15px;padding-bottom: 20px;}
.contact-number-box{ margin-top: 15px; }
.row-cotact-links .map-bottm-text{display: inline-block;padding-left: 27px;}
.row-cotact-links .map-bottm-text:first-child{margin-right: 25px;}
.row-cotact-links .map-bottm-text:nth-of-type(2){ margin-left:0 !important;}
}
@media only screen and (max-width: 599px){
    .row-cotact-links .map-bottm-text.email-contact-box{margin-left: 0px !important;display: block;}
}

@media only screen and (max-width: 480px){
.banner-content{ width: 100%; }
}

@media only screen and (max-width: 395px){
.contact-detail-icon{width: 20px;}
.contact-number-box{padding-left: 30px;}
}
@media only screen and (max-width: 320px){
.contact-number-box p, .contact-number-box a, .map-bottm-text a, .map-bottm-text p{font-size: 11px;line-height: 17px;}
.icon-map-box{ width: 18px;}
.map-bottm-text{padding-left: 25px;top: 3px;}
}

/* ===== dowenload-report/dowenload-report.component.css ===== */


.section-title .text-white{color: #fff;margin: 10px 0px;}
/* .section-title .xl-title{margin-bottom: 20px;} */

/*---contact--form---box---start---here---*/
.report-form-box .section-title .xl-title{color: var( --whitecolor);}
.report-form-box .section-title {padding-bottom: 30px;}
.report-form-box{background: var(--brand-bg);padding: 80px 40px 100px 40px;border-radius: 12px;}
.btn-box-current-location .btn-radius{ display: flex;justify-content: center;align-items: center;width: 100%;font-weight: 400;font-size: 13px;border: 1px solid var(--whitebborder);}
.btn-box-current-location .btn-radius:hover {box-shadow: 0 30px 12px #2f6cae inset, 0 -30px 12px #2f6aab inset; color: #fff;}
.seprater-box{ text-align: center; margin: 20px 0px;}
.seprater-box span{display: inline-block;position: relative;color: var( --whitecolor);font-size: 13px;font-weight: 400;}
.seprater-box span:after{content: '';position: absolute;top: 50%;right: 125%;width: 28px;height: 1px;border-top: 2px dashed var(--whitebborder);}
.seprater-box span:before{ content: ''; position: absolute; top: 50%; left: 125%; width: 28px; height: 1px; border-top: 2px dashed var(--whitebborder);}
.btn-box-current-location .btn-radius img{display: inline-block; width: 18px;margin-right: 5px;}
.report-form-box .input-box .btn-radius{background: var(--whitebg); color: var(--brand-color);font-weight: 600;}
.report-form-box .input-box input, .input-box select, .report-form-box .input-box textarea {background: none; color: var( --whitecolor); border: 1px solid var(--whitebborder);}
.report-form-box .input-box input, .report-form-box .input-box input::placeholder, .report-form-box .input-box textarea, .report-form-box .input-box textarea::placeholder{color: var(--whitecolor);}
.report-form-box .select-arrow{ background: var(--whitebg); width: 21px; height: 21px;border-radius: 30px; display: flex;align-items: center;justify-content: center; top: 9px;}
.report-form-box.select-arrow img{ width: 40%; position: relative; top: 1px;;}
.report-button-submit{padding-bottom: 0px;}
.report-form-box .input-box select option{color: #000;}
/*---contact--form---box---end---here---*/


.report-detail-box{background: #fff;padding: 20px;border-radius: 8px;height: 100%;position: relative;padding-right: 58px;}
.report-detail .col-sm-6{margin:15px 0px;}
.report-details{position: relative;}
.report-details span{display: inline-block;border-right: 1px solid var(--brand-border);padding: 0px 5px;color: var(--brand-color);font-size: 16px;}
.report-details span:first-child{padding-left: 0px;}
.report-details span:last-child{padding-right: 0px;border-right: none;}
.report-date{color: #455E77;    font-size: 14px;margin-top: 20px;}
.report-dowenload{background: none;border:none;width: 45px;transform: translate(0px,-50%);position: absolute;top: 50%;right: 15px;cursor: pointer;border-radius:30px;transition: all 0.4s;padding: 5px;}
.btn-member{text-align: center;margin-top: 15px;margin-bottom: 15px;}
.btn-member .btn-radius{border-radius: 10px;min-width: 300px;}
.no-found-image img{margin-bottom: 20px;}


@media only screen and (min-width: 1900px){
    .report-details span{font-size: 18px;}
    .report-date{font-size: 16px;}
    .report-details{padding-right: 45px;}
}

@media only screen and (max-width: 1400px){
    .report-details span{font-size: 14px;}
    .report-date{font-size: 13px;}
    .report-dowenload{width: 36px;}
    .report-detail-box{padding-right: 48px;}

    .report-form-box{padding: 40px 40px 50px 40px;}
}

@media only screen and (max-width: 1199px){
    .report-detail .col-sm-6{width: 100%;}
    .dowenload-report-row .col-sm-4{width: 40%;}
    .dowenload-report-row .col-sm-8{width: 60%;}
}

@media only screen and (max-width: 991px){
    .report-form-box{padding: 25px 15px 35px 15px;}
    .section-title .text-white{margin: 5px 0px;}
}
@media only screen and (max-width: 767px){
    .report-detail-box{ box-shadow: 0px 4px 24px 0px rgb(24 93 169 / 8%);}
    .dowenload-report-row .col-sm-4{width: 100%;}
    .dowenload-report-row .col-sm-8{width: 100%;margin-top: 15px;}
    .nodata-found-box{display: none;}
}

/* ===== events/events.component.css ===== */

/*---blog---nav---start---here---*/
.blog-nav{text-align: center;margin-bottom: 30px;}
.blog-nav ul{display: inline-flex;margin: 0px -20px;border-bottom: 1px solid var(--brand-text-border);}
.blog-nav ul li{display: inline-block;margin: 0px 20px; position: relative;}
.blog-nav ul li a{font-weight: 500;padding-bottom: 15px;color: var(--light-black-color);font-size: 14px;}
.blog-nav ul li:after{ content: ''; position: absolute;left: 0px;right: 0px;bottom: -1px;height: 2px;background: var(--brand-bg);border-radius: 8px;display: none;}
.blog-nav ul li.active:after{display: block;}
.blog-nav ul li.active a{color: var(--brand-color);}
.blog-nav ul li:first-child{ margin-left: 0px;}
.blog-nav ul li:last-child{margin-right: 0px;}
/*---blog---nav---end---here---*/

/*---blog---listing---start---here---*/
.blog-image-box img{display: block; width: 100%;}
.blog-listing-box{border-radius: 12px; border: 1px solid #C6CDD4;overflow: hidden;}
.listing-bottom-box{display: flex;align-items: center;}
.listing-date-box{ width: 50%;position: relative; padding-left: 30px;font-size: 14px;color: var(--brand-color);}
.blog-image-box{margin-left: -1px; margin-right: -1px;margin-top: -1px;}
.listing-button-box{ width: 50%; text-align: right;}
.listing-date-box img{width: 24px;position: absolute;top: -3px;left: 0px;}
.blog-content-box{padding: 25px;}
.blog-content-box .lg-title{line-height: 25px;margin-bottom: 15px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; min-height: 50px;}
.listing-discription{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; min-height: 70px;}
/*---blog---listing---end---here---*/

@media only screen and (min-width: 1900px){
/*---blog---nav---start---here---*/
.blog-nav ul li a{ font-size: 18px;padding-bottom: 20px;}
/*---blog---nav---end---here---*/

/*---blog---listing---start---here---*/
.blog-content-box .lg-title{line-height: 32px;font-size: 24px;  min-height: 65px;}
.listing-discription{line-height: 26px; min-height: 82px; }
.listing-date-box{ font-size: 18px; padding-left: 45px; }
.listing-date-box img{width: 30px;top: -5px;}
/*---blog---listing---end---here---*/
}

@media only screen and (max-width: 1400px){
/*---blog---nav---start---here---*/
.blog-nav{margin-bottom: 20px;}

/*---blog---nav---start---here---*/

/*---blog---listing---start---here---*/
.listing-discription{min-height: 62px;}
.listing-date-box{font-size: 13px;}
.listing-date-box img{width: 21px; position: absolute;top: -1px;left: 0px; }
.blog-content-box{ padding: 18px;}
/*---blog---listing---end---here---*/
}

@media only screen and (max-width: 991px){
.blog-listing-section .row .col-sm-4{ width: 50%;}
}
@media only screen and (max-width: 600px){
.blog-listing-section .row{margin: 0px -10px;}
.blog-listing-section .row .col-sm-4{ width: 50%; padding: 0px 10px; }
}
@media only screen and (max-width: 599px){
.blog-listing-section .row{margin: 0px;}
.blog-listing-section .row .col-sm-4{ width: 100%;padding: 0px;}
.blog-nav{ margin-bottom: 0px;}
.blog-nav ul{display: flex;margin: 0px;width: 100%;justify-content: space-between;}
}

@media only screen and (max-width: 394px){
.listing-date-box{top: -3px; }
}

/* ===== explore-all-tests/explore-all-tests.component.css ===== */
/*---tab---start---here---*/
/* .tab-output-box{
	display: none;
} */


/*---view---all---slide---start---here---*/
.view-all-slide-wraper{position: relative;padding-right: 110px;margin-top: 60px;}
.view-all-slide-wraper .exploreTestSlide {overflow: hidden;border-bottom: 1px solid var(--brand-text-border);padding-bottom: 15px;}
.view-all-slide-wraper .swiper-slide{width: fit-content;}
.view-all-slide-wraper .swiper-button-prev, .view-all-slide-wraper .swiper-button-next{transform: none;display: block !important;}
.view-all-slide-wraper .swiper-button-next{right: 0px !important;}
.view-all-slide-wraper .swiper-button-prev{right: 50px !important;left: auto;}
.view-all-list{color: var(--light-black-color);font-size: 14px;cursor: pointer;position: relative;}
.view-all-list.active{color: var(--brand-color);font-weight: 500;}
.view-all-list.active:after{content: '';position: absolute;bottom: -16px;left: 0px;right: 0px;height: 2px;background: var(--brand-bg);}

.row-view-detail-wrpaer .popular-package-box{margin-top: 30px;}
/* .section-view-detail{padding-bottom: 0px !important;} */

@media only screen and (min-width: 1920px){


/*---tab---start---here---*/
.tab-symptoms-list li{padding: 12px 30px;font-size: 18px;}
.symptoms-search-box input{padding: 18px 15px 18px 45px;font-size: 15px;}
.symptoms-search-box input::placeholder{font-size: 15px;}
.search-icon svg{width: 16px;}
.search-icon { top: 20px;left: 20px;}


/*---view---all---slide---start---here---*/
.view-all-list{font-size: 18px;}
.view-all-list.active:after{bottom: -15px;}
.view-all-slide-wraper{padding-right: 145px;}
.view-all-slide-wraper .swiper-button-prev{right: 65px !important;}

}


 @media only screen and (max-width: 1400px){
   
/*---tab---start---here---*/
.tab-symptoms-list li{font-size: 12px;}
.symptoms-search-box input, .symptoms-search-box input::placeholder{font-size: 11px; }
.symptoms-search-box input{padding: 12px 12px 12px 35px }
.search-icon{top: 12px;}
.tab-symptoms-list li{padding-top: 8px; padding-bottom: 8px;}

 /*---view---all---slide---start---here---*/
 .view-all-slide-wraper{margin-top: 40px;}
}

@media only screen and (max-width: 1199px){
.row-view-detail-wrpaer .col-sm-4{width: 50%;}
}




@media only screen and (max-width: 767px){
.row-view-detail-wrpaer .row{ margin: 0px -5px;}
.row-view-detail-wrpaer .col-sm-4{padding: 0px 5px;}

}

@media only screen and (max-width: 600px){

/*---view---all---slide---start---here---*/
.view-all-slide-wraper .swiper-button-prev, .view-all-slide-wraper .swiper-button-next{display: none !important;}
.view-all-slide-wraper{padding-right: 0px;margin-right: -15px;margin-top: 10px;}
.row-view-detail-wrpaer.row{margin: 0px;}
.row-view-detail-wrpaer .col-sm-4{ padding: 0px; width: 100%;}

}

    

/* ===== feedback/feedback.component.css ===== */


/*---partner---with---us---form---wraper---start---here---*/
.partner-with-us-form-wraper{ width: 70%; margin: 0px auto;position: relative;background: #ffff;border: 1px solid #C6CDD4;border-radius: 20px;padding: 50px 40px;margin-top: -55px;box-shadow: 0px 4px 50px 0px #00000017;}
.container-partner-with-us-section{padding: 0px 15px;}
.form-details-box{margin-bottom: 5px;}
.form-details-box .lg-title{ margin-bottom: 25px;color: var(--light-black-color); font-weight: 600;}
.form-details-box .input-box input, .form-details-box .input-box select, .form-details-box .input-box textarea{border: 1px solid #6F7883;}
.form-details-box .input-box select{ padding-right: 40px;}
.form-details-box .input-box textarea{ height: 100px;border-radius: 8px;}
.form-details-box .input-box .select-arrow { top: 9px; width: 22px;}
.information-text-box{ position: relative; padding-left: 30px;}
.information-text-box .checkbox{position: absolute;top: 3px; left: 0px;}
.btn-partner-with-us .btn-radius{width: 70%;}
.captcha-wraper{text-align: center;}
.captcha-wraper{border: 1px solid #6F7883;border-radius: 5px;}
.captha-input{position: relative;top: 8px;}
.refresh-box p, .btn-partner-with-us p{font-size: 13px; text-align: start;}
.refresh-box span{text-decoration: underline;cursor: pointer;} 
.refresh-box span:hover{ color: var(--brand-color);}
.email-bottm-text{position: relative; padding-left: 30px;margin-top: 2px;}
.email-bottm-text a{font-weight: 600;color: var(--brand-color);font-size: 14px;}
.icon-map-box1{ position: absolute; top: 0px; left: 0px;width: 22px;}
.refresh-box{margin-top: 20px;}
/*---partner---with---us---form---wraper---end---here---*/

@media only screen and (min-width: 1900px){

/*---partner---with---us---form---wraper---start---here---*/
.form-details-box .lg-title {font-size: 24px;}
.form-details-box .input-box .select-arrow { top: 12px; width: 28px;}
.captha-input{top: 0px;}
.refresh-box p, .btn-partner-with-us p {font-size: 14px;}
.partner-with-us-form-wraper{padding-bottom: 55px;}
.email-bottm-text a{font-size: 16px;}
}

@media only screen and (max-width: 1199px){
.partner-with-us-form-wraper{width: 90%; }
.form-details-box{margin-bottom: 30px; }
}

 @media only screen and (max-width: 991px){
.partner-with-us-form-wraper{ width: 98%; }
.form-details-box{ margin-bottom: 30px;}
.btn-partner-with-us .btn-radius { width: 100%;}
}

@media only screen and (max-width: 767px){

/*---partner---with---us---form---wraper---start---here---*/
.partner-banner-contaner, .partner-with-us-form-wraper{ width: 100%; }
.partner-with-us-form-wraper{ border-radius: 8px; padding: 20px 15px;padding-bottom: 25px; margin-top: -35px; }
.partner-banner-image{width: 75%;margin: 0px auto; }
.partner-with-us-form-wraper .section-title{  padding-bottom: 15px; }
.form-details-box .lg-title{ text-align: center;  margin-bottom: 15px; }
.form-details-box { margin-bottom: 10px;}
.input-box input, .input-box select{  padding: 15px; }
.form-details-box .input-box .select-arrow { top: 11px;width: 23px;}
.btn-partner-with-us .btn-radius{ width: 100%;}.btn-partner-with-us{ margin-top: 10px; text-align: center; }
.email-bottm-text{ display: inline-block;}
.captcha-box{ display: flex;align-items: center;margin: 0px -5px;margin-bottom: -5px;}
.captcha-wraper{ width: 50%; margin: 0px 5px; }
.refresh-box{ padding: 0px 5px; width: 50%; margin-top: 0px;}
.form-details-box{  margin-bottom: 0px; }
    /*---partner---with---us---form---wraper---end---here---*/
 }

/* ===== footer/footer.component.css ===== */
/*---footer---start---here-- (4 columns: Newsletter, Patients, Reach Out, Business) ---*/
footer{background: var(--light-bg); margin-top: 30px;}
.footer-row{display: flex;justify-content: space-between;flex-wrap: nowrap;margin: 0px -15px;align-items: flex-start;}
.footer-colm{padding: 0px 15px;}
.footer-colm-newsletter{flex: 0 0 28%;width: 28%;}
.footer-colm:not(.footer-colm-newsletter){flex: 0 0 24%;width: 24%;}
.footer-title{font-size: 14px;font-weight: 700;color: #61666B;margin-bottom: 20px;text-transform: capitalize;}
.footer-item{margin: 10px 0px;display: block;}
.footer-link{font-weight: 500;font-size: 13px;color: var(--light-black-color);transition: 0.3s;}
.footer-link:hover{color: var(--brand-color);}
.footer-botom-row{display: flex;justify-content: space-between;margin: 0px -8px;align-items: flex-end;margin-top: 30px;}
.footer-bottom-left-colm{width: calc(100% - 115px);padding: 0px 8px;}
.footer-bottom-right-colm{width: 115px;padding: 0px 8px;}
.social-link li{display: inline-block;padding-right: 15px;width: 33px;}
.social-link li svg{width: 19px;}
.social-link li svg path{fill: #61666B;}
.social-link li:hover svg path{fill: #185da9;fill-rule: evenodd;}
.social-link li:nth-of-type(3){top: 3px;position: relative;width: 35px;}
.copyright{font-size: 12px;color: var(--light-black-color);line-height: 18px;margin-top: 5px;}
.copyright a{font-weight: 600;color: var(--brand-color);margin-left: 10px;}
.newsletter-box-footer{margin-top: 25px;}
.input-box-footer{position: relative;}
.footer-bottom-right-colm a{display: block;}
.input-box-footer input{display: block;width: calc(100% - 100px);border: none;border-bottom: 1px solid var(--brand-border);background: transparent;padding: 10px 0px;font-size: 13px;}
.input-box-footer input:focus{outline: none;}
.input-box-footer input::placeholder{color: var(--light-black-color);font-weight: 500;font-size: 12px;text-transform: capitalize;}
.btn-submit-subscribe-box{position: absolute;width: 90px;bottom: 0px;right: 0px;}
.btn-submit-subscribe-box .btnparas{min-width: 88px;background: #CAECFF;color: var(--brand-color);border: 1px solid var(--brand-border);border-radius: 8px;}
.btn-submit-subscribe-box .btnparas:hover{background: var(--brand-bg);color: #fff;border-color: var(--brand-bg);}
.footer-dropdowen{display: none;}
footer .newsletter-box .xl-title{font-weight: 700;font-size: 20px;line-height: 1.4;color: var(--brand-color);}

@media only screen and (min-width: 1920px){
.footer-title{font-size: 18px;margin-bottom: 30px;}
.footer-link{font-size: 15px;}
.footer-colm-newsletter{flex: 0 0 30%;width: 30%;}
.footer-colm:not(.footer-colm-newsletter){flex: 0 0 23.33%;width: 23.33%;}
.footer-item{margin: 13px 0px;}
.social-link li svg{width: 26px;}
.copyright{margin-top: 10px;}
.footer-bottom-right-colm{width: 150px;}
.footer-bottom-left-colm{width: calc(100% - 150px);}
.btn-submit-subscribe-box{width: 115px;}
.input-box-footer input{display: block;width: calc(100% - 130px);}
footer .newsletter-box .xl-title{font-size: 22px;line-height: 1.45;}
}

@media only screen and (max-width: 1400px){
.footer-title{font-size: 13px;margin-bottom: 18px;}
.footer-link{font-size: 11px;}
.footer-item{margin: 6px 0px;}
footer .newsletter-box .xl-title{padding-right: 27px;}
.social-link li svg{width: 18px;}
}

@media only screen and (max-width: 1299px){
.footer-row{flex-wrap: nowrap;}
.footer-colm-newsletter{flex: 0 0 28%;width: 28%;}
.footer-colm:not(.footer-colm-newsletter){flex: 0 0 24%;width: 24%;}
.footer-bottom-right-colm{width: 90px;}
.footer-bottom-left-colm{width: calc(100% - 90px);}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
.footer-title{min-height: 32px;}
}

@media only screen and (max-width: 767px){
.footer-row{flex-wrap: wrap;}
.footer-colm-newsletter .inner-footer-colm,.footer-colm .inner-footer-colm{width: 100%;max-width: 100%;}
.footer-colm{width: 100%;flex: 0 0 100%;}
.footer-colm-newsletter{margin-bottom: 30px;}
.footer-list{display: none;}
.footer-title.is-open + .footer-list{display: block;}
.footerLinkColm .inner-footer-colm{border-top: 1px solid #E0E9EC;}
.footerLinkColm .inner-footer-colm .footer-title{margin-bottom: 0px;font-size: 13px;color: #222F3E;padding: 15px 0px;position: relative;cursor: pointer;}
.footer-dropdowen{position: absolute;right: 0px;top: 0px;width: 11px;top: 50%;transform: translate(0px, -50%);display: block;transition: transform 0.2s ease;}
.footer-title.is-open .footer-dropdowen{transform: translate(0px, -50%) rotate(180deg);}
.footer-colm:last-child .inner-footer-colm{border-bottom: 1px solid #E0E9EC;}
.footer-botom-row{margin-top: 22px;align-items: center;}
.footer-bottom-right-colm{width: 140px;}
.footer-bottom-left-colm{width: calc(100% - 140px);}
.copyright{font-size: 9px;margin-top: 0px;line-height: 1.5;}
.copyright a{margin-left: 0px;display: block;margin-top: 6px;}
.social-link li svg path{fill: #222F3E;}
.social-link li{display: inline-block;}
.footer-item{padding: 12px 0px;margin: 0px;border-top: 1px solid #E0E9EC;padding-left: 5px;}
footer .newsletter-box .xl-title{padding-right: 0px;}
.footer-link{font-size: 13px;}
.btn-submit-subscribe-box .btnparas{background: #E8ECEF;color: #222F3E;border: 1px solid #CAECFF;border-radius: 8px;}
.footer-colm-newsletter .footer-title{font-size: 14px;color: #61666B;margin-bottom: 12px;}
}



/* ===== global-search/global-search.component.css ===== */
/*---tab---start---here---*/
/* .tab-output-box{
	display: none;
} */


/*---view---all---slide---start---here---*/
.view-all-slide-wraper{position: relative;padding-right: 110px;margin-top: 60px;}
.view-all-slide-wraper .exploreTestSlide {overflow: hidden;border-bottom: 1px solid var(--brand-text-border);padding-bottom: 15px;}
.view-all-slide-wraper .swiper-slide{width: fit-content;}
.view-all-slide-wraper .swiper-button-prev, .view-all-slide-wraper .swiper-button-next{transform: none;display: block !important;}
.view-all-slide-wraper .swiper-button-next{right: 0px !important;}
.view-all-slide-wraper .swiper-button-prev{right: 50px !important;left: auto;}
.view-all-list{color: var(--light-black-color);font-size: 14px;cursor: pointer;position: relative;}
.view-all-list.active{color: var(--brand-color);font-weight: 500;}
.view-all-list.active:after{content: '';position: absolute;bottom: -16px;left: 0px;right: 0px;height: 2px;background: var(--brand-bg);}

.row-view-detail-wrpaer .popular-package-box{margin-top: 30px;}
/* .section-view-detail{padding-bottom: 0px !important;} */

@media only screen and (min-width: 1920px){


/*---tab---start---here---*/
.tab-symptoms-list li{padding: 12px 30px;font-size: 18px;}
.symptoms-search-box input{padding: 18px 15px 18px 45px;font-size: 15px;}
.symptoms-search-box input::placeholder{font-size: 15px;}
.search-icon svg{width: 16px;}
.search-icon { top: 20px;left: 20px;}


/*---view---all---slide---start---here---*/
.view-all-list{font-size: 18px;}
.view-all-list.active:after{bottom: -15px;}
.view-all-slide-wraper{padding-right: 145px;}
.view-all-slide-wraper .swiper-button-prev{right: 65px !important;}

}


 @media only screen and (max-width: 1400px){
   
/*---tab---start---here---*/
.tab-symptoms-list li{font-size: 12px;}
.symptoms-search-box input, .symptoms-search-box input::placeholder{font-size: 11px; }
.symptoms-search-box input{padding: 12px 12px 12px 35px }
.search-icon{top: 12px;}
.tab-symptoms-list li{padding-top: 8px; padding-bottom: 8px;}

 /*---view---all---slide---start---here---*/
 .view-all-slide-wraper{margin-top: 40px;}
}

@media only screen and (max-width: 1199px){
.row-view-detail-wrpaer .col-sm-4{width: 50%;}
}


@media only screen and (max-width: 767px){
.row-view-detail-wrpaer .row{ margin: 0px -5px;}
.row-view-detail-wrpaer .col-sm-4{padding: 0px 5px;}

}

@media only screen and (max-width: 600px){

/*---view---all---slide---start---here---*/
.view-all-slide-wraper .swiper-button-prev, .view-all-slide-wraper .swiper-button-next{display: none !important;}
.view-all-slide-wraper{padding-right: 0px;margin-right: -15px;margin-top: 10px;}
.row-view-detail-wrpaer.row{margin: 0px;}
.row-view-detail-wrpaer .col-sm-4{ padding: 0px; width: 100%;}

}

    

/* ===== header/header.component.css ===== */

/*---top--header---start---here--*/
.top-header{background: var(--brand-bg);padding:15px 0px;}
.top-header-row{display: flex;justify-content: space-between;align-items: center;}
.hamburgerMenu{display: none;}
.brand{width: 160px;line-height: 0px;}

.right-header{width: calc(100% - 160px);padding-left: 15px;}
.right-list-top-header{display: flex;align-items: center;justify-content: flex-end;}
.right-list-top-header li{display: inline-block;margin-left: 12px; position: relative;}
.right-list-top-header li:first-child{margin-left: 0px;}
.top-header-btn{display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 30px; padding: 8px 16px;cursor: pointer;}

.top-header-btn span{ color: var(--brand-color);}
.top-header-btn span, .login-btn-top-header{font-weight: 600;font-size: 14px;}
.top-header-btn svg{width: 18px;margin-right: 8px;}
.top-lab-find-btn .icon-top-right-btn{width: 14px;}
.login-btn-top-header{ background: #164477; border-radius: 30px;padding: 8px 25px; color: #fff; cursor: pointer;}
.top-header-btn svg path, .login-btn-top-header .desktop-hide{stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;}
.user-name{text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.cart-icon{ width: 36px; height: 36px; background: #fff; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; position: relative;}
.cart-icon img{ width: 22px;display: inline-block;}
.badge-icon{ width: 16px; height: 16px; border-radius: 30px; border: 1px solid rgba(255,255,255,0.6); color: var(--brand-bg); background: #fff; font-size: 10px;  font-weight: 700; position: absolute; display: flex; align-items: center; justify-content: center; top: -6px;right: -1px;}
.cart-text{ display: none;}
.top-header-btn.after-login-btn svg{width: 16px;margin-right: 4px;}
.top-header-btn.after-login-btn{padding-top: 8px;padding-bottom: 8px;position: relative;padding-right: 40px;}
.after-login-btn:after{content: '';position: absolute;top: 50%;right: 15px;width: 11px;height: 10px;background: url(../../assets//images//icon/account-dropdowen.svg);background-repeat: no-repeat;background-size: 100%;transform: translate(0px, -40%);}

/*---navbar---start---here--*/
.nav-menu{background: #fff;border-bottom: 1px solid var(--brand-text-border);}
.navbar-item{display: inline-block;padding: 0px 15px;position: relative;}
.navbar-link{color: var(--light-black-color);font-weight: 600;font-size: 14px;padding: 12px 0px;transition: 0.3s;position: relative;}
.navbar-link:after{content: '';position: absolute;bottom: 8px;left: 0px;right: 0px;height: 1.5px;opacity: 0;background: var(--brand-bg);}
.navbar-item:hover .navbar-link{color: var(--brand-color);}
.navbar-item:hover .navbar-link:after{animation-name: widthTransition2;animation-duration: 0.5s;opacity: 1;}
.navbar-item:first-child{padding-left: 0px;}
@keyframes widthTransition2 {0%   {left: 50%;right: 50%;} 100% {left: 0px; right: 0px;}}
.nav-dropdown{ position: absolute;top: 38px; left: 13px; padding: 10px; background: #fff;  width: 200px;  box-shadow: 0px 0px 10px rgb(0 0 0 / 9%);display: none;opacity: 0;transition: 0.3s;}
.dropdowen-item{text-align: left;padding: 5px 0px;border-bottom: 1px solid var(--brand-text-border);}
.dropdowen-item:first-child{padding-top: 0px;}
.dropdowen-item:last-child{padding-bottom: 0px;border-bottom: none;}
.dropdowenItemLink{color: var(--light-black-color); font-weight: 500; font-size: 13px; transition: 0.3s;}
.dropdowenItemLink:hover{color: var(--brand-color);}
.menu-brand-logo{display: none;}
.dropdown-icon{display: none;}
.btn-call-mobile{display: none;}
.Close-menu-icon img{pointer-events: none;}
.nav-menu-item{width: 60%;}
.header-wraper-row{display: flex;padding: 15px 0px;align-items: center;}
.header-search-bar{width: 40%;padding-left: 30px;}
/* Force desktop nav bar + search to always show (avoid blank white strip) */
@media only screen and (min-width: 992px){
.nav-menu{display: block !important;position: static !important;width: 100% !important;left: auto !important;right: auto !important;top: auto !important;bottom: auto !important;}
.nav-menu .container{display: block !important;}
.nav-menu .header-wraper-row{display: flex !important;padding: 15px 0px !important;}
.nav-menu .header-search-bar{display: block !important;}
}
/*---navbar---end---here--*/

/*---accunt---dropdowen---start---here---*/
.account-dropdowen .account-sidebar ul{background: #fff;}
.account-dropdowen .nav-sidebar li{width: 100%;margin: 0px;border-bottom: 1px solid var(--brand-text-border);}
.account-dropdowen .nav-sidebar li:last-child{border-bottom: none;}
.account-dropdowen .nav-sidebar li a img, .account-dropdowen .nav-sidebar li button img {width: 35px;}
.account-dropdowen .nav-sidebar li a, .account-dropdowen .nav-sidebar li button{padding: 8px 15px;padding-right: 20px;font-size: 15px;font-weight: 400;}
.account-dropdowen .nav-sidebar li a:after, .account-dropdowen .nav-sidebar li button:after{width: 8px;height: 11px;right: 11px;}
.account-dropdowen{position: absolute;width: 256px; top: 40px; right: 0px;z-index: 999;padding-top: 10px;}
.account-dropdowen .account-title{display: none;}
.header-mobile-search{display: none;}


@media only screen and (min-width: 1024px){
    .navbar-item.active .navbar-link:after { animation-name: widthTransition2;animation-duration: 0.5s;opacity: 1;}
    .navbar-item.active .navbar-link{color: var(--brand-color);}
}

@media only screen and (min-width: 1900px){
/*---top---header---start---here---*/
.brand{width: 200px;}
.right-header { width: calc(100% - 200px);}
.top-header-btn, .top-header-btn.after-login-btn{padding: 8px 28px;}
.top-header-btn.after-login-btn{padding: 8px 20px;padding-right: 40px;}
.top-header-btn svg { width: 23px; height: 25px;}
.top-header-btn span, .login-btn-top-header { font-size: 17px;}
.login-btn-top-header { background: #164477; border-radius: 30px; padding: 10px 30px;}
.cart-icon{ width: 44px; height: 44px;}
.badge-icon{ width: 20px;height: 20px; font-size: 12px;}
.cart-icon img{ width: 25px;}
.top-header-btn.after-login-btn svg{width: 18px; }
/*---top---header---end---here---*/

/*---account---dropdowen---start---here*/
.account-dropdowen .nav-sidebar li a, .account-dropdowen .nav-sidebar li button{font-size: 16px;}
.account-dropdowen .nav-sidebar li a img, .account-dropdowen .nav-sidebar li button img {width: 46px;}
.account-dropdowen{ width: 310px;}
.account-dropdowen .nav-sidebar li a:after{width: 11px;height: 15px;}
.account-dropdowen{top: 60px;}
.after-login-btn:hover .account-dropdowen{top: 45px;}

/*---navbar---start---here--*/
.navbar-link{font-size: 18px;padding: 18px 0px;}
.navbar-item { padding: 0px 15px;}
.navbar-link:after{height: 2px;bottom: 12px;}
.dropdowenItemLink{font-size: 16px;}
.nav-dropdown{top: 49px;width: 275px;}
.dropdowen-item {padding: 12px 0px;}
.nav-dropdown{padding: 15px;}

}

.footer-link-listing .navbar-link{
    padding: 0 !important;
}

@media only screen and (max-width: 1400px){
/*---top---header---start---here---*/
.brand {width: 145px;}
.right-header {width: calc(100% - 145px);}
.top-header-btn span, .login-btn-top-header {font-size: 13px;}
.top-header-btn svg {width: 15px;}
.top-header-btn{padding: 6px 12px;}
.login-btn-top-header{padding: 7px 25px;}
.top-header{padding: 10px 0px;}
.cart-icon{ width: 32px;height: 32px;}
.cart-icon svg{ width: 18px;}
.top-header-btn.after-login-btn svg{width: 13px; }
/*---top---header---end---here---*/

/*---navbar---start---here--*/
.navbar-link{font-size: 13px;padding: 10px 0px;}
 .footer-link-listing .navbar-link{
        padding: 0 !important;
    }
.navbar-item {padding: 0px 15px;}
.nav-dropdown{	top: 35px;}

}
@media only screen and (max-width: 1360px){
    .navbar-link{font-size: 12px;}
    .navbar-item{padding: 0px 10px;}
}

@media only screen and (max-width: 1199px){
    .navbar-link{font-size: 12px;}
    .top-header-btn span, .login-btn-top-header {font-size: 12px;}
/*---account---dropdowen---start---here---*/


.nav-menu-item{width: 70%;}
.header-search-bar{width: 30%;padding-left: 20px;}
}

@media only screen and (min-width: 992px){
.navbar-item:hover .nav-dropdown{display: block;opacity: 1;}
.navbar-link:hover{color: var(--brand-color);}
}

@media only screen and (max-width: 991px){
/*---top---header---start---here---*/
header{position: relative;z-index: 100;}
.top-header{position: relative;z-index: 101;}
.hamburgerMenu{display: block;}
.habergirMenubtn{ display: block;width: 100%; cursor: pointer;}
.hamburgerMenu{ width: 30px; margin-right: 10px; cursor: pointer;}
.right-header { width: calc(100% - 158px);}
.login-btn-top-header:hover{-webkit-animation: pulse-none 1s infinite;animation: pulse-none 1s infinite;}
/*---top---header---end---here---*/
.header-mobile-search{display: block;background:#fff;padding: 10px 0px;border-right: 1px solid var(--brand-text-border);}

/*---navbar---start---here--*/
.nav-menu{ position: fixed; top: 0px;  bottom: 0px; width: 40%;left: 0px;border-left: 1px solid #ccc; padding: 0px; display: none; z-index: 9999;background-color: #EFF4F9;}
.navbar-link {font-size: 14px;}
header.menu-active .nav-menu{display: block !important;}
header.menu-active .nav-menu .container{display: block !important;}
header.menu-active .nav-menu .header-wraper-row{display: block !important;}
header.menu-active .nav-menu .nav-menu-item{display: block !important;}
header.menu-active .nav-menu .menu-brand-logo{display: block !important;}
header.menu-active .nav-menu .btn-call-mobile{display: block !important;}
.navbar-item{ display: block; text-align: left;padding: 15px 0px; border-bottom: 1px solid var(--brand-text-border);}
header.menu-active .menu-blackbg-layer{ position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: var(--brand-bg); opacity: 0.5; z-index: 999;display: block !important;cursor: pointer;}
.Close-menu-icon{  position: absolute;  width: 40px; height: 40px; left: 100%;  top: 20px; z-index: 99999; display: flex; align-items: center; justify-content: center; background: #222F3E; cursor: pointer; margin-left: -1px;}
/* .Close-menu-icon img{ width: 20px !important; height: 20px !important; pointer-events: none;} */
.Close-menu-icon{width: 29px; height: 29px;}
.nav-dropdown{position: static;opacity: 1;  background: transparent; box-shadow: none; padding: 0px;width: 100%;}
.navbar-item.is-open .nav-dropdown{display: block;}
.dropdowen-item{padding: 10px 5px;}
.dropdowen-item:first-child { padding-top: 10px;}
.menu-brand-logo{ display: block; border-bottom: 1px solid var(--brand-text-border); padding: 25px 0px; text-align: center;}
.dropdown-link{ border-top: 1px solid var(--brand-text-border); margin-top: 15px;}
.menu-brand-logo img{ width: 100%; display: block;}
.menu-brand-logo a{ display: inline-block; width: 128px; margin: 0px auto;}
.nav-menu-item{ padding: 0px 15px; max-height: calc(100vh - 162px); overflow: auto;}
.navbar-link{ color: #222F3E;}
.navbar-link{ padding: 0px;}
.navbar-link:after{ display: none;}
.dropdown-icon{display: block; position: absolute; right: 0px;  top: 17px;}
.dropdown-icon svg{ width: 13px;}
.btn-call-mobile{ display: block; padding: 20px 15px 20px 15px;}
.mobile-menu-call-link{padding: 10px 21px; display: inline-flex; justify-content: center; align-items: center; background: #fff; border-radius: 30px;}
.mobile-menu-call-link svg path{ stroke: #185da9; stroke-width: 1.5;stroke-linecap: round; stroke-linejoin: round;}
.text-btn-menu{color: #185DA9;font-weight: 600;font-size: 13px; padding-left: 5px;}
.mobile-menu-call-a{ display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 30px; padding: 8px 16px; border: 1px solid #CAECFF;}
.mobile-menu-call-a{ display: inline-flex; justify-content: center; align-items: center; background: #fff; border-radius: 30px; padding: 8px 16px;}
.mobile-menu-call-a svg{ width: 18px;}


.nav-menu-item{width: 100%;}
.header-search-bar{display: none;}
.header-wraper-row{padding: 0px;}

   
}


@media only screen and (max-width: 767px){
    
/*---top---header---start---here---*/
.top-header .container{padding-right: 0px;}
.top-header { padding: 0px;}
.top-header-btn{ display: block;border-radius: 0px; background: none; padding: 0px;width: 100%;}
.top-header-btn svg path{stroke: #fff;}
.login-btn-top-header{  background: none;}
.top-header-btn svg, .login-btn-top-header svg, .top-header-btn.after-login-btn svg { width: 17px; height: 18px; margin: 0px auto; display: block;}
.right-list-top-header li{ width: 65px;  text-align: center;  border-right: 1px solid rgb(255 255 255 / 40%);  padding: 10px 0px 5px 0px;  margin-left: 0px;    display: flex; align-items: center;justify-content: center;}
.login-btn-top-header .desktop-hide{text-align: center;}
.right-list-top-header li:nth-of-type(1){order: 2;display: none;}
.cart-icon{ height: initial; background: none;width: initial;flex-wrap: wrap;}
.cart-text{ font-size: 10px;color: #fff;font-weight: 600;text-align: center;display: block; width: 100%;line-height: 20px;}
.badge-icon{font-size: 8px;width: 14px; height: 14px;top: -5px;right: 6px;}
.user-name{ width: 70% !important;display: block; margin: 0px auto;}
.cart-icon svg{width: 20px;height: 17px;}
/* .right-list-top-header li .after-login-btn svg{margin-bottom: 6px;} */
.after-login-btn svg path{ stroke: initial; fill: #185DA9;}
.cart-icon svg path{ fill: #fff;}
.right-list-top-header li:nth-of-type(2){ order: 0;}
.brand { width: 105px;padding-left: 10px;}	
.hamburgerMenu { width: 30px; margin-right: 0px; margin-left: -5px;}
.right-header { width: calc(100% - 115px);}
.top-header-btn span, .login-btn-top-header { font-size: 10px; color: #fff;}
/* .right-list-top-header li:nth-of-type(1) svg, .right-list-top-header li:nth-of-type(4) svg{margin-bottom: 7px;} */
.login-btn-top-header { padding: 0px;}
.right-list-top-header{align-items: unset;}
.top-header-btn.after-login-btn{padding: 5px; border-radius: 50%; width: 37px; height: 37px; display: flex; align-items: center; justify-content: center;}
.right-list-top-header{align-items: unset;}
.top-header-btn.after-login-btn .user-name{
    display: none;
}

.cart-icon.pulse:hover {animation: pulse-none 1s infinite;}
/*---top---header---end---here---*/

/*---navbar---start---here--*/
.nav-menu{width: 55%;}

/*---account---dropdowen---start---here---*/
.account-dropdowen.show { display: block;height: calc(100vh - 40px); background: #F9F9F9; top: 56px; margin: 0px; padding: 85px 15px 115px 15px; overflow: auto;width: 100%;left: 0px;position: fixed;z-index: -1;}
.account-dropdowen .nav-sidebar li a:after, .account-dropdowen .nav-sidebar li button:after {width: 11px;height: 16px;}
.account-dropdowen .nav-sidebar li{display: block;}
.account-dropdowen .account-title{display: block;background: #fff;}
.account-dropdowen .nav-sidebar li a:after {font-weight: 600;}


}

@media only screen and (max-width: 479px){
/*---navbar---start---here--*/
.nav-menu{ width: 70%; }
.right-list-top-header{ align-items: initial;}
}

@media only screen and (max-width: 339px){
	
/*---top---header---start---here---*/
.brand { width: 85px; }
.top-header-btn span, .login-btn-top-header, .cart-text{font-size: 8px; }
/*---top---header---end---here---*/
}

/* ===== home/home.component.css ===== */
/* .faq-section {background: var(--light-bg); padding-bottom: 0px; position: relative; overflow: hidden;}
.faq-section::before { content: ''; position: absolute; right: -5%; top: 50%; transform: translateY(-50%); width: 50%; max-width: 480px; height: 85%; background: url(../assets/images/brand.svg) no-repeat center right; background-size: contain; opacity: 0.1; filter: brightness(0) invert(1); pointer-events: none; z-index: 0;}
.faq-section .container { position: relative; z-index: 1;} */
.faq-right-image {width: 70%;margin: 0px auto;padding-left: 12%;}
.faq-box {position: relative; height: 100%; min-height: 420px;}
.faq-wraper { overflow: hidden; overflow-y: auto; position: absolute; top: 0px; bottom: 80px; left: 0px; right: 0px; direction: rtl; padding-left: 40px;}
.faq-wraper::-webkit-scrollbar { width: 3px;}
.faq-wraper::-webkit-scrollbar-track { background: #DAE1E9;}
.faq-wraper::-webkit-scrollbar-thumb {background: #B6BEC8;}
.faq-wraper::-webkit-scrollbar-thumb:hover { background: #B6BEC8;}
.inner-wraper-testimonials-box{position: relative;}
.view-all-btn-box{ position: absolute;top: 0px;right: 0px;}
.slider-box{margin: 0px;padding: 0px 8px;}

@media only screen and (max-width: 1920px) {
.faq-wraper {  bottom: 90px; }
}

@media only screen and (max-width: 1400px) {
.testimonials-slider .view-all-btn-box{ right: 15px; }
}

@media only screen and (max-width: 1299px) {
.testimonials-slider .view-all-btn-box{ right: 25px;}
}

@media only screen and (max-width: 991px) {
.faq-right-image {width: 100%;}
.faq-wraper {bottom: 50px;}
}

@media only screen and (max-width: 767px) {
/* .faq-section .row .col-sm-6:nth-of-type(1) { order: 2; }
.faq-section .row .col-sm-6:nth-of-type(2) { order: 1;}
.faq-section { padding-bottom: 30px;} */
.faq-wraper {position: static; max-height: 400px;padding-left: 15px;}
.view-all-btn-box {position: static;margin-top: 30px;text-align: center;}
.faq-right-image{padding-left: 0px;margin-bottom: 25px;}
}

/* ===== members-details/members-details.component.css ===== */
.member-detail-box{background: #fff;padding: 20px;border-radius: 8px;height: 100%;}
.member-detail .col-sm-6{margin:15px 0px;}
.member-details{position: relative;padding-right: 60px;}
.member-details span{border-right: 1px solid var(--brand-border);padding: 0px 5px;color: var(--brand-color);font-size: 16px;}
.member-details span:first-child{padding-left: 0px;}
.member-details span:last-child{padding-right: 0px;}
.member-address{color: #455E77;    font-size: 14px;margin-top: 20px;}
.member-edit{background: none;border:none;width: 30px;position: absolute;top: 0px;right: 20px;cursor: pointer;border-radius:5px;transition: all 0.4s;padding: 5px;}
.member-edit:hover{background: var( --light-bg);}
.btn-member{text-align: center;margin-top: 15px;margin-bottom: 15px;}
.btn-member .btn-radius{border-radius: 10px;min-width: 300px;}
.remove-member{background: none;padding: 0px;border: none;padding: 5px;border-radius: 5px;cursor: pointer;transition: all 0.3;position: absolute; right: -10px;top: 0px;}
.remove-member img{width: 14px;}
.remove-member:hover { background: var(--light-bg);}

@media only screen and (min-width: 1900px){
    .member-details span{font-size: 18px;}
    .member-address{font-size: 16px;}
    .member-edit{width: 40px;top: -6px;}
    .remove-member img{width: 15px;}
}

@media only screen and (max-width: 1400px){
    .member-details span{font-size: 14px;}
    .member-address{font-size: 13px;}
}

@media only screen and (max-width: 1199px){
    .member-detail .col-sm-6{width: 100%;}
}
@media only screen and (max-width: 767px){
    .member-detail-box{ box-shadow: 0px 4px 24px 0px rgb(24 93 169 / 8%);}
}

/* ===== my-orders/my-orders.component.css ===== */

/*---order---package---start---here---*/
.order-package-box{border-radius: 8px;background: #fff;padding: 20px;position: relative;height: 100%;}
.order-box{margin: 15px 0px;}
.order-no-box{display: flex;align-items: center;position: relative;padding-right: 80px;}
.order-no-box img{width: 40px;}
.order-no{font-size: 14px; color: var(--brand-color);width: calc(100% - 40px);padding-left: 10px;}
.order-no span{margin-left: 5px;color: var(--brand-color);padding-left: 5px;}
.order-no strong{border-right: 1px solid var(--brand-text-border);padding-right: 10px;}
.order-date{position: absolute;top: 11px;right: 0px;font-size: 13px;font-weight: 500;}
.package-order-title-box{position: relative;margin: 15px 0px;padding-right: 65px;margin-bottom: 5px;}
.order-package-title{font-weight: 600;font-size: 14px;color: #1D2732;}
.package-order-title-box p{font-weight: 500;margin-bottom: 0px;margin-top: 3px;}
.price-box-order{color: #1D2732;font-weight: 600; display: flex; justify-content: space-between;}
.price-box-order .download-receipt{background: transparent; outline: 0; border: 0; color: var(--brand-color); cursor: pointer; font-weight: bold;}
.order-package-box-flx{display: flex;align-items: flex-end;margin: 25px 0px;}
.order-package-icon{width: 65px;}
.order-package-icon img{width: 100%;display: block;}
.order-left-box{width: 100%;}
.order-user-name, .order-status{font-size: 13px;padding: 5px 0px;font-size: 14px;}
.order-user-name strong, .order-status strong{color: #1D2732;}
.order-user-name strong, .order-status strong{font-weight: 500;}
.row-order-btn .btn-radius{width: 100%;display: block;max-width: 100%;}
.row-order-btn{display: flex; margin: 0px -8px;}
.row-order-btn .col-sm-6{padding: 0px 8px;}
.cancel-order{background: #fff;color: var(--brand-color);}
.cancel-order:hover{box-shadow: 0 30px 12px var(--brand-bg) inset, 0 -30px 12px var(--brand-bg) inset;color: #fff;}
.order-status{padding: 15px 0px 22px 0px;}

@media only screen and (min-width: 1900px){
/*---order---package---start---here---*/
.package-order-title-box p, .order-no, .order-user-name, .order-status{font-size: 18px;}
.order-no-box img{width: 50px;}
.order-date{font-size: 16px;top: 13px;}
.order-no-box{padding-right: 105px;}
.order-package-title{font-size: 18px;}
.price-box-order{font-size: 20px;}
}

@media only screen and (max-width: 1400px){
/*---order---package---start---here---*/
.package-order-title-box p, .order-no, .order-user-name, .order-status{font-size: 14px;}
.order-no-box img{width: 30px;}
.order-date{font-size: 12px;top: 13px;}
.order-no-box{padding-right: 90px;}
.order-package-title{font-size: 14px;}
.price-box-order{font-size: 14px;}
.order-package-icon{width: 50px;}
.order-left-box{width: 100%;}
}

@media only screen and (max-width: 1299px){
/*---order---package---start---here---*/
.order-box{width: 100%;}
.order-no-box img{width: 45px;}

}

@media only screen and (max-width: 767px){
.order-package-box{box-shadow: 0px 4px 24px 0px rgb(24 93 169 / 8%);}
}


@media only screen and (max-width: 360px){
    .order-no strong{border: none;}
    .row-order-btn .btn-radius{font-size: 13px;}
}

/* ===== my-profile/my-profile.component.css ===== */

/*---profile---wraper---start---here---*/
.profile-wraper{background-color: var(--light-bg);border: 1px solid var(--brand-text-border);border-radius: 8px;padding-bottom: 50px;margin-top: 100px;}
.profile-wraper-inner{width: 45%;margin: 0px auto;}
.profile-form-wraper{background: #F9F9F9;border-radius: 8px;overflow: hidden;padding: 40px;}
.profile-image-wraper{width: 200px;height: 200px;border-radius: 50%;background: #fff;margin: 0px auto;position: relative;overflow: hidden;border: 7px solid #fff;box-shadow: 0px 0px 20px rgb(0 0 0 / 18%);margin-top: -100px;}
.profile-image-wraper img{position: absolute;top: 0px;object-fit:cover; bottom: 0px;width: 100%; height: 100%;}
.choose-file-wraper{text-align: center;margin-bottom: 40px;margin-top: -20px;position: relative;z-index: 9;}
.choose-file {cursor: pointer;font-size: 13px;}
.choose-file input{display: none;}
.choose-file img{display: block;width: 34px;margin: 0px auto;}
.choose-file span{padding-top: 15px;display: inline-block;}
.input-box input::placeholder, .input-box input, .input-box select, .input-box textarea::placeholder, .input-box textarea{background: none;}
.remove-image{cursor: pointer;font-size: 13px;margin-top: 10px;border: none;padding: 5px 15px;background: #e4e4e4;border-radius: 5px;transition: all 0.3s;}
.remove-image:hover{background: var(--brand-bg);color: #fff;}



@media only screen and (min-width: 1900px) {
    
    .choose-file{font-size: 18px;}
    .profile-image-wraper{width: 250px; height: 250px;margin-top: -125px;}
    .profile-wraper{margin-top:125px;}
    .my-profile-page{padding-top: 80px;}
}


@media only screen and (max-width: 1199px){
    .profile-wraper-inner{width: 75%;}
}

@media only screen and (max-width: 991px){
 
    .profile-wraper-inner{width: 90%;}
    .profile-wraper-inner{width: 100%;padding: 0px 20px;}
}

@media only screen and (max-width: 767px){
    .profile-form-wraper{background: none;padding: 0px;}
    .profile-wraper{background-color: #F9F9F9;}
    .profile-wraper{padding-bottom: 15px;border: 1px solid #ffff;}
    .account-title-page{display: block;}
    .after-login-btn:after{
        display: none;
    }
}
@media only screen and (max-width: 480px){
    .profile-wraper{margin-top: 90px;}
    .profile-image-wraper{width: 145px;height: 145px;margin-top: -75px;}
    .my-profile-page{padding-top: 40px;}
}

/* ===== nearest-labs/nearest-labs.component.css ===== */

.row-find-a-center{ display: flex; margin: 0px -15px;}
.find-a-center-left-colm{width: 33.4%; padding: 0px 15px;}
.find-a-center-section{ padding: 30px 0px; padding-bottom: 0px;}

/*---current---location---box---start---here---*/
.find-a-center-form-box{ height: 100%; }
.find-center-inner{width: 100%;}
.find-a-center-form-box .section-title .xl-title{color: var( --whitecolor);}
.find-a-center-form-box .section-title { padding-bottom: 30px;}
.find-a-center-form-box{ background: var(--brand-bg); padding: 40px; border-radius: 12px;display: flex;align-items: center;}
.btn-box-current-location .btn-radius{display: flex;justify-content: center;align-items: center;width: 100%;font-weight: 400;font-size: 13px;border: 1px solid var(--whitebborder);}
.btn-box-current-location .btn-radius:hover { box-shadow: 0 30px 12px #2f6cae inset, 0 -30px 12px #2f6aab inset;color: #fff;}
.seprater-box{text-align: center;margin: 20px 0px;}
.seprater-box span{ display: inline-block; position: relative; color: var( --whitecolor); font-size: 13px; font-weight: 400;}
.seprater-box span:after{content: ''; position: absolute; top: 50%; right: 125%; width: 28px; height: 1px; border-top: 2px dashed var(--whitebborder);}
.seprater-box span:before{content: ''; position: absolute; top: 50%;left: 125%; width: 28px; height: 1px; border-top: 2px dashed var(--whitebborder);}
.btn-box-current-location .btn-radius img{ display: inline-block; width: 18px; margin-right: 5px;}
.find-a-center-form-box .input-box .btn-radius{ background: var(--whitebg); color: var(--brand-color);font-weight: 600;}
.find-a-center-form-box .input-box input, .input-box select, .find-a-center-form-box .input-box textarea { background: none; color: var( --whitecolor);border: 1px solid var(--whitebborder);}
.find-a-center-form-box .input-box input, .find-a-center-form-box .input-box input::placeholder{color: var(--whitecolor);}
.find-a-center-form-box .select-arrow{ background: var(--whitebg);  width: 21px;  height: 21px; border-radius: 30px; display: flex; align-items: center; justify-content: center; top: 9px;}
.find-a-center-form-box .select-arrow img{ width: 40%;  position: relative; top: 1px;}
.find-a-center-form-box .input-box select option{color: #000;}
/*---current---location---box---end---here---*/

/*nearest--lab---banner---start---here---*/
.nearest-lab-banner-colm{ width: 66.6%; padding: 0px 15px;}
.nearest-lab-banner-colm .banner-container{
    width: 100%;
    height: 100%;
}

/*nearest--lab---banner---end---here---*/
.lab-center-box{ border-radius: 12px;border: 1px solid #C6CDD4; padding: 30px 30px 40px 30px;height: 100%;position: relative;padding-bottom: 100px;}
.nearest-lab-adddress{ padding-left: 30px; position: relative; margin-bottom: 30px;}
.nearest-lab-adddress a{ font-weight: 600; font-size: 14px; color: var(--brand-color);}
.icon-nearest-lab{position: absolute;top: 0px;left: 0px;width: 22px; display: block;}
.lab-center-box .lg-title{margin-bottom: 30px;position: relative;}
.lab-center-button-row{display: flex; margin: 0px -8px; margin-top: 40px;position: absolute;left: 30px;right: 30px;bottom: 40px;}
.lab-center-button-row .link-with-image span img{display: block;width: 15px; line-height: 0px;}
.btn-colm{ width: 50%; padding: 0px 8px;}
.nearest-lab-detail{padding-bottom: 30px;}
.nearest-lab-detail .row .col-sm-4{ margin-top: 30px;}
.btn-colm .btn-radius{width: 100%;}
.km-box img{width: 20px;margin-right: 5px;}
.km-box{font-size: 14px; position: absolute;top: 0px;right: 0px;display: inline-flex;color: var(--light-black-color);font-weight: 600;}

@media only screen and (min-width: 1900px){
.icon-nearest-lab{ top: 5px; width: 24px;}
.nearest-lab-adddress a{font-size: 16px; position: relative;  top: 5px; }
.find-a-center-form-box .select-arrow{  top: 15px;  }

.km-box img{width: 24px;}
.km-box{font-size: 16px;}
.lab-center-box{padding-bottom: 110px;}

}


@media only screen and (min-width: 1600px){
.btn-box-current-location .btn-radius, .seprater-box span{ font-size: 14px; }
.btn-box-current-location .btn-radius img { width: 22px; }
}

@media only screen and (max-width: 1400px){
.lab-center-box{ padding: 15px 15px 70px 15px; }
.lab-center-button-row{left: 15px;right: 15px;bottom: 25px;}
}
@media only screen and (max-width: 1199px){
.find-a-center-form-box{ padding: 15px;}
.find-a-center-form-box{ height: 100%; display: flex; align-items: center;}
.find-center-inner{width: 100%;}
.nearest-lab-detail .col-sm-4{ width: 50%;}
}


@media only screen and (max-width: 991px){
.find-a-center-left-colm { width: 61%; order: 2; margin: 0px auto; margin-top: -50px;}
.nearest-lab-banner-colm{ width: 100%;  order: 1; }
.row-find-a-center{ flex-wrap: wrap;}
.nearest-lab-banner{padding-top: 30px;border-radius: 0px; }
    
}

@media only screen and (max-width: 767px){

/*nearest--lab---banner---start---here---*/
.find-a-center-section{ padding-top:0px;}
.find-a-center-section .container{ padding: 0px;}
.row-find-a-center{  margin: 0px;}
.row-find-a-center{ padding: 0px;}
.nearest-lab-banner-colm{ padding: 0px;}
.find-a-center-left-colm{width: 100%;margin-top: -85px;}
/*nearest--lab---banner---end---here---*/

.nearest-lab-detail .col-sm-4{width: 100%;}
.lab-center-box .lg-title, .nearest-lab-adddress, .nearest-lab-adddress{margin-bottom: 15px;}
.nearest-lab-adddress{padding-left: 38px;}
.icon-nearest-lab{width: 28px;}
.lab-center-button-row{margin-top: 20px;}
}

@media only screen and (max-width: 480px){
.banner-content{width: 100%;}
.find-a-center-left-colm{margin-top: -60px;}
}

/* ===== news/news.component.css ===== */

/*---blog---nav---start---here---*/
.blog-nav{text-align: center;margin-bottom: 30px;}
.blog-nav ul{display: inline-flex;margin: 0px -20px;border-bottom: 1px solid var(--brand-text-border);}
.blog-nav ul li{display: inline-block;margin: 0px 20px; position: relative;}
.blog-nav ul li a{font-weight: 500;padding-bottom: 15px;color: var(--light-black-color);font-size: 14px;}
.blog-nav ul li:after{ content: ''; position: absolute;left: 0px;right: 0px;bottom: -1px;height: 2px;background: var(--brand-bg);border-radius: 8px;display: none;}
.blog-nav ul li.active:after{display: block;}
.blog-nav ul li.active a{color: var(--brand-color);}
.blog-nav ul li:first-child{ margin-left: 0px;}
.blog-nav ul li:last-child{margin-right: 0px;}
/*---blog---nav---end---here---*/

/*---blog---listing---start---here---*/
.blog-image-box img{display: block; width: 100%;}
.blog-listing-box{border-radius: 12px; border: 1px solid #C6CDD4;overflow: hidden;}
.listing-bottom-box{display: flex;align-items: center;}
.listing-date-box{ width: 50%;position: relative; padding-left: 30px;font-size: 14px;color: var(--brand-color);}
.blog-image-box{margin-left: -1px; margin-right: -1px;margin-top: -1px;}
.listing-button-box{ width: 50%; text-align: right;}
.listing-date-box img{width: 24px;position: absolute;top: -3px;left: 0px;}
.blog-content-box{padding: 25px;}
.blog-content-box .lg-title{line-height: 25px;margin-bottom: 15px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; min-height: 50px;}
.listing-discription{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; min-height: 70px;}
/*---blog---listing---end---here---*/

@media only screen and (min-width: 1900px){
/*---blog---nav---start---here---*/
.blog-nav ul li a{ font-size: 18px;padding-bottom: 20px;}
/*---blog---nav---end---here---*/

/*---blog---listing---start---here---*/
.blog-content-box .lg-title{line-height: 32px;font-size: 24px;  min-height: 65px;}
.listing-discription{line-height: 26px; min-height: 82px; }
.listing-date-box{ font-size: 18px; padding-left: 45px; }
.listing-date-box img{width: 30px;top: -5px;}
/*---blog---listing---end---here---*/
}

@media only screen and (max-width: 1400px){
/*---blog---nav---start---here---*/
.blog-nav{margin-bottom: 20px;}

/*---blog---nav---start---here---*/

/*---blog---listing---start---here---*/
.listing-discription{min-height: 62px;}
.listing-date-box{font-size: 13px;}
.listing-date-box img{width: 21px; position: absolute;top: -1px;left: 0px; }
.blog-content-box{ padding: 18px;}
/*---blog---listing---end---here---*/
}

@media only screen and (max-width: 991px){
.blog-listing-section .row .col-sm-4{ width: 50%;}
}
@media only screen and (max-width: 600px){
.blog-listing-section .row{margin: 0px -10px;}
.blog-listing-section .row .col-sm-4{ width: 50%; padding: 0px 10px; }
}
@media only screen and (max-width: 599px){
.blog-listing-section .row{margin: 0px;}
.blog-listing-section .row .col-sm-4{ width: 100%;padding: 0px;}
.blog-nav{ margin-bottom: 0px;}
.blog-nav ul{display: flex;margin: 0px;width: 100%;justify-content: space-between;}
}

@media only screen and (max-width: 394px){
.listing-date-box{top: -3px; }
}

/* ===== page-not-found/page-not-found.component.css ===== */
.page-not-found {
    padding: 50px 0;
}

.page-not-found-wrap {
    text-align: center;
}
.page-not-found-wrap .img-holder {
    margin-bottom: 30px;
}
.page-not-found-wrap h1{
    margin-bottom: 10px;
}
.page-not-found-wrap p{
    margin-bottom: 30px;
}
.page-not-found-wrap h1{color: var(--brand-color);}

/* ===== partner-with-us/partner-with-us.component.css ===== */

/*---partner---with---us---form---wraper---start---here---*/
.partner-with-us-form-wraper{width: 60%; margin: 0px auto; position: relative;background: #ffff; border: 1px solid #C6CDD4; border-radius: 20px; padding: 50px 40px; margin-top: -55px; box-shadow: 0px 4px 50px 0px #00000017;}
.container-partner-with-us-section{ padding: 0px 15px;}
.form-details-box{ margin-bottom: 0px;}
.form-details-box .lg-title{margin-bottom: 25px; color: var(--light-black-color);font-weight: 600;}
.form-details-box .input-box input, .form-details-box .input-box select, .input-box textarea{border: 1px solid #6F7883;}
.form-details-box .input-box select{ padding-right: 40px;}
.form-details-box .input-box .select-arrow { top: 9px; width: 22px;}
.information-text-box{position: relative; padding-left: 30px;}
.information-text-box .checkbox{ position: absolute;top: 3px;left: 0px;}
.btn-partner-with-us{margin-top: 30px;text-align: start;}
.btn-partner-with-us .btn-radius{ width: 200px;}
/*---partner---with---us---form---wraper---end---here---*/
.input-box select option{color: #000;}
.partner-with-us-section{padding-bottom: 30px;}

@media only screen and (min-width: 1900px){
/*---partner---with---us---form---wraper---start---here---*/
.form-details-box .lg-title {font-size: 24px;}
.form-details-box .input-box .select-arrow {top: 12px; width: 28px;}
}

@media only screen and (max-width: 1199px){
/*---partner---with---us---form---wraper---start---here---*/
.partner-with-us-form-wraper{width: 90%;}
.form-details-box{margin-bottom: 30px;}
.partner-with-us-form-wraper{margin-top: -25px;}
}

 @media only screen and (max-width: 991px){
/*---partner---with---us---form---wraper---start---here---*/
.partner-with-us-form-wraper{ width: 98%;}
.form-details-box{ margin-bottom: 30px;}
 }

@media only screen and (max-width: 767px){
/*---partner---with---us---form---wraper---start---here---*/
.partner-banner-contaner, .partner-with-us-form-wraper{ width: 100%;}
.partner-with-us-form-wraper{ border-radius: 8px; padding: 20px 15px; padding-bottom: 25px; margin-top: -15px;}
.partner-banner-image{ width: 75%;  margin: 0px auto;}
.partner-with-us-form-wraper .section-title{  padding-bottom: 15px; }
.form-details-box .lg-title{text-align: center;  margin-bottom: 15px; }
.form-details-box { margin-bottom: 10px; }
.input-box input, .input-box select{ padding: 15px;}
.form-details-box .input-box .select-arrow { top: 11px; width: 23px; }
.btn-partner-with-us{ margin-top: 15px; }
.btn-partner-with-us .btn-radius{width: 100%; }
/*---partner---with---us---form---wraper---end---here---*/
 }

/* ===== patients/patients.component.css ===== */
.Popular-test {background: var(--light-bg);}
.explore-all-tests{padding-bottom: 0px;}

/*---appoinment---fix---start---here---*/
.active-appointements-box { position: fixed; top: 125px; z-index: 992;right: 0; border-left: 4px solid var(--brand-bg);box-shadow: 0px 0px 10px rgb(24 93 169 / 11%); width: 270px; border-radius: 10px;overflow: hidden;}
.active-appointements-box-inner { display: flex; background: #fff; padding: 15px;display: none;}
.appoitment-list-wraper .active-appointements-box-inner:nth-of-type(1) {display: flex;}
.active-appointements-box.active .appoitment-list-wraper .active-appointements-box-inner {display: flex;}
.appoiment-icon-box {width: 15px;}
.appoiment-icon-box img {width: 100%;display: block;}
.title-appoinments-top {font-size: 13px; margin-bottom: 3px;}
.time-appoment-top {font-size: 13px;font-weight: 700;color: var(--brand-color);}
.appoiment-icon-box {width: 50px;position: relative;}
.appoiment-icon-box:after {content: '';position: absolute;right: 9px; width: 1px;bottom: 2px;background: #dbdbdb;top: 2px;}
.appoiment-icon-box img {width: 30px;}
.appoiment-text {width: calc(100% - 50px);padding-right: 25px;}
.dropdown-icon-appointment { position: absolute; top: 28px; right: 15px; width: 18px;line-height: 0px;cursor: pointer;}
.active-appointements-box.active .dropdown-icon-appointment { transform: rotate(180deg);}
.dropdown-icon-appointment img { width: 100%;}
/*---appoinment---fix---start---here---*/

/*----Announcements---start---here---*/
.announcements-section {background: var(--light-bg);}
.inner-announcements-wrpaer {position: relative;}
.slider-box-announcements {overflow: hidden;}

/*---anousements-card---start---here---*/
.announcements-card { padding: 15px;}
.announcements-flex { background: #fff;  border-radius: 10px; padding: 25px; padding-right: 0px; display: flex; align-items: center; justify-content: space-between;box-shadow: 0px 4px 24px 0px rgb(0 0 0 / 8%); border: 1px solid #C6CDD4;}
.announcements-content-colm {width: 40%;}
.announcements-image-colm { width: 60%;}
.announcements-image-colm img {width: 100%; display: block;margin-bottom: -25px;}
.announcements-title {font-weight: 700;font-size: 24px;line-height: 29px;color: var(--brand-color);text-transform: capitalize;margin: 15px 0px;}
.announcements-button { margin-top: 15px;}
.slider-box-announcements .swiper-button-next {top: auto;bottom: -39px;right: -8px !important;}
.slider-box-announcements .swiper-button-prev {top: auto;bottom: -38px;right: 33px;left: auto;}
.announcements-tag {font-weight: 500;color: #61666B;}
.announcements-description {font-size: 15px;line-height: 22px;}
.announcements-flex .btn-radius { min-width: 165px;}
.slider-box-announcements {margin-left: -15px;margin-right: -15px;}
/*---anousements-card---end---here---*/


@media only screen and (min-width: 1900px) {

 /*---appoinment---fix---start---here---*/
.active-appointements-box {top: 155px;}
.appoiment-icon-box img { width: 40px;}
.appoiment-icon-box { width: 70px;}
.title-appoinments-top,.time-appoment-top {font-size: 14px;}
.active-appointements-box-inner {width: 300px;}
/*---appoinment---fix---end---here---*/

/*---anousements-card---start---here---*/
.slider-box-announcements .swiper-button-prev { right: 43px;}
.announcements-tag {font-size: 20px;}
.announcements-title { font-weight: 700; font-size: 30px;line-height: 40px; }
.announcements-description {font-size: 18px;line-height: 26px;}
.announcements-button[_ngcontent-ng-c1290644491] {margin-top: 25px; }
/*---anousements-card---end---here---*/

}

@media only screen and (max-width: 1400px) {
/*---appoinment---fix---start---here---*/
.active-appointements-box {top: 100px; }
/*---anousements-card---start---here---*/
.announcements-title { font-size: 20px; line-height: 25px;margin: 8px 0px; }
.announcements-description {font-size: 13px;line-height: 21px;}
.announcements-tag {font-size: 15px;}
.announcements-card {padding-left: 8px; padding-right: 8px; }
.slider-box-announcements {margin-left: -8px; margin-right: -8px; }
.announcements-flex { box-shadow: none;}
/*---anousements-card---end---here---*/
}

@media only screen and (max-width: 1199px) {
/*---anousements-card---start---here---*/
.announcements-flex {align-items: flex-end;}
.announcements-content-colm { width: 50%;}
.announcements-image-colm { width: 50%; }
/*---anousements-card---end---here---*/
}

@media only screen and (max-width: 991px) {
/*---appoinment---fix---start---here---*/
.active-appointements-box { top: 70px;}
}

@media only screen and (max-width: 767px) {
.slider-box-announcements .swiper-button-prev,.slider-box-announcements .swiper-button-next { display: none;}
.announcements-title[_ngcontent-ng-c176917799] { font-size: 16px; line-height: 23px; }
.announcements-flex { box-shadow: none; }
}

@media only screen and (max-width: 480px) {

.announcements-title[_ngcontent-ng-c808764362] { font-size: 16px; line-height: 20px;}
/*---anousements-card---start---here---*/
.announcements-card { padding-left: 5px; padding-right: 5px; }
.slider-box-announcements { margin-left: -5px; margin-right: -5px; }
.announcements-flex { padding: 15px; }
.announcements-flex .btn-radius { min-width: 105px; }
.announcements-image-colm img {  margin-bottom: -15px;}
 /*---anousements-card---end---here---*/

/*---appoinment---fix---start---here---*/
.active-appointements-box {width: 100%; border-radius: 0px; left: 0px; top: 54px; border-left: 0px; }
.title-appoinments-top,.time-appoment-top {display: inline-block;}
.active-appointements-box-inner {width: 100%; border-right: 0px; border-radius: 0px; border-left: none; align-items: center; padding: 5px 15px;}
.appoiment-icon-box img { width: 25px;}
.appoiment-icon-box {width: 40px;}
.appoiment-text { width: auto; padding-right: 0px; }
.dropdown-icon-appointment { top: 12px; }
}

@media only screen and (max-width: 390px) {
.announcements-description { font-size: 13px;  line-height: 18px;}
.time-appoment-top,.title-appoinments-top { font-size: 10px; }
.dropdown-icon-appointment { width: 12px; }
.appoiment-icon-box {width: 30px;}
.appoiment-icon-box img { width: 18px; }
}

/* ===== paymentloading/paymentloading.component.css ===== */


/* ===== privacy-policy/privacy-policy.component.css ===== */
/* h1, h2, h3, h4, h5, h6{
    font-weight: 700;
    font-size: 27px;
    line-height: 35px;
    color: var(--brand-color);
    margin-top: 30px;
    margin-bottom: 15px;
} */
.privacy-policy p, .privacy-policy li{margin-top: 8px;}
.privacy-policy ul, .privacy-policy ol{padding-left: 15px;}
.privacy-policy ul li{
    list-style: disc;
}
.privacy-policy ol li{
    list-style: auto;
}
.privacy-policy{padding-bottom: 40px;}

.privacy-policy div{font-size: 13px;margin-top: 8px;}
.privacy-policy a{color: var(--brand-color);font-weight: 500;}



/* ===== reports/reports.component.css ===== */
.report-detail-box{background: #fff;padding: 20px;border-radius: 8px;height: 100%;position: relative;padding-right: 58px;}
.report-detail .col-sm-6{margin:15px 0px;}
.report-details{position: relative;}
.report-details span{display: inline-block;border-right: 1px solid var(--brand-border);padding: 0px 5px;color: var(--brand-color);font-size: 16px;}
.report-details span:first-child{padding-left: 0px;}
.report-details span:last-child{padding-right: 0px;border-right: none;}
.report-date{color: #455E77;    font-size: 14px;margin-top: 20px;}
.report-dowenload{background: none;border:none;width: 45px;transform: translate(0px,-50%);position: absolute;top: 50%;right: 15px;cursor: pointer;border-radius:30px;transition: all 0.4s;padding: 5px;}
.btn-member{text-align: center;margin-top: 15px;margin-bottom: 15px;}
.btn-member .btn-radius{border-radius: 10px;min-width: 300px;}


@media only screen and (min-width: 1900px){
    .report-details span{font-size: 18px;}
    .report-date{font-size: 16px;}
    .report-details{padding-right: 45px;}
}

@media only screen and (max-width: 1400px){
    .report-details span{font-size: 14px;}
    .report-date{font-size: 13px;}
    .report-dowenload{width: 36px;}
    .report-detail-box{padding-right: 48px;}
}

@media only screen and (max-width: 1199px){
    .report-detail .col-sm-6{width: 100%;}
}
@media only screen and (max-width: 767px){
    .report-detail-box{ box-shadow: 0px 4px 24px 0px rgb(24 93 169 / 8%);}
}

/* ===== testimonials/testimonials.component.css ===== */

/*---blog---nav---start---here---*/
.blog-nav{text-align: center;margin-bottom: 30px;}
.blog-nav ul{display: inline-flex;margin: 0px -20px;border-bottom: 1px solid var(--brand-text-border);}
.blog-nav ul li{display: inline-block;margin: 0px 20px; position: relative;}
.blog-nav ul li a{font-weight: 500;padding-bottom: 15px;color: var(--light-black-color);font-size: 14px;}
.blog-nav ul li:after{ content: ''; position: absolute;left: 0px;right: 0px;bottom: -1px;height: 2px;background: var(--brand-bg);border-radius: 8px;display: none;}
.blog-nav ul li.active:after{display: block;}
.blog-nav ul li.active a{color: var(--brand-color);}
.blog-nav ul li:first-child{ margin-left: 0px;}
.blog-nav ul li:last-child{margin-right: 0px;}
/*---blog---nav---end---here---*/

/*---blog---listing---start---here---*/
.blog-listing-section .col-sm-4{margin-top: 30px;}
.blog-image-box img{display: block; width: 100%;height: 200px;object-fit: contain; background: #f6f6f6;}
.blog-listing-box{border-radius: 12px; border: 1px solid #C6CDD4;overflow: hidden;height: 100%;}
.listing-bottom-box{display: flex;align-items: center;}
.listing-date-box{ width: 50%;position: relative; padding-left: 30px;font-size: 14px;color: var(--brand-color);}
.blog-image-box{margin-left: -1px; margin-right: -1px;margin-top: -1px;}
.listing-button-box{ width: 50%; text-align: right;}
.listing-date-box img{width: 24px;position: absolute;top: -3px;left: 0px;}
.blog-content-box{padding: 25px;}
.blog-content-box .lg-title{line-height: 25px;margin-bottom: 15px;}
/* .listing-discription{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; min-height: 70px;} */
/*---blog---listing---end---here---*/

@media only screen and (min-width: 1900px){
/*---blog---nav---start---here---*/
.blog-nav ul li a{ font-size: 18px;padding-bottom: 20px;}
/*---blog---nav---end---here---*/

/*---blog---listing---start---here---*/
.blog-content-box .lg-title{line-height: 32px;font-size: 24px; }
.listing-discription{line-height: 26px;}
.listing-date-box{ font-size: 18px; padding-left: 45px; }
.listing-date-box img{width: 30px;top: -5px;}
/*---blog---listing---end---here---*/
}

@media only screen and (max-width: 1400px){
/*---blog---nav---start---here---*/
.blog-nav{margin-bottom: 20px;}

/*---blog---nav---start---here---*/

/*---blog---listing---start---here---*/
.listing-discription{font-size: 14px;}
.listing-date-box{font-size: 13px;}
.listing-date-box img{width: 21px; position: absolute;top: -1px;left: 0px; }
.blog-content-box{ padding: 18px;}
/*---blog---listing---end---here---*/
}

@media only screen and (max-width: 991px){
.blog-listing-section .row .col-sm-4{ width: 50%;}
}
@media only screen and (max-width: 600px){
.blog-listing-section .row{margin: 0px -10px;}
.blog-listing-section .row .col-sm-4{ width: 50%; padding: 0px 10px; }
}
@media only screen and (max-width: 599px){
.blog-listing-section .row{margin: 0px;}
.blog-listing-section .row .col-sm-4{ width: 100%;padding: 0px;}
.blog-nav{ margin-bottom: 0px;}
.blog-nav ul{display: flex;margin: 0px;width: 100%;justify-content: space-between;}
}

@media only screen and (max-width: 394px){
.listing-date-box{top: -3px; }
}

/* ===== thankyou/thankyou.component.css ===== */
.thankyou-page{
    background-color: var(--light-bg);
}
.thankyou-container{
    width: 40%;
    border-radius: 12px;
    border: 1px solid #C6CDD4    ;
    text-align: center;
    margin: 0 auto;
    padding: 50px;
    background-color: var(--whitebg);

}
.thankyou-container img{
    width: 50%;
    margin: 50px auto;
    margin-top: 0px;
}
.thankyou-container .lg-title{
    color: #000;
    padding: 20px 0px;

 }
 .thankyou-container .row{
    margin-top: 30px;
    justify-content: center;
 }


 @media only screen and (max-width: 767px){
    .thankyou-container{
        width: 90%;
        padding: 20px;
    }
    .thankyou-container .row{
        gap: 10px;
    }
 }




/* ===== videos/videos.component.css ===== */

/*---blog---nav---start---here---*/
.blog-nav{text-align: center;margin-bottom: 30px;}
.blog-nav ul{display: inline-flex;margin: 0px -20px;border-bottom: 1px solid var(--brand-text-border);}
.blog-nav ul li{display: inline-block;margin: 0px 20px; position: relative;}
.blog-nav ul li a{font-weight: 500;padding-bottom: 15px;color: var(--light-black-color);font-size: 14px;}
.blog-nav ul li:after{ content: ''; position: absolute;left: 0px;right: 0px;bottom: -1px;height: 2px;background: var(--brand-bg);border-radius: 8px;display: none;}
.blog-nav ul li.active:after{display: block;}
.blog-nav ul li.active a{color: var(--brand-color);}
.blog-nav ul li:first-child{ margin-left: 0px;}
.blog-nav ul li:last-child{margin-right: 0px;}
.blog-listing-section{padding-bottom: 30px;}
/*---blog---nav---end---here---*/

/*---blog---listing---start---here---*/
.blog-image-box img{display: block; width: 100%;}
.blog-listing-box{border-radius: 12px; border: 1px solid #C6CDD4;overflow: hidden;}
.listing-bottom-box{display: flex;align-items: center;}
.listing-date-box{ width: 50%;position: relative; padding-left: 30px;font-size: 14px;color: var(--brand-color);}
.blog-image-box{margin-left: -1px; margin-right: -1px;margin-top: -1px;}
.listing-button-box{ width: 50%; text-align: right;}
.listing-date-box img{width: 24px;position: absolute;top: -3px;left: 0px;}
.blog-content-box{padding: 25px;}
.blog-content-box .lg-title{line-height: 25px;margin-bottom: 15px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; min-height: 50px;}
.listing-discription{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; min-height: 70px;}
/*---blog---listing---end---here---*/

@media only screen and (min-width: 1900px){
/*---blog---nav---start---here---*/
.blog-nav ul li a{ font-size: 18px;padding-bottom: 20px;}
/*---blog---nav---end---here---*/

/*---blog---listing---start---here---*/
.blog-content-box .lg-title{line-height: 32px;font-size: 24px;  min-height: 65px;}
.listing-discription{line-height: 26px; min-height: 82px; }
.listing-date-box{ font-size: 18px; padding-left: 45px; }
.listing-date-box img{width: 30px;top: -5px;}
/*---blog---listing---end---here---*/
}

@media only screen and (max-width: 1400px){
/*---blog---nav---start---here---*/
.blog-nav{margin-bottom: 20px;}

/*---blog---nav---start---here---*/

/*---blog---listing---start---here---*/
.listing-discription{min-height: 62px;}
.listing-date-box{font-size: 13px;}
.listing-date-box img{width: 21px; position: absolute;top: -1px;left: 0px; }
.blog-content-box{ padding: 18px;}
/*---blog---listing---end---here---*/
}

@media only screen and (max-width: 991px){
.blog-listing-section .row .col-sm-4{ width: 50%;}
}
@media only screen and (max-width: 600px){
.blog-listing-section .row{margin: 0px -10px;}
.blog-listing-section .row .col-sm-4{ width: 50%; padding: 0px 10px; }
}
@media only screen and (max-width: 599px){
.blog-listing-section .row{margin: 0px;}
.blog-listing-section .row .col-sm-4{ width: 100%;padding: 0px;}
.blog-nav{ margin-bottom: 0px; display: inline-block; position: relative; left: 50%; transform: translateX(-50%);}
.blog-nav ul{display: flex;margin: 0px;width: 100%;justify-content: center;}
}

@media only screen and (max-width: 394px){
.listing-date-box{top: -3px; }
}



/* callback form  */
.request-a-call-back-form-wraper, .pationt-detail, .coupon-apply{
        width: 30%;
        position: relative;
        border-radius: 22px;
        overflow: hidden;
}


.coupen-listing-inner-wraper{
    background-color: #fff;
    padding: 25px;
    overflow-y: auto;
    max-height: 60vh;
}

@media only screen and (max-width: 1199px){
    .request-a-call-back-form-wraper, .coupon-apply{
        width: 450px;
    }

    .pationt-detail{
        width: 500px;
    }
}

@media only screen and (max-width: 600px){
    .request-a-call-back-form-wraper, .pationt-detail, .coupon-apply{
        max-width: 92vw !important;
        width: 95vw !important;
    }
}

/* select lab  */