/* =========================================================
   AEW ABOUT US HERO
========================================================= */

.aew-about-hero {

    position: relative;

    width: 100%;

    min-height: 650px;

    overflow: hidden;

    background: #ffffff;

}


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

.aew-about-hero-bg {

    position: absolute;

    top: 0;
    right: 0;

    width: 64%;

    height: 100%;

    background-image:
        url("../images/aew-building.jpg");

    background-size: cover;

    background-position: center right;

    background-repeat: no-repeat;

}


/* =========================================================
   LEFT WHITE GRADIENT
========================================================= */

.aew-about-hero-overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 31%,
            rgba(255,255,255,0.98) 40%,
            rgba(255,255,255,0.78) 51%,
            rgba(255,255,255,0.22) 65%,
            rgba(255,255,255,0) 80%
        );

}


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

.aew-about-hero
.container {

    position: relative;

    z-index: 5;

}


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

.aew-about-content {

    position: relative;

    padding:
        65px 25px 55px 0;

    max-width: 640px;

}


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

.aew-about-eyebrow {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 12px;

    color:
        #111827;

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

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.7px;

}


.aew-about-eyebrow span {

    width: 45px;

    height: 3px;

    background:
        #920000;

}


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

.aew-about-content h1 {

    margin: 0;

    color:
        #071827;

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

    font-size: 42px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: -2px;

}


.aew-about-content h1 strong {

    color:
        #920000;

    font-weight: 700;

}


/* =========================================================
   RED LINE
========================================================= */

.aew-about-line {

    width: 85px;

    height: 4px;

    margin:
        18px 0 27px;

    background:
        #920000;

}


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

.aew-about-intro {

    max-width: 570px;

    margin:
        0 0 18px;

    color:
        #182330;

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

    font-size:
        17px;

    line-height:
        1.75;

    font-weight:
        500;

}


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

.aew-about-description {

    max-width: 570px;

    margin:
        0 0 25px;

    color:
        #333333;

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

    font-size:
        13px;

    line-height:
        1.75;

    font-weight:
        400;

}


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

.aew-about-button-wrap {

    margin-bottom:
        32px;

}


.aew-about-btn {

    min-width:
        180px;

    height:
        50px;

    padding:
        0 22px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        15px;

    color:
        #ffffff;

    background:
        #920000;

    border:
        1px solid #920000;

    border-radius:
        3px;

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

    font-size:
        12px;

    font-weight:
        700;

    text-decoration:
        none;

    transition:
        all 0.25s ease;

}


.aew-about-btn i {

    font-size:
        17px;

}


.aew-about-btn:hover {

    color:
        #ffffff;

    background:
        #760000;

    border-color:
        #760000;

    transform:
        translateY(-2px);

    box-shadow:
        0 8px 18px
        rgba(146,0,0,0.18);

}


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

.aew-about-stats {

    display:
        grid;

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

    max-width:
        600px;

}


.aew-about-stat {

    position:
        relative;

    min-height:
        110px;

    padding:
        0 18px;

    text-align:
        center;

    border-right:
        1px solid
        rgba(20,30,40,0.20);

}


.aew-about-stat:first-child {

    padding-left:
        0;

}


.aew-about-stat:last-child {

    border-right:
        0;

}


.aew-about-stat-icon {

    margin-bottom:
        8px;

    color:
        #920000;

    font-size:
        30px;

}


.aew-about-stat strong {

    display:
        block;

    margin-bottom:
        4px;

    color:
        #111827;

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

    font-size:
        17px;

    line-height:
        1.25;

    font-weight:
        700;

}


.aew-about-stat .aew-stat-small {

    font-size:
        12px;

    white-space:
        nowrap;

}


.aew-about-stat span {

    display:
        block;

    color:
        #111111;

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

    font-size:
        9px;

    line-height:
        1.5;

    font-weight:
        600;

}


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

.aew-about-visual {

    position:
        relative;

    min-height:
        650px;

    margin-left:
        -20px;

}


/* =========================================================
   BUILDING
========================================================= */

.aew-about-building {

    position:
        absolute;

    top:
        0;

    right:
        -15%;

    width:
        105%;

    height:
        100%;

    overflow:
        hidden;

}


.aew-about-building img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center;

    display:
        block;

}


/* =========================================================
   HEX PRODUCT
========================================================= */

.aew-product-hex {

    position:
        absolute;

    width:
        190px;

    height:
        215px;

    padding:
        7px;

    background:
        #ffffff;

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

    filter:
        drop-shadow(
            0 8px 14px
            rgba(0,0,0,0.22)
        );

    z-index:
        10;

}


/* =========================================================
   HEX INNER
========================================================= */

.aew-hex-inner {

    width:
        100%;

    height:
        100%;

    overflow:
        hidden;

    background:
        #eeeeee;

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

}


