@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    /* Colors */
    --color-primary: #007bff;
    --color-secondary: #EBEBEB;
    --color-background: #f8f9fa;
    --color-text: #515151;
    --color-text-white: #E0E0E0;
    --color-text-black: #333333;
    --button-primary-color: #EF6722;
    --white-color: #EBEBEB;


    /* Font */
    --font-family-heading: 'Red Hat Display', 'BwAletaNo10-bold';
    --font-weight-regular: 400;
    --font-weight-bold: 700;

    /* Sizing and Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 48px;

    /* Border and Radius */
    --border-radius: 6px;
    --border-color: #dee2e6;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);

    /* Transitions */
    --transition-default: all 0.3s ease;
}

h1 {
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif;
    font-size: 3.25rem;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0%;
}

h2 {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 2.25rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    text-transform: capitalize;
}

/* a {
    color: #EF6722 !important;
} */

.btn-primary:hover {
    background-color: #CA4605 !important;
    border-color: #CA4605 !important;
}

.btn-secondry:hover {
    border-color: var(--button-primary-color) !important;
    color: var(--button-primary-color) !important;
}

@media (max-width: 768px) {
    h1 {
        font-size: 1.25rem;
        line-height: 100%;
        letter-spacing: 0%;
    }
}

/* h2 {
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif;
    font-size: 2.25rem;
    font-weight: 400;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
} */

p {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400;
    font-style: var(--font-weight-regular);
    line-height: 24px;
    letter-spacing: 0.05em;
}

.btn {
    padding: 12px 20px;
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: capitalize;

}

.btn-primary {
    color: #FFFFFF;
    border-radius: 12px;
    background-color: var(--button-primary-color);
    border: 1px solid var(--button-primary-color);
}

.btn-secondry {
    background-color: transparent;
    color: var(--white-color);
    border: 1px solid var(--white-color);
    border-radius: 12px;
}



/* Healthcare Hero Section Styles */
.innerBanners {
    position: relative;
    min-height: 80vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
}


.innerBanner {
    margin-bottom: 40px;
}



/* Typography */
.innerBanners h1 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 52px;
    line-height: normal;
    color: var(--white-color);
    margin-bottom: 2rem;
    padding-top: 85px;
    letter-spacing: 0;
    text-transform: capitalize;
}

.banner-subheading {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: var(--white-color);
    margin-bottom: 3.25rem;
}

.banner-subheading p {
    font-family: 'Manrope' !important;
    font-weight: 400;
    font-style: normal;
    font-size: 18px !important;
    line-height: 27px;
    letter-spacing: 0.05em;
    color: var(--white-color);
}

/* Button Styles */
.btn-section {
    display: flex;
    gap: 12px;
    margin-bottom: 1rem;
}


.button span {
    color: #ffffff;
    text-decoration: none;
}


.pro-aw-footer {
    padding: 40px 0;
}

.trusted-by-heading {
    padding-top: 20px;
}


/* Right Side Image */
.innerBanners .col-4 img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.innerBanners .col-4 img:hover {
    transform: scale(1.02);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .innerBanners h1 {
        font-size: 3rem ;
    }

    .innerBanners .col-8 {
        padding-right: 2rem;
    }
}

@media (max-width: 768px) {
    .innerBanners {
        min-height: auto;
        padding: 1rem 0;
    }

    .innerBanners .row {
        flex-direction: column;
        text-align: left;
        min-height: auto;
    }
    .innerBanners h1 {
        font-size: 2rem !important;
        line-height: 40px;
        text-align: left;
        padding-top: 0;
        margin-bottom: 12px;
    }

    .innerBanners .col-8 {
        flex: 1;
        padding-right: 0;
        margin-bottom: 3rem;
    }

    .innerBanners .col-4 {
        flex: 1;
    }

    .innerBanners h1 {
        font-size: 2.5rem;
    }

    .banner-subheading p {
        font-size: 12px !important;
        font-family: 'Manrope' !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 0.05em !important;
    }

    .banner-subheading {
        max-width: 100%;
        font-size: 1rem;
    }

    .btn-section {
        display: flex;
        margin-bottom: 1rem;
        gap: 12px;
    }

    .banner-text-container {
        margin-top: 80px;
    }


}

@media (max-width: 480px) {
    

    .banner-subheading {
        font-size: 0.9rem;
    }

    .btn {
        padding: 10px 24px !important;
        font-size: 12px !important;
    }

    .banner-text-container {
        margin-top: 80px;
    }

}

/* Trust By */

