/* =====================================================
   AMAN — COMPANY IN NUMBERS
===================================================== */

.aman-numbers {

    --aman-green: #062b27;
    --aman-green-2: #0b4039;
    --aman-gold: #fdbd06;
    --aman-cream: #fbf8f0;

    position: relative;

    overflow: hidden;

    padding: 50px 0 65px;

    background:
        linear-gradient(
            135deg,
            var(--aman-green),
            var(--aman-green-2)
        );

    font-family:
        'Montserrat',
        Arial,
        sans-serif;
}


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

.aman-numbers-content {

    position: relative;

    z-index: 5;

    text-align: center;

}


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

.aman-numbers-label {

    margin-bottom: 13px;

    color: var(--aman-gold);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;

}


.aman-numbers-title {

    margin: 0;

    color: #ffffff;

    font-size: 42px;

    font-weight: 700;

    line-height: 1.15;

}


.aman-numbers-subtitle {

    max-width: 600px;

    margin:
        18px auto 35px;

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

    font-size: 14px;

    line-height: 1.8;

}


/* =====================================================
   NUMBERS ROW
===================================================== */

.aman-numbers-row {

    position: relative;

    margin: 0;

}


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

.aman-number-item {

    position: relative;

    height: 100%;

    padding:
        15px 45px 20px;

}


/* вертикальный разделитель */

.aman-number-item::after {

    content: "";

    position: absolute;

    top: 20px;

    right: 0;

    width: 1px;

    height: 150px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(253,189,6,.35),
            transparent
        );

}


/* убираем у последнего */

.aman-number-item:last-child::after {

    display: none;

}


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

.aman-number {

    color: var(--aman-gold);

    font-size: 64px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: -2px;

}


.aman-number span {

    font-size: .55em;

    vertical-align: top;

    margin-left: 3px;

}


/* =====================================================
   GOLD LINE
===================================================== */

.aman-number-line {

    width: 45px;

    height: 2px;

    margin:
        22px auto 18px;

    background:
        var(--aman-gold);

}


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

.aman-number-item h3 {

    margin:
        0 0 10px;

    color: #ffffff;

    font-size: 17px;

    font-weight: 600;

    line-height: 1.4;

}


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

.aman-number-item p {

    max-width: 250px;

    margin:
        0 auto;

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

    font-size: 12px;

    line-height: 1.7;

}


/* =====================================================
   MOUNTAINS
===================================================== */

.aman-numbers-mountains {

    position: absolute;

    z-index: 1;

    left: 0;
    right: 0;

    bottom: -2px;

    height: 185px;

    color: #ffffff;

    opacity: .025;

    pointer-events: none;

}


.aman-numbers-mountains svg {

    display: block;

    width: 100%;
    height: 100%;

}


/* =====================================================
   TOP SOFT LINE
===================================================== */

.aman-numbers::before {

    content: "";

    position: absolute;

    left: 15%;
    right: 15%;

    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(253,189,6,.25),
            transparent
        );

}


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

@media (max-width: 991px) {

    .aman-numbers {

        padding:
            80px 0
            100px;

    }


    .aman-numbers-title {

        font-size: 36px;

    }


    .aman-numbers-subtitle {

        margin-bottom:
            45px;

    }


    .aman-number-item {

        padding:
            15px 25px;

    }


    .aman-number {

        font-size:
            52px;

    }

}


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

@media (max-width: 767px) {

    .aman-numbers {

        padding:
            65px 0
            75px;

    }


    .aman-numbers-title {

        font-size:
            30px;

    }


    .aman-numbers-subtitle {

        padding:
            0 15px;

        margin-bottom:
            35px;

        font-size:
            13px;

    }


    .aman-number-item {

        padding:
            25px 20px 30px;

    }


    .aman-number-item::after {

        top: auto;
        right: 15%;

        bottom: 0;

        width: 70%;

        height: 1px;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(253,189,6,.3),
                transparent
            );

    }


    .aman-number-item:last-child::after {

        display: none;

    }


    .aman-number {

        font-size:
            55px;

    }


    .aman-number-item h3 {

        font-size:
            16px;

    }


    .aman-numbers-mountains {

        height:
            110px;

    }

}


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

@media (max-width: 430px) {

    .aman-numbers {

        padding:
            55px 0
            65px;

    }


    .aman-numbers-label {

        font-size:
            9px;

        letter-spacing:
            2px;

    }


    .aman-numbers-title {

        font-size:
            28px;

    }


    .aman-number {

        font-size:
            50px;

    }

}