/* =========================================================
   AGDC GLOBAL
   ========================================================= */

:root {
    --agdc-black: #050505;
    --agdc-white: #ffffff;
    --agdc-orange: #db5821;
    --agdc-gray: #777777;
    --agdc-light: #f6f6f4;
    --agdc-border: #dedede;
}

.agdc-container {
    width: min(1180px, calc(100% - 80px));
    margin-inline: auto;
}

.agdc-section {
    padding: 120px 0;
}

.agdc-script {
    display: block;
    color: var(--agdc-orange);
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 22px;
    margin-bottom: 12px;
}

.agdc-section-number {
    display: block;
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 18px;
}

.agdc-section h2 {
    margin: 0;
    font-size: clamp(38px, 5vw, 72px);
    line-height: .95;
    letter-spacing: -2px;
    font-weight: 800;
}

.agdc-gold-line {
    width: 55px;
    height: 2px;
    background: var(--agdc-orange);
    margin: 28px 0;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.agdc-btn {
    display: inline-flex;
    align-items: center;
    gap: 20px;

    min-height: 52px;
    padding: 0 28px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;

    transition: all .3s ease;
}

.agdc-btn span {
    font-size: 16px;
}

.agdc-btn-gold {
    color: #000;
    background: var(--agdc-orange);
}

.agdc-btn-gold:hover {
    background: #050505;
    color: var(--agdc-orange);
    border-color: #050505;
    transform: translateY(-2px);
}

.agdc-btn-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.7);
    background: transparent;
}

.agdc-btn-outline:hover {
    background: #fff;
    color: #000;
}


/* =========================================
   HERO VIDEO
========================================= */

.agdc-hero {
    position: relative;
    width: 100%;
    height: calc(100vh - 105px);
    min-height: 600px;
    overflow: hidden;
    background: #000;
}

/* Full-screen video */

.agdc-hero-video {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center center;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1200px) {

    .agdc-hero {
        height: calc(100vh - 95px);
    }

}


@media (max-width: 900px) {

    .agdc-hero {
        height: calc(100vh - 82px);
        min-height: 500px;
    }

}


@media (max-width: 767px) {

    .agdc-hero {
        height: 75vh;
        min-height: 480px;
    }

    .agdc-hero-video {
        object-position: center center;
    }

}

/* =========================================================
   STATS
   ========================================================= */

.agdc-stats {
    position: relative;
    padding: 100px 0;
    color: #fff;
    background: #050505;
    overflow: hidden;
}

/* =========================================
   HERO STATS TEXT VISIBILITY
========================================= */

.agdc-hero-stats strong {
    text-shadow:
        0 2px 4px rgba(0, 0, 0, 0.85),
        0 5px 12px rgba(0, 0, 0, 0.55),
        0 10px 25px rgba(0, 0, 0, 0.35);
}

.agdc-hero-stats span {
    text-shadow:
        0 2px 5px rgba(0, 0, 0, 0.9),
        0 4px 10px rgba(0, 0, 0, 0.5);
}

.agdc-stats-bg {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            rgba(1,1,1,0.2),
            rgba(0,0,0,0.2)
        ),
        url("../images/stats-bg.webp")
        center / cover no-repeat;

    opacity: .7;
}

.agdc-stats .agdc-container {
    position: relative;
}

.agdc-stats-heading {
    text-align: center;
    margin-bottom: 70px;
}

.agdc-stats-heading h2 {
    font-size: clamp(30px, 4vw, 52px);
}

.agdc-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.agdc-stat {
    text-align: center;
    border-right: 1px solid rgba(255,255,255,.2);
}

.agdc-stat:last-child {
    border-right: 0;
}


.agdc-stat strong {
    display: block;
    color: var(--agdc-orange);
    font-size: clamp(48px, 6vw, 80px);
    line-height: 1;

    /* Shadow behind statistics numbers */
    text-shadow:
        0 3px 6px rgba(0, 0, 0, 0.90),
        0 6px 16px rgba(0, 0, 0, 0.65);
}

.agdc-stat span {
    display: block;
    margin-top: 15px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;

    /* Shadow behind statistics labels */
    text-shadow:
        0 2px 5px rgba(0, 0, 0, 0.95),
        0 4px 10px rgba(0, 0, 0, 0.65);
}



/* Student Portal CTA section */
.agdc-portal-cta {
    position: relative;
    overflow: hidden;
    padding: 90px 20px;
    text-align: center;
}

.agdc-portal-cta .agdc-container {
    position: relative;
    z-index: 2;
}

.agdc-portal-content {
    max-width: 850px;
    margin: 0 auto;
}

.agdc-portal-content .agdc-script {
    display: inline-block;
    margin-bottom: 14px;
}

.agdc-portal-content h2 {
    margin: 0 0 20px;
    font-size: clamp(2rem, 5vw, 3.8rem);
    line-height: 1.15;
}

.agdc-portal-content p {
    max-width: 650px;
    margin: 0 auto 30px;
    line-height: 1.8;
}

.agdc-portal-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 28px;
    border-radius: 50px;
    background: #f26522;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.25s ease, background 0.25s ease;
}

.agdc-portal-button:hover {
    background: #d94f12;
    color: #fff;
    transform: translateY(-3px);
}

.agdc-portal-button span {
    font-size: 1.2em;
}

@media (max-width: 600px) {
    .agdc-portal-cta {
        padding: 65px 18px;
    }

    .agdc-portal-content p {
        font-size: 15px;
    }

    .agdc-portal-button {
        padding: 13px 23px;
    }
}


/* =========================================================
   VIDEO
   ========================================================= */

.agdc-video {

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    overflow: hidden;
    
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.agdc-video-background,
.agdc-video-overlay {
    position: absolute;
    inset: 0;
}

.agdc-video-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.agdc-video-overlay {
    background: rgba(0,0,0,.25);
}

.agdc-video-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.agdc-video-content h2 {
    margin: 15px 0 35px;
    font-size: clamp(45px, 7vw, 90px);
    line-height: .9;
}

.agdc-play-button {
    width: 75px;
    height: 75px;

    display: grid;
    place-items: center;
    
    margin: 30px auto 0;

    border: 1px solid var(--agdc-orange);
    border-radius: 50%;

    color: #fff;
    background: transparent;

    cursor: pointer;
    transition: all .3s ease;
}

.agdc-play-button:hover {
    background: var(--agdc-orange);
    color: #000;
}

/* =========================================================
   JOIN
   ========================================================= */

.agdc-join {
    min-height: 600px;
    position: relative;

    display: flex;
    align-items: center;

    color: #fff;
    overflow: hidden;
}

.agdc-join-background,
.agdc-join-overlay {
    position: absolute;
    inset: 0;
}

.agdc-join-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
}

.agdc-join-overlay {
    background: linear-gradient(
        90deg,
        rgba(0,0,0,.9),
        rgba(0,0,0,.35)
    );
}

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

.agdc-join h2 {
    margin: 10px 0 20px;
    font-size: clamp(45px, 7vw, 85px);
    line-height: .9;
}

.agdc-join p {
    color: #ddd;
    margin-bottom: 30px;
}

/* =========================================================
   AGDC ABOUT — PREMIUM EDITORIAL FINISH
   =========================================================
   Final visual refinement:
   - cleaner luxury/editorial composition
   - larger but tighter image arrangement
   - controlled 15–30px image gaps
   - stronger image depth
   - subtle orange corner blobs
   - refined typography and spacing
   - no grid / no waves / no image-area circles
   ========================================================= */

/* ---------------------------------------------------------
   SECTION
   --------------------------------------------------------- */

.agdc-about.agdc-section {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    background:
        linear-gradient(
            135deg,
            #fffaf7 0%,
            #ffffff 48%,
            #fffaf7 100%
        ) !important;
}

/* ---------------------------------------------------------
   PREMIUM CORNER BLOBS
   --------------------------------------------------------- */

/* Small top-left blob */
.agdc-about.agdc-section::before {
    content: "" !important;

    position: absolute !important;

    width: 285px !important;
    height: 285px !important;

    left: -175px !important;
    top: -165px !important;

    background: var(--agdc-orange) !important;

    border-radius:
        63% 37% 52% 48% /
        45% 55% 43% 57% !important;

    opacity: .10 !important;

    transform: rotate(-14deg) !important;

    pointer-events: none !important;
    z-index: 0 !important;
}

/* Large bottom-right blob */
.agdc-about.agdc-section::after {
    content: "" !important;

    position: absolute !important;

    width: 430px !important;
    height: 430px !important;

    right: -245px !important;
    bottom: -250px !important;

    background: var(--agdc-orange) !important;

    border-radius:
        47% 53% 38% 62% /
        55% 45% 62% 38% !important;

    opacity: .085 !important;

    transform: rotate(18deg) !important;

    pointer-events: none !important;
    z-index: 0 !important;
}

/* ---------------------------------------------------------
   CONTENT LAYER
   --------------------------------------------------------- */

.agdc-about .agdc-container {
    position: relative !important;
    z-index: 10 !important;
}

.agdc-about .agdc-about-grid {
    position: relative !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(0, 1.05fr) !important;

    /*
     * The image composition now sits closer to the text.
     */
    gap: clamp(28px, 3.5vw, 52px) !important;

    align-items: center !important;

    z-index: 10 !important;
}

/* ---------------------------------------------------------
   TEXT COLUMN
   --------------------------------------------------------- */

.agdc-about .agdc-about-content {
    position: relative !important;

    max-width: 690px !important;

    z-index: 12 !important;

    opacity: 1 !important;
    transform: none !important;

    animation:
        agdcPremiumTextEntry .85s
        cubic-bezier(.16, 1, .3, 1) both !important;
}

