.sofia-font,
.roboto-flex{
    font-family: "Roboto Flex", sans-serif;
}

.body-lang-th .main .form-control{
    font-family: 'Noto Sans Thai', sans-serif !important;
}

.body-lang-ar .main .form-control{
    font-family: 'Tajawal', sans-serif !important;
}

.noto-sans{
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
}

.fs-22{
    font-size: 22px;
}

.fs-20{
    font-size: 20px;
}

.section-2 p:nth-child(even) br {
    display: none;
}

.section-1 {
    padding: unset!important;
}

.bg-sponsorship {
    background: url("../images/HFM-Arsenal-Sponsorship-full-bg.webp") no-repeat 70% center;
    background-size: cover !important;
    padding-top: 100px;
}

.body-lang-rtl .bg-sponsorship {
    background: url("../images/arsenal-hero-desktop-L.webp") no-repeat 20% center;
}

h1{
    font-size: 60px!important;
    line-height: 60px !important;
}

.form {
    border: 1px solid rgba(255, 255, 255, 0.31);
    border-radius: 24px;
    padding: 20px;
    color: white;
    background: linear-gradient(
            270deg,
            rgba(214, 214, 214, 0.03) 0%,
            rgba(255, 255, 255, 0.15) 100%
    );
    backdrop-filter: blur(12.4px);
    -webkit-backdrop-filter: blur(12.4px);
}

.main .form-control, .main .form-select {
    border: 1px solid rgba(255, 255, 255, 0.31);
    border-radius: 8px !important;
    color: white !important;
    background: transparent;
}

.main .form-select {
    background-image: url("../images/chevron-down.svg");
    background-repeat: no-repeat;
    background-position:  right 10px center;
}

.body-lang-rtl .main .form-select {
    background-position:  left 10px center;
}

.main .form-control:focus, .main .form-select:focus{
    border: 1px solid rgba(255, 255, 255)!important;
}

.main .form-select option{
    color: black;
}

.main .form-control::placeholder {
    color: white;
}

.main .form-text{
    font-size: 16px!important;
}

.form-group button{
    background-color: white!important;
    color: black;
    border-radius: 5px!important;
}

.form-group button:hover{
    background-color: white !important;
    color: black !important;
}

.input-group button {
    z-index: 10!important;
    position: absolute!important;
    right: 4px!important;
    top: 4px!important;
    height: 85%!important;
    padding: 0 20px!important;
}

.body-lang-rtl .input-group button{
    position: absolute!important;
    left: 4px!important;
    right: unset!important;
    top: 4px!important;
    height: 85%!important;
    padding: 0 20px!important;
    z-index: 10;
}

.section-2{
    background: #161616;
    color: white;
    border: none;
    border-radius: unset;
    margin-top: unset;
    padding: 20px 0 20px 0 !important;
}

.section-3{
    padding: 80px 0 10px 0!important;
}

.black-box-arsenal{
    background: #0C1117;
    color: white;
    gap: 24px;
    border-radius: 40px;
    padding: 32px;
    flex: 1;
}

.black-box-arsenal img{
    width: 32px;
    height: 32px;
}

.reg{
    margin-top: 30px!important;
}

.disclaimer{
    color: #A9A9A9!important;
    font-size: 12px!important;
}

.disclaimer a{
    color: #A9A9A9!important;
    text-decoration: underline!important;
}

@media (max-width: 991px){
    .black-box-arsenal{
        flex: unset;
    }

    .form-group select, .input-group input{
        max-width: 500px;
        margin: 0 auto 0 auto !important;
    }

    .bg-sponsorship {
        background: unset!important;
        padding-top: unset!important;
    }

    .section-1, .body-lang-rtl .section-1{
        background-image: url("../images/HFM-Arsenal-Sponsorship-tablet-bg.webp");
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        padding: unset!important;
        padding-bottom: 600px!important;
    }

    .input-group button{
        right: 80px!important;
    }

    .body-lang-rtl .input-group button{
        left: 80px!important;
    }
}

@media (max-width: 820px){
    .section-1{
        padding-bottom: 510px!important;
    }
}

@media (max-width: 767px){
    .form {
        border: none;
        padding: 20px;
        color: white;
        background: none;
        backdrop-filter: unset;
        -webkit-backdrop-filter: unset;
    }

    .input-group button{
        right: 4px!important;
    }

    .body-lang-rtl .input-group button{
        left: 4px!important;
    }
}

@media (max-width: 575px) {
    .section-3 .btn {
        width: 100%;
    }

    .section-1, .body-lang-rtl .section-1{
        background-image: url("../images/HFM-Arsenal-Sponsorship-mobile-bg.webp");
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        padding: unset!important;
        padding-bottom: 360px!important;
    }

    h1{
        font-size: 50px!important;
        line-height: 50px!important;
    }

    .fs-24{
        font-size: 20px!important;
    }

    .section-2 p:nth-child(odd) {
        font-size: 48px;
    }

    .section-2 p:nth-child(even) br {
        display: unset;
    }

    .section-3 h2{
        font-size: 40px!important;
    }
}

@media (max-width: 492px) {
    .section-1{
        padding-bottom: 290px!important;
    }
}