:root {
    --purple-primary: #6941C6;
    --purple-light: #F9F5FF;
    --pink-light: #FDF4FF;
    --cyan-light: #F5F0F1;
    --blue-light: #EFEDFA;
    --text-primary: #101828;
    --text-secondary: #475467;
    --link-color: #F6F7F8
}

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

body {
    /* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; */
    line-height: 1.5 !important;
    color: var(--text-primary) !important;
    font-family: 'Noto Sans', sans-serif !important;
}


.header-wrapper .header-container .logo .header__logo img {

    @media (max-width: 767px) {
        max-width: 55px !important;
    }
}


ul li::before {
    content: '' !important;
}

img {
    vertical-align: unset !important;
    max-width: unset !important;
}

.deadline-notice {
    background-color: var(--pink-light);
    color: #B42318;
    text-align: center;
    padding: 0.5rem;
    font-size: 0.875rem;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.52px;
    background-color: #F8F0EE;
}

.about-the-scheme-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.scheme-overview .section-title {
    margin-bottom: 1rem !important;
    font-size: 36px;
}

.fill-eoi-form {
    background: rgb(41, 71, 167);
    background: linear-gradient(75deg, rgba(41, 71, 167, 1) 38%, rgba(149, 37, 173, 1) 78%);
    border-radius: 4px;
    border: none;
    width: 153px;
    height: 48px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
padding:5px;
}


.fill-eoi-form:hover {
    cursor: pointer;
}

.section-title {
    font-weight: 600;
    font-size: 36px !important;
    line-height: 49.03px;
    margin-bottom: 0.5rem;
    color: #333 !important;
}

section {
    margin-bottom: 4rem;
}

.header-wrapper {
    margin-bottom: 0 !important;
}

.section-title {
    font-size: 1.875rem;
    margin-bottom: 2rem !important;
}

h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

/* About Section */
.about-header {
    margin-bottom: 2rem;
}

.objectives-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.objective-card {
    padding: 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    font-size: 16px;
}

/* Common Background Colors */
.pink-bg {
    background: var(--pink-light);
    background-image: url(./assets/left_ripple.png);
    background-repeat: no-repeat;

}

.purple-bg {
    background-color: var(--purple-light);
    background-image: url(./assets/top_ripple.png);
    background-repeat: no-repeat;
    background-position-x: center;
}

.blue-bg {
    background-color: var(--blue-light);
    background-image: url(./assets/right_ripple.png);
    background-repeat: no-repeat;
    background-position-x: right;
}

.cyan-bg {
    background-color: var(--cyan-light);
    background-image: url(./assets/2nd_top_ripple.png);
    background-repeat: no-repeat;
    background-position-x: center;
}

/* Documents Section */
.documents-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.documents .icon {
    margin-bottom: unset !important;
}

.hero-banner {
    margin-bottom: unset !important;
    display: flex;
}

.hero-banner img {
    width: 100%;
}

.hero-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.document-link {
    display: flex;
    align-items: center;
    padding: 1rem;
    background-color: var(--link-color);
    border-radius: 0.5rem;
    text-decoration: none;
    color: var(--text-primary);
    transition: background-color 0.2s;
    position: relative;
    border-radius: 12px;
    font-size: 16px;
}