@keyframes agdcPremiumTextEntry {

    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

/* Small editorial heading */
.agdc-about .agdc-script {
    display: inline-flex !important;
    align-items: center !important;

    color: var(--agdc-orange) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 24px !important;
    font-style: italic !important;

    margin-bottom: 14px !important;

    letter-spacing: -.4px !important;
}

.agdc-about .agdc-script::after {
    content: "" !important;

    width: 42px !important;
    height: 1px !important;

    margin-left: 13px !important;

    background: var(--agdc-orange) !important;

    opacity: 1 !important;
}

/* Section number */
.agdc-about .agdc-section-number {
    color: #969696 !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    letter-spacing: 4px !important;

    margin-bottom: 17px !important;
}

/* Main title */
.agdc-about .agdc-about-content h2 {
    position: relative !important;

    margin: 0 !important;

    color: #050505 !important;

    font-weight: 800 !important;

    line-height: .94 !important;
    letter-spacing: -3px !important;

    z-index: 2 !important;
}

/* Make the subtitle feel like part of the editorial heading */
.agdc-about .agdc-about-content h2 small {
    display: block !important;

    margin-top: 11px !important;

    color: #111 !important;

    font-size: .40em !important;
    font-weight: 700 !important;

    line-height: 1.05 !important;

    letter-spacing: -1px !important;
}

/* Remove all previous title decorations */
.agdc-about .agdc-about-content h2::before,
.agdc-about .agdc-about-content h2::after {
    display: none !important;
}

/* Orange accent */
.agdc-about .agdc-gold-line {
    position: relative !important;

    width: 62px !important;
    height: 3px !important;

    margin: 28px 0 31px !important;

    background: var(--agdc-orange) !important;
}

/* Small orange dot at the end */
.agdc-about .agdc-gold-line::after {
    content: "" !important;

    position: absolute !important;

    width: 7px !important;
    height: 7px !important;

    right: -10px !important;
    top: -2px !important;

    background: var(--agdc-orange) !important;

    border-radius: 50% !important;
}

/* Paragraphs */
.agdc-about .agdc-about-content p {
    max-width: 650px !important;

    color: #555 !important;

    font-size: 15px !important;
    line-height: 1.88 !important;

    margin: 0 0 21px !important;
}

.agdc-about .agdc-about-content p:first-of-type {
    color: #333 !important;

    font-size: 15.5px !important;
}

/* ---------------------------------------------------------
   PREMIUM READ MORE BUTTON
   --------------------------------------------------------- */

.agdc-about .agdc-text-link {
    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 53px !important;

    gap: 17px !important;

    margin-top: 12px !important;

    padding: 0 22px 0 25px !important;

    color: #fff !important;

    background: var(--agdc-orange) !important;

    border: 1px solid var(--agdc-orange) !important;
    border-radius: 7px !important;

    text-decoration: none !important;
    text-transform: uppercase !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: 1.8px !important;

    overflow: hidden !important;
    isolation: isolate !important;

    box-shadow:
        0 12px 30px rgba(219, 88, 33, .18) !important;

    transition:
        transform .35s cubic-bezier(.16, 1, .3, 1),
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}

/* Button light sweep */
.agdc-about .agdc-text-link::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: -125% !important;

    width: 70% !important;
    height: 100% !important;

    background:
        linear-gradient(
            105deg,
            transparent,
            rgba(255,255,255,.24),
            transparent
        ) !important;

    transform: skewX(-20deg) !important;

    transition: left .6s ease !important;

    z-index: -1 !important;
}

/* Arrow */
.agdc-about .agdc-text-link::after {
    content: "→" !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 25px !important;
    height: 25px !important;

    color: #fff !important;

    font-size: 18px !important;
    line-height: 1 !important;

    transition:
        transform .35s cubic-bezier(.16, 1, .3, 1),
        color .3s ease !important;
}

.agdc-about .agdc-text-link:hover {
    color: var(--agdc-orange) !important;

    background: #050505 !important;
    border-color: #050505 !important;

    transform: translateY(-4px) !important;

    box-shadow:
        0 18px 40px rgba(0,0,0,.18) !important;
}

.agdc-about .agdc-text-link:hover::before {
    left: 145% !important;
}

.agdc-about .agdc-text-link:hover::after {
    color: var(--agdc-orange) !important;

    transform: translateX(7px) !important;
}

/* ---------------------------------------------------------
   IMAGE COMPOSITION
   --------------------------------------------------------- */

.agdc-about .agdc-about-images {
    position: relative !important;

    /*
     * Three images fit into one controlled composition.
     */
    min-height: 610px !important;

    width: 100% !important;

    z-index: 12 !important;

    opacity: 1 !important;
    transform: none !important;

    animation:
        agdcPremiumImageEntry 1s .10s
        cubic-bezier(.16, 1, .3, 1) both !important;
}

@keyframes agdcPremiumImageEntry {

    from {
        opacity: 0;
        transform: translateX(24px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }

}

/* Remove any old decorative pseudo-elements */
.agdc-about .agdc-about-images::before,
.agdc-about .agdc-about-images::after {
    display: none !important;
}

/* ---------------------------------------------------------
   MAIN IMAGE
   --------------------------------------------------------- */

.agdc-about .agdc-about-image-main {
    position: absolute !important;

    width: 58% !important;
    height: 575px !important;

    left: 0 !important;
    top: 18px !important;

    z-index: 3 !important;
}

/* ---------------------------------------------------------
   TOP IMAGE
   --------------------------------------------------------- */

.agdc-about .agdc-about-image-top {
    position: absolute !important;

    width: 40% !important;
    height: 270px !important;

    /*
     * Gives a visible but small premium gap from the main image.
     */
    right: 0 !important;
    top: 0 !important;

    z-index: 5 !important;
}

/* ---------------------------------------------------------
   BOTTOM IMAGE
   --------------------------------------------------------- */

.agdc-about .agdc-about-image-bottom {
    position: absolute !important;

    width: 40% !important;
    height: 310px !important;

    /*
     * 30px vertical gap between the two small images.
     */
    right: 0 !important;
    bottom: 0 !important;

    z-index: 5 !important;
}

/* All cards */
.agdc-about .agdc-about-image {
    overflow: hidden !important;

    background: #eee !important;

    border: 1px solid rgba(0,0,0,.035) !important;

    border-radius: 7px !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.12),
        0 3px 12px rgba(0,0,0,.04) !important;

    transition:
        transform .55s cubic-bezier(.16, 1, .3, 1),
        box-shadow .55s ease !important;
}

/* Images */
.agdc-about .agdc-about-image img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;

    transition:
        transform .75s cubic-bezier(.16, 1, .3, 1),
        filter .5s ease !important;
}

/* Main image orange edge */
.agdc-about .agdc-about-image-main::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 4px !important;

    background: var(--agdc-orange) !important;

    z-index: 8 !important;
}

/* Image hover */
.agdc-about .agdc-about-image:hover {
    transform: translateY(-7px) !important;

    box-shadow:
        0 28px 65px rgba(0,0,0,.18),
        0 5px 18px rgba(0,0,0,.06) !important;
}

.agdc-about .agdc-about-image:hover img {
    transform: scale(1.045) !important;
}

/* ---------------------------------------------------------
   JOURNEY LABEL
   --------------------------------------------------------- */

.agdc-about .agdc-about-decoration {
    position: absolute !important;

    right: 0 !important;
    bottom: -18px !important;

    color: var(--agdc-orange) !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    letter-spacing: 5px !important;
    line-height: 1.7 !important;

    text-transform: uppercase !important;
}

/* ---------------------------------------------------------
   LARGE TABLET
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .agdc-about .agdc-about-grid {
        grid-template-columns:
            minmax(0, .9fr)
            minmax(0, 1.1fr) !important;

        gap: 30px !important;
    }

    .agdc-about .agdc-about-image-main {
        width: 58% !important;
        height: 555px !important;
    }

    .agdc-about .agdc-about-image-top {
        width: 40% !important;
        height: 255px !important;
    }

    .agdc-about .agdc-about-image-bottom {
        width: 40% !important;
        height: 295px !important;
    }

    .agdc-about .agdc-about-images {
        min-height: 580px !important;
    }
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .agdc-about .agdc-about-grid {
        grid-template-columns: 1fr !important;

        gap: 55px !important;
    }

    .agdc-about .agdc-about-content {
        max-width: 800px !important;
        margin-inline: auto !important;
    }

    .agdc-about .agdc-about-images {
        width: 100% !important;

        max-width: 850px !important;
        min-height: 600px !important;

        margin-inline: auto !important;
    }

    .agdc-about .agdc-about-image-main {
        width: 58% !important;
        height: 560px !important;
    }

    .agdc-about .agdc-about-image-top {
        width: 40% !important;
        height: 265px !important;
    }

    .agdc-about .agdc-about-image-bottom {
        width: 40% !important;
        height: 305px !important;
    }

    .agdc-about.agdc-section::before {
        width: 230px !important;
        height: 230px !important;

        left: -140px !important;
        top: -125px !important;
    }

    .agdc-about.agdc-section::after {
        width: 350px !important;
        height: 350px !important;

        right: -200px !important;
        bottom: -205px !important;
    }
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .agdc-about.agdc-section {
        padding: 75px 0 105px !important;
    }

    .agdc-about .agdc-about-grid {
        gap: 48px !important;
    }

    .agdc-about .agdc-about-content h2 {
        font-size: clamp(40px, 12vw, 58px) !important;

        letter-spacing: -2px !important;
    }

    .agdc-about .agdc-about-content p {
        font-size: 14px !important;
        line-height: 1.82 !important;
    }

    .agdc-about .agdc-about-content p:first-of-type {
        font-size: 15px !important;
    }

    .agdc-about .agdc-about-images {
        min-height: 480px !important;
    }

    /* Main */
    .agdc-about .agdc-about-image-main {
        width: 58% !important;
        height: 420px !important;

        left: 0 !important;
        top: 20px !important;
    }

    /* Top */
    .agdc-about .agdc-about-image-top {
        width: 40% !important;
        height: 190px !important;

        right: 0 !important;
        top: 0 !important;
    }

    /* Bottom */
    .agdc-about .agdc-about-image-bottom {
        width: 40% !important;
        height: 205px !important;

        right: 0 !important;
        bottom: 0 !important;
    }

    .agdc-about .agdc-about-decoration {
        right: 0 !important;
        bottom: -21px !important;

        font-size: 7px !important;
        letter-spacing: 3px !important;
    }

    .agdc-about.agdc-section::before {
        width: 170px !important;
        height: 170px !important;

        left: -105px !important;
        top: -75px !important;

        opacity: .085 !important;
    }

    .agdc-about.agdc-section::after {
        width: 250px !important;
        height: 250px !important;

        right: -140px !important;
        bottom: -135px !important;

        opacity: .09 !important;
    }
}

/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .agdc-about.agdc-section {
        padding: 65px 0 95px !important;
    }

    .agdc-about .agdc-about-images {
        min-height: 405px !important;
    }

    .agdc-about .agdc-about-image-main {
        width: 58% !important;
        height: 350px !important;
    }

    .agdc-about .agdc-about-image-top {
        width: 40% !important;
        height: 155px !important;
    }

    .agdc-about .agdc-about-image-bottom {
        width: 40% !important;
        height: 175px !important;
    }

    .agdc-about .agdc-script {
        font-size: 20px !important;
    }

    .agdc-about .agdc-about-decoration {
        font-size: 6.5px !important;
        letter-spacing: 2.5px !important;
        bottom: -16px !important;
    }

    .agdc-about .agdc-text-link {
        min-height: 51px !important;
        padding: 0 19px 0 22px !important;
    }
}

