/* Body */

body,
html {
    margin: 0px !important;
}

/* Body Ends */


/* Container */

.container {
    max-width: 1260px;
}

/* Container Ends */

/* Hero Section */

.cmp-hero-section {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-height: 1022.532px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-bottom: 138.44px;
    margin-bottom: 161.47px;


}


.cmp-hero-content h1 {
    margin-top: 0px;
    margin-bottom: 19.08px;
    font-family: 'Gilroy-Bold';
    font-size: 80px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;

}

.cmp-hero-content p {
    font-family: 'Gilroy-Semibold';
    font-size: 22px;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0px;

}


/* Hero Section Ends */

/* Emerging Artist Section */


.eap-content h2 {
    margin-top: 0px;
    margin-bottom: 51.05px;
    font-family: 'Gilroy-Bold';
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;

}

.eap-content p {
    margin-top: 0px;
    font-family: "Gilroy-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: #000;
    text-align: center;
}


.eap-content p b {
    color: #000;
    font-family: 'Gilroy-Semibold';
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.4px;
    font-weight: unset !important;
}

.eap-content p a {
    text-decoration: none;
    font-family: "Gilroy-bold";
    line-height: 150%;
    color: #007481;
    transition: 0.5s;
}

.eap-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin: 0 auto 160px;
    padding-bottom: 160px;
    border-bottom: 1px solid #D9D9D9;

}

.eap-content {
    max-width: 832px;
    margin: 0 auto;
}

.eap-container .cf-btn {
    margin-top: 40px;
}


.eap-divider {
    display: none
}


/* Emerging Artist Section Ends */


/* Who Can Apply Section */

.wca-heading-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.wca-heading-container h2 {
    margin: 0px;
    font-family: 'Gilroy-Bold';
    font-size: 60px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #000000;

}


.wca-para p {
    margin: 0px;
    font-family: 'Gilroy-Regular';
    font-size: 18px;
    line-height: 160%;
    color: #000000;
}

.wca-para {
    margin-bottom: 30px;
}

.wca-boxes {
    display: flex;
    gap: 25px;
}


.wca-box {
    width: 100%;
    height: 242px;
    background: #E9F2F4;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 37px;
    padding-left: 31.91px;
    padding-right: 42.98px;
    padding-bottom: 39.02px;


}


.wca-pill {
    padding: 6px 18px 5px;
    background: #007481;
    opacity: 0.8;
    border-radius: 1000px;
    box-sizing: border-box;

}

.wca-pill h3 {
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0px;

}

.wca-content p {
    margin: 0px;
    font-family: 'Gilroy-Semibold';
    font-size: 22px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #000000;

}


.wca-section {
    margin-bottom: 161.11px;
}

/* Who Can Apply Section Ends*/


/* Timeline Section */

.cmp-timeline-section {
    background: rgba(233, 242, 244, 1);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    overflow: hidden;

}

/* Spacing lives on the (non-pinned) featured section, NOT on the pinned
   timeline section — margins on a GSAP-pinned element break pin-spacer math
   and cause the section below to shift/slide on pin release. */
.cmp-featured-section {
    margin-top: 138.47px;
}


.cmp-timeline-container h2 {
    margin: 0px;
    margin-bottom: 46.54px;
    font-family: 'Gilroy-Bold';
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;

}

.cmp-animated-text-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

.cmp-anim-text h3 {
    font-family: 'Gilroy-Regular';
    font-size: 30px;
    line-height: 190%;
    letter-spacing: -0.6px;
    margin: 0px;
    text-align: center;

}

.cmp-anim-text h3 b {
    font-weight: unset !important;
    font-family: 'Gilroy-Bold';
}


.cmp-timeline-animated-container {
    display: flex;
    gap: 32px;
    flex-direction: column;
    align-items: center;
}


/* .artist-wrapper {
    opacity: 0.6;
}

.artist-wrapper .cmp-anim-text h3 {
    font-size: 26px;
}


.artist-wrapper .cmp-anim-icon {
    width: 39.041px;
    height: 39.041px;
}


.exhibition-wrapper {
    opacity: 0.4;
}

.exhibition-wrapper .cmp-anim-text h3 {
    font-size: 22px;
}


.exhibition-wrapper .cmp-anim-icon {
    width: 37.033px;
    height: 37.033px;
} */

.cmp-anim-inner {
    display: flex;
    align-items: center;
    gap: 15px;
    transform-origin: center center;
}


/* Timeline Section Ends */



/* Featured Section */

.cmp-featured-container {
    margin-bottom: 160px;
    padding-bottom: 160px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
}


.cmp-featured-left-container {
    max-width: 535px;
    width: 100%;
}

