@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* colors */
:root {
    --blue: #2359D5;
    --lg-purple: #E1EAFC;
    --black: #1E1E1E;
    --white: #ffffff;
    --lg-grey: #656B76;
    --bg-grey: rgba(255, 255, 255, 0.40);
    --dim-white: #ededed;
    --white-grey: #e9ecef;
    --dark-grey: #6c757d;
    --davys-grey: #495057;
    --cream: #EBEBEB;
    --lg-cream: #f8f9fa;
    --lavander-blue: #E1EAFC;
    --lg-black: #333333;
    --darkest-grey: #666666;
    --alice-blue: #f0f8ff;
    --light-grey: #D9D9D9;
    --grayish-blue: #d1d5db;
    --dove-gray: #7A7A7A;
    --gainsboro: #e0e0e0;
    --vivid-blue: #0d6efd;
    --soft-grey: #d7d7d7;
    --sky-blue: #86b7fe;
    --coral: #ff6b6b;
    --charcoal: #212529;
    --cobalt-blue: #3367d6;
    --lilac: #F4F8FF;
    --dark-blue: #1E4FCD;
    --dimmest-grey: #919191a6;
}
@keyframes shake {
    0%,100% { transform: translateX(0);}
    10%,30%,50%,70%, 90% {  transform: translateX(-5px);}
    20%,40%,60%,80% {  transform: translateX(5px); }
}
@keyframes spin {
    0% {    transform: rotate(0deg); }
    100% {transform: rotate(360deg);}
}
@keyframes shake-mobile {

    0%,
    100% {
        transform: translateX(0);
    }

    25%,
    75% {
        transform: translateX(-3px);
    }

    50% {
        transform: translateX(3px);
    }
}

