/* You can add global styles to this file, and also import other style files */
/* Common CSS Start */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/@angular/material@16.1.5/prebuilt-themes/indigo-pink.css");

/*---color---Variable---*/
:root {
    --whitebg: #fff;
    --whitecolor: #fff;
    --whitebborder: #fff;

    --light-black-color: #61666B;
    --black-bg: #000;
    --light-black-border: #61666B;

    --brand-color: #185DA9;
    --brand-bg: #185DA9;
    --brand-border: #185DA9;

    --light-bg: #EFF4F9;

    --green-bg: #AABE7D;
    --yellow-bg: #EEB300;

    --brand-text-color: #C6CDD4;
    --brand-text-bg: #C6CDD4;
    --brand-text-border: #C6CDD4;

}

html,
body {color: var(--light-black-color); background-color: var(--whitebg);height: 100%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family: 'Inter', sans-serif;}
body {padding-top: 144px;}
* {margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family: 'Inter', sans-serif;}
h1,h2,h3,h4,h5,h6,p,ul,li {margin: 0;padding: 0px;}
label {margin-bottom: 0;}
p {font-size: 14px;line-height: 22px;font-weight: 400;}
ul,li {list-style: none;padding: 0;margin: 0;}
li{font-size: 14px;line-height: 22px;font-weight: 400;}
img {max-width: 100%;height: auto;display: inline-block;}
a {text-decoration: none; display: inline-block;}
.modal-hidden {display: none !important;}
body.modal-open { overflow: hidden; }
.p-0 {padding-bottom: 0px !important;}
a:focus,a:hover {text-decoration: none;outline: none;}
picture {display: block;line-height: 0px;}
textarea {resize: none;display: block;width: 100%;}
input {display: block;width: 100%;}
input::placeholder {font-size: 14px;font-weight: 500;}
select:focus,textarea:focus {outline: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
input,button,textarea,textarea::placeholder {font-family: 'Inter', sans-serif;}
input:focus {outline: none;}
.popular-package-patients .popular-test-package {background: #fff !important;}

.order-details-dialog-container{width: 32% !important;border-radius: 8px;overflow: hidden;}
.CheckReport-container{width: 500px!important;border-radius: 8px;overflow: hidden;}
.call-back-dialog-container .mat-mdc-dialog-container { --mat-dialog-transition-duration: 0ms !important;}

/*---custom---checkbox---start---here---*/
.checkbox {display: inline-block;position: relative;cursor: pointer;font-size: 14px;-webkit-user-select: none;user-select: none;height: 20px;width: 20px;overflow: hidden;}
.checkbox input {position: absolute;opacity: 0;cursor: pointer; height: 0;width: 0;}
.checkmark-arrow { position: absolute;top: 0;left: 0; bottom: 0px;right: 0px;background-color: #eee;border-radius: 3px;border: 2px solid var(--brand-border);}
.checkbox:hover input~.checkmark-arrow {background-color: #ccc;}
.checkbox input:checked~.checkmark-arrow {background-color: var(--brand-bg);}
.checkmark-arrow:after {content: "";position: absolute;display: none;}
.checkbox input:checked~.checkmark-arrow:after {display: block;}
.checkbox .checkmark-arrow:after {left: 6px;top: 1px;width: 4px;height: 9px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}
/*---custom---checkbox---end---here---*/

/*---custom---radio---button---start---here---*/
.custom-radio{position: relative;padding-left: 30px;min-width: 70px;display: inline-block;cursor: pointer;margin-left: 0px;}
.custom-radio:hover .checkmark-custom-radio{animation: pulse2 1s infinite;box-shadow: 0 0 0 12px transparent;}
.custom-radio:hover input:checked ~ .checkmark-custom-radio{animation: none;}
.custom-radio input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark-custom-radio { position: absolute;top: 50%;left: 0px; height: 21px; width: 21px; background-color: #fff;border: 1px solid var(--brand-border); border-radius: 50%;transform: translate(0px, -50%);line-height: 0px;}
.custom-radio:hover input ~ .checkmark-custom-radio {background-color: #f5f5f5;}
.checkmark-custom-radio:after {content: ""; position: absolute; display: none;}
.custom-radio input:checked ~ .checkmark-custom-radio:after { display: block;}
.custom-radio .checkmark-custom-radio:after {top: 50%; left: 50%;padding: 6px; border-radius: 50%; background: var(--brand-bg); transform: translate(-50%, -50%);}

/*---custom---scrolbar---start---here---*/
.test-detail-content::-webkit-scrollbar {width: 10px;border-radius: 30px;}
.test-detail-content::-webkit-scrollbar-track {background: none }
.test-detail-content::-webkit-scrollbar-thumb {background: #888;border-radius: 30px; }
/*---custom---scrolbar---end---here---*/

/*---custom---scrolbar---start---here---*/
.coupen-listing-inner-wraper::-webkit-scrollbar, .suggestion-bar ul::-webkit-scrollbar {width: 6px;}
.order-detail-content::-webkit-scrollbar{width: 10px;border-radius: 30px;}
.order-detail-content::-webkit-scrollbar-track, .coupen-listing-inner-wraper::-webkit-scrollbar-track, .suggestion-bar ul ::-webkit-scrollbar-track{background: #f5f5f5; }
.order-detail-content::-webkit-scrollbar-thumb, .coupen-listing-inner-wraper::-webkit-scrollbar-thumb, .suggestion-bar ul::-webkit-scrollbar-thumb {background: #888;border-radius: 30px; }
/*---custom---scrolbar---end---here---*/


.text-danger { color: #ff0000;font-size: 13px;}
.w-100 {width: 100% !important;display: block;}
.container { max-width: 90%; margin: 0px auto;padding: 0px 15px;}
.pt-0 {padding-top: 0px;}
.row {display: flex;margin: 0px -15px;flex-wrap: wrap;}
.col-sm-2 { width: 16.66666667%;padding: 0px 15px;}
.col-sm-3 {width: 25%;padding: 0px 15px;}
.col-sm-4 {width: 33.33333333%;padding: 0px 15px;}
.col-sm-5 {width: 41.66666667%;padding: 0px 15px;}
.col-sm-6 {width: 50%;padding: 0px 15px;}
.col-sm-7 {width: 58.33333333%;padding: 0px 15px;}
.col-sm-8 {width: 66.666667%; padding: 0px 15px;}
.col-sm-9 {width: 75%;padding: 0px 15px;}
.col-sm-10 {width: 83.33333333%;padding: 0px 15px;}
.col-sm-11 { width: 91.66666667%;padding: 0px 15px;}
.col-sm-12 {width: 100%; padding: 0px 15px;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.overflow-hiiden {overflow: hidden;}
.text-left {text-align: left;}
.desktop-hide { display: none;}
.pulse:hover {-webkit-animation: pulse 1s infinite;animation: pulse 1s infinite;box-shadow: 0 0 0 12px transparent;}
@-webkit-keyframes pulse {0% {box-shadow: 0 0 0 0 #fff;}}
@keyframes pulse {0% {box-shadow: 0 0 0 0 #fff;}}
.padding-t-b {padding: 60px 0px;}
header {position: fixed;top: 0px;z-index: 997;width: 100%;left: 0px;right: 0px;}
.menu-blackbg-layer,.Close-menu-icon { display: none;}
.btnparas {border: 1px solid var(--brand-color);border-radius: 6px;color: var(--brand-color);font-weight: 600;font-size: 14px;padding: 11px 15px;min-width: 97px;background: transparent;transition: all 0.5s;cursor: pointer;text-align: center;}
.btnparas:hover {box-shadow: 0 40px 12px var(--brand-bg) inset, 0 -40px 12px var(--brand-bg) inset;color: #fff;}
.btn-radius {border: 1px solid var(--brand-color);border-radius: 30px;color: var(--whitecolor);font-weight: 600;font-size: 14px;padding: 11px 22px;min-width: 122px;background: var(--brand-bg);transition: all 0.5s;cursor: pointer;text-align: center;}
.btn-radius:hover {box-shadow: 0 30px 12px var(--light-bg) inset, 0 -30px 12px var(--light-bg) inset;color: var(--brand-color);}
.btnparasradius {min-width: 122px;border-radius: 30px;}
.bannertag {font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.xl-title {font-weight: 700;font-size: 27px;line-height: 35px;color: var(--brand-color);text-transform: capitalize;}
.lg-title {font-weight: 700;color: var(--brand-color);font-size: 20px;line-height: 30px;text-transform: capitalize;}
.section-title { padding-bottom: 50px;}
.section-title .xl-title {display: inline-block;position: relative;padding-left: 45px;}
.section-title .xl-title img {position: absolute;top: 0px;left: 0px;width: 36px;}
.view-all-btn-box { position: absolute;top: 0px;right: 0px;}
.p-l-0 {padding-left: 0px;}
.sm-title {font-size: 18px; line-height: 23px;font-weight: 700;}
.xxl-title {font-weight: 700;color: var(--brand-color);font-size: 38px;line-height: 48px;text-transform: capitalize;}
.xsm-title{font-weight: 700;font-size: 16px;color: #1D2732;}
.link {color: var(--brand-bg);position: relative;font-weight: 700;font-size: 13px; border-bottom: 1px solid var(--brand-border);}
.relative-box{position: relative;}
.scroll-hiiden{overflow: hidden;}
@-webkit-keyframes swing {15% {-webkit-transform: translateY(4px);transform: translateY(4px);}
    30% {-webkit-transform: translateY(-3px);transform: translateY(-3px);}
    50% {-webkit-transform: translateY(2px); transform: translateY(2px);}
    65% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}
    80% {-webkit-transform: translateY(1px);transform: translateY(1px);}
    100% {-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes swing {
    15% {-webkit-transform: translateY(4px);transform: translateY(4px);}
    30% {-webkit-transform: translateY(-3px);transform: translateY(-3px);}
    50% {-webkit-transform: translateY(2px);transform: translateY(2px);}
    65% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}
    80% {-webkit-transform: translateY(1px);transform: translateY(1px); }
    100% {-webkit-transform: translateY(0); transform: translateY(0);}
}

.link:hover {-webkit-animation: swing 0.8s ease;animation: swing 0.8s ease;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.link-with-image {color: var(--brand-color);font-weight: 700;display: inline-flex;align-items: center;font-size: 14px;transition: all 0.3s;background: none;border: none;cursor: pointer;}
.view-button {background: none; border: none; position: relative;font-size: 11px;color: var(--light-black-color);font-weight: 600;padding-right: 15px;cursor: pointer;}
.view-button:hover {color: var(--brand-color);}
.view-button svg {position: absolute;right: 0px;top: 3px;width: 10px;height: auto;}
.view-button svg path {stroke: var(--light-black-color);}
.view-button:hover svg path {stroke: var(--brand-color);}
.link-with-image:hover span {background: var(--brand-bg);-webkit-animation: pulse2 1s infinite;animation: pulse2 1s infinite;box-shadow: 0 0 0 12px transparent;}
@-webkit-keyframes pulse2 {0% { box-shadow: 0 0 0 0 var(--brand-bg);}}
@keyframes pulse2 { 0% { box-shadow: 0 0 0 0 var(--brand-bg);}}

.link-with-image:hover span svg path {stroke: #fff;}
.link-with-image span {width: 25px;height: 25px; margin-left: 10px;border-radius: 30px;display: inline-flex;align-items: center;border: 1px solid var(--brand-border);justify-content: center;box-shadow: 0px 0px 10px rgb(24 93 169 / 9%);}
.link-with-image span svg {width: 6px;right: -1px;position: relative;}
.price-package {display: inline-block;}
.cut-price {display: inline-block;}
.price-package {font-size: 20px;font-weight: 700;color: var(--brand-color);}
.cut-price {font-weight: 500;font-size: 14px;color: var(--light-black-color);position: relative;}
.cut-price:after {content: '';position: absolute;top: 50%;left: 0px;right: 0px;height: 1px; background: #727272;}
.swiper-scrollbar, .swiper-pagination-progressbar { width: 46% !important;position: static !important; margin: 0px auto; margin-top: 50px; height: 3px !important;background-color: #C6CDD4 !important;}
.swiper-scrollbar-drag, .swiper-pagination-progressbar-fill {background: var(--brand-bg) !important;}
/*---swiper---slider---start---here---*/
.swiper-button-prev,.swiper-button-next {position: absolute;top: 50%;left: 36px;width: 33px !important;height: 33px !important;background-image: url("../images/icon/back-arrow.svg");background-color: #fff;background-size: 26%;background-repeat: no-repeat;background-position: center, center;border: 1px solid #D7D7D7;font-size: 0px;border-radius: 30px;cursor: pointer; z-index: 1;transform: translate(-20%, -30px);transition: all 0.3s;}
.swiper-button-prev:hover,.swiper-button-next:hover {-webkit-animation: pulse2 1s infinite; animation: pulse2 1s infinite;box-shadow: 0 0 0 12px transparent;}
.testimonials-slide .swiper-button-prev:hover,
.testimonials-slide .swiper-button-prev:hover {-webkit-animation: pulse 1s infinite;animation: pulse 1s infinite;box-shadow: 0 0 0 12px transparent;}
.swiper-button-next {left: auto;right: 5px !important;transform: translate(-20%, -30px);background-image: url("../images/icon/arrow-next.svg");background-size: 26%;background-repeat: no-repeat;background-position: center, center;}
.swiper-button-prev {left: 18px;}
.swiper-button-prev:hover,.swiper-button-next:hover {background-color: var(--light-bg);}
.swiper-button-prev:after,.swiper-button-next:after {display: none;}
.swiper {padding: 0px 10px;}
.slider-box {margin: 0px -24px;overflow: hidden;}
.swiperTestimonials .swiper-button-prev:hover,
.swiperTestimonials .swiper-button-next:hover {-webkit-animation: pulse 1s infinite; animation: pulse 1s infinite;box-shadow: 0 0 0 12px transparent;}
.testimonials-slide .swiper-button-prev:hover,.testimonials-slide .slick-next:hover {-webkit-animation: pulse 1s infinite;animation: pulse 1s infinite;box-shadow: 0 0 0 12px transparent;}

.blog-image-box a{display: block;width: 100%;}
/*--request--a--call-backk--fixid---button---*/
.request-a-call-back {cursor: pointer; position: fixed;top: 47%;right: -65px; background: var(--brand-bg);z-index: 999;transform: rotate(90deg); padding: 10px;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;}
.request-a-call-back a { display: flex; cursor: pointer;}
.call-back-icon { width: 19px;display: block;margin-right: 10px;transform: rotate(-90deg);}
.call-back-icon img { width: 100%;}
.call-back-text {font-size: 13px;color: #fff;font-weight: 500;}

/*---request---a---call-back---form---start---here---*/
.call-back-dialog-container {width: 30% !important;}
.call-back-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface { border-radius: 22px;}

.test-package-dialog-container {width: 40% !important;}
.test-package-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface { border-radius: 22px;}

.book-now-dialog-container{width: 30% !important;}
.upload-priscription-container{width: 30% !important;border-radius: 16px;}
.upload-priscription-container .mat-mdc-dialog-surface.mdc-dialog__surface { border-radius: 22px;}

.book-now-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface { border-radius: 8px;}

.selectLab{width: 90vw !important;max-width: 90vw !important; position: relative; border-radius: 22px; background-color: #fff; overflow: hidden;}
.selectLab .mat-mdc-dialog-surface.mdc-dialog__surface { border-radius: 22px;}

.selectlocation{width: 65vw !important;max-width: 65vw !important;}
.selectlocation .mat-mdc-dialog-surface.mdc-dialog__surface { border-radius: 22px;}

.progressslider {display: block;height: 2px;width: 50%; margin: 0px auto; margin-top: 50px;overflow: hidden;background-color: #C6CDD4;background-image: linear-gradient(to right, #185da9, #185da9);background-repeat: no-repeat;background-size: 0 100%;transition: background-size 0.4s ease-in-out;}
.sr-only {position: absolute; width: 1px; height: 1px;padding: 0; margin: -1px; overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

/*input---start---here---*/
.input-box .mat-datepicker-toggle {position: absolute;top: 7px;right: 6px;}
.input-box .mat-mdc-icon-button.mat-mdc-button-base {width: 27px !important;height: 27px !important;padding: 5px !important; display: inline-flex !important;align-items: center; justify-content: center;}
.input-box .clander-icon {width: 100%; height: auto; display: block;position: relative;top: -1px;}
.input-box { padding-bottom: 20px;position: relative;}
.radio-title{font-size: 13px;margin-bottom: 5px;}
.input-box input,.input-box select, .file-label { background: #fff; border: 1px solid #A9B5C0 !important; border-radius: 30px; padding: 11px 15px; display: block;width: 100%; color: #6F7883 !important;}
.input-box input::placeholder,.input-box input,.input-box select,.input-box textarea::placeholder,.input-box textarea, .file-label {font-family: 'Inter', sans-serif; font-weight: 400;font-size: 13px;color: #6F7883;}
.input-box textarea { background: #fff; border: 1px solid #A9B5C0; border-radius: 10px; padding: 11px 15px; display: block;width: 100%; height: 75px;}
.file-label{display: block;width: 100%;position: relative;}
.file-label:after{content: '';position: absolute;top: 50%;right: 10px;width: 18px;height: 18px;background: url("../images/icon/upload-file.svg");background-size: 100%;background-repeat: no-repeat;transform: translate(0px, -50%);}
.input-file-box{position: relative;}
.input-file-box input{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 2;opacity: 0;}
.input-box select::-ms-expand {display: none;}
.input-box select { -webkit-appearance: none; appearance: none}
.select { position: relative;}
.select select { padding-right: 25px;}
.phone-number-input.hasflag input {padding-left: 65px;}
.phone-number-input {position: relative;}
.input-box input[type="date"] {padding: 10px 15px;}
.select-arrow {position: absolute;top: 17px;right: 10px; width: 10px; pointer-events: none;}
.sign-in-form { margin-top: 40px;}
.countery-flag { position: absolute;top: 50%;left: 15px;transform: translate(0px, -50%); padding-right: 15px;color: #A9B5C0;display: flex;align-items: center;width: 48px;font-size: 12px;}
.countery-flag:after {content: '';position: absolute;right: 12px;width: 1px;top: -3px; bottom: -3px;border-right: 1px solid #A9B5C0;}
.countery-flag img {display: block;max-width: 23px;margin-right: 6px;}
.input-box .btn-radius { width: 100%; display: block;font-weight: 500;font-size: 13px;}
.submit-button-box { margin-bottom: 0px;}
.input-box .text-danger {font-size: 11px; position: absolute; bottom: 6px;left: 5px; color: #ff0000;}
button[disabled] { opacity: 0.7; pointer-events: none;}
.otp-input-wraper .ng-otp-input-wrapper { display: flex; justify-content: space-between; margin-bottom: 10px;}
.otp-input-wraper { display: flex; justify-content: space-between; margin-bottom: 10px;}
.otp-input-wraper .otp-input { height: 30px !important;width: 13.666% !important; font-size: 21px !important; font-weight: 700 !important; border-radius: 0px !important;border: none !important;border-bottom: 1px solid #CACACA !important;text-align: center;}
.input-box input:focus,.input-box select:focus,.input-box textarea:focus, .file-label:focus{box-shadow: 0px 0px 8px rgb(24 93 169 / 32%);}
/*common---input---end---here---*/
.toast-message{font-size: 13px !important;}
.paras-btn-common.cart-btn svg{
    margin-right: 3px;
}
/*---clander---start---here---*/
.clander .mat-mdc-button{font-weight: 700;color: #1D2732;font-weight: 700;}
.mat-calendar{font-family: 'Inter', sans-serif;}
.clander .mat-calendar-body-cell{width: 70% !important;height: 70% !important;}
.clander .mat-calendar-body-cell-content{border: 1px solid #f2f2f2 !important;}
.clander .mat-calendar-body-today{border: 1px solid #ccc !important;}
.clander .mat-calendar-table-header th {font-size: 12px; font-weight: 600;}


/*common---input2---start---here---*/
.common-input .mat-datepicker-toggle { position: absolute;top: 7px;right: -4px;}
.common-input .mat-mdc-icon-button.mat-mdc-button-base { width: 30px !important;height: 30px !important;padding: 5px !important;display: inline-flex !important;align-items: center;justify-content: center;}
.common-input .clander-icon {width: 100%; height: auto; display: block;position: relative;top: -1px;}
.common-input {position: relative;padding-bottom: 20px;}
.common-input input,.common-input select,
.common-input textarea { width: 100%;  border: 0; outline: 0; padding: 10px 0px; border-bottom: 1px solid #BCBABA; box-shadow: none;font-weight: 400;font-size: 18px;color: #6F7883;font-family: 'Inter', sans-serif; background: transparent;}
.common-input select {padding-right: 25px;}
.common-input select option{padding-left: 15px;}
.common-input input::placeholder,
.common-input textarea::placeholder {font-weight: 400;font-size: 18px;color: #6F7883;}
.select-box {position: relative;}
.select-arrow2 { position: absolute;top: 59%;right: 0px;width: 16px;pointer-events: none;transform: translate(0%, -50%);}
.common-input select {-webkit-appearance: none; appearance: none;}
.common-input input:focus::placeholder,
.common-input select:focus,
.common-input input:focus {color: var(--brand-color);}
.common-input input:focus,
.common-input select:focus {border-color: var(--brand-bg);outline: none;}
.common-input .text-danger{font-size: 11px;position: absolute;bottom: 6px;left: 0px;}

.popup-title {padding: 20px 5px;text-align: center; background: #E5F8FF;color: #222F3E;}
.nearest-lab-popup .popup-title{background: #E3E9EF;}
.test-detail-wraper-dialog .popup-title{color: var(--brand-color); background: #EFF4F9;}
.dialog-submit-button { text-align: center; margin-top: 10px;}
.dialog-submit-button .btn-radius {width: 230px;}
.dialog-form-box { padding: 20px 50px;background: #FAFFFF;}
.close-dialog { position: absolute; width: 24px; right: 20px;top: 21px;cursor: pointer;}

.nearest-lab-popup .nearest-lab-form .input-box select{color: #fff !important; border: 1px solid #fff !important;}

.exploreTestSlide{opacity: 0;}
.exploreTestSlide.swiper-initialized {opacity: 1;}
/*---package---common---package---*/
.package-common-wraper {position: relative;}

/*---package---common---section---start---here---*/
.popuplar-package-relative {position: relative;}
.package-common-slide .swiper {padding: 0px;}
.package-common-slide .swiper-button-next { top: auto; bottom: -10px; transform: none; right: 0px !important;}
.package-common-slide .swiper-button-prev { top: auto; bottom: -10px; right: 45px; left: auto; transform: none;}
.package-common-slide {overflow: hidden;}
.popular-test-package {background: var(--light-bg);}
.popular-package-box { background: #fff;position: relative; border: 1px solid var(--brand-text-border); border-radius: 10px;}
.item-popular {padding: 5px 0px;}
.popular-package-box {background: #fff;position: relative;}
.offer {width: 42px; font-size: 12px;color: #fff; text-transform: uppercase; text-align: center; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 5px 0px; background: var(--yellow-bg);position: absolute;right: 30px;}
.package-list {margin-top: 22px;max-height: 138px;min-height: 138px;overflow: auto;}
.package-list::-webkit-scrollbar { width: 5px;}
.package-list::-webkit-scrollbar-track {background: #f1f1f1;}
.package-list::-webkit-scrollbar-thumb {background: #888;}
.package-list::-webkit-scrollbar-thumb:hover {background: #555;}
.package-list li:first-child { border-top: 1px solid var(--brand-text-border);}
.package-list li {display: block; position: relative; padding: 12px 0px; padding-left: 20px; font-weight: 500; font-size: 13px; line-height: 20px;border-bottom: 1px solid var(--brand-text-border);}
.package-list li:after { content: ''; position: absolute; top: 20px; left: 5px; width: 4px; height: 4px; border-radius: 30px; background: var(--brand-bg);}
.content-package { padding: 30px; padding-bottom: 0px; padding-top: 40px;}
.content-package .lg-title{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; height: 60px;-webkit-box-orient: vertical;}
.popular-package-icon-box { display: flex;justify-content: space-between;align-items: center; padding: 20px 0px; padding-top: 10px;}
.package-link-box { width: calc(100% - 60px); padding-right: 5px;}
.package-icon-box {width: 60px;text-align: right;}
.package-icon {width: 60px;display: block; margin-left: auto;}
.bottom-package { display: flex; justify-content: space-between; border-top: 1px solid var(--brand-text-border);}
.package-book-now {width: 50%; padding: 15px 0px; text-align: center;}
.package-price-box .price-package { margin-right: 5px;}
.add-cart-left { border-right: 1px solid var(--brand-text-border);}
.link-with-image.cart-btn-box span svg {width: 16px; right: 0px;}
.link-with-image.cart-btn-box:hover svg path {fill: #fff;stroke: none;}
.package-view-btn {text-align: center;}

.package-collection-row{display: flex;margin-top: 10px;align-items: center;}
.collection-select-package{width: calc(100% - 85px);}
.collection-select-package ul li{position: relative;padding-left: 18px;margin-right: 15px;display: inline-block;color: var(--black-bg);font-size: 13px;}
.collection-select-package ul li:last-child{margin-right: 0px;}
.collection-select-package ul li img{width: 13px;position: absolute;top: 4px;left: 0px;height: auto;}
.package-view-btn{width: 85px;text-align: right;}
/*---package---common---section---start---here---*/

/*---header-account---dropdowen---start---here---*/
.nav-sidebar li a, .nav-sidebar li  button{cursor: pointer; background: #fff;width: 100%; display: flex;align-items: center;padding: 15px 30px;padding-right:40px; color: #1D2732;font-weight: 600;transition: all 0.4s;border: 1px solid transparent;position: relative;}
.nav-sidebar li a:after, .nav-sidebar li button:after{content: ''; position: absolute;top: 50%;right: 25px;transform: translate(0px, -50%);background: url("../images/icon/next-arrow-account.svg"); width: 12px; height: 15px;background-size: 72%;background-repeat: no-repeat;}
.nav-sidebar a.active, .nav-sidebar li:hover a, .nav-sidebar li:hover button{background-color: var(--light-bg);border-bottom: 1px solid #ededed;}
.account-title{padding: 30px;border-bottom: 1px solid var(--brand-text-border);font-size: 20px;color: var(--brand-color);font-weight: 600;}
.nav-sidebar li a img, .nav-sidebar li button img{width: 45px;margin-right: 15px;}
.account-sidebar{border: 1px solid var(--brand-text-border);border-radius: 8px;overflow: hidden;}
.nav-sidebar{padding: 0px;}
/*----sidebar---end---here---*/

/*---account---start---here---*/
.my-profile-page{padding-top: 60px; padding-bottom: 60px;}
.account-title-page{display: none;color: var(--brand-color);}
.account-right-box{height: 100%;background-color: var(--light-bg);border: 1px solid var(--brand-text-border);border-radius: 8px;padding: 15px 30px;}

.nodata-found-box{text-align: center;margin-top: 40px;}
.no-found-image img{width: 100%;display: block;}
.no-found-image{width: 150px;margin: 0px auto;}
.go-home-btn{margin-top: 30px;}
.go-home-btn .btn-radius{min-width: 200px;}


/*---loder---start---here---*/
.loader-box{padding: 50px 0px;text-align: center;}
.loader-box p{color: var(--brand-color);margin-top: 10px;font-weight: 600;}
.loading{display: flex;justify-content: center;align-items: center;}
.dot-loader {height: 15px;width: 15px;border-radius: 50%;background-color: #185da9;position: relative;-webkit-animation: 1.2s grow ease-in-out infinite;animation: 1.2s grow ease-in-out infinite;}
.dot-loader--2 {-webkit-animation: 1.2s grow ease-in-out infinite 0.15555s;animation: 1.2s grow ease-in-out infinite 0.15555s; margin: 0 5px;}
.dot-loader--3 {-webkit-animation: 1.2s grow ease-in-out infinite 0.3s;animation: 1.2s grow ease-in-out infinite 0.3s;}
@-webkit-keyframes grow {0%, 40%, 100% { -webkit-transform: scale(0);transform: scale(0);}
40% {-webkit-transform: scale(1); transform: scale(1);}}
 @keyframes grow {0%, 40%, 100% {-webkit-transform: scale(0);transform: scale(0);}
40% {-webkit-transform: scale(1);transform: scale(1)}}
/*---loder---end---here---*/

.Nopost-found{font-size: 20px;text-align: center;padding: 30px 0px;font-weight: 500;color: var(--brand-color);}

.row-view-detail-wrpaer .row .popular-package-box, .category-listing .row .popular-package-box{margin-bottom: 30px;}

/* blog detail */
.blog-detail-content .blog-detail-desc{margin-bottom: 30px;}
.blog-detail-content .blog-detail-desc h3, .blog-detail-content .blog-detail-desc p, .blog-detail-content .blog-detail-desc ul, .blog-detail-content .blog-detail-desc ol{margin-top: 20px;}
.blog-detail-content .blog-detail-desc .listing-date-box{margin-top: 30px;width: 100%;}

.blog-detail-content .blog-detail-desc ul,
.blog-detail-content .blog-detail-desc ol{padding-left: 20px;}
.blog-detail-content .blog-detail-desc ul, .blog-detail-content .blog-detail-desc ul li{list-style:disc;}
.blog-detail-content .blog-detail-desc ol, .blog-detail-content .blog-detail-desc ol li{list-style:decimal;}

/* end of blog detail */

.yt-videobox{position: relative; padding-bottom: 56.25%; overflow: hidden;}
.yt-videobox iframe{position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%;}

.is-waiting{position: fixed;background: url("../images/icon/loading.gif") no-repeat center center rgba(255,255,255,0.95); width: 100%;height: 100%;left: 0;top: 0;z-index: 9999;}

@media only screen and (min-width: 1900px) {
.container { max-width: 88%; }
.text-danger {font-size: 16px;}
body {padding-top: 177px;}
.padding-t-b { padding: 60px 0px;}
.section-title {padding-bottom: 60px;}
.xl-title {font-size: 32px;line-height: 41px;}
.btnparas { border-radius: 8px;font-size: 18px;padding: 14px 15px;min-width: 125px;}
p {font-size: 18px;line-height: 32px;}
li{font-size: 18px;line-height: 32px;}
.section-title .xl-title img { width: 45px;}
.section-title .xl-title { padding-left: 55px;}
.swiper-button-prev,.swiper-button-next { width: 42px !important; height: 42px !important;}
.progressslider {margin-top: 60px;}
.lg-title {font-size: 28px;line-height: 33px;}
.price-package {font-size: 24px;}
.cut-price { font-size: 18px; }
.link { font-size: 16px;}
.bannertag {font-size: 20px;line-height: 24px;}
.link-with-image { font-size: 18px;}
.view-button { font-size: 12px;}
.view-button svg { top: 5px;}
.link-with-image span { width: 30px;height: 30px;}
.link-with-image span svg { width: 15px; height: 10px;}
.btn-radius {font-size: 18px;min-width: 155px; padding: 14px 25px;}
.btnparasradius { border-radius: 30px;min-width: 155px; padding: 14px 25px;}
.xxl-title { font-size: 50px; line-height: 60px;}
.xsm-title{font-size: 20px;}
.clander .mat-calendar-table-header th, .clander .mat-calendar-body-label{font-size: 16px;}
.clander .mat-mdc-button{font-size: 20px;}
.clander .mat-calendar-body-cell-content.mat-focus-indicator{font-size: 16px;}
.selectlocation{width: 65vw !important;max-width: 55vw !important;}
.toast-message{font-size: 13px !important;}
.content-package .lg-title{height: 65px;}

 /*input---start---here---*/
.input-box input,.input-box select {padding: 17px 20px;}
.input-box input::placeholder,.input-box input,.input-box select,.input-box textarea,.input-box textarea::placeholder {font-size: 14px;}
.phone-number-input.hasflag input {padding-left: 90px; }
.input-box .btn-radius {font-size: 16px; }
.countery-flag {width: 60px;display: flex; align-items: center; }
.countery-flag img { max-width: 26px;display: inline-block; margin-right: 12px}
.input-box input[type="date"] { padding: 16px 15px;}
.input-box {padding-bottom: 25px;}
.input-box .text-danger { font-size: 13px; bottom: 8px;}
.input-box .mat-mdc-icon-button.mat-mdc-button-base {width: 36px !important; height: 36px !important; }
.input-box .mat-datepicker-toggle {top: 8px;}
.select-arrow { width: 14px; top: 22px;right: 14px; }
.input-box textarea { height: 85px; }

/*---common---input2---start---here---*/
.common-input input,.common-input select,.common-input textarea { font-size: 22px;}
.common-input input::placeholder,.common-input textarea::placeholder {font-size: 22px;}
.common-input {padding-bottom: 25px;}
.common-input .mat-mdc-icon-button.mat-mdc-button-base { width: 34px !important; height: 34px !important; }
.select-arrow2 { width: 20px;}
.close-dialog {  width: 30px; }
.common-input .text-danger{font-size: 14px;}

 /*--request--a--call-backk--fixid---button---*/
.request-a-call-back {right: -84px; padding: 10px 20px; }
.call-back-text { font-size: 15px; }
.call-back-icon { width: 25px;}

/*---package---common---section---start---here---*/
.offer { width: 49px; font-size: 15px;right: 40px;}
.package-common-slide .swiper-button-next { bottom: -15px;}
.package-common-slide .swiper-button-prev { top: auto; bottom: -15px;right: 55px;}
.package-list li {font-size: 16px;padding: 17px 0px;padding-left: 20px;line-height: 26px;}
.package-list li:after { top: 27px;  width: 6px; height: 6px;}
.package-list {max-height: 186px; min-height: 186px;}
.package-link-box {width: calc(100% - 80px);}
.package-icon-box {width: 80px;}.package-icon { width: 80px;}
.content-package { padding: 45px; padding-bottom: 0px;}
.link-with-image.cart-btn-box span svg {width: 20px;right: 0px;height: 20px;}

.collection-select-package ul li{font-size: 16px;padding-left: 24px;margin-right: 20px;}
.collection-select-package ul li img{width: 16px;top: 9px;}
.package-view-btn{width: 100px;}
.collection-select-package {width: calc(100% - 85px);}
/*---package---common---section---end---here---*/

/*----sidebar---start---here---*/
.account-title{font-size: 24px;padding: 40px;}
.nav-sidebar li a, .nav-sidebar li button{font-size: 18px;padding: 18px 40px;}
.nav-sidebar li a img, .nav-sidebar li button img{width: 60px;}
/*----sidebar---end---here---*/

}

@media only screen and (max-width: 1400px) {
.padding-t-b {padding: 50px 0px;}
.text-danger {font-size: 13px;}
body {padding-top: 126px;}
.section-title {padding-bottom: 40px;}
.call-back-text { font-size: 12px; }
.request-a-call-back { right: -60px;padding: 8px;}
.bannertag {font-size: 14px;}
.xl-title {font-size: 22px; line-height: 30px; }
.xxl-title { font-size: 32px; line-height: 40px; }
.swiper-scrollbar, .swiper-pagination-progressbar { margin-top: 40px;}
.input-box textarea { height: 50px;}
 p { font-size: 13px; line-height: 20px;}
.progressslider { margin-top: 40px;}
.btnparas { padding: 10px 15px; min-width: 94px; }
.btn-radius,.btnparasradius { padding: 10px 15px;  min-width: 120px;}
.view-button svg { top: 4px; }
.lg-title { font-size: 18px;}
.link-with-image { font-size: 13px;}
.link-with-image span { width: 22px; height: 22px; }
.price-package {font-size: 18px;}
.xsm-title{font-size: 14px;}
.Nopost-found{font-size: 16px;}

/*---common---input2---start---here---*/
.common-input input,.common-input select,.common-input textarea {  font-size: 16px; }
.common-input input::placeholder,.common-input textarea::placeholder {font-size: 16px;}
.common-input .mat-mdc-icon-button.mat-mdc-button-base {width: 28px !important; height: 28px !important;}
.select-arrow2 { width: 14px;}
.phone-number-input.hasflag input {padding-left: 60px;}

/*---package---common---section---start---here---*/
.package-icon { width: 55px;}
.package-list {max-height: 145px; min-height: 45px; }
.link-with-image.cart-btn-box span svg {width: 14px;}
.collection-select-package ul li img{width: 12px;top: 6px;}
 /*---package---common---section---end---here---*/

 /*----sidebar---start---here---*/
.account-title{padding: 18px;}
.nav-sidebar li button{font-size: 14px;}
.nav-sidebar li a img, .nav-sidebar li button img{width: 35px;}
.nav-sidebar li a:after, .nav-sidebar li button:After{width: 8px;height: 11px;right: 22px;}
/*----sidebar---end---here---*/
.no-found-image{width: 110px;}

}

@media only screen and (max-width: 1299px){
    .book-now-dialog-container {width: 470px !important;}
    .upload-priscription-container {width: 500px !important;}
    .selectlocation{width: 95vw !important;max-width: 95vw !important;}

    .order-details-dialog-container {width: 550px !important;}
  }

@media only screen and (max-width: 1199px) {
.container { max-width: 98%;}
.call-back-dialog-container { width: 450px !important;}
.test-package-dialog-container { width: 500px !important;}

/*---package---common---section---start---here---*/
.package-list {max-height: 135px;min-height: 135px;}
.content-package {padding: 15px; padding-bottom: 0px;}
.offer {right: 15px; }
.content-package .lg-title { padding-right: 50px; }

.collection-select-package ul li{font-size: 11px;}
.collection-select-package ul li img {width: 11px; top: 5px;}
/*---package---common---section---end---here---*/
}

@media only screen and (max-width: 991px) {
.xxl-title {font-size: 26px;line-height: 32px;}
body { padding-top: 0;}
.slider-box { margin: 0px -15px;}
.swiper-scrollbar, .swiper-pagination-progressbar { margin-top: 26px; }

/*---package---common---section---start---here---*/
.package-list { max-height: 140px; min-height: 140px; }
/*---package---common---section---end---here---*/

/*----sidebar---start---here---*/
.nav-sidebar li a, .nav-sidebar li button{padding: 10px 10px;}
.nav-sidebar li a:after{right: 8px;}
.account-title{padding: 20px 10px;}
.nav-sidebar li a img, .nav-sidebar li button img{margin-right: 8px;}
/*----sidebar---end---here---*/
.footerbottom-padding footer.padding-t-b {padding-bottom: 145px; }
}

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

.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {width: 100%;padding: 0px;}
.row { margin: 0px;}
.call-back-text {display: none;}
.request-a-call-back {transform: rotate(0deg);right: 15px; width: 58px; height: 58px; border-radius: 50%; z-index: 444; display: flex; justify-content: center; align-items: center;top: auto; bottom: 92px;cursor: pointer;}
.call-back-icon {transform: rotate(0deg);margin: 0px; width: 28px;}
.mobile-hide {display: none;}
.desktop-hide {display: block;}
.container {max-width: 100%;}
.padding-t-b {padding: 30px 0px;}
.xl-title {font-size: 20px;line-height: 29px;}
.section-title .xl-title img {position: absolute;top: 3px;left: 0px;width: 24px;}
.section-title .xl-title { padding-left: 28px;}
.section-title { padding-bottom: 25px;}
.progressslider { margin-top: 30px; }
.view-all-btn-box { position: static;margin-top: 30px;text-align: center;}
.input-box textarea { height: 70px; }
.hiddenScroll{overflow: hidden;}
.clander .mat-calendar-body-cell {width: 90% !important;height: 90% !important;}
.clander .mat-calendar-controls{margin: 0px !important;margin-bottom: 10px !important;}
.selectLab {width: 95vw !important;max-width: 95vw !important;}

/*---package---common---section---start---here---*/
.content-package {padding: 15px;padding-bottom: 0px;}
.package-common-slide .swiper-button-prev,.package-common-slide .swiper-button-next {display: none;}

/*---package---common---section---start---here---*/
/*---account---start---here---*/
.sidebar-colm{display: none;}
.account-title-page{display: block;margin-bottom: 10px;}
.account-right-box{padding: 0px;border: none;background: none;overflow: initial;}

.row-view-detail-wrpaer .row .popular-package-box, .category-listing .row .popular-package-box{margin-bottom: 25px;}

/* blog detail */
.blog-detail-content .blog-detail-desc p,
.blog-detail-content .blog-detail-desc ul,
.blog-detail-content .blog-detail-desc ol{margin-top: 15px;}
/* end of blog detail */


}

@media only screen and (max-width: 600px) {
.link-with-image {font-size: 15px;}
.link-with-image span {width: 25px;height: 25px;}
.call-back-dialog-container, .test-package-dialog-container { max-width: 92vw !important; width: 95vw !important; }
.dialog-form-box { padding: 20px 25px;}
.request-a-call-back { width: 40px; height: 40px;bottom: 12px;-webkit-animation: callback 1s infinite; animation: callback 1s infinite; box-shadow: 0 0 0 12px transparent;}
.footerbottom-padding .request-a-call-back {bottom: 97px;}
footer.padding-t-b {padding-bottom: 60px;}

@-webkit-keyframes callback { 0% {box-shadow: 0 0 0 0 var(--brand-bg);}}
@keyframes callback { 0% { box-shadow: 0 0 0 0 var(--brand-bg);}}
.call-back-icon {width: 18px;}
.swiper-scrollbar, .swiper-pagination-progressbar {width: 95% !important;}
.upload-priscription-container {width: 95vw !important; max-width: 95vw !important;}

.order-details-dialog-container {width: 100% !important;max-width: 95vw !important;}
.CheckReport-container {max-width: 95vw!important; width: 95vw;}


/*---package---common---section---start---here---*/
.package-list li { line-height: 19px; }
.popular-test-package .swiper-button-prev,
.popular-test-package .swiper-button-next {display: none;}
.price-package {font-size: 20px;}
.cut-price {font-size: 16px;}
.collection-select-package ul li{font-size: 12px;}
.collection-select-package ul li img {width: 12px; top: 5px;}
/*---package---common---section---end---here---*/
}
.input-box textarea{
   border:1px solid #A9B5C0 !important ;
}

/* .input-box .error{
    color:#fff !important;
} */
.contact-form-box .input-box input{
    color:#fff !important;
}
.sign-up-wraper{flex-direction: column;}

@media only screen and (max-width: 480px){
    .book-now-dialog-container {width: 95% !important; max-width: 95vw !important;}
    .my-profile-page{padding-top: 40px;}
}
@media only screen and (max-width: 379px){
    .collection-select-package ul li{font-size: 10px;}
.collection-select-package ul li img {width: 11px; top: 5px;}
}

@media only screen and (max-width: 340px){
.collection-select-package ul li{font-size: 9px;padding-left: 10px;margin-right: 5px;}
.collection-select-package ul li img {width: 8px; top: 7px;}
}

.sign-up-form .input-box .text-danger{position: static !important;}




.cart-box.select-date input{
    padding:20px;
    border:1px solid #C6CDD4;
    border-radius: 8px;
}

.swal2-confirm{
    background-color: #185DA9 !important;
}

.select {
    position: relative;
    display: block;
  }
  
  .select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  
    width: 100%;
    cursor: pointer;
  }
  
  /* Chevron Icon */
  .select::after {
    content: "";
    position: absolute;
    right: 26px;
    top: 31%;
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    pointer-events: none;
  }

  .find-center-inner form .input-box.select:last-child:after{display: none !important;}
.thankyou-section{

    padding: 40px 0;
}

.thankyou-section *{
    text-align: center;
    padding-bottom: 10px;
}
.thankyou-section div{justify-content: center;}
.thankyou-section .col-12{
    max-width: 500px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
    margin: 0 auto;
}
.thankyou-section .col-12 h1{
    font-size: 28px;
}

.clander-box{margin-top: 25px;}
.clander{
    margin-top: 25px;
}

.coupen-listing-inner-wraper{
    padding: 25px !important;
    padding-top: 15px !important;
}
.coupen-bar-box{justify-content: center;}
.coupen-listing{padding: 0 !important;text-align: center;}
.contact-form-box .select::after, .find-center-inner .select::after{display: none !important;}
.form-details-box .select::after{display: none !important;}
.price-cta svg path, .price-cta svg circle  {stroke: #fff !important;}
.price-cta.light svg path, .price-cta.light svg circle  {stroke: #185DA9 !important;}
.contact-map-section .section-title{padding-bottom: 30px !important;}
#cart-notification ~ .row{justify-content: center !important;}
.listing-discription {
    max-height: 60px;
    overflow: hidden;
  }


/* Chrome, Edge, Safari */
.active .popular-listing::-webkit-scrollbar {
    width: 5px; /* thin scrollbar */
  }
  
  .active .popular-listing::-webkit-scrollbar-track {
    background: transparent;
  }
  
  .active .popular-listing::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3); /* light grey */
    border-radius: 10px;
  }
  
  .active .popular-listing::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
  }
  @media only screen and (max-width:767px){
    .find-a-center-left-colm {
        margin-top: -15px !important;   
    }
    .mobile-header-bottom-wrapper .symptoms-search-box{
        width: 100% !important;
        margin-right: 15px;
    }
    .clander-box{
        padding: 24px;
        padding-top: 0;
    }

    .clander {
        margin-top: 25px;
        padding-left: 15px !important;
    }
    .contact-map-section .section-title{padding-bottom: 0px !important;}
  }

@media (max-width:380px){
.price-cta{padding: 15px !important;}

}