.cmp-featured-left-container h2 {
    margin: 0px;
    margin-bottom: 23.24px;
    font-family: 'Gilroy-Bold';
    font-size: 60px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #000000;
    max-height: 130.841px;

}



.cmp-featured-left-container p {
    font-family: 'Gilroy-Regular';
    font-size: 18px;
    line-height: 160%;
    color: #000000;
    margin: 0px;

}


.cmp-featured-right-container {
    max-width: 617px;
    width: 100%;

}


.cmp-featured-right-container .frm_dropzone button {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin: 0 auto 9px;

}

.custom_frm .frm_small_text {
    margin-top: 0px !important;
    max-height: 11.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmp-featured-right-container .frm_dropzone button:after {
    content: "*";
    margin-left: 5px;
    color: #e53c3c;
    font-family: "Gilroy-Bold";
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.08px;
    position: absolute;
    top: -8px;
    right: -8px;
}

.cmp-featured-right-container .custom_frm .frm_checkbox label {
    align-items: flex-start !important;
}

.cmp-featured-right-container .custom_frm .frm_checkbox input {
    margin-top: 2px !important;
}

#field_vrr64_label,
#field_mryll_label {
    display: none;
}

.cmp-featured-right-container .custom_frm .frm_form_fields .frm_fields_container {
    grid-gap: 16px;
    row-gap: 15px !important;
}


.cmp-featured-right-container .custom_frm .frm_checkbox label {
    font-size: 14px !important;
}

.cmp-featured-right-container .frm_checkbox {
    margin-bottom: 0px;
}


.custom_frm  .frm_multi_upload 
{
    max-height: 100% !important;
}

.custom_frm .frm_upload_error
{
    border: 2px solid #e53c3c;
}


 .cmp-featured-right-container  .frm_forms.frm_style_formidable-style.with_frm_style .frm_submit
 {
    margin-top: 15px !important;
 }


 .custom_frm .frm_required
 {
    font-family: "Gilroy-Medium" !important;
    font-weight: 500;
 }

 .custom_frm .frm_dropzone .dz-preview
 {
    min-height: unset !important;
    margin: 0px !important
 }

  .custom_frm .frm_dropzone .dz-preview
 {
    min-height: unset !important;
    margin: 0px !important;
    margin-bottom: 13px !important;
    padding: 0px !important;  
 }


 .custom_frm:has(.dz-preview) .frm_upload_text,
 .custom_frm:has(.dz-preview) .frm_small_text
 {
    display: none !important;
 }


 .custom_frm:has(.dz-preview) .dz-message 
 {
   padding-bottom: 12px !important;
 }


 .custom_frm:has(.dz-preview) .frm_dropzone 
 {
    padding-bottom: 20px !important;
 }



.custom_frm .frm_dropzone .dz-preview .dz-image
{
   display: none !important;   
}

.custom_frm .frm_upload_error .dz-preview::before
{
    display: none;
}


.custom_frm .form-field:has(.frm_upload_error)
{
    position: relative;
}

.custom_frm .form-field:has(.frm_upload_error):before
{
    content: url(/wp-content/uploads/2026/04/Error-Exclamation-mark.svg) !important;
    position: absolute;
    top: 15.5px;
    z-index: 1;
    right: 12px;
}

.custom_frm .frm_checkbox
{
    margin-bottom: 0px !important;
}


/* ── dz-preview file loader (campaign page only) ──────────────────
   Each uploaded file row shows: filename · status indicator · remove (×).
   The status indicator is a CSS pseudo-element driven by the state classes
   Dropzone.js toggles on .dz-preview:
     (default / dz-processing) → spinning ring loader
     .dz-complete (not error)  → teal circle with white check
     .dz-error                 → red circle with "!"                      */

