.elementor-13 .elementor-element.elementor-element-088ccb3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-ea81069{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-cb0ecff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-58f0abe{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-bc1be98{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-1f09bf3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-636beb7 *//* ==================================================
   GMY ASSOCIATES PLT
   HOME SECTION 01 - PREMIUM HERO
   FULL UPDATED CSS
================================================== */

.gmy-home-hero {
    --gmy-red: #c9001b;
    --gmy-red-dark: #a50016;
    --gmy-red-deep: #7d0011;

    --gmy-black: #111111;
    --gmy-dark: #242424;
    --gmy-grey: #686868;
    --gmy-line: #dddddd;
    --gmy-light: #f7f7f7;
    --gmy-white: #ffffff;

    position: relative;

    width: 100%;

    background: #ffffff;

    overflow: hidden;

    isolation: isolate;
}


/* ==================================================
   BACKGROUND DECORATION
================================================== */

.gmy-hero-bg-text {
    position: absolute;

    z-index: 0;

    left: -20px;
    top: 30px;

    font-family: "Montserrat", sans-serif;

    font-size: 260px;
    font-weight: 800;

    line-height: 1;

    letter-spacing: -18px;

    color: rgba(0, 0, 0, 0.018);

    pointer-events: none;

    user-select: none;
}


.gmy-hero-line-top {
    position: absolute;

    z-index: 20;

    top: 0;
    left: 0;

    width: 115px;
    height: 6px;

    background: var(--gmy-red);
}


/* ==================================================
   MAIN HERO LAYOUT
================================================== */

.gmy-home-hero-inner {
    position: relative;

    z-index: 2;

    width: min(1600px, calc(100% - 64px));

    min-height: 760px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 44% 56%;

    align-items: stretch;
}


/* ==================================================
   LEFT CONTENT
================================================== */

.gmy-hero-left {
    position: relative;

    z-index: 15;

    min-width: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        80px
        clamp(40px, 4.5vw, 78px)
        72px
        0;
}


/* ==================================================
   KICKER
================================================== */

.gmy-hero-kicker {
    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 26px;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 4px;

    color: var(--gmy-red);
}


.gmy-kicker-dot {
    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    background: var(--gmy-red);
}


.gmy-kicker-line {
    width: 85px;

    height: 1px;

    margin-left: 5px;

    background: #bcbcbc;
}


/* ==================================================
   MAIN HEADING
================================================== */

.gmy-hero-heading {
    margin: 0;

    max-width: 720px;

    font-family: "Montserrat", sans-serif;

    font-size: clamp(50px, 4.15vw, 74px);

    font-weight: 750;

    line-height: 0.98;

    letter-spacing: -4px;

    color: var(--gmy-black);
}


.gmy-hero-heading > span {
    display: block;
}


.gmy-heading-black {
    color: var(--gmy-black);
}


.gmy-heading-red {
    color: var(--gmy-red);
}


/* ==================================================
   DESCRIPTION
================================================== */

.gmy-hero-copy {
    max-width: 640px;

    margin: 30px 0 0;

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.9;

    color: var(--gmy-grey);
}


/* ==================================================
   CTA BUTTON AREA
================================================== */

.gmy-hero-buttons {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 28px;

    margin-top: 34px;
}


/* ==================================================
   PRIMARY BUTTON
================================================== */

.gmy-hero-btn-primary {
    min-height: 58px;

    display: inline-flex;

    align-items: center;

    padding-left: 27px;

    overflow: hidden;

    background: var(--gmy-red);

    color: #ffffff !important;

    text-decoration: none !important;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    font-weight: 600;

    box-shadow:
        0 13px 30px
        rgba(201, 0, 27, 0.16);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}


.gmy-btn-icon {
    width: 58px;

    height: 58px;

    margin-left: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.25);
}


.gmy-btn-icon svg {
    width: 20px;

    height: 20px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;
}


.gmy-hero-btn-primary:hover {
    background: var(--gmy-red-dark);

    transform: translateY(-3px);

    box-shadow:
        0 18px 35px
        rgba(201, 0, 27, 0.22);
}


/* ==================================================
   SECONDARY BUTTON
================================================== */

.gmy-hero-btn-text {
    display: inline-flex;

    align-items: center;

    gap: 13px;

    color: var(--gmy-black) !important;

    text-decoration: none !important;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    font-weight: 600;
}


.gmy-btn-text-circle {
    width: 46px;

    height: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #b9b9b9;

    border-radius: 50%;

    transition:
        border-color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}


.gmy-btn-text-circle svg {
    width: 13px;

    height: 13px;

    fill: var(--gmy-red);
}


.gmy-hero-btn-text:hover .gmy-btn-text-circle {
    border-color: var(--gmy-red);

    background: var(--gmy-red);

    transform: scale(1.07);
}


.gmy-hero-btn-text:hover .gmy-btn-text-circle svg {
    fill: #ffffff;
}


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

.gmy-hero-stats {
    width: 100%;

    max-width: 610px;

    display: flex;

    align-items: center;

    margin-top: 50px;

    padding-top: 27px;

    border-top: 1px solid #e1e1e1;
}


.gmy-stat {
    display: flex;

    align-items: center;

    gap: 12px;

    padding-right: 23px;
}


.gmy-stat-number {
    flex: 0 0 auto;

    font-family: "Montserrat", sans-serif;

    font-size: 27px;

    font-weight: 750;

    line-height: 1;

    letter-spacing: -1.5px;

    color: var(--gmy-red);
}


.gmy-stat-number span {
    font-size: 15px;
}


.gmy-stat-mia {
    letter-spacing: -1px;
}


.gmy-stat-copy {
    display: flex;

    flex-direction: column;

    gap: 3px;
}


.gmy-stat-copy strong {
    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 600;

    line-height: 1.3;

    color: var(--gmy-black);
}


.gmy-stat-copy span {
    font-family: "Poppins", sans-serif;

    font-size: 8px;

    line-height: 1.4;

    color: #858585;
}


.gmy-stat-separator {
    width: 1px;

    height: 42px;

    flex: 0 0 1px;

    margin-right: 23px;

    background: #d8d8d8;
}


/* ==================================================
   RIGHT IMAGE COLUMN
   IMPORTANT: FULL HEIGHT FIX
================================================== */

.gmy-hero-right {
    position: relative;

    z-index: 3;

    min-width: 0;

    min-height: 760px;

    align-self: stretch;
}


/* ==================================================
   IMAGE BOX
================================================== */

.gmy-hero-image-box {
    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    /*
       Extend image from grid container
       all the way to right edge of screen
    */
    right:
        calc(
            (1600px - 100vw) / 2
        );

    width: auto;

    height: auto;

    min-height: 100%;

    overflow: hidden;

    background: #181818;
}


/* ==================================================
   MAIN HERO IMAGE
================================================== */

.gmy-hero-image {
    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    /*
       Tukar 50% kalau nak gerakkan
       focal point gambar kiri / kanan.
    */
    object-position: 50% 50%;

    transition:
        transform 1.3s
        cubic-bezier(0.16, 1, 0.3, 1);
}


.gmy-home-hero:hover .gmy-hero-image {
    transform: scale(1.025);
}


/* ==================================================
   IMAGE OVERLAY
================================================== */

.gmy-image-overlay {
    position: absolute;

    z-index: 2;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.06) 0%,
            rgba(0, 0, 0, 0) 40%,
            rgba(0, 0, 0, 0.08) 100%
        );

    pointer-events: none;
}


/* ==================================================
   ANGLED WHITE CUT
================================================== */

.gmy-hero-image-box::before {
    content: "";

    position: absolute;

    z-index: 6;

    top: -2px;

    bottom: -2px;

    left: -1px;

    width: 95px;

    height: auto;

    background: #ffffff;

    clip-path:
        polygon(
            0 0,
            100% 0,
            25% 100%,
            0 100%
        );

    pointer-events: none;
}


/* ==================================================
   RED DIAGONAL CORPORATE SHAPE
================================================== */

.gmy-red-shape {
    position: absolute;

    z-index: 5;

    top: 0;

    right: 6%;

    width: 175px;

    height: 355px;

    background:
        linear-gradient(
            155deg,
            #e00020 0%,
            var(--gmy-red) 48%,
            #8c0013 100%
        );

    clip-path:
        polygon(
            37% 0,
            100% 0,
            63% 100%,
            0 100%
        );

    box-shadow:
        0 20px 50px
        rgba(130, 0, 15, 0.18);
}


.gmy-red-shape-content {
    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding-top: 55px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    font-weight: 500;

    letter-spacing: 2px;

    line-height: 1.8;
}


.gmy-red-shape-content div {
    width: 1px;

    height: 55px;

    margin: 20px 0;

    background:
        rgba(255, 255, 255, 0.4);
}


/* ==================================================
   FLOATING CORPORATE CARD
================================================== */