.document-link::before {
    content: "";
    position: absolute;
    inset: -1px;
    /* Controls border thickness */
    background: linear-gradient(90deg, #6E8ADD, #CB6FDC);
    border-radius: 12px;
    /* Should be larger than .box */
    z-index: -1;
}

.document-link:hover {
    background-color: var(--link-color);
}

.document-link .icon {
    margin-right: 0.75rem;
}

/* Scheme Overview */
.overview-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 768px) {
    .overview-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.component-card {
    padding: 1.5rem;
    border: 1px solid #E0E0E0;
    border-radius: 0.5rem;
}

.budget {
    color: var(--purple-primary);
    font-weight: 600;
    margin: 1rem 0;
}

.component-content .objective {
    padding: 1rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

.india-map {
    width: 100%;
    height: auto;
    max-width: 500px;
}

/* Priority Areas */
.priority-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.priority-card {
    padding: 1.5rem;
    border-radius: 0.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1.5rem;
    padding: 1.5rem 3rem;
}

.priority-card-1 {
    border-bottom: 1px solid;
    /* Adjust thickness as needed */
    border-image: linear-gradient(to right, #2947A799, #9525AD99, #FFFFFF) 1;
    border-right: 1px solid;

    border-bottom: 1px solid;
    border-right: 1px solid;
    border-image: linear-gradient(-5deg, #2947A799, #9525AD99, #FFFFFF) 1;
    border-image-slice: 1;

}

.component-b-container h2 {
    font-size: 20px !important;
}

.priority-card-2 {
    border-image: linear-gradient(-5deg, #2947A799, #9525AD99, #FFFFFF) 1;
    border-image-slice: 1;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.priority-card-3 {
    border-image: linear-gradient(151deg, #2947A799, #9525AD99, #FFFFFF) 1;
    border-bottom: 1px solid;
}

.priority-card-4 {
    border-image: linear-gradient(175deg, #2947A799, #9525AD99, #FFFFFF) 1;
    border-right: 1px solid;
}

.priority-card-5 {
    border-image: linear-gradient(175deg, #2947A799, #9525AD99, #FFFFFF) 1;
    border-right: 1px solid;
}

.priority-card .icon {
    font-size: 2rem;
    margin-bottom: 1rem;
    display: inline-block;
}

.priority-card h3 {
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    font-size: 19px;
    font-weight: 500;
    line-height: 25.88px;
}

.funding-process {
    background: linear-gradient(to right, #D7DDF3, #D4E5F6);
    background: rgb(255, 255, 255);
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 54%, rgba(212, 229, 246, 1) 98%, rgba(246, 233, 245, 1) 99%);
    background: rgb(214, 218, 236);
    background: linear-gradient(153deg, rgba(214, 218, 236, 1) 13%, rgba(255, 255, 255, 1) 24%, rgba(246, 233, 245, 1) 100%);
    padding: 4rem 10%;
}

/* Funding Process */
.process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    text-align: center;
}

.step-icon {
    width: 4rem;
    height: 4rem;
    background-color: var(--purple-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: white;
    font-size: 1.5rem;
}

.step-icon img {
    width: 100%;
    height: auto;
}

.step-number {
    color: #150202;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.step-title {
    font-weight: 500;
    font-size: 24px !important;
    line-height: 32.69px;
}

/* News Section */
.news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.news-card {
    padding: 1.5rem;
    border: 1px solid #E0E0E0;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    justify-content: space-between;
}

.news-card:hover {
    cursor: pointer;
}

.news-card h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 23px;
    line-height: 1.5 !important;

}

.date {
    color: var(--text-secondary);
    font-size: 14px !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    section {
        margin-bottom: 3rem;
    }

    .objectives-grid,
    .documents-grid,
    .priority-grid,
    .process-grid,
    .news-grid {
        grid-template-columns: 1fr;
    }

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

    .india-map {
        max-width: 100%;
    }
}

.section-title {
    font-size: 1.8rem;
    color: #333;
    /* margin-bottom: 0.5rem; */
}

.budget {
    display: inline-block;
    background-color: #f0f7e6;
    color: #2e7d32;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-weight: bold;
}

h2 {
    color: #333;
    margin-bottom: 2rem !important;
    font-size: 1.5rem;
}

.cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.card {
    padding: 2rem;
    border-radius: 12px;
    height: 100%;
    position: relative;
    border: 1px solid #EBF2F9;
}

.component-b-container h2 {
    margin-top: 1rem;
    font-size: 20px;
    font-weight: 500;
}

.card li::before {
    content: '';
    background-image: url("./assets/list-item.png");
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute !important;
    left: 0 !important;
    color: #666 !important;
    /* left: unset !important; */
}

.card-blue {
    background: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgba(255, 255, 255, 1) 53%, rgba(214, 229, 245, 1) 83%);
    border: 1px solid #EBF2F9;
}

.card-green {
    background: rgb(217, 242, 242);
    background: linear-gradient(180deg, rgba(217, 242, 242, 1) 21%, rgba(255, 255, 255, 1) 58%);
    border: 1px solid #D9F2F2;
}

.card-purple {
    background: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgba(255, 255, 255, 1) 49%, rgba(247, 235, 250, 1) 74%);
    border: 1px solid #F7EBFA;
}

.icon {
    font-size: 2rem;
    margin-bottom: 1rem;
}

h3 {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: #333;
}

ul {
    list-style: none;
    /* margin-bottom: 1.5rem; */
}

li {
    /* position: relative;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    color: #444; */
}

li::before {
    content: "◇";
    position: absolute;
    left: 0;
    color: #666;
}

.footnote {
    font-size: 14px;
    color: #666;
    font-style: italic;
}

@media (max-width: 768px) {
    .cards-container {
        grid-template-columns: 1fr;
    }

    .section-title {
        font-size: 1.5rem;
    }
}

.m-auto {
    margin: 4rem 10%;
}

.contact-footer {
    font-weight: 500;
    font-size: 24px;
    /* height: 56px; */
    text-align: center;
    background-color: #F6F7F8;
    padding: 24px;
    margin-bottom: 0;
}

.contact-footer a {
    color: #2B5098;
    text-decoration: underline;
}

/* Add these media queries at the end of styles.css */

@media screen and (max-width: 1024px) {
    .m-auto {
        margin: 4rem 5%;
    }

    .objectives-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .documents-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .priority-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
    }

    .cards-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .m-auto {
        margin: 2.5rem 1rem;
    }

    /* .hero-banner img:last-child {
        width: 80%;
        left: 19%;
        width: 29%;
    } */

    .common-right ul li {
        border-left: none !important;
    }

    .about-the-scheme-container {
        flex-direction: column;
        gap: 1rem;
    }

    .section-title h1 {
        font-size: 28px !important;
    }

    .objectives-grid {
        grid-template-columns: 1fr;
    }

    .priority-grid {
        grid-template-columns: 1fr;
    }

    .cards-container {
        grid-template-columns: 1fr;
    }

    .news-grid {
        grid-template-columns: 1fr;
    }

    .process-grid {
        grid-template-columns: 1fr;
    }

    h2 {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }

    .deadline-notice {
        font-size: 10px;
        padding: 0 0.1rem;
        /* white-space: nowrap; */
    }

    .contact-footer {
        flex-direction: column;
        gap: 0.5rem;
        font-size: 18px;
        padding: 1rem;
        margin-bottom: unset !important;
    }

    /* Consistent spacing between h1 and content for all sections */
    .about .section-title,
    .scheme-overview .section-title,
    .documents .section-title,
    .priority-areas .section-title,
    .funding-process .section-title,
    .news .section-title {
        margin-bottom: 1.5rem !important;
    }

    /* Add spacing after section descriptions */
    .about-header p,
    .scheme-overview p {
        margin-bottom: 2rem;
    }

    /* Adjust grid spacing */
    .objectives-grid,
    .documents-grid,
    .priority-grid,
    .process-grid,
    .news-grid {
        margin-top: 1.5rem;
    }

    /* Specific adjustments for sections that need more space */
    .documents .section-title {
        margin-bottom: 1.5rem !important;
        /* Make consistent with other sections */
    }

    .funding-process {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .funding-process .section-title {
        margin-bottom: 2rem !important;
    }
}

@media screen and (max-width: 480px) {
    .document-link {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.5rem;
    }

    .priority-card {
        padding: 1.5rem;
    }

    .priority-card h3 {
        font-size: 16px;
        line-height: 1.4;
    }

    .step-title {
        font-size: 18px !important;
    }

    /* Keep the same consistent spacing for smaller screens */
    .about .section-title,
    .scheme-overview .section-title,
    .documents .section-title,
    .priority-areas .section-title,
    .funding-process .section-title,
    .news .section-title {
        margin-bottom: 1.5rem !important;
    }

    /* Keep consistent spacing for descriptions */
    .about-header p,
    .scheme-overview p {
        margin-bottom: 2rem;
    }

    /* Keep consistent grid spacing */
    .objectives-grid,
    .documents-grid,
    .priority-grid,
    .process-grid,
    .news-grid {
        margin-top: 1.5rem;
    }

    .funding-process {
        padding: 4rem 1rem;
    }

    .m-auto {
        margin: 2.5rem 1rem;
    }

    .funding-process {
        padding: 4rem 1rem;
    }

    /* Keep consistent spacing on smaller screens */
    .scheme-overview p {
        line-height: 1.6;
        word-spacing: 1px;
    }

    .scheme-overview b {
        margin: 0 2px;
    }

    .funding-process .section-title{
        text-align: center !important;
    }
}


.tablet {
    display: block; /* Visible by default */
}

@media (max-width: 768px), (min-width: 1025px) { /* Hide on mobile & desktop */
    .tablet {
        display: none !important;
    }
}


.desktop {
    display: block;
    /* Default: Visible */
}

@media (max-width: 768px) {
    .desktop {
        display: none !important;
        /* Hide on mobile & tablet */
    }

}



.mobile {
    display: block; /* Visible by default */
}

@media (min-width: 769px) { /* Hide on tablets & desktops */
    .mobile {
        display: none !important;
    }
}


@media (max-width: 768px) {
    .priority-card {
        border-image: linear-gradient(45deg, #2947A799, #9525AD99, #FFFFFF) 1;
        border-bottom: 1px solid;
        border-left: unset !important;
        border-right: unset !important;
        border-top: unset !important;
    }

    .priority-card:last-child {
        border-bottom: unset !important;
    }
}


@media (min-width: 768px) and (max-width: 1440px) {
    section {
        p {
            font-size: 20px !important;
        }
    }
}


.card h3 {
    font-size: 18px;
    font-weight: bold !important;
    margin-bottom: 1.5rem;
}

.card ul li {
    font-size: 14px;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    position: relative !important;
}




section p {
        font-size: 20px !important;    
}

@media (max-width: 767px) {
    section p{
        font-size: 16px !important;
    }

    .objective-card {
        font-size: 14px !important;
    }


    .document-link {
        font-size: 14px !important;
    }

    .card h3 {
        font-size: 16px;
    }
    
    .card ul li {
        font-size: 12px;
    }

    .step-title {
        font-size: 18px !important;
    }

    .news-card h3 {
        font-size: 21px !important;
    }

    .news-card .date {
        font-size: 12px !important;
    }

    .section-title {
        font-size: 28px !important;
    }

    .documents .section-title {
        font-size: 28px !important;
    }

    .card .footnote {
        font-size: 12px !important;
    }

    .component-b-container h2 {
        font-size: 18px !important;
    }
}



/* Header Footer Styles */

@media screen and (max-width: 1024px) {
    header .main-nav ul {
        justify-content: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .footer-logos {
        gap: 1rem;
        padding: 2rem;
    }

    .footer-logos img {
        width: 150px;
        height: auto;
    }
}

@media screen and (max-width: 480px) {
    #header-nav {
        /* display: none; Hide top navigation on mobile */
    }

    .footer-logos {
        padding: 1rem;
    }

    .footer-logos img {
        width: 120px;
    }
}

@media (max-width: 768px) {
    footer .container1 .footer-links ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    footer .container1 .footer-links ul li {
        padding: 0;
        margin: 0;
        text-align: left
    }

    footer .container1 .footer-links ul li a {
        padding: 0;
    }

    footer .container1 .footer-logos {
        padding: 0;
    }

    footer .container1 .footer-info {
        gap: 0 !important;
        flex-direction: column;
    }

    footer .container1 .footer-info .right {
        border-left: none !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: 100%;
        text-align: center !important;
    }

    header .main-header .container .header-content .logo-section {
        gap: 0 !important;
    }

    .priority-card {
        flex-direction: row !important;
    }

    .priority-card h3 {
        /* margin-bottom: unset !important; */
    }
}

footer .footer-logos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    background: url(https://pharma-dept.gov.in/sites/all/modules/customs/cmf_content/assets/images/carousel-bg.png) repeat;
    border-top: 1px solid #d2d2d2;
    padding: 46px;
}

.footer-top-wrapper ul li:before {
    content: '|' !important;
    color: #888888 !important;
    left: unset !important;
}

.footer-top-wrapper ul li:first-child:before {
    content: '' !important;
}