.raffle-page h1 > strong, .raffle-page .h1 > strong{
    color: #1EA678;

}
.raffle-page h1 > span, .raffle-page .h1 > span{
    font-weight: 300;

}
.raffle-page h1,.raffle-page .h1 {
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: clamp(50px, 4vw, 65px);
    line-height: 115%;
    color: #071530;
    margin-bottom: 30px;
    position: relative;
}
.raffle-page{
    padding-top: 70px;
}
.raffle-page .header{
    position: relative;
}
.raffle-page p {
    font-size: clamp(16px, 1.1vw, 17px);
    line-height: 176%;
    color: #071530;
}
::-webkit-scrollbar{
    display:none;
}
.raffle-page .main-row-info{
    align-items: center;
}
.raffle-page .main__img,
.raffle-page form,
.raffle-page section{
    position: relative;
    z-index: 3;
}

.raffle-page .form-row{
    margin-top: 50px;
    margin-bottom: 20px;
}
.raffle-page #raffle-form {
    padding-top: 80px;
    padding-bottom: 180px;
    background: #F2FBFB url("/web/img/raffle-form-decor.svg") no-repeat left bottom/25%;
}
.button.button-raffle{
    padding: 20px;
}
.raffle-page .main-info-title{
    padding-bottom: 10vh;
    padding-top: 15vh;
}
@media (min-width: 1400px){
    .container {
        /*width: 1350px;*/
    }
}
@media (max-width: 1366px){
   .raffle-page .container {
        max-width: 80%;
    }
}
@media (max-width: 768px){
    .raffle-page #raffle-form {
        background-position: center bottom;
        background-size: 35%;
    }
}
@media (max-width: 767px){
    .raffle-page h1{
        margin-bottom: 50px;
    }
    .raffle-page{
        padding-top: 40px;
    }
    .raffle-page .form-row{
        margin-bottom: 0;
    }
    .raffle-page form{
        max-width: 320px;
        margin: auto;
    }
    #raffle-form {
        padding-top: 140px;
    }
    .brand-logos img {
        margin-right: 1.5rem;
        width: 20%;
        margin-left: 1.5rem;
    }
    .raffle-page .container {
    max-width: 95%;
}
    .raffle-page #raffle-form {
        background-size: 100%;
        padding-bottom: 250px;
    }
    .blue-dot-1{
        top: 7%!important;
        left: 45% !important;
    }
    .grey-bottom-decor{
        left: 0!important;
        width: 35%;
        bottom: -20px!important;
    }
    .orange-dot-3{
        top: 10% !important;
        right: 15% !important;
        bottom: auto!important;
    }
    .decor-mob-blue{
        top: 3%!important;
        left: 2%!important;
        right: auto!important;
    }
    .decor-mob-orange{
        top: 50%!important;
        right: 2% !important;
    }
    .orange-dot-4{
        top: 15% !important;
        right: 5% !important;
        width: 5% !important;
    }
    .orange-dot-1{
        left: auto!important;
        right: 7%!important;
    }
    .orange-circle-big{
        width: 40%;
        left: 5% !important;
    }
    .orange-dot-2{
        top: auto!important;
        left: 50%!important;
        bottom: 5%!important;
        width: 3%!important;
    }
    #hero{
        padding-bottom: 120px!important;
    }
    .blue-circle-right{
        top: auto!important;
        bottom: 50px!important;
        right: 0!important;
        width: 10% !important;
    }
}