.gmy-floating-card {
    position: absolute;

    z-index: 10;

    left: 55px;

    bottom: 45px;

    width: 215px;

    overflow: hidden;

    background: #ffffff;

    box-shadow:
        0 25px 60px
        rgba(0, 0, 0, 0.22);

    transform: rotate(-2deg);

    transform-origin: center;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


.gmy-floating-card:hover {
    transform:
        rotate(0deg)
        translateY(-5px);

    box-shadow:
        0 30px 70px
        rgba(0, 0, 0, 0.26);
}


/* Floating image */

.gmy-floating-image {
    width: 100%;

    height: 125px;

    overflow: hidden;
}


.gmy-floating-image img {
    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
}


/* Floating content */

.gmy-floating-content {
    padding: 18px 19px 20px;
}


.gmy-floating-no {
    display: block;

    margin-bottom: 8px;

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 2px;

    color: var(--gmy-red);
}


.gmy-floating-content h3 {
    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size: 13px;

    font-weight: 650;

    line-height: 1.35;

    letter-spacing: -0.25px;

    color: var(--gmy-black);
}


.gmy-floating-content h3 span {
    display: block;
}


.gmy-floating-line {
    width: 30px;

    height: 2px;

    margin-top: 15px;

    background: var(--gmy-red);
}


/* ==================================================
   VERTICAL TEXT
================================================== */

.gmy-vertical-text {
    position: absolute;

    z-index: 8;

    right: 17px;

    top: 50%;

    transform:
        translateY(-50%)
        rotate(90deg);

    transform-origin: center;

    white-space: nowrap;

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 500;

    letter-spacing: 2px;

    color:
        rgba(255, 255, 255, 0.78);
}


/* ==================================================
   IMAGE BOTTOM LOCATION
================================================== */

.gmy-image-bottom {
    position: absolute;

    z-index: 8;

    right: 35px;

    bottom: 24px;

    display: flex;

    align-items: center;

    gap: 11px;

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 500;

    letter-spacing: 1.8px;

    color:
        rgba(255, 255, 255, 0.9);
}


.gmy-image-bottom i {
    width: 18px;

    height: 1px;

    background:
        rgba(255, 255, 255, 0.55);
}


/* ==================================================
   BOTTOM INFORMATION STRIP
================================================== */

.gmy-hero-bottom {
    position: relative;

    z-index: 20;

    width: 100%;

    background: #ffffff;

    border-top: 1px solid #eeeeee;
}


.gmy-hero-bottom-inner {
    width: min(1600px, calc(100% - 64px));

    height: 76px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;
}


/* ==================================================
   SCROLL INDICATOR
================================================== */

.gmy-scroll-indicator {
    display: flex;

    align-items: center;

    gap: 14px;

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 500;

    letter-spacing: 2px;

    color: #777777;
}


.gmy-mouse {
    position: relative;

    width: 18px;

    height: 28px;

    border: 1px solid #888888;

    border-radius: 12px;
}


.gmy-mouse i {
    position: absolute;

    top: 6px;

    left: 50%;

    width: 2px;

    height: 5px;

    transform: translateX(-50%);

    background: var(--gmy-red);

    border-radius: 10px;

    animation:
        gmyMouseMove
        1.8s infinite;
}


@keyframes gmyMouseMove {

    0% {
        opacity: 0;

        transform:
            translate(-50%, 0);
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0;

        transform:
            translate(-50%, 7px);
    }
}


.gmy-scroll-line {
    width: 60px;

    height: 1px;

    background: #bdbdbd;
}


/* ==================================================
   BOTTOM SERVICES
================================================== */

.gmy-bottom-services {
    display: flex;

    align-items: center;

    gap: 14px;

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 500;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    color: #777777;
}


.gmy-bottom-services i {
    width: 3px;

    height: 3px;

    flex: 0 0 3px;

    border-radius: 50%;

    background: var(--gmy-red);
}


/* ==================================================
   LARGE DESKTOP
================================================== */

@media (min-width: 1700px) {

    .gmy-home-hero-inner,
    .gmy-hero-bottom-inner {
        max-width: 1680px;
    }

    .gmy-home-hero-inner {
        min-height: 800px;
    }

    .gmy-hero-right {
        min-height: 800px;
    }

    .gmy-hero-heading {
        font-size: 76px;
    }

}


/* ==================================================
   DESKTOP 1200 - 1500
================================================== */

@media (max-width: 1500px) {

    .gmy-home-hero-inner {
        grid-template-columns: 45% 55%;
    }

    .gmy-hero-heading {
        font-size: clamp(48px, 4.15vw, 66px);
    }

    .gmy-hero-left {
        padding-right: 45px;
    }

    .gmy-stat {
        padding-right: 17px;
    }

    .gmy-stat-separator {
        margin-right: 17px;
    }

}


/* ==================================================
   TABLET / SMALL DESKTOP
================================================== */

@media (max-width: 1150px) {

    .gmy-home-hero-inner {
        width: calc(100% - 50px);

        min-height: 680px;

        grid-template-columns: 48% 52%;
    }


    .gmy-hero-left {
        padding:
            70px
            35px
            65px
            0;
    }


    .gmy-hero-heading {
        font-size: 52px;

        letter-spacing: -3px;
    }


    .gmy-hero-copy {
        font-size: 13px;
    }


    .gmy-hero-right {
        min-height: 680px;
    }


    .gmy-hero-image-box {
        top: 0;

        bottom: 0;

        left: 0;

        right: -25px;

        width: auto;

        height: auto;

        min-height: 100%;
    }


    .gmy-hero-stats {
        gap: 0;
    }


    .gmy-stat {
        padding-right: 12px;

        gap: 8px;
    }


    .gmy-stat-separator {
        margin-right: 12px;
    }


    .gmy-stat-number {
        font-size: 21px;
    }


    .gmy-stat-copy strong {
        font-size: 9px;
    }


    .gmy-stat-copy span {
        font-size: 7px;
    }


    .gmy-floating-card {
        left: 35px;

        bottom: 35px;

        width: 185px;
    }


    .gmy-floating-image {
        height: 105px;
    }


    .gmy-red-shape {
        width: 145px;

        height: 310px;

        right: 1%;
    }


    .gmy-hero-bottom-inner {
        width: calc(100% - 50px);
    }

}


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

@media (max-width: 767px) {

    .gmy-home-hero {
        overflow: hidden;
    }


    /* Main stack */

    .gmy-home-hero-inner {
        width: 100%;

        min-height: auto;

        display: flex;

        flex-direction: column;
    }


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

    .gmy-hero-left {
        width: calc(100% - 34px);

        margin: 0 auto;

        padding:
            58px
            0
            48px;
    }


    .gmy-hero-bg-text {
        top: 30px;

        left: -15px;

        font-size: 160px;

        letter-spacing: -12px;
    }


    .gmy-hero-line-top {
        width: 75px;

        height: 4px;
    }


    .gmy-hero-kicker {
        margin-bottom: 19px;

        gap: 9px;

        font-size: 9px;

        letter-spacing: 2.4px;
    }


    .gmy-kicker-dot {
        width: 6px;

        height: 6px;

        flex-basis: 6px;
    }


    .gmy-kicker-line {
        width: 38px;
    }


    .gmy-hero-heading {
        max-width: 100%;

        font-size:
            clamp(
                40px,
                11.5vw,
                55px
            );

        line-height: 1.01;

        letter-spacing: -2.5px;
    }


    .gmy-hero-copy {
        max-width: 100%;

        margin-top: 23px;

        font-size: 13px;

        line-height: 1.8;
    }


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

    .gmy-hero-buttons {
        gap: 18px;

        margin-top: 28px;
    }


    .gmy-hero-btn-primary {
        min-height: 54px;

        padding-left: 20px;

        font-size: 11px;
    }


    .gmy-btn-icon {
        width: 54px;

        height: 54px;

        margin-left: 20px;
    }


    .gmy-hero-btn-text {
        font-size: 11px;
    }


    .gmy-btn-text-circle {
        width: 43px;

        height: 43px;
    }


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

    .gmy-hero-stats {
        display: grid;

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

        gap: 12px;

        max-width: 100%;

        margin-top: 38px;

        padding-top: 22px;
    }


    .gmy-stat {
        display: block;

        min-width: 0;

        padding: 0;
    }


    .gmy-stat-number {
        margin-bottom: 7px;

        font-size: 21px;
    }


    .gmy-stat-copy strong {
        display: block;

        font-size: 9px;
    }


    .gmy-stat-copy span {
        display: block;

        font-size: 7px;

        line-height: 1.4;
    }


    .gmy-stat-separator {
        display: none;
    }


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

    .gmy-hero-right {
        position: relative;

        width: 100%;

        min-height: 560px;

        height: 560px;
    }


    .gmy-hero-image-box {
        position: absolute;

        inset: 0;

        width: 100%;

        height: 100%;

        min-height: 100%;

        background: #111111;
    }


    .gmy-hero-image {
        position: absolute;

        inset: 0;

        width: 100%;

        height: 100%;

        object-fit: cover;

        /*
           Adjust ni kalau muka subjek
           terpotong dekat mobile
        */
        object-position: 50% center;
    }


    /* Remove white diagonal on mobile */

    .gmy-hero-image-box::before {
        display: none;
    }


    /* ==================================================
       MOBILE RED SHAPE
    ================================================== */

    .gmy-red-shape {
        width: 120px;

        height: 260px;

        right: -15px;
    }


    .gmy-red-shape-content {
        padding-top: 38px;

        font-size: 7px;
    }


    .gmy-red-shape-content div {
        height: 35px;

        margin: 12px 0;
    }


    /* ==================================================
       MOBILE FLOATING CARD
    ================================================== */

    .gmy-floating-card {
        left: 17px;

        bottom: 24px;

        width: 175px;

        transform: rotate(-1.5deg);
    }


    .gmy-floating-image {
        height: 98px;
    }


    .gmy-floating-content {
        padding: 14px 15px 16px;
    }


    .gmy-floating-content h3 {
        font-size: 11px;
    }


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

    .gmy-image-bottom {
        right: 14px;

        bottom: 16px;

        gap: 7px;

        font-size: 6px;

        letter-spacing: 1px;
    }


    .gmy-image-bottom i {
        width: 10px;
    }


    .gmy-vertical-text {
        display: none;
    }


    /* ==================================================
       MOBILE BOTTOM STRIP
    ================================================== */

    .gmy-hero-bottom-inner {
        width: calc(100% - 34px);

        height: 68px;
    }


    .gmy-bottom-services {
        display: none;
    }


    .gmy-scroll-indicator {
        font-size: 7px;

        letter-spacing: 1.6px;
    }

}


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

@media (max-width: 480px) {

    .gmy-hero-heading {
        font-size: 40px;

        letter-spacing: -2px;
    }


    .gmy-hero-buttons {
        flex-direction: column;

        align-items: flex-start;
    }


    .gmy-hero-right {
        min-height: 500px;

        height: 500px;
    }


    .gmy-red-shape {
        width: 105px;

        height: 235px;
    }


    .gmy-floating-card {
        width: 160px;

        bottom: 22px;
    }


    .gmy-floating-image {
        height: 90px;
    }

}


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

@media (max-width: 360px) {

    .gmy-hero-left {
        width: calc(100% - 28px);
    }


    .gmy-hero-heading {
        font-size: 36px;
    }


    .gmy-hero-kicker {
        letter-spacing: 1.8px;
    }


    .gmy-kicker-line {
        display: none;
    }


    .gmy-hero-stats {
        gap: 7px;
    }


    .gmy-stat-number {
        font-size: 18px;
    }


    .gmy-hero-right {
        height: 470px;

        min-height: 470px;
    }


    .gmy-floating-card {
        width: 150px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-840a5da *//* ==================================================
   GMY ASSOCIATES PLT
   HOME SECTION 02 - ABOUT
================================================== */

.gmy-about-home {
    --gmy-red: #c9001b;
    --gmy-red-dark: #a50016;
    --gmy-black: #111111;
    --gmy-grey: #666666;
    --gmy-light: #f5f5f5;
    --gmy-line: #dddddd;

    position: relative;
    width: 100%;

    padding:
        clamp(100px, 9vw, 150px)
        0;

    background: #f7f7f7;

    overflow: hidden;
}


/* subtle background typography */

.gmy-about-home::before {
    content: "ASSOCIATE";

    position: absolute;

    right: -50px;
    top: 25px;

    font-family: "Montserrat", sans-serif;

    font-size: clamp(100px, 13vw, 220px);
    font-weight: 800;

    line-height: 1;

    letter-spacing: -10px;

    color: rgba(0,0,0,.018);

    pointer-events: none;
}


/* ==================================================
   CONTAINER
================================================== */

.gmy-about-container {
    position: relative;
    z-index: 2;

    width: min(1450px, calc(100% - 80px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, .92fr);

    align-items: center;

    gap: clamp(70px, 7vw, 120px);
}


/* ==================================================
   LEFT VISUAL
================================================== */

.gmy-about-visual {
    position: relative;

    min-height: 690px;

    padding:
        35px
        45px
        60px
        0;
}


/* ==================================================
   SECTION NUMBER
================================================== */

.gmy-about-section-no {
    position: absolute;

    z-index: 8;

    top: 0;
    left: 0;

    display: flex;
    align-items: center;

    gap: 13px;
}


.gmy-about-section-no span {
    font-family: "Montserrat", sans-serif;

    font-size: 13px;
    font-weight: 700;

    color: var(--gmy-red);
}


.gmy-about-section-no i {
    width: 45px;
    height: 1px;

    background: #b7b7b7;
}


.gmy-about-section-no small {
    font-family: "Poppins", sans-serif;

    font-size: 8px;
    font-weight: 600;

    letter-spacing: 2.3px;

    color: #888888;
}


/* ==================================================
   MAIN IMAGE
================================================== */

.gmy-about-main-image {
    position: absolute;

    top: 65px;
    left: 0;

    width: 78%;
    height: 560px;

    overflow: hidden;

    background: #dddddd;
}


.gmy-about-main-image img {
    width: 100%;
    height: 100%;

    display: block;

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

    transition:
        transform 1.2s
        cubic-bezier(.16,1,.3,1);
}


.gmy-about-visual:hover
.gmy-about-main-image img {
    transform: scale(1.035);
}


/* ==================================================
   RED CORNER
================================================== */

.gmy-about-red-corner {
    position: absolute;

    left: 0;
    bottom: 0;

    width: 90px;
    height: 90px;

    background: var(--gmy-red);

    clip-path:
        polygon(
            0 0,
            100% 100%,
            0 100%
        );
}


/* ==================================================
   SECOND IMAGE
================================================== */

.gmy-about-small-image {
    position: absolute;

    z-index: 5;

    top: 155px;
    right: 0;

    width: 37%;
    height: 265px;

    padding: 8px;

    background: #ffffff;

    box-shadow:
        0 25px 60px
        rgba(0,0,0,.13);
}


.gmy-about-small-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* ==================================================
   EXPERIENCE
================================================== */

.gmy-about-experience {
    position: absolute;

    z-index: 7;

    right: 5px;
    bottom: 70px;

    min-width: 255px;

    display: flex;
    align-items: center;

    gap: 17px;

    padding:
        23px
        25px;

    background: var(--gmy-red);

    color: #ffffff;

    box-shadow:
        0 22px 50px
        rgba(201,0,27,.20);
}


.gmy-about-experience > strong {
    font-family: "Montserrat", sans-serif;

    font-size: 45px;
    font-weight: 750;

    line-height: 1;

    letter-spacing: -3px;
}


.gmy-about-experience > strong span {
    font-size: 22px;
}


.gmy-about-experience > div {
    display: flex;
    flex-direction: column;

    gap: 3px;

    padding-left: 16px;

    border-left:
        1px solid
        rgba(255,255,255,.3);
}


.gmy-about-experience b {
    font-family: "Poppins", sans-serif;

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

    letter-spacing: 1.6px;
}


.gmy-about-experience div span {
    font-family: "Poppins", sans-serif;

    font-size: 8px;

    line-height: 1.5;

    letter-spacing: 1px;

    color: rgba(255,255,255,.75);
}


/* ==================================================
   OUTLINE DECORATION
================================================== */

.gmy-about-outline {
    position: absolute;

    z-index: -1;

    left: 35px;
    bottom: 20px;

    width: 72%;
    height: 520px;

    border:
        1px solid
        rgba(201,0,27,.18);
}


/* ==================================================
   RIGHT CONTENT
================================================== */

.gmy-about-content {
    position: relative;

    padding:
        20px
        0;
}


/* ==================================================
   KICKER
================================================== */

.gmy-about-kicker {
    display: flex;
    align-items: center;

    gap: 13px;

    margin-bottom: 22px;

    font-family: "Poppins", sans-serif;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 3px;

    color: var(--gmy-red);
}


.gmy-about-kicker-line {
    width: 35px;
    height: 2px;

    background: var(--gmy-red);
}


/* ==================================================
   TITLE
================================================== */

.gmy-about-title {
    max-width: 670px;

    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size:
        clamp(
            42px,
            4.3vw,
            67px
        );

    font-weight: 750;

    line-height: 1.04;

    letter-spacing: -3.5px;

    color: var(--gmy-black);
}


.gmy-about-title span {
    display: block;

    color: var(--gmy-red);
}


/* ==================================================
   LEAD
================================================== */

.gmy-about-lead {
    max-width: 650px;

    margin:
        27px
        0
        0;

    font-family: "Poppins", sans-serif;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.9;

    color: var(--gmy-grey);
}


/* ==================================================
   DIVIDER
================================================== */

.gmy-about-divider {
    width: 100%;

    height: 1px;

    margin:
        32px
        0;

    background:
        linear-gradient(
            90deg,
            var(--gmy-red) 0,
            var(--gmy-red) 55px,
            #dddddd 55px,
            #dddddd 100%
        );
}


/* ==================================================
   STORY
================================================== */

.gmy-about-story {
    display: grid;

    grid-template-columns:
        100px
        1fr;

    gap: 25px;
}


.gmy-about-story-label {
    padding-top: 5px;

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 2px;

    color: var(--gmy-black);
}


.gmy-about-story-copy p {
    margin:
        0
        0
        13px;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    line-height: 1.8;

    color: #707070;
}


.gmy-about-story-copy p:last-child {
    margin-bottom: 0;
}


/* ==================================================
   VALUE POINTS
================================================== */

.gmy-about-points {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 30px;

    margin-top: 34px;
}


.gmy-about-point {
    display: grid;

    grid-template-columns:
        34px
        1fr;

    gap: 15px;

    padding-top: 19px;

    border-top:
        1px solid
        #d7d7d7;
}


.gmy-about-point-no {
    padding-top: 2px;

    font-family: "Montserrat", sans-serif;

    font-size: 11px;
    font-weight: 700;

    color: var(--gmy-red);
}


.gmy-about-point h3 {
    margin:
        0
        0
        7px;

    font-family: "Montserrat", sans-serif;

    font-size: 14px;
    font-weight: 650;

    color: var(--gmy-black);
}


.gmy-about-point p {
    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    line-height: 1.7;

    color: #808080;
}


/* ==================================================
   ACTION AREA
================================================== */

.gmy-about-action {
    display: flex;

    align-items: center;

    gap: 30px;

    margin-top: 38px;
}


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

.gmy-about-btn {
    min-height: 56px;

    display: inline-flex;
    align-items: center;

    padding-left: 24px;

    overflow: hidden;

    background: var(--gmy-black);

    color: #ffffff !important;

    text-decoration: none !important;

    font-family: "Poppins", sans-serif;

    font-size: 11px;
    font-weight: 600;

    transition:
        background .3s ease,
        transform .3s ease;
}


.gmy-about-btn-arrow {
    width: 56px;
    height: 56px;

    margin-left: 22px;

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

    background: var(--gmy-red);
}


.gmy-about-btn-arrow svg {
    width: 18px;
    height: 18px;

    fill: none;

    stroke: #ffffff;

    stroke-width: 1.5;
}


.gmy-about-btn:hover {
    background: var(--gmy-red);

    transform: translateY(-3px);
}


/* ==================================================
   MINI BRAND
================================================== */

.gmy-about-mini {
    display: flex;
    align-items: center;

    gap: 12px;
}


.gmy-about-mini-mark {
    width: 44px;
    height: 44px;

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

    background: var(--gmy-red);

    color: #ffffff;

    font-family: "Montserrat", sans-serif;

    font-size: 11px;
    font-weight: 750;
}


.gmy-about-mini > span:last-child {
    font-family: "Poppins", sans-serif;

    font-size: 8px;
    font-weight: 500;

    line-height: 1.6;

    letter-spacing: .7px;

    text-transform: uppercase;

    color: #777777;
}


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

@media (max-width: 1100px) {

    .gmy-about-container {
        width:
            calc(100% - 50px);

        gap: 55px;
    }


    .gmy-about-visual {
        min-height: 600px;
    }


    .gmy-about-main-image {
        height: 490px;
    }


    .gmy-about-small-image {
        width: 40%;
        height: 220px;
    }


    .gmy-about-experience {
        min-width: 220px;

        padding: 19px;
    }


    .gmy-about-experience > strong {
        font-size: 38px;
    }


    .gmy-about-title {
        font-size: 48px;

        letter-spacing: -2.5px;
    }


    .gmy-about-lead {
        font-size: 13px;
    }


    .gmy-about-story {
        grid-template-columns: 1fr;
        gap: 12px;
    }

}


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

@media (max-width: 767px) {

    .gmy-about-home {
        padding:
            75px
            0
            80px;
    }


    .gmy-about-container {
        width:
            calc(100% - 34px);

        display: flex;

        flex-direction: column;

        gap: 60px;
    }


    /* VISUAL */

    .gmy-about-visual {
        width: 100%;

        min-height: 550px;

        padding: 0;
    }


    .gmy-about-section-no {
        position: relative;

        margin-bottom: 22px;
    }


    .gmy-about-main-image {
        top: 45px;

        width: 88%;
        height: 430px;
    }


    .gmy-about-small-image {
        top: 145px;

        right: 0;

        width: 39%;
        height: 185px;

        padding: 5px;
    }


    .gmy-about-experience {
        right: 0;

        bottom: 15px;

        min-width: 205px;

        padding: 17px 18px;
    }


    .gmy-about-experience > strong {
        font-size: 34px;
    }


    .gmy-about-outline {
        left: 25px;

        bottom: 0;

        width: 75%;
        height: 420px;
    }


    /* CONTENT */

    .gmy-about-content {
        padding: 0;
    }


    .gmy-about-kicker {
        font-size: 9px;

        letter-spacing: 2.2px;
    }


    .gmy-about-title {
        font-size:
            clamp(
                39px,
                11vw,
                52px
            );

        line-height: 1.04;

        letter-spacing: -2.4px;
    }


    .gmy-about-lead {
        margin-top: 21px;

        font-size: 13px;

        line-height: 1.8;
    }


    .gmy-about-divider {
        margin:
            26px
            0;
    }


    .gmy-about-story {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .gmy-about-story-copy p {
        font-size: 11px;
    }


    .gmy-about-points {
        grid-template-columns: 1fr;

        gap: 18px;

        margin-top: 28px;
    }


    .gmy-about-action {
        align-items: flex-start;

        flex-direction: column;

        gap: 22px;

        margin-top: 32px;
    }

}


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

@media (max-width: 420px) {

    .gmy-about-visual {
        min-height: 505px;
    }


    .gmy-about-main-image {
        width: 91%;

        height: 390px;
    }


    .gmy-about-small-image {
        width: 42%;

        height: 160px;
    }


    .gmy-about-experience {
        min-width: 190px;
    }


    .gmy-about-title {
        font-size: 38px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-680f481 *//* ==================================================
   GMY ASSOCIATES PLT
   HOME SECTION 03 - CORE SERVICES
================================================== */

.gmy-services-home {
    --gmy-red: #c9001b;
    --gmy-red-dark: #a50016;
    --gmy-black: #111111;
    --gmy-dark: #1b1b1b;
    --gmy-grey: #777777;
    --gmy-line: rgba(255,255,255,.13);

    position: relative;

    width: 100%;

    padding:
        clamp(100px, 9vw, 150px)
        0;

    background: #111111;

    overflow: hidden;
}


/* ==================================================
   BACKGROUND WORD
================================================== */

.gmy-services-bg-word {
    position: absolute;

    left: -35px;
    bottom: -25px;

    font-family: "Montserrat", sans-serif;

    font-size: clamp(120px, 17vw, 280px);

    font-weight: 800;

    line-height: .8;

    letter-spacing: -15px;

    color: rgba(255,255,255,.018);

    pointer-events: none;

    user-select: none;
}


/* ==================================================
   CONTAINER
================================================== */

.gmy-services-container {
    position: relative;

    z-index: 3;

    width:
        min(
            1450px,
            calc(100% - 80px)
        );

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(330px, .72fr)
        minmax(0, 1.28fr);

    gap:
        clamp(
            70px,
            8vw,
            135px
        );
}


/* ==================================================
   LEFT INTRO
================================================== */

.gmy-services-intro {
    position: relative;
}


.gmy-services-intro-inner {
    position: sticky;

    top: 100px;

    padding-top: 5px;
}


/* ==================================================
   SECTION NUMBER
================================================== */

.gmy-services-section-no {
    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 55px;
}


.gmy-services-section-no span {
    font-family: "Montserrat", sans-serif;

    font-size: 13px;

    font-weight: 700;

    color: var(--gmy-red);
}


.gmy-services-section-no i {
    width: 45px;

    height: 1px;

    background:
        rgba(255,255,255,.30);
}


.gmy-services-section-no small {
    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 2.3px;

    color:
        rgba(255,255,255,.45);
}


/* ==================================================
   KICKER
================================================== */

.gmy-services-kicker {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 22px;

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 3px;

    color: var(--gmy-red);
}


.gmy-services-kicker span {
    width: 30px;

    height: 2px;

    background: var(--gmy-red);
}


/* ==================================================
   TITLE
================================================== */

.gmy-services-title {
    max-width: 530px;

    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size:
        clamp(
            44px,
            4.4vw,
            68px
        );

    font-weight: 750;

    line-height: 1.02;

    letter-spacing: -3.8px;

    color: #ffffff;
}


.gmy-services-title span {
    display: block;

    color: var(--gmy-red);
}


/* ==================================================
   DESCRIPTION
================================================== */

.gmy-services-description {
    max-width: 480px;

    margin:
        28px
        0
        0;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.9;

    color:
        rgba(255,255,255,.57);
}


/* ==================================================
   STATEMENT
================================================== */

.gmy-services-statement {
    display: grid;

    grid-template-columns:
        2px
        1fr;

    gap: 18px;

    max-width: 370px;

    margin-top: 34px;
}


.gmy-services-statement-line {
    width: 2px;

    height: 100%;

    min-height: 45px;

    background: var(--gmy-red);
}


.gmy-services-statement p {
    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    line-height: 1.7;

    color:
        rgba(255,255,255,.55);
}


.gmy-services-statement strong {
    display: block;

    font-weight: 600;

    color: #ffffff;
}


/* ==================================================
   VIEW ALL BUTTON
================================================== */

.gmy-services-all-btn {
    min-height: 56px;

    display: inline-flex;

    align-items: center;

    margin-top: 37px;

    padding-left: 23px;

    overflow: hidden;

    border:
        1px solid
        rgba(255,255,255,.22);

    color: #ffffff !important;

    text-decoration: none !important;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 600;

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease;
}


.gmy-services-all-arrow {
    width: 55px;

    height: 55px;

    margin-left: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--gmy-red);
}


.gmy-services-all-arrow svg {
    width: 18px;

    height: 18px;

    fill: none;

    stroke: #ffffff;

    stroke-width: 1.5;
}


.gmy-services-all-btn:hover {
    border-color: var(--gmy-red);

    background: var(--gmy-red);

    transform: translateY(-3px);
}


/* ==================================================
   SERVICE LIST
================================================== */

.gmy-services-list {
    border-top:
        1px solid
        var(--gmy-line);
}


/* ==================================================
   SERVICE ROW
================================================== */

.gmy-service-row {
    position: relative;

    min-height: 185px;

    display: grid;

    grid-template-columns:
        55px
        155px
        minmax(0,1fr)
        52px;

    align-items: center;

    gap: 24px;

    padding:
        25px
        8px;

    border-bottom:
        1px solid
        var(--gmy-line);

    color: inherit !important;

    text-decoration: none !important;

    overflow: hidden;

    transition:
        padding .35s ease,
        background .35s ease;
}


/* red hover background */

.gmy-service-row::before {
    content: "";

    position: absolute;

    z-index: -1;

    top: 0;
    left: 0;

    width: 0;
    height: 100%;

    background: var(--gmy-red);

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


.gmy-service-row:hover::before {
    width: 100%;
}


.gmy-service-row:hover {
    padding-left: 20px;

    padding-right: 20px;
}


/* ==================================================
   NUMBER
================================================== */

.gmy-service-number {
    align-self: start;

    padding-top: 13px;

    font-family: "Montserrat", sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;

    color: var(--gmy-red);

    transition:
        color .3s ease;
}


.gmy-service-row:hover
.gmy-service-number {
    color:
        rgba(255,255,255,.65);
}


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

.gmy-service-image {
    position: relative;

    width: 155px;

    height: 120px;

    overflow: hidden;

    background: #333333;
}


.gmy-service-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        rgba(0,0,0,.13);

    transition:
        background .35s ease;
}


.gmy-service-image img {
    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    filter:
        grayscale(25%);

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


.gmy-service-row:hover
.gmy-service-image img {
    transform: scale(1.08);

    filter:
        grayscale(0%);
}


.gmy-service-row:hover
.gmy-service-image::after {
    background:
        rgba(0,0,0,0);
}


/* ==================================================
   SERVICE CONTENT
================================================== */

.gmy-service-content {
    min-width: 0;
}


.gmy-service-category {
    display: block;

    margin-bottom: 9px;

    font-family: "Poppins", sans-serif;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

    color: var(--gmy-red);

    transition:
        color .3s ease;
}


.gmy-service-content h3 {
    margin:
        0
        0
        10px;

    font-family: "Montserrat", sans-serif;

    font-size:
        clamp(
            19px,
            1.6vw,
            25px
        );

    font-weight: 650;

    line-height: 1.15;

    letter-spacing: -1px;

    color: #ffffff;
}


.gmy-service-content h3 span {
    display: block;
}


.gmy-service-content p {
    max-width: 500px;

    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    line-height: 1.7;

    color:
        rgba(255,255,255,.48);

    transition:
        color .3s ease;
}


.gmy-service-row:hover
.gmy-service-category {
    color:
        rgba(255,255,255,.65);
}


.gmy-service-row:hover
.gmy-service-content p {
    color:
        rgba(255,255,255,.78);
}


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

.gmy-service-arrow {
    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(255,255,255,.18);

    border-radius: 50%;

    transition:
        background .35s ease,
        border-color .35s ease,
        transform .35s ease;
}


.gmy-service-arrow svg {
    width: 17px;

    height: 17px;

    fill: none;

    stroke: #ffffff;

    stroke-width: 1.4;

    transition:
        transform .35s ease;
}


.gmy-service-row:hover
.gmy-service-arrow {
    background: #ffffff;

    border-color: #ffffff;

    transform: rotate(-45deg);
}


.gmy-service-row:hover
.gmy-service-arrow svg {
    stroke: var(--gmy-red);
}


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

@media (max-width: 1100px) {

    .gmy-services-container {
        width:
            calc(100% - 50px);

        grid-template-columns:
            .72fr
            1.28fr;

        gap: 55px;
    }


    .gmy-services-title {
        font-size: 48px;

        letter-spacing: -2.8px;
    }


    .gmy-service-row {
        grid-template-columns:
            35px
            115px
            minmax(0,1fr)
            42px;

        gap: 16px;
    }


    .gmy-service-image {
        width: 115px;

        height: 100px;
    }


    .gmy-service-arrow {
        width: 40px;

        height: 40px;
    }

}


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

@media (max-width: 767px) {

    .gmy-services-home {
        padding:
            75px
            0
            80px;
    }


    .gmy-services-container {
        width:
            calc(100% - 34px);

        display: block;
    }


    /* intro */

    .gmy-services-intro-inner {
        position: relative;

        top: auto;

        padding: 0;
    }


    .gmy-services-section-no {
        margin-bottom: 38px;
    }


    .gmy-services-title {
        max-width: 100%;

        font-size:
            clamp(
                40px,
                11vw,
                52px
            );

        letter-spacing: -2.5px;
    }


    .gmy-services-description {
        font-size: 12px;
    }


    .gmy-services-statement {
        margin-top: 27px;
    }


    .gmy-services-all-btn {
        margin-top: 30px;
    }


    /* list */

    .gmy-services-list {
        margin-top: 65px;
    }


    .gmy-service-row {
        min-height: auto;

        grid-template-columns:
            38px
            95px
            minmax(0,1fr);

        gap: 14px;

        padding:
            22px
            0;
    }


    .gmy-service-row:hover {
        padding:
            22px
            12px;
    }


    .gmy-service-image {
        width: 95px;

        height: 105px;
    }


    .gmy-service-number {
        padding-top: 5px;

        font-size: 9px;
    }


    .gmy-service-category {
        font-size: 6px;

        letter-spacing: 1.3px;
    }


    .gmy-service-content h3 {
        font-size: 17px;

        letter-spacing: -.6px;
    }


    .gmy-service-content p {
        font-size: 8px;

        line-height: 1.6;
    }


    .gmy-service-arrow {
        display: none;
    }

}


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

@media (max-width: 480px) {

    .gmy-service-row {
        grid-template-columns:
            28px
            78px
            minmax(0,1fr);

        gap: 11px;
    }


    .gmy-service-image {
        width: 78px;

        height: 92px;
    }


    .gmy-service-content h3 {
        font-size: 15px;
    }


    .gmy-service-content p {
        display: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fc59120 *//* ==================================================
   GMY ASSOCIATES PLT
   HOME SECTION 04 - WHY CHOOSE GMY
================================================== */

.gmy-strength-home {
    --gmy-red: #c9001b;
    --gmy-red-dark: #a70017;
    --gmy-black: #111111;
    --gmy-grey: #707070;
    --gmy-light: #f5f5f5;
    --gmy-line: #dedede;

    position: relative;

    width: 100%;

    padding:
        clamp(95px, 8vw, 140px)
        0;

    background: #ffffff;

    overflow: hidden;
}


/* subtle background line */

.gmy-strength-home::before {
    content: "";

    position: absolute;

    top: 0;
    left: 7%;

    width: 1px;
    height: 100%;

    background: rgba(0,0,0,.035);
}


.gmy-strength-home::after {
    content: "GMY";

    position: absolute;

    right: -30px;
    top: 15px;

    font-family: "Montserrat", sans-serif;

    font-size: clamp(150px, 18vw, 300px);

    font-weight: 800;

    line-height: 1;

    letter-spacing: -18px;

    color: rgba(0,0,0,.018);

    pointer-events: none;
}


/* ==================================================
   CONTAINER
================================================== */

.gmy-strength-container {
    position: relative;

    z-index: 2;

    width:
        min(
            1450px,
            calc(100% - 80px)
        );

    margin: 0 auto;
}


/* ==================================================
   TOP HEADING
================================================== */

.gmy-strength-head {
    display: grid;

    grid-template-columns:
        minmax(0,1.25fr)
        minmax(300px,.75fr);

    align-items: end;

    gap: 80px;

    margin-bottom: 65px;
}


/* ==================================================
   NUMBER
================================================== */

.gmy-strength-number {
    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 38px;
}


.gmy-strength-number span {
    font-family: "Montserrat", sans-serif;

    font-size: 13px;
    font-weight: 700;

    color: var(--gmy-red);
}


.gmy-strength-number i {
    width: 45px;
    height: 1px;

    background: #bbbbbb;
}


.gmy-strength-number small {
    font-family: "Poppins", sans-serif;

    font-size: 8px;
    font-weight: 600;

    letter-spacing: 2.3px;

    color: #888888;
}


/* ==================================================
   KICKER
================================================== */

.gmy-strength-kicker {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

    font-family: "Poppins", sans-serif;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 3px;

    color: var(--gmy-red);
}


.gmy-strength-kicker span {
    width: 30px;
    height: 2px;

    background: var(--gmy-red);
}


/* ==================================================
   TITLE
================================================== */

.gmy-strength-title {
    max-width: 760px;

    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size:
        clamp(
            46px,
            5vw,
            74px
        );

    font-weight: 750;

    line-height: 1;

    letter-spacing: -4px;

    color: var(--gmy-black);
}


.gmy-strength-title span {
    display: block;

    color: var(--gmy-red);
}


/* ==================================================
   HEADING RIGHT
================================================== */

.gmy-strength-head-right {
    padding-bottom: 8px;
}


.gmy-strength-head-right p {
    max-width: 460px;

    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    line-height: 1.9;

    color: var(--gmy-grey);
}


.gmy-strength-head-line {
    width: 100%;

    height: 1px;

    margin-top: 25px;

    background:
        linear-gradient(
            90deg,
            var(--gmy-red) 0,
            var(--gmy-red) 55px,
            #dddddd 55px
        );
}


/* ==================================================
   SHOWCASE
================================================== */

.gmy-strength-showcase {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1.5fr)
        minmax(340px,.5fr);

    min-height: 600px;
}


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

.gmy-strength-visual {
    position: relative;

    min-height: 600px;

    overflow: hidden;

    background: #222222;
}


.gmy-strength-main-img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform 1.2s
        cubic-bezier(.16,1,.3,1);
}


.gmy-strength-visual:hover
.gmy-strength-main-img {
    transform: scale(1.035);
}


.gmy-strength-image-overlay {
    position: absolute;

    z-index: 2;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02),
            rgba(0,0,0,.28)
        );
}


/* ==================================================
   VERTICAL LABEL
================================================== */

.gmy-strength-vertical {
    position: absolute;

    z-index: 5;

    left: 23px;
    top: 50%;

    transform:
        translate(-45%,-50%)
        rotate(-90deg);

    white-space: nowrap;

    font-family: "Poppins", sans-serif;

    font-size: 7px;
    font-weight: 500;

    letter-spacing: 2.4px;

    color: rgba(255,255,255,.8);
}


/* ==================================================
   IMAGE CAPTION
================================================== */

.gmy-strength-image-caption {
    position: absolute;

    z-index: 5;

    left: 38px;
    bottom: 28px;

    display: flex;

    align-items: center;

    gap: 13px;

    font-family: "Poppins", sans-serif;

    font-size: 7px;

    font-weight: 500;

    letter-spacing: 1.8px;

    color: rgba(255,255,255,.85);
}


.gmy-strength-image-caption i {
    width: 35px;

    height: 1px;

    background: rgba(255,255,255,.55);
}


/* ==================================================
   FLOATING EXPERIENCE
================================================== */

.gmy-strength-float {
    position: absolute;

    z-index: 7;

    right: 0;
    bottom: 0;

    width: 250px;

    padding: 28px 30px;

    background: #ffffff;
}


.gmy-strength-float-no {
    display: block;

    margin-bottom: 5px;

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 2px;

    color: var(--gmy-red);
}


.gmy-strength-float strong {
    display: block;

    font-family: "Montserrat", sans-serif;

    font-size: 46px;

    font-weight: 750;

    line-height: 1;

    letter-spacing: -3px;

    color: var(--gmy-black);
}


.gmy-strength-float p {
    margin:
        13px
        0
        0;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    line-height: 1.7;

    color: #777777;
}


/* ==================================================
   RED PANEL
================================================== */

.gmy-strength-panel {
    position: relative;

    min-height: 600px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding:
        40px
        40px
        38px;

    background: var(--gmy-red);

    color: #ffffff;
}


.gmy-strength-panel::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 80px;
    height: 80px;

    border-top:
        1px solid
        rgba(255,255,255,.25);

    border-right:
        1px solid
        rgba(255,255,255,.25);
}


/* ==================================================
   PANEL TOP
================================================== */

.gmy-strength-panel-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    font-family: "Poppins", sans-serif;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

    color: rgba(255,255,255,.7);
}


.gmy-strength-panel-mark {
    width: 43px;
    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

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

    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    font-weight: 750;

    color: #ffffff;
}


/* ==================================================
   PANEL TITLE
================================================== */

.gmy-strength-panel-title {
    margin:
        65px
        0;
}


.gmy-strength-panel-title small {
    display: block;

    margin-bottom: 15px;

    font-family: "Poppins", sans-serif;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

    color: rgba(255,255,255,.65);
}


.gmy-strength-panel-title h3 {
    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size:
        clamp(
            30px,
            2.7vw,
            42px
        );

    font-weight: 700;

    line-height: 1.05;

    letter-spacing: -2px;

    color: #ffffff;
}


.gmy-strength-panel-title h3 span {
    display: block;
}


.gmy-strength-panel-title p {
    margin:
        23px
        0
        0;

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    line-height: 1.8;

    color: rgba(255,255,255,.72);
}


/* ==================================================
   PROCESS
================================================== */

.gmy-strength-process {
    border-top:
        1px solid
        rgba(255,255,255,.25);
}


.gmy-strength-process-item {
    display: grid;

    grid-template-columns:
        32px
        1fr;

    gap: 12px;

    padding:
        14px
        0;
}


.gmy-strength-process-item > span {
    font-family: "Montserrat", sans-serif;

    font-size: 9px;

    font-weight: 700;

    color: rgba(255,255,255,.55);
}


.gmy-strength-process-item div {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;
}


.gmy-strength-process-item strong {
    font-family: "Montserrat", sans-serif;

    font-size: 12px;

    font-weight: 650;

    color: #ffffff;
}


.gmy-strength-process-item small {
    font-family: "Poppins", sans-serif;

    font-size: 7px;

    color: rgba(255,255,255,.55);
}


.gmy-strength-process-line {
    width: 100%;

    height: 1px;

    background: rgba(255,255,255,.16);
}


/* ==================================================
   STRENGTH GRID
================================================== */

.gmy-strength-grid {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    margin-top: 55px;

    border-top:
        1px solid
        var(--gmy-line);

    border-left:
        1px solid
        var(--gmy-line);
}


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

.gmy-strength-card {
    position: relative;

    min-height: 300px;

    display: flex;

    flex-direction: column;

    padding:
        30px
        28px
        25px;

    background: #ffffff;

    border-right:
        1px solid
        var(--gmy-line);

    border-bottom:
        1px solid
        var(--gmy-line);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}


.gmy-strength-card:hover {
    z-index: 5;

    transform: translateY(-8px);

    box-shadow:
        0 25px 55px
        rgba(0,0,0,.10);
}


/* top */

.gmy-strength-card-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 48px;
}


.gmy-strength-card-number {
    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    font-weight: 700;

    color: var(--gmy-red);
}


.gmy-strength-card-icon {
    width: 35px;
    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        #dddddd;

    border-radius: 50%;

    font-size: 15px;

    color: var(--gmy-red);
}


/* title */

.gmy-strength-card h3 {
    margin:
        0
        0
        15px;

    font-family: "Montserrat", sans-serif;

    font-size: 22px;

    font-weight: 650;

    line-height: 1.1;

    letter-spacing: -1px;

    color: var(--gmy-black);
}


.gmy-strength-card h3 span {
    display: block;
}


/* description */

.gmy-strength-card p {
    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    line-height: 1.75;

    color: #777777;
}


/* bottom */

.gmy-strength-card-bottom {
    margin-top: auto;

    padding-top: 24px;

    font-family: "Poppins", sans-serif;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 1.7px;

    color: #999999;
}


/* ==================================================
   RED CARD
================================================== */

.gmy-strength-card-red {
    background: var(--gmy-red);
}


.gmy-strength-card-red
.gmy-strength-card-number {
    color: rgba(255,255,255,.65);
}


.gmy-strength-card-red
.gmy-strength-card-icon {
    border-color:
        rgba(255,255,255,.35);

    color: #ffffff;
}


.gmy-strength-card-red h3 {
    color: #ffffff;
}


.gmy-strength-card-red p {
    color: rgba(255,255,255,.72);
}


.gmy-strength-card-red
.gmy-strength-card-bottom {
    color: rgba(255,255,255,.55);
}


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

@media (max-width: 1100px) {

    .gmy-strength-container {
        width:
            calc(100% - 50px);
    }


    .gmy-strength-head {
        gap: 50px;
    }


    .gmy-strength-showcase {
        grid-template-columns:
            1.35fr
            .65fr;
    }


    .gmy-strength-panel {
        padding:
            30px
            27px;
    }


    .gmy-strength-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


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

@media (max-width: 767px) {

    .gmy-strength-home {
        padding:
            75px
            0
            80px;
    }


    .gmy-strength-container {
        width:
            calc(100% - 34px);
    }


    /* heading */

    .gmy-strength-head {
        display: block;

        margin-bottom: 45px;
    }


    .gmy-strength-number {
        margin-bottom: 32px;
    }


    .gmy-strength-title {
        font-size:
            clamp(
                40px,
                11vw,
                52px
            );

        letter-spacing: -2.5px;
    }


    .gmy-strength-head-right {
        margin-top: 25px;
    }


    .gmy-strength-head-right p {
        font-size: 12px;
    }


    /* showcase */

    .gmy-strength-showcase {
        display: block;

        min-height: auto;
    }


    .gmy-strength-visual {
        min-height: 470px;
    }


    .gmy-strength-main-img {
        object-position: center;
    }


    .gmy-strength-float {
        width: 190px;

        padding:
            20px
            22px;
    }


    .gmy-strength-float strong {
        font-size: 37px;
    }


    .gmy-strength-image-caption {
        left: 20px;

        bottom: 20px;
    }


    .gmy-strength-image-caption span:last-child,
    .gmy-strength-image-caption i {
        display: none;
    }


    /* red panel */

    .gmy-strength-panel {
        min-height: auto;

        padding:
            32px
            25px;
    }


    .gmy-strength-panel-title {
        margin:
            55px
            0;
    }


    .gmy-strength-panel-title h3 {
        font-size: 34px;
    }


    /* cards */

    .gmy-strength-grid {
        grid-template-columns: 1fr;

        margin-top: 35px;
    }


    .gmy-strength-card {
        min-height: 250px;
    }

}


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

@media (max-width: 420px) {

    .gmy-strength-visual {
        min-height: 420px;
    }


    .gmy-strength-vertical {
        display: none;
    }


    .gmy-strength-float {
        width: 175px;
    }


    .gmy-strength-panel-title h3 {
        font-size: 31px;
    }


    .gmy-strength-process-item div {
        display: block;
    }


    .gmy-strength-process-item small {
        display: block;

        margin-top: 3px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7337bd9 *//* ==================================================
   GMY ASSOCIATES PLT
   HOME SECTION 05
   CLIENT ECOSYSTEM
================================================== */

.gmy-ecosystem {

    --red: #c9001b;
    --red-dark: #990015;
    --black: #101010;
    --grey: #747474;
    --line: #dddddd;

    position: relative;

    width: 100%;

    padding:
        clamp(110px, 9vw, 160px)
        0;

    background: #ffffff;

    overflow: hidden;
}


/* ==================================================
   BACKGROUND
================================================== */

.gmy-ecosystem::before {

    content: "";

    position: absolute;

    width: 650px;
    height: 650px;

    left: -360px;
    top: 50%;

    transform: translateY(-50%);

    border-radius: 50%;

    border: 1px solid rgba(201,0,27,.08);
}


.gmy-ecosystem::after {

    content: "05";

    position: absolute;

    left: 2%;
    bottom: -55px;

    font-family: "Montserrat", sans-serif;

    font-size: 250px;
    font-weight: 800;

    line-height: 1;

    letter-spacing: -18px;

    color: rgba(0,0,0,.022);

    pointer-events: none;
}


/* ==================================================
   CONTAINER
================================================== */

.gmy-ecosystem-container {

    position: relative;

    z-index: 2;

    width:
        min(
            1500px,
            calc(100% - 80px)
        );

    margin: auto;

    display: grid;

    grid-template-columns:
        38%
        62%;

    align-items: center;
}


/* ==================================================
   LEFT COPY
================================================== */

.gmy-eco-copy {

    position: relative;

    z-index: 10;

    padding-right:
        clamp(
            40px,
            6vw,
            95px
        );
}


/* eyebrow */

.gmy-eco-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 28px;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 3px;

    color: var(--red);
}


.gmy-eco-eyebrow::before {

    content: "";

    width: 38px;
    height: 2px;

    background: var(--red);
}


/* heading */

.gmy-eco-copy h2 {

    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size:
        clamp(
            48px,
            5vw,
            76px
        );

    font-weight: 750;

    line-height: .98;

    letter-spacing: -4.5px;

    color: var(--black);
}


.gmy-eco-copy h2 span {

    display: block;

    color: var(--red);
}


/* paragraph */

.gmy-eco-copy > p {

    max-width: 500px;

    margin:
        30px
        0
        0;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    line-height: 1.9;

    color: var(--grey);
}


/* ==================================================
   SIGNATURE
================================================== */

.gmy-eco-signature {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 38px;
}


.gmy-eco-signature-line {

    width: 55px;
    height: 1px;

    background: var(--red);
}


.gmy-eco-signature div {

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.gmy-eco-signature small {

    font-family: "Poppins", sans-serif;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: #999;
}


.gmy-eco-signature strong {

    font-family: "Montserrat", sans-serif;

    font-size: 13px;

    font-weight: 650;

    color: var(--black);
}


/* ==================================================
   CTA
================================================== */

.gmy-eco-link {

    display: inline-flex;

    align-items: center;

    margin-top: 40px;

    color: var(--black) !important;

    text-decoration: none !important;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 600;
}


.gmy-eco-link > span {

    padding-bottom: 7px;

    border-bottom:
        1px solid
        var(--black);
}


.gmy-eco-link i {

    width: 45px;
    height: 45px;

    margin-left: 17px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--red);

    transition:
        transform .35s ease,
        background .35s ease;
}


.gmy-eco-link svg {

    width: 17px;
    height: 17px;

    fill: none;

    stroke: #fff;

    stroke-width: 1.5;
}


.gmy-eco-link:hover i {

    transform:
        translateX(6px)
        rotate(-45deg);

    background: var(--red-dark);
}


/* ==================================================
   ECOSYSTEM MAP
================================================== */

.gmy-eco-map {

    position: relative;

    width: 100%;

    height: 760px;

    overflow: hidden;

    background: #f5f5f5;
}


/* ==================================================
   RED SIDE STRIP
================================================== */

.gmy-eco-map::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 8px;
    height: 100%;

    background: var(--red);
}


/* ==================================================
   RINGS
================================================== */

.gmy-eco-ring {

    position: absolute;

    top: 50%;
    left: 50%;

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

    border-radius: 50%;

    pointer-events: none;
}


.gmy-eco-ring-1 {

    width: 250px;
    height: 250px;

    border:
        1px solid
        rgba(201,0,27,.20);
}


.gmy-eco-ring-2 {

    width: 460px;
    height: 460px;

    border:
        1px solid
        rgba(0,0,0,.09);
}


.gmy-eco-ring-3 {

    width: 680px;
    height: 680px;

    border:
        1px dashed
        rgba(0,0,0,.10);
}


/* ==================================================
   CROSS LINES
================================================== */

.gmy-eco-cross-horizontal {

    position: absolute;

    left: 7%;
    right: 7%;

    top: 50%;

    height: 1px;

    background:
        rgba(0,0,0,.07);
}


.gmy-eco-cross-vertical {

    position: absolute;

    top: 7%;
    bottom: 7%;

    left: 50%;

    width: 1px;

    background:
        rgba(0,0,0,.07);
}


/* ==================================================
   CENTER
================================================== */

.gmy-eco-center {

    position: absolute;

    z-index: 10;

    top: 50%;
    left: 50%;

    width: 180px;
    height: 180px;

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

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--red);

    box-shadow:
        0 30px 70px
        rgba(201,0,27,.22);
}


.gmy-eco-center::before {

    content: "";

    position: absolute;

    inset: -12px;

    border-radius: 50%;

    border:
        1px solid
        rgba(201,0,27,.25);
}


.gmy-eco-center-small,
.gmy-eco-center-bottom {

    font-family: "Poppins", sans-serif;

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 2px;

    color:
        rgba(255,255,255,.65);
}


.gmy-eco-center strong {

    margin: 4px 0;

    font-family: "Montserrat", sans-serif;

    font-size: 46px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: -3px;

    color: #ffffff;
}


/* ==================================================
   NODES
================================================== */

.gmy-eco-node {

    position: absolute;

    z-index: 8;

    display: flex;

    align-items: flex-start;

    gap: 12px;

    max-width: 220px;

    cursor: default;

    transition:
        transform .35s ease;
}


.gmy-node-dot {

    position: relative;

    width: 12px;
    height: 12px;

    flex: 0 0 12px;

    margin-top: 4px;

    border-radius: 50%;

    background: #ffffff;

    border:
        3px solid
        var(--red);

    box-shadow:
        0 0 0 5px
        rgba(201,0,27,.08);
}


.gmy-eco-node small {

    display: block;

    margin-bottom: 6px;

    font-family: "Poppins", sans-serif;

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.4px;

    color: var(--red);
}


.gmy-eco-node strong {

    display: block;

    font-family: "Montserrat", sans-serif;

    font-size: 15px;

    font-weight: 650;

    line-height: 1.15;

    letter-spacing: -.5px;

    color: var(--black);
}


.gmy-eco-node strong span {

    display: block;
}


.gmy-eco-node:hover {

    transform:
        translateY(-5px);
}


/* ==================================================
   NODE POSITIONS
================================================== */

.gmy-eco-node-1 {

    top: 11%;
    left: 39%;
}


.gmy-eco-node-2 {

    top: 23%;
    right: 7%;
}


.gmy-eco-node-3 {

    top: 48%;
    right: 4%;
}


.gmy-eco-node-4 {

    right: 12%;
    bottom: 13%;
}


.gmy-eco-node-5 {

    left: 38%;
    bottom: 8%;
}


.gmy-eco-node-6 {

    left: 7%;
    bottom: 23%;
}


.gmy-eco-node-7 {

    left: 7%;
    top: 25%;
}


/* ==================================================
   CONNECTOR LINES
================================================== */

.gmy-eco-node::after {

    content: "";

    position: absolute;

    z-index: -1;

    top: 9px;

    width: 65px;

    height: 1px;

    background:
        rgba(0,0,0,.13);
}


/* right nodes */

.gmy-eco-node-2::after,
.gmy-eco-node-3::after,
.gmy-eco-node-4::after {

    right: 100%;
}


/* left nodes */

.gmy-eco-node-6::after,
.gmy-eco-node-7::after {

    left: 100%;
}


/* top/bottom nodes no connector */

.gmy-eco-node-1::after,
.gmy-eco-node-5::after {

    display: none;
}


/* ==================================================
   MAP LABEL
================================================== */

.gmy-eco-map-label {

    position: absolute;

    right: 22px;
    bottom: 20px;

    font-family: "Poppins", sans-serif;

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: #999;
}


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

@media (max-width: 1100px) {

    .gmy-ecosystem-container {

        width:
            calc(100% - 50px);

        grid-template-columns:
            40%
            60%;
    }


    .gmy-eco-copy {

        padding-right: 40px;
    }


    .gmy-eco-copy h2 {

        font-size: 52px;

        letter-spacing: -3px;
    }


    .gmy-eco-map {

        height: 650px;
    }


    .gmy-eco-ring-3 {

        width: 570px;
        height: 570px;
    }


    .gmy-eco-ring-2 {

        width: 390px;
        height: 390px;
    }


    .gmy-eco-center {

        width: 150px;
        height: 150px;
    }


    .gmy-eco-center strong {

        font-size: 38px;
    }


    .gmy-eco-node strong {

        font-size: 12px;
    }

}


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

@media (max-width: 767px) {

    .gmy-ecosystem {

        padding:
            75px
            0
            80px;
    }


    .gmy-ecosystem-container {

        width:
            calc(100% - 34px);

        display: block;
    }


    .gmy-eco-copy {

        padding-right: 0;
    }


    .gmy-eco-copy h2 {

        font-size:
            clamp(
                41px,
                11vw,
                52px
            );

        letter-spacing: -2.7px;
    }


    .gmy-eco-copy > p {

        font-size: 12px;
    }


    /* MAP */

    .gmy-eco-map {

        height: auto;

        margin-top: 65px;

        padding:
            45px
            22px
            30px;

        overflow: visible;
    }


    /* hide desktop diagram */

    .gmy-eco-ring,
    .gmy-eco-cross-horizontal,
    .gmy-eco-cross-vertical {

        display: none;
    }


    /* center */

    .gmy-eco-center {

        position: relative;

        top: auto;
        left: auto;

        width: 135px;
        height: 135px;

        margin:
            0
            auto
            45px;

        transform: none;
    }


    .gmy-eco-center strong {

        font-size: 35px;
    }


    /* nodes become clean list */

    .gmy-eco-node {

        position: relative;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        max-width: none;

        min-height: 72px;

        align-items: center;

        padding:
            15px
            0;

        border-top:
            1px solid
            #dddddd;
    }


    .gmy-eco-node:last-of-type {

        border-bottom:
            1px solid
            #dddddd;
    }


    .gmy-eco-node::after {

        display: none;
    }


    .gmy-node-dot {

        margin-top: 0;
    }


    .gmy-eco-node strong {

        font-size: 15px;
    }


    .gmy-eco-map-label {

        position: relative;

        right: auto;
        bottom: auto;

        margin-top: 28px;

        text-align: right;
    }

}


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

@media (max-width: 420px) {

    .gmy-eco-copy h2 {

        font-size: 39px;
    }


    .gmy-eco-signature-line {

        width: 35px;
    }


    .gmy-eco-map {

        padding:
            40px
            18px
            25px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-91dabfd *//* ==================================================
   GMY ASSOCIATES PLT
   HOME SECTION 06
   LEADERSHIP SPOTLIGHT
================================================== */

.gmy-leadership-home {

    --red: #c9001b;
    --red-dark: #9f0016;
    --black: #101010;

    position: relative;

    width: 100%;

    background: #101010;

    overflow: hidden;
}


/* ==================================================
   MAIN STAGE
================================================== */

.gmy-leadership-stage {

    position: relative;

    width: 100%;

    min-height: 820px;

    overflow: hidden;

    background: #151515;
}


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

.gmy-leadership-photo {

    position: absolute;

    inset: 0;

    z-index: 1;
}


.gmy-leadership-photo img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: 65% center;

    filter: grayscale(25%);

    transform: scale(1.01);

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


.gmy-leadership-stage:hover
.gmy-leadership-photo img {

    transform: scale(1.035);

    filter: grayscale(0%);
}


/* ==================================================
   OVERLAY
================================================== */

.gmy-leadership-overlay {

    position: absolute;

    z-index: 2;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(8,8,8,.97) 0%,
            rgba(8,8,8,.90) 28%,
            rgba(8,8,8,.48) 55%,
            rgba(8,8,8,.12) 78%,
            rgba(8,8,8,.30) 100%
        ),

        linear-gradient(
            0deg,
            rgba(0,0,0,.72) 0%,
            transparent 45%
        );
}


/* ==================================================
   GIANT WORD
================================================== */

.gmy-leadership-giant {

    position: absolute;

    z-index: 3;

    left: 50%;

    bottom: -35px;

    transform: translateX(-50%);

    white-space: nowrap;

    font-family: "Montserrat", sans-serif;

    font-size:
        clamp(
            115px,
            15vw,
            255px
        );

    font-weight: 800;

    line-height: .8;

    letter-spacing: -12px;

    color: rgba(255,255,255,.035);

    pointer-events: none;
}


/* ==================================================
   TOP META
================================================== */

.gmy-leadership-top {

    position: absolute;

    z-index: 10;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width:
        min(
            1500px,
            calc(100% - 80px)
        );

    min-height: 95px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom:
        1px solid
        rgba(255,255,255,.17);
}


.gmy-leadership-index {

    display: flex;

    align-items: center;

    gap: 14px;

    font-family: "Poppins", sans-serif;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2.2px;

    color: rgba(255,255,255,.55);
}


.gmy-leadership-index span:first-child {

    color: var(--red);

    font-size: 10px;

    font-family: "Montserrat", sans-serif;

    font-weight: 700;
}


.gmy-leadership-index i {

    width: 45px;

    height: 1px;

    background: rgba(255,255,255,.35);
}


.gmy-leadership-top-right {

    font-family: "Poppins", sans-serif;

    font-size: 7px;

    font-weight: 500;

    letter-spacing: 2px;

    color: rgba(255,255,255,.55);
}


/* ==================================================
   CONTENT
================================================== */

.gmy-leadership-content {

    position: relative;

    z-index: 8;

    width:
        min(
            1500px,
            calc(100% - 80px)
        );

    min-height: 820px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1.1fr
        .9fr;

    align-items: center;

    gap: 100px;

    padding:
        150px
        0
        100px;
}


/* ==================================================
   EYEBROW
================================================== */

.gmy-leadership-eyebrow {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 25px;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 3px;

    color: var(--red);
}


.gmy-leadership-eyebrow::before {

    content: "";

    width: 38px;

    height: 2px;

    background: var(--red);
}


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

.gmy-leadership-copy h2 {

    max-width: 780px;

    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size:
        clamp(
            58px,
            6vw,
            94px
        );

    font-weight: 750;

    line-height: .91;

    letter-spacing: -6px;

    color: #ffffff;
}


.gmy-leadership-copy h2 span {

    display: block;
}


.gmy-leadership-copy h2 span:last-child {

    color: var(--red);
}


/* ==================================================
   NAME
================================================== */

.gmy-leadership-name {

    display: flex;

    align-items: flex-end;

    gap: 25px;

    margin-top: 60px;

    padding-top: 25px;

    border-top:
        1px solid
        rgba(255,255,255,.20);

    max-width: 610px;
}


.gmy-leadership-name small {

    flex: 0 0 100px;

    padding-bottom: 5px;

    font-family: "Poppins", sans-serif;

    font-size: 7px;

    font-weight: 600;

    line-height: 1.6;

    letter-spacing: 1.8px;

    color: rgba(255,255,255,.45);
}


.gmy-leadership-name strong {

    font-family: "Montserrat", sans-serif;

    font-size: 25px;

    font-weight: 650;

    line-height: 1.05;

    letter-spacing: -1px;

    color: #ffffff;
}


.gmy-leadership-name strong span {

    display: block;
}


/* ==================================================
   STATEMENT
================================================== */

.gmy-leadership-statement {

    position: relative;

    align-self: end;

    justify-self: end;

    width: min(100%, 390px);

    margin-bottom: 55px;

    padding:
        35px
        35px
        32px;

    background:
        rgba(10,10,10,.76);

    backdrop-filter:
        blur(8px);

    border-top:
        3px solid
        var(--red);
}


.gmy-leadership-quote-mark {

    position: absolute;

    top: -27px;

    right: 22px;

    font-family: Georgia, serif;

    font-size: 85px;

    line-height: 1;

    color: var(--red);
}


.gmy-leadership-statement p {

    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    line-height: 1.9;

    color: rgba(255,255,255,.76);
}


.gmy-leadership-sign {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-top: 25px;
}


.gmy-leadership-sign span {

    width: 38px;

    height: 1px;

    background: var(--red);
}


.gmy-leadership-sign small {

    font-family: "Poppins", sans-serif;

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.7px;

    color: rgba(255,255,255,.48);
}


/* ==================================================
   VERTICAL TEXT
================================================== */

.gmy-leadership-vertical {

    position: absolute;

    z-index: 8;

    right: 25px;

    top: 50%;

    transform:
        translate(45%,-50%)
        rotate(90deg);

    white-space: nowrap;

    font-family: "Poppins", sans-serif;

    font-size: 6px;

    font-weight: 500;

    letter-spacing: 2.6px;

    color: rgba(255,255,255,.55);
}


/* ==================================================
   RED CORNER
================================================== */

.gmy-leadership-corner {

    position: absolute;

    z-index: 9;

    right: 0;

    top: 0;

    width: 145px;

    height: 145px;

    background: var(--red);

    clip-path:
        polygon(
            0 0,
            100% 0,
            100% 100%
        );
}


.gmy-leadership-corner span {

    position: absolute;

    top: 24px;

    right: 21px;

    font-family: "Montserrat", sans-serif;

    font-size: 11px;

    font-weight: 750;

    color: #ffffff;
}


/* ==================================================
   CREDENTIAL STRIP
================================================== */

.gmy-leadership-credentials {

    position: relative;

    z-index: 20;

    width: 100%;

    background: #ffffff;
}


.gmy-leadership-credentials-inner {

    width:
        min(
            1500px,
            calc(100% - 80px)
        );

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr))
        auto;

    align-items: stretch;
}


/* ==================================================
   CREDENTIAL
================================================== */

.gmy-leadership-credential {

    min-height: 165px;

    display: grid;

    grid-template-columns:
        28px
        1fr;

    gap: 13px;

    padding:
        32px
        24px;

    border-left:
        1px solid
        #e1e1e1;
}


.gmy-credential-no {

    padding-top: 2px;

    font-family: "Montserrat", sans-serif;

    font-size: 8px;

    font-weight: 700;

    color: var(--red);
}


.gmy-leadership-credential small {

    display: block;

    margin-bottom: 9px;

    font-family: "Poppins", sans-serif;

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #999999;
}


.gmy-leadership-credential strong {

    display: block;

    font-family: "Montserrat", sans-serif;

    font-size: 16px;

    font-weight: 650;

    line-height: 1.2;

    color: #111111;
}


.gmy-leadership-credential p {

    margin:
        8px
        0
        0;

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    line-height: 1.6;

    color: #888888;
}


/* ==================================================
   CTA
================================================== */

.gmy-leadership-more {

    min-width: 190px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 15px;

    padding: 25px;

    background: var(--red);

    color: #ffffff !important;

    text-decoration: none !important;

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 600;

    transition:
        background .3s ease;
}


.gmy-leadership-more i {

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border:
        1px solid
        rgba(255,255,255,.4);

    transition:
        transform .35s ease,
        background .35s ease;
}


.gmy-leadership-more svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: #ffffff;

    stroke-width: 1.5;
}


