.section-about {
    position: relative;
    min-height: 850px;
    color: white;
    display: flex;
    align-items: center;
    background-color: #051f41;
    background-image: radial-gradient(circle at 40% 78%, rgba(12, 83, 177, 0.95) 0%, rgba(11, 75, 159, 0.9) 24%, rgba(9, 58, 123, 0.85) 48%, rgba(6, 39, 83, 0.95) 72%, #051f41 100%);
    background-size: cover;
    background-position: center;
    padding-bottom: 200px;
    padding-top: clamp(114px, 9vw, 120px);
    margin-top: clamp(144px, 17vw, 225px) !important;
    .earth {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        .country {
            position: absolute;
            background: var(--white);
            color: var(--black);
            padding: 0px 12px;
            line-height: 28px;
            border-radius: 8px;
            font-size: 12px;
            font-family: var(--Medium);
            z-index: 1;
            &:before {
                border-radius: 4px;
                content: "";
                display: block;
                position: absolute;
                right: 50%;
                top: 7px;
                width: 0;
                height: 0;
                box-sizing: border-box;
                border: 7px solid white;
                transform-origin: 0 0;
                transform: rotate(-45deg) translateX(50%);
                z-index: 0;
            }
            &:after {
                content: "";
                width: 12px;
                height: 12px;
                position: absolute;
                border-radius: 50%;
                background: white;
                top: -37px;
                right: 50%;
                transform: translateX(50%);
                outline: 8px solid #FFFFFF33;
            }
        }
        img {
            filter: brightness(0.5);
        }
    }
    .title-about {
        position: absolute;
        top: -60px;
        left: 0;
        color: var(--black);
        text-align: left;
        & > div {
            background: #F3F5F9;
            clip-path: polygon(0.0% 100.0%, 97.0% 100.0%, 97.6% 99.8%, 98.1% 99.2%, 98.6% 98.2%, 99.1% 96.9%, 99.4% 95.3%, 99.7% 93.6%, 99.9% 91.6%, 100.0% 89.6%, 100.0% 87.5%, 99.8% 85.3%, 93.4% 18.5%, 93.1% 15.3%, 92.6% 12.3%, 92.0% 9.6%, 91.4% 7.2%, 90.7% 5.1%, 89.9% 3.3%, 89.1% 1.9%, 88.2% 0.9%, 87.3% 0.2%, 86.3% 0.0%, 0.0% 0.0%, 0.0% 100.0%);
            padding: clamp(16px, 4vw, 44px) clamp(14px, 10vw, 128px);
        }
        &:before {
            content: "";
            clip-path: polygon(0.0% 100.0%, 97.4% 100.0%, 97.9% 99.8%, 98.4% 99.1%, 98.8% 98.2%, 99.2% 96.9%, 99.5% 95.3%, 99.8% 93.5%, 99.9% 91.6%, 100.0% 89.5%, 100.0% 87.3%, 99.8% 85.2%, 94.0% 18.2%, 93.7% 15.0%, 93.2% 12.1%, 92.7% 9.4%, 92.2% 7.1%, 91.6% 5.0%, 90.9% 3.3%, 90.2% 1.9%, 89.4% 0.8%, 88.6% 0.2%, 87.8% 0.0%, 5.3% 0.0%, 4.4% 0.3%, 3.6% 1.1%, 2.9% 2.5%, 2.2% 4.3%, 1.6% 6.5%, 1.0% 9.0%, 0.6% 11.9%, 0.3% 15.1%, 0.1% 18.5%, 0.0% 22.1%, 0.0% 100.0%);
            width: calc(100% + 28px);
            height: calc(100% + 28px);
            position: absolute;
            left: 0;
            top: 0;
            background: white;
        }
        span {
            font-size: 14px;
            font-family: var(--En);
            position: relative;
            padding-left: 34px;
            background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
            border-radius: 100px;
            padding-block: 10px;
            &:before {
                content: "";
                width: 12px;
                height: 12px;
                position: absolute;
                left: 16px;
                top: 50%;
                transform: translateY(-50%);
                background: var(--color2);
                border-radius: 50%;
            }
        }
        p {
            font-size: clamp(24px, 4vw, 50px);
            font-family: var(--En);
            line-height: normal;
            text-transform: uppercase;
            display: block;
            margin-top: 8px;
        }
    }
    .s-title {
        margin-bottom: clamp(20px, 2vw, 32px);
    }
}
@media only screen and (min-width: 992px) {
    .section-about {
        min-height: 800px;
        padding: 0;
        .c-btn {
            justify-content: flex-start;
        }
        .earth {
            width: 1107px;
            height: 681px;
            position: absolute;
            left: 0;
            transform: unset;
            img {
                left: 0px;
                position: absolute;
                bottom: 76px;
            }
        }
        .title-about {
            top: -120px;
        }
    }
}