/* Lay the row out: filename (left), status circle, then the × button. */
.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-details {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-filename {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-filename,
.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-filename span,
.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-filename a {
    font-family: 'Gilroy-Semibold';
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #007481;
    text-decoration: none;
}

/* Hide the file size and Dropzone's own progress bar — we use our own indicator. */
.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-size,
.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-progress {
    display: none !important;
}

/* Makes the conic-gradient fill animatable (without @property the custom
   property can't interpolate and the ring would jump instead of ease). */
@property --cmp-progress {
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
}

/* Status indicator (pseudo-element).
   While uploading = a continuously LOOPING loader ring: the dark arc (#007481)
   sweeps around over the lighter track (rgba(0,116,129,0.50)) on repeat via the
   --cmp-progress fill animation. The radial mask carves out the centre to make
   it a ring. The loop runs until the upload truly completes (dz-success), at
   which point the checkmark rule below stops it. */
.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-details::after {
    content: "";
    order: 2;
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    box-sizing: border-box;
    border-radius: 50%;
    background: conic-gradient(#007481 calc(var(--cmp-progress, 0) * 1%), rgba(0, 116, 129, 0.50) 0);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask: radial-gradient(closest-side, transparent 60%, #000 61%);
            mask: radial-gradient(closest-side, transparent 60%, #000 61%);
    animation: cmp-dz-fill 1.1s linear infinite;
}

@keyframes cmp-dz-fill {
    0%   { --cmp-progress: 8; }
    100% { --cmp-progress: 100; }
}

/* Completed upload → solid teal circle with the tick icon.
   Gated on .dz-success — the class Dropzone adds only when the server confirms
   the file is fully saved (a few seconds after the progress bar fills). That is
   the true "upload complete" signal, so the looping loader runs until then.
   .dz-complete is kept as a fallback so pre-existing/mock files still show the tick. */
.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview.dz-success:not(.dz-error) .dz-details::after,
.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview.dz-complete:not(.dz-error) .dz-details::after {
    -webkit-mask: none;
            mask: none;
    animation: none;
    background-color: #007481;
    background-image: url("data:image/svg+xml,%3Csvg%20width='8'%20height='6'%20viewBox='0%200%208%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0.75%202.72996L2.76002%204.73998L6.74999%200.75'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: auto;
    margin-top: 2px;
}

/* Failed upload → red circle with "!". */
.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview.dz-error .dz-details::after {
    -webkit-mask: none;
            mask: none;
    animation: none;
    background-color: #e53c3c;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M12%207v6'%20stroke='%23fff'%20stroke-width='2.5'%20stroke-linecap='round'/%3E%3Ccircle%20cx='12'%20cy='17'%20r='1.4'%20fill='%23fff'/%3E%3C/svg%3E");
        background-size: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 5px 7px 6px;
    margin-top: 1px;
}

/* Remove (×) button → outlined teal circle. */
.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-remove {
    order: 3;
    flex: 0 0 auto;
    margin: 0px !important; 
    margin-top: 3px !important;
   
}

.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-remove svg {
    width: 11px;
    height: 11px;
}

.cmp-featured-right-container .custom_frm .frm_dropzone .dz-preview .dz-remove svg path {
    stroke: #007481;
}

.custom_frm .frm_form_field:not(.frm_compact) .frm_dropzone
{
    cursor: pointer;
}

#mainContent .custom_frm .dz-preview
{
    max-width: fit-content;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* #mainContent .dz-progress
{
    display: flex !important;
    min-height: 20px !important
} */

/* Featured Section Ends */


/* About Section */


.cmp-about-section {
    margin-bottom: 160px;
}

.cmp-about-container {
    display: flex;
    justify-content: space-between;
    margin-top: 160px;
}

.cmp-about-left {
    max-width: 322.31px;
    width: 100%;
}

.cmp-about-left h2 {
    font-family: 'Gilroy-Bold';
    font-size: 45px;
    line-height: 110%;
    letter-spacing: -0.015em;
    margin: 0px;
    color: #000000;

}


.cmp-about-right {
    max-width: 618.21px;
    width: 100%;
}

.cmp-about-right p {
    font-family: 'Gilroy-Semibold';
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #000000;

}


.cmp-about-right .cf-btn {
    margin-top: 45.03px;
}



/* About Section Ends */


/* Footer CSS */

#main_footer {
    border-top: 1px solid #E5E5E5;
}

/* Footer CSS Ends */




/* Responsive CSS  */


@media(max-width: 1024px) {
    .cmp-hero-section {
        min-height: 100vh;
        padding-bottom: 72.81px;
        margin-bottom: 113.72px;
    }

    .cmp-hero-content h1 {
        font-size: 45px;
        line-height: 110%;
        letter-spacing: -0.02em;
        margin-bottom: 11.29px;
        text-align: left !important;

    }

    .cmp-hero-content p {
        font-size: 20px;
        line-height: 140%;
        letter-spacing: -0.02em;
        text-align: left !important;

    }


    .eap-content h2 {
        font-size: 38px;
        line-height: 120%;
        letter-spacing: -0.005em;
        text-align: left;
        margin-bottom: 30px;

    }

    .eap-content p b {
        font-size: 18px;
        line-height: 140%;
        letter-spacing: -0.005em;
        text-align: left !important;
    }

    .eap-content p {
        font-size: 16px;
        line-height: 162%;
        letter-spacing: 0;
        text-align: left !important;

    }

    .eap-content p a {
        font-size: 16px;
        line-height: 162%;
        letter-spacing: 0%;
        text-align: left !important;

    }

    .eap-container .cf-btn {
        margin-top: 25px;
    }

    .eap-container {
        align-items: flex-start;
        margin: 0 auto 99.71px;
        padding-bottom: 0px;
        border-bottom: 0px;

    }

    .eap-divider {
        border-bottom: 1px solid #D9D9D9;
        padding-top: 99.71px;
        display: block;
        width: 100%;
    }


    .wca-heading-container {
        flex-direction: column;
        margin-bottom: 25.42px;
        align-items: flex-start;
    }

    .wca-heading-container .cf-btn {
        display: none;
    }

    .wca-heading-container h2 {
        font-size: 38px;
        line-height: 120%;
        /* identical to box height, or 46px */
        letter-spacing: -0.005em;
        text-align: left;

    }

    .wca-para p {
        font-size: 16px;
        line-height: 162%;

    }

    .wca-boxes {
        flex-direction: column;
        gap: 12px;
    }

    .wca-box {
        height: 190.24px;
        padding-left: 25px;
        padding-bottom: 33.24px;
        padding-right: 25.65px;
        border-radius: 8px;
        padding-top: 35px;
    }



    .wca-pill {
        padding: 6px 16px 5px;

    }

    .wca-pill h3 {
        font-size: 12px;
        line-height: 140%;
        /* identical to box height, or 17px */
        letter-spacing: -0.02em;

    }

    .wca-content p {
        font-size: 20px;
        line-height: 140%;
        /* identical to box height, or 28px */
        letter-spacing: -0.02em;

    }

    .wca-section {
        margin-bottom: 89.68px;
    }


    .cmp-featured-container {
        flex-direction: column;
        padding-bottom: 0px;
        margin-bottom: 110.48px;
        border-bottom: 0px;
    }

    .cmp-divider {
        border-bottom: 1px solid #D9D9D9;
        display: block;
        padding-top: 114.13px;
    }

    .cmp-featured-left-container h2 {
        font-size: 38px;
        line-height: 120%;
        /* or 46px */
        letter-spacing: -0.005em;
        margin-bottom: 18.48px;
        max-width: 350px;
        max-height: 92px;

    }

    .cmp-featured-left-container p {
        font-size: 16px;
        line-height: 162%;

    }

    .cmp-featured-left-container p br {
        display: none;
    }

    .cmp-featured-left-container {
        margin-bottom: 25.48px;
    }


    .cmp-about-container {
        flex-direction: column;
        gap: 25.48px;

    }

    .cmp-about-left h2 {
        font-size: 32px;
        line-height: 120%;
        /* or 38px */
        letter-spacing: -0.015em;

    }

    .cmp-about-right p {
        font-size: 18px;
        line-height: 140%;
        /* or 25px */
        letter-spacing: -0.005em;

    }


    .cmp-about-right .cf-btn {
        margin-top: 25.48px;
    }

    .cmp-about-section {
        margin-bottom: 120.31px;
                margin-top: 110.58px;
    }

    .eap-content,
    .cmp-featured-left-container,
    .cmp-featured-right-container,
    .cmp-about-left,
    .cmp-about-right {
        max-width: 100%;
    }

    .cmp-featured-right-container .frm_forms.frm_small_view:has(.custom_frm) .frm_form_fields .frm_fields_container {
        row-gap: 15px !important;
    }

    .cmp-featured-right-container .frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_submit {
        margin-top: 10px !important;
    }


}

/* Mobile View */
@media(max-width: 767px) {
    .cmp-timeline-container h2 {
        font-size: 38px;
        line-height: 120%;
        text-align: left !important;
        letter-spacing: -0.005em;
        margin-bottom: 48.79px;

    }


    .cmp-anim-icon {
        width: 31px;
        height: 31px;
    }

    .cmp-anim-text h3 {
        font-size: 18px;
        line-height: 160%;
        letter-spacing: -0.36px;
        display: flex;
        flex-direction: column;
        text-align: left;


    }


    .cmp-anim-text h3 b {
        font-size: 24px;
        line-height: 160%;
        letter-spacing: -0.48px;
    }

    .cmp-animated-text-wrapper {
        gap: 14.06px;
    }

    .cmp-timeline-animated-container {
        gap: 28px;
        align-items: flex-start;
    }


    .cmp-timeline-section {
        min-height: unset;
        padding-top: 125px;
        padding-bottom: 166.99px;
    }

    .cmp-featured-section {
        margin-top: 89.68px;
    }

    .cmp-timeline-section
    {
        margin-top: 0px !important;
    }

    .cmp-about-container
    {
        margin-top: 110.58px
    }

}

/* Mobile View Ends */

/* Responsive CSS Ends */


/* Link CSS */

@media(min-width: 1025px) {

    .eap-content p a:hover {
        color: #e53c3c
    }


}


/* Link CSS Ends */

.lang:before,
.fixed-header .header_language>a:before 
{
    background: #13292b !important;
}

body .nav-down .header_language>a:before,
body .nav-down .lang:before
{
    background: #fff !important;
}