/* ---------------------------------------------------------
   ACCESSIBILITY
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .agdc-about .agdc-about-content,
    .agdc-about .agdc-about-images,
    .agdc-about .agdc-about-image,
    .agdc-about .agdc-about-image img,
    .agdc-about .agdc-text-link,
    .agdc-about .agdc-text-link::before,
    .agdc-about .agdc-text-link::after {
        animation: none !important;
        transition: none !important;
    }
}



/* =========================================================
   LARGE CENTRAL ORANGE BLOB BEHIND ALL 3 IMAGES
   ========================================================= */

.agdc-about .agdc-about-images::before {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    /*
     * Large enough to sit behind all three photographs.
     */
    width: 700px !important;
    height: 650px !important;

    /*
     * Center the blob inside the image composition.
     */
    left: 50% !important;
    top: 50% !important;

    transform:
        translate(-50%, -50%)
        rotate(-8deg) !important;

    background: var(--agdc-orange) !important;

    /*
     * Organic soft blob shape.
     */
    border-radius:
        48% 52% 44% 56% /
        52% 45% 55% 48% !important;

    /*
     * Keep it subtle and premium.
     */
    opacity: .11 !important;

    /*
     * Behind all photographs.
     */
    z-index: 1 !important;

    pointer-events: none !important;
}


/* =========================================================
   KEEP ALL THREE IMAGES ABOVE THE BLOB
   ========================================================= */

.agdc-about .agdc-about-image {
    position: absolute !important;
    z-index: 3 !important;
}

.agdc-about .agdc-about-image-main {
    z-index: 4 !important;
}

.agdc-about .agdc-about-image-top,
.agdc-about .agdc-about-image-bottom {
    z-index: 5 !important;
}

/* =========================================================
   AGDC DANCE STYLES
   PREMIUM EDITORIAL CARD DESIGN
   ========================================================= */

/* ---------------------------------------------------------
   SECTION BACKGROUND
   --------------------------------------------------------- */

.agdc-section:has(.agdc-class-grid) {
    position: relative !important;
    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(219, 88, 33, .055) 0,
            rgba(219, 88, 33, 0) 25%
        ),
        radial-gradient(
            circle at 92% 85%,
            rgba(219, 88, 33, .045) 0,
            rgba(219, 88, 33, 0) 28%
        ),
        #fcfaf8 !important;
}


/* ---------------------------------------------------------
   SECTION HEADING
   --------------------------------------------------------- */

.agdc-section:has(.agdc-class-grid) .agdc-section-heading {
    position: relative !important;
    margin-bottom: 55px !important;
}


/* Small orange accent underneath heading */

.agdc-section:has(.agdc-class-grid) .agdc-section-heading::after {
    content: "" !important;

    display: block !important;

    width: 70px !important;
    height: 3px !important;

    margin-top: 25px !important;

    background: var(--agdc-orange) !important;

    border-radius: 20px !important;
}


/* ---------------------------------------------------------
   CARD GRID
   --------------------------------------------------------- */

.agdc-section:has(.agdc-class-grid) .agdc-class-grid {
    position: relative !important;

    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 24px !important;

    padding: 10px 0 20px !important;
}


/* ---------------------------------------------------------
   PREMIUM CARD
   --------------------------------------------------------- */

.agdc-section:has(.agdc-class-grid) .agdc-class-card {
    position: relative !important;

    display: block !important;

    color: #111 !important;

    text-decoration: none !important;

    background: #fff !important;

    border: 1px solid rgba(5, 5, 5, .08) !important;

    border-radius: 16px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, .045),
        0 2px 6px rgba(0, 0, 0, .025) !important;

    transform: translateY(0) !important;

    transition:
        transform .45s cubic-bezier(.16, 1, .3, 1),
        box-shadow .45s ease,
        border-color .45s ease !important;
}


/* Orange top accent */

.agdc-section:has(.agdc-class-grid) .agdc-class-card::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: 3px !important;

    background: var(--agdc-orange) !important;

    transform: scaleX(0) !important;

    transform-origin: left !important;

    transition: transform .45s cubic-bezier(.16, 1, .3, 1) !important;

    z-index: 5 !important;
}


/* Card hover */

.agdc-section:has(.agdc-class-grid) .agdc-class-card:hover {
    transform: translateY(-10px) !important;

    border-color: rgba(219, 88, 33, .22) !important;

    box-shadow:
        0 25px 55px rgba(0, 0, 0, .11),
        0 8px 20px rgba(219, 88, 33, .08) !important;
}


/* Animate orange line */

.agdc-section:has(.agdc-class-grid) .agdc-class-card:hover::before {
    transform: scaleX(1) !important;
}


/* ---------------------------------------------------------
   IMAGE AREA
   --------------------------------------------------------- */

.agdc-section:has(.agdc-class-grid) .agdc-class-image {
    position: relative !important;

    aspect-ratio: 1.28 !important;

    overflow: hidden !important;

    background: #eee !important;
}


/* Image */

.agdc-section:has(.agdc-class-grid) .agdc-class-image img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;

    transform: scale(1) !important;

    transition:
        transform .8s cubic-bezier(.16, 1, .3, 1),
        filter .6s ease !important;
}


/* Image overlay */

.agdc-section:has(.agdc-class-grid) .agdc-class-image::after {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 55%,
            rgba(0,0,0,.16) 100%
        ) !important;

    pointer-events: none !important;

    opacity: .65 !important;

    transition: opacity .45s ease !important;
}


/* Image hover */

.agdc-section:has(.agdc-class-grid) .agdc-class-card:hover
.agdc-class-image img {
    transform: scale(1.07) !important;
}


/* Slightly brighten image on hover */

.agdc-section:has(.agdc-class-grid) .agdc-class-card:hover
.agdc-class-image::after {
    opacity: .35 !important;
}


/* ---------------------------------------------------------
   CARD INFORMATION AREA
   --------------------------------------------------------- */

.agdc-section:has(.agdc-class-grid) .agdc-class-info {
    position: relative !important;

    min-height: 82px !important;

    padding: 0 23px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 20px !important;

    background: #fff !important;
}


/* Class name */

.agdc-section:has(.agdc-class-grid) .agdc-class-info h3 {
    margin: 0 !important;

    color: #111 !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

    letter-spacing: -.15px !important;

    transition: color .3s ease !important;
}


/* Change title on hover */

.agdc-section:has(.agdc-class-grid) .agdc-class-card:hover
.agdc-class-info h3 {
    color: var(--agdc-orange) !important;
}


/* ---------------------------------------------------------
   ARROW / LINK
   --------------------------------------------------------- */

.agdc-section:has(.agdc-class-grid) .agdc-class-info span {
    flex: 0 0 auto !important;

    width: 38px !important;
    height: 38px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: var(--agdc-orange) !important;

    background: rgba(219, 88, 33, .07) !important;

    border: 1px solid rgba(219, 88, 33, .16) !important;

    border-radius: 50% !important;

    font-size: 19px !important;

    line-height: 1 !important;

    transition:
        background .35s ease,
        color .35s ease,
        transform .4s cubic-bezier(.16, 1, .3, 1),
        border-color .35s ease !important;
}


/* Arrow hover */

.agdc-section:has(.agdc-class-grid) .agdc-class-card:hover
.agdc-class-info span {
    color: #fff !important;

    background: var(--agdc-orange) !important;

    border-color: var(--agdc-orange) !important;

    transform: translateX(4px) !important;
}


/* ---------------------------------------------------------
   CARD NUMBER / EDITORIAL FEEL
   --------------------------------------------------------- */

.agdc-section:has(.agdc-class-grid) .agdc-class-card:nth-child(1)::after,
.agdc-section:has(.agdc-class-grid) .agdc-class-card:nth-child(2)::after,
.agdc-section:has(.agdc-class-grid) .agdc-class-card:nth-child(3)::after {
    position: absolute !important;

    top: 18px !important;
    left: 18px !important;

    padding: 5px 9px !important;

    color: #fff !important;

    background: rgba(5, 5, 5, .72) !important;

    border-radius: 20px !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    letter-spacing: 2px !important;

    backdrop-filter: blur(8px) !important;

    z-index: 4 !important;
}

.agdc-section:has(.agdc-class-grid) .agdc-class-card:nth-child(1)::after {
    content: "01" !important;
}

.agdc-section:has(.agdc-class-grid) .agdc-class-card:nth-child(2)::after {
    content: "02" !important;
}

.agdc-section:has(.agdc-class-grid) .agdc-class-card:nth-child(3)::after {
    content: "03" !important;
}


/* ---------------------------------------------------------
   DESKTOP CARD HEIGHT
   --------------------------------------------------------- */