.customer-logos .slick-prev {
    background: url(../default_images/arrow-left.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
}

.customer-logos .slick-prev:hover,
.customer-logos .slick-prev:focus {
    background: url(../default_images/arrow-left.svg);
}

.customer-logos .slick-next {
    background: url(../default_images/arrow-right.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
}

.trust-by .slick-prev {
    background: url(../default_images/arrow-left.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
}

.trust-by .slick-prev:hover,
.trust-by .slick-prev:focus {
    background: url(../default_images/arrow-left.svg);
}
.slick-prev:before {
    content: none;
}
.trust-by .slick-next {
    background: url(../default_images/arrow-right.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
}

.trust-by .slide.slick-slide {
    width: 100vw;
    /* height: 15vh; */
    display: flex;
    align-items: center;
    vertical-align: middle;
    padding-left: 30px;

}

.tab-content-new-home .slick-list.draggable {
    margin: 0;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 60px;
    padding: 0;
}

.customer-logos .slick-next:hover,
.customer-logos .slick-next:focus {
    background: url(../default_images/arrow-right.svg);
}

.divider-line {
    width: 100%;
    /* full width container */
    height: 2px;
    /* line thickness */
    background: linear-gradient(to right,
            transparent 0%,
            transparent 40%,
            #DF8A5F 50%,
            transparent 60%,
            transparent 100%)
}

.trusted_by_main_container .trusted-by-row {
    margin-top: 49px;
    margin-bottom: 48px;
}

h3.trusted-by-heading {

    color: #F5A100;
    font-family: 'BwAletaNo10-Regular';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.trusted-by-heading-container {
    align-self: center;
}

.image-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.single-image-container {
    margin-right: 14px;
    margin-left: 14px;
    display: flex;
    align-items: center;
}

.trusted_by_main_container {
    box-shadow: 0px 4px 4px 0px #00000040;
    position: relative;
}

.parent-of-single-image-container {
    display: flex;
}

.parent-of-single-image-container img {
    display: inline-block;
    width: auto;
    /* adjust as needed */
    height: auto;
    margin-right: 50px;
    /* adjust as needed */
}

.accordion-details {
    padding-bottom: 24px;
}

/* .customer-logos .slide.slick-slide {
    height: 30vh;
} */

.pro-aw-footer h3.trusted-by-heading {
    font-size: 36px !important;
    line-height: 48px !important;
    margin-bottom: 24px;
}

@media (max-width: 768px) {

    .trust-by .slick-prev, .trust-by .slick-next {
        display: none !important;
    }

    .pro-aw-footer {
        padding: 40px 0;
    }
    .trusted_by_main_container .trusted-by-row {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    /* .customer-logos .slide.slick-slide {
        height: 30vh !important;
    } */

    .divider-line {
        width: 100%;
        /* full width container */
        height: 2px;
        /* line thickness */
        background: linear-gradient(to right,
                transparent 0%,
                transparent 25%,
                #DF8A5F 50%,
                transparent 75%,
                transparent 100%);
    }

    .slick-list {
        margin: 0;
    }

    .pro-aw-footer h2 {
        margin-bottom: 24px;
        font-size: 20px !important;
    }

    .trusted-by-heading {
        padding: 0;
    }

    .accordion-container {
        margin-top: 20px;
    }

    .image-container {

        overflow: hidden;
        white-space: nowrap;
        display: block;
    }

    .parent-of-single-image-container {
        animation: marquee 5s linear infinite;
        display: flex;
        padding-top: 15px;
    }

    .parent-of-single-image-container img {
        display: inline-block;
        width: auto;
        height: auto;
        margin-right: 90px;

    }

    @keyframes marquee {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    .pro-aw-footer h3.trusted-by-heading {
        font-size: 20px !important;
        line-height: 46px !important;
    }

}

/* Discover How we Can */

.accordion-main-heading h2 {
    padding: 45px;
    margin: auto;
    max-width: 856px;
    color: var(--color-text-black);

    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.25rem;
    line-height: 48px;
    /* or 36px */
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
}


/* --- Accordion Styling --- */
.accordion-container {
    width: 100%;
}

.accordion-item {
    background-color: #ffffff !important;
    border: 1px solid #e9eaee !important;
    border-radius: 20px !important;
    margin-bottom: 16px !important;
    box-shadow: 0px 0px 8px 3px #45454514 !important;
    /* subtle shadow */
}


.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: normal !important;
    padding: 20px;
    cursor: pointer;
}

.accordion-title {
    font-size: 1.25rem !important;
    font-weight: 400 !important;
    color: #333333 !important;
    line-height: normal !important;
    margin: 0 !important;
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif !important;
}

.accordion-content p {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #515151;
}
.accordion-icon {
    font-size: 2rem;
    font-weight: 300;
    color: #888;
}


.accordion-item.active .accordion-title {
    color: #EF6722 !important;
}


.accordion-icon .icon-plus {
    color: #EF6722;
    font-size: 2rem;
    font-weight: 400;
}

.accordion-icon .icon-minus {
    color: #EF6722;
    font-size: 2rem;
    font-weight: 400;
}

.accordion-title {
    color: #EF6722;
}

.accordion-content {
    display: none;
    padding: 0 24px 5px 24px;
    color: #555;
    line-height: 1.6;
}

/* --- Active State (when an item is open) --- */
.accordion-item.active {
    border-color: #FDBA2F;
}

/* Logic to show/hide plus/minus icons */
.accordion-item .icon-minus,
.accordion-item.active .icon-plus {
    display: none;
}

.accordion-item.active .icon-minus,
.accordion-item .icon-plus {
    display: block;
}

/* --- Image Styling --- */
.challenge-image-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

@media (max-width: 768px) {

    .accordion-main-heading h2 {
        text-align: center;
        padding: 40px 0 4px 0 !important;
        margin: auto;
        color: #333333;
        line-height: 26px;
        font-size: 20px;
        max-width: 856px;
    }

    .accordion-title {
        font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0% !important;

    }

    .accordion-content p {
        font-family: 'Manrope', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.6px;
    }

    .accordion-details {
        /* padding-bottom: 44px; */
        padding-bottom: 24px;
    }

    .challenge-image-wrapper {
        display: none;

    }
}

/* Success Stories */

.page-template-service-template .custom_custReview {
    padding: 40px 0 40px 0 !important;
    background-color: transparent;
}

.custom_custReview .custBox {
    border-radius: 20px;
    box-shadow: 0px 0px 13.9px 0px #401D0C14;
    margin-bottom: 40px;
}

.custBox img {
    border-radius: 20px 20px 0 0;
}

.sucess-story-main-heading {
    font-family: 'Red Hat Display', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    /* 'Regular' is not valid — use 'normal' */
    font-size: 36px !important;
    line-height: 100% !important;
    /* or line-height: 1 if preferred */
    letter-spacing: 0 !important;
    /* 0% = 0 */
    text-align: center !important;
    text-transform: capitalize !important;

    max-width: 694px !important;
    margin: 0 auto !important;
    padding-bottom: 40px !important;
}

.custom_custReview .custBox figcaption {
    padding: 20px 24px;
}

.custom_custReview .custBox figcaption p{
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400 ;
    font-style: normal;
    /* 'Regular' is not valid CSS */
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    /* 5% of 16px ≈ 0.8px ≈ 0.05em */
    color: #515151 !important;
}

.healthcare-success-stories {
    padding: 80px 0;
    background-color: #f8f9fa;
}

.section-header {
    margin-bottom: 60px;
}

.section-header h2 {
    font-size: 48px;
    font-weight: 700;
    color: #333;
    line-height: 1.2;
    margin-bottom: 0;
}

.text-orange {
    color: #ff6b35;
}

.success-stories-grid {
    position: relative;
}

.story-item {
    margin-bottom: 40px;
    transition: all 0.3s ease;
}

.story-item.hidden-story {
    display: none;
}

.success-story-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}


.story-image {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.story-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.success-story-card:hover .story-image img {
    transform: scale(1.05);
}

/* .video-wrapper {
    position: relative;
    height: 100%;
}

.playVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 50px;
    z-index: 2;
    transition: all 0.3s ease;
}

.playVideo:hover {
    transform: translate(-50%, -50%) scale(1.1);
    color: #ff6b35;
} */

.story-content {
    padding: 20px 24px 24px 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.story-description {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 20px;
    flex-grow: 1;
}

.view-case-study-btn {
    font-family: 'Red Hat Display';
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background-color: transparent;
    color: #303030;
    text-decoration: none;
    border: 0.5px solid #303030;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-align: center;
    margin-top: 8px;
}

.view-case-study-btn:hover {
    color: var(--button-primary-color);
    border-color: var(--button-primary-color);
    /* text-decoration: none; */
}

.view-all-clients-btn {
    background-color: #ff6b35;
    color: #fff;
    border: none;
    padding: 15px 40px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 40px;
}

.view-all-clients-btn:hover {
    background-color: #e55a2b;
    transform: translateY(-2px);
}

.scroll-button {
    padding-bottom: 5rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    

    .custom_custReview h2 {
        font-size: 20px !important;
        padding-bottom: 20px !important;
        line-height: 26px !important;
        font-style: var(--font-weight-regular);
        letter-spacing: 0%;
        text-transform: capitalize;
        font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif;
        color: #333333;
        font-weight: 400;
    }

    .custom_custReview .custBox figcaption p {
        font-family: 'Manrope', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 18px;
    }

    #success-stories-container {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 16px;
        gap: 16px;
    }

    a#case-study-box-container {
        padding: 0;
        max-width: 235px;
    }


    .section-header h2 {
        font-size: 32px;
    }

    .story-item {
        margin-bottom: 30px;
        width: 80%;
    }

    .story-content {
        padding: 20px;
    }

    .custBox figure {
        height: 117px;
    }
}

@media (max-width: 576px) {
    /* .custBox img {
        border-radius: 12px 12px 0 0;
        height: 117px;
        object-fit: cover;
        width: 100%;
            
    } */

    #case-study-box-container {
        width: 85%;
    }

    .custom_custReview .custBox {
        padding-bottom: 12px;
        margin-bottom: 24px;
    }

    .custBox figcaption {
        padding: 11.5px 12px !important;
    }

    .view-case-study-btn {
        padding: 10px 0;
        text-align: center;
    }

    .custom_custReview .custBox figure {
        height: 150px !important;
    }

    figcaption p {
        margin-bottom: 29.5px !important;
        font-family: 'Manrope', sans-serif !important;
        font-style: normal !important;
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 5% !important;
        color: #515151 !important;

        max-height: 54px !important;
    }

    .section-header h2 {
        font-size: 28px;
    }

    .custBox figcaption {
        padding: 11.5px 12px;
    }

    .healthcare-success-stories {
        padding: 60px 0;
    }
    .page-template-service-template .custom_custReview {
        margin-top: 40px;
        /* margin-bottom: 16px; */
        margin-bottom: 40px;
        padding: 0 !important;
    }
}

/* Looking for Reliable Healthcare Technology Partner */

.cta-section {
    position: relative;
    padding: 60px 20px;
    margin-block: 40px;
    text-align: center;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cta-content {
    position: relative;
    z-index: 2;
}

.cta-content .cta-title {
    font-size: 2.25rem;
    font-weight: 400;
    color: #262626;
    font-family: 'Red Hat Display';
    margin: auto;
    max-width: 619px;
    font-style: normal;
    line-height: 48px;
    text-align: center;
    text-transform: capitalize;
    /* line-height: unset; */

}

.cta-subtitle {
    font-size: 20px;
    font-family: 'Manrope';
    line-height: 30px;
    letter-spacing: 0%;
    font-weight: 400;
    color: #333333;
    margin-bottom: 40px;
    padding: 20px 0 14px 0;
}

.cta-button {
    display: inline-block;
    background-color: #222;
    color: #fff;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 700;
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif;
    text-decoration: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease;
}

.cta-button:hover {
    background-color: #000;
    color: #FFFFFF;
}

.cta-section::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
}

.cta-section.cta_2 .cta-title {
    /* Your styles here */
    color: #fff;
    max-width: 402px;
}
.cta-section.cta_2 .cta-subtitle {
    color: #fff;
}
.cta-section.cta_2 .cta-button {
    background-color: #EF6722;
}

.cta-section.cta_2 .cta-button:hover {
    background-color: #CA4605;
}
@media (max-width: 768px) {
    .cta-section {
        padding: 32px 0px;
        margin-block: 40px;
    }
    .cta-section.cta_2{
        background: url(../default_images/cta-mobile-2.svg) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center;
        }
    

    .background-section-3 {
        background: url(../default_images/Why-Daffodil.svg) !important;
        background-repeat: no-repeat !important;
        /* background-position: center !important; */
        background-size: cover !important;
        margin-top: 20px !important;
    }

    .cta-content .cta-title {
        font-family: 'Red Hat Display', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        /* 100% of font size */
        letter-spacing: normal;
        /* 0% spacing */
        text-align: center;
        /* Center alignment */
        text-transform: capitalize;
        /* Optional: enforces Title Case */
    }

    .cta-subtitle {
        font-family: 'Manrope', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 30px;
        letter-spacing: normal;
        /* 0% spacing */
        text-align: center;
        /* Horizontal alignment */
        margin: 0;
        padding: 20px 0 20px 0;

        display: flex;
        /* For vertical alignment */
        align-items: center;
        /* Vertical alignment: middle */
        justify-content: center;
        /* Optional: center text horizontally inside flex container */
    }


}

/* Why Deffodil */



.background-section-3 {
    background-image: url('../default_images/Why-Daffodil-3.svg');
    /* if needed */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    /* padding-block: 3%; */
    margin-block: 40px;
}



.highlight-orange {
    color: #ea6b28;
    font-weight: 600;
}

.why-daffodil-left-conatiner {
    padding: 28px 0;
}

.why-daffodil-right-conatiner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-daffodil-services-main-heading {
    padding-bottom: 45px;
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif;
    line-height: 48px;
    color: #333333 !important;
}

.services-text-section3 p {
    font-size: 16px;
    line-height: 24px;
    color: #2E2E2E;
    font-family: 'Manrope';
    font-weight: 400;
    font-style: normal; 
    letter-spacing: 0.05em;
    max-width: 990px;
    text-align: center;
    margin: auto;
}
 
.why-daffodil-right-conatiner .services-text-section3 p {
    text-align: left;
    margin: revert;
}

.custom-wrapper {
    padding-top: 40px;
}

.services-text-section3 a {
    color: #ea6b28;
    text-decoration: none;
    font-weight: 600;
}

.services-text-section3 a:hover {
    text-decoration: underline;
}

.rounded-img {
    border-radius: 20px;
    max-width: 100%;
    height: auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .section-heading {
        font-size: 26px;
        text-align: center;
    }

    .why-daffodil-left-conatiner {
        padding: 20px 10px;
    }

    .why-daffodil-services-main-heading {
        font-family: 'Red Hat Display', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: normal;
        text-transform: capitalize;
        padding-bottom: 24px;
        color: #333333;
    }

    .services-text-section3 p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.6px;
        color: #515151;
        margin-bottom: 20px;
        text-align: left;
    }
    .custom-wrapper {
        padding-top: 0;
    }

}


/* Customize Healthcare */

.customized-healthcare-section {
    padding: 60px 0;
    background: url(../default_images/Customised-industries-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #292929;
    margin-block: 40px;
}
.customized-healthcare-section::after {
    content: none !important;
}

.custamize-card-gap:nth-child(4n) .vertical-divider {
    display: none;
}
.customized-icon {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 20px;
}

.section-title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 60px;
    letter-spacing: 0.5px;
    color: #EBEBEB;
    padding-bottom: 40px;
}

.section-title.text-center {
    color: #EBEBEB;
}

.section-title .highlighted {
    color: #FF6A00;
    font-weight: 600;
    letter-spacing: 1px;
}

.add-service-card .future-ready-heading {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    /* Use 'normal' instead of 'Regular' */
    font-size: 20px;
    line-height: 26px !important;
    /* 100% line-height equals 1 */
    letter-spacing: 0;
    text-transform: capitalize;
    color: #333333;

    padding: 15px 16px 10px 16px !important;
}
.add-service-card .future-ready-heading a {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    /* Use 'normal' instead of 'Regular' */
    font-size: 20px;
    line-height: 26px;
    /* 100% line-height equals 1 */
    letter-spacing: 0;
    text-transform: capitalize;
    color: #333333;

    /* padding: 20px 16px 16px 16px !important; */
}
.future-ready-text {
    text-align: start !important;
}
.future-ready-text a {
    width: 81% !important;
    display: block !important;
    /* background-color: red; */
}

.future-ready-texts p {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    /* 5% of 1em */
    color: #E0E0E0;
    /* Optional: set your desired text color */
}


.card-icon {
    width: 32px;
    margin-bottom: 20px;
}

.customized-icon .future-ready-headings {
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #EBEBEB !important;
    line-height: 26px !important;
    margin-bottom: 16px !important;
}



.card-text {
    font-size: 16px;
    color: #EBEBEB;
    line-height: 24px;
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif;

}

.position-relative {
    padding: 0 16px;
}

.card-text p {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-style: normal;
    /* 'Regular' is not a valid CSS value */
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.8px;
    /* 5% of 16px = 0.8px */
}

.customized-healthcare-section h2 {
    max-width: 754px;
    margin: auto;
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif;
    font-size: 2.25rem;
    text-transform: capitalize;
    font-weight: 400;
}

.vertical-divider {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 100%;
    /* Position at the end of column */
    transform: translateX(-50%);
    /* Center the 2px line */
    width: 2px;
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0) 0%,
            #f3bfa4 50%,
            rgba(255, 255, 255, 0) 100%);
    opacity: 0.6;
    z-index: 1;
}

.col-lg-3:last-child .vertical-divider {
    display: none;
}


.healthcare-col {
    padding: 24px 16px 24px 28px;
}

.horizontal-divider-line {
    display: none;
}

/* Hide divider on first column */
.healthcare-col:first-child .vertical-divider {
    display: none;
}

.customized-healthcare-section .future-ready-text {
    margin: 16px 0 24px 0;
}

.custamize-card-gap {
    padding-left: 30px;
    margin-bottom: 40px;
}

.future-ready-texts ul li {
    list-style: unset;
}

@media (max-width: 576px) {
    .healthcare-col {
        padding: 24px 16px 16px 16px;
    }

    .section-title {
        padding-bottom: 0;
    }

    .horizontal-divider-line {
        display: block;
        width: 100%;
        /* full width container */
        height: 2px;
        /* line thickness */
        background: linear-gradient(to right,
                transparent 20%,
                #DF8A60 50%,
                transparent 84%,
                transparent 100%);
    }

    .future-ready-text {
        display: block !important;
    }

    .customized-icon .future-ready-heading {
        font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        color: #EBEBEB !important;
    }

    .future-ready-text p {
        font-family: 'Manrope', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 0.05em;
        /* 5% of 1em */
        color: #EBEBEB;
    }

    .custamize-card-gap {
        padding-top: 0;
        padding-left: 15px;
        margin-bottom: 0;
    }

    .section-title.text-center {
        margin-bottom: 8px;
        line-height: 26px;
    }
}

/* Optional: Hide divider on mobile */
@media (max-width: 768px) {

    .future-ready-texts p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.05em;
        font-weight: 400;
    }

    .customized-icon .future-ready-headings {
        font-style: normal;
        font-size: 18px !important;
        line-height: 25px !important;
        letter-spacing: 0.05em;
        margin-bottom: 12px !important;

    }
    .add-service-icon img {
        padding: 0 !important;
    }
    .customized-healthcare-section .add-service-cards .add-service-card {
        /* padding-bottom: 0; */
        padding-bottom: 0px; /*about us*/
    }

    .col-lg-3:last-child .horizontal-divider-line {
        display: none;
    }
    .vertical-divider {
        display: none;
    }

    .customized-healthcare-section {
        background: url(../default_images/Customised-industries-2.svg);
        background-repeat: no-repeat;
        background-color: #292929;
        /* background-position: center */
        background-size: 100%;
    }
}

