.elementor-19 .elementor-element.elementor-element-16404c6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-5b7a3cf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-2304519{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-3cc50d7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-2134f71{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-ed1e057{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-0acd676{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-33c8488 *//* ==================================================
   GMY ASSOCIATES PLT
   ABOUT PAGE
   SECTION 01 - HERO
================================================== */

.gmy-about-hero {

    --red: #c9001b;
    --red-dark: #a50016;
    --black: #111111;
    --grey: #737373;
    --line: #dedede;

    position: relative;

    width: 100%;

    padding:
        0
        0
        100px;

    background: #f5f5f3;

    overflow: hidden;
}


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

.gmy-ah-bg-text {

    position: absolute;

    top: 70px;
    right: -40px;

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

    font-size:
        clamp(
            180px,
            25vw,
            410px
        );

    font-weight: 800;

    line-height: .75;

    letter-spacing: -25px;

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

    pointer-events: none;

    user-select: none;
}


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

.gmy-ah-container {

    position: relative;

    z-index: 3;

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

    margin: 0 auto;
}


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

.gmy-ah-top {

    min-height: 100px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom:
        1px solid
        #d8d8d8;
}


/* page label */

.gmy-ah-page-label {

    display: flex;

    align-items: center;

    gap: 14px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2.2px;

    color: #777777;
}


.gmy-ah-page-label span:first-child {

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

    font-size: 11px;

    font-weight: 700;

    color: var(--red);
}


.gmy-ah-page-label i {

    width: 45px;

    height: 1px;

    background: #aaaaaa;
}


.gmy-ah-top-right {

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2.4px;

    color: #999999;
}


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

.gmy-ah-title-wrap {

    display: grid;

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

    align-items: end;

    gap: 80px;

    padding:
        75px
        0
        65px;
}


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

.gmy-ah-eyebrow {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

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

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 3px;

    color: var(--red);
}


.gmy-ah-eyebrow::before {

    content: "";

    width: 35px;

    height: 2px;

    background: var(--red);
}


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

.gmy-ah-title h1 {

    margin: 0;

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

    font-size:
        clamp(
            75px,
            8.5vw,
            135px
        );

    font-weight: 750;

    line-height: .84;

    letter-spacing: -8px;

    color: var(--black);
}


.gmy-ah-title h1 span {

    display: block;

    color: var(--red);
}


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

.gmy-ah-intro {

    display: grid;

    grid-template-columns:
        2px
        1fr;

    gap: 20px;

    max-width: 430px;

    padding-bottom: 10px;
}


.gmy-ah-intro-line {

    width: 2px;

    height: 100%;

    min-height: 80px;

    background: var(--red);
}


.gmy-ah-intro p {

    margin: 0;

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

    font-size: 12px;

    line-height: 1.9;

    color: var(--grey);
}


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

.gmy-ah-visual {

    position: relative;

    min-height: 650px;
}


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

.gmy-ah-main-image {

    position: absolute;

    top: 0;
    left: 0;

    width: 76%;

    height: 570px;

    overflow: hidden;

    background: #222222;
}


.gmy-ah-main-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.05),
            rgba(0,0,0,0)
        );
}


.gmy-ah-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-ah-main-image:hover img {

    transform: scale(1.035);
}


/* ==================================================
   RED BLOCK
================================================== */

.gmy-ah-red-block {

    position: absolute;

    z-index: 7;

    right: 0;
    top: 70px;

    width: 32%;

    min-height: 410px;

    padding:
        42px
        40px;

    background: var(--red);

    color: #ffffff;

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


.gmy-ah-red-block small {

    display: block;

    margin-bottom: 55px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

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


.gmy-ah-red-block strong {

    display: block;

    margin-bottom: 14px;

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

    font-size:
        clamp(
            27px,
            2.4vw,
            38px
        );

    font-weight: 650;

    line-height: 1.02;

    letter-spacing: -1.7px;

    color: #ffffff;
}


.gmy-ah-red-block strong span {

    display: block;

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


.gmy-ah-red-line {

    width: 45px;

    height: 2px;

    margin:
        30px
        0
        18px;

    background: #ffffff;
}


.gmy-ah-red-block p {

    margin: 0;

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

    font-size: 9px;

    line-height: 1.7;

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


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

.gmy-ah-small-image {

    position: absolute;

    z-index: 8;

    left: 8%;
    bottom: 0;

    width: 245px;

    height: 180px;

    padding: 7px;

    background: #ffffff;

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


.gmy-ah-small-image img {

    width: 100%;

    height: 135px;

    display: block;

    object-fit: cover;
}


.gmy-ah-small-image > span {

    min-height: 31px;

    display: flex;

    align-items: center;

    padding:
        0
        5px;

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

    font-size: 5.5px;

    font-weight: 600;

    letter-spacing: 1.3px;

    color: #888888;
}


/* ==================================================
   YEAR
================================================== */

.gmy-ah-year {

    position: absolute;

    z-index: 8;

    right: 35%;
    bottom: 15px;

    display: flex;

    align-items: flex-end;

    gap: 10px;
}


.gmy-ah-year small {

    margin-bottom: 9px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #999999;
}


.gmy-ah-year strong {

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

    font-size: 48px;

    font-weight: 750;

    line-height: 1;

    letter-spacing: -3px;

    color: var(--black);
}


.gmy-ah-year > span {

    margin-bottom: 7px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 1px;

    color: var(--red);
}


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

.gmy-ah-vertical {

    position: absolute;

    z-index: 5;

    left: -25px;
    top: 45%;

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

    white-space: nowrap;

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

    font-size: 6px;

    font-weight: 500;

    letter-spacing: 2px;

    color: #888888;
}


/* ==================================================
   BOTTOM INTRO
================================================== */

.gmy-ah-bottom {

    display: grid;

    grid-template-columns:
        120px
        1fr
        1fr
        120px;

    gap: 40px;

    align-items: start;

    margin-top: 45px;

    padding-top: 35px;

    border-top:
        1px solid
        #d6d6d6;
}


.gmy-ah-bottom-label {

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

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 2px;

    color: var(--red);
}


.gmy-ah-bottom-copy p {

    margin: 0;

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

    font-size: 10px;

    line-height: 1.85;

    color: #707070;
}


/* ==================================================
   BOTTOM MARK
================================================== */

.gmy-ah-bottom-mark {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 5px;
}


.gmy-ah-bottom-mark span {

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

    font-size: 24px;

    font-weight: 800;

    letter-spacing: -1.5px;

    color: var(--red);
}


.gmy-ah-bottom-mark small {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #999999;
}


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

@media (max-width: 1100px) {

    .gmy-ah-container {

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


    .gmy-ah-title h1 {

        font-size: 92px;

        letter-spacing: -5px;
    }


    .gmy-ah-visual {

        min-height: 590px;
    }


    .gmy-ah-main-image {

        height: 520px;
    }


    .gmy-ah-red-block {

        width: 36%;

        padding:
            35px
            30px;
    }


    .gmy-ah-bottom {

        grid-template-columns:
            90px
            1fr
            1fr;

        gap: 30px;
    }


    .gmy-ah-bottom-mark {

        display: none;
    }

}


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

@media (max-width: 767px) {

    .gmy-about-hero {

        padding-bottom: 70px;
    }


    .gmy-ah-container {

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


    .gmy-ah-top {

        min-height: 75px;
    }


    .gmy-ah-top-right {

        display: none;
    }


    /* title */

    .gmy-ah-title-wrap {

        display: block;

        padding:
            55px
            0
            45px;
    }


    .gmy-ah-title h1 {

        font-size:
            clamp(
                58px,
                17vw,
                82px
            );

        line-height: .88;

        letter-spacing: -4px;
    }


    .gmy-ah-intro {

        max-width: 100%;

        margin-top: 30px;
    }


    /* visual */

    .gmy-ah-visual {

        min-height: auto;

        display: flex;

        flex-direction: column;

        gap: 0;
    }


    .gmy-ah-main-image {

        position: relative;

        width: 100%;

        height: 420px;
    }


    .gmy-ah-red-block {

        position: relative;

        top: auto;
        right: auto;

        width: calc(100% - 35px);

        min-height: auto;

        margin:
            -55px
            0
            0
            auto;

        padding:
            32px
            28px;
    }


    .gmy-ah-red-block small {

        margin-bottom: 35px;
    }


    .gmy-ah-small-image {

        position: relative;

        left: auto;
        bottom: auto;

        width: 190px;

        height: 145px;

        margin-top: -20px;

        margin-left: 15px;
    }


    .gmy-ah-small-image img {

        height: 105px;
    }


    .gmy-ah-year {

        position: relative;

        right: auto;
        bottom: auto;

        margin:
            30px
            0
            0
            auto;
    }


    .gmy-ah-vertical {

        display: none;
    }


    /* bottom */

    .gmy-ah-bottom {

        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 40px;
    }


    .gmy-ah-bottom-copy {

        padding-top: 18px;

        border-top:
            1px solid
            #dddddd;
    }

}


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

@media (max-width: 420px) {

    .gmy-ah-title h1 {

        font-size: 57px;
    }


    .gmy-ah-main-image {

        height: 360px;
    }


    .gmy-ah-red-block {

        width:
            calc(100% - 20px);

        padding:
            28px
            24px;
    }


    .gmy-ah-red-block strong {

        font-size: 27px;
    }


    .gmy-ah-year strong {

        font-size: 40px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-693f9a1 *//* ==================================================
   GMY ASSOCIATES PLT
   ABOUT PAGE
   SECTION 02 - OUR STORY
================================================== */

.gmy-story {

    --red: #c9001b;
    --red-dark: #9f0016;
    --black: #111111;
    --grey: #747474;
    --line: #dedede;

    position: relative;

    width: 100%;

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

    background: #ffffff;

    overflow: hidden;
}


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

.gmy-story::before {

    content: "2006";

    position: absolute;

    top: 130px;
    left: -45px;

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

    font-size:
        clamp(
            180px,
            23vw,
            370px
        );

    font-weight: 800;

    line-height: .8;

    letter-spacing: -25px;

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

    pointer-events: none;
}


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

.gmy-story-container {

    position: relative;

    z-index: 2;

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

    margin: 0 auto;
}


/* ==================================================
   SECTION HEADER
================================================== */

.gmy-story-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 25px;

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


.gmy-story-head-left {

    display: flex;

    align-items: center;

    gap: 14px;
}


.gmy-story-section-no {

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

    font-size: 10px;

    font-weight: 700;

    color: var(--red);
}


.gmy-story-head-line {

    width: 42px;

    height: 1px;

    background: #aaaaaa;
}


.gmy-story-head-label,
.gmy-story-head-right {

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

    color: #8c8c8c;
}


/* ==================================================
   OPENING
================================================== */

.gmy-story-opening {

    display: grid;

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

    gap:
        clamp(
            60px,
            10vw,
            160px
        );

    align-items: end;

    padding:
        85px
        0
        100px;
}


/* ==================================================
   BIG YEAR
================================================== */

.gmy-story-year {

    position: relative;
}


.gmy-story-year > span {

    display: block;

    margin-bottom: 7px;

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

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 2.5px;

    color: var(--red);
}


.gmy-story-year strong {

    display: block;

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

    font-size:
        clamp(
            110px,
            13vw,
            205px
        );

    font-weight: 750;

    line-height: .75;

    letter-spacing: -13px;

    color: var(--black);
}


/* red underline */

.gmy-story-year::after {

    content: "";

    display: block;

    width: 35%;

    height: 8px;

    margin-top: 35px;

    background: var(--red);
}


/* ==================================================
   OPENING COPY
================================================== */

.gmy-story-kicker {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

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

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 2.7px;

    color: var(--red);
}


.gmy-story-kicker::before {

    content: "";

    width: 35px;

    height: 2px;

    background: var(--red);
}


.gmy-story-opening-copy h2 {

    max-width: 850px;

    margin: 0;

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

    font-size:
        clamp(
            47px,
            5.2vw,
            78px
        );

    font-weight: 750;

    line-height: .97;

    letter-spacing: -4.5px;

    color: var(--black);
}


.gmy-story-opening-copy h2 span {

    display: block;

    color: var(--red);
}


.gmy-story-opening-copy > p {

    max-width: 620px;

    margin:
        28px
        0
        0;

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

    font-size: 12px;

    line-height: 1.9;

    color: var(--grey);
}


/* ==================================================
   JOURNEY
================================================== */

.gmy-story-journey {

    position: relative;

    display: grid;

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

    gap: 0;

    padding-top: 60px;
}


/* ==================================================
   TRACK
================================================== */

.gmy-story-track {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background: #dedede;
}


.gmy-story-track-red {

    position: absolute;

    left: 0;

    top: 0;

    width: 68%;

    height: 2px;

    background: var(--red);
}


/* dots */

.gmy-story-track-dot {

    position: absolute;

    top: 50%;

    width: 12px;

    height: 12px;

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

    border-radius: 50%;

    background: #ffffff;

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


.gmy-story-track-dot::after {

    content: "";

    position: absolute;

    inset: -7px;

    border-radius: 50%;

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


.gmy-story-track-dot.dot-one {
    left: 0;
}


.gmy-story-track-dot.dot-two {
    left: 50%;
}


.gmy-story-track-dot.dot-three {
    left: 100%;
}


/* ==================================================
   STAGES
================================================== */

.gmy-story-stage {

    position: relative;

    min-height: 275px;

    padding:
        0
        clamp(30px, 4vw, 65px);

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


.gmy-story-stage:first-of-type {

    padding-left: 0;
}


.gmy-story-stage:last-of-type {

    padding-right: 0;

    border-right: 0;
}


.gmy-story-stage-index {

    position: absolute;

    top: 0;
    right: 30px;

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

    font-size: 55px;

    font-weight: 750;

    line-height: 1;

    letter-spacing: -4px;

    color: #eeeeee;
}


.gmy-story-stage small {

    position: relative;

    z-index: 2;

    display: block;

    margin-bottom: 22px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

    color: var(--red);
}


.gmy-story-stage h3 {

    position: relative;

    z-index: 2;

    margin: 0;

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

    font-size:
        clamp(
            26px,
            2.5vw,
            39px
        );

    font-weight: 700;

    line-height: 1;

    letter-spacing: -2px;

    color: var(--black);
}


.gmy-story-stage h3 span {

    display: block;
}


.gmy-story-stage p {

    position: relative;

    z-index: 2;

    max-width: 340px;

    margin:
        22px
        0
        0;

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

    font-size: 10px;

    line-height: 1.85;

    color: #777777;
}


/* ==================================================
   PANORAMIC VISUAL
================================================== */

.gmy-story-visual {

    position: relative;

    min-height: 570px;

    margin-top: 80px;
}


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

.gmy-story-image {

    position: absolute;

    inset:
        0
        0
        0
        10%;

    overflow: hidden;

    background: #222222;
}


.gmy-story-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

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


.gmy-story-image:hover img {

    transform: scale(1.03);
}


.gmy-story-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.40) 0%,
            rgba(0,0,0,.06) 50%,
            rgba(0,0,0,.20) 100%
        );
}


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

.gmy-story-statement {

    position: absolute;

    z-index: 7;

    left: 0;
    top: 50%;

    width:
        min(
            390px,
            32%
        );

    min-height: 330px;

    transform:
        translateY(-50%);

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        45px
        42px;

    background: var(--red);

    color: #ffffff;
}


.gmy-story-statement-small {

    margin-bottom: 35px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2.2px;

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


.gmy-story-statement strong {

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

    font-size:
        clamp(
            30px,
            3vw,
            45px
        );

    font-weight: 700;

    line-height: .98;

    letter-spacing: -2px;

    color: #ffffff;
}


.gmy-story-statement strong span {

    display: block;

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


.gmy-story-statement p {

    max-width: 260px;

    margin:
        25px
        0
        0;

    padding-top: 20px;

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

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

    font-size: 9px;

    line-height: 1.75;

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


/* ==================================================
   PRESENT LABEL
================================================== */

.gmy-story-present {

    position: absolute;

    z-index: 8;

    right: 0;
    bottom: 0;

    min-width: 300px;

    min-height: 95px;

    display: flex;

    align-items: center;

    gap: 17px;

    padding:
        20px
        28px;

    background: #ffffff;
}


.gmy-story-present-dot {

    width: 11px;

    height: 11px;

    flex: 0 0 11px;

    border-radius: 50%;

    background: var(--red);

    box-shadow:
        0 0 0 6px
        rgba(201,0,27,.10);
}


.gmy-story-present small {

    display: block;

    margin-bottom: 4px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: var(--red);
}


.gmy-story-present strong {

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

    font-size: 14px;

    font-weight: 700;

    color: var(--black);
}


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

.gmy-story-vertical {

    position: absolute;

    z-index: 7;

    right: 20px;
    top: 45%;

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

    white-space: nowrap;

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

    font-size: 6px;

    font-weight: 500;

    letter-spacing: 2px;

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


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

.gmy-story-bottom {

    display: grid;

    grid-template-columns:
        .55fr
        1fr
        1fr
        .5fr;

    gap: 45px;

    align-items: center;

    padding:
        55px
        0
        0;
}


/* number */

.gmy-story-bottom-number {

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

    font-size:
        clamp(
            60px,
            6vw,
            90px
        );

    font-weight: 750;

    line-height: 1;

    letter-spacing: -6px;

    color: var(--red);
}


/* title */

.gmy-story-bottom-title small {

    display: block;

    margin-bottom: 8px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: #999999;
}


.gmy-story-bottom-title strong {

    display: block;

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

    font-size: 18px;

    font-weight: 650;

    line-height: 1.35;

    color: var(--black);
}


/* copy */

.gmy-story-bottom-copy {

    padding-left: 30px;

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


.gmy-story-bottom-copy p {

    margin: 0;

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

    font-size: 9px;

    line-height: 1.8;

    color: #777777;
}


/* mark */

.gmy-story-bottom-mark {

    display: flex;

    flex-direction: column;

    align-items: flex-end;
}


.gmy-story-bottom-mark span {

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

    font-size: 28px;

    font-weight: 800;

    letter-spacing: -2px;

    color: var(--black);
}


.gmy-story-bottom-mark small {

    margin-top: 5px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.4px;

    color: var(--red);
}


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

@media (max-width: 1100px) {

    .gmy-story-container {

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


    .gmy-story-opening {

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

        gap: 60px;
    }


    .gmy-story-year strong {

        font-size: 125px;

        letter-spacing: -9px;
    }


    .gmy-story-stage {

        padding:
            0
            30px;
    }


    .gmy-story-visual {

        min-height: 500px;
    }


    .gmy-story-statement {

        width: 38%;
    }


    .gmy-story-bottom {

        grid-template-columns:
            .5fr
            1fr
            1fr;

        gap: 30px;
    }


    .gmy-story-bottom-mark {

        display: none;
    }

}


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

@media (max-width: 767px) {

    .gmy-story {

        padding:
            75px
            0;
    }


    .gmy-story-container {

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


    .gmy-story-head-right {

        display: none;
    }


    /* opening */

    .gmy-story-opening {

        display: block;

        padding:
            55px
            0
            70px;
    }


    .gmy-story-year {

        margin-bottom: 55px;
    }


    .gmy-story-year strong {

        font-size:
            clamp(
                100px,
                32vw,
                145px
            );

        letter-spacing: -8px;
    }


    .gmy-story-year::after {

        width: 90px;

        height: 6px;

        margin-top: 25px;
    }


    .gmy-story-opening-copy h2 {

        font-size:
            clamp(
                42px,
                12vw,
                57px
            );

        letter-spacing: -3px;
    }


    /* journey */

    .gmy-story-journey {

        display: block;

        padding:
            0
            0
            0
            35px;
    }


    .gmy-story-track {

        top: 0;

        left: 5px;

        width: 2px;

        height: 100%;
    }


    .gmy-story-track-red {

        width: 2px;

        height: 72%;
    }


    .gmy-story-track-dot {

        left: 1px !important;

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


    .gmy-story-track-dot.dot-one {

        top: 0;
    }


    .gmy-story-track-dot.dot-two {

        top: 50%;
    }


    .gmy-story-track-dot.dot-three {

        top: 100%;
    }


    .gmy-story-stage {

        min-height: auto;

        padding:
            0
            0
            55px;

        border-right: 0;

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

        margin-bottom: 40px;
    }


    .gmy-story-stage:last-of-type {

        margin-bottom: 0;

        border-bottom: 0;
    }


    .gmy-story-stage-index {

        right: 0;

        font-size: 42px;
    }


    .gmy-story-stage h3 {

        font-size: 31px;
    }


    /* visual */

    .gmy-story-visual {

        min-height: auto;

        margin-top: 65px;

        display: flex;

        flex-direction: column;
    }


    .gmy-story-image {

        position: relative;

        inset: auto;

        width: 100%;

        height: 430px;
    }


    .gmy-story-statement {

        position: relative;

        left: auto;
        top: auto;

        width:
            calc(100% - 30px);

        min-height: auto;

        margin:
            -65px
            0
            0
            auto;

        transform: none;

        padding:
            35px
            30px;
    }


    .gmy-story-statement-small {

        margin-bottom: 25px;
    }


    .gmy-story-present {

        position: relative;

        right: auto;
        bottom: auto;

        min-width: 0;

        width:
            calc(100% - 30px);

        margin-top: 0;

        margin-right: auto;

        border:
            1px solid
            #eeeeee;
    }


    .gmy-story-vertical {

        display: none;
    }


    /* bottom */

    .gmy-story-bottom {

        grid-template-columns: 1fr;

        gap: 25px;

        padding-top: 45px;
    }


    .gmy-story-bottom-number {

        font-size: 70px;
    }


    .gmy-story-bottom-copy {

        padding:
            25px
            0
            0;

        border-left: 0;

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

}


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

@media (max-width: 420px) {

    .gmy-story-year strong {

        font-size: 105px;
    }


    .gmy-story-opening-copy h2 {

        font-size: 41px;
    }


    .gmy-story-image {

        height: 360px;
    }


    .gmy-story-statement {

        width:
            calc(100% - 18px);

        padding:
            30px
            24px;
    }


    .gmy-story-present {

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ba9f32 *//* ==================================================
   GMY ASSOCIATES PLT
   ABOUT PAGE
   SECTION 03 - COMPANY AT A GLANCE
================================================== */

.gmy-glance {

    --red: #c9001b;
    --red-dark: #9d0015;
    --black: #111111;
    --grey: #727272;
    --light: #f3f3f1;
    --line: #dddddd;

    position: relative;

    width: 100%;

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

    background: #f3f3f1;

    overflow: hidden;
}


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

.gmy-glance::before {

    content: "03";

    position: absolute;

    right: -25px;
    top: 20px;

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

    font-size: 330px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: -25px;

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

    pointer-events: none;
}


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

.gmy-glance-container {

    position: relative;

    z-index: 2;

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

    margin: 0 auto;
}


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

.gmy-glance-top {

    min-height: 70px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    border-bottom:
        1px solid
        #d5d5d5;
}


.gmy-glance-label {

    display: flex;

    align-items: center;

    gap: 14px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2.1px;

    color: #7e7e7e;
}


.gmy-glance-label span:first-child {

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

    font-size: 10px;

    font-weight: 700;

    color: var(--red);
}


.gmy-glance-label i {

    width: 42px;

    height: 1px;

    background: #aaa;
}


.gmy-glance-top-note {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 2px;

    color: #999;
}


/* ==================================================
   BOARD
================================================== */

.gmy-glance-board {

    display: grid;

    grid-template-columns:
        .7fr
        1.3fr
        .68fr;

    min-height: 590px;

    margin-top: 65px;

    background: #ffffff;

    border-top:
        5px solid
        var(--black);

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.055);
}


/* ==================================================
   LEFT BRAND
================================================== */

.gmy-glance-brand {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    padding:
        50px
        45px;

    background: var(--black);

    color: #ffffff;

    overflow: hidden;
}


/* decorative giant circle */

.gmy-glance-brand::before {

    content: "";

    position: absolute;

    width: 330px;

    height: 330px;

    left: -175px;

    bottom: -150px;

    border-radius: 50%;

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


.gmy-glance-brand::after {

    content: "";

    position: absolute;

    width: 190px;

    height: 190px;

    left: -105px;

    bottom: -80px;

    border-radius: 50%;

    background: var(--red);
}


.gmy-glance-brand-small {

    position: relative;

    z-index: 2;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2.2px;

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


/* GMY */

.gmy-glance-gmy {

    position: relative;

    z-index: 2;

    margin-top: 75px;

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

    font-size:
        clamp(
            65px,
            6.5vw,
            105px
        );

    font-weight: 800;

    line-height: .8;

    letter-spacing: -8px;

    color: #ffffff;
}


.gmy-glance-gmy span {

    color: var(--red);
}


.gmy-glance-brand-name {

    position: relative;

    z-index: 2;

    margin-top: 20px;

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

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 2px;

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


.gmy-glance-brand-line {

    position: relative;

    z-index: 2;

    width: 45px;

    height: 2px;

    margin:
        35px
        0
        25px;

    background: var(--red);
}


.gmy-glance-brand p {

    position: relative;

    z-index: 2;

    max-width: 260px;

    margin: 0;

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

    font-size: 9px;

    line-height: 1.85;

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


.gmy-glance-brand-bottom {

    position: relative;

    z-index: 3;

    margin-top: auto;

    padding-top: 50px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 2px;

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


/* ==================================================
   INFORMATION
================================================== */

.gmy-glance-information {

    padding:
        0
        50px;
}


.gmy-glance-info-head {

    min-height: 95px;

    display: flex;

    align-items: center;

    justify-content: space-between;

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


.gmy-glance-info-head span,
.gmy-glance-info-head small {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: #999;
}


.gmy-glance-info-head small {

    color: var(--red);
}


/* ==================================================
   INFORMATION ROW
================================================== */

.gmy-glance-row {

    display: grid;

    grid-template-columns:
        35px
        .7fr
        1.3fr;

    gap: 20px;

    align-items: center;

    min-height: 115px;

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

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


.gmy-glance-row:hover {

    padding:
        0
        16px;

    background: #f7f7f7;
}


.gmy-glance-row-no {

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

    font-size: 8px;

    font-weight: 700;

    color: var(--red);
}


.gmy-glance-row-title {

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

    font-size: 8px;

    font-weight: 500;

    color: #888;
}


.gmy-glance-row-value strong {

    display: block;

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

    font-size:
        clamp(
            14px,
            1.4vw,
            20px
        );

    font-weight: 650;

    line-height: 1.25;

    letter-spacing: -.5px;

    color: var(--black);
}


.gmy-glance-row-value small {

    display: block;

    margin-top: 6px;

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

    font-size: 7px;

    line-height: 1.5;

    color: #999;
}


/* ==================================================
   FEATURE PANEL
================================================== */

.gmy-glance-feature {

    position: relative;

    min-width: 0;

    padding:
        50px
        40px;

    background: var(--red);

    color: #ffffff;

    overflow: hidden;
}


.gmy-glance-feature::before {

    content: "";

    position: absolute;

    width: 320px;

    height: 320px;

    right: -200px;

    top: -130px;

    border-radius: 50%;

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


.gmy-glance-feature::after {

    content: "MY";

    position: absolute;

    right: -20px;

    bottom: -20px;

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

    font-size: 160px;

    font-weight: 800;

    line-height: .8;

    letter-spacing: -12px;

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


.gmy-glance-feature-top {

    position: relative;

    z-index: 2;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

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


/* ==================================================
   100%
================================================== */

.gmy-glance-percent {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    margin-top: 80px;
}


.gmy-glance-percent-number {

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

    font-size:
        clamp(
            75px,
            7vw,
            115px
        );

    font-weight: 800;

    line-height: .75;

    letter-spacing: -8px;

    color: #ffffff;
}


.gmy-glance-percent-symbol {

    margin:
        4px
        0
        0
        8px;

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

    font-size: 23px;

    font-weight: 700;

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


.gmy-glance-bumi {

    position: relative;

    z-index: 2;

    margin-top: 20px;

    padding-top: 18px;

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

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

    font-size:
        clamp(
            18px,
            1.7vw,
            25px
        );

    font-weight: 700;

    letter-spacing: -.5px;

    color: #ffffff;
}


.gmy-glance-feature p {

    position: relative;

    z-index: 2;

    max-width: 230px;

    margin:
        25px
        0
        0;

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

    font-size: 9px;

    line-height: 1.8;

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


.gmy-glance-feature-mark {

    position: absolute;

    z-index: 3;

    left: 40px;

    bottom: 45px;

    display: flex;

    align-items: center;

    gap: 12px;
}


.gmy-glance-feature-mark span {

    width: 35px;

    height: 1px;

    background: #ffffff;
}


.gmy-glance-feature-mark small {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 2px;

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


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

.gmy-glance-bottom {

    display: grid;

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

    margin-top: 55px;

    border-top:
        1px solid
        #d5d5d5;

    border-bottom:
        1px solid
        #d5d5d5;
}


/* ==================================================
   BOTTOM INTRO
================================================== */

.gmy-glance-bottom-intro {

    min-height: 145px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-right: 45px;

    border-right:
        1px solid
        #d5d5d5;
}


.gmy-glance-bottom-intro small {

    margin-bottom: 10px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: var(--red);
}


.gmy-glance-bottom-intro strong {

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

    font-size: 18px;

    font-weight: 650;

    line-height: 1.3;

    color: var(--black);
}


.gmy-glance-bottom-intro strong span {

    display: block;

    color: #999;
}


/* ==================================================
   BOTTOM STAT
================================================== */

.gmy-glance-bottom-stat {

    min-height: 145px;

    display: flex;

    align-items: center;

    gap: 17px;

    padding:
        25px
        30px;

    border-right:
        1px solid
        #d5d5d5;
}


.gmy-glance-bottom-stat:last-child {

    border-right: 0;
}


.gmy-glance-bottom-stat > span {

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

    font-size:
        clamp(
            25px,
            2.2vw,
            34px
        );

    font-weight: 750;

    letter-spacing: -2px;

    color: var(--red);
}


.gmy-glance-bottom-stat small {

    display: block;

    margin-bottom: 5px;

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

    font-size: 5.5px;

    font-weight: 600;

    letter-spacing: 1.4px;

    color: #999;
}


.gmy-glance-bottom-stat strong {

    display: block;

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

    font-size: 10px;

    font-weight: 650;

    line-height: 1.4;

    color: var(--black);
}


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

@media (max-width: 1100px) {

    .gmy-glance-container {

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


    .gmy-glance-board {

        grid-template-columns:
            .65fr
            1.35fr;
    }


    .gmy-glance-feature {

        grid-column:
            1 / -1;

        min-height: 310px;

        display: grid;

        grid-template-columns:
            1fr
            1fr;

        align-items: center;

        gap: 60px;
    }


    .gmy-glance-percent {

        margin-top: 30px;
    }


    .gmy-glance-feature p {

        max-width: 360px;

        margin-top: 0;
    }


    .gmy-glance-feature-mark {

        right: 40px;
        left: auto;
    }


    .gmy-glance-bottom {

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


    .gmy-glance-bottom-intro {

        grid-column:
            1 / -1;

        min-height: 110px;

        border-right: 0;

        border-bottom:
            1px solid
            #d5d5d5;
    }

}


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

@media (max-width: 767px) {

    .gmy-glance {

        padding:
            75px
            0;
    }


    .gmy-glance-container {

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


    .gmy-glance-top {

        min-height: 55px;
    }


    .gmy-glance-top-note {

        display: none;
    }


    /* board */

    .gmy-glance-board {

        display: block;

        min-height: 0;

        margin-top: 45px;
    }


    /* brand */

    .gmy-glance-brand {

        min-height: 440px;

        padding:
            35px
            28px;
    }


    .gmy-glance-gmy {

        margin-top: 65px;

        font-size: 85px;
    }


    .gmy-glance-brand p {

        max-width: 300px;
    }


    /* information */

    .gmy-glance-information {

        padding:
            0
            24px;
    }


    .gmy-glance-info-head {

        min-height: 80px;
    }


    .gmy-glance-row {

        grid-template-columns:
            28px
            1fr;

        gap:
            4px
            12px;

        min-height: 125px;

        padding:
            20px
            0;
    }


    .gmy-glance-row:hover {

        padding:
            20px
            8px;
    }


    .gmy-glance-row-no {

        grid-row:
            1 / 3;
    }


    .gmy-glance-row-title {

        font-size: 7px;
    }


    .gmy-glance-row-value strong {

        font-size: 16px;
    }


    /* feature */

    .gmy-glance-feature {

        display: block;

        min-height: 420px;

        padding:
            38px
            28px;
    }


    .gmy-glance-percent {

        margin-top: 65px;
    }


    .gmy-glance-percent-number {

        font-size: 100px;
    }


    .gmy-glance-feature p {

        margin-top: 25px;
    }


    .gmy-glance-feature-mark {

        left: 28px;
        right: auto;

        bottom: 35px;
    }


    /* bottom */

    .gmy-glance-bottom {

        grid-template-columns: 1fr;

        margin-top: 40px;
    }


    .gmy-glance-bottom-intro {

        grid-column: auto;

        min-height: 120px;

        padding:
            25px
            0;

        border-right: 0;
    }


    .gmy-glance-bottom-stat {

        min-height: 100px;

        padding:
            20px
            5px;

        border-right: 0;

        border-bottom:
            1px solid
            #d5d5d5;
    }


    .gmy-glance-bottom-stat:last-child {

        border-bottom: 0;
    }

}


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

@media (max-width: 420px) {

    .gmy-glance-brand {

        min-height: 410px;
    }


    .gmy-glance-gmy {

        font-size: 75px;
    }


    .gmy-glance-percent-number {

        font-size: 88px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53d1c14 *//* ==================================================
   GMY ASSOCIATES PLT
   ABOUT PAGE
   SECTION 04
   PROFESSIONAL EXPERIENCE
================================================== */

.gmy-exp {

    --red: #c9001b;
    --black: #111111;
    --grey: #747474;
    --light: #f4f4f2;
    --line: #dedede;

    position: relative;

    width: 100%;

    padding:
        clamp(100px, 8vw, 145px)
        0
        100px;

    background: #ffffff;

    overflow: hidden;
}


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

.gmy-exp-bg-word {

    position: absolute;

    left: -25px;
    top: 250px;

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

    font-size:
        clamp(
            130px,
            17vw,
            275px
        );

    font-weight: 800;

    line-height: .8;

    letter-spacing: -16px;

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

    white-space: nowrap;

    pointer-events: none;

    user-select: none;
}


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

.gmy-exp-container {

    position: relative;

    z-index: 2;

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

    margin: 0 auto;
}


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

.gmy-exp-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    min-height: 60px;

    padding-bottom: 20px;

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


.gmy-exp-meta {

    display: flex;

    align-items: center;

    gap: 14px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

    color: #888888;
}


.gmy-exp-number {

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

    font-size: 10px;

    font-weight: 700;

    color: var(--red);
}


.gmy-exp-line {

    width: 42px;

    height: 1px;

    background: #aaaaaa;
}


.gmy-exp-top-right {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 2px;

    color: #a0a0a0;
}


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

.gmy-exp-heading {

    display: grid;

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

    gap:
        clamp(
            60px,
            9vw,
            140px
        );

    align-items: end;

    padding:
        70px
        0
        80px;
}


/* kicker */

.gmy-exp-kicker {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 20px;

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

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 2.7px;

    color: var(--red);
}


.gmy-exp-kicker::before {

    content: "";

    width: 38px;

    height: 2px;

    background: var(--red);
}


/* heading */

.gmy-exp-heading h2 {

    max-width: 900px;

    margin: 0;

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

    font-size:
        clamp(
            52px,
            5.8vw,
            86px
        );

    font-weight: 750;

    line-height: .93;

    letter-spacing: -5px;

    color: var(--black);
}


.gmy-exp-heading h2 span {

    display: block;

    color: var(--red);
}


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

.gmy-exp-heading-copy {

    display: grid;

    grid-template-columns:
        2px
        1fr;

    gap: 20px;

    align-items: stretch;
}


.gmy-exp-copy-line {

    display: block;

    width: 2px;

    min-height: 95px;

    background: var(--red);
}


.gmy-exp-heading-copy p {

    max-width: 390px;

    margin: 0;

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

    font-size: 11px;

    line-height: 1.9;

    color: #777777;
}


/* ==================================================
   MAIN FEATURE
================================================== */

.gmy-exp-feature {

    display: grid;

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

    min-height: 620px;

    border-top:
        5px solid
        var(--black);

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


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

.gmy-exp-statement {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    min-width: 0;

    padding:
        55px
        48px;

    background: #f3f3f1;

    overflow: hidden;
}


.gmy-exp-statement::before {

    content: "";

    position: absolute;

    left: -120px;
    bottom: -150px;

    width: 320px;
    height: 320px;

    border-radius: 50%;

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


.gmy-exp-statement-label {

    position: relative;

    z-index: 2;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

    color: var(--red);
}


/* quote */

.gmy-exp-quote-mark {

    position: absolute;

    top: 90px;
    right: 30px;

    font-family: Georgia, serif;

    font-size: 180px;

    line-height: 1;

    color:
        rgba(201,0,27,.07);
}


.gmy-exp-statement h3 {

    position: relative;

    z-index: 2;

    max-width: 420px;

    margin:
        65px
        0
        0;

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

    font-size:
        clamp(
            31px,
            3vw,
            45px
        );

    font-weight: 700;

    line-height: 1.02;

    letter-spacing: -2.5px;

    color: var(--black);
}


.gmy-exp-statement h3 span {

    display: block;

    margin-top: 5px;

    color: var(--red);
}


/* bottom */

.gmy-exp-statement-bottom {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 14px;

    margin-top: auto;

    padding-top: 60px;
}


.gmy-exp-statement-bottom > span {

    width: 38px;

    height: 1px;

    background: var(--red);
}


.gmy-exp-statement-bottom small {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: #999999;
}


/* ==================================================
   CENTRE
================================================== */

.gmy-exp-centre {

    min-width: 0;

    padding:
        0
        48px;

    background: #ffffff;

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


/* centre top */

.gmy-exp-centre-top {

    min-height: 100px;

    display: flex;

    align-items: center;

    justify-content: space-between;

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


.gmy-exp-centre-top small,
.gmy-exp-centre-top span {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: #999999;
}


.gmy-exp-centre-top span {

    color: var(--red);
}


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

.gmy-exp-item {

    position: relative;

    display: grid;

    grid-template-columns:
        42px
        1fr
        35px;

    gap: 18px;

    align-items: center;

    min-height: 165px;

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

    transition:
        padding .35s ease;
}


.gmy-exp-item:last-child {

    border-bottom: 0;
}


.gmy-exp-item::before {

    content: "";

    position: absolute;

    left: -48px;
    right: -48px;

    top: 0;
    bottom: 0;

    background: var(--black);

    transform:
        scaleX(0);

    transform-origin: left;

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


.gmy-exp-item:hover::before {

    transform:
        scaleX(1);
}


.gmy-exp-item:hover {

    padding:
        0
        12px;
}


/* number */

.gmy-exp-item-no {

    position: relative;

    z-index: 2;

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

    font-size: 9px;

    font-weight: 700;

    color: var(--red);
}


/* label */

.gmy-exp-item-content {

    position: relative;

    z-index: 2;
}


.gmy-exp-item-content small {

    display: block;

    margin-bottom: 8px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: #999999;
}


.gmy-exp-item h4 {

    margin: 0;

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

    font-size:
        clamp(
            23px,
            2.2vw,
            34px
        );

    font-weight: 700;

    line-height: 1;

    letter-spacing: -1.8px;

    color: var(--black);

    transition:
        color .3s ease;
}


.gmy-exp-item h4 span {

    display: block;

    color: #8b8b8b;

    transition:
        color .3s ease;
}


/* arrow */

.gmy-exp-item-arrow {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    border:
        1px solid
        #dddddd;

    font-size: 13px;

    color: var(--red);

    transition:
        all .3s ease;
}


/* hover */

.gmy-exp-item:hover h4 {

    color: #ffffff;
}


.gmy-exp-item:hover h4 span {

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


.gmy-exp-item:hover
.gmy-exp-item-content small {

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


.gmy-exp-item:hover
.gmy-exp-item-arrow {

    background: var(--red);

    border-color: var(--red);

    color: #ffffff;
}


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

.gmy-exp-red {

    position: relative;

    min-width: 0;

    display: flex;

    flex-direction: column;

    padding:
        45px
        38px;

    background: var(--red);

    color: #ffffff;

    overflow: hidden;
}


.gmy-exp-red::before {

    content: "300";

    position: absolute;

    right: -30px;
    bottom: 60px;

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

    font-size: 170px;

    font-weight: 800;

    line-height: .8;

    letter-spacing: -12px;

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


/* top */

.gmy-exp-red-top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;
}


.gmy-exp-red-top span,
.gmy-exp-red-top small {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

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


.gmy-exp-red-top small {

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

    font-size: 12px;

    font-weight: 800;

    color: #ffffff;
}


/* main */

.gmy-exp-red-main {

    position: relative;

    z-index: 2;

    margin-top: auto;

    margin-bottom: auto;
}


.gmy-exp-300 {

    display: flex;

    align-items: flex-start;
}


.gmy-exp-300 strong {

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

    font-size:
        clamp(
            90px,
            8vw,
            125px
        );

    font-weight: 800;

    line-height: .75;

    letter-spacing: -9px;

    color: #ffffff;
}


.gmy-exp-300 span {

    margin:
        -3px
        0
        0
        8px;

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

    font-size: 30px;

    font-weight: 700;

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


.gmy-exp-red-main h3 {

    margin:
        25px
        0
        0;

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

    font-size: 26px;

    font-weight: 700;

    color: #ffffff;
}


.gmy-exp-red-main p {

    max-width: 250px;

    margin:
        18px
        0
        0;

    padding-top: 20px;

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

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

    font-size: 9px;

    line-height: 1.8;

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


/* red bottom */

.gmy-exp-red-bottom {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 14px;
}


.gmy-exp-red-dot {

    width: 10px;
    height: 10px;

    flex: 0 0 10px;

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 0 0 6px
        rgba(255,255,255,.12);
}


.gmy-exp-red-bottom small {

    display: block;

    margin-bottom: 3px;

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.4px;

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


.gmy-exp-red-bottom strong {

    display: block;

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

    font-size: 10px;

    font-weight: 650;

    color: #ffffff;
}


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

.gmy-exp-bottom {

    display: grid;

    grid-template-columns:
        1fr
        1fr
        .5fr;

    gap: 60px;

    align-items: center;

    padding-top: 55px;
}


/* giant bottom */

.gmy-exp-bottom-big {

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

    font-size:
        clamp(
            28px,
            3.5vw,
            52px
        );

    font-weight: 800;

    line-height: 1;

    letter-spacing: -3px;

    color: #dedede;
}


/* copy */

.gmy-exp-bottom-copy {

    padding-left: 30px;

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


.gmy-exp-bottom-copy small {

    display: block;

    margin-bottom: 8px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: var(--red);
}


.gmy-exp-bottom-copy p {

    max-width: 500px;

    margin: 0;

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

    font-size: 9px;

    line-height: 1.8;

    color: #777777;
}


/* mark */

.gmy-exp-bottom-mark {

    display: flex;

    flex-direction: column;

    align-items: flex-end;
}


.gmy-exp-bottom-mark span {

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

    font-size: 30px;

    font-weight: 800;

    letter-spacing: -2px;

    color: var(--black);
}


.gmy-exp-bottom-mark small {

    margin-top: 5px;

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.5px;

    color: var(--red);
}


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

@media (max-width: 1100px) {

    .gmy-exp-container {

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


    .gmy-exp-heading {

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

        gap: 50px;
    }


    .gmy-exp-heading h2 {

        font-size: 60px;

        letter-spacing: -4px;
    }


    .gmy-exp-feature {

        grid-template-columns:
            .8fr
            1.2fr;
    }


    .gmy-exp-red {

        grid-column:
            1 / -1;

        min-height: 340px;

        display: grid;

        grid-template-columns:
            1fr
            1fr;

        gap: 50px;

        align-items: center;
    }


    .gmy-exp-red-main {

        margin: 0;
    }


    .gmy-exp-red-bottom {

        align-self: end;
    }

}


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

@media (max-width: 767px) {

    .gmy-exp {

        padding:
            75px
            0;
    }


    .gmy-exp-container {

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


    .gmy-exp-top-right {

        display: none;
    }


    /* heading */

    .gmy-exp-heading {

        display: block;

        padding:
            55px
            0
            60px;
    }


    .gmy-exp-heading h2 {

        font-size:
            clamp(
                42px,
                12vw,
                57px
            );

        line-height: .96;

        letter-spacing: -3px;
    }


    .gmy-exp-heading-copy {

        margin-top: 30px;
    }


    /* feature */

    .gmy-exp-feature {

        display: block;

        min-height: 0;
    }


    /* statement */

    .gmy-exp-statement {

        min-height: 480px;

        padding:
            40px
            28px;
    }


    .gmy-exp-statement h3 {

        font-size: 34px;
    }


    /* centre */

    .gmy-exp-centre {

        padding:
            0
            25px;

        border-left: 0;
    }


    .gmy-exp-centre-top {

        min-height: 85px;
    }


    .gmy-exp-item {

        grid-template-columns:
            30px
            1fr
            34px;

        gap: 12px;

        min-height: 145px;
    }


    .gmy-exp-item::before {

        left: -25px;
        right: -25px;
    }


    .gmy-exp-item h4 {

        font-size: 27px;
    }


    /* red */

    .gmy-exp-red {

        display: flex;

        min-height: 480px;

        padding:
            38px
            28px;
    }


    .gmy-exp-red-main {

        margin:
            auto
            0;
    }


    .gmy-exp-300 strong {

        font-size: 105px;
    }


    /* bottom */

    .gmy-exp-bottom {

        grid-template-columns: 1fr;

        gap: 25px;

        padding-top: 40px;
    }


    .gmy-exp-bottom-copy {

        padding:
            25px
            0
            0;

        border-left: 0;

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


    .gmy-exp-bottom-mark {

        align-items: flex-start;
    }

}


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

@media (max-width: 420px) {

    .gmy-exp-heading h2 {

        font-size: 40px;
    }


    .gmy-exp-statement {

        min-height: 440px;
    }


    .gmy-exp-statement h3 {

        font-size: 31px;
    }


    .gmy-exp-item h4 {

        font-size: 24px;
    }


    .gmy-exp-300 strong {

        font-size: 92px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6af472 *//* ==================================================
   GMY ASSOCIATES PLT
   ABOUT PAGE
   SECTION 05 - ORGANISATION STRUCTURE
================================================== */

.gmy-org {

    --red: #c9001b;
    --black: #111111;
    --grey: #777777;
    --light: #f3f3f1;
    --line: #dedede;

    position: relative;

    width: 100%;

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

    background: #f3f3f1;

    overflow: hidden;
}


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

.gmy-org-bg-text {

    position: absolute;

    top: 260px;
    right: -30px;

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

    font-size:
        clamp(
            130px,
            17vw,
            270px
        );

    font-weight: 800;

    line-height: .8;

    letter-spacing: -16px;

    white-space: nowrap;

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

    pointer-events: none;
}


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

.gmy-org-container {

    position: relative;

    z-index: 2;

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

    margin: 0 auto;
}


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

.gmy-org-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    min-height: 55px;

    padding-bottom: 20px;

    border-bottom:
        1px solid
        #d6d6d4;
}


.gmy-org-meta {

    display: flex;

    align-items: center;

    gap: 14px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

    color: #888888;
}


.gmy-org-meta span:first-child {

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

    font-size: 10px;

    font-weight: 700;

    color: var(--red);
}


.gmy-org-meta i {

    width: 42px;

    height: 1px;

    background: #aaaaaa;
}


.gmy-org-top-right {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 2px;

    color: #999999;
}


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

.gmy-org-heading {

    display: grid;

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

    gap:
        clamp(
            60px,
            9vw,
            140px
        );

    align-items: end;

    padding:
        70px
        0
        80px;
}


.gmy-org-kicker {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 20px;

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

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 2.7px;

    color: var(--red);
}


.gmy-org-kicker::before {

    content: "";

    width: 38px;

    height: 2px;

    background: var(--red);
}


.gmy-org-heading h2 {

    max-width: 950px;

    margin: 0;

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

    font-size:
        clamp(
            50px,
            5.8vw,
            85px
        );

    font-weight: 750;

    line-height: .94;

    letter-spacing: -4.8px;

    color: var(--black);
}


.gmy-org-heading h2 span {

    display: block;

    color: var(--red);
}


/* heading copy */

.gmy-org-heading-copy {

    display: grid;

    grid-template-columns:
        2px
        1fr;

    gap: 20px;
}


.gmy-org-heading-copy > span {

    width: 2px;

    min-height: 95px;

    background: var(--red);
}


.gmy-org-heading-copy p {

    max-width: 390px;

    margin: 0;

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

    font-size: 11px;

    line-height: 1.9;

    color: #777777;
}


/* ==================================================
   ARCHITECTURE
================================================== */

.gmy-org-architecture {

    display: grid;

    grid-template-columns:
        .62fr
        1.38fr;

    min-height: 650px;

    background: #ffffff;

    border-top:
        5px solid
        var(--black);
}


/* ==================================================
   PRINCIPAL PARTNER
================================================== */

.gmy-org-leader {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    padding:
        45px
        42px;

    background: var(--red);

    color: #ffffff;

    overflow: hidden;
}


/* decorative circle */

.gmy-org-leader::before {

    content: "";

    position: absolute;

    width: 390px;
    height: 390px;

    left: -230px;
    bottom: -220px;

    border-radius: 50%;

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


.gmy-org-leader::after {

    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    left: -135px;
    bottom: -125px;

    border-radius: 50%;

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


/* leader top */

.gmy-org-leader-top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;
}


.gmy-org-leader-top span,
.gmy-org-leader-top small {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 2px;

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


/* ==================================================
   LEADER MAIN
================================================== */

.gmy-org-leader-main {

    position: relative;

    z-index: 2;

    margin:
        auto
        0;
}


.gmy-org-leader-mark {

    position: absolute;

    right: -15px;
    top: -90px;

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

    font-size: 120px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: -9px;

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


.gmy-org-role {

    display: block;

    margin-bottom: 18px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2.2px;

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


.gmy-org-leader-main h3 {

    max-width: 400px;

    margin: 0;

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

    font-size:
        clamp(
            40px,
            4vw,
            58px
        );

    font-weight: 750;

    line-height: .94;

    letter-spacing: -3.5px;

    color: #ffffff;
}


.gmy-org-leader-main h3 span {

    display: block;

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


.gmy-org-leader-rule {

    width: 65px;

    height: 2px;

    margin:
        32px
        0
        25px;

    background: #ffffff;
}


.gmy-org-leader-main p {

    margin:
        0
        0
        5px;

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

    font-size: 8px;

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


.gmy-org-leader-main strong {

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

    font-size: 16px;

    font-weight: 700;

    color: #ffffff;
}


/* ==================================================
   LEADER BOTTOM
================================================== */

.gmy-org-leader-bottom {

    position: relative;

    z-index: 3;

    display: flex;

    align-items: center;

    gap: 15px;
}


.gmy-org-status {

    width: 10px;
    height: 10px;

    flex: 0 0 10px;

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 0 0 6px
        rgba(255,255,255,.13);
}


.gmy-org-leader-bottom small {

    display: block;

    margin-bottom: 3px;

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.4px;

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


.gmy-org-leader-bottom strong {

    display: block;

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

    font-size: 10px;

    font-weight: 650;

    color: #ffffff;
}


/* ==================================================
   DIVISIONS
================================================== */

.gmy-org-divisions {

    display: grid;

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

    min-width: 0;
}


/* ==================================================
   DIVISION
================================================== */

.gmy-org-division {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    padding:
        40px
        32px;

    background: #ffffff;

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


.gmy-org-division:last-child {

    border-right: 0;
}


/* middle division */

.gmy-org-division-dark {

    background: #171717;

    color: #ffffff;
}


/* ==================================================
   DIVISION HEAD
================================================== */

.gmy-org-division-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 25px;

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


.gmy-org-division-dark
.gmy-org-division-head {

    border-color:
        rgba(255,255,255,.13);
}


.gmy-org-div-no {

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

    font-size: 10px;

    font-weight: 700;

    color: var(--red);
}


.gmy-org-div-label {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.7px;

    color: #999999;
}


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

.gmy-org-div-title {

    min-height: 210px;

    padding-top: 45px;
}


.gmy-org-div-title small {

    display: block;

    margin-bottom: 12px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: var(--red);
}


.gmy-org-div-title h3 {

    margin: 0;

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

    font-size:
        clamp(
            24px,
            2vw,
            32px
        );

    font-weight: 700;

    line-height: 1;

    letter-spacing: -1.8px;

    color: var(--black);
}


.gmy-org-div-title h3 span {

    display: block;

    margin-top: 4px;

    color: #8a8a8a;
}


.gmy-org-division-dark
.gmy-org-div-title h3 {

    color: #ffffff;
}


.gmy-org-division-dark
.gmy-org-div-title h3 span {

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


/* ==================================================
   FLOW
================================================== */

.gmy-org-flow {

    position: relative;

    margin-top: auto;

    padding-left: 27px;
}


/* vertical connector */

.gmy-org-flow-line {

    position: absolute;

    left: 5px;
    top: 8px;
    bottom: 15px;

    width: 1px;

    background: #d5d5d5;
}


.gmy-org-division-dark
.gmy-org-flow-line {

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


/* ==================================================
   FLOW ITEM
================================================== */

.gmy-org-flow-item {

    position: relative;

    display: grid;

    grid-template-columns:
        1fr;

    min-height: 100px;

    padding-bottom: 25px;
}


/* dot */

.gmy-org-flow-item > span {

    position: absolute;

    left: -27px;
    top: 6px;

    width: 11px;
    height: 11px;

    box-sizing: border-box;

    border-radius: 50%;

    background: #ffffff;

    border:
        2px solid
        var(--red);
}


.gmy-org-division-dark
.gmy-org-flow-item > span {

    background: #171717;
}


.gmy-org-flow-item small {

    display: block;

    margin-bottom: 6px;

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #aaaaaa;
}


.gmy-org-flow-item strong {

    display: block;

    max-width: 190px;

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

    font-size: 13px;

    font-weight: 650;

    line-height: 1.35;

    color: var(--black);
}


.gmy-org-division-dark
.gmy-org-flow-item strong {

    color: #ffffff;
}


/* ==================================================
   FLOW END
================================================== */

.gmy-org-flow-end {

    padding-top: 12px;

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


.gmy-org-flow-end span {

    display: block;

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

    font-size: 24px;

    font-weight: 800;

    letter-spacing: -2px;

    color: var(--red);
}


.gmy-org-flow-end small {

    display: block;

    margin-top: 4px;

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #999999;
}


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

.gmy-org-bottom {

    display: grid;

    grid-template-columns:
        .65fr
        1.1fr
        1fr
        .45fr;

    gap: 45px;

    align-items: center;

    padding:
        50px
        0
        0;
}


.gmy-org-bottom-label {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 2px;

    color: var(--red);
}


.gmy-org-bottom-title strong {

    display: block;

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

    font-size:
        clamp(
            17px,
            1.7vw,
            24px
        );

    font-weight: 650;

    line-height: 1.3;

    color: var(--black);
}


.gmy-org-bottom-title strong span {

    display: block;

    color: #999999;
}


.gmy-org-bottom-copy {

    padding-left: 30px;

    border-left:
        1px solid
        #d5d5d5;
}


.gmy-org-bottom-copy p {

    margin: 0;

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

    font-size: 9px;

    line-height: 1.8;

    color: #777777;
}


.gmy-org-bottom-mark {

    text-align: right;
}


.gmy-org-bottom-mark strong {

    display: block;

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

    font-size: 42px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: -3px;

    color: var(--red);
}


.gmy-org-bottom-mark small {

    display: block;

    margin-top: 5px;

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.3px;

    color: #999999;
}


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

@media (max-width: 1150px) {

    .gmy-org-container {

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


    .gmy-org-architecture {

        grid-template-columns:
            1fr;
    }


    .gmy-org-leader {

        min-height: 480px;
    }


    .gmy-org-leader-main {

        margin:
            70px
            0;
    }


    .gmy-org-divisions {

        min-height: 580px;
    }


    .gmy-org-bottom {

        grid-template-columns:
            .7fr
            1fr
            1fr;
    }


    .gmy-org-bottom-mark {

        display: none;
    }

}


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

@media (max-width: 767px) {

    .gmy-org {

        padding:
            75px
            0;
    }


    .gmy-org-container {

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


    .gmy-org-top-right {

        display: none;
    }


    /* heading */

    .gmy-org-heading {

        display: block;

        padding:
            55px
            0
            60px;
    }


    .gmy-org-heading h2 {

        font-size:
            clamp(
                42px,
                12vw,
                57px
            );

        letter-spacing: -3px;
    }


    .gmy-org-heading-copy {

        margin-top: 30px;
    }


    /* leader */

    .gmy-org-leader {

        min-height: 500px;

        padding:
            35px
            28px;
    }


    .gmy-org-leader-main {

        margin:
            auto
            0;
    }


    .gmy-org-leader-main h3 {

        font-size: 44px;
    }


    /* divisions */

    .gmy-org-divisions {

        display: block;

        min-height: 0;
    }


    .gmy-org-division {

        min-height: 500px;

        padding:
            35px
            28px;

        border-right: 0;

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


    .gmy-org-division:last-child {

        border-bottom: 0;
    }


    .gmy-org-div-title {

        min-height: 190px;
    }


    .gmy-org-div-title h3 {

        font-size: 31px;
    }


    /* bottom */

    .gmy-org-bottom {

        grid-template-columns: 1fr;

        gap: 25px;

        padding-top: 40px;
    }


    .gmy-org-bottom-copy {

        padding:
            25px
            0
            0;

        border-left: 0;

        border-top:
            1px solid
            #d5d5d5;
    }

}


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

@media (max-width: 420px) {

    .gmy-org-heading h2 {

        font-size: 40px;
    }


    .gmy-org-leader-main h3 {

        font-size: 39px;
    }


    .gmy-org-division {

        min-height: 470px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7dca634 *//* ==================================================
   GMY ASSOCIATES PLT
   ABOUT PAGE
   SECTION 06 - PROFESSIONAL CREDENTIALS
================================================== */

.gmy-cred {

    --red: #c9001b;
    --black: #101010;
    --dark: #151515;
    --white: #ffffff;

    position: relative;

    width: 100%;

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

    background: #101010;

    color: #ffffff;

    overflow: hidden;
}


/* ==================================================
   WATERMARK
================================================== */

.gmy-cred-watermark {

    position: absolute;

    left: 50%;
    top: 340px;

    transform: translateX(-50%);

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

    font-size: clamp(150px, 22vw, 350px);

    font-weight: 800;

    line-height: .8;

    letter-spacing: -20px;

    white-space: nowrap;

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

    pointer-events: none;
}


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

.gmy-cred-container {

    position: relative;

    z-index: 2;

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

    margin: 0 auto;
}


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

.gmy-cred-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    min-height: 55px;

    padding-bottom: 20px;

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


.gmy-cred-meta {

    display: flex;

    align-items: center;

    gap: 14px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

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


.gmy-cred-meta span:first-child {

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

    font-size: 10px;

    font-weight: 700;

    color: var(--red);
}


.gmy-cred-meta i {

    width: 42px;

    height: 1px;

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


.gmy-cred-top-right {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 2px;

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


/* ==================================================
   HEAD
================================================== */

.gmy-cred-head {

    display: grid;

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

    gap:
        clamp(
            60px,
            9vw,
            140px
        );

    align-items: end;

    padding:
        70px
        0
        85px;
}


/* kicker */

.gmy-cred-kicker {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 20px;

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

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 2.7px;

    color: var(--red);
}


.gmy-cred-kicker::before {

    content: "";

    width: 38px;

    height: 2px;

    background: var(--red);
}


/* heading */

.gmy-cred-head h2 {

    max-width: 930px;

    margin: 0;

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

    font-size:
        clamp(
            52px,
            5.8vw,
            86px
        );

    font-weight: 750;

    line-height: .93;

    letter-spacing: -5px;

    color: #ffffff;
}


.gmy-cred-head h2 span {

    display: block;

    color: var(--red);
}


/* ==================================================
   HEAD RIGHT
================================================== */

.gmy-cred-head-right {

    display: grid;

    grid-template-columns:
        2px
        1fr;

    gap: 20px;
}


.gmy-cred-head-line {

    width: 2px;

    min-height: 95px;

    background: var(--red);
}


.gmy-cred-head-right p {

    max-width: 390px;

    margin: 0;

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

    font-size: 11px;

    line-height: 1.9;

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


/* ==================================================
   ARCHIVE
================================================== */

.gmy-cred-archive {

    display: grid;

    grid-template-columns:
        .58fr
        repeat(3, 1fr);

    min-height: 620px;

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

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


/* ==================================================
   INDEX
================================================== */

.gmy-cred-index {

    position: relative;

    display: flex;

    flex-direction: column;

    padding:
        38px
        30px;

    background: #080808;

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

    overflow: hidden;
}


.gmy-cred-index::before {

    content: "";

    position: absolute;

    left: -160px;
    bottom: -160px;

    width: 330px;
    height: 330px;

    border-radius: 50%;

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


.gmy-cred-index-top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;
}


.gmy-cred-index-top span {

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

    font-size: 24px;

    font-weight: 800;

    letter-spacing: -2px;

    color: var(--red);
}


.gmy-cred-index-top small {

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.5px;

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


/* main */

.gmy-cred-index-main {

    position: relative;

    z-index: 2;

    margin:
        auto
        0;
}


.gmy-cred-index-main small {

    display: block;

    margin-bottom: 20px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

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


.gmy-cred-index-main strong {

    display: block;

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

    font-size: 110px;

    font-weight: 800;

    line-height: .75;

    letter-spacing: -8px;

    color: #ffffff;
}


.gmy-cred-index-main > span {

    display: block;

    margin-top: 20px;

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

    font-size: 13px;

    font-weight: 600;

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


/* bottom */

.gmy-cred-index-bottom {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 12px;
}


.gmy-cred-index-bottom span {

    width: 35px;

    height: 1px;

    background: var(--red);
}


.gmy-cred-index-bottom small {

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.5px;

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


/* ==================================================
   RECORD
================================================== */

.gmy-cred-record {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    padding:
        38px
        32px;

    background: #151515;

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

    overflow: hidden;

    transition:
        background .35s ease;
}


.gmy-cred-record:last-child {

    border-right: 0;
}


/* huge number */

.gmy-cred-record::before {

    content: attr(data-number);

    position: absolute;

    right: -15px;
    top: 70px;

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

    font-size: 180px;

    font-weight: 800;

    line-height: .8;

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


/* RED RECORD */

.gmy-cred-record-red {

    background: var(--red);
}


/* ==================================================
   RECORD TOP
================================================== */

.gmy-cred-record-top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;
}


.gmy-cred-record-no {

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

    font-size: 10px;

    font-weight: 700;

    color: var(--red);
}


.gmy-cred-record-red
.gmy-cred-record-no {

    color: #ffffff;
}


/* status */

.gmy-cred-record-status {

    display: flex;

    align-items: center;

    gap: 7px;

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.4px;

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


.gmy-cred-record-status i {

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--red);
}


.gmy-cred-record-red
.gmy-cred-record-status {

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


.gmy-cred-record-red
.gmy-cred-record-status i {

    background: #ffffff;
}


/* ==================================================
   RECORD MAIN
================================================== */

.gmy-cred-record-main {

    position: relative;

    z-index: 2;

    margin:
        auto
        0;
}


.gmy-cred-record-main small {

    display: block;

    margin-bottom: 14px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.7px;

    color: var(--red);
}


.gmy-cred-record-red
.gmy-cred-record-main small {

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


.gmy-cred-record-main h3 {

    margin: 0;

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

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

    font-weight: 700;

    line-height: .98;

    letter-spacing: -2.4px;

    color: #ffffff;
}


.gmy-cred-record-main h3 span {

    display: block;

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


.gmy-cred-record-red
.gmy-cred-record-main h3 span {

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


.gmy-cred-record-main p {

    max-width: 280px;

    margin:
        25px
        0
        0;

    padding-top: 20px;

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

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

    font-size: 9px;

    line-height: 1.8;

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


.gmy-cred-record-red
.gmy-cred-record-main p {

    border-color:
        rgba(255,255,255,.24);

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


/* ==================================================
   RECORD CODE
================================================== */

.gmy-cred-record-code {

    position: relative;

    z-index: 2;

    padding-top: 30px;

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


.gmy-cred-record-red
.gmy-cred-record-code {

    border-color:
        rgba(255,255,255,.25);
}


.gmy-cred-record-code small {

    display: block;

    margin-bottom: 7px;

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.5px;

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


.gmy-cred-record-red
.gmy-cred-record-code small {

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


.gmy-cred-record-code strong {

    display: block;

    word-break: break-word;

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

    font-size: 15px;

    font-weight: 700;

    line-height: 1.25;

    color: #ffffff;
}


/* ==================================================
   VERIFICATION STRIP
================================================== */

.gmy-cred-verification {

    display: grid;

    grid-template-columns:
        70px
        1fr
        1fr
        .55fr;

    gap: 35px;

    align-items: center;

    padding-top: 55px;
}


/* verify icon */

.gmy-cred-verify-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 52px;
    height: 52px;

    border-radius: 50%;

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


.gmy-cred-verify-icon span {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 30px;
    height: 30px;

    border-radius: 50%;

    background: var(--red);

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

    font-size: 13px;

    font-weight: 700;

    color: #ffffff;
}


/* title */

.gmy-cred-verify-title small {

    display: block;

    margin-bottom: 7px;

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.7px;

    color: var(--red);
}


.gmy-cred-verify-title strong {

    display: block;

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

    font-size:
        clamp(
            18px,
            1.8vw,
            25px
        );

    font-weight: 650;

    line-height: 1.25;

    color: #ffffff;
}


.gmy-cred-verify-title strong span {

    display: block;

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


/* copy */

.gmy-cred-verify-copy {

    padding-left: 30px;

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


.gmy-cred-verify-copy p {

    max-width: 450px;

    margin: 0;

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

    font-size: 9px;

    line-height: 1.8;

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


/* mark */

.gmy-cred-verify-mark {

    display: flex;

    flex-direction: column;

    align-items: flex-end;
}


.gmy-cred-verify-mark span {

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

    font-size: 31px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: -2px;

    color: var(--red);
}


.gmy-cred-verify-mark small {

    margin-top: 6px;

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.4px;

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


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

@media (max-width: 1150px) {

    .gmy-cred-container {

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


    .gmy-cred-archive {

        grid-template-columns:
            .6fr
            1fr
            1fr;
    }


    .gmy-cred-index {

        grid-row:
            span 2;
    }


    .gmy-cred-record:last-child {

        grid-column:
            2 / 4;

        min-height: 420px;

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


    .gmy-cred-verification {

        grid-template-columns:
            60px
            1fr
            1fr;
    }


    .gmy-cred-verify-mark {

        display: none;
    }

}


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

@media (max-width: 767px) {

    .gmy-cred {

        padding:
            75px
            0;
    }


    .gmy-cred-container {

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


    .gmy-cred-top-right {

        display: none;
    }


    /* heading */

    .gmy-cred-head {

        display: block;

        padding:
            55px
            0
            60px;
    }


    .gmy-cred-head h2 {

        font-size:
            clamp(
                42px,
                12vw,
                57px
            );

        line-height: .96;

        letter-spacing: -3px;
    }


    .gmy-cred-head-right {

        margin-top: 30px;
    }


    /* archive */

    .gmy-cred-archive {

        display: block;
    }


    .gmy-cred-index {

        min-height: 390px;

        padding:
            32px
            27px;
    }


    .gmy-cred-index-main strong {

        font-size: 95px;
    }


    .gmy-cred-record,
    .gmy-cred-record:last-child {

        min-height: 480px;

        padding:
            35px
            27px;

        border-right: 0;

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


    .gmy-cred-record-main h3 {

        font-size: 35px;
    }


    /* verification */

    .gmy-cred-verification {

        grid-template-columns:
            52px
            1fr;

        gap: 25px;

        padding-top: 40px;
    }


    .gmy-cred-verify-copy {

        grid-column:
            1 / -1;

        padding:
            25px
            0
            0;

        border-left: 0;

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

}


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

@media (max-width: 420px) {

    .gmy-cred-head h2 {

        font-size: 40px;
    }


    .gmy-cred-record {

        min-height: 450px;
    }


    .gmy-cred-record-main h3 {

        font-size: 31px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-552d324 *//* ==================================================
   GMY ASSOCIATES PLT
   ABOUT PAGE
   SECTION 07 - FINAL CTA
================================================== */

.gmy-about-cta {

    --red: #c9001b;
    --black: #111111;
    --grey: #777777;
    --light: #f3f3f1;

    position: relative;

    width: 100%;

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

    background: #f3f3f1;

    overflow: hidden;
}


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

.gmy-about-cta-word {

    position: absolute;

    left: -30px;
    bottom: 150px;

    white-space: nowrap;

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

    font-size:
        clamp(
            150px,
            20vw,
            330px
        );

    font-weight: 800;

    line-height: .8;

    letter-spacing: -20px;

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

    pointer-events: none;

    user-select: none;
}


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

.gmy-about-cta-container {

    position: relative;

    z-index: 2;

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

    margin: 0 auto;
}


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

.gmy-about-cta-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    min-height: 55px;

    padding-bottom: 20px;

    border-bottom:
        1px solid
        #d6d6d4;
}


.gmy-about-cta-meta {

    display: flex;

    align-items: center;

    gap: 14px;

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

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2px;

    color: #888888;
}


.gmy-about-cta-meta > span:first-child {

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

    font-size: 10px;

    font-weight: 700;

    color: var(--red);
}


.gmy-about-cta-meta i {

    display: block;

    width: 42px;

    height: 1px;

    background: #aaaaaa;
}


.gmy-about-cta-meta-right {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 2px;

    color: #999999;
}


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

.gmy-about-cta-main {

    display: grid;

    grid-template-columns:
        1.42fr
        .58fr;

    min-height: 650px;

    margin-top: 75px;

    background: #ffffff;
}


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

.gmy-about-cta-copy {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    min-width: 0;

    padding:
        clamp(
            55px,
            6vw,
            95px
        );

    overflow: hidden;
}


.gmy-about-cta-copy::after {

    content: "";

    position: absolute;

    right: -170px;
    bottom: -220px;

    width: 420px;
    height: 420px;

    border-radius: 50%;

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


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

.gmy-about-cta-kicker {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 25px;

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

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 2.7px;

    color: var(--red);
}


.gmy-about-cta-kicker::before {

    content: "";

    width: 38px;

    height: 2px;

    flex: 0 0 38px;

    background: var(--red);
}


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

.gmy-about-cta-copy h2 {

    position: relative;

    z-index: 2;

    max-width: 900px;

    margin: 0;

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

    font-size:
        clamp(
            57px,
            6.5vw,
            98px
        );

    font-weight: 750;

    line-height: .88;

    letter-spacing: -6px;

    color: var(--black);
}


.gmy-about-cta-copy h2 span {

    display: block;

    color: var(--red);
}


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

.gmy-about-cta-description {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        55px
        1fr;

    gap: 20px;

    align-items: start;

    max-width: 650px;

    margin-top: 55px;
}


.gmy-about-cta-description > span {

    width: 55px;

    height: 2px;

    margin-top: 8px;

    background: var(--red);
}


.gmy-about-cta-description p {

    max-width: 500px;

    margin: 0;

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

    font-size: 10px;

    line-height: 1.9;

    color: #777777;
}


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

.gmy-about-cta-action {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    padding:
        42px
        38px;

    background: var(--red);

    color: #ffffff;

    text-decoration: none;

    overflow: hidden;

    transition:
        background .35s ease;
}


.gmy-about-cta-action:hover {

    background: #aa0017;
}


/* huge decorative circle */

.gmy-about-cta-action::before {

    content: "";

    position: absolute;

    right: -200px;
    top: 80px;

    width: 420px;
    height: 420px;

    border-radius: 50%;

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

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


.gmy-about-cta-action::after {

    content: "";

    position: absolute;

    right: -120px;
    top: 160px;

    width: 260px;
    height: 260px;

    border-radius: 50%;

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

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


.gmy-about-cta-action:hover::before {

    transform:
        scale(1.08);
}


.gmy-about-cta-action:hover::after {

    transform:
        scale(.92);
}


/* ==================================================
   ACTION TOP
================================================== */

.gmy-about-cta-action-top {

    position: relative;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content: space-between;
}


.gmy-about-cta-action-top span {

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

    font-size: 6px;

    font-weight: 600;

    letter-spacing: 1.8px;

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


.gmy-about-cta-action-top small {

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

    font-size: 14px;

    font-weight: 800;

    letter-spacing: -1px;

    color: #ffffff;
}


/* ==================================================
   ACTION MAIN
================================================== */

.gmy-about-cta-action-main {

    position: relative;

    z-index: 3;

    margin:
        auto
        0;
}


.gmy-about-cta-action-main 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,.60);
}


.gmy-about-cta-action-main strong {

    display: block;

    max-width: 330px;

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

    font-size:
        clamp(
            36px,
            3.8vw,
            55px
        );

    font-weight: 750;

    line-height: .95;

    letter-spacing: -3px;

    color: #ffffff;
}


.gmy-about-cta-action-main strong span {

    display: block;

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


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

.gmy-about-cta-arrow {

    position: relative;

    z-index: 4;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 70px;
    height: 70px;

    margin-top: 35px;

    border-radius: 50%;

    background: #ffffff;

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

    font-size: 24px;

    color: var(--red);

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


.gmy-about-cta-action:hover
.gmy-about-cta-arrow {

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


/* ==================================================
   ACTION BOTTOM
================================================== */

.gmy-about-cta-action-bottom {

    position: relative;

    z-index: 3;

    display: flex;

    align-items: center;

    gap: 13px;

    margin-top: 40px;
}


.gmy-about-cta-action-bottom > span {

    width: 35px;

    height: 1px;

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


.gmy-about-cta-action-bottom small {

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.4px;

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


/* ==================================================
   BOTTOM CONTACT RAIL
================================================== */

.gmy-about-cta-bottom {

    display: grid;

    grid-template-columns:
        1fr
        .8fr
        1fr
        .55fr;

    border-bottom:
        1px solid
        #d6d6d4;
}


/* ==================================================
   INFO
================================================== */

.gmy-about-cta-info {

    display: grid;

    grid-template-columns:
        28px
        1fr;

    gap: 15px;

    min-width: 0;

    padding:
        35px
        28px
        35px
        0;

    border-right:
        1px solid
        #d6d6d4;

    color: inherit;

    text-decoration: none;
}


a.gmy-about-cta-info {

    padding-left: 28px;

    transition:
        background .3s ease;
}


a.gmy-about-cta-info:hover {

    background: #ffffff;
}


.gmy-about-cta-info:nth-child(3) {

    padding-left: 28px;
}


/* number */

.gmy-about-cta-info-no {

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

    font-size: 8px;

    font-weight: 700;

    color: var(--red);
}


/* label */

.gmy-about-cta-info small {

    display: block;

    margin-bottom: 7px;

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

    font-size: 5px;

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #999999;
}


/* value */

.gmy-about-cta-info strong {

    display: block;

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

    font-size: 13px;

    font-weight: 650;

    line-height: 1.35;

    color: var(--black);
}


.gmy-about-cta-info p {

    margin:
        5px
        0
        0;

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

    font-size: 7px;

    color: #888888;
}


/* ==================================================
   GMY MARK
================================================== */

.gmy-about-cta-mark {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 12px;

    padding-left: 25px;
}


.gmy-about-cta-mark strong {

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

    font-size: 31px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: -2px;

    color: var(--red);
}


.gmy-about-cta-mark span {

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

    font-size: 5px;

    font-weight: 600;

    line-height: 1.6;

    letter-spacing: 1px;

    color: #999999;
}


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

@media (max-width: 1100px) {

    .gmy-about-cta-container {

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


    .gmy-about-cta-main {

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


    .gmy-about-cta-copy {

        padding:
            60px
            50px;
    }


    .gmy-about-cta-copy h2 {

        font-size: 68px;

        letter-spacing: -5px;
    }


    .gmy-about-cta-bottom {

        grid-template-columns:
            1fr
            1fr;
    }


    .gmy-about-cta-info {

        border-bottom:
            1px solid
            #d6d6d4;
    }


    .gmy-about-cta-mark {

        min-height: 110px;

        padding:
            25px;

        justify-content: flex-start;
    }

}


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

@media (max-width: 767px) {

    .gmy-about-cta {

        padding:
            75px
            0
            50px;
    }


    .gmy-about-cta-container {

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


    .gmy-about-cta-meta-right {

        display: none;
    }


    /* MAIN */

    .gmy-about-cta-main {

        display: block;

        min-height: 0;

        margin-top: 55px;
    }


    /* COPY */

    .gmy-about-cta-copy {

        min-height: 540px;

        padding:
            50px
            27px;
    }


    .gmy-about-cta-copy h2 {

        font-size:
            clamp(
                47px,
                13vw,
                62px
            );

        line-height: .92;

        letter-spacing: -4px;
    }


    .gmy-about-cta-description {

        grid-template-columns:
            35px
            1fr;

        gap: 15px;

        margin-top: 40px;
    }


    .gmy-about-cta-description > span {

        width: 35px;
    }


    /* RED */

    .gmy-about-cta-action {

        min-height: 510px;

        padding:
            35px
            27px;
    }


    .gmy-about-cta-action-main strong {

        font-size: 43px;
    }


    /* BOTTOM */

    .gmy-about-cta-bottom {

        display: block;
    }


    .gmy-about-cta-info,
    a.gmy-about-cta-info,
    .gmy-about-cta-info:nth-child(3) {

        padding:
            28px
            5px;

        border-right: 0;

        border-bottom:
            1px solid
            #d6d6d4;
    }


    .gmy-about-cta-mark {

        min-height: 100px;

        padding:
            25px
            5px;

        justify-content: flex-start;
    }

}


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

@media (max-width: 420px) {

    .gmy-about-cta-copy {

        min-height: 500px;
    }


    .gmy-about-cta-copy h2 {

        font-size: 44px;

        letter-spacing: -3px;
    }


    .gmy-about-cta-action {

        min-height: 470px;
    }


    .gmy-about-cta-action-main strong {

        font-size: 38px;
    }

}/* End custom CSS */