.hero-section {
    width: 100%;
    position: relative
}

.hero-section .background-img {
    width: 100%;
    min-height: 114.6666666667vw
}

.hero-section .background-img img {
    width: 100%;
    height: 114.6666666667vw;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.hero-section .container {
    position: relative;
    z-index: 1;
    padding: 5.3333333333vw 4.2666666667vw
}

.hero-section .container .text-box .tag {
    display: none
}

.hero-section .container .text-box h1,
.hero-section .container .text-box h2,
.hero-section .container .text-box h3,
.hero-section .container .text-box h4,
.hero-section .container .text-box h5,
.hero-section .container .text-box h6 {
    font-family: "Arial Nova Cond";
    font-size: 12.8vw;
    font-weight: 300;
    letter-spacing: -0.128vw;
    line-height: 1;
    color: #1c9cd9;
    margin-bottom: 6.4vw
}

.hero-section .container .text-box .body-text {
    font-size: 4.2666666667vw;
    font-weight: 400;
    line-height: 1.25;
    color: #002169
}

.hero-section .container .text-box .btn {
    margin-top: 5.3333333333vw
}

@media(min-width: 782px) {
    .hero-section {
        height: calc(100vh - 4.3055555556vw);
        margin-top: 4.1666666667vw
    }

    .hero-section .inner-section {
        width: 100%;
        height: 100%;
        max-width: calc(100% - 1.1111111111vw);
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .hero-section .inner-section .background-img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        min-height: 100%;
        border-radius: 1.1111111111vw;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 0
    }

    .hero-section .inner-section .background-img img {
        height: 100%
    }

    .hero-section .inner-section .container {
        padding: 0
    }

    .hero-section .inner-section .container .text-box {
        width: 100%;
        max-width: 31.9444444444vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 4.1666666667vw
    }

    .hero-section .inner-section .container .text-box .tag {
        padding: .5555555556vw 1.1111111111vw .5555555556vw 2.2222222222vw;
        border-radius: 2.7777777778vw;
        background-color: #fff;
        font-size: .8333333333vw;
        font-weight: 700;
        text-transform: uppercase;
        color: #002169;
        position: relative;
        display: block
    }

    .hero-section .inner-section .container .text-box .tag:before {
        content: "";
        position: absolute;
        width: .5555555556vw;
        height: .5555555556vw;
        background-color: #1c9cd9;
        top: 50%;
        left: 1.1111111111vw;
        transform: translateY(-50%);
        border-radius: 100%
    }

    .hero-section .inner-section .container .text-box h1,
    .hero-section .inner-section .container .text-box h2,
    .hero-section .inner-section .container .text-box h3,
    .hero-section .inner-section .container .text-box h4,
    .hero-section .inner-section .container .text-box h5,
    .hero-section .inner-section .container .text-box h6 {
        font-size: 4.3055555556vw;
        font-weight: 300;
        line-height: .9;
        letter-spacing: -0.8px;
        color: #fff;
        margin: 2.2222222222vw 0 1.6666666667vw 0
    }

    .hero-section .inner-section .container .text-box .body-text {
        font-size: 1.1111111111vw;
        width: 100%;
        max-width: 22.9166666667vw;
        color: #fff
    }

    .hero-section .inner-section .container .text-box .btn {
        margin-top: 3.8888888889vw
    }
}

@media(min-width: 1440px) {
    .hero-section {
        height: calc(100vh - 62px);
        margin-top: 60px
    }

    .hero-section .inner-section {
        max-width: calc(100% - 16px)
    }

    .hero-section .inner-section .background-img {
        border-radius: 16px
    }

    .hero-section .inner-section .container .text-box {
        max-width: 460px;
        margin-top: 60px
    }

    .hero-section .inner-section .container .text-box .tag {
        padding: 8px 16px 8px 32px;
        border-radius: 40px;
        font-size: 12px
    }

    .hero-section .inner-section .container .text-box .tag:before {
        width: 8px;
        height: 8px;
        left: 16px
    }

    .hero-section .inner-section .container .text-box h1,
    .hero-section .inner-section .container .text-box h2,
    .hero-section .inner-section .container .text-box h3,
    .hero-section .inner-section .container .text-box h4,
    .hero-section .inner-section .container .text-box h5,
    .hero-section .inner-section .container .text-box h6 {
        font-size: 62px;
        margin: 32px 0 24px 0
    }

    .hero-section .inner-section .container .text-box .body-text {
        max-width: 330px;
        font-size: 16px
    }

    .hero-section .inner-section .container .text-box .btn {
        margin-top: 56px
    }
}

.hero-section--sm {
    height: 114.6666666667vw
}

.hero-section--sm .inner-section {
    position: relative
}

.hero-section--sm .inner-section .background-img {
    display: flex
}

.hero-section--sm .inner-section .container {
    position: absolute;
    bottom: 0;
    left: 0
}

.hero-section--sm .inner-section .container .text-box h1,
.hero-section--sm .inner-section .container .text-box h2,
.hero-section--sm .inner-section .container .text-box h3,
.hero-section--sm .inner-section .container .text-box h4,
.hero-section--sm .inner-section .container .text-box h5,
.hero-section--sm .inner-section .container .text-box h6 {
    font-family: "Arial Nova Cond";
    font-size: 12.8vw;
    font-weight: 300;
    letter-spacing: -0.128vw;
    line-height: 1;
    color: #fff;
    margin-bottom: 6.4vw
}

@media(min-width: 782px) {
    .hero-section--sm {
        height: 27.7777777778vw
    }

    .hero-section--sm .inner-section .container {
        position: relative;
        bottom: inherit;
        left: inherit
    }

    .hero-section--sm .inner-section .container .text-box h1,
    .hero-section--sm .inner-section .container .text-box h2,
    .hero-section--sm .inner-section .container .text-box h3,
    .hero-section--sm .inner-section .container .text-box h4,
    .hero-section--sm .inner-section .container .text-box h5,
    .hero-section--sm .inner-section .container .text-box h6 {
        font-size: 4.3055555556vw;
        font-weight: 300;
        line-height: 1;
        letter-spacing: -.0972222222vw;
        margin: 2.2222222222vw 0 1.6666666667vw 0
    }
}

@media(min-width: 1440px) {
    .hero-section--sm {
        height: 400px
    }

    .hero-section--sm .inner-section .container .text-box h1,
    .hero-section--sm .inner-section .container .text-box h2,
    .hero-section--sm .inner-section .container .text-box h3,
    .hero-section--sm .inner-section .container .text-box h4,
    .hero-section--sm .inner-section .container .text-box h5,
    .hero-section--sm .inner-section .container .text-box h6 {
        font-size: 62px;
        letter-spacing: -1.4px;
        margin: 32px 0 24px 0
    }
}