@media (min-width: 1025px) {

    .agdc-section:has(.agdc-class-grid) .agdc-class-image {
        aspect-ratio: 1.30 !important;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .agdc-section:has(.agdc-class-grid) .agdc-class-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 22px !important;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .agdc-section:has(.agdc-class-grid) {
        padding: 80px 0 !important;
    }


    .agdc-section:has(.agdc-class-grid) .agdc-section-heading {
        margin-bottom: 40px !important;
    }


    .agdc-section:has(.agdc-class-grid) .agdc-class-grid {
        grid-template-columns: 1fr !important;

        gap: 20px !important;

        padding: 5px 0 15px !important;
    }


    .agdc-section:has(.agdc-class-grid) .agdc-class-image {
        aspect-ratio: 1.25 !important;
    }


    .agdc-section:has(.agdc-class-grid) .agdc-class-info {
        min-height: 76px !important;

        padding: 0 20px !important;
    }


    .agdc-section:has(.agdc-class-grid) .agdc-class-info h3 {
        font-size: 14px !important;
    }


    .agdc-section:has(.agdc-class-grid) .agdc-class-info span {
        width: 34px !important;
        height: 34px !important;

        font-size: 17px !important;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .agdc-section:has(.agdc-class-grid) {
        padding: 65px 0 !important;
    }


    .agdc-section:has(.agdc-class-grid) .agdc-class-grid {
        gap: 18px !important;
    }


    .agdc-section:has(.agdc-class-grid) .agdc-class-card {
        border-radius: 13px !important;
    }


    .agdc-section:has(.agdc-class-grid) .agdc-class-info {
        padding: 0 17px !important;
    }

}

/* =========================================================
   AGDC — PREMIUM "WHY AGDC" SECTION
   EDITORIAL / LUXURY / MODERN DANCE STUDIO
   ========================================================= */


/* ---------------------------------------------------------
   MAIN SECTION
   --------------------------------------------------------- */

.agdc-why {
    position: relative !important;

    padding: 135px 0 125px !important;

    color: #fff !important;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(219, 88, 33, .13) 0,
            rgba(219, 88, 33, .055) 14%,
            rgba(219, 88, 33, 0) 34%
        ),
        radial-gradient(
            circle at 94% 88%,
            rgba(219, 88, 33, .11) 0,
            rgba(219, 88, 33, .035) 16%,
            rgba(219, 88, 33, 0) 34%
        ),
        #070707 !important;

    overflow: hidden !important;

    isolation: isolate !important;
}


/* ---------------------------------------------------------
   LARGE SOFT ORANGE BLOB — TOP RIGHT
   --------------------------------------------------------- */

.agdc-why::before {
    content: "" !important;

    position: absolute !important;

    width: 520px !important;
    height: 520px !important;

    right: -310px !important;
    top: -250px !important;

    background: rgba(219, 88, 33, .12) !important;

    border-radius: 50% !important;

    filter: blur(2px) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* ---------------------------------------------------------
   LARGE SOFT ORANGE BLOB — BOTTOM LEFT
   --------------------------------------------------------- */

.agdc-why::after {
    content: "" !important;

    position: absolute !important;

    width: 430px !important;
    height: 430px !important;

    left: -290px !important;
    bottom: -260px !important;

    background: rgba(219, 88, 33, .09) !important;

    border-radius: 50% !important;

    filter: blur(2px) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* ---------------------------------------------------------
   KEEP CONTENT ABOVE DECORATIONS
   --------------------------------------------------------- */

.agdc-why .agdc-container {
    position: relative !important;

    z-index: 2 !important;
}


/* ---------------------------------------------------------
   HEADING AREA
   --------------------------------------------------------- */

.agdc-why-heading {
    position: relative !important;

    display: grid !important;

    grid-template-columns: .65fr 1.35fr !important;

    gap: 70px !important;

    align-items: end !important;

    margin-bottom: 85px !important;
}


/* ---------------------------------------------------------
   WHY AGDC SCRIPT TITLE
   --------------------------------------------------------- */

.agdc-why-heading .agdc-script {
    position: relative !important;

    display: inline-block !important;

    color: var(--agdc-orange) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 27px !important;

    font-style: italic !important;

    letter-spacing: -.4px !important;

    margin: 0 !important;
}


/* Decorative line beside script */

.agdc-why-heading .agdc-script::after {
    content: "" !important;

    display: inline-block !important;

    width: 45px !important;
    height: 1px !important;

    margin-left: 14px !important;

    vertical-align: middle !important;

    background: var(--agdc-orange) !important;

    opacity: .65 !important;
}


/* ---------------------------------------------------------
   MAIN HEADING
   --------------------------------------------------------- */

.agdc-why-heading h2 {
    position: relative !important;

    margin: 0 !important;

    max-width: 780px !important;

    color: #fff !important;

    font-size: clamp(42px, 5vw, 70px) !important;

    font-weight: 500 !important;

    line-height: .98 !important;

    letter-spacing: -3px !important;
}


/* Orange period / accent */

.agdc-why-heading h2::after {
    content: "" !important;

    display: inline-block !important;

    width: 9px !important;
    height: 9px !important;

    margin-left: 7px !important;

    vertical-align: baseline !important;

    background: var(--agdc-orange) !important;

    border-radius: 50% !important;
}


/* ---------------------------------------------------------
   BENEFITS GRID
   --------------------------------------------------------- */

.agdc-benefits {
    position: relative !important;

    display: grid !important;

    grid-template-columns: repeat(4, 1fr) !important;

    gap: 0 !important;

    padding-top: 0 !important;
}


/* ---------------------------------------------------------
   BENEFIT CARD
   --------------------------------------------------------- */

.agdc-benefit {
    position: relative !important;

    min-height: 260px !important;

    padding: 35px 32px 30px !important;

    border-left: 1px solid rgba(255,255,255,.13) !important;

    border-top: 1px solid rgba(255,255,255,.13) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,0)
        ) !important;

    transition:
        background .4s ease,
        border-color .4s ease,
        transform .45s cubic-bezier(.16,1,.3,1),
        box-shadow .45s ease !important;
}


/* Remove left border from first card */

.agdc-benefit:first-child {
    padding-left: 0 !important;

    border-left: 0 !important;
}


/* Bottom border */

.agdc-benefit:last-child {
    border-right: 0 !important;
}


/* ---------------------------------------------------------
   ORANGE TOP ACCENT
   --------------------------------------------------------- */

.agdc-benefit::before {
    content: "" !important;

    position: absolute !important;

    left: 32px !important;
    top: -1px !important;

    width: 0 !important;
    height: 2px !important;

    background: var(--agdc-orange) !important;

    transition:
        width .5s cubic-bezier(.16,1,.3,1) !important;
}


/* First card accent aligns with container */

.agdc-benefit:first-child::before {
    left: 0 !important;
}


/* Hover accent */

.agdc-benefit:hover::before {
    width: 75px !important;
}


/* ---------------------------------------------------------
   CARD HOVER
   --------------------------------------------------------- */

.agdc-benefit:hover {
    background:
        linear-gradient(
            145deg,
            rgba(219,88,33,.075),
            rgba(255,255,255,.015)
        ) !important;

    border-color: rgba(219,88,33,.25) !important;

    transform: translateY(-7px) !important;

    box-shadow:
        0 22px 50px rgba(0,0,0,.30),
        0 0 35px rgba(219,88,33,.045) !important;
}


/* ---------------------------------------------------------
   NUMBER
   --------------------------------------------------------- */

.agdc-benefit-number {
    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 48px !important;

    margin-bottom: 32px !important;

    color: var(--agdc-orange) !important;

    background: rgba(219,88,33,.07) !important;

    border: 1px solid rgba(219,88,33,.35) !important;

    border-radius: 50% !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    letter-spacing: 2px !important;

    transition:
        background .35s ease,
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1),
        box-shadow .35s ease !important;
}


/* Number hover */

.agdc-benefit:hover .agdc-benefit-number {
    color: #fff !important;

    background: var(--agdc-orange) !important;

    border-color: var(--agdc-orange) !important;

    transform: rotate(8deg) scale(1.08) !important;

    box-shadow:
        0 8px 22px rgba(219,88,33,.22) !important;
}


/* ---------------------------------------------------------
   BENEFIT TITLE
   --------------------------------------------------------- */

.agdc-benefit h3 {
    margin: 0 0 16px !important;

    max-width: 280px !important;

    color: #fff !important;

    font-size: 19px !important;

    font-weight: 500 !important;

    line-height: 1.25 !important;

    letter-spacing: -.25px !important;

    transition:
        color .3s ease,
        transform .35s ease !important;
}


/* Title hover */

.agdc-benefit:hover h3 {
    color: #fff !important;

    transform: translateX(3px) !important;
}


/* ---------------------------------------------------------
   DESCRIPTION
   --------------------------------------------------------- */

.agdc-benefit p {
    max-width: 290px !important;

    margin: 0 !important;

    color: rgba(255,255,255,.58) !important;

    font-size: 14px !important;

    line-height: 1.8 !important;

    transition: color .3s ease !important;
}


/* Description hover */

.agdc-benefit:hover p {
    color: rgba(255,255,255,.76) !important;
}


/* ---------------------------------------------------------
   SMALL ORANGE DOT
   --------------------------------------------------------- */

.agdc-benefit h3::after {
    content: "" !important;

    display: inline-block !important;

    width: 5px !important;
    height: 5px !important;

    margin-left: 7px !important;

    vertical-align: middle !important;

    background: var(--agdc-orange) !important;

    border-radius: 50% !important;

    opacity: 0 !important;

    transform: scale(0) !important;

    transition:
        opacity .3s ease,
        transform .3s ease !important;
}