.embrace-your-healthcare-main-heading {
    color: #292929 !important;
}

/* Embrance Your Health */

.embrace-your-healthcare-section {
    padding: 40px 0px 24px;
}

.embrace-your-healthcare-section h2 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0;
    text-transform: capitalize;
}

.embrace-your-healthcare-sections {
    background: url(../default_images/Group-11.svg);
    background-repeat: no-repeat;
    /* background-size: 475px auto; */
    /* background-size: 580px auto; */
    background-position: left;
}

@media (max-width: 576px) {
    .embrace-your-healthcare-sections {
        background: url(../default_images/Future-ready.svg);
        background-repeat: no-repeat;
        /* margin-block: 40px; */
        margin: 40px 0 24px;
    }

    .embrace-your-healthcare-section h2 {
        font-family: 'Red Hat Display', sans-serif;
        font-weight: 400;
        font-style: normal;
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0;
        text-transform: capitalize;
    }

    .embrace-your-healthcare-section {
        padding: 0;
    }
}

/* Engagement Section*/

.expertise-imgs {
    text-align: left;
    padding: 20px 24px 0 24px;
}

.each-card-gap {
    margin-bottom: 20px;
}

.engagement-models-section-remove {
    margin-block: 40px;
}

.engagement-section {
    padding: 80px 0;
    background-color: #ffffff;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 300;
    color: #2c3e50;
    text-align: center;
    margin-bottom: 4rem;
    line-height: 1.3;
}

.section-title .highlight {
    color: #ff6b35;
    font-weight: 400;
}

