@font-face {
    font-family: "Gotham";
    src: url('../font/Gotham/Gotham-Light.otf') format("opentype");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "Gotham";
    src: url('../font/Gotham/Gotham-Thin.otf') format("opentype");
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: "Gotham";
    src: url('../font/Gotham/Gotham-Regular.otf') format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Gotham";
    src: url('../font/Gotham/Gotham-Medium.otf') format("opentype");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "Gotham";
    src: url('../font/Gotham/Gotham-Bold.otf') format("opentype");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "Gotham";
    src: url('../font/Gotham/Gotham-Black.otf') format("opentype");
    font-style: normal;
    font-weight: 900;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

button {
    border: none;
    background: transparent;
    cursor: pointer;
}

.px-50 {
    padding-inline: 50px;
}

.py-50 {
    padding-block: 50px;
}

.px-70 {
    padding-inline: 70px;
}

.py-70 {
    padding-block: 70px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-70 {
    margin-bottom: 70px;
}

.text-black {
    color: #000;
}

.text-white {
    color: #fff;
}

.text-primary {
    color: #2B3956;
}

.text-center {
    text-align: center;
}

/* ======================================
    HOME PAGE and COOMMON COMPONENTS
========================================= */

.content-wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.content-wrapper ul li {
    position: relative;
    padding-left: 55px;
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    list-style: none;
}

.content-wrapper ul li::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url("../images/check.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.main {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}

/* Header */

.header {
    width: 100%;
    padding: 40px 44px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    justify-content: space-between;
}

.header>a>img {
    width: 154px;
    height: auto;
    object-fit: cover;
}

.header nav {
    display: flex;
}

.header ul {
    list-style: none;
}

.header>nav>ul {
    display: flex;
    gap: 24px;
    align-items: center;
}

.header>nav>ul>li {
    display: flex;
    align-items: center;
    height: 100%;
}

.header>nav>ul {
    display: flex;
    align-items: center;
    gap: 24px;
}

.header nav a,
.header li span {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}


.header nav a:hover,
.header li span:hover {
    color: #56BEBF;
}

.header li span {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.header li span img {
    width: 14px;
    height: 28px;
    transition: ease all 0.3s;
}

.has-submenu {
    position: relative;
    z-index: 99;
}

.submenu {
    position: absolute;
    top: 75%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: ease all 0.3s;
    white-space: nowrap;
}

.submenu ul {
    display: flex;
    padding: 30px 50px 30px 30px;
    flex-direction: column;
    gap: 14px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 0 152.4px 0 rgba(0, 0, 0, 0.82);
}

.submenu ul a {
    color: #333;
}

.submenu ul a:hover {
    color: #56BEBF;
}

.has-submenu:hover .submenu {
    opacity: 1;
    visibility: visible;
}

.has-submenu:hover img {
    transform: rotate(180deg);
}

/* Burger */

.burger {
    width: 28px;
    height: 20px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    z-index: 1001;
}

.burger span {
    width: 100%;
    height: 2px;
    background: #fff;
    transition: ease all 0.3s;
}

.burger.active span:nth-child(1) {
    transform: rotate(45deg) translate(7px, 6px);
}

.burger.active span:nth-child(2) {
    opacity: 0;
}

.burger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}


/* Overlay */

.menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: ease all 0.3s;
    z-index: 998;
    display: none;
}

.menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Hero Section */
.home-hero-section {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.home-hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.home-hero-section::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.39);
    z-index: 2;
}

.home-hero-section>div {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: clamp(40px, 10vh, 100px);
}

.home-hero-section h1 {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 56px;
    font-style: normal;
    font-weight: 200;
    line-height: 60px;
    text-transform: uppercase;
    max-width: 1015px;
}

.home-hero-section p {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 8px 0 32px;
}

.btn a {
    display: inline-flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    transition: ease all 0.3s;
}

.btn-white a {
    background: #FFF;
    color: #2B3956;
}

.btn-dark a {
    background: #2B3956;
    color: #fff;
}

.btn a:hover {
    background: #56BEBF;
    color: #fff;
}

/* About Section */
.about-section {
    width: 100%;
    padding: 70px 50px;
    display: flex;
    align-items: center;
    gap: 60px;
}

.about-section>div {
    width: 100%;
}

.about-section>div>img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}

.about-section h2 {
    color: #000;
    font-family: Poppins;
    font-size: 56px;
    font-style: normal;
    font-weight: 200;
    line-height: 60px;
    text-transform: uppercase;
}

.about-section h6 {
    color: #2B3956;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 31px;
    margin: 12px 0 24px;
}

.about-section p {
    color: #040404;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 26px;
}

.about-section .btn {
    margin-top: 10px;
}

/* Services Section */
.services-section {
    width: 100%;
    padding: 70px 80px 50px;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.service-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.services-section::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(43, 57, 86, 0.94) 0%, rgba(43, 57, 86, 0.24) 98.03%);
    z-index: 2;
}

.home-common-heading {
    color: #000;
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 200;
    line-height: 56px;
    text-transform: uppercase;
}