.agdc-benefit:hover h3::after {
    opacity: 1 !important;

    transform: scale(1) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .agdc-why {
        padding: 105px 0 95px !important;
    }


    .agdc-why-heading {
        grid-template-columns: 1fr !important;

        gap: 25px !important;

        margin-bottom: 65px !important;
    }


    .agdc-why-heading h2 {
        max-width: 700px !important;

        font-size: clamp(42px, 7vw, 62px) !important;
    }


    .agdc-benefits {
        grid-template-columns: repeat(2, 1fr) !important;
    }


    .agdc-benefit {
        min-height: 240px !important;

        padding: 30px !important;

        border-left: 1px solid rgba(255,255,255,.13) !important;
    }


    .agdc-benefit:nth-child(odd) {
        border-left: 0 !important;
    }


    .agdc-benefit:nth-child(n+3) {
        border-top: 1px solid rgba(255,255,255,.13) !important;
    }


    .agdc-benefit:first-child::before,
    .agdc-benefit::before {
        left: 30px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .agdc-why {
        padding: 85px 0 80px !important;
    }


    .agdc-why-heading {
        margin-bottom: 50px !important;
    }


    .agdc-why-heading .agdc-script {
        font-size: 23px !important;
    }


    .agdc-why-heading h2 {
        font-size: clamp(38px, 12vw, 52px) !important;

        letter-spacing: -2px !important;
    }


    .agdc-benefits {
        grid-template-columns: 1fr !important;
    }


    .agdc-benefit,
    .agdc-benefit:nth-child(odd),
    .agdc-benefit:nth-child(even) {
        min-height: auto !important;

        padding: 30px 0 35px !important;

        border-left: 0 !important;

        border-top: 1px solid rgba(255,255,255,.13) !important;
    }


    .agdc-benefit:first-child {
        border-top: 0 !important;
    }


    .agdc-benefit::before,
    .agdc-benefit:first-child::before {
        left: 0 !important;
    }


    .agdc-benefit-number {
        width: 43px !important;
        height: 43px !important;

        margin-bottom: 22px !important;
    }


    .agdc-benefit h3 {
        font-size: 18px !important;

        margin-bottom: 12px !important;
    }


    .agdc-benefit p {
        font-size: 13px !important;

        line-height: 1.75 !important;
    }


    .agdc-why::before {
        width: 330px !important;
        height: 330px !important;

        right: -220px !important;
        top: -150px !important;
    }


    .agdc-why::after {
        width: 280px !important;
        height: 280px !important;

        left: -200px !important;
        bottom: -160px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .agdc-why {
        padding: 70px 0 !important;
    }


    .agdc-why-heading h2 {
        font-size: 38px !important;

        letter-spacing: -1.5px !important;
    }


    .agdc-benefit {
        padding: 27px 0 32px !important;
    }


    .agdc-benefit-number {
        width: 40px !important;
        height: 40px !important;

        font-size: 10px !important;
    }

}



/* =========================================================
   AGDC WHY SECTION
   PREMIUM CREATIVE BENEFITS
   ========================================================= */


/* ---------------------------------------------------------
   BENEFITS WRAPPER
   --------------------------------------------------------- */

.agdc-why .agdc-benefits {
    position: relative !important;

    display: grid !important;

    grid-template-columns: repeat(4, 1fr) !important;

    gap: 18px !important;

    align-items: stretch !important;

    padding: 0 !important;
}


/* ---------------------------------------------------------
   REMOVE THE OLD COLUMN-BORDER LOOK
   --------------------------------------------------------- */

.agdc-why .agdc-benefit,
.agdc-why .agdc-benefit:first-child,
.agdc-why .agdc-benefit:nth-child(3) {
    border-left: 0 !important;
}


/* ---------------------------------------------------------
   PREMIUM FLOATING CARDS
   --------------------------------------------------------- */

.agdc-why .agdc-benefit {
    position: relative !important;

    min-height: 300px !important;

    padding: 42px 34px 38px !important;

    overflow: hidden !important;

    border: 1px solid rgba(255,255,255,.10) !important;

    border-radius: 4px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.008)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 15px 40px rgba(0,0,0,.18) !important;

    transform: translateY(0) !important;

    transition:
        transform .55s cubic-bezier(.16,1,.3,1),
        border-color .45s ease,
        background .45s ease,
        box-shadow .55s ease !important;

    animation:
        agdcBenefitReveal .9s cubic-bezier(.16,1,.3,1) both !important;
}


/* ---------------------------------------------------------
   STAGGERED ENTRY ANIMATION
   --------------------------------------------------------- */

.agdc-why .agdc-benefit:nth-child(1) {
    animation-delay: .10s !important;
}

.agdc-why .agdc-benefit:nth-child(2) {
    animation-delay: .20s !important;

    transform: translateY(24px) !important;
}

.agdc-why .agdc-benefit:nth-child(3) {
    animation-delay: .30s !important;
}

.agdc-why .agdc-benefit:nth-child(4) {
    animation-delay: .40s !important;

    transform: translateY(24px) !important;
}


@keyframes agdcBenefitReveal {

    from {
        opacity: 0;

        transform:
            translateY(55px)
            scale(.97);
    }

    to {
        opacity: 1;
    }

}


/* ---------------------------------------------------------
   HUGE BACKGROUND NUMBER
   --------------------------------------------------------- */

.agdc-why .agdc-benefit::after {
    content: "01" !important;

    position: absolute !important;

    right: -12px !important;
    bottom: -40px !important;

    color: transparent !important;

    -webkit-text-stroke:
        1px rgba(219,88,33,.12) !important;

    font-size: 145px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: -10px !important;

    pointer-events: none !important;

    z-index: 0 !important;

    transition:
        transform .7s cubic-bezier(.16,1,.3,1),
        -webkit-text-stroke-color .4s ease !important;
}


.agdc-why .agdc-benefit:nth-child(2)::after {
    content: "02" !important;
}


.agdc-why .agdc-benefit:nth-child(3)::after {
    content: "03" !important;
}


.agdc-why .agdc-benefit:nth-child(4)::after {
    content: "04" !important;
}


/* ---------------------------------------------------------
   ORANGE DIAGONAL ACCENT
   --------------------------------------------------------- */

.agdc-why .agdc-benefit::before {
    content: "" !important;

    position: absolute !important;

    left: -35px !important;
    top: -35px !important;

    width: 85px !important;
    height: 85px !important;

    background: var(--agdc-orange) !important;

    opacity: .95 !important;

    transform: rotate(45deg) scale(.35) !important;

    transform-origin: center !important;

    transition:
        transform .55s cubic-bezier(.16,1,.3,1),
        opacity .35s ease !important;

    z-index: 1 !important;
}


/* ---------------------------------------------------------
   CONTENT ABOVE DECORATION
   --------------------------------------------------------- */

.agdc-why .agdc-benefit > * {
    position: relative !important;

    z-index: 2 !important;
}


/* ---------------------------------------------------------
   NUMBER CIRCLE
   --------------------------------------------------------- */

.agdc-why .agdc-benefit-number {
    position: relative !important;

    width: 50px !important;
    height: 50px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 0 42px !important;

    color: var(--agdc-orange) !important;

    background: rgba(219,88,33,.035) !important;

    border: 1px solid rgba(219,88,33,.42) !important;

    border-radius: 50% !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    letter-spacing: 2px !important;

    z-index: 3 !important;

    transition:
        color .4s ease,
        background .4s ease,
        border-color .4s ease,
        transform .55s cubic-bezier(.16,1,.3,1),
        box-shadow .4s ease !important;
}


/* ---------------------------------------------------------
   TITLE
   --------------------------------------------------------- */

.agdc-why .agdc-benefit h3 {
    position: relative !important;

    max-width: 260px !important;

    margin: 0 0 17px !important;

    color: #fff !important;

    font-size: 20px !important;

    font-weight: 500 !important;

    line-height: 1.25 !important;

    letter-spacing: -.3px !important;

    z-index: 3 !important;

    transition:
        transform .45s cubic-bezier(.16,1,.3,1),
        color .35s ease !important;
}


/* ---------------------------------------------------------
   DESCRIPTION
   --------------------------------------------------------- */

.agdc-why .agdc-benefit p {
    position: relative !important;

    max-width: 275px !important;

    margin: 0 !important;

    color: rgba(255,255,255,.55) !important;

    font-size: 13px !important;

    line-height: 1.8 !important;

    z-index: 3 !important;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1) !important;
}


/* ---------------------------------------------------------
   HOVER — CARD
   --------------------------------------------------------- */

.agdc-why .agdc-benefit:hover {
    border-color: rgba(219,88,33,.40) !important;

    background:
        linear-gradient(
            145deg,
            rgba(219,88,33,.09),
            rgba(255,255,255,.018)
        ) !important;

    box-shadow:
        0 28px 65px rgba(0,0,0,.34),
        0 0 35px rgba(219,88,33,.055),
        inset 0 1px 0 rgba(255,255,255,.04) !important;

    transform: translateY(-12px) !important;
}


/* Keep staggered cards elevated correctly */

.agdc-why .agdc-benefit:nth-child(2):hover,
.agdc-why .agdc-benefit:nth-child(4):hover {
    transform: translateY(12px) !important;
}


/* ---------------------------------------------------------
   HOVER — DIAGONAL ORANGE ACCENT
   --------------------------------------------------------- */

.agdc-why .agdc-benefit:hover::before {
    transform:
        rotate(45deg)
        scale(1.05) !important;

    opacity: .16 !important;
}


/* ---------------------------------------------------------
   HOVER — LARGE NUMBER
   --------------------------------------------------------- */

.agdc-why .agdc-benefit:hover::after {
    transform:
        translate(-15px,-10px)
        scale(1.04) !important;

    -webkit-text-stroke-color:
        rgba(219,88,33,.25) !important;
}


/* ---------------------------------------------------------
   HOVER — NUMBER CIRCLE
   --------------------------------------------------------- */

.agdc-why .agdc-benefit:hover .agdc-benefit-number {
    color: #fff !important;

    background: var(--agdc-orange) !important;

    border-color: var(--agdc-orange) !important;

    transform:
        rotate(8deg)
        scale(1.08) !important;

    box-shadow:
        0 10px 28px rgba(219,88,33,.25) !important;
}


/* ---------------------------------------------------------
   HOVER — TITLE
   --------------------------------------------------------- */

.agdc-why .agdc-benefit:hover h3 {
    color: #fff !important;

    transform: translateX(5px) !important;
}


/* ---------------------------------------------------------
   HOVER — DESCRIPTION
   --------------------------------------------------------- */

.agdc-why .agdc-benefit:hover p {
    color: rgba(255,255,255,.78) !important;

    transform: translateX(5px) !important;
}


/* =========================================================
   ORANGE CORNER DOTS
   ========================================================= */

.agdc-why .agdc-benefit h3::after {
    content: "" !important;

    display: inline-block !important;

    width: 5px !important;
    height: 5px !important;

    margin-left: 8px !important;

    vertical-align: middle !important;

    background: var(--agdc-orange) !important;

    border-radius: 50% !important;

    opacity: 0 !important;

    transform: scale(0) !important;

    transition:
        opacity .3s ease,
        transform .3s ease !important;
}


.agdc-why .agdc-benefit:hover h3::after {
    opacity: 1 !important;

    transform: scale(1) !important;
}


/* =========================================================
   SMALL ARROW
   ========================================================= */

.agdc-why .agdc-benefit p::after {
    content: "↗" !important;

    position: absolute !important;

    left: 0 !important;

    bottom: -45px !important;

    width: 30px !important;
    height: 30px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: var(--agdc-orange) !important;

    border: 1px solid rgba(219,88,33,.35) !important;

    border-radius: 50% !important;

    font-size: 14px !important;

    opacity: 0 !important;

    transform:
        translateY(8px)
        rotate(-20deg) !important;

    transition:
        opacity .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1) !important;
}