.engagement-card {
    background: #ffffff;
    border-radius: 20px;

    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.engagement-card-title {
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    line-height: 26px !important;
    margin-bottom: 20px;
}

.card-details {
    padding: 20px 24px;

}

.engagement-card:hover::before {
    opacity: 1;
}

.engagement-model-conatiner {
    background: linear-gradient(to bottom right, #FFFFFF 15%, #FFF0D7 100%);
    border-radius: 20px;
}

.card-gap {
    padding: 20px 35.5px 40px 35.5px;
}

.card-details ul li {
    list-style: inside;
    color: #515151;
}

@keyframes shimmer {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.icon {
    width: 40px;
    height: 40px;
    color: white;
    z-index: 2;
    position: relative;
}

/* .card-title {
     font-size: 1.4rem;
     font-weight: 600;
     color: #2c3e50;
     margin-bottom: 1.5rem;
 } */

.card-description {
    color: #6c757d;
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 0;
}

.card-details p {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #515151;
}
.daffodil-engagement-main-heading {
    padding-block: 40px !important;
    max-width: 619px !important;
    font-weight: 400 !important;
    margin: auto !important;
    font-size: 36px !important;
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif !important;
    text-transform: capitalize !important;
    text-align: center !important;
    line-height: 48px !important;
    color: #262626 !important;

}

.row-gap {
    gap: 2rem;
}

@media (max-width: 768px) {

    .engagement-models-section-remove {
        margin-block: 40px;
    }
    .section-title {
        font-size: 2rem;
        margin-bottom: 3rem;
    }

    .icon {
        width: 35px;
        height: 35px;
    }

    .card-gap {
        /* gap: 12px; */
        padding: 0;

    }

    .engagement-content-wrapper {
        padding-inline: 12px;
    }

    .each-card-gap {
        padding-inline: 12px;
        margin-bottom: 12px;
    }

    .daffodil-engagement-main-heading {
        font-family: 'Red Hat Display', sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 20px !important;
        line-height: 26px !important;
        /* or 20px */
        letter-spacing: 0 !important;
        text-align: center !important;
        /* Horizontal alignment */
        text-transform: capitalize !important;
        color: #262626 !important;
        padding: 12px 12px 20px 12px !important;
    }

    .engagement-models-section h2 {
        font-family: 'Red Hat Display', sans-serif !important;
        padding-block: 20px !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 20px !important;
        line-height: 26px !important;
        /* 100% */
        letter-spacing: normal !important;
        /* 0% */
        text-align: center !important;
        /* Horizontal alignment */
        text-transform: capitalize !important;
        /* Optional: enforces Title Case */
    }

    .container-side-gap {
        padding-inline: 12px;
    }

    .card-details {
        /* padding: 12px; */
        padding: 24px;
    }

    .card-details p {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.6px;
    }

    .engagement-card {
        background: #ffffff;
        border-radius: 20px;

        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        border: 1px solid #f0f0f0;
        transition: all 0.3s ease;
        height: 100%;
        position: relative;
        overflow: hidden;
    }


    .engagement-card-title {
        font-family: 'Red Hat Display', sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: normal !important;
        text-transform: capitalize !important;
        margin-bottom: 20px !important;
    }

    .card-description {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.6px;
        /* 5% of 12px */
    }

    .card-details ul li {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.5px;
    }

}

@media (max-width: 576px) {
    .section-title {
        font-size: 1.8rem;
    }

    .card-gap {
        display: flex;
        flex-wrap: wrap;
    }

    .each-card-gap {
        display: flex;
    }

    .engagement-card {
        flex: 1;
        display: flex;
        flex-direction: column;
        min-height: 350px;
    }

}


/* Innovation redefine */
.innovation-redefined-section {
    background: none;
}
iframe {
    border-radius: 20px !important;
}

.innovation-redefined-section {
    padding: 0px;
    margin-block: 40px;
}


.innovation-redefined-section .row {
    align-items: flex-start;
}

.innovation-text-section {
    padding-right: 10%;
}

.title span {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: normal;
    text-transform: capitalize;
    color: #F5F5F5;
}

.innovation-redefined-section .left-text-section p {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.8px;
    color: #FEFEFE !important;
}


.bg-container {
    background-image: url('../default_images/Innovation-redefined.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 40px;
    border-radius: 20px;
}

@media (max-width: 768px) {
    .bg-container {
        padding: 20px 12px;
        background-image: url(../default_images/innovation-mobile.svg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }

    .title span {
        font-size: 20px;
    }

    .customized-healthcare-section h2 {
        font-family: 'Red Hat Display', sans-serif;
        max-width: 280px;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        text-transform: capitalize;
    }

    .customized-healthcare-section::after {
        content: none;
    }

    .customized-healthcare-section {
        padding: 0;
    }

    .section-title {
        padding-top: 24px;
    }


    .innovation-redefined-section .left-text-section h2.title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .innovation-redefined-section .left-text-section p {
        font-family: 'Manrope', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.6px;
    }

    .innovation-redefined-section {
        margin-block: 40px;
        
    }

    .right-video-section {
        padding-inline: 12px;
    }

    .innovation-text-section {
        padding-right: 0;
    }

}



/* Recommended Reading */

.recommedded-reading-section .related-blog-section img {
    border-radius: 12px 12px 0 0;
}
.page-template-service-template .recommedded-reading-section {
    padding: 0;
    margin-block: 40px;
}
.blogs {
    border: 2px solid #FFF2EC;
    border-radius: 20px;
}

.related-blog-section h2 {
    padding-bottom: 40px !important;
    font-family: 'Red Hat Display', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 36px !important;
    line-height: 48px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: capitalize !important;
    color: #292929 !important;
}

.recommanded-card-details {
    padding: 34px 20px 20px 20px;
}


.recommedded-reading-section .related-blog-section .blogs-text-recommanded {
    padding: 0 !important;
    font-family: 'Red Hat Display' !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 18px !important;
    line-height: 26px !important;
    letter-spacing: 0 !important;
    text-transform: capitalize !important;
    color: #515151 !important;
    min-height: 104px !important;
}

.recommanded-card-details .button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Red Hat Display';
    width: 100% !important;
    padding: 12px 24px;
    font-size: 16px;
    background-color: transparent;
    border: 1px solid #303030;
    border-radius: 12px;
    text-decoration: none;
    cursor: pointer;
    color: #232323;
    /* original text color */
    position: relative;
    transition: color 0.6s ease-in-out, border-color 0.6s ease-in-out;
    margin-top: 40px;
}

.recommanded-card-details .button::after {
    content: '';
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('images/arrow-icon.webp');
    background-repeat: no-repeat;
    background-size: 100%;
    filter: brightness(0) saturate(100%) invert(10%) sepia(10%) hue-rotate(0deg);
    transition: filter 0.6s ease-in-out;
}

/* Hover effect */
.recommanded-card-details .button:hover {
    color: #EF6722;
    border-color: #EF6722;
}

.recommanded-card-details .button:hover::after {
    filter: brightness(0) saturate(100%) invert(49%) sepia(91%) saturate(1262%) hue-rotate(346deg) brightness(95%) contrast(94%);
}

.weekly-popular-posts .weekly-read-more .button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-family: 'Red Hat Display';
  background-color: transparent;
  border: 1px solid #222;
  border-radius: 12px;
  color: #222;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.6s ease-in-out, border-color 0.6s ease-in-out;
}

/* Arrow icon after the button text */
.weekly-popular-posts .weekly-read-more .button::after {
  content: '';
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('images/arrow-icon.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  filter: brightness(0) saturate(100%) invert(10%) sepia(10%) hue-rotate(0deg);
  transition: filter 0.6s ease-in-out;
}

/* Hover state */
.weekly-popular-posts .weekly-read-more .button:hover {
  color: #EF6722;
  border-color: #EF6722;
}

.weekly-popular-posts .weekly-read-more .button:hover::after {
  filter: brightness(0) saturate(100%) invert(49%) sepia(91%) saturate(1262%) hue-rotate(346deg) brightness(95%) contrast(94%);
}
.weekly-popular-posts .weekly-read-more .button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    font-size: 16px;
    font-family: 'Red Hat Display';
    background-color: transparent;
    border: 1px solid #222;
    border-radius: 12px;
    color: #222;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.6s ease-in-out, border-color 0.6s ease-in-out;
}

/* Arrow icon after the button text */
.weekly-popular-posts .weekly-read-more .button::after {
    content: '';
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('images/arrow-icon.webp');
    background-repeat: no-repeat;
    background-size: 100%;
    filter: brightness(0) saturate(100%) invert(10%) sepia(10%) hue-rotate(0deg);
    transition: filter 0.6s ease-in-out;
}

/* Hover state */
.weekly-popular-posts .weekly-read-more .button:hover {
    color: #EF6722;
    border-color: #EF6722;
}

.weekly-popular-posts .weekly-read-more .button:hover::after {
    filter: brightness(0) saturate(100%) invert(49%) sepia(91%) saturate(1262%) hue-rotate(346deg) brightness(95%) contrast(94%);
}
.related-blog-section h2 {
    margin: 0 !important;
}

.weekly-popular-posts h2 {
    font-family: 'Red Hat Display', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 36px !important;
    line-height: 48px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: capitalize !important;
    margin: 0;
    padding-bottom: 40px !important;
    color: #292929 !important;
}
.weekly-count::before {
    content: none !important;
}

.why-does-number ul li a {
    padding-left: 18px !important;
    font-family: 'Red Hat Display', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 18px !important;
    line-height: 26px !important;
    letter-spacing: 0 !important;
    color: #333333 !important;
}

.why-does-number ul li:hover span.weekly-count {
    color: #EF6722 !important;
}

.weekly-count {
    color: #EF6722 !important;
}

.recommanded-card-details .button::before {
    right: 60px !important;
    top: 14px !important;
    background-image: url(../default_images/Line-arrow-right-black.svg) !important;
}

.why-does-number ul li {
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    align-items: center;
    background-color: #FFFFFF;
}

.weekly-popular-posts .weekly-read-more .button {
    padding: 12px 24px;
    font-size: 16px;
    font-family: 'Red Hat Display';
    background-color: transparent;
    border: 1px solid #222;
    border-radius: 12px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;

}

.weekly-popular-posts .weekly-read-more .button::before {
    top: 15px !important;
    background-image: url(../default_images/Line-arrow-right-black.svg) !important;
}

.weekly-read-more {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {

    .page-template-service-template .recommedded-reading-section {
        padding: 0;
        margin-block: 40px;
    }

    .full-width-button {
        width: 100%;
    }

    .weekly-popular-posts .weekly-read-more .button{
        width: 100%;
        font-size: 12px !important;
        font-weight: 700;
    }

    .recommanded-card-details .button::before {
        right: 40px !important;
        top: 16px !important;
    }

    .weekly-popular-posts .weekly-read-more .button::before {
        /* top: 15px !important;
        width: 20px !important;
        right: 90px; */
        top: 15px !important;
        width: 15px !important;
        right: 100px;
    }

    .related-blog-section h2 {
        font-size: 20px !important;
        line-height: 20px !important;
        letter-spacing: 0;
        text-align: center !important;
        padding: 0 0 24px 0 !important;
    }
    .weekly-popular-posts h2 {
        text-align: center !important;
        font-size: 20px !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
        padding-bottom: 20px !important;
    }
    .why-does-number ul li a {
        padding-left: 0px !important;
        line-height: 20px !important;
        font-size: 16px !important;
    }

    .recommanded-card-details {
        padding: 12px;
    }
    .recommanded-card-details .button {
        margin-top: 0px;
    }

    .recommedded-reading-section .related-blog-section .blogs-text-recommanded {
        font-family: 'Manrope' !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 0.05em !important;
        padding: 0 0 22px 0 !important;
    }

    /* Make the row a horizontal scroll container */
    .row.scroll-effect {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        

        /* Optional: hide scrollbar */
        scrollbar-width: none;
        /* Firefox */
    }

    .row.scroll-effect::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari */
    }

    /* Make each card take up 70% of the visible container */
    .row.scroll-effect .col-lg-6,
    .row.scroll-effect .col-md-6,
    .row.scroll-effect .col-12 {
        flex: 0 0 67%;
        scroll-snap-align: start;
    }

    /* Optional snap behavior */
    .row.scroll-effect {
        scroll-snap-type: x mandatory;
    }

    /* Blog card styling */
    .blogs-text-recommanded {
        font-size: 1.1rem;
        margin-bottom: 10px;
    }

    .page-template-service-template .button::before,
    .page-template-aboutus-flexible-template .button::before {
        width: 12px;
    }
    .recommanded-card-details .button {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0;
        text-align: center;
    }

}
/* Health Insight */



.healthcare-insights-section {
    background-color: #fff;
    padding-block: 0px !important;
    margin: 40px 0 24px !important;

}

.healthcare-insights-section h2 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #333333;
    padding: 0;
}

.healthcare-insights-section h3 {
    margin-bottom: 15px;
    
}

.title .left_menu_items_heading {
    font-family: 'Red Hat Display';
    font-size: 16px;
    font-weight: 400;
    color: #EF6722;
    letter-spacing: 0.05em;
    line-height: 24px;
}

.healthcare-insight-left-container {
    display: flex;
    flex-direction: column;
    gap: 138px;
}

.healthcare-insight-left-container img {
    border-radius: 20px;
}

.contents ol li {
    text-align: left;
    letter-spacing: 0.05em;
    font-size: 14px;
}

@media (max-width: 768px) {

    .healthcare-insights-section h2 {
        font-family: 'Red Hat Display', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0;
        text-transform: capitalize;
    }

    .healthcare-insight-left-container {
        gap: 20px;
    }
}

/* Signup form */

.section-margin-40 {
    margin-block: 40px;
}
.signup-contactus-section {
    padding: 40px 0 !important;
}

.hs-form-field .input {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-template-service-template .signup-contactus-section h2 {
    max-width: 554px;
    text-align: center;
    margin: auto;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
    color: #292929;
    padding: 0;
}

.bg-singup-form {
    background: linear-gradient(50deg, #FFEBB0 35%, #ffff 50%);
    border-radius: 24px;
    border: 3px solid #FAE4DA;
    margin-top: 40px;

}

.signup-contactus-section .formFields .hs_requirements .input textarea,
.getintouch-form-design .formFields .hs_requirements .input textarea {
    width: 95% !important;
}

.formFields .hs_requirements .input {
    margin-right: 8px !important;
}

.signup-left-conatiner {
    padding: 40px;
}

.signup-contactus-section .content,
.getintouch-form-design .content {
    padding: 24px;
    border-radius: 24px;
    background-color: #FEFEFE;
}

.signup-left-conatiner .content h5 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    vertical-align: middle;
}

.signup-left-conatiner .content ul li {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #515151;
    margin-bottom: 8px;
}

.signup-right-conatiner {
    padding-top: 40px;

}

.formFields input {
    border: 1px solid #D9D9D9 !important;
    border-radius: 12px;
    padding: 14px 16px !important;
    background-color: #FFFFFF !important;
}

.hs_submit.hs-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.hs-button.primary.large {

    padding: 12px 20px !important;
    font-family: 'Red Hat Display', 'Roboto Condensed', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: capitalize !important;
    line-height: normal !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    background-color: var(--button-primary-color) !important;
    border: 1px solid var(--button-primary-color) !important;
    width: auto !important;
    height: auto !important;
}

.signup-contactus-section .contact-form select,
.getintouch-form-design .contact-form select {
    height: 40px !important;
}

.primary.large {
    margin-top: 0 !important;
}

.form-columns-1 .hs-input {
    background-color: #FFFFFF !important;
    border-radius: 12px;
}

.hs-fieldtype-intl-phone.hs-input .hs-input {
    border: 1px solid #D9D9D9;
    border-radius: 12px 0 0 12px;
    padding: 3px 16px !important;
    /* background-color: #FFFFFF; */
}

.signup-contactus-section .content h5,
.getintouch-form-design .content h5 {
    margin-bottom: 40px;
}

.signup-contactus-section .actions::after {
    content: none;
}

.signup-contactus-section .formFields .hs_requirements .input textarea,
.getintouch-form-design .formFields .hs_requirements .input textarea {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    padding-top: 5px;
    padding-inline: 16px;
    height: 100px !important;
    background-color: #FFFFFF;
}

.signup-contactus-section .content ul li::before,
.getintouch-form-design .content ul li::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 12px;
    width: 5px;
    height: 5px;
    background-color: #515151;
    border-radius: 50%;
}

/* .hs-form-field label {
    display: none;
} */
#hsForm_014923b4-2601-48f3-8af8-c4f7c912ceb4 .form-columns-1,
#hsForm_014923b4-2601-48f3-8af8-c4f7c912ceb4 .form-columns-2 {
    max-width: unset !important;
}

.signup-contactus-section .actions,
.getintouch-form-design .actions {
    width: auto;
}

.form-columns-1,
.form-columns-2 {
    margin-bottom: 20px !important;
}

.hs-form-field label {
    display: none;
}

@media (max-width: 786px) {

    .signup-contactus-section {
        padding: 40px 0 !important;
    }
    .page-template-service-template .signup-contactus-section h2 {
        font-family: 'Red Hat Display', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        /* Or line-height: 1; */
        letter-spacing: 0;
        text-align: center;
        text-transform: capitalize;
        color: #333333;
        max-width: 300px;
    }

    .signup-left-conatiner {
        padding: 12px 12px 0px 12px;
    }

    .signup-contactus-section .content,
    .getintouch-form-design .content {
        padding: 12px;
        margin: 0;
    }

    .signup-left-conatiner .content h5 {
        font-family: 'Red Hat Display', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
        /* or use line-height: 1; */
        letter-spacing: 0;
        vertical-align: middle;
        margin-bottom: 20px !important;
    }
    .bg-singup-form {
        margin-top: 20px;
    }
    .signup-contactus-section {
        padding: 40px 0 !important;
    }

    .signup-left-conatiner .content ul li {
        font-family: 'Manrope', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.05em;
        /* 5% letter spacing */
    }

    .signup-right-conatiner {
            padding: 20px 20px 20px 6px !important;

    }
    .assessment-form-container .wpcf7 form>div,
    .wpcf7 form>p {
        margin-bottom: 0px !important;
    }

    .bg-singup-form {
        background: linear-gradient(88deg, #FFEBB0 35%, #ffff 50%);
    }

    .formFields .hs_requirements .input {
        margin-right: -18px;
    }

    .signup-contactus-section .actions,
    .getintouch-form-design .actions {
        width: auto;
    }

    .hs-form-field .input {
        margin-right: -18px !important;
    }

    .form-columns-1 .hs-form-field .input {
        margin-right: -18px !important;
    }

    .hs-form-field label {
        display: none;
    }


    input.hs-button.primary.large {
        margin: 0;
    }

    .form-columns-1,
    .form-columns-2 {
        margin-bottom: 20px !important;
    }

    #firstname-014923b4-2601-48f3-8af8-c4f7c912ceb4 {
        margin-bottom: 20px !important;
    }

    .signup-contactus-section .content {
        width: 100%;
    }

    .hs-fieldtype-intl-phone.hs-input .hs-input {
        padding: 3px 12px !important;
    }
}



/* FAQs */
.faq-section {
    background: url(../default_images/Group-faq.svg);
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom: 24px;
    padding: 40px 0 0 !important;
}

.faq-main-heading {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    /* 'Regular' should be 'normal' in CSS */
    font-size: 36px;
    line-height: 48px;
    /* Or use line-height: 1; for better compatibility */
    letter-spacing: 0;
    /* 0% is not valid — use '0' without percentage */
    text-transform: capitalize;
    text-align: unset;
}

@media(max-width: 576px) {

    .faq-section {
        background: url(../default_images/FAQs.svg);
        background-repeat: no-repeat;
        background-position: top left;
        padding: 0 !important;
        margin-top: 40px !important;
    }

    .faq-main-heading {
        font-family: 'Red Hat Display', sans-serif;
        font-weight: 400;
        font-style: normal;
        /* 'Regular' is not valid; use 'normal' */
        font-size: 20px !important;
        line-height: 28px !important;
        /* '100%' is okay, but unitless '1' is more robust */
        letter-spacing: 0;
        /* '0%' is invalid — use plain number with px/em or just 0 */
        text-transform: capitalize;
        padding: 0 !important;
    }
}

/* Why Daffodil Software */

.whyDaffodil {
    background:url(../default_images/why-daffodil.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    width: 100%;
    padding: 40px 0 0 0 !important;
    min-height: auto !important;
}

.whyDaffodil-cards h2 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    /* Use 'normal' instead of 'Regular' */
    font-size: 36px;
    line-height: 48px;
    /* 100% line-height = 1 */
    letter-spacing: 0;
    /* 0% becomes 0 */
    text-align: center;
    text-transform: capitalize;
    /* margin-top: 20px; */
    color: #333333;
}
.why-daffodil-small-text {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    /* Use 'normal' instead of 'Regular' */
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.05em !important;
    /* 5% of the font size ≈ 0.05em */
    margin-bottom: 60px !important;
    text-align: center !important;
    margin-top: 16px !important;
    color: #333333 !important;
}

.row-cards {
    margin-top: 40px !important;
}

.card-imgage-box {
    height: 105px;
    width: 100%;
    border-radius: 20px 20px 0 0;
}

.card-text-heading {
    padding: 20px 24px 0px 24px !important;
    font-family: 'Red Hat Display', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    /* Use 'normal' instead of 'Regular' */
    font-size: 20px !important;
    line-height: 1 !important;
    /* 100% line-height = 1 */
    letter-spacing: 0 !important;
    /* 0% becomes 0 */
    text-transform: capitalize !important;
    color: #333333 !important;
}

.why-daffodil-software-contents {
    padding: 20px 24px !important;
    height: 153px !important;
    border-radius: 20px !important;
    color: #515151 !important;
    background-color: #FFFFFF !important;

    font-family: 'Manrope', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    /* Not 'Regular' — use 'normal' for CSS */
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.05em !important;
    text-align: left !important;
}

.card-shadow {
    box-shadow: 0px 0px 8px 0.25px #5151511F;
    border-radius: 20px;
}

.strip-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-block: 40px;
}