.gmy-leadership-more:hover {

    background: var(--red-dark);
}


.gmy-leadership-more:hover i {

    transform: rotate(-45deg);

    background:
        rgba(255,255,255,.12);
}


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

@media (max-width: 1100px) {

    .gmy-leadership-top,
    .gmy-leadership-content,
    .gmy-leadership-credentials-inner {

        width:
            calc(100% - 50px);
    }


    .gmy-leadership-stage,
    .gmy-leadership-content {

        min-height: 720px;
    }


    .gmy-leadership-content {

        grid-template-columns:
            1.15fr
            .85fr;

        gap: 50px;
    }


    .gmy-leadership-copy h2 {

        font-size: 66px;

        letter-spacing: -4px;
    }


    .gmy-leadership-credentials-inner {

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


    .gmy-leadership-more {

        min-height: 120px;

        grid-column:
            1 / -1;

        flex-direction: row;
    }

}


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

@media (max-width: 767px) {

    .gmy-leadership-stage {

        min-height: 850px;
    }


    .gmy-leadership-photo img {

        object-position: 62% center;
    }


    .gmy-leadership-overlay {

        background:
            linear-gradient(
                180deg,
                rgba(8,8,8,.72) 0%,
                rgba(8,8,8,.45) 32%,
                rgba(8,8,8,.85) 67%,
                rgba(8,8,8,.98) 100%
            );
    }


    /* top */

    .gmy-leadership-top {

        width:
            calc(100% - 34px);

        min-height: 75px;
    }


    .gmy-leadership-top-right {

        display: none;
    }


    /* content */

    .gmy-leadership-content {

        width:
            calc(100% - 34px);

        min-height: 850px;

        display: flex;

        flex-direction: column;

        justify-content: flex-end;

        align-items: stretch;

        gap: 35px;

        padding:
            120px
            0
            45px;
    }


    .gmy-leadership-copy h2 {

        font-size:
            clamp(
                48px,
                14vw,
                66px
            );

        line-height: .94;

        letter-spacing: -3.5px;
    }


    .gmy-leadership-name {

        margin-top: 32px;

        padding-top: 20px;
    }


    .gmy-leadership-statement {

        align-self: flex-start;

        justify-self: auto;

        width: 100%;

        margin-bottom: 0;

        padding:
            27px
            24px;
    }


    .gmy-leadership-statement p {

        font-size: 10px;
    }


    .gmy-leadership-vertical {

        display: none;
    }


    .gmy-leadership-corner {

        width: 95px;

        height: 95px;
    }


    .gmy-leadership-corner span {

        top: 17px;

        right: 14px;
    }


    .gmy-leadership-giant {

        font-size: 100px;

        bottom: 10px;

        letter-spacing: -7px;
    }


    /* credentials */

    .gmy-leadership-credentials-inner {

        width:
            calc(100% - 34px);

        grid-template-columns: 1fr;
    }


    .gmy-leadership-credential {

        min-height: auto;

        padding:
            25px
            15px;

        border-left: 0;

        border-bottom:
            1px solid
            #e1e1e1;
    }


    .gmy-leadership-more {

        grid-column: auto;

        min-height: 90px;
    }

}


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

@media (max-width: 420px) {

    .gmy-leadership-stage,
    .gmy-leadership-content {

        min-height: 800px;
    }


    .gmy-leadership-copy h2 {

        font-size: 47px;
    }


    .gmy-leadership-name {

        display: block;
    }


    .gmy-leadership-name small {

        display: block;

        margin-bottom: 10px;
    }


    .gmy-leadership-name strong {

        font-size: 21px;
    }

}/* End custom CSS */