@keyframes backgroundChange {

    0%,
    25% {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }

    25%,
    50% {
        background: linear-gradient(135deg, #f6dff9 0%, #adab9b 100%);
    }

    50%,
    75% {
        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    }

    75%,
    100% {
        background: linear-gradient(135deg, #6c957a 0%, #38f9d7 100%);
    }
}

@keyframes textRotate {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    8.33% {
        opacity: 1;
        transform: translateY(0);
    }

    25% {
        opacity: 1;
        transform: translateY(0);
    }

    33.33% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}
@keyframes pulse-error {
    0% {
        border-color: #dc3545;
        background-color: #fff5f5;
    }

    50% {
        border-color: #ff6b7a;
        background-color: #ffe6e6;
    }

    100% {
        border-color: #dc3545;
        background-color: #fff5f5;
    }
}
.lh-28 {line-height: 28px;}
.lh-24 {line-height: 24px;}
.lh-40 {line-height: 40px;}
.black-text {color: var(--black);}
.black-text-with-op {color: var(--black);opacity: 0.5;}
.blue-text {color: var(--blue);}
.lg-grey {color: var(--lg-grey);}
.white-text,.hero-section .blue-button i {color: var(--white);}
.blue {color: var(--blue);}
.italic {font-style: italic;}
.light-black { color: var(--dimmest-grey);}
.black-text {color: var(--black);}
.blue-text {color: var(--blue);}
.img {height: 100%;width: 100%;object-fit: cover;}
/* headings */
h1 {font-size: 56px;}
h2 {font-size: 40px;}
h3 {font-size: 30px;}
h4,.fs-22 {font-size: 22px;}
h5,.fs-16 {font-size: 16px;}
h6,.fs-14 {font-size: 14px;}
.fs-38 {font-size: 38px;}
.fs-35 {font-size: 35px;}
.fs-75 {font-size: 75px;}
p,.fs-13 {font-size: 13px;}
.fs-12 {font-size: 12px;}
.fs-96 {font-size: 96px;}
.fs-18,.header-search-bar-parent .consult-sec i {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-28 {font-size: 28px;}
.fs-26 {font-size: 26px;}
.fs-30 {font-size: 30px;}
/* font-weight */
.fw-700 {font-weight: 700;}
.fw-600 {font-weight: 600;}
.fw-500 {font-weight: 500;}
.fw-400 {font-weight: 400;}
h1,h2,h3,h4,h5,h6 {line-height: 1.2;word-break: break-word;font-family: 'inter', sans-serif;}
p,a,span {line-height: 1.5;word-break: break-word;text-decoration: none;}
.inter {font-family: "inter", sans-serif;}
.blue-button {color: var(--white);background-color: var(--blue);border: 1px solid var(--blue);border-radius: 10px;font-family: 'Inter';}
.blue-wh {color: var(--white);background-color: var(--blue);border: 1px solid var(--blue);border-radius: 10px;font-family: 'Inter';}
/* navbar */
nav.navbar.navbar-expand-lg.main-nav {border-radius: 10px;background: var(--bg-grey);backdrop-filter: blur(15px);}
.main-nav .search-icon {border: 1px solid var(--dim-white);border-radius: 50px;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;background-color: var(--dim-white);}
.nav-link:hover,a.nav-link.active {background: var(--black);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: 0.2s ease-in;font-weight: 400;border-bottom: 2px solid var(--black);}
.hero-section .blue-button:hover i,.testmonials .blue-button:hover i,.blue-button:hover i {color: var(--blue);transition: 0.2s ease-in;}
/* footer */
.footer-bg {background-color: var(--white);border-top: 1px solid var(--white-grey);}
.footer-links {color: var(--dark-grey);text-decoration: none;font-size: 0.95rem;}
.footer-links:hover,.social-icons a:hover {color: var(--davys-grey);transition: 0.2s ease-in;}
.footer-bottom {position: relative;}
.footer-bottom button {position: absolute;right: 11px;top: 71px;}
input.footer-input {width: 100%;border-radius: 12px;border: 1px solid var(--cream);background: var(--white);height: 42px;outline: none;padding: 8px;font-size: 15px;}
.social-icons a {color: var(--dark-grey);font-size: 1.1rem;margin-left: 15px;}
.newsletter-input {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.newsletter-btn {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.black-border-btn {border-radius: 8px;border: 1px solid var(--black);background: transparent;padding: 11px 18px;color: var(--black);font-family: Inter;font-size: 16px;font-weight: 500;}
.black-border-btn:hover {background: var(--black);color: var(--white);transition: 0.2s ease-in;}
.faq-section {background-color: var(--lg-cream);padding: 60px 0;}
/* home */
.blue-badge {border-radius: 30px;border: 1px solid var(--blue);background: var(--lavander-blue);width: fit-content;padding: 13px 16px;}
.home-accortion .accordion-button:not(.collapsed) {background-color: transparent;box-shadow: none;}
.home-accortion .accordion-button:focus {box-shadow: none;border-color: transparent;}
.home-accortion .accordion-item {border: none;margin-bottom: 1rem;background-color: var(--white);border-radius: 8px;overflow: hidden;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);}
.home-accortion .accordion-button {background-color: var(--white);border: none;padding: 1.5rem;font-weight: 500;background-color: var;color: var(--lg-black);}
.home-accortion .accordion-body {padding: 0 1.5rem 1.5rem 1.5rem;color: var(--darkest-grey);line-height: 1.6;}
.custom-accordionn .accordion-button::after {background-image: url('/website/assets/images/add-acc.svg');width: 20px;height: 20px;transform: none;transition: transform 0.3s ease;}
.custom-accordionn .accordion-button:not(.collapsed)::after {background-image: url("/website/assets/images/minus-acc.svg");transform: none;}
.treatment-sec {background: var(--alice-blue);}
.hero-section,.banner {background-image: url(../images/banner.png);background-position: center;background-repeat: no-repeat;background-size: cover;padding-block: 7em;}
.hero-section .blue-button,.testmonials .blue-button {padding: 11px 18px;color: var(--white);font-family: Inter;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;letter-spacing: -0.48px;}
.hero-section .blue-button i,.testmonials .blue-button i,.blue-button i {font-size: 15px;color: var(--white);}
.blue-button:hover {background: transparent;color: var(--blue);transition: .2s ease-in;}
.card {border-radius: 10px;background: #FFF;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08), 0 0 10px 0 rgba(0, 0, 0, 0.08);padding: 30px;}
.card-header .card-text {max-width: 211px;}
.padding-7 {padding-block: 7em;}
.hero-section .card .card-header {display: flex;justify-content: center;align-items: center;}
.hero-section .card {padding: 25px;display: flex;justify-content: center;align-items: center;}
.swiper-button-prev,.swiper-button-next {background: #fff;border-radius: 50%;padding: 7px 10px 5px 10px;color: #1e1e1e;}
/* .swiper-button-prev::after,.swiper-button-next::after {font-size: 18px;} */
.swiper-button-prev::after,.swiper-button-next::after {display: none;}

.swiper-wrapper .swiper-slide {height: initial;}
.home-slider-sec {background-color: var(--lilac);}
.swiper-main .swiper-button-prev {position: absolute;left: -69px;border: 1px solid var(--lavander-blue);width: 40px;height: 40px;}
.swiper-main .swiper.mySwiper {position: unset;}
.swiper-main .swiper-wrapper {position: unset;}
.swiper-main {position: relative;}
.swiper-main .swiper-button-next {left: calc(100% - -27px);border: 1px solid var(--lavander-blue);width: 40px;height: 40px;}
.swiper-main .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,.swiper-main .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {content: '';}
.swiper-button-next svg,.swiper-button-prev svg {display: none;}
.swiper-main .slider-heading {position: absolute;left: 18px;top: 247px;}
.swiper-main .slider-para {border: 1px solid #ffffff;border-radius: 10px;padding: 10px;background: #ffffff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);}
.main-swiper .swiper-button-prev {position: absolute;bottom: 171px;top: unset;left: -1.5%;border: 1px solid var(--lavander-blue);width: 40px;height: 40px;}
.main-swiper .swiper.mySwiper {position: unset;}
.main-swiper {position: relative;}
.main-swiper .swiper-button-next {top: unset;bottom: 171px;right: -1.5%;border: 1px solid var(--lavander-blue);width: 40px;height: 40px;}
.main-swiper .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {content: '';}
.main-swiper .slider-heading {position: absolute;bottom: 46px;left: 18px;}
.main-swiper .slider-para {border: 1px solid #ffffff;border-radius: 10px;width: 370px;padding: 10px;background: #ffffff;}
.main-swiper .card {border-radius: 10px;background: #FFF;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);padding: 15px;}
/* blogs */
.blogs-sec .card {padding: 15px;}
img.blog-img {width: 100%; height: 500px; object-fit: cover; margin-bottom: 1em;}
.card-footer .img-parent {width: 65px;}
.testmonials.padding {padding-bottom: 40em;}
.testmonials {background: linear-gradient(180deg, rgba(207, 225, 255, 0.00) 0%, #DBE9FF 100%), url(/website/assets/images/radiant-bg.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.consult-img {height: 439px;bottom: -64px;left: -61px;}
.how-it-work-img-parent {padding: 38px 25px;height: 619px;}
.how-it-work-img-parent img {border-radius: 11px;}
.how-it-work .testmonials {border-radius: 14px;}
.timeline-diamond i,.timeline-diamond.inactive i {color: var(--blue);font-size: 17px;}
.timeline-diamond.inactive i {color: var(--light-grey);}
.timeline-connector {width: 2px;background-color: var(--light-grey);margin-left: 0.5px;}
.timeline-connector {width: 1px;background-color: var(--grayish-blue);margin-left: 0.5px;}
.grids {padding-block: 1em;}
.parent_grid { display: grid;grid-template-columns: repeat(4, 1fr); gap: 20px; padding-top: 20px;}
.grid_item {position: relative;overflow: hidden;border-radius: 12px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
.grid_item img {width: 100%;height: 100%;object-fit: cover;display: block;}
.card-content {position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px;background: linear-gradient(to top, rgb(0 0 0 / 96%), transparent);}
.grid_item:nth-child(1) {grid-column: 1 / 3;grid-row: 1 / 4;}
.grid_item:nth-child(2) {grid-column: 3 / 4; grid-row: 1 / 4;}
.grid_item:nth-child(3) {grid-column: 4 / 5;grid-row: 1 / 6;}
.grid_item:nth-child(4) {grid-column: 1 / 2;grid-row: 4 / 6;}
.grid_item:nth-child(5) {grid-column: 2 / 4;grid-row: 4 / 6;}
.grid_item:nth-child(6) {grid-column: 3 / 4; grid-row: 6 / 9;}
.grid_item:nth-child(7) {grid-column: 3 / 4;grid-row: 1 / 3;}
.icon-img { width: 30px;}
.icon-img {width: 60px;border: 1px solid var(--lilac);padding: 15px;border-radius: 10px;background-color: var(--lilac);display: flex;justify-content: center;}
.gallary-sec1 {background-color: var(--white);padding-top: 10px;}
.gallary-sec1-para {color: var(--dove-gray);}
.gallay-space {padding-top: 10px;}
.gallay1 {border: 1px solid var(--lg-purple);border-radius: 5px;background-color: var(--lg-purple);padding: 15px;}
.gallay2 {border: 1px solid var(--lg-purple);border-radius: 5px;background-color: var(--lg-purple);padding-top: 15px;}
.gallay2 img {width: 90%;object-fit: contain;padding-left: 24px;padding-bottom: 14px;}
.gallay3 {border: 1px solid var(--lg-purple);border-radius: 5px;background-color: var(--lg-purple);padding-top: 15px;}
.gallay3 img {width: 81%;height: 99%;object-fit: contain;padding-left: 24px;padding-bottom: 14px;}
.gallay5 {display: FLEX;justify-content: center;align-items: center;border: 1px solid var(--lg-purple);background-color: var(--lg-purple);height: 555px;border-radius: 10px;}
.gallay-heading {padding-left: 20px;padding-top: 40px;}
.rates {padding-left: 20px;padding-top: 10px;}
.dollar {text-decoration: line-through;}
.gallary-para {padding-left: 20px;}
.green {color: #61C873;}
.pack-option {border: 1px solid var(--gainsboro);background-color: var(--lg-cream);color: var(--dark-grey);transition: all 0.3s ease;}
.pack-option.active {background-color: var(--lg-purple);color: var(--blue);border-color: var(--lg-purple);}
.pack-option:hover {border-color: var(--vivid-blue);transition: 0.2s ease-in;}
.quantity-btn {width: 40px;height: 40px;}
.quantity-input {width: 60px;text-align: center;border-left: none;border-right: none;}
button.plus-btn.quantity-btn, button.minus-btn.quantity-btn {border: 1px solid var(--soft-grey);border-radius: 5px;background: white;padding: 10px 0;}
.form-control:focus {color: var(--bs-body-color);background-color: var(--bs-body-bg);border-color: var(--sky-blue);outline: 0;box-shadow: none;}
.discount-badge {background-color: var(--coral);border-radius: 19px;}
.icon-about {background: var(--lg-purple);width: 60px;height: 60px;text-align: center;display: flex;justify-content: center;align-items: center;border: 1px solid var(--lg-purple);border-radius: 50px;}
.icon-about img {height: 33px;}
.banner {background-image: url(../images/contact-banner2.png);}
.contact-us-form .form-container {max-width: 600px;margin: 50px auto;background: var(--white);padding: 40px;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.contact-us-form .form-title {font-size: 2.5rem;font-weight: 700;color: var(--charcoal);margin-bottom: 20px;}
.contact-us-form .form-label {font-weight: 600;color: var(--charcoal);margin-bottom: 8px;}
.contact-us-form .form-control {border: 2px solid var(--white-grey);border-radius: 6px;padding: 12px 16px;font-size: 1rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.contact-us-form .form-control:focus {border-color: none;box-shadow: none;}
.btn-submit {background-color: var(--blue);border: none;border-radius: 6px;padding: 12px 0;font-size: 1.1rem;font-weight: 600;width: 100%;margin-top: 20px;transition: background-color 0.2s ease;}
.btn-submit:hover {background-color: var(--cobalt-blue);transition: 0.2s ease-in;}
textarea.form-control {min-height: 120px;resize: vertical;}
.contact-us-form .blue-button {width: 100%;padding: 11px 18px;}
.nav-link {border-bottom: 2px solid transparent;font-size: 16px;}
.footer-links {color: #1E1E1E;font-family: Inter;font-size: 16px;font-weight: 400;}
.complaint-text img {width: 27px;}
.complaint-text {display: flex;gap: 11px;}
.gradient-img {background-image: url(../images/gradient.png);background-repeat: no-repeat;object-fit: cover;background-size: cover;background-position: center;border-radius: 15px;}
.contact-img {height: 84%;}
.contact-footer {padding-top: 10rem;}
.top-header {width: 100%;height: 50px;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;color: var(--white);font-weight: 600;font-size: 14px;text-align: center;animation: backgroundChange 12s infinite;}
.header-text {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;transform: translateY(20px);animation: textRotate 12s infinite;}
.header-text:nth-child(1) {animation-delay: 0s;}
.header-text:nth-child(2) {animation-delay: 3s;}
.header-text:nth-child(3) {animation-delay: 6s;}
.header-text:nth-child(4) {animation-delay: 9s;}
.mental-health-sec i {font-size: 24px;}
a.assessment-btn {border-radius: 8px;background: linear-gradient(180deg, rgba(35, 89, 213, 0.10) 0%, rgba(30, 78, 205, 0.10) 100%);border: 1px solid transparent;padding: 9px;color: blue;}
.brown-btn {color: #F1962D;padding: 10px 25px;border-radius: 10px;background-color: #FFECD6;}
.green-btn {color: #059669;padding: 10px 25px;border-radius: 10px;background-color: #E6F4F0;}
/* stepper form */
.stepper-form {background-image: url(../images/stepper-bg.png);object-fit: cover;height: 100%;min-height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;}
.stepper-form .card {border-radius: 15px;padding: 25px 30px;border-radius: 10px;}
#msform {text-align: center;position: relative;}
#msform fieldset {background: white;border: 0 none;border-radius: 0.5rem;box-sizing: border-box;width: 100%;margin: 0;position: relative}
.form-card {text-align: left;background: rgba(255, 255, 255, 0.82);}
#msform fieldset:not(:first-of-type) {display: none;}
.stepper-form .name-input {border: 1px solid #EBEBEB;border-radius: 4px;padding: 5px;background: #FFF;outline: none;font-size: 16px;}
.stepper-form .name-input[type="text"]:focus {box-shadow: none;}
.form-row {display: flex;gap: 35px;margin-bottom: 20px;}
.name-input::placeholder {font-size: 13px;}
.instrucations {border-radius: 10px;background: rgba(207, 225, 255, 0.20);}
ul.stepper-ul li {list-style: none;}
.transparent-btn {padding: 1rem 8rem;background: #fff;border: 1px solid #ddd;border-radius: 10px;}
.transparent-btn:hover {background-color: #ddd;transition: .2s ease-in;}
.metric-input .name-input {width: 100px;}
.hide {display: none;}
.image-upload-container {display: flex;justify-content: center;align-items: center;border: 2px solid #eaeaea;padding: 40px;border-radius: 8px;}
.file-upload-label {display: block;cursor: pointer;text-align: center;}
.upload-image {width: 48px;height: auto;margin-bottom: 10px;padding: 10px;border: 1px solid lavender;border-radius: 50px;background: lavender;}
.upload-text {font-size: 14px;color: #555;}
textarea.stepper-textarea {border-radius: 4px;border: 2px solid #EBEBEB;background: #FFF;padding: 10px;height: 90px;outline: none;}
.consult-sec i {color: var(--blue);font-size: 15px;}
/* checkout */
.checkout-sec .checkout-container {max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: 1fr 400px;gap: 30px;align-items: start;}
.checkout-sec .checkout-form {background: #FFFFFF;border-radius: 16px;padding: 30px;box-shadow: 0 8px 32px rgba(32, 82, 208, 0.1);border: 1px solid rgba(237, 242, 252, 0.8);}
.login-toggle-parent .eye-btn {bottom: calc(100% - 67px);left: calc(100% - 49px);}
.checkout-sec .order-summary {background: #FFFFFF;border-radius: 16px;padding: 30px;box-shadow: 0 8px 32px rgba(32, 82, 208, 0.1);border: 1px solid rgba(237, 242, 252, 0.8);position: sticky;top: 20px;}
.checkout-sec .header {text-align: center;margin-bottom: 40px;}
.checkout-sec .header h1 {color: #2052D0;font-size: 2.5rem;font-weight: 700;margin-bottom: 10px;}
.checkout-sec .header p {color: #666;font-size: 1.1rem;}
.checkout-sec .section-title {color: #2052D0;font-size: 1.3rem;font-weight: 600;margin-bottom: 20px;display: flex;align-items: center;}
.checkout-sec .section-title::before {content: '';width: 4px;height: 20px;background: #2052D0;margin-right: 12px;border-radius: 2px;}
.checkout-sec .form-group {margin-bottom: 25px;}
.checkout-sec .form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;}


.checkout-sec input,.checkout-sec select {width: 100%;padding: 15px;border: 2px solid #EDF2FC;border-radius: 12px;font-size: 1rem;transition: all 0.3s ease;background: #FFFFFF;}
.checkout-sec input:focus,.checkout-sec select:focus {outline: none;border-color: #2052D0;box-shadow: 0 0 0 3px rgba(32, 82, 208, 0.1);transform: translateY(-1px);}
.checkout-sec .payment-methods {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;margin-bottom: 25px;}
.checkout-sec .payment-method {position: relative;}
.checkout-sec .payment-method input[type="radio"] {position: absolute;opacity: 0;}
.checkout-sec .payment-method label {display: flex;flex-direction: column;align-items: center;padding: 20px 15px;border: 2px solid #EDF2FC;border-radius: 12px;cursor: pointer;transition: all 0.3s ease;background: #FFFFFF;margin: 0;}
.checkout-sec .payment-method input[type="radio"]:checked+label {border-color: #2052D0;background: rgba(237, 242, 252, 0.3);transform: translateY(-2px);box-shadow: 0 4px 16px rgba(32, 82, 208, 0.15);}
.checkout-sec .payment-icon {font-size: 1.5rem;margin-bottom: 8px;color: #2052D0;}
.checkout-sec .order-item {display: flex;align-items: center;padding: 20px 0;border-bottom: 1px solid #EDF2FC;}
.checkout-sec .item-image {width: 60px;height: 60px;background: linear-gradient(135deg, #EDF2FC, #2052D0);border-radius: 12px;margin-right: 15px;display: flex;align-items: center;justify-content: center;color: #FFFFFF;font-weight: bold;}
.checkout-sec .item-details {flex: 1;}
.checkout-sec .item-name {color: #2052D0;font-weight: 600;margin-bottom: 4px;}
.checkout-sec .item-price {color: #666;font-size: 0.9rem;}
.checkout-sec .price-breakdown {margin-top: 25px;padding-top: 25px;}
.checkout-sec .price-row {display: flex;justify-content: space-between;margin-bottom: 12px;color: #666;}
.checkout-sec .price-row.total {font-size: 1.2rem;font-weight: 700;color: #2052D0;padding-top: 15px;border-top: 1px solid #EDF2FC;}
.checkout-sec .checkout-btn {width: 100%;padding: 18px;background: linear-gradient(135deg, #2052D0, #1a44b8);color: #FFFFFF;border: none;border-radius: 12px;font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;margin-top: 30px;position: relative;overflow: hidden;}
.checkout-sec .checkout-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(32, 82, 208, 0.3);}
.checkout-sec .checkout-btn:active {transform: translateY(0);}
.checkout-sec .security-badge {display: flex;align-items: center;justify-content: center;margin-top: 20px;color: #666;font-size: 0.9rem;}
.checkout-sec .security-badge::before {content: '🔒'; margin-right: 8px;}
.checkout-sec .promo-code { display: flex;gap: 10px;margin-bottom: 20px;}
.checkout-sec .promo-code input {flex: 1; margin: 0;}
.checkout-sec .apply-btn {padding: 15px 25px;background: #EDF2FC;color: #2052D0;border: 2px solid #EDF2FC;border-radius: 12px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}
.checkout-sec .apply-btn:hover {background: #2052D0;color: #FFFFFF;}
.checkout-sec .step-indicator {display: flex;justify-content: center;margin-bottom: 40px;}
.checkout-sec .step {display: flex;align-items: center;color: #666;}
.checkout-sec .step.active {color: #2052D0;font-weight: 600;}
.checkout-sec .step-number {width: 30px;height: 30px;border-radius: 50%;background: #EDF2FC;display: flex;align-items: center;justify-content: center;margin-right: 10px;font-size: 0.9rem;}
.checkout-sec .step.active .step-number {background: #2052D0;color: #FFFFFF;}
.checkout-sec .step::after {content: '→'; margin: 0 20px;color: #EDF2FC;}
.checkout-sec .step:last-child::after {display: none;}
.checkout-sec i {font-size: 25px;}
.treatment-img {border: 1px solid lavender;width: 100%;border-radius: 10px;background-color: lavender;height: 258px;}
.treatment-img img {object-fit: contain;}
ul.works li {list-style: none;}
.lavender-bg {border-radius: 20px;background: #e6e8f8;height: 100%;}
.icon-about {background: var(--lg-purple);width: 60px;height: 60px;text-align: center;display: flex;justify-content: center;align-items: center;border: 1px solid var(--lg-purple);border-radius: 50px;}
.typical .card {border-radius: 20px;background: #FFF;padding: 25px;}
.blue-bg {background-color: #2359D5;border-radius: 20px;height: 100%;color:var(--white);}
.dose-img img {width: 100%;object-fit: contain;}
.interactions {background-image: url(../images/user.png);background-repeat: no-repeat;width: 100%;background-size: cover;border-radius: 28px;height: 100%;display: flex;flex-direction: column;justify-content: center;color: var(--white);}
.slider-heading {position: absolute;TOP: 41%;left: 3%;color: #fff;justify-content: center;}
.main-img-product img {width: 443px;}
.home-image {width: 100%;height: 340px;}
.home-grid-img img {width: 100%;height: 225px;}
.radius-img img {border-radius: 15px;}
.swiper-slide.radius-img img {border-radius: 12px;}
.swiper-slide.radius-img .swiper-card img {height: 198px;}
.price-container {padding: 7px 16px;cursor: pointer;background: var(--lavander-blue);transition: all 0.4s ease;border-radius: 8px;}
.price-dropdown {display: none;padding: 10px 16px;background-color: #fff;  border-radius: 8px;margin-top: 5px;}
.price-dropdown div {padding: 5px 0;border-top: 1px solid #eee;}
.price-container i {font-size: 14px;color: #000;}
.price-dropdown.open {display: block;}
.fa-angle-down {transition: transform 0.3s ease;}
.fa-rotate-180 {transform: rotate(180deg);}
.treatment-img-parent {height: 294px;}
.step-two label:has(input[type="radio"]:checked) {background-color: var(--blue);color: white;}
.header-search-bar .form-control {background: var(--lavander-blue);}
.header-search-bar i.fa-solid.fa-magnifying-glass.position-absolute {top: 17px;left: 13px;color: var(--black);font-size: 13px;}
.border-bottom {border-bottom: 1px solid var(--black);}
.icon-bg i {color: var(--white);font-size: 16px;background: var(--dark-blue);border-radius: 50px;width: 37px;height: 37px;display: flex;justify-content: center;align-items: center;}
.border-radius img {border-radius: 13px;}
.choose-sec-parent .card,.testmonials .card {min-height: 261px;}
.white-button,.white-button:hover {color: var(--black);background-color: var(--white);border: 1px solid var(--black);border-radius: 10px;font-family: 'Inter';}
.white-button:hover {background-color: var(--black);color: var(--white);transition: 0.3s ease-in-out;}
/*home swiper feedback  */
.feedbackSwiper-parent .swiper {width: 100%;height: 100%;}
.feedbackSwiper-parent .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.feedback-img {width: 46px;}
.feedback-rating i {color: orange;font-size: 15px;}
.feedback-img img {border-radius: 50px;}
.health-feedback {height: 685px;}
.text-elipse {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.feedbackSwiper .card { min-height: 226px;justify-content: space-between;}
.highlight {color: var(--blue);font-style: italic;}
.health-coaching-card .how-it-work-img-parent {height: 439px;}
.img.bell-icon {border: 1px solid lavender;padding: 8px;border-radius: 5px;}
.img {height: 100%;width: 100%;object-fit: cover;}
.patient-dropdown .toggle-icon {transition: transform 0.3s ease;}
.patient-dropdown.show .toggle-icon {transform: rotate(180deg);}
.quantity-controls {max-width: 150px;}
.quantity-btn {width: 35px;height: 35px;border: 2px solid #EDF2FC;background: #FFFFFF;border-radius: 8px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;}
.quantity-btn:hover {border-color: #2052D0;background: #2052D0;color: white;}
.quantity-input {width: 60px;text-align: center;border: 2px solid #EDF2FC;border-radius: 8px;padding: 8px;}
.quantity-input:focus {outline: none;border-color: #2052D0;}
/* Order Summary Improvements */
.order-summary {background: #FFFFFF;border-radius: 15px;padding: 25px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);position: sticky;top: 20px;}
.order-item img {width: 80px;height: 80px;object-fit: cover;border-radius: 10px;margin-right: 15px;}
.checkout-sec select {width: 100%;padding: 12px;border: 2px solid #EDF2FC;border-radius: 8px;font-size: 14px;background: white;}
.checkout-sec select:focus {outline: none;border-color: #2052D0;}
.stepper-scroll.scroll-box {max-height: 400px;}
/* Enhanced form validation styles */
.form-error {border-color: #dc3545 !important;box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;background-color: #fff5f5 !important;animation: pulse-error 1s ease-in-out;}
.form-success {border-color: #28a745 !important;box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;background-color: #f8fff8 !important;}
.shake {animation: shake 0.6s ease-in-out;}
/* Phone number input styling */
#phone {font-family: 'Courier New', monospace;letter-spacing: 1px;}
/* Enhanced input focus states */
.checkout-sec input:focus {outline: none;border-color: #2052D0 !important;box-shadow: 0 0 0 0.2rem rgba(32, 82, 208, 0.25) !important;transform: translateY(-1px);transition: all 0.3s ease;}
/* Date inputs styling */
input[name="dob_day"],input[name="dob_month"],input[name="dob_year"] {text-align: center;font-weight: 600;}
label[for="dob"]::after,label[for="phone"]::after,label[for="country"]::after,label[for="city"]::after,label[for="postal_code"]::after,label[for="address"]::after,label[for="shipping_address"]::after {content: " *";color: #dc3545;font-weight: bold;}
.form-group.has-error input {border-color: #dc3545 !important;box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;}
.form-group.has-success input {border-color: #28a745 !important;box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;}
/* Payment button enhancements */
.payment-methods button {transition: all 0.3s ease;position: relative;overflow: hidden;}
.payment-methods button:hover:not(:disabled) {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}
.payment-methods button:disabled {opacity: 0.6;cursor: not-allowed;transform: none !important;}
.payment-methods button.shake {animation: shake 0.6s ease-in-out;}
/* Loading state for payment buttons */
.payment-methods button.loading::after {content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin: -10px 0 0 -10px;border: 2px solid transparent;border-top-color: #ffffff;border-radius: 50%;animation: spin 1s linear infinite;}
.form-group { position: relative;}
.form-group.has-success::after { content: '✓';position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #28a745;font-weight: bold;font-size: 18px;}
.form-group.has-error::after { content: '✗';position: absolute;right: 15px;top: 50%; transform: translateY(-50%); color: #dc3545; font-weight: bold;font-size: 18px;}
.partnerswiper-parent .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: fill;border-radius: 21px;}
.partnerswiper-parent .swiper-wrapper .swiper-slide {  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); border-radius: 21px; height: 160px;} 
/* text-editor css */
.product-detail ul li, .product-detail ul li span,.product-detail ul li strong {font-size: 18px;font-family: 'Inter';font-weight: 400;    padding: 0 !important;}
.product-detail ul li span,.product-detail ul li strong { font-weight: 600;}
.product-detail h3 {font-size: 24px;font-weight: 500;font-family: 'Inter';}
.product-detail h1 {font-size: 40px;font-weight: 600;font-family: 'Inter';}
.product-detail p {font-family: 'Inter';font-size: 16px;font-weight: 400;}
.product-detail ul,.product-detail ol {list-style: none;}
.product-detail ul li img { padding-right: 7px;}
.partnerswiper-parent .swiper.partnerSwiper {overflow: visible;}

 .product-main-image {
            width: 550px;
            height: 650px;
            background-color: #f8f9fa;
            border-radius: 8px;
        }

        .product-main-image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .product-image {
            width: 200px;
            height: 200px;
            background-color: #f8f9fa;
            border-radius: 8px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .product-description {
            padding: 0 20px;
        }

        .no-spinner::-webkit-outer-spin-button,
        .no-spinner::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .no-spinner::-moz-appearance {
            -moz-appearance: textfield;
        }
         .product-card { transition: all 0.3s ease; border: 2px solid transparent; min-height: 500px; border-radius: 10px; }
    .product-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(35, 88, 213, 0.3);
        border-color:rgb(35, 89, 213, 0.5);
    }
    .product-img {
        height: 200px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        border-radius: 10px;
        background: #f8f9fa;
        height: 258px;

    }
    .product-img img {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }
   
    .product-title {
        color: #2359D5;
        font-weight: 600;
        font-size: 18px;
    }
    .product-formula {
        color: #6c757d;
        font-size: 14px;
        font-weight: 400;
    }
    .filter-section {
        padding-block: 20px;
        margin-bottom: 30px;
    }
    .search-box {
        border: 2px solid #e0e0e0;
        border-radius: 8px;
        padding: 12px 16px;
        transition: all 0.3s ease;
    }
  
    .pagination .page-link {
        color: #2359D5;
        border-color: #2359D5;
    }
    .pagination .page-item.active .page-link {
        background-color: #2359D5;
        border-color: #2359D5;
    }
    .product-price {
        color: #2359D5;
        font-weight: 400;
        font-size: 15px;
    }
  
    .filter-dropdown {
        background-color: #fff;
        width: 180px;
    }
    .filter-dropdown input {
        width: 15px;
        height: 15px;
        accent-color: #000;
    }
    .filter-dropdown li {
        margin-bottom: 10px;
    }
     .orders-container { background: #f8f9fa; border-radius: 12px; padding: 30px; margin-bottom: 30px; }
    .order-item { background: white; border-radius: 12px; padding: 25px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; border-left: 4px solid #2359D5; }
    .order-item:hover { box-shadow: 0 4px 20px rgba(35, 88, 213, 0.1); transform: translateY(-2px); }
    .order-header { border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; margin-bottom: 20px; }
    .order-status { padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; }
    .status-completed { background: #d4edda; color: #155724; }
    .status-pending { background: #fff3cd; color: #856404; }
    .status-processing { background: #cce5ff; color: #004085;}
    .product-image { width: 80px; height: 80px; object-fit: contain; border-radius: 8px; background: #f8f9fa; }
    .cta-section { background: linear-gradient(180deg, rgba(207, 225, 255, 0.00) 0%, #DBE9FF 100%), url("{{ asset('website/assets/images/radiant-bg.png') }}"); background-size: cover; background-position: center; background-repeat: no-repeat; }
    .order-summary { background: white; border-radius: 12px; padding: 25px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); position: sticky; top: 20px; }
    .empty-orders { text-align: center; padding: 60px 20px; }
    .order-actions { display: flex; gap: 10px; flex-wrap: wrap; }
    .blue-button-outline { background-color: #E8EDFA ; color: #2359D5; } 
    .blue-button-outline i { color: #2359D5; } 
    .blue-button-outline:hover { background-color: #2359D5; color: #fff; }
    .blue-button-outline:hover i { color: #fff; }
    .action-btn { padding: 8px 16px; border-radius: 6px; font-size: 14px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; border: none; cursor: pointer; }
    /* .card.weightloss-card { min-height: 794px;} */
    .product-title { color:#072d85; font-weight: 600; font-size: 18px; }
    .product-rating { font-size: 15px; font-weight: 500; color:#2f2f2f; }
    .product-rating i { color: #FFD43B; font-size: 15px; }
    .product-img { height: 200px; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 10px; background: #f8f9fa; height: 258px; }
    .product-img img { max-height: 100%; max-width: 100%; object-fit: contain; }
    .price-container { padding: 7px 16px; cursor: pointer; background: var(--lavander-blue); transition: all 0.4s ease; }
    .price-dropdown { display: none; padding: 10px 16px; background-color: #fff; }
    .price-dropdown div { padding: 5px 0; border-top: 1px solid #eee; }
    .price-container i { font-size: 14px; color: #000; }
    /* .card.weightloss-card { min-height: 730px; } */
     .card.weightloss-card {height: 100%;}
    .price-dropdown.open { display: block; }
    .fa-angle-down { transition: transform 0.3s ease;}
    .fa-rotate-180 {transform: rotate(180deg); }
    /* Products Swiper Styles */
    .products-swiper { /*margin: 20px 0; padding: 0 50px;*/ width: 100%;}
    .products-swiper .swiper-slide { height: auto;}
    /* Custom Swiper Navigation Buttons */
    .products-swiper .swiper-button-next i, .products-swiper .swiper-button-prev i {font-size: 16px;}
    .products-swiper .swiper-button-next, .products-swiper .swiper-button-prev { background: rgba(255, 255, 255, 0.9); border: 1px solid #110067; border-radius: 50%; width: 40px; height: 40px; color: #110067; font-size: 18px; transition: all 0.3s ease; }
    .products-swiper .swiper-button-next:hover, .products-swiper .swiper-button-prev:hover { background: #110067; color: white; transform: scale(1.1); transition: all 0.3s ease; }
    .products-swiper .swiper-button-next:after, .products-swiper .swiper-button-prev:after { font-size: 18px; font-weight: bold; transition: all 0.3s ease; }
    /* Custom Swiper Pagination */
    .products-swiper .swiper-pagination-bullet { background: #ddd; opacity: 1; width: 12px; height: 12px; transition: all 0.3s ease; }
    .products-swiper .swiper-pagination-bullet-active { background: #110067; transform: scale(1.2); transition: all 0.3s ease; }
    .products-swiper .swiper-button-next:hover i, .products-swiper .swiper-button-prev:hover i {color: white;}
    .work-icon { width: 80px; height: 80px; border-radius: 50%; padding: 20px; background-color: #E1EAFC; display: flex; align-items: center; justify-content: center; }
    .work-icon img { width: 100%; height: 100%; object-fit: cover; }


.website-form-resp .form-title {font-size: 36px;}
.contact-complain p, .contact-complain li {  color: #656B76;  font-size: 16px !important;}
.contact-us-resp .how-it-work-img-parent { height: 500px;}
.contact-us-resp img.img {  object-fit: contain;}

.product-gallery-images .product-image {height: 100%; width: 100%;}
.terms-conditions-cms h3, .privacy-cms h3, .deliver-info-main h3, .cookies-cms h3, .blog-inner h4{ margin-top: 1.5em; font-size: 22px !important; font-weight: 500 !important;}
.terms-conditions-cms p, .privacy-cms p, .deliver-info-main p, .cookies-cms p, .blog-inner p {font-size: 16px !important;}

.health-wellness .main-swiper .swiper-button-prev { left: -5%; }
.health-wellness .main-swiper .swiper-button-next { right: -5%; }

.prodct-descrption { display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: start;}
.editor-checklist li, .rectangle-checklist li, .rect2-checklist li {position: relative; list-style: none; font-weight: 500; margin-bottom: 10px; }

.rect2-checklist :is(h1, h2, h3, h4, h5, h6) {  color: var(--white);}
body .product-resp p, body .product-resp li { font-size: 16px;  }

.editor-checklist li::before {   content: " "; background-image: url(../images/checklist-icon.svg); position: absolute; left: -26px;  top: 0;  color: #FFF;  height: 20px;  width: 20px; background-repeat: no-repeat;  background-size: contain; }

.rect2-checklist li::before,  .rectangle-checklist li::before {  content: " "; position: absolute;  color: #FFF;  height: 10px;  width: 10px; background-repeat: no-repeat; background-size: contain; }
.rectangle-checklist li::before { background-image: url(../images/rectangle-icon.svg); left: -19px;  top: 6px; }
.rect2-checklist li::before { background-image: url(../images/rectangle2-icon.svg); left: -19px; top: 5px; }

.main-img-product.web-product img {  width: 443px;  object-fit: contain; }
.patient-product-view .product-img img {  object-fit: cover; }

.gallay-picturs .gallay1 {
    height: 150px;
    width: 150px;
}