.aew-hex-inner img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    display:
        block;

}


/* =========================================================
   PRODUCT POSITION 01
========================================================= */

.aew-product-hex-1 {

    right:
        43%;

    bottom:
        35px;

}


/* =========================================================
   PRODUCT POSITION 02
========================================================= */

.aew-product-hex-2 {

    right:
        19%;

    bottom:
        55px;

    transform:
        scale(1.08);

}


/* =========================================================
   PRODUCT POSITION 03
========================================================= */

.aew-product-hex-3 {

    right:
        -3%;

    bottom:
        35px;

}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 1199px) {

    .aew-about-hero {

        min-height:
            620px;

    }


    .aew-about-content {

        padding-right:
            10px;

    }


    .aew-about-intro {

        font-size:
            15px;

    }


    .aew-about-description {

        font-size:
            12px;

    }


    .aew-product-hex {

        width:
            155px;

        height:
            175px;

    }


    .aew-product-hex-1 {

        right:
            42%;

    }


    .aew-product-hex-2 {

        right:
            17%;

    }


    .aew-product-hex-3 {

        right:
            -5%;

    }

}


/* =========================================================
   RESPONSIVE - MOBILE/TABLET
========================================================= */

@media (max-width: 991px) {

    .aew-about-hero {

        min-height:
            auto;

        background:
            #ffffff;

    }


    .aew-about-hero-bg {

        position:
            absolute;

        top:
            auto;

        bottom:
            0;

        left:
            0;

        right:
            0;

        width:
            100%;

        height:
            48%;

    }


    .aew-about-hero-overlay {

        background:
            linear-gradient(
                to bottom,
                #ffffff 0%,
                #ffffff 50%,
                rgba(255,255,255,0.75) 70%,
                rgba(255,255,255,0.15) 100%
            );

    }


    .aew-about-content {

        max-width:
            700px;

        padding:
            60px 20px 20px;

        text-align:
            center;

        margin:
            0 auto;

    }


    .aew-about-eyebrow {

        justify-content:
            center;

    }


    .aew-about-content h1 {

        font-size:
            48px;

    }


    .aew-about-line {

        margin:
            18px auto 25px;

    }


    .aew-about-intro,
    .aew-about-description {

        margin-left:
            auto;

        margin-right:
            auto;

    }


    .aew-about-button-wrap {

        margin-top:
            25px;

    }


    .aew-about-stats {

        margin:
            0 auto;

    }


    .aew-about-visual {

        min-height:
            500px;

        margin:
            0;

    }


    .aew-about-building {

        right:
            0;

        width:
            100%;

        height:
            100%;

    }


    .aew-product-hex {

        width:
            150px;

        height:
            170px;

    }


    .aew-product-hex-1 {

        left:
            5%;

        right:
            auto;

        bottom:
            25px;

    }


    .aew-product-hex-2 {

        left:
            50%;

        right:
            auto;

        bottom:
            45px;

        transform:
            translateX(-50%);

    }


    .aew-product-hex-3 {

        right:
            5%;

        bottom:
            25px;

    }

}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 575px) {

    .aew-about-content {

        padding:
            45px 18px 15px;

    }


    .aew-about-eyebrow {

        font-size:
            10px;

        gap:
            9px;

    }


    .aew-about-eyebrow span {

        width:
            30px;

    }


    .aew-about-content h1 {

        font-size:
            39px;

        letter-spacing:
            -1px;

    }


    .aew-about-intro {

        font-size:
            13px;

        line-height:
            1.7;

    }


    .aew-about-description {

        font-size:
            11px;

    }


    .aew-about-stats {

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

        gap:
            20px 0;

        margin-top:
            10px;

    }


    .aew-about-stat {

        min-height:
            95px;

        border-right:
            1px solid
            rgba(20,30,40,0.18);

    }


    .aew-about-stat:nth-child(2) {

        border-right:
            0;

    }


    .aew-about-stat:nth-child(3) {

        border-right:
            1px solid
            rgba(20,30,40,0.18);

    }


    .aew-about-stat-icon {

        font-size:
            25px;

    }


    .aew-about-stat strong {

        font-size:
            14px;

    }


    .aew-about-stat .aew-stat-small {

        font-size:
            9px;

    }


    .aew-about-stat span {

        font-size:
            8px;

    }


    .aew-about-visual {

        min-height:
            400px;

    }


    .aew-product-hex {

        width:
            105px;

        height:
            120px;

        padding:
            5px;

    }


    .aew-product-hex-1 {

        left:
            2%;

        bottom:
            25px;

    }


    .aew-product-hex-2 {

        bottom:
            45px;

    }


    .aew-product-hex-3 {

        right:
            2%;

        bottom:
            25px;

    }

}