.strip-details {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

/* Vertical separator line between columns */
.strip-details:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(228, 116, 60, 0.4) 50%, #ffffff 100%);
}

.number-head {
    font-family: "Red Hat Display", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    /* 'Regular' corresponds to 'normal' in CSS */
    font-size: 40px !important;
    line-height: 44px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    color: #232323 !important;

}

.whyDaffodil-cards p.strip-row-contents {
    color: #333333;
}

.strip-details .strip-row-contents {
    font-family: 'Red Hat Display';
        font-weight: 400;
        font-style: normal;
        font-size: 16px;

        line-height: 24px;
        letter-spacing: 0;
        text-align: center;
        text-transform: capitalize;
}
@media (max-width: 576px) {
    .strip-container {
        margin-block: 0px;
    }

    .whyDaffodil .carousel-width {
        padding: 0px !important;
        overflow: hidden !important;
    }

    .container.carousel-width {
        padding: 0 !important;
        margin: 0 !important;
    }

    

    .whyDaffodil {
        background:url(../default_images/Why-daffodil-2.svg) !important;
        background-repeat: no-repeat !important;
        padding: 40px 0 20px !important;
        background-size: 100% !important;
    }

    .row-cards {
        flex-wrap: nowrap;
        overflow-x: auto;
        /* Issue on about us Analysts Speak secton, so break in margin-left */
        /* margin: 0 0 0 20px !important; */

        margin-top: 0 !important;
        margin-left: 20px !important;

        padding: 0 !important;
        gap: 20px !important;
        
    }
    .site-content .whyDaffodil .cards {
        width: 203px;
        align-items: start !important;
    }

    .card-imgage-box {
        height: 77px;
        width: 100%;
        border-radius: 12px 12px 0 0;
    }

    .card-content-height {
        height: 153px !important;
        overflow-y: hidden;
    }

    .card-text-heading {
        padding: 12px 12px 8px 12px !important;
        font-family: 'Red Hat Display', sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        /* Use 'normal' instead of 'Regular' */
        font-size: 16px !important;
        line-height: 1 !important;
        /* 100% line-height = 1 */
        letter-spacing: 0 !important;
        /* 0% becomes 0 */
        text-transform: capitalize !important;
        color: #333333 !important;
    }
    .why-daffodil-software-contents {
        font-size: 12px !important;
        padding-left: 12px !important;
    }

    .site-content .whyDaffodil-cards .contents {
        width: auto;
        padding: 12px !important;
        border-radius: 12px !important;
        color: #515151 !important;

        font-family: 'Manrope', sans-serif !important;
        font-weight: 400 !important;
        font-style: normal;
        /* Use 'normal' instead of 'Regular' */
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 0.05em !important;
    }
    
    .why-daffodil-card-width {
        width: 203px !important;
        padding: 0;
        height: 235px;
    }


    .strip-container {
        margin-top: 24px;
    }
    .strip-details {
        /* margin-bottom: 40px; */
        margin-bottom: 20px;
    }
    .mobile-viewe-sections {
        display: none;
    }

    .whyDaffodil-cards h2 {
        font-family: 'Red Hat Display', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        /* equivalent to 100% */
        letter-spacing: 0;
        text-align: center;
        text-transform: capitalize;
    }

    .whyDaffodil-cards .why-daffodil-small-text {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 0.6px !important;
        /* 5% of 12px = 0.6px */
        text-align: center !important;
        margin-bottom: 14px;
        margin-top: 12px;
    }

    .strip-details {
        gap: 12px;
    }

    .number-head {
        font-family: 'Red Hat Display', sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 20px !important;
        line-height: 1 !important;
        /* 100% = 1 */
        letter-spacing: 0 !important;
        /* or 0px */
        text-align: center !important;
        text-transform: capitalize !important;
        color: #333333 !important;
    }

    p.strip-row-contents {
        font-family: 'Red Hat Display', sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 14px !important;
        line-height: 20px !important;
        /* 100% = 1 */
        letter-spacing: 0 !important;
        /* or 0px */
        text-align: center !important;
        text-transform: capitalize !important;
    }

    .strip-details:nth-child(even):not(:last-child)::after  {
        content: none;
    }
}