.services-section .home-common-heading {
    color: #FFF;
    position: relative;
    z-index: 9;
    margin-bottom: 64px;
    text-align: center;
}

.services-slider {
    position: relative;
    z-index: 9;
}

.services-section .splide__slide {
    position: relative;
    z-index: 9;
    overflow: hidden;
    border-radius: 20px;
}

.services-section h3 {
    color: #FFF;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 3;
}

.services-section .splide__slide::before {
    content: "";
    width: 100%;
    height: 8rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.50) 40%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}

.services-section .splide__slide::after {
    content: "";
    width: 100%;
    height: 9rem;
    position: absolute;
    left: 0;
    bottom: 0;

    background: linear-gradient(to top,
            rgba(43, 57, 86, 0.8) 0%,
            rgba(43, 57, 86, 0.6) 40%,
            rgba(43, 57, 86, 0) 100%);

    transform: translateY(100%);
    transition: transform 0.4s ease;

    z-index: 2;
}

/* Hover effect */
.services-section .splide__slide:hover::after {
    transform: translateY(0);
}

.services-section .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: ease all 0.3s;
}

.services-section .splide__slide:hover img {
    transform: scale(1.1);
}

.services-section .splide__arrows {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
}

.services-section .splide__arrows .splide__arrow {
    position: static;
    transform: none;
    opacity: 1;
    background: transparent;
    width: 68px;
    height: auto;
}

.services-section .splide__arrows .splide__arrow img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* HealthCare Section */
.healthcare-section {
    width: 100%;
    padding: 70px 50px;
}

.healthcare-section .home-common-heading {
    text-align: center;
    margin-bottom: 43px;
}

.healthcare-section>div {
    width: 100%;
    display: flex;
    gap: 40px;
}

.healthcare-section>div>div {
    width: 100%;
    padding: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: #EDEDED;
}

.healthcare-section>div>div>div {
    width: 113px;
    height: 113px;
    border-radius: 50%;
    background: #2B3956;
    padding: 25px;
}

.healthcare-section>div>div>div>img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.healthcare-section>div>div>h3 {
    color: #2B3956;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 30px 0 6px;
}

.healthcare-section>div>div>p {
    color: #3E3E3E;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 339px;
}