.agdc-why .agdc-benefit:hover p::after {
    opacity: 1 !important;

    transform:
        translateY(0)
        rotate(0) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .agdc-why .agdc-benefits {
        grid-template-columns: repeat(2, 1fr) !important;

        gap: 18px !important;
    }


    .agdc-why .agdc-benefit {
        min-height: 280px !important;
    }


    .agdc-why .agdc-benefit:nth-child(2),
    .agdc-why .agdc-benefit:nth-child(4) {
        transform: translateY(20px) !important;
    }


    .agdc-why .agdc-benefit:nth-child(2):hover,
    .agdc-why .agdc-benefit:nth-child(4):hover {
        transform: translateY(8px) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .agdc-why .agdc-benefits {
        grid-template-columns: 1fr !important;

        gap: 14px !important;
    }


    .agdc-why .agdc-benefit,
    .agdc-why .agdc-benefit:nth-child(2),
    .agdc-why .agdc-benefit:nth-child(3),
    .agdc-why .agdc-benefit:nth-child(4) {
        min-height: 255px !important;

        padding: 32px 27px 35px !important;

        transform: none !important;
    }


    .agdc-why .agdc-benefit:hover,
    .agdc-why .agdc-benefit:nth-child(2):hover,
    .agdc-why .agdc-benefit:nth-child(4):hover {
        transform: translateY(-7px) !important;
    }


    .agdc-why .agdc-benefit-number {
        width: 44px !important;
        height: 44px !important;

        margin-bottom: 30px !important;
    }


    .agdc-why .agdc-benefit h3 {
        font-size: 18px !important;
    }


    .agdc-why .agdc-benefit p {
        font-size: 13px !important;
    }


    .agdc-why .agdc-benefit::after {
        font-size: 115px !important;

        right: -8px !important;

        bottom: -25px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .agdc-why .agdc-benefit {
        min-height: 235px !important;

        padding: 28px 23px 32px !important;
    }


    .agdc-why .agdc-benefit-number {
        width: 40px !important;
        height: 40px !important;

        margin-bottom: 25px !important;
    }


    .agdc-why .agdc-benefit h3 {
        font-size: 17px !important;
    }


    .agdc-why .agdc-benefit::after {
        font-size: 100px !important;
    }

}

/* =========================================================
   AGDC PREMIUM GALLERY
   EDITORIAL / LUXURY DANCE STYLE
   ========================================================= */


/* ---------------------------------------------------------
   GALLERY SECTION
   --------------------------------------------------------- */

.agdc-gallery.agdc-section {
    position: relative !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(219, 88, 33, .055) 0,
            rgba(219, 88, 33, 0) 28%
        ),
        radial-gradient(
            circle at 94% 85%,
            rgba(219, 88, 33, .045) 0,
            rgba(219, 88, 33, 0) 30%
        ),
        #fff !important;

    isolation: isolate !important;
}


/* ---------------------------------------------------------
   LARGE DECORATIVE ORANGE CIRCLE
   --------------------------------------------------------- */

.agdc-gallery.agdc-section::before {
    content: "" !important;

    position: absolute !important;

    width: 430px !important;
    height: 430px !important;

    right: -250px !important;
    top: 110px !important;

    background: rgba(219, 88, 33, .045) !important;

    border-radius: 50% !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* ---------------------------------------------------------
   SMALL DECORATIVE ORANGE SHAPE
   --------------------------------------------------------- */

.agdc-gallery.agdc-section::after {
    content: "" !important;

    position: absolute !important;

    width: 180px !important;
    height: 180px !important;

    left: -105px !important;
    bottom: 40px !important;

    background: rgba(219, 88, 33, .075) !important;

    border-radius: 50% !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* ---------------------------------------------------------
   KEEP CONTENT ABOVE DECORATION
   --------------------------------------------------------- */

.agdc-gallery .agdc-container {
    position: relative !important;

    z-index: 2 !important;
}


/* =========================================================
   GALLERY HEADING
   ========================================================= */

.agdc-gallery .agdc-gallery-heading {
    position: relative !important;

    display: flex !important;

    align-items: flex-end !important;

    justify-content: space-between !important;

    margin-bottom: 48px !important;
}


/* ---------------------------------------------------------
   GALLERY SCRIPT TITLE
   --------------------------------------------------------- */

.agdc-gallery .agdc-script {
    position: relative !important;

    display: inline-block !important;

    margin-bottom: 13px !important;

    color: var(--agdc-orange) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 24px !important;

    font-style: italic !important;
}


/* Small line beside Gallery */

.agdc-gallery .agdc-script::after {
    content: "" !important;

    display: inline-block !important;

    width: 42px !important;
    height: 1px !important;

    margin-left: 14px !important;

    vertical-align: middle !important;

    background: var(--agdc-orange) !important;

    opacity: .65 !important;
}


/* ---------------------------------------------------------
   MAIN GALLERY HEADING
   --------------------------------------------------------- */

.agdc-gallery .agdc-section-heading {
    position: relative !important;

    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   HEADING ORANGE DOT
   --------------------------------------------------------- */

.agdc-gallery .agdc-section-heading h2 {
    position: relative !important;
}


.agdc-gallery .agdc-section-heading h2::after {
    content: "" !important;

    display: inline-block !important;

    width: 8px !important;
    height: 8px !important;

    margin-left: 10px !important;

    background: var(--agdc-orange) !important;

    border-radius: 50% !important;

    vertical-align: baseline !important;
}


/* =========================================================
   PREMIUM SEE MORE BUTTON
   ========================================================= */

.agdc-gallery .agdc-outline-link {
    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 14px !important;

    min-height: 48px !important;

    padding: 0 22px 0 24px !important;

    color: #111 !important;

    background: transparent !important;

    border: 1px solid rgba(0,0,0,.22) !important;

    border-radius: 2px !important;

    text-decoration: none !important;

    text-transform: uppercase !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    letter-spacing: 2px !important;

    overflow: hidden !important;

    transition:
        color .4s ease,
        background .4s ease,
        border-color .4s ease,
        transform .4s cubic-bezier(.16,1,.3,1),
        box-shadow .4s ease !important;
}


/* Button arrow */

.agdc-gallery .agdc-outline-link::after {
    content: "↗" !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 23px !important;
    height: 23px !important;

    color: var(--agdc-orange) !important;

    font-size: 15px !important;

    transition:
        transform .4s cubic-bezier(.16,1,.3,1),
        color .3s ease !important;
}


/* Button hover */

.agdc-gallery .agdc-outline-link:hover {
    color: #fff !important;

    background: #050505 !important;

    border-color: #050505 !important;

    transform: translateY(-4px) !important;

    box-shadow:
        0 15px 35px rgba(0,0,0,.16) !important;
}


.agdc-gallery .agdc-outline-link:hover::after {
    color: var(--agdc-orange) !important;

    transform:
        translate(4px,-4px) !important;
}


/* =========================================================
   PREMIUM GALLERY GRID
   ========================================================= */

.agdc-gallery .agdc-gallery-grid {
    position: relative !important;

    display: grid !important;

    grid-template-columns:
        1.25fr
        .875fr
        .875fr !important;

    grid-auto-rows: 245px !important;

    gap: 18px !important;

    padding: 8px !important;

    margin: 0 !important;
}


/* =========================================================
   GALLERY ITEMS
   ========================================================= */

.agdc-gallery .agdc-gallery-item {
    position: relative !important;

    overflow: hidden !important;

    border-radius: 14px !important;

    background: #eee !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.08) !important;

    transform: translateY(0) !important;

    transition:
        transform .65s cubic-bezier(.16,1,.3,1),
        box-shadow .65s ease !important;
}


/* ---------------------------------------------------------
   INDIVIDUAL IMAGE ROUNDED CORNERS
   --------------------------------------------------------- */

.agdc-gallery .agdc-gallery-item img {
    width: 100% !important;

    height: 100% !important;

    display: block !important;

    object-fit: cover !important;

    border-radius: 14px !important;

    transform: scale(1.001) !important;

    transition:
        transform 1s cubic-bezier(.16,1,.3,1),
        filter .7s ease !important;
}


/* =========================================================
   DARK PREMIUM OVERLAY
   ========================================================= */

.agdc-gallery .agdc-gallery-item::before {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            145deg,
            rgba(0,0,0,0),
            rgba(0,0,0,.06) 45%,
            rgba(0,0,0,.68) 100%
        ) !important;

    opacity: .35 !important;

    z-index: 2 !important;

    pointer-events: none !important;

    transition:
        opacity .6s ease !important;
}


/* =========================================================
   ORANGE EDGE
   ========================================================= */

.agdc-gallery .agdc-gallery-item::after {
    content: "" !important;

    position: absolute !important;

    left: 18px !important;
    bottom: 18px !important;

    width: 34px !important;
    height: 2px !important;

    background: var(--agdc-orange) !important;

    z-index: 3 !important;

    transform:
        scaleX(.35) !important;

    transform-origin: left center !important;

    opacity: .85 !important;

    transition:
        transform .55s cubic-bezier(.16,1,.3,1),
        width .55s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   LARGE IMAGE
   ========================================================= */

.agdc-gallery .agdc-gallery-large {
    grid-row: span 2 !important;

    border-radius: 18px !important;
}


.agdc-gallery .agdc-gallery-large img {
    border-radius: 18px !important;
}


/* =========================================================
   IMAGE NUMBER LABELS
   ========================================================= */

.agdc-gallery .agdc-gallery-item:nth-child(1) {
    counter-increment: gallery-item;
}


.agdc-gallery .agdc-gallery-item:nth-child(1)::marker {
    display: none !important;
}


/* Number badges */

.agdc-gallery .agdc-gallery-item:nth-child(1)::after {
    content: "01" !important;

    width: auto !important;
    height: auto !important;

    left: auto !important;
    right: 20px !important;
    bottom: 18px !important;

    padding: 7px 10px !important;

    border: 1px solid rgba(255,255,255,.35) !important;

    background: rgba(0,0,0,.25) !important;

    color: #fff !important;

    border-radius: 50px !important;

    font-size: 9px !important;

    letter-spacing: 2px !important;

    transform: none !important;
}


.agdc-gallery .agdc-gallery-item:nth-child(2)::after {
    content: "02" !important;

    width: auto !important;
    height: auto !important;

    left: auto !important;
    right: 16px !important;
    bottom: 16px !important;

    padding: 6px 9px !important;

    border: 1px solid rgba(255,255,255,.3) !important;

    background: rgba(0,0,0,.22) !important;

    color: #fff !important;

    border-radius: 50px !important;

    font-size: 8px !important;

    letter-spacing: 2px !important;

    transform: none !important;
}


.agdc-gallery .agdc-gallery-item:nth-child(3)::after {
    content: "03" !important;

    width: auto !important;
    height: auto !important;

    left: auto !important;
    right: 16px !important;
    bottom: 16px !important;

    padding: 6px 9px !important;

    border: 1px solid rgba(255,255,255,.3) !important;

    background: rgba(0,0,0,.22) !important;

    color: #fff !important;

    border-radius: 50px !important;

    font-size: 8px !important;

    letter-spacing: 2px !important;

    transform: none !important;
}


.agdc-gallery .agdc-gallery-item:nth-child(4)::after {
    content: "04" !important;

    width: auto !important;
    height: auto !important;

    left: auto !important;
    right: 16px !important;
    bottom: 16px !important;

    padding: 6px 9px !important;

    border: 1px solid rgba(255,255,255,.3) !important;

    background: rgba(0,0,0,.22) !important;

    color: #fff !important;

    border-radius: 50px !important;

    font-size: 8px !important;

    letter-spacing: 2px !important;

    transform: none !important;
}


/* =========================================================
   HOVER EFFECT
   ========================================================= */

.agdc-gallery .agdc-gallery-item:hover {
    transform: translateY(-9px) !important;

    box-shadow:
        0 28px 65px rgba(0,0,0,.17),
        0 0 0 1px rgba(219,88,33,.12) !important;
}


.agdc-gallery .agdc-gallery-item:hover img {
    transform: scale(1.075) !important;

    filter:
        saturate(1.08)
        contrast(1.02) !important;
}


.agdc-gallery .agdc-gallery-item:hover::before {
    opacity: .75 !important;
}


.agdc-gallery .agdc-gallery-item:hover::after {
    transform: scaleX(1) !important;

    width: 55px !important;
}


/* =========================================================
   SPECIAL POSITIONING
   ========================================================= */

/* Main image */

.agdc-gallery .agdc-gallery-large {
    transform: translateY(0) !important;
}


.agdc-gallery .agdc-gallery-large:hover {
    transform: translateY(-10px) !important;
}


/* Top-right image */

.agdc-gallery .agdc-gallery-item:nth-child(2) {
    transform: translateY(-5px) !important;
}


.agdc-gallery .agdc-gallery-item:nth-child(2):hover {
    transform: translateY(-14px) !important;
}


/* Bottom-middle */

.agdc-gallery .agdc-gallery-item:nth-child(4) {
    transform: translateY(5px) !important;
}


.agdc-gallery .agdc-gallery-item:nth-child(4):hover {
    transform: translateY(-5px) !important;
}


/* =========================================================
   SUBTLE ORANGE GLOW BEHIND GALLERY
   ========================================================= */

.agdc-gallery .agdc-gallery-grid::before {
    content: "" !important;

    position: absolute !important;

    width: 250px !important;
    height: 250px !important;

    left: 32% !important;
    bottom: -100px !important;

    background:
        radial-gradient(
            circle,
            rgba(219,88,33,.12) 0,
            rgba(219,88,33,0) 70%
        ) !important;

    pointer-events: none !important;

    z-index: -1 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .agdc-gallery .agdc-gallery-grid {
        grid-template-columns:
            1.1fr
            .9fr !important;

        grid-auto-rows: 220px !important;

        gap: 15px !important;
    }


    .agdc-gallery .agdc-gallery-large {
        grid-row: span 2 !important;
    }


    .agdc-gallery .agdc-gallery-heading {
        margin-bottom: 40px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .agdc-gallery.agdc-section {
        padding: 75px 0 !important;
    }


    .agdc-gallery .agdc-gallery-heading {
        display: block !important;

        margin-bottom: 35px !important;
    }


    .agdc-gallery .agdc-gallery-heading .agdc-outline-link {
        margin-top: 25px !important;
    }


    .agdc-gallery .agdc-gallery-grid {
        grid-template-columns: 1fr 1fr !important;

        grid-auto-rows: 190px !important;

        gap: 12px !important;

        padding: 4px !important;
    }


    .agdc-gallery .agdc-gallery-item {
        border-radius: 11px !important;
    }


    .agdc-gallery .agdc-gallery-item img {
        border-radius: 11px !important;
    }


    .agdc-gallery .agdc-gallery-large {
        grid-row: span 2 !important;
    }


    .agdc-gallery .agdc-gallery-item:nth-child(2),
    .agdc-gallery .agdc-gallery-item:nth-child(4) {
        transform: none !important;
    }


    .agdc-gallery .agdc-gallery-item:nth-child(2):hover,
    .agdc-gallery .agdc-gallery-item:nth-child(4):hover {
        transform: translateY(-6px) !important;
    }


    .agdc-gallery .agdc-gallery-item:hover,
    .agdc-gallery .agdc-gallery-large:hover {
        transform: translateY(-6px) !important;
    }


    .agdc-gallery.agdc-section::before {
        width: 250px !important;
        height: 250px !important;

        right: -170px !important;
    }


    .agdc-gallery.agdc-section::after {
        width: 110px !important;
        height: 110px !important;

        left: -65px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .agdc-gallery .agdc-gallery-grid {
        grid-template-columns: 1fr !important;

        grid-auto-rows: 240px !important;

        gap: 14px !important;
    }


    .agdc-gallery .agdc-gallery-large {
        grid-row: auto !important;
    }


    .agdc-gallery .agdc-gallery-item,
    .agdc-gallery .agdc-gallery-large {
        min-height: 240px !important;

        border-radius: 12px !important;
    }


    .agdc-gallery .agdc-gallery-item img,
    .agdc-gallery .agdc-gallery-large img {
        border-radius: 12px !important;
    }


    .agdc-gallery .agdc-section-heading h2::after {
        width: 6px !important;
        height: 6px !important;
    }

}

/* =========================================================
   SHARED RESPONSIVE — STATS / VIDEO / JOIN
   ========================================================= */

@media (max-width: 1024px) {

    .agdc-container {
        width: min(100% - 50px, 900px);
    }

    .agdc-section {
        padding: 90px 0;
    }

    .agdc-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px 0;
    }

}

@media (max-width: 767px) {

    .agdc-container {
        width: calc(100% - 35px);
    }

    .agdc-section {
        padding: 70px 0;
    }

    .agdc-stats {
        padding: 75px 0;
    }

    .agdc-stats-grid {
        grid-template-columns: 1fr 1fr;
    }

    .agdc-stat {
        border-right: 0;
        padding: 20px 10px;
    }

    .agdc-stat strong {
        font-size: 48px;
    }

    .agdc-video {
        min-height: 500px;
    }

    .agdc-join {
        min-height: 500px;
    }

    .agdc-join h2 {
        font-size: 48px;
    }

}

@media (max-width: 480px) {

    .agdc-container {
        width: calc(100% - 28px);
    }

    .agdc-section h2 {
        font-size: 38px;
        letter-spacing: -1.5px;
    }

    .agdc-script {
        font-size: 19px;
    }

}

/* =========================================================
   AGDC CONTACT
   PREMIUM LIGHT-ORANGE FORM
   ========================================================= */

.agdc-contact.agdc-section {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(219, 88, 33, .055) 0,
            rgba(219, 88, 33, 0) 24%
        ),
        radial-gradient(
            circle at 85% 88%,
            rgba(219, 88, 33, .045) 0,
            rgba(219, 88, 33, 0) 25%
        ),
        #fff !important;
}


/* ---------------------------------------------------------
   CONTACT CONTAINER
   --------------------------------------------------------- */

.agdc-contact .agdc-container {
    position: relative !important;
    z-index: 2 !important;
}


/* ---------------------------------------------------------
   TWO-COLUMN LAYOUT
   --------------------------------------------------------- */

.agdc-contact .agdc-contact-grid {
    display: grid !important;

    grid-template-columns:
        minmax(0, .85fr)
        minmax(0, 1.15fr) !important;

    gap: clamp(50px, 7vw, 95px) !important;

    align-items: center !important;
}


/* ---------------------------------------------------------
   LEFT CONTENT
   --------------------------------------------------------- */

.agdc-contact-intro {
    position: relative !important;
    max-width: 470px !important;
    padding: 25px 0 !important;
}


/* Contact Us */

.agdc-contact-intro .agdc-script {
    display: inline-flex !important;
    align-items: center !important;

    color: var(--agdc-orange) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 24px !important;
    font-style: italic !important;

    margin-bottom: 18px !important;
}


/* Small orange line */

.agdc-contact-intro .agdc-script::after {
    content: "" !important;

    width: 42px !important;
    height: 1px !important;

    margin-left: 14px !important;

    background: var(--agdc-orange) !important;

    opacity: .7 !important;
}


/* Main heading */

.agdc-contact-intro h2 {
    position: relative !important;

    margin: 0 0 30px !important;

    color: #050505 !important;

    font-size: clamp(50px, 6vw, 82px) !important;

    line-height: .88 !important;

    font-weight: 800 !important;

    letter-spacing: -4px !important;
}


/* Soft orange glow behind heading */

.agdc-contact-intro h2::before {
    content: "" !important;

    position: absolute !important;

    width: 180px !important;
    height: 180px !important;

    left: -70px !important;
    top: -55px !important;

    background:
        radial-gradient(
            circle,
            rgba(219, 88, 33, .10) 0,
            rgba(219, 88, 33, 0) 70%
        ) !important;

    border-radius: 50% !important;

    z-index: -1 !important;

    pointer-events: none !important;
}


/* Description */

.agdc-contact-intro p {
    max-width: 410px !important;

    margin: 0 !important;

    color: #666 !important;

    font-size: 15px !important;

    line-height: 1.85 !important;
}


/* Orange accent before description */

.agdc-contact-intro p::before {
    content: "" !important;

    display: block !important;

    width: 55px !important;
    height: 2px !important;

    margin-bottom: 22px !important;

    background: var(--agdc-orange) !important;
}


/* ---------------------------------------------------------
   FORM CARD
   --------------------------------------------------------- */

.agdc-contact-form {
    position: relative !important;

    width: 100% !important;

    box-sizing: border-box !important;

    padding: clamp(32px, 4vw, 48px) !important;

    background: #fff4ed !important;

    border: 1px solid rgba(219, 88, 33, .14) !important;

    border-radius: 20px !important;

    box-shadow:
        0 24px 65px rgba(219, 88, 33, .08),
        0 8px 25px rgba(0, 0, 0, .055) !important;

    transition:
        transform .45s cubic-bezier(.16,1,.3,1),
        box-shadow .45s ease,
        border-color .45s ease !important;
}


/* Premium orange side accent */

.agdc-contact-form::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 34px !important;
    bottom: 34px !important;

    width: 3px !important;

    background: var(--agdc-orange) !important;

    border-radius: 0 4px 4px 0 !important;
}



/* ---------------------------------------------------------
   CONTACT FORM 7 — REMOVE DUPLICATE INNER CONTAINER
   --------------------------------------------------------- */

/* Keep only the outer .agdc-contact-form card */
.agdc-contact-form .wpcf7 {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;
}

/* Remove any theme/CF7 decorative circles */
.agdc-contact-form .wpcf7::before,
.agdc-contact-form .wpcf7::after,
.agdc-contact-form .wpcf7-form::before,
.agdc-contact-form .wpcf7-form::after {
    display: none !important;
    content: none !important;
}

/* Form itself must not become a second card */
.agdc-contact-form .wpcf7 form,
.agdc-contact-form .wpcf7-form {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   CF7 FORM LAYOUT
   --------------------------------------------------------- */

.agdc-contact-form form {
    width: 100% !important;
}


/* Two fields on first row */

.agdc-contact-form .agdc-form-row {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr) !important;

    gap: 18px !important;

    margin: 0 0 18px !important;
}


/* Individual field */

.agdc-contact-form .agdc-form-field {
    min-width: 0 !important;

    margin: 0 !important;
}


/* Field labels */

.agdc-contact-form .agdc-form-field > label {
    display: block !important;

    margin: 0 0 8px !important;

    color: var(--agdc-orange) !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: 1.8px !important;

    text-transform: uppercase !important;
}


/* All CF7 controls */

.agdc-contact-form .agdc-form-field input[type="text"],
.agdc-contact-form .agdc-form-field input[type="email"],
.agdc-contact-form .agdc-form-field input[type="tel"],
.agdc-contact-form .agdc-form-field textarea {
    display: block !important;

    width: 100% !important;

    box-sizing: border-box !important;

    padding: 16px 17px !important;

    border: 1px solid rgba(219, 88, 33, .18) !important;

    border-radius: 11px !important;

    background: rgba(255,255,255,.72) !important;

    color: var(--agdc-orange) !important;

    font-family: inherit !important;

    font-size: 14px !important;

    line-height: 1.5 !important;

    outline: none !important;

    box-shadow: none !important;

    transition:
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease,
        transform .3s ease !important;
}


/* Placeholder */

.agdc-contact-form .agdc-form-field input::placeholder,
.agdc-contact-form .agdc-form-field textarea::placeholder {
    color: var(--agdc-orange) !important;
    opacity: .65 !important;
}


/* Message */

.agdc-contact-form .agdc-form-field textarea {
    min-height: 205px !important;
    resize: vertical !important;
}


/* Focus */

.agdc-contact-form .agdc-form-field input:focus,
.agdc-contact-form .agdc-form-field textarea:focus {
    border-color: var(--agdc-orange) !important;

    background: #fff !important;

    box-shadow:
        0 0 0 4px rgba(219,88,33,.09) !important;

    transform: translateY(-1px) !important;
}


/* ---------------------------------------------------------
   REMOVE CF7 DEFAULT SPACING / BREAKS
   --------------------------------------------------------- */

.agdc-contact-form form > p {
    margin: 0 !important;
}

.agdc-contact-form form br {
    display: none !important;
}


/* ---------------------------------------------------------
   SUBMIT BUTTON
   --------------------------------------------------------- */

.agdc-contact-form input[type="submit"] {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 155px !important;
    min-height: 52px !important;

    margin-top: 4px !important;

    padding: 0 28px !important;

    border: 1px solid var(--agdc-orange) !important;

    border-radius: 10px !important;

    background: var(--agdc-orange) !important;

    color: #fff !important;

    font-family: inherit !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: 2px !important;

    text-transform: uppercase !important;

    cursor: pointer !important;

    transition:
        transform .35s cubic-bezier(.16,1,.3,1),
        background .35s ease,
        color .35s ease,
        box-shadow .35s ease !important;
}


.agdc-contact-form input[type="submit"]:hover {
    background: #050505 !important;

    color: var(--agdc-orange) !important;

    border-color: #050505 !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 14px 30px rgba(0,0,0,.16) !important;
}


/* ---------------------------------------------------------
   CF7 VALIDATION
   --------------------------------------------------------- */

.agdc-contact-form .wpcf7-not-valid-tip {
    display: block !important;

    margin-top: 6px !important;

    color: var(--agdc-orange) !important;

    font-size: 10px !important;
}


.agdc-contact-form .wpcf7-response-output {
    margin: 18px 0 0 !important;

    padding: 12px 14px !important;

    border: 1px solid rgba(219,88,33,.25) !important;

    border-radius: 9px !important;

    color: var(--agdc-orange) !important;

    font-size: 12px !important;
}


/* ---------------------------------------------------------
   CONTACT ENTRY ANIMATION
   --------------------------------------------------------- */

.agdc-contact-intro.agdc-reveal,
.agdc-contact-form.agdc-reveal {
    opacity: 1 !important;

    transform: none !important;

    animation:
        agdcContactReveal .9s
        cubic-bezier(.16,1,.3,1)
        both !important;
}


.agdc-contact-form.agdc-reveal {
    animation-delay: .16s !important;
}


@keyframes agdcContactReveal {

    from {
        opacity: 0;
        transform:
            translateY(35px)
            scale(.985);
    }

    to {
        opacity: 1;
        transform:
            translateY(0)
            scale(1);
    }

}


/* ---------------------------------------------------------
   FORM CARD HOVER
   --------------------------------------------------------- */

@media (min-width: 768px) {

    .agdc-contact-form:hover {
        transform: translateY(-6px) !important;

        border-color: rgba(219,88,33,.25) !important;

        box-shadow:
            0 32px 80px rgba(219,88,33,.10),
            0 12px 30px rgba(0,0,0,.07) !important;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .agdc-contact .agdc-contact-grid {
        grid-template-columns:
            minmax(0, .9fr)
            minmax(0, 1.1fr) !important;

        gap: 45px !important;
    }

    .agdc-contact-intro h2 {
        font-size: clamp(46px, 7vw, 68px) !important;

        letter-spacing: -3px !important;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .agdc-contact.agdc-section {
        padding: 75px 0 !important;
    }

    .agdc-contact .agdc-contact-grid {
        grid-template-columns: 1fr !important;

        gap: 42px !important;
    }

    .agdc-contact-intro {
        max-width: 100% !important;

        padding: 0 !important;
    }

    .agdc-contact-intro h2 {
        font-size: clamp(48px, 15vw, 68px) !important;

        letter-spacing: -3px !important;
    }

    .agdc-contact-intro p {
        max-width: 520px !important;
    }

    .agdc-contact-form {
        padding: 28px 23px !important;

        border-radius: 16px !important;
    }

    .agdc-contact-form::before {
        top: 24px !important;
        bottom: 24px !important;
    }

    .agdc-contact-form .agdc-form-row {
        grid-template-columns: 1fr !important;

        gap: 17px !important;
    }

    .agdc-contact-form .agdc-form-field textarea {
        min-height: 185px !important;
    }

    .agdc-contact-form input[type="submit"] {
        width: 100% !important;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .agdc-contact.agdc-section {
        padding: 65px 0 !important;
    }

    .agdc-contact-intro .agdc-script {
        font-size: 20px !important;
    }

    .agdc-contact-intro h2 {
        font-size: 46px !important;

        letter-spacing: -2.5px !important;
    }

    .agdc-contact-intro p {
        font-size: 14px !important;
    }

    .agdc-contact-form {
        padding: 24px 18px !important;

        border-radius: 14px !important;
    }

    .agdc-contact-form .agdc-form-field input[type="text"],
    .agdc-contact-form .agdc-form-field input[type="email"],
    .agdc-contact-form .agdc-form-field input[type="tel"],
    .agdc-contact-form .agdc-form-field textarea {
        padding: 14px 15px !important;
    }

    .agdc-contact-form .agdc-form-field textarea {
        min-height: 165px !important;
    }

}


/* =========================================================
   FIX — REMOVE DUPLICATE INNER CONTACT FORM CONTAINER
   ========================================================= */

/* Keep the OUTER contact form as the only card */
.agdc-contact-form .agdc-contact-form {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    backdrop-filter: none !important;

    transform: none !important;
}

/* Remove the duplicate orange side line */
.agdc-contact-form .agdc-contact-form::before {
    display: none !important;
    content: none !important;
}

/* Remove any duplicate decorative element */
.agdc-contact-form .agdc-contact-form::after {
    display: none !important;
    content: none !important;
}

/* Don't apply the outer card hover effect to the inner wrapper */
.agdc-contact-form .agdc-contact-form:hover {
    transform: none !important;

    border-color: transparent !important;

    box-shadow: none !important;
}


/* =========================================================
   AGDC CONTACT FORM — PREMIUM UNDERLINE FIELDS
   ========================================================= */

.agdc-contact-form .agdc-form-field input[type="text"],
.agdc-contact-form .agdc-form-field input[type="email"],
.agdc-contact-form .agdc-form-field input[type="tel"],
.agdc-contact-form .agdc-form-field textarea {

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 14px 2px 12px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .22) !important;
    border-radius: 0 !important;

    outline: none !important;

    color: #111 !important;

    box-shadow: none !important;

    transition:
        border-color .3s ease,
        color .3s ease !important;
}


/* Placeholder */
.agdc-contact-form .agdc-form-field input::placeholder,
.agdc-contact-form .agdc-form-field textarea::placeholder {

    color: #777 !important;
    opacity: 1 !important;

    transition: color .3s ease !important;
}


/* Focus state */
.agdc-contact-form .agdc-form-field input:focus,
.agdc-contact-form .agdc-form-field textarea:focus {

    border-bottom-color: var(--agdc-orange) !important;

    color: #111 !important;

    box-shadow: none !important;
}


/* Placeholder focus */
.agdc-contact-form .agdc-form-field input:focus::placeholder,
.agdc-contact-form .agdc-form-field textarea:focus::placeholder {

    color: #aaa !important;
}


/* Message field */
.agdc-contact-form .agdc-message-field textarea {

    min-height: 120px !important;
    resize: vertical !important;

    padding-top: 14px !important;
}


/* Keep the phone field identical */
.agdc-contact-form .agdc-form-field input[type="tel"] {
    border-radius: 0 !important;
}


/* Remove any old field background */
.agdc-contact-form .agdc-form-field {
    background: transparent !important;
}


/* Remove old focus glow */
.agdc-contact-form .agdc-form-field input:focus,
.agdc-contact-form .agdc-form-field textarea:focus {
    outline: none !important;
}



/* Fix Student Portal CTA alignment and tagline visibility */
.agdc-portal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    margin-inline: auto;
}

.agdc-portal-content .agdc-script {
    display: inline-block;
    max-width: 100%;
    padding: 10px 22px;
    margin: 0 auto 18px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.28);
    color: #f26522;
    line-height: 1.5;
    text-align: center;
    box-sizing: border-box;
}

.agdc-portal-content h2,
.agdc-portal-content p {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.agdc-portal-content .agdc-portal-button {
    align-self: center;
    margin: 0 auto;
}

@media (max-width: 600px) {
    .agdc-portal-content .agdc-script {
        padding: 8px 14px;
        font-size: 1rem;
    }

    .agdc-portal-content h2 {
        font-size: clamp(2rem, 8vw, 3rem);
    }
    
    .agdc-portal-content .agdc-portal-button {
        display: inline-flex;
        align-self: center;
        width: auto;
        max-width: max-content;
        min-width: 0;
        padding: 13px 22px;
        margin: 0 auto;
        flex: 0 0 auto;
        white-space: nowrap;
    }
}