/* Our Healthcare Software */

.healthcare-softdev-section {
    /* background-image: url(../default_images/Frame-33.svg); */
    /* background-image: url(../default_images/service-1.svg); */
    background-image: url(../default_images/Customised-industries-1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-block: 40px !important;
    background-color: #292929 !important;
    padding: 40px 0 40px;
    /* max-height: 961px; */
}


.add-service-icon img {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 10px 0 10px;

}
.add-service-left-text-container .sticky-left h2 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    /* Use 'normal' instead of 'Regular' */
    font-size: 36px;
    line-height: 48px;
    /* Or use: line-height: 1; */
    letter-spacing: 0;
    /* Or use: letter-spacing: 0em; */
    text-transform: capitalize;
    margin: 0;
    color: #FEFEFE;
    text-align: center;
}

.add-service-left-text-container.about-us-service .sticky-left h2 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    /* Use 'normal' instead of 'Regular' */
    font-size: 36px;
    line-height: 48px;
    /* Or use: line-height: 1; */
    letter-spacing: 0;
    /* Or use: letter-spacing: 0em; */
    text-transform: capitalize;
    margin: 0;
    color: #FEFEFE;
    text-align: left;
}

.healthcare-softdev-section h3 {
    padding: 0;
}
/* .if-three-cards {
    display: flex;
    align-items: center;
    justify-content: center;
} */
.page-template-service-template .healthcare-softdev-section h3.future-ready-heading a {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px !important;
    line-height: 1;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #333333;
            
}

.future-ready-text p {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    /* 5% of the font size */
    color: #515151;
}

.add-service-card {
    background-image: none !important;
}

/* Sticky Left */
.sticky-left {
    /* top: 80px; */
    /* Adjust based on header height */
    height: fit-content;
    z-index: 1;
        max-width: 800px;
            /* text-align: center; */
            margin: auto;
        
}

/* Scrollable Right */
.scrollable-right {
    /* max-height: 901px; */
    /* overflow-y: auto; */
    /* overflow-x: hidden; */
}

/* Ensure the row takes full height */
.row.scrollable-row {
    /* min-height: 100vh; */
    padding: 0;
    margin: 0;
}

.scrollable-row .your-service .add-service-card {
    padding: 0 !important;
    /* width: 340px; */
    /* width: 294px; */
    width: 350px;
    height: 550px;
    /* max-height: 560px; */
    border-radius: 20px;
    border: 2px solid #FAE4DA;
    padding: 20px 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 13.9px 0px rgba(111, 55, 27, 0.12);
    /* #6F371B1F in RGBA */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 1;
}

.add-service-card .future-ready-text {
    padding: 0 16px 16px 16px !important;
    /* display: flex;
    align-items: center;
    justify-content: center; */
        width: 100% !important;
            display: block !important;
}
.add-service-card .future-ready-texts {
    padding: 0px !important;
    font-family: 'Manrope';
    font-weight: 400;
    color: #E0E0E0;
    line-height: 24px;
}
.healthcare-softdev-section .add-service-cards .your-service {
    margin-bottom: 20px !important;
    padding: 0 !important;
}

.add-service-left-text-container {
    /* display: flex; */
    gap: 20px;
    align-items: center;
}

.add-service-left-text-container.about-us-service {
    display: flex;
    gap: 20px;
    align-items: center;
}


.scrollable-right::-webkit-scrollbar {
    display: none;
    /* For Chrome, Safari, and Opera */
}
.custom-btn-with-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    border: none;
    border-radius: 12px;
    background-color: #303030;
    color: white;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    text-transform: capitalize;
    /* transition: color 0.4s ease; */
}

.button-text {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: auto;
}

.button-text span {
    /* transition: color 0.4s ease; */
}

