.ddc-signs-section {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.ddc-signs-section .ddc-signs-inner {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    box-sizing: border-box;
}

.ddc-signs-section .ddc-signs-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
    align-items: center;
    column-gap: clamp(40px, 7.5vw, 108px);
}

.ddc-signs-section .ddc-signs-image img {
    width: 100%;
    height: auto;
    display: block;
}

.ddc-signs-section .ddc-signs-heading {
    font-family: "Figtree", Arial, sans-serif;
    font-size: clamp(36px, 3.472vw, 50px);
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.ddc-signs-section .ddc-signs-description {
    font-family: "Figtree", Arial, sans-serif;
    font-size: clamp(15px, 1.25vw, 18px);
    line-height: 1.55;
    font-weight: 400;
}

.ddc-signs-section .ddc-signs-organizations {
    font-family: "Figtree", Arial, sans-serif;
    font-size: clamp(14px, 1.11vw, 16px);
    line-height: 1.5;
}

.ddc-signs-section .ddc-signs-arc {
    width: min(100%, 570px);
    height: auto;
}


/* =========================================================
   2. FOUNDATION
   ========================================================= */

.ddc-foundation-section {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.ddc-foundation-section .ddc-foundation-intro {
    width: 100%;
    max-width: 1122px;
    margin: 0 auto;
    text-align: center;
}

.ddc-foundation-section .ddc-foundation-heading {
    font-family: "Figtree", Arial, sans-serif;
    font-size: clamp(36px, 3.472vw, 50px) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: #000 !important;
}

.ddc-foundation-section .ddc-foundation-description {
    font-family: "Figtree", Arial, sans-serif;
    font-size: clamp(15px, 1.25vw, 18px) !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: #000;
    margin-top: 20px;
}

.ddc-foundation-cards {
    width: 100%;
    max-width: 1410px;
    margin: 0 auto;
    margin-top: 42px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;

    gap: clamp(4px, 0.55vw, 24px);
}

.ddc-foundation-card {
    position: relative;

    /*
     * 249px × 418px is the Figma reference.
     * Scale continuously down from that reference.
     */
    width: clamp(180px, 17.292vw, 249px);
    min-width: 0;
    height: clamp(310px, 29.028vw, 418px);

    flex: 1 1 0;

    background: #ffffff;

    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: clamp(10px, 1.04vw, 15px);

    box-shadow:
        4px 4px 3px rgba(0, 0, 0, 0.10),
        10px 10px 30px rgba(0, 0, 0, 0.15);

    padding:
        clamp(20px, 2.083vw, 30px)
        clamp(15px, 1.528vw, 22px)
        clamp(18px, 1.667vw, 24px);

    box-sizing: border-box;
}

.ddc-foundation-card-icon {
    width: clamp(32px, 2.893vw, 41.65px);
    height: clamp(32px, 2.893vw, 41.65px);

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

    margin:
        0 0
        clamp(10px, 0.14vw, 2px)
        clamp(12px, 1.528vw, 22px);
}

.ddc-foundation-card-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ddc-foundation-number {
    position: absolute;
    left: 0;
    top: clamp(45px, 4.444vw, 74px);

    width: clamp(65px, 6.25vw, 90px);

    font-family: "Figtree", Arial, sans-serif;
    font-size: clamp(52px, 4.861vw, 70px);
    font-weight: 800;
    line-height: 1;

    color: #ff6700;

    pointer-events: none;
    z-index: 1;
    margin: 0 24px;
    flex-shrink: 0;
}

.ddc-foundation-card-content {
    position: relative;
    z-index: 2;

    margin-left: clamp(12px, 1.528vw, 22px);
    padding-right: 2px;
}

.ddc-foundation-card-title {
    margin: 0 0 clamp(5px, 0.486vw, 7px);
    padding: 0;

    font-family: "Figtree", Arial, sans-serif;
    font-size: clamp(19px, 1.667vw, 24px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;

    color: #254495;
}

.ddc-foundation-card-text {
    margin: 0;
    padding: 0;

    font-family: "Figtree", Arial, sans-serif;
    font-size: clamp(13px, 1.111vw, 16px);
    font-weight: 400;
    line-height: 1.44;
    letter-spacing: 0;

    color: #707070;
}

/* Orange process arrows */
.dic-process-card {
    position: relative;
}

.dic-process-card:not(:last-child)::after {
    content: "›";

    position: absolute;
    right: clamp(-19px, -0.7vw, -5px);
    top: 50%;

    transform: translateY(-50%);

    color: #FF6700;
    font-size: clamp(20px, 1.944vw, 38px);
    font-weight: 700;
    line-height: 1;

    z-index: 10;
}


/* =========================================================
   3. TECH STACK
   ========================================================= */

.dic-techstack-section {
    width: 100%;
    background: #f4f5f7;

    padding:
        clamp(50px, 4.861vw, 70px)
        clamp(15px, 1.389vw, 20px)
        clamp(60px, 5.556vw, 80px);

    box-sizing: border-box;
    overflow: hidden;
}

.dic-techstack-container {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
}

.dic-techstack-heading {
    width: 100%;
    max-width: 739px;

    min-height: clamp(90px, 8.333vw, 120px);

    margin: 0 auto clamp(25px, 2.431vw, 35px);

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

    text-align: center;

    font-family: "Figtree", Arial, sans-serif;
    font-size: clamp(32px, 3.472vw, 50px) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;

    color: #000000 !important;
}

.dic-techstack-list {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: clamp(7px, 0.694vw, 10px);
}

.dic-techstack-row {
    width: 100%;

    min-height: clamp(52px, 5vw, 72px);

    display: flex;
    flex-direction: row;
    align-items: center;

    background: #ffffff;

    border-radius: clamp(10px, 1.04vw, 15px);

    box-shadow:
        5px 5px 15px rgba(37, 68, 149, 0.15);

    box-sizing: border-box;

    padding:
        0
        clamp(14px, 1.944vw, 28px);
}

.dic-techstack-category {
    flex: 0 0 clamp(145px, 14.792vw, 213px);

    min-width: 0;

    font-family: "Figtree", Arial, sans-serif;
    font-size: clamp(13px, 1.528vw, 22px);
    line-height: 1.09;
    font-weight: 600;

    color: #254495;

    white-space: nowrap;
}

.dic-techstack-logos {
    flex: 1 1 auto;

    min-width: 0;

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

    gap: clamp(8px, 1.944vw, 28px);

    flex-wrap: nowrap;
}

.dic-techstack-logos img {
    display: block;

    width: auto;
    height: clamp(16px, 2.083vw, 30px);

    max-width: clamp(55px, 9.028vw, 130px);

    object-fit: contain;

    flex: 0 1 auto;
}


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

@media (max-width: 1024px) {

    .ddc-foundation-cards {
        gap: 5px;
    }

    .ddc-foundation-card {
        height: clamp(300px, 38vw, 390px);
        padding-left: 16px;
        padding-right: 16px;
    }

    .ddc-foundation-card-content {
        margin-left: 14px;
    }

    .dic-techstack-category {
        flex-basis: 145px;
    }

    .dic-techstack-logos {
        gap: 10px;
    }

}


/* =========================================================
   SMALL TABLET
   Keep desktop composition.
   ========================================================= */

@media (max-width: 900px) {

    .ddc-signs-section .ddc-signs-main {
        column-gap: 35px;
    }

    .ddc-foundation-card {
        height: 330px;
        padding: 20px 13px 18px;
    }

    .ddc-foundation-card-icon {
        margin-left: 14px;
    }

    .ddc-foundation-card-content {
        margin-left: 14px;
    }

    .ddc-foundation-number {
        top: 50px;
    }

    .dic-techstack-heading {
        min-height: 85px;
    }

    .dic-techstack-row {
        min-height: 52px;
    }

    .dic-techstack-category {
        flex-basis: 130px;
        font-size: 13px;
    }

    .dic-techstack-logos {
        gap: 8px;
    }

    .dic-techstack-logos img {
        height: 18px;
        max-width: 72px;
    }

}


/* =========================================================
   MOBILE
   This is the intentional structural breakpoint.
   ========================================================= */

@media (max-width: 767px) {

    /* ---------- THREE SIGNS ---------- */

    .ddc-signs-section .ddc-signs-main {
        grid-template-columns: 1fr;
        row-gap: 35px;
    }

    .ddc-signs-section .ddc-signs-image {
        order: 1;
    }

    .ddc-signs-section .ddc-signs-content {
        order: 2;
    }

    .ddc-signs-section .ddc-signs-heading {
        font-size: 32px;
        line-height: 1.05;
    }


    /* ---------- FOUNDATION ---------- */

    .ddc-foundation-section {
        padding-left: 18px;
        padding-right: 18px;
    }

    .ddc-foundation-section .ddc-foundation-heading {
        font-size: 32px !important;
        line-height: 1.05 !important;
    }

    .ddc-foundation-section .ddc-foundation-description {
        font-size: 15px !important;
        line-height: 1.47 !important;
    }

    .ddc-foundation-cards {
        flex-direction: column;
        align-items: center;
        gap: 18px;
    }

    .ddc-foundation-card {
        width: 100%;
        max-width: 360px;
        min-width: 0;
        height: auto;
        min-height: 350px;
    }

    .ddc-foundation-number {
        left: -12px;
        top: 45px;
        font-size: 70px;
    }

    .ddc-foundation-card-title {
        font-size: 21px !important;
        line-height: 23px !important;
    }

    .ddc-foundation-card-text {
        font-size: 15px;
        line-height: 21px;
    }


    /* ---------- TECH STACK ---------- */

    .dic-techstack-section {
        padding: 45px 15px 55px;
    }

    .dic-techstack-heading {
        min-height: auto;
        max-width: 360px;

        margin-bottom: 28px;

        font-size: 30px !important;
        line-height: 1.05 !important;
    }

    .dic-techstack-list {
        gap: 10px;
    }

    .dic-techstack-row {
        min-height: 56px;
        padding: 10px 12px;
        border-radius: 11px;
    }

    .dic-techstack-category {
        flex: 0 0 105px;
        font-size: 11px;
        line-height: 14px;
    }

    .dic-techstack-logos {
        gap: 7px;
    }

    .dic-techstack-logos img {
        height: 16px;
        max-width: 60px;
    }

}


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

@media (max-width: 420px) {

    .ddc-foundation-section {
        padding-left: 12px;
        padding-right: 12px;
    }

    .dic-techstack-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .dic-techstack-heading {
        font-size: 25px !important;
    }

    .dic-techstack-category {
        flex-basis: 92px;
        font-size: 10px;
    }

    .dic-techstack-logos {
        gap: 5px;
    }

    .dic-techstack-logos img {
        height: 14px;
        max-width: 52px;
    }

}
/* =========================================================
   DDC TESTIMONIALS
   ========================================================= */

.ddc-testimonials {
    --ddc-orange: #FF6700 !important;
    --ddc-text: #000000 !important;
    --ddc-muted: #6D6D6D !important;
    --ddc-card-bg: #F3F4F6 !important;

    color: #000000 !important;
    background-color: #FFFFFF !important;

    font-family: "Figtree", Arial, sans-serif !important;

    box-sizing: border-box !important;
}


/* Make box sizing predictable inside the component */

.ddc-testimonials *,
.ddc-testimonials *::before,
.ddc-testimonials *::after {
    box-sizing: border-box !important;
}


.ddc-testimonials h1,
.ddc-testimonials h2,
.ddc-testimonials h3,
.ddc-testimonials h4,
.ddc-testimonials h5,
.ddc-testimonials h6 {
    font-family: "Figtree", Arial, sans-serif !important;
    color: #000000 !important;
    margin-top: 0 !important;
}


/* All paragraphs */

.ddc-testimonials p {
    font-family: "Figtree", Arial, sans-serif !important;
    color: #000000 !important;
}


/* All links */

.ddc-testimonials a {
    font-family: inherit !important;
}


/* Images */

.ddc-testimonials img {
    max-width: none !important;
}

.ddc-testimonials__inner {
    width: min(1420px, calc(100% - 80px)) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    /*
     * Keep the Figma desktop proportions.
     */
    grid-template-columns:
        minmax(260px, 435px)
        minmax(0, 1fr) !important;

    column-gap: 70px !important;

    align-items: stretch !important;
}


.ddc-testimonials__intro {
    min-height: 620px !important;

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

    color: #000000 !important;
}


.ddc-testimonials__intro-inner {
    width: 100% !important;
    max-width: 435px !important;

    padding: 40px 20px !important;

    color: #000000 !important;
}


.ddc-testimonials__title {
    margin: 0 0 22px 0 !important;

    max-width: 300px !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: clamp(40px, 3.47vw, 50px) !important;

    line-height: 1 !important;

    font-weight: 700 !important;

    letter-spacing: -0.03em !important;

    color: #000000 !important;

    text-align: left !important;
}


/* Make sure Elementor does not inject a heading color */

.ddc-testimonials .ddc-testimonials__title,
.ddc-testimonials .ddc-testimonials__title *,
.ddc-testimonials .ddc-testimonials__title strong,
.ddc-testimonials .ddc-testimonials__title span {
    color: #000000 !important;
}


/* =========================================================
   RATING
   ========================================================= */

.ddc-testimonials__rating {
    display: flex !important;
    align-items: center !important;

    gap: 7px !important;

    margin: 0 0 28px 0 !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: clamp(12px, 0.8vw, 14px) !important;

    line-height: 1 !important;

    font-weight: 700 !important;

    color: #000000 !important;
}


.ddc-testimonials__rating,
.ddc-testimonials__rating * {
    color: #000000 !important;
}


/* Rating icon */

.ddc-testimonials__rating-icon,
.ddc-testimonials__rating-icon svg {
    color: #FF6700 !important;
    fill: #FF6700 !important;
}


/* Stars */

.ddc-testimonials__stars {
    color: #FF6700 !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: clamp(10px, 0.7vw, 12px) !important;

    letter-spacing: 1px !important;
}


.ddc-testimonials__button {
    display: inline-flex !important;

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

    min-width: 91px !important;
    height: clamp(42px, 3.82vw, 55px) !important;

    padding: 0 22px !important;

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

    background: #FF6700 !important;
    background-color: #FF6700 !important;

    color: #FFFFFF !important;

    font-family: "Lexend Deca", Arial, sans-serif !important;

    font-size: clamp(11px, 0.79vw, 15px) !important;

    line-height: 1 !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    box-shadow: 0 5px 12px rgba(255, 103, 0, .18) !important;
}


.ddc-testimonials__button,
.ddc-testimonials__button span,
.ddc-testimonials__button strong,
.ddc-testimonials__button:hover,
.ddc-testimonials__button:focus,
.ddc-testimonials__button:active {
    color: #FFFFFF !important;
    background-color: #FF6700 !important;
}


.ddc-testimonials__button:hover {
    background-color: #FF6700 !important;
    color: #FFFFFF !important;

    transform: translateY(-2px);

    box-shadow: 0 8px 18px rgba(255, 103, 0, .24) !important;
}


/* =========================================================
   RIGHT TESTIMONIAL VIEWPORT
   ========================================================= */

.ddc-testimonials__viewport {
    position: relative !important;

    min-width: 0 !important;

    height: 620px !important;

    overflow: hidden !important;
}


/* =========================================================
   TWO ANIMATED COLUMNS
   ========================================================= */

.ddc-testimonials__columns {
    height: 100% !important;

    display: flex !important;

    gap: clamp(18px, 1.47vw, 28px) !important;

    justify-content: center !important;

    align-items: flex-start !important;
}


.ddc-testimonials__column {
    width: min(414px, 48%) !important;

    min-width: 0 !important;

    overflow: hidden !important;
}


/*
 * DO NOT add transform here.
 *
 * JS controls the animation.
 */

.ddc-testimonials__track {
    display: flex !important;

    flex-direction: column !important;

    gap: clamp(18px, 1.26vw, 24px) !important;

    will-change: transform !important;
}


/* Keep reverse column controlled by JS */

.ddc-testimonials__column--reverse .ddc-testimonials__track {
    transform: translateY(-50%);
}


/* =========================================================
   ALL TESTIMONIAL CARDS
   ========================================================= */

.ddc-testimonial-card {
    flex: 0 0 auto !important;

    width: 100% !important;

    margin: 0 !important;

    border-radius: 15px !important;

    overflow: hidden !important;

    font-family: "Figtree", Arial, sans-serif !important;
}


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

.ddc-testimonial-card--video {
    background: #F3F4F6 !important;

    padding: 10px !important;

    border-radius: 15px !important;

    box-shadow:
        0 6px 22px rgba(37, 68, 149, .13) !important;
}


/* Video media */

.ddc-testimonial-card__media {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    /*
     * Fluid desktop height.
     *
     * Maximum = Figma 458px
     */
    height: clamp(360px, 31.8vw, 458px) !important;

    border-radius: 15px !important;

    overflow: hidden !important;

    background: #DFE2E7 !important;

    text-decoration: none !important;
}


/* Image */

.ddc-testimonial-card__media img {
    display: block !important;

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

    max-width: none !important;

    margin: 0 !important;

    object-fit: cover !important;
}


/* Elementor image rules should not affect this */

.ddc-testimonial-card__media img.elementor-animation,
.ddc-testimonial-card__media img.elementor-image {
    width: 100% !important;
    height: 100% !important;
}


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

.ddc-testimonial-card__gradient {
    position: absolute !important;

    inset: 45% 0 0 0 !important;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(0, 0, 0, .72)
        ) !important;

    pointer-events: none !important;
}


/* =========================================================
   PLAY BUTTON
   ========================================================= */

.ddc-testimonial-card__play {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    z-index: 2 !important;

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

    display: inline-flex !important;

    opacity: .95 !important;
}


/* =========================================================
   VIDEO PERSON INFORMATION
   ========================================================= */

.ddc-testimonial-card__person {
    position: absolute !important;

    left: clamp(14px, 1.26vw, 18px) !important;
    right: clamp(14px, 1.26vw, 18px) !important;
    bottom: clamp(14px, 1.26vw, 18px) !important;

    z-index: 3 !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 3px !important;

    color: #FFFFFF !important;
}


.ddc-testimonial-card__person strong {
    margin: 0 !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: clamp(12px, 0.74vw, 14px) !important;

    line-height: 1.1 !important;

    font-weight: 700 !important;

    color: #FFFFFF !important;
}


.ddc-testimonial-card__person small {
    margin: 0 !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: clamp(8px, 0.47vw, 9px) !important;

    line-height: 1.2 !important;

    color: #FFFFFF !important;

    opacity: .9 !important;
}


/* =========================================================
   TEXT / QUOTE CARD
   ========================================================= */

.ddc-testimonial-card--quote {
    position: relative !important;

    min-height: clamp(160px, 13.33vw, 192px) !important;

    padding:
        clamp(17px, 1.39vw, 20px)
        clamp(20px, 1.67vw, 24px)
        clamp(18px, 1.53vw, 22px) !important;

    background: #F3F4F6 !important;

    color: #000000 !important;

    border-radius: 15px !important;

    box-shadow:
        0 6px 22px rgba(37, 68, 149, .09) !important;
}


.ddc-testimonial-card--quote,
.ddc-testimonial-card--quote * {
    font-family: "Figtree", Arial, sans-serif !important;
}


.ddc-testimonial-card__quote-mark {
    position: absolute !important;

    top: 8px !important;
    left: 13px !important;

    color: #D7E2EE !important;

    font-family: Georgia, serif !important;

    font-size: 48px !important;

    line-height: 1 !important;
}


.ddc-testimonial-card__quote {
    position: relative !important;

    z-index: 1 !important;

    margin-top: 25px !important;

    padding-right: 5px !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: clamp(12px, 0.74vw, 14px) !important;

    line-height: 1.65 !important;

    font-weight: 400 !important;

    letter-spacing: -.02em !important;

    color: #000000 !important;
}


.ddc-testimonial-card__quote p,
.ddc-testimonial-card__quote p.elementor-heading-title {
    margin: 0 !important;

    padding: 0 !important;

    color: #000000 !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: inherit !important;

    line-height: inherit !important;

    font-weight: 400 !important;
}


/* =========================================================
   QUOTE FOOTER
   ========================================================= */

.ddc-testimonial-card__quote-footer {
    margin-top: 16px !important;

    display: flex !important;

    align-items: flex-end !important;

    justify-content: space-between !important;

    gap: 15px !important;

    color: #000000 !important;
}


.ddc-testimonial-card__quote-footer > div {
    display: flex !important;

    flex-direction: column !important;

    gap: 3px !important;
}


.ddc-testimonial-card__quote-footer strong {
    margin: 0 !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: clamp(12px, 0.74vw, 14px) !important;

    line-height: 1.1 !important;

    font-weight: 700 !important;

    color: #000000 !important;
}


.ddc-testimonial-card__quote-footer small {
    margin: 0 !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: clamp(8px, 0.47vw, 9px) !important;

    line-height: 1.2 !important;

    color: #000000 !important;

    opacity: .75 !important;
}



.ddc-testimonial-card__brand-icon {
    width: 19px !important;
    height: 19px !important;

    display: inline-flex !important;

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

    flex: 0 0 19px !important;

    border-radius: 50% !important;

    background: #FF6700 !important;

    color: #FFFFFF !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: 11px !important;

    line-height: 1 !important;

    font-weight: 700 !important;
}


.ddc-testimonial-card__brand-icon * {
    color: #FFFFFF !important;
}


.ddc-testimonial-card__read-more {
    color: #FF6700 !important;

    font-family: "Figtree", Arial, sans-serif !important;

    font-size: 12px !important;

    line-height: 1.2 !important;

    font-weight: 500 !important;

    text-decoration: none !important;
}


.ddc-testimonial-card__read-more:hover,
.ddc-testimonial-card__read-more:focus {
    color: #FF6700 !important;

    text-decoration: underline !important;
}


/* =========================================================
   1440 → 1101
   SMOOTH DESKTOP / LAPTOP SCALING
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1440px) {

    .ddc-testimonials__inner {
        width: calc(100% - 80px) !important;

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

        column-gap: clamp(35px, 4.86vw, 70px) !important;
    }

    .ddc-testimonials__intro {
        min-height: clamp(560px, 43.06vw, 620px) !important;
    }

    .ddc-testimonials__viewport {
        height: clamp(560px, 43.06vw, 620px) !important;
    }

    .ddc-testimonials__column {
        width: min(414px, 48%) !important;
    }

    .ddc-testimonial-card__media {
        height: clamp(360px, 31.8vw, 458px) !important;
    }
}


/* =========================================================
   TABLET / SMALL LAPTOP
   761 → 1100
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    .ddc-testimonials__inner {
        width: calc(100% - 50px) !important;

        grid-template-columns:
            minmax(230px, 34%)
            minmax(0, 1fr) !important;

        column-gap: clamp(24px, 3vw, 35px) !important;

        min-height: 520px !important;
    }


    .ddc-testimonials__intro {
        min-height: 520px !important;
    }


    .ddc-testimonials__intro-inner {
        padding: 30px 10px !important;
    }


    .ddc-testimonials__title {
        max-width: 260px !important;

        font-size: clamp(32px, 3.64vw, 40px) !important;

        line-height: 1 !important;
    }


    .ddc-testimonials__rating {
        margin-bottom: 22px !important;
    }


    .ddc-testimonials__button {
        min-width: 82px !important;

        height: 46px !important;

        padding: 0 17px !important;

        border-radius: 14px !important;

        font-size: 11px !important;
    }


    .ddc-testimonials__viewport {
        height: 520px !important;
    }


    .ddc-testimonials__columns {
        gap: 18px !important;
    }


    .ddc-testimonials__column {
        width: calc(50% - 9px) !important;
    }


    .ddc-testimonials__track {
        gap: 18px !important;
    }


    .ddc-testimonial-card--video {
        padding: 8px !important;
    }


    .ddc-testimonial-card__media {
        height: clamp(300px, 35vw, 390px) !important;

        border-radius: 12px !important;
    }


    .ddc-testimonial-card--quote {
        min-height: 165px !important;

        padding: 17px !important;
    }


    .ddc-testimonial-card__quote {
        font-size: 12px !important;

        line-height: 1.55 !important;
    }


    .ddc-testimonial-card__quote-footer {
        margin-top: 12px !important;
    }
}



@media (max-width: 760px) {

    .ddc-testimonials {
        width: 100% !important;
        color: #000000 !important;
    }


    .ddc-testimonials__title {
        color: #000000 !important;
    }


    .ddc-testimonials__rating {
        color: #000000 !important;
    }


    .ddc-testimonials__rating-icon,
    .ddc-testimonials__stars {
        color: #FF6700 !important;
    }


    .ddc-testimonials__button,
    .ddc-testimonials__button span {
        background-color: #FF6700 !important;
        color: #FFFFFF !important;
    }


    .ddc-testimonial-card--quote,
    .ddc-testimonial-card__quote,
    .ddc-testimonial-card__quote p {
        color: #000000 !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .ddc-testimonials__track {
        transform: none !important;
    }

    .ddc-testimonials__viewport {
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }
}