/* Why Section */
.why-section {
    width: 100%;
    padding: 70px 50px;
    display: flex;
    justify-content: space-between;
    gap: 60px;
    background-image: url('../images/why-vitamin.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.why-section>div {
    width: 100%;
}

.why-section>div:first-child {
    max-width: 494px;
}

.why-section .home-common-heading {
    margin: 30px 0 15px;
    color: #fff;
}

.why-section>div>p {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 442px;
}

.why-section>div:nth-child(2) {
    max-width: 660px;
    padding: 50px;
    border-radius: 20px;
    background: #FFF;
}

/* Work Section */
.work-section {
    width: 100%;
    padding: 70px;
}

.work-section .home-common-heading {
    text-align: center;
}

.work-section>p {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
    margin: 9px 0 70px;
}

.work-section div p {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 212px;
}

.work-section>div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.work-section h3 {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    max-width: 172px;
    margin-bottom: 4px;
}

.step {
    width: 340px;
    height: 210px;
    background: #2b3956;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px;

    clip-path: polygon(75% 0%,
            25% 0%,
            0% 50%,
            25% 100%,
            75% 100%,
            100% 50%);
}

.connector {
    width: 70px;
    height: 3px;
    background: #2B3956;
    position: relative;
    margin-right: 20px;
}

.connector::after {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #2B3956;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Google Reviews */
.google-reviews {
    width: 100%;
    padding: 50px 70px;
    background: #EDEDED;
}

.google-reviews .home-common-heading {
    margin-bottom: 30px;
}

.google-reviews .splide__arrows {
    display: none;
}


.reviews {
    width: 100%;
    border-radius: 20px;
    background: #FFF;
    padding: 24px 24px 47px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.user-details {
    width: 100%;
    display: flex;
    gap: 16px;
}

.user-details img:first-child {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}

.user-details div {
    flex: 1;
}

.user-details h6 {
    color: #1E1E1E;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Gotham;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 8px;
}

.user-details p {
    color: rgba(0, 0, 0, 0.50);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
}

.user-details img:last-child {
    width: 24px;
    height: 24px;
}

.rating {
    display: flex;
    gap: 4px;
    align-items: center;
}

.rating img {
    width: 24px;
    height: 24px;
}

.reviews>p {
    color: #1E1E1E;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}

/* Faq Section */
.faq-section {
    width: 100%;
    padding: 70px;
}

.faq-section .home-common-heading {
    text-align: center;
    margin-bottom: 40px;
}

.faq-wrapper {
    width: 100%;
    max-width: 1114px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq {
    width: 100%;
    padding: 26px 32px;
    border-radius: 16px;
    background: #F4F4F4;
}

.faq h6 {
    color: #000;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 135%;
    transition: ease all 0.3s;
}

.faq p {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 721px;
    padding: 16px 0 14px;
}

.faq.active {
    background: #2B3956;
    box-shadow: 0 5px 15px 0 rgba(25, 33, 61, 0.06);
}

.faq.active h6 {
    color: #fff;
}

.question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.question img {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    transition: ease all 0.3s;
}

.faq.active .question img {
    transform: rotate(90deg);
}

.faq .answer {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: ease all 0.3s;
}

.faq.active .answer {
    max-height: 1000px;
    visibility: visible;
    opacity: 1;
}

/* Appointment Section */
.appointment-section {
    width: 100%;
    padding: 70px 50px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    background-image: url('../images/appointment-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.appointment-section .home-common-heading {
    max-width: 437px;
    color: #fff;
    margin-bottom: 20px;
}

.appointment-section p {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.appointment-section>div {
    width: 100%;
}

.appointment-section>div:first-child {
    max-width: 437px;
}

.appointment-section>div:last-child {
    max-width: 584px;
}

.appointment-section form {
    width: 100%;
    max-width: 584px;
    padding: 40px 40px 28px;
    border-radius: 20px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.appointment-section input,
.appointment-section textarea {
    width: 100%;
    border-radius: 200px;
    border: 1px solid #000;
    padding: 19px 24px 13px;
    background: transparent;
    outline: none;
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.appointment-section textarea {
    resize: none;
    border-radius: 20px;
    height: 125px;
}

.appointment-section input::placeholder,
.appointment-section textarea::placeholder {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.appointment-section button {
    padding: 12px 56px;
    border-radius: 40px;
    background: #2B3956;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    transition: ease all 0.3s;
}

.appointment-section button:hover {
    background: #56BEBF;
    color: #fff;
}

/* Map Section */
.map-section {
    width: 100%;
    padding: 70px 50px 0;
}

.map-section iframe {
    width: 100%;
    border-radius: 20px;
}

/* Footer Section */
.footer {
    width: 100%;
    background: #EDEDED;
    margin-top: -86px;
    padding-top: 142px;
}

.footer-content {
    padding: 0 50px 100px;
    padding-right: clamp(50px, 10%, 80px);
    display: flex;
    gap: 60px;
}

.footer-intro img {
    width: 150px;
    height: auto;
    object-fit: cover;
}

.footer-intro {
    max-width: 408px;
    margin-right: clamp(30px, 7%, 100px);
}

.footer-intro p {
    color: #2B3956;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 16px 0 36px;
    max-width: 408px;
}

.social-links {
    display: flex;
    gap: 16px;
}

.social-links a {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    background: #2B3956;
}

.social-links a img {
    width: auto;
    height: 22px;
}

.footer-links {
    display: flex;
    flex-direction: column;
    padding-top: 29px;
}

.footer-content .footer-links:nth-child(2) {
    margin-right: clamp(20px, 5%, 40px);
}

.footer-links a,
.footer-links p {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.footer-links h6 {
    color: #2B3956;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    /* 144.444% */
    margin-bottom: 6px;
    white-space: nowrap;
}

.copyright {
    width: 100%;
    padding: 18px 50px;
    background: #2B3956;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyright p,
.copyright a {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}

/* ======================================
    Energy Boost IV Drips
========================================= */

/* Hero Section */
.common-heading {
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 200;
    line-height: 44px;
    text-transform: uppercase;
}

.hero-section {
    width: 100%;
    height: 561px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    background-position: center;
}

.energy-boost-hero {
    background-image: url('../images/eneregy-boost-hero.png');
    background-position: right;
}

.hero-section::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.40);
}

.hero-section * {
    position: relative;
    z-index: 3;
}

.hero-section h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 200;
    line-height: 38px;
    text-transform: uppercase;
}

.hero-section p {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 629px;
    margin-top: 12px;
}

/* Restore Your Energy */
.intro-section p {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 1340px;
    margin-top: 20px;
}

/* Why energy levels decline */
.energy-decline {
    width: 100%;
    background: #2B3956;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.energy-decline>div {
    width: 100%;
}

.energy-decline>div>img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
    max-width: 660px;
}

.energy-decline p {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 24px 0;
}

.energy-decline p:last-child {
    margin-bottom: 0;
}

.energy-decline h6 {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.energy-decline ul {
    gap: 16px;
}

.energy-decline ul li {
    color: #fff;
}

/* Therapy Works Section */
.therapy-section p {
    color: #040404;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-top: 24px;
    max-width: 907px;
}

.therapy-section h6 {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 24px 0;
}

.main .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 80px;
}

.border-b li {
    border-bottom: 0.5px solid rgba(89, 78, 143, 0.30);
    padding-bottom: 12px;
}

/* Benefits of Energy */
.benefits-section {
    background: #EDEDED;
    display: flex;
    gap: 50px;
    justify-content: space-between;
}

.benefits-section p {
    color: #040404;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.benefits-section p:first-of-type {
    margin: 24px 0 20px;
    max-width: 574px;
}

.benefits-section p:last-of-type {
    max-width: 591px;
    margin-top: 32px;
}

.benefits-section h6 {
    color: #040404;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.main .bullet {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
}

.main .bullet li {
    padding: 14px 18px;
    padding-left: 46px;
    border-radius: 50px;
    background: linear-gradient(90deg, #F6F6F6 0%, #EDEDED 100%);
}

.main .bullet li::before {
    content: "";
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url("../images/bullet-circle.svg") no-repeat center / contain;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.benefits-section>div {
    width: 100%;
}

.benefits-section>div>img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
    max-width: 660px;
}

/* who benefits from therapy */
.who-benefits-content {
    width: 100%;
    border-radius: 20px;
    background: #2B3956;
    padding: 8px;
    display: flex;
    gap: 46px;
    align-items: stretch;
    justify-content: space-between;
}

.who-benefits-content>div {
    width: 100%;
    max-width: 652px;
}

.who-benefits-content>div:first-child {
    padding: 32px 0 32px 32px;
}

.who-benefits-content>div:last-child {
    padding: 32px 30px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.12);
}

.who-benefits-content p {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 499px;
}

.who-benefits-content p:first-of-type {
    margin: 20px 0 24px;
}

.who-benefits-content h6 {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.who-benefits-content ul {
    gap: 12px;
}

.who-benefits-content ul li {
    color: #fff;
}

/* Treatment Process */
.treatment-process {
    width: 100%;
    background: #EDEDED;
}

.treatment-process>p:first-of-type {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-top: 12px;
}

.process-cards-wrapper {
    width: 100%;
    display: flex;
    gap: 117px;
    align-items: stretch;
    justify-content: center;
    margin-top: 78px;
}

.process-card {
    width: 261px;
    padding: 62px 27px 26px;
    border-radius: 20px;
    background: rgba(217, 217, 217, 0.20);
    position: relative;
}

.process-card div {
    display: flex;
    width: 75px;
    height: 75px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: #56BEBF;
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
}

.process-card div span {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    text-transform: uppercase;
}

.process-card p {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.treatment-process p:nth-of-type(2) {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    max-width: 794px;
    margin: 50px auto 2px;
}

.treatment-process>p:last-of-type {
    color: rgba(0, 0, 0, 0.55);
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    /* 173.333% */
}

/* Performance Supporting */
.performance-supporting p {
    max-width: 1284px;
    margin-top: 24px;
}


/* ======================================
    Hangover IV Drip
========================================= */

/* Hero Section */
.hangover-hero {
    background-image: url('../images/hangover-hero.png');
}

/* why hangover occurs */
.hangover-occur {
    background: #EDEDED;
}

.hangover-occur .who-benefits-content {
    padding: 0;
    background: transparent;
}

.hangover-occur .who-benefits-content>div:first-child {
    padding: 0;
}

.hangover-occur .who-benefits-content p {
    color: #000;
}

.hangover-occur .who-benefits-content h6 {
    color: #000;
}

.hangover-occur .who-benefits-content ul li {
    color: #000;
}

.hangover-occur .who-benefits-content>div:last-child {
    background: #fff;
}

/* How Therapy Helps */
.benefits-section-dark {
    background: #2B3956;
}

.main .benefits-section-dark .bullet li {
    color: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.17) 0%, #2B3956 90.38%);
}

.benefits-section-dark p {
    color: #fff;
}

.benefits-section-dark h6 {
    color: #fff;
}

/* Card Wrapper */
.card-wrapper {
    width: 100%;
    display: flex;
    gap: 20px;
}

.card {
    width: 100%;
    border-radius: 20px;
    background: #EDEDED;
}

.card p {
    color: #010101;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 24px 0;
}

.card p:last-child {
    margin-bottom: 0;
}

.card h6 {
    color: #010101;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

/* What expect during treatment */

.treatment-process-dark {
    background: #2B3956;
}

.treatment-process-dark>p:first-of-type {
    color: #fff;
}

.treatment-process-dark .process-card p {
    color: #fff;
}

.treatment-process-dark p:nth-of-type(2) {
    color: #fff;
}

.treatment-process-dark>p:last-of-type {
    color: rgba(255, 255, 255, 0.55);
}

.recovery-supporting p:nth-of-type(2),
.recovery-supporting p:nth-of-type(3) {
    margin: 0;
}

.recovery-supporting p {
    max-width: unset;
}

/* ======================================
    Gut Health IV Drip
========================================= */
.gut-health-hero {
    background-image: url('../images/gut-health-hero.png');
}

/* Intro Section */
.intro-section-2 {
    padding-bottom: 50px;
}

.intro-section-2 div {
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(43, 57, 86, 0.25) 0%, rgba(43, 57, 86, 0.06) 98.03%);
    text-align: center;
}

.intro-section-2 p {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 20px auto 0;
    max-width: 1098px;
}

/* OverAll Wellness */
.overall-wellness {
    padding-block: 33px;
}

/* Card Wrapper dark */
.card-wrapper-dark .card {
    background: #2B3956;
}

.card-wrapper-dark .card p {
    color: #fff;
}

.card-wrapper-dark .card h6 {
    color: #fff;
}

.content-wrapper .card-wrapper-dark ul li {
    color: #fff;
}

/* steps of treatment */
.treatment-step-section {
    background: #EDEDED;
    text-align: center;
}

.treatment-steps-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    margin: 96px 0 100px;
}

.treatment-step-section>p:first-of-type {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-top: 12px;
}

.treatment-step-section>p:nth-of-type(2) {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    max-width: 700px;
    margin: 0 auto 2px;
}

.treatment-step-section>p:last-of-type {
    color: rgba(0, 0, 0, 0.55);
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.step-card {
    width: 270px;
    height: 220px;
    background-image: url('../images/step-card-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 53px 85px 10px 35px;
    position: relative;
}

.step-card:last-of-type p {
    max-width: 139px;
}

.step-card p {
    color: #2B3956;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 149px;
}

.step-number {
    display: flex;
    width: 75px;
    height: 75px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background: #56BEBF;
    position: absolute;
    bottom: -38px;
    left: 72px;
}

.step-number span {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    text-transform: uppercase;
}


/* ======================================
    Anti Aging IV Drip
========================================= */
.anti-aging-hero {
    background-image: url('../images/anti-aging-hero.png');
}

.treatment-step-sec-dark {
    background: #2B3956;
}

.treatment-step-sec-dark .step-card p {
    color: #fff;
}

.treatment-step-sec-dark>p:first-of-type {
    color: #fff;
}

.treatment-step-sec-dark>p:nth-of-type(2) {
    color: #fff;
    max-width: unset;
}

.treatment-step-sec-dark>p:last-of-type {
    color: rgba(255, 255, 255, 0.55);
}

.treatment-step-sec-dark .step-card {
    background-image: url('../images/step-card-bg-light.png');
    padding-top: 65px;
}

.who-benefits-light .who-benefits-content {
    background: #EDEDED;
}

.who-benefits-light .who-benefits-content p {
    color: #040404;
}

.who-benefits-light .who-benefits-content h6 {
    color: #040404;
}

.who-benefits-light .who-benefits-content ul li {
    color: #000;
}

.who-benefits-light .who-benefits-content p:first-of-type {
    margin: 20px 0 24px;
}

.who-benefits-light .who-benefits-content>div:last-child {
    background: #fff;
}

.anti-aging-intro {
    padding-bottom: 0;
}

/* Therapy Support */
.therapy-support {
    width: 100%;
    display: flex;
    gap: 50px;
}

.therapy-support>div {
    width: 100%;
}

.therapy-support>div:last-child {
    max-width: 530px;
}

.therapy-support p {
    color: #040404;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 709px;
    margin-top: 24px;
}

.therapy-support h6 {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 24px;
}

.content-wrapper .therapy-support ul {
    gap: 10px;
}


/* ======================================
    Hydration IV Drip
========================================= */
.hydration-hero {
    background-image: url('../images/hydration-hero.png');
}

.no-border-1 li:last-child {
    border: none;
}

.hydration-therapy-section p:last-child {
    max-width: 928px;
}

.hydration-steps .step-card:nth-child(2) {
    padding-top: 68px;
}

.hydration-steps .step-card:nth-child(3) p {
    max-width: 147px;
}

.hydration-therapy-wellness p:last-child {
    max-width: unset;
    margin-top: 30px;
}

.hydration-therapy-wellness h6 {
    margin-bottom: 12px;
}

.hrdration-benefits .common-heading {
    max-width: 600px;
}

/* ======================================
    Immunity Booster IV Drip
========================================= */

.immunity-booster-hero {
    background-image: url('../images/immunity-booster-hero.png');
}

.immunity-booster-hero p {
    max-width: 650px;
}

.immunity-booster-intro p {
    max-width: 1170px;
}

.immunity-therapy p:first-of-type {
    max-width: 623px;
}

.immunity-booster-card .card .common-heading {
    max-width: 501px;
}

.immunity-booster-card .card h6 {
    max-width: 412px;
}

.immunity-booster-step-sec>p:first-of-type {
    max-width: 866px;
    margin-inline: auto;
}

.immunity-booster-step-sec .step-card {
    padding-top: 35px;
}

.immunity-booster-step-sec>p:nth-of-type(2) {
    max-width: 808px;
}

.immunity-booster-step-sec .step-card:last-of-type {
    padding-top: 50px;
}

/* Support Section */
.support-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.support-section>div {
    width: 100%;
}

.support-section .common-heading {
    margin-bottom: 20px;
    max-width: 483px;
}

.support-section p {
    color: #040404;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-top: 4px;
    max-width: 578px;
}

/* ======================================
    Jet Lag Cure IV Drip
========================================= */

.jet-lag-hero {
    background-image: url('../images/jet-lag-cure.png');
}

.jet-lag-step .step-card:first-of-type {
    padding: 62px 63px 10px 12px;
}

.jet-lag-step .step-card:last-of-type {
    padding-top: 53px;
}

.jet-lag-step .step-card:first-of-type p {
    max-width: 198px;
}

.supporting-hydration p:first-of-type {
    margin-bottom: 24px;
}

.supporting-hydration h6 {
    margin-bottom: 12px;
}

.content-wrapper .supporting-hydration ul {
    gap: 12px;
}

.supporting-hydration p:last-of-type {
    margin-top: 24px;
}

.travel-recovery p {
    color: #040404;
    max-width: 1300px;
}

/* ======================================
    Methylene Blue IV Drip
========================================= */
.methylene-hero {
    background-image: url('../images/methylene-blue.png');
}

/* ======================================
    Nad+ IV Drip
========================================= */
.nad-hero {
    background-image: url('../images/nad-hero.png');
}

.nad-hero p {
    max-width: 666px;
}

.nad-importance .common-heading {
    max-width: 484px;
}

.nad-card .common-heading {
    max-width: 501px;
}

.nad-card .card:first-of-type h6 {
    max-width: 412px;
}

.nad-step>p:first-of-type {
    max-width: 868px;
    margin-inline: auto;
}

.nad-step>p:nth-of-type(2) {
    max-width: 1020px;
}

.nad-step .step-card:nth-of-type(2) p {
    max-width: 157px;
}

.nad-step .step-card:nth-of-type(2) {
    padding-right: 79px;
}

.nad-step .step-card:last-of-type p {
    max-width: 148px;
}

.nad-supporting p {
    max-width: 637px;
}


/* ======================================
    Radiant Skin IV Drip
========================================= */

.radiant-skin-hero {
    background-image: url('../images/radiant-skin-hero.png');
}

.radiant-skin-hero p {
    max-width: 658px;
}

.radiant-intro p {
    color: #040404;
}

.radiant-nutrition .common-heading {
    max-width: 594px;
}

.radiant-nutrition p {
    max-width: 594px;
}

.radiant-key .common-heading {
    max-width: 464px;
}

.radiant-key p:first-of-type {
    max-width: 602px;
}

.main .radiant-key .bullet li {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.17) 0%, #2B3956 100%);
}

.radiant-card-wrapper .common-heading {
    max-width: 419px;
}

.radiant-card-wrapper p {
    max-width: 564px;
}

.radiant-card-wrapper p:last-of-type {
    max-width: 522px;
}

.radiant-process .process-card p {
    color: #fff;
    max-width: 196px;
    margin: 0 auto;
}

.radiant-supporting p {
    max-width: 1254px;
}

/* ======================================
    Vitamin IV Drip
========================================= */
.vitamin-hero {
    background-image: url('../images/vitamin-hero.png');
}

.vitamin-intro {
    padding-bottom: 70px;
}

.no-border-2 li:last-child,
.no-border-2 li:nth-last-child(2) {
    border: none;
}

.why-vitamin .common-heading {
    max-width: 492px;
}

.why-vitamin p:first-of-type {
    max-width: 614px;
    margin-bottom: 0;
}

.why-vitamin p:nth-of-type(2) {
    max-width: 614px;
    margin: 4px 0 24px;
}

.why-vitamin h6 {
    margin-bottom: 20px;
}

.vitamin-treatment-exp {
    background: #fff;
    margin-top: 20px;
}

.vitamin-treatment-exp>p:first-of-type {
    max-width: 815px;
    margin-inline: auto;
}

.therapy-section-dark {
    background: #2B3956;
}

.therapy-section-dark p {
    color: #fff;
}

.therapy-section-dark h6 {
    color: #fff;
    margin-bottom: 12px;
}

.content-wrapper .therapy-section-dark ul li {
    color: #fff;
}

.vitamin-hydration p {
    max-width: 1265px;
}

/* ======================================
    Blog
========================================= */

.hero-wrapper {
    width: 100%;
    height: 561px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    background-position: center;
    padding-bottom: 129px;
}

.blog-hero {
    background-image: url('../images/blog.png');
    background-position: right;
}

.hero-wrapper::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.50);
}

.hero-wrapper * {
    position: relative;
    z-index: 3;
}

.hero-wrapper h1 {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 56px;
    font-style: normal;
    font-weight: 200;
    line-height: 60px;
    text-transform: uppercase;
}

.hero-wrapper p {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-top: 18px;
}

/* ======================================
    Blog Page
========================================= */
.blog-section {
    width: 100%;
    display: grid;
    gap: 50px 20px;
    grid-template-columns: repeat(4, 1fr);
}

.blog-section article div {
    display: flex;
    overflow: hidden;
    border-radius: 20px;
}

.blog-section a:hover img {
    transform: scale(1.1);
}

.blog-section img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    transition: ease all 0.3s;
}

.blog-section h3 {
    color: #2B3956;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    text-transform: uppercase;
    margin: 16px 0 6px;
    max-width: 300px;
}

.blog-section p {
    color: #040404;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    max-width: 314px;
}

.navigation-wrapper {
    width: 100%;
    padding: 30px 20px 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.navigation-wrapper>div {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    border: 1px solid #2B3956;
    color: #000;
    font-family: Gotham;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 133.333% */
    transition: ease all 0.3s;
    cursor: pointer;
}

.navigation-wrapper>div.active {
    background: #56BEBF;
    border-color: #56BEBF;
    color: #fff;
}

.page-number:hover {
    background: #56BEBF;
    color: #fff;
    border-color: #56BEBF;
}

.prev.disabled {
    border: 1px solid rgba(0, 0, 0, 0.30);
}


/* ======================================
    Contact Page
========================================= */
.contact-hero {
    background-image: url('../images/contact-hero.png');
    padding-bottom: 173px;
    background-position: right;
}

.contact-hero::before {
    background: rgba(0, 0, 0, 0.40);
}

.contact-section>p {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 50px;
}

.contact-info-wrapper {
    width: 100%;
    border-radius: 20px;
    background: #2B3956;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    gap: 40px;

}

.contact-info-wrapper>div {
    width: 100%;
    padding: 38px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.contact-info-wrapper h3 {
    color: #FFF;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.contact-info-wrapper p {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
}

.contact-info {
    display: flex;
    gap: 32px;
    align-items: center;
    margin-bottom: 20px;
}

.contact-info:last-of-type {
    margin-bottom: 0;
}

.contact-info img {
    width: 24px;
    height: 24px;
}

.contact-info h6 {
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 6px;
}

.contact-info p,
.contact-info a {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.social-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
}

.social-wrapper a {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #fff;
    border-radius: 50%;
}

.social-wrapper a img {
    height: 100%;
    width: auto;
}

.contact-info-wrapper form {
    width: 100%;
    padding: 38px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 20px;
    background: #EDEDED;
}

.contact-info-wrapper form input,
.contact-info-wrapper form textarea {
    width: 100%;
    border-radius: 229px;
    border: 1px solid #000;
    outline: none;
    padding: 19px 24px 13px;
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    background: transparent;
}

.contact-info-wrapper form textarea {
    border-radius: 20px;
    padding: 20px 24px;
    height: 125px;
}

.contact-info-wrapper form button {
    display: flex;
    width: 167px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    background: #2B3956;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    transition: ease all 0.3s;
}

.contact-info-wrapper form button:hover {
    background: #56BEBF;
}

.contact-info-wrapper form input::placeholder,
.contact-info-wrapper form textarea::placeholder {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.ressponse {
    width: 100%;
    border-radius: 20px;
    background: #EDEDED;
    margin-top: 50px;
}

.ressponse p {
    color: #040404;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
    margin-top: 12px;
}

/* ======================================
    Our Vision And Mission Page
========================================= */
.vision-hero {
    background-image: url('../images/vision-hero.png');
    padding-bottom: 122px;
}

.vision-hero::before {
    background: rgba(0, 0, 0, 0.40);
}

.vision-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.vision-intro p {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 1137px;
}

.commitment-section {
    width: 100%;
    padding-bottom: 50px;
    background: #2B3956;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}

.commitment-section p {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 1067px;
    margin-top: 12px;
}

.commitment-section img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}



/* ======================================
    Our Team Page
========================================= */

.team-hero {
    background-image: url('../images/team-hero.png');
    padding-bottom: 100px;
}

.hero-wrapper p {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-top: 18px;
}

.team-hero p {
    max-width: 881px;
}

.team-intro {
    width: 100%;
    display: flex;
    gap: 20px;
}

.team-intro>div {
    width: 100%;
    border-radius: 30px;
    background: #EDEDED;
    padding: 50px;
}

.team-intro p {
    color: #010101;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 530px;
}

.professionals-section {
    width: 100%;
    background: #2B3956;
}

.professionals-section div {
    width: 100%;
    border-radius: 20px;
    background: rgba(237, 237, 237, 0.06);
    padding: 32px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.professionals-section p {
    color: #E8E8E8;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 888px;
}

.disciplinary-approach .common-heading {
    max-width: 440px;
}

.disciplinary-approach p:first-of-type {
    margin-bottom: 24px;
    max-width: 630px;
}

.disciplinary-approach h6 {
    margin-bottom: 12px;
}

.content-wrapper .disciplinary-approach ul {
    gap: 12px;
}

.personalised-care {
    padding-bottom: 70px;
}

.personalised-care p {
    margin-bottom: 0;
    margin-top: 12px;
}

.personalised-care p:last-of-type {
    margin-top: 4px;
}


/* ======================================
    How It Works Page
========================================= */
.services-hero {
    background-image: url('../images/services-hero.png');
    padding-bottom: 122px;
}

.services-hero::before {
    background: rgba(0, 0, 0, 0.40);
}

.service-intro {
    padding-top: 50px;
}

.service-intro p {
    max-width: 1186px;
    color: #2B3956;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    text-transform: uppercase;
    margin: 0 auto;
}

.premium-care-section p {
    max-width: 580px;
    margin-top: 12px;
    color: #E8E8E8;
}

.premium-care-content {
    width: 100%;
    padding-block: 38px;
    border-radius: 20px;
    background: rgba(237, 237, 237, 0.06);
}

.premium-care-content h6 {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 24px;
}

.content-wrapper .premium-care-content ul li {
    color: #fff;
}

.premium-care-content p {
    max-width: unset;
    margin-top: 36px;
    text-align: left;
}

.comfortable-section p {
    color: #040404;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 1091px;
    margin: 12px auto 0;
}

.how-it-works {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.service-card {
    width: 347px;
    height: 516px;
    background-image: url('../images/card-bg.svg');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px 30px 0 0;
    flex-shrink: 0;
}

.service-card>div:first-child {
    padding: 28px;
    border-radius: 30px 30px 0 0;
    background: #2B3956;
}

.service-card h3 {
    max-width: 200px;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 200;
    line-height: 23px;
    margin: 0 auto;
    text-transform: uppercase;
}

.service-card p {
    color: #010101;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    padding: 37px 46px;
}

/* ======================================
    Single Blog Page
========================================= */
.single-blog-hero {
    width: 100%;
    height: 561px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    background-position: center;
    padding-bottom: 100px;
    background-image: url('../images/single-blog-hero.png');
}

.single-blog-hero::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.50);
}

.single-blog-hero * {
    position: relative;
    z-index: 3;
}

.single-blog-hero h1 {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 200;
    line-height: 46px;
    text-transform: uppercase;
    max-width: 506px;
}

.single-blog-hero p {
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.blog-content {
    padding-bottom: 100px;
    max-width: 1040px;
    margin: 0 auto;
}

.blog-content p {
    color: #040404;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.blog-content h2 {
    color: #2B3956;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 200;
    line-height: 44px;
    text-transform: uppercase;
    margin: 50px 0 12px;
}

.blog-content h3 {
    color: #2B3956;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    margin: 20px 0 8px;
}

.blog-content h3:first-of-type {
    margin-top: 24px;
}

.blog-content ul {
    margin: 24px 0 20px;
}


/* ======================================
    Doctors At Home Page
========================================= */
.doctors-hero {
    background-image: url('../images/doctors-hero.png');
    padding-bottom: 50px !important;
}

.doctors-hero div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.doctors-hero p {
    max-width: 753px;
}

.hero-wrapper .btn {
    margin-top: 24px;
}

.doctors-intro>div {
    padding: 40px;
}

.doctors-intro p {
    max-width: 563px;
}

.professional-care {
    gap: 36px;
}

.professional-care p {
    max-width: 1150px;
}

.doctor-benefits .common-heading {
    max-width: 554px;
}

.doctor-benefits p {
    max-width: 594px;
}

.two-col-sec {
    width: 100%;
    display: flex;
    gap: 50px;
    align-items: center;
}

.two-col-sec>div {
    width: 100%;
}

.two-col-sec img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}

.two-col-sec .common-heading {
    margin-bottom: 24px;
    max-width: 565px;
}

.two-col-sec p {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 26px;
}

.two-col-sec p:last-of-type {
    margin-bottom: 0;
}

.reliable-sec p {
    max-width: 599px;
}


/* ======================================
    Lab Tests At Home Page
========================================= */
.lab-hero {
    background-image: url('../images/lab-tests-hero.png');
    padding-bottom: 50px !important;
}

.lab-hero div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lab-hero p {
    max-width: 753px;
}

.lab-intro {
    padding-bottom: 0;
}

.lab-intro div {
    width: 100%;
    padding: 40px;
    border-radius: 30px;
    background: #EDEDED;
}

.lab-intro p {
    color: #010101;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    max-width: 1249px;
    margin-bottom: 4px;
}

.lab-intro p:last-child {
    margin-bottom: 0;
}

.two-col-sec-dark {
    background: #2B3956;
    gap: 60px;
}

.two-col-sec-dark .common-heading {
    max-width: 350px;
}

.two-col-sec-dark p {
    color: #fff;
}

.tested-at-home .common-heading {
    max-width: 487px;
}

.lab-cards .card {
    padding: 40px;
}

.lab-cards div:last-of-type .common-heading {
    max-width: 400px;
}


/* ======================================
    Doctors At Home Page
========================================= */
.physio-hero {
    background-image: url('../images/physio-hero.png');
    padding-bottom: 50px !important;
}

.physio-hero div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.physio-hero p {
    max-width: 753px;
}

.doctors-hero::before,
.lab-hero::before,
.physio-hero::before {
    background: rgba(0, 0, 0, 0.40);
}

.convenience-sec .common-heading {
    max-width: 440px;
}

.physio-session {
    background: #EDEDED;
}

.physio-session p:last-of-type {
    margin-top: 4px;
}

.physio-session .common-heading {
    max-width: 597px;
}

.two-col-sec h6 {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.two-col-sec ul {
    margin-bottom: 24px;
    gap: 12px;
}

.physio-benefit .common-heading {
    max-width: 440px;
}