.arrow-img {
    width: 20px;
    height: 15px;
    background-image: url('../default_images/Line-arrow-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    /* transition: filter 0.4s ease !important; */
}

.custom-btn-with-arrow:hover {
    color: #EF6722;
}

.custom-btn-with-arrow:hover .arrow-img {
    /* Use filter to tint the arrow image */
    filter: brightness(0) saturate(100%) invert(46%) sepia(87%) saturate(5055%) hue-rotate(2deg) brightness(99%) contrast(104%);
}
@media (max-width: 768px) {

    .scroll-wrapper {
        height: auto !important;
    }

    .healthcare-softdev-section {
        background-image: url(../default_images/Services.svg);
        max-height: none;
    }
    .add-service-left-text-container {
        flex-direction: column;
    }

    .sticky-left {
        position: static;
        width: 100%;
        margin-bottom: 20px;
    }

    .scrollable-right {
        width: 100%;
        overflow: visible;
    }

    .your-service {
        width: 100%;
    }

    .add-service-card {
        cursor: pointer;
        transition: all 0.3s ease;
        margin-bottom: 15px;
    }

    .future-ready-text {
        display: none;
    }
    

    .add-service-card.active .future-ready-text {
        display: block;
    }

    .add-service-left-text-container .sticky-left h2 {
        font-size: 20px !important;
        line-height: 26px !important;
        letter-spacing: 0;
    }

    .sticky-left {
        margin-bottom: 0px;
    }

    .healthcare-softdev-section {
        /* padding-top: 28px !important; */
        padding: 28px 0 0 !important;
        margin-block: 40px !important;
    }

    .accordion-header {
        gap: 8px;
    }

    .accordion-header img {
        max-width: 20%;
    }

    .whyDaffodil-cards p.strip-row-contents {
        padding-inline: 25px;
    }
}

.scroll-wrapper {
    position: relative;
    /* height: 200vh; */
    height: 220vh;

}

.healthcare-softdev-section {
    position: sticky;
    top: 0;
}


/* Tools and Technologies */

.tools-and-technologies {
    background-image: url(../default_images/BG-3.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-block: 40px;
}

.tool-and-technologies-wrapper {
    padding-block: 60px;
}


.tools-technologies-sections h2 {
    max-width: 856px;
    /* Not typically needed for headings unless you're doing fixed layout */
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    /* 'Regular' in design tools = 'normal' in CSS */
    font-size: 36px;
    line-height: 48px;
    /* 100% = 1 */
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
    opacity: 1;
    margin: 0 auto;
    /* Center the element if block-level */
    color: #333333;
    padding-bottom: 36px;
}

.technology-wrapper {
    display: flex;
    flex-direction: column;
}
.technologie-border {
    border-bottom: 1px solid #DFDFDE;
}

.technologie-border:last-child {
    border-bottom: none;
}

.technology-section {
    display: flex;
    /* background: #fff; */
    padding: 20px 0;
    /* border-bottom: 1px solid #DFDFDE; */
    /* box-shadow: 0 0 12px rgba(0, 0, 0, 0.05); */
}

.technology-section:last-child {
    border-bottom: none;
}
.technology-section .technology-section-title {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 0;
    /* 'Regular' is not a valid value; 'normal' is */
    font-size: 20px;
    line-height: 26px;
    /* or use a unit like 1.2 or 1.5 for better readability */
    letter-spacing: 0;
    vertical-align: middle;
    color: #333333;
}

.techstack-wrapper {
    padding: 20px 40px;
    background-color: #FEFEFE;
    border-radius: 20px;
}

.tech-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.tech-item {
    display: flex;
    align-items: center;
    gap: 8px;
    
    border-radius: 7px;
    border: 1px solid var(--button-primary-color);
    padding: 8px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    transition: 0.3s ease;
}

.tech-item .tech-label {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-style: normal;
    /* 'Medium' is not a valid value, use normal */
    font-size: 16px !important;
    line-height: 24px;
    letter-spacing: 0.05em;
    /* 5% of 1em */
    color: #353535;
    /* optional: set color */
}

.tech-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.tech-label {
    white-space: nowrap;
}

.tools-contents {
    margin-bottom: 40px;
}

.viewToggleBtn-healthcare {
    padding-top: 25px !important;
    font-family: 'Red Hat Display';
    color: #232323;
    line-height: 20px;
    font-size: 12px;
}

.seeMoreBtn {
    font-family: 'Red Hat Display';
    color: #232323;
    line-height: 20px;
    font-size: 12px;
}

.tools-technologies-sections .tools-contents {
    text-align: center;
    max-width: 990px;
    margin: auto;
    padding-bottom: 36px;
}

@media (max-width: 768px) {

    .tools-and-technologies {
        background-color: #FFF9E6;
        background-image: none;
        margin-block: 40px;
    }

    .techstack-wrapper {
        padding: 12px;
    }
    .technologie-border {
        margin-inline: 0px;
    }

    .tool-and-technologies-wrapper {
        padding-block: 20px;
    }
    
    .technologie-border .technology-section {
        display: block !important;
    }

    .tech-item .tech-label {
        font-size: 14px !important;
    }

    .tech-grid {
        gap: 12px;
        padding: 0;
    }

    .technology-section .technology-section-title {
        /* padding-left: 15px; */
        margin-bottom: 16px;
    }

    .tools-technologies-sections h2 {
        font-size: 20px;
        line-height: 26px;
        /* 100% of 20px font size */
        letter-spacing: 0;
        text-align: left;
        padding-bottom: 20px;
    }
    .tools-contents {
        margin-bottom: 20px;
    }

    .tools-technologies-sections .tools-contents {
        text-align: left;
        padding-bottom: 20px;
    }

    .left_menu_items_main_contents .contents {
        width: unset;
    }
}

.features-list-section-of-healthcare {
    background-image: url(../default_images/features-1.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

@media (max-width: 768px) {

    .features-list-section-of-healthcare {
        background: none;
    }
}

.standard-compliance-section {
    background-image: url(../default_images/graphic-img-1.svg) !important;
    background-repeat: no-repeat;
    padding: 40px 0;
}

@media (max-width: 786px) {
    .standard-compliance-section {
        background-image: url(../default_images/Qual-Stand-1.svg) !important;
        padding: 0;
        margin-block: 40px;
    }
    .standard-compliance-section h3 {
        margin: 0;
    }
}

/* Feature List Healthcare  */



.features-list-healthcare {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /* 5 cards per row */
    border-collapse: collapse;
    position: relative;
    margin-block: 60px;
}

.feature-healthcare-top-row {
    padding-top: 40px;
    justify-content: space-between;
}

.feature-list-healthcare h2 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 48px;
    /* equivalent to 36px if font-size is 36px */
    letter-spacing: 0;
    text-transform: capitalize;
    text-align: left;
    color: #333333;
}

.features-sub-heading-for-healtcare h3 {
    font-family: 'Manrope';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;

    line-height: 24px;
    letter-spacing: 0.05em;
    margin-left: 40px;
    color: #333333;
}



/* Gradient vertical lines */
.features-list-healthcare::before,
.features-list-healthcare::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    pointer-events: none;

}

.feature-list-healthcare-grid span {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    /* 'Regular' → 'normal' in CSS */
    font-size: 20px;
    line-height: 26px;
    /* Equivalent to 20px if font-size is 20px */
    letter-spacing: 0;
    /* '0%' → 0 or 0px */
    text-align: center;
    text-transform: capitalize;
    color: #333333;
}


/* Horizontal lines via a separate layer */

.feature-list-healthcare-grid {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    gap: 33px;
    padding: 36px;
    text-align: center;
    background: white;
    border-right: 1px solid #E4743C66;
    border-bottom: 1px solid #E4743C66;
}


.feature-list-healthcare-grid:nth-child(5n) {
    border-right: none;
}

.feature-list-healthcare-grid:nth-last-child(-n+5) {
    border-bottom: none;
}

.feature-list-healthcare-grid img.icon {
    width: 32px;
    height: 32px;
}

.only-mobile-healthcare {
    display: none;
}

@media (max-width: 786px) {
    .features-list-section-of-healthcare {
        margin-block: 40px;

    }
    .feature-healthcare-top-row {
        padding-top: 0px;
    }
    .features-list-healthcare {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .feature-list-healthcare-grid {
        gap: 12px;
    }

    .features-list-healthcare .feature-list-healthcare-grid:nth-child(n+13) {
        display: none;
    }

    .features-list-healthcare.show-all .feature-list-healthcare-grid {
        display: flex;
        /* Restore original layout */
    }

    /* Show button only on mobile */
    .features-list-btn.mobile-only {
        display: block;
        text-align: center;
        margin-top: 20px;
    }

    .feature-list-healthcare h2 {
        font-family: 'Red Hat Display', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: normal;
        letter-spacing: normal;
        /* or 0 if needed */
        text-transform: capitalize;
        /* padding-left: 15px; */
    }

    .features-sub-heading-for-healtcare h3 {
        font-family: 'Manrope', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.05em;
        /* 5% of font-size */
        margin-left: 0px;
        padding: 0;
    }

    .feature-list-healthcare-grid span {
        font-size: 14px;
        line-height: 18px;
    }

    .feature-list-healthcare-grid {
        padding-block: 20px;
        padding-inline: 10px;
    }

    .feature-list-healthcare-grid:nth-child(3n) {
        border-right: none !important;
    }

    .feature-list-healthcare-grid:nth-child(5n) {
        border-right: 1px solid #E4743C66;
    }

    .feature-list-healthcare-grid:nth-last-child(-n+5) {
        border-bottom: 1px solid #E4743C66;
    }

    .feature-list-healthcare-grid:nth-last-child(-n+1) {
        border-bottom: none;
    }

    /* Button style */
    .viewToggleBtn-healthcare {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 600;
        color: #1a1a1a;
        background: none;
        border: none;
        cursor: pointer;
        padding: 8px;
    }

    .viewToggleBtn-healthcare svg {
        width: 14px;
        height: 14px;
        transition: transform 0.3s ease;
    }

    /* Rotate arrow when active */
    .viewToggleBtn-healthcare.active svg {
        transform: rotate(180deg);
    }

    .features-list-btn-healthcare.only-mobile-healthcare {
        display: flex;
        justify-content: center;
        /* border: 1px solid; */
        background: #ffff;
        position: relative;
        margin-top: -20px;
    }

}

.quality-stan-image-container .quality-image-strip {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100%;
    justify-content: space-between !important;
}

@media (max-width: 786px) {
    .quality-stan-image-container .quality-image-strip {
    flex-wrap: wrap !important;
    }
}
@media (max-width: 767px) {
    .quality-image-strip {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 2px !important;
        /* Optional spacing between items */
        padding: 0 !important;
        margin: 0 !important;
    }

    .image-container-for-quality-standered {
        padding: 0px;
    }

    .standard-compliance-section .logo ul li:nth-child(2n+2) {
        width: 24% !important;
    }

    .quality-image-strip .quality-stan-image {
        width: 22% !important;
        /* Slightly less than 25% to leave space for gap */
        margin: 0 !important;
        height: 60px !important;
        padding: 0 !important;
        list-style: none !important;
        display: flex !important;
        justify-content: center !important;
    }

    .quality-image-strip .quality-stan-image img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* Feature List */
.features-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 60px;
}

.features-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /* space between cards */
}

.features-list .card {
    flex: 1 1 calc(25% - 20px);
    box-sizing: border-box;
}

.features-list-section h2 {
    text-align: left;
    font-family: 'Red Hat Display';
    font-weight: 400;
    font-style: normal;
    font-size: 36px;

    line-height: 48px;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #333333;
}

.card {
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
    border: none;
    box-shadow: 0 0 0 0.4px #e0e0e0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    height: 116px;
}

.card:hover {
    box-shadow: 2px 2px 11px 0px #DF8A5F29;
}

.card span {
    font-family: 'Red Hat Display';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #333333;
}

.card .icon {
    position: absolute;
    bottom: 12px;
    right: 12px;
    width: 46px;
    height: 46px;
    opacity: 0.7;
}

/* Width variations */
.w1 {
    flex: 1 1 calc(20% - 16px);
}

.w2 {
    flex: 1 1 calc(25% - 16px);
}

.w3 {
    flex: 1 1 calc(18% - 16px);
}

.w4 {
    flex: 1 1 calc(22% - 16px);
}

.w5 {
    flex: 1 1 calc(15% - 16px);
}

/* @media (max-width: 1400px) {
    .container {
        width: 100%;
        padding: 0 16px;
    }
} */
.features-list-btn.mobile-only {
    display: none;
}


/* Client Testimonials */

.testimonial-heading {
    text-align: center;
}
.custom-learn-more-btn {
    color: #232323;
    /* Original text color */
    transition: color 0.6s ease;
}

.custom-learn-more-btn:hover {
    color: #EF6722;
    /* New hover color */
}

.custom-learn-more-btn .arrow-icon svg path {
    stroke: #232323;
    /* Original icon color */
    transition: stroke 0.6s ease;
}

.custom-learn-more-btn:hover .arrow-icon svg path {
    stroke: #EF6722;
    /* Icon color on hover */
}
@media (max-width: 768px) {
    .features-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-top: 24px;
    }

    .features-list-section h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .features-list-btn.mobile-only {
        display: block;
    }

    /* Button styling */
    .features-list-btn {
        text-align: center;
        margin-top: 16px;
    }

    /* Show button only on mobile */
    .mobile-only {
        display: block;
        text-align: center;
        margin-top: 16px;
    }

    /* Hide all after 10 on mobile */
    .features-list .card.list-design-hidden {
        display: none;
    }

    /* Show hidden cards when .show-all is on parent */
    .features-list.show-all .card.list-design-hidden {
        display: block !important;
        height: auto;
    }

    .features-list .card {
        flex: 1 1 calc(50% - 20px);
        /* 2 cards per row */
    }

    .features-list .list-design-hidden {
        display: none;
        /* hide after 10 boxes on mobile */
    }

    .features-list.show-all .list-design-hidden {
        display: block;
        /* show hidden when toggled */
    }

    .content-card {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    @media (max-width: 992px) {
        .features-list .card {
            flex: 1 1 calc(50% - 20px);
        }
    }

    /* Button styles */
    .seeMoreBtn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 600;
        color: #1a1a1a;
        background: none;
        border: none;
        cursor: pointer;
        padding: 8px;
    }

    .seeMoreBtn svg {
        width: 14px;
        height: 14px;
        transition: transform 0.3s ease;
    }

    /* Rotate arrow when active */
    .seeMoreBtn.active svg {
        transform: rotate(180deg);
    }

    .features-list .card {
        display: flex;
        justify-content: space-between !important;
        align-items: center;
        flex-direction: column-reverse;
    }

    .card .icon {
        position: static;
        width: auto;
        height: auto;
        opacity: 1;
        bottom: auto;
        right: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .card span {
        font-size: 14px;
    }


    /* Footer */
}

.slick-prev:before,
.slick-next:before {
    content: none;
}




/* Leadership Page */

.boardMember {
    background-color: #FFFFFF;
    background-image: url(../default_images/Why-Daffodil-2-1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.boardMember .container {
    padding: 0;
}

.boardMember .tab-content {
    padding: 40px 0 0 0;
}
.boardMember .tab-content ul {
    margin-inline: 30px;
}

.section-space-partner {
    padding-top: 40px;
}
.boardMember .tab-content ul li {
    width: 100% !important;
    /* padding-bottom: 20px; */
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    /* Leadership Page */
    .boardMember {
        background-image: none;
        
    }
    .boardMember .container {
        padding: 0px 20px;
    }
    .boardMember .tab-content {
        padding: 40px 0 0 0;
    }

    .tab-content .tab-pane {
        padding: 0;
    }
    .boardMember .tab-content ul {
        margin-inline: 0;
    }

    .boardMember .tab-content ul li {
        width: 100% !important;
        padding-bottom: 20px;
    }

    /* About Us Page */

    .custom-slide {
        /* margin-right: -50px !important; */
    }

    /* partners */
    .new-partnership-section {
        background-image: none !important;
    }

    .page-template-partners .partnersIntro h2 {
        font-family: 'Red Hat Display';
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0;
        text-align: center;
        color: #333333;
    }
}

/* CSR Styling */

.csrInro {
    margin: 40px 0;
}

.csr-heading h2 {
    font-family: 'Red Hat Display';
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
    color: #333333;
}

.csr-heading p {
    font-family: 'Manrope';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #333333;
    margin: auto;
    max-width: 980px;
}

.csrFocus {
    padding-top: 40px;
    background-image: url(../default_images/why-daffodil.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.csrFocus:before {
    content: none;
}

.csrFocus .focusPoints {
    
    background-color: transparent;
    padding-top: 40px;
}

.csrFocus .focusPoints .box .layer {
    position: static;
    width: auto;
    height: auto;
    background-color: transparent;
    padding: 24px;
}

.crf-box-container img {
    border-radius: 20px 20px 0 0;
    width: 100%;
}


.csrFocus .focusPoints .box .layer h4 {
    font-family: 'Red Hat Display';
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0;
        text-transform: capitalize;
        color: #333333;
        margin-bottom: 16px;
}
.csrFocus .focusPoints .box .layer p {
    font-family: 'Manrope';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #515151;
}

.crf-box-container {
    box-shadow: 0px 0px 13.9px 0px #401D0C14;
    border-radius: 20px;
}

.csrFocus .downloadLink {
    background-color: transparent;
    padding: 40px 0;
}

@media (max-width: 768px) {
    .csr-heading h2 {
        font-size: 20px;
        line-height: 26px;
    }
    
    .csrFocus {
        background-image: url(../default_images/why-daffodil-mobile.svg);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .csr-heading p {
        font-size: 12px;
        line-height: 18px;
        /* letter-spacing: 0.05em; */
        margin: 0;
    }

    .csrFocus .focusPoints .box .layer h4 {
        font-size: 16px;
        margin-bottom: 8px;
        line-height: 24px;
        /* letter-spacing: 0.05em; */
    }

    .csrFocus .focusPoints .box .layer p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.05em;
    }
}
.career-section {
    background-image: url('../default_images/career-image.svg');
    /* Replace path as needed */
    /* background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    min-height: 450px;
    padding: 80px 0; */
    /* min-height: 304px; */
    /* color: #2b2b2b; */
}
.get-in-touch-section {
    background-image: url(../default_images/consultatio-hero.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 378px;
}

@media (max-width: 768px) {
    .get-in-touch-section {
        background-image: url(../default_images/consultation-mobile.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        height: 275px;
    }

    .career-section {
        background-image: url(../default_images/career-mobile.svg);
        background-repeat: no-repeat;
        padding: 20px;
    }
}



.accordion-title.consultation-title {
    font-weight: 500 !important;
}

.accordion-conainer-consultation .consultation-pararaph {
    font-size: 18px;
}
/* ========= Consultation Section ========= */


.get-in-touch-title {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 60px;
    text-transform: capitalize;
    margin: 0;
    text-align: center;
    color: #2E2E2E;
}

.banner-container {
    padding-top: 170px;
}

.banner-container p {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.05em;
    max-width: 488px;
    margin: 20px auto 0 auto;
    color: #333333;
    text-align: center;
}

/* ========= Career Section ========= */


.career-section {
    background-size: cover;
    /* background-position: center right; */
    background-repeat: no-repeat;
    /* min-height: 420px; */
    padding: 60px 0;
    color: #2b2b2b;
    margin-block: 40px;
}

.career-title {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    text-transform: capitalize;
    max-width: 450px;
    margin-bottom: 52px;
    color: #262626;
}

.accordion-conainer-consultation {
    display: flex;
    align-items: flex-start;
    /* justify-content: center; */
}

.accordion-conainer-consultation p {
    padding-left: 20px;
    /* max-width: 360px; */
}

/* ========= Responsive ========= */
@media (max-width: 768px) {
    .get-in-touch-title {
        font-size: 32px;
        line-height: 44px;
    }

    .banner-container {
        padding-top: 90px;
        text-align: center;
    }

    .banner-container p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.05em;
        margin-top: 12px;
    }

    .career-container {
        padding: 0;
        text-align: left;
    }


    .career-section {
        text-align: center;
        background-position: center center;
        padding: 20px;
    }

    .career-title {
        max-width: 55%;
        margin-bottom: 40px;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0;
        margin-bottom: 40px;
    }

    .btn-orange {
        padding: 10px 20px;
        font-size: 0.95rem;
    }

    /* Consultation Form */

}

.consultation-form-section {
    margin-bottom: 40px;
}

.consultation-form {
    /* background: linear-gradient(135deg, #fffde6, #fff9cc); */
    background: linear-gradient(316.26deg, rgba(255, 235, 176, 0) -1.22%, rgba(255, 235, 176, 0.8) 103.12%);
    padding: 20px;
    border-radius: 16px;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); */
    box-shadow: 0px 0px 18px 0px #0000001F;
    max-width: 800px;
    margin: auto;
    font-family: 'Manrope';
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: middle;
    border: 3px solid #FFFFFF
}

/* .consultation-form form {
        display: flex;
        flex-direction: column;
        gap: 24px;
    } */

.consultation-form .hs-form-field .input {
    /* Your styles here */
    justify-content: flex-start;
    margin-right: 0 !important;
}


/* Two-column layout for first + last name */
.consultation-form .form-columns-2 {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.consultation-form .form-columns-2>div {
    flex: 1 1 48%;
}



/* Input + textarea styling */
.consultation-form input.hs-input,
.consultation-form textarea.hs-input,
.consultation-form select.hs-input {
    /* width: 90%; */
    width: 100% !important;
    padding: 14px 16px;
    font-size: 16px;
    border-radius: 12px;
    transition: border 0.2s ease;
    background-color: #fff !important;
    box-sizing: border-box;
    height: 54px;
    font-family: 'Manrope';
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: middle;
    border: 1px solid #D9D9D9
}

.consultation-form .hs-fieldtype-intl-phone.hs-input select {
    width: 30% !important;
}

.consultation-form .form-columns-1 .hs-input {
    /* width: 100% !important; */
}

.consultation-form .form-columns-1 .hs-fieldtype-phonenumber .input .hs-input.hs-fieldtype-intl-phone {
    width: 100%;
}


.consultation-form .hs-fieldtype-intl-phone.hs-input .hs-input {
    margin: 0 auto;
    /* example style */
    padding: 14px 16px !important;
    /* needed for margin auto to work */
    color: #171919;
}


.consultation-form input.hs-input:focus,
.consultation-form textarea.hs-input:focus,
.consultation-form select.hs-input:focus {
    outline: none;
    border-color: #ffd700;
}

/* Checkbox */
.consultation-form .inputs-list label {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    gap: 8px;
    cursor: pointer;
}

.consultation-form .inputs-list input[type="checkbox"] {
    /* width: 18px; */
    width: auto !important;
    height: 18px;
    accent-color: #000;
}

/* Submit button */
.consultation-form .hs_submit input[type="submit"] {
    background-color: #000 !important;
    color: #fff !important;
    padding: 14px 24px !important;
    border: none !important;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.consultation-form .hs_submit input[type="submit"]:hover {
    background-color: #333;
}

.consultation-form .actions {
    text-align: center;
    /* example: center the buttons */
    margin-top: 0px;
    /* spacing from previous fields */
}

.consultation-form .hs-fieldtype-textarea.hs-input {
    height: 100px;
}

/* Responsive Fix */
@media (max-width: 768px) {
    .consultation-form {
        padding: 24px 20px;
    }

    .consultation-form .form-columns-2 {
        flex-direction: column;
    }

    .consultation-form .form-columns-2>div {
        flex: 1 1 100%;
    }

    .consultation-form .hs-fieldtype-intl-phone.hs-input .hs-input {
        width: 62%;
    }

    .consultation-form .hs-fieldtype-intl-phone.hs-input select {
        width: 38%;
    }
}

.consultation-form form.hs-form fieldset {
    max-width: 100% !important;
    padding: 0;
}


.rightside-footer-section .email-info span {
    font-family: 'Manrope';
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.05em;
}

.rightside-footer-section .email-info a {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
}

@media (max-width: 768px) {
    .rightside-footer-section .email-info span {
            font-size: 12px;
            line-height: 18px;
            letter-spacing: 0.05em;
        }
    
        .rightside-footer-section .email-info a {
            font-size: 12px;
            line-height: 18px;
            letter-spacing: 0.05em;
        }
}