@font-face {
    font-family: FuturalExtraBold;
    src: url(../font/FuturaLTPaneuropeanExtraBold.ttf);
}
@font-face {
    font-family: FuturalBold;
    src: url(../font/FuturaLTPaneuropeanBold.ttf);
}
@font-face {
    font-family: FuturalHeavy;
    src: url(../font/FuturaLTPaneuropeanHeavy.ttf);
}
@font-face {
    font-family: FuturalMedium;
    src: url(../font/FuturaLTPaneuropeanMedium.ttf);
}
@font-face {
    font-family: FuturalBook;
    src: url(../font/FuturaLTPaneuropeanBook.ttf);
}
@font-face {
    font-family: FuturalLight;
    src: url(../font/FuturaLTPaneuropeanLight.ttf);
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
::-webkit-scrollbar {
    display: none;
}
body{
    width: 100%;
    overflow-x: hidden;
}
.banner{
    width: 100%;
    height: 52vw;
    background-image: url(../image/bg-banner.webp);
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.medal-1{
    width: 22.09vw;
    position: absolute;
    left: 0;
    top: 0;
    --animate-duration: 700ms;
    animation-delay: 1.5s;
}
.medal-2{
    width: 22.09vw;
    position: absolute;
    right: 0;
    top: 0;
    --animate-duration: 700ms;
    animation-delay: 1.9s;
}

.text-banner{
    font-size: 1.27vw;
    color: #DDBA82;
    font-family: FuturalBook;
}
.route-banner{
    top: 1.7vw;
    left: 18.2vw;
    position: absolute;
    --animate-duration: 700ms;
    animation-delay: 3.6s;
}
.date-banner{
    position: absolute;
    right: 18.2vw;
    top: 1.7vw;
    --animate-duration: 700ms;
    animation-delay: 4.2s;
}
.btn-register{
    position: absolute;
    bottom: 3.7vw;
    padding: .78vw 3.1vw;
    border-radius: 100vw;
    left: 41.6vw;
    color: #231F20;
    background-color: #fff;
    font-size: 1.5vw;
    outline: none;
    border: none;
    transition: .1s all;
    font-family: 'FuturalBook';
    cursor: pointer;
    animation-delay: 3.2s;
}

.run-logo{
    width: 38vw;
    position: absolute;
    left: 30.8vw;
    top: 20vw;
    --animate-duration: 500ms;
    animation-delay: .4s;
}
.el-logo{
    position: absolute;
    left: 30.8vw;
    width: 17vw;
    top: 7.5vw;
    --animate-duration: 700ms;
    animation-delay: .6s;
}
.man-logo{
    width: 22.4vw;
    position: absolute;
    left: 39.1vw;
    top: 8.9vw;
    --animate-duration: 500ms;
}
.jauh-logo{
    width: 36.4vw;
    position: absolute;
    left: 31.4vw;
    bottom: 10.4vw;
    --animate-duration: 500ms;
    animation-delay: 2.3s;
}
.el-logo-main{
    width:6vw;
    position: absolute;
    top: 12.7vw;
    right: 30.3vw;
    border: .13vw solid #DDBA82;
    border-radius: 100vw;
    --animate-duration: 900ms;
    animation-delay: 1s;
}

.banner-quote-1{
    position: absolute;
    left: 20vw;
    top: 6vw;
    width: 8vw;
    display: block;
}
.banner-quote-2{
    position: absolute;
    width: 9.8vw;
    right: 18vw;
    top: 6vw;
    display: block;
}

.price-banner{
    font-family: "Koulen", sans-serif;
    position: absolute;
    bottom: 8.5vw;
    left: 38.9vw;
    font-size: 2.5vw;
    color: #DDBA82;
    font-weight: 300;
    letter-spacing: .13vw;
    --animate-duration: 700ms;
    animation-delay: 2.8s;
}
.video-route{
    z-index: -1;
    width: 100%;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: 19% !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 19% !important;
}
.swiper-button-next, .swiper-button-prev{
    color: #DDBA82 !important;
    top: 55% !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 2vw !important;
}

.mc{
    background-image: url(../image/bg-mc.png);
    background-position: center;
    background-size: cover;
    width: 100.2%;
    height: 54.8vw;
    margin-top: -1vw;
    z-index: 999;
    padding: 4vw 0;
    transform: translateY(-.8vw);
    position: relative;
}
.heading-mc{
    text-align: center;
}
.heading-mc h1{
    color: #DDBA82;
    font-size: 3vw;
}
.mc-layout{
    display: flex;
    align-items: flex-end;
    width: 71.7vw;
    margin: auto;
    justify-content: space-between;
}
.mc-layout img{
    max-width: 35vw;
    max-height: 35vw;
}

.btn-register-relative{
    position: relative;
    padding: .74vw 5.6vw;
    border-radius: 100vw;
    color: black;
    background-color: #DDBA82;
    font-size: 1.8vw;
    margin: auto;
    display: block;
    cursor: pointer;
    width: max-content;
    margin-top: 2.4vw;
    transition: .1s all;
}
.btn-register-relative:hover{
    transform: scale(1.1);
}
a{
    text-decoration: none;
}
.mc-decoration-1{
    position: absolute;
    left: 2vw;
    width: 10vw;
    bottom: 12vw;
}
.mc-decoration-2{
    position: absolute;
    right: 1.3vw;
    width: 13vw;
    top: 7vw;
}

.video-gallery{
    background-image: url(../image/bg_cream.webp);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: -2vw;
    height: 24vw;
    padding: 2.9vw 15vw;
    padding-top: 0;
}
.video-second{
    width: 100%;
    display: block;
    margin-top: 4vw;
    border-radius: 2.3vw;
}

.standing-decoration-left{
    position: absolute;
    left: 7vw;
    width: 7vw;
    bottom: -20vw;
}
.standing-decoration-right{
    position: absolute;
    right: 7vw;
    width: 9vw;
    bottom: -24vw;
}
.standing-section{
    background-image: url(../image/cross.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: 13.4vw;
    position: relative;
    padding-bottom: 10VW;
}
.standing-section img{
    display: block;
    margin: auto;
    width: 73vw;
}
.standing-section .btn-register{
    bottom: 4.2vw;
    border: 1vw solid black;
    left: 36.7vw;
    cursor: pointer;
    
}
.btn-register:hover{
    transform: scale(1.1);
}

.doorprize{
    width: 100%;
    background-image: url(../image/bg-doorprize.png);
    background-position: center;
    background-size: cover;
    position: relative;
    height: 44.6vw;
}
.main-doorprize{
    position: absolute;
    left: 49.7%;
    transform: translateX(-50%);
    top: 8vw;
}
.main-doorprize img{
    width: 49vw;
}
.heading-doorprize{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 4vw;
}
.heading-doorprize h1{
    font-size: 3vw;
}
.heading-main-doorprize{
    background-color: #DDBA82;
    width: max-content;
    padding: .7vw 6vw;
    border-radius: 100vw;
    position: absolute;
    bottom: 1vw;
    left: 10.8vw;
}
.heading-main-doorprize span{
    color: black;
    font-size: 1.8vw;
    font-weight: 600;
}
.left-doorprize{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
    gap:3vw;
    position: absolute;
    left: 6vw;
    top: 6vw;
}
.left-doorprize img{
    width: 20.6vw;
}
.right-doorprize{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
    gap:3vw;
    position: absolute;
    right: 6vw;
    top: 2.9vw;
}
.right-doorprize img{
    width: 20.6vw;
}
.promo-doorprize{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3vw;
    font-size: 2vw;
}

.heading-repack{
    width: 100%;
    padding: 3vw 0;
    border-bottom: .2vw solid #DDBA82;
    padding-left: 6vw;
    padding-top: 3.2vw;
}
.heading-repack h1{
    font-size: 1.8vw;
    font-weight: 600;
}
.repack-layout{
    width: 100%;
    position: relative;
    height: 57vw;
}
.repack-1-image{
    width: 42vw;
    position: absolute;
    left: 4.4vw;
    top: 2vw;
}
.repack-2-image{
    width: 39vw;
    position: absolute;
    right: 6vw;
    top: 2vw;
}
.repack-3-image{
    width: 27vw;
    position: absolute;
    left: 5.3vw;
    bottom: 4vw;
}
.repack-4-image{
    width: 27vw;
    position: absolute;
    right: 5.3vw;
    bottom: 4vw;
}
.btn-register-repack{
    border: none;
    bottom: 11vw;
    left: 38vw;
}
.repack-decoration-left{
    width: 6vw;
    position: absolute;
    left: 34vw;
    bottom: 15vw;
}
.repack-decoration-right{
    width: 4vw;
    position: absolute;
    right: 34vw;
    bottom: 15vw;
}
.section_6{
    width: 100%;
    background-image: url(../image/bg_cream.webp);
    background-position: center;
    background-size: cover;
    padding: 3.3vw 15vw;
    margin-top: -.8vw;
}
.gallery-layout{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2vw;
    grid-gap: 2vw;
}
.gallery_box{
    width: 100%;
    height: 18vw;
    position: relative;
    overflow: hidden;
    border-radius: .8vw;
}
.gallery_box img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.gallery-layout img{
    width: 100%;
    border-radius: .8vw;
}

.contact-us{
    width: 100%;
    background-image: url(../image/bg-banner.webp);
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 5vw 15vw;
    margin-top: -.9vw;
}
.heading-contact{
    text-align: center;
    margin-bottom: 3vw;
}
.heading-contact h1{
    color: #DDBA82;
    font-size: 3vw;
    font-weight: 400;
}

.social-media-contact{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.6vw;
    margin-bottom: 2.9vw;
}
.social-media-contact button{
    width: 100%;
    font-size: 1.8vw;
    padding: .7vw 1.4vw;
    padding-top: .4vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .7vw;
    border-radius: 1vw;
    border: .2vw solid #DDBA82;
    outline: none;
    cursor: pointer;
    font-family: futuralBook;
    background-color: transparent;
    color: white;
}
.social-media-contact button iconify-icon{
    font-size: 2.1vw;
    margin-bottom: -.16vw;
}
.contact-us iframe{
    width: 100%;
    height: 28vw;
    border-radius: 2vw;
}

.whatsapp-color{
    background: #25D366;
    color: #075E54;
}
.instagram-color{
    background: linear-gradient(115deg, rgb(249, 206, 52), rgb(238, 42, 123), rgb(98, 40, 215));
    color: white;
}
.facebook-color{
    background: #3B5998;
    color: white;
}

.decoration-contact-left{
    position: absolute;
    left: 2.7vw;
    top: 4.8vw;
    width: 8vw;
}
.decoration-contact-right{
    position: absolute;
    right: 3vw;
    top: 5vw;
    width: 9vw;
}

.sponsor{
    width: 100%;
    padding: 3vw;
    background-image: url(../image/bg-banner.webp);
    background-position: center;
    background-size: cover;
}
.main-sponsor{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.main-sponsor-layout{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.8vw;
    margin: auto;
    margin-bottom: 1.4vw;
    width:80%;
}
.main-sponsor span{
    font-size: 2.3vw;
    margin-bottom: 1vw;
}
.main-sponsor-layout img{
    max-width: 16vw;
}
/*.main-sponsor-layout img:nth-child(2){*/
/*    width: 10vw;*/
/*}*/
/*.main-sponsor-layout img:nth-child(3){*/
/*    width: 9vw;*/
/*}*/
.support-by{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1.6vw;
    margin-bottom: -2vw;
}
.support-by span{
    font-size: 2.3vw;
    margin-bottom: .7vw;
}
.layout-support{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 1.4vw;
}
.layout-support img{
    width: 9vw;
    filter: brightness(0) invert(1);
}
.layout-support img:nth-child(2){
    width: 13vw;
    filter: inherit;
}

.double-support{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 60%;
    margin: auto;
    margin-top: 3.6vw;
}
.double-support-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.double-support-box span{
    font-size: 2.3vw;
    font-family: futuralMedium;
    margin-bottom: .7vw;
    color: white;
}
.support-by span{
font-size: 2.3vw;
    font-family: futuralMedium;
    margin-bottom: .7vw;
    color: white;
}
.double-support-box img{
    width: 8vw;
    filter: brightness(0) invert(1);
}

.footer{
    text-align: center;
    background-color: #DDBA82;
    padding: .7vw 0;
}
.footer span{
    font-size: 1.1vw;
    color: #212121;
    font-family: futuralMedium;
    font-weight: 600;
}
.heading_section{
    text-align: center;
    margin-bottom: 1.9vw;
}
.heading_section h2{
    font-size: 3.2vw;
    font-family: futuralHeavy;
    color: #212121;
    text-transform: uppercase;
}
.heading_section_white h2{
    color: white;
}
.section_2{
    width: 100%;
    background-image: url(../image/bg_cream.webp);
    background-position: center;
    background-size: cover;
    padding: 2.9vw 15vw;
    padding-bottom: 1.3vw;
}
.section_2_layout{
    width: 100%;
}
.section_2_box{
    border: .2vw solid #212121;
    border-radius: .93vw;
    padding: .56vw;
    text-align: center;
    position: relative;
    padding-bottom: .9vw;
    width: 60%;
    margin: auto;
    display: block;
}
.section_2_box button{
    font-size: 1.6vw;
    font-family: futuralMedium;
    border-radius: 100vw;
    margin-top: .4vw;
    padding: .64vw 1.6vw;
    border: .12vw solid #212121;
    outline: none;
    color: #212121;
    background-color: transparent;
    text-transform: uppercase;
    transition: .3s all;
}
.section_2_box button:hover{
    background-color: #212121;
    color: #fff;
}
.limited{
    position: absolute;
    left: -1vw;
    top: -1vw;
    width: 7vw;
}
.heading_box{
    background-color: #212121;
    border-radius: .47vw;
    padding: .4vw 0;
    margin-bottom: .45vw;
}
.heading_box h3{
    color: white;
    font-size: 3.2vw;
    font-family: futuralHeavy;
}
.section_2_box h5{
    color:#212121;
    font-size: 2.4vw;
    font-family: futuralHeavy;
    padding-bottom: .34vw;
}

.section_3{
    width: 100%;
    background-image: url(../image/bg_cream.webp);
    background-position: center;
    background-size: cover;
    padding: 2.6vw 15vw;
    padding-bottom: 5vw !important;
}
.section_3_layout{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.8vw;
}
.section_3_layout_reward{
    grid-template-columns: repeat(3, 1fr);
}
.section_3_box{
    width: 100%;
    height: 15.6vw;
    position: relative;
    border: .2vw solid #212121;
    border-radius: .93vw;
}
.section_3_box img{
    position: absolute;
    left: 0;
    top: 0;
    object-position: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s all;
}
.section_3_box:hover img{
    transform: scale(1.07);
}

.section_4{
    width: 100%;
    background-image: url(../image/bg_cream.webp);
    background-position: center;
    background-size: cover;
    padding: 2.6vw 15vw;
    margin-top: -.7vw;
}
.section_4_box{
    width: 100%;
    position: relative;
    border: .2vw solid #212121;
    border-radius: .93vw;
    padding: .56vw;
    text-align: center;
}
.section_4_box h3{
    font-size: 6.4vw;
    font-family: futuralBold;
    color: #212121;
    margin-top: -.9vw;
    margin-bottom: -.7vw;
}
.heading_box_4{
    background-color: #212121;
    border-radius: .5vw;
    padding: .4vw 0;
    padding-bottom: .8vw;
    margin-top: .45vw;
}
.heading_box_4 h5{
    color: white;
    font-family:futuralMedium;
    font-size: 2.1vw;
    margin-bottom: .2vw;
}
.heading_box_4 p{
    color: white;
    font-size: 1vw;
    font-family: futuralBook;
}

.section_5{
    width: 100%;
    background-image: url(../image/bg_cream.webp);
    background-position: center;
    background-size: cover;
    padding: 2.9vw 15vw;
    padding-bottom: 3vw;
}
.section_5_layout{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.5vw;
}
.section_5_box{
    border: .2vw solid #212121;
    border-radius: .93vw;
    width: 100%;
    height: 16vw;
    position: relative;
    padding:1vw;
    display: grid;
    grid-template-columns:55% 45%;
    text-align: center;
    align-items: end;
    padding-bottom: 4vw;
}
.section_5_text span{
    font-size: 4vw;
    font-family: futuralHeavy;
}
.section_5_text h4{
    font-family: futuralLight;
    font-size: 2.7vw;
    color: #212121;
    line-height: 1.3;
}
.motor-prize{
    position: absolute;
    left: -4vw;
    width: 22vw;
    bottom: -1.7vw;
}
.elektronik-prize{
    position: absolute;
    left: -2vw;
    width: 21vw;
    bottom: 0vw;
}

@media (max-width:768px) {
    .banner{
        height: 190vw;
    }
    .medal-1{
        width: 80.5vw;
        left: -42vw;
    }
    .medal-2 {
        width: 80.5vw;
        right: -42vw;
    }
    .run-logo{
        width: 65vw;
        position: absolute;
        left: 18vw;
        top: 75vw;
    }
    .man-logo {
        width: 37.3vw;
        left: 32.8vw;
        top: 56.7vw;
    }
    .el-logo{
        left: 17.8vw;
        width: 28.6vw;
        top: 51vw;
    }
    .el-logo-main {
        width: 23vw;
        top: 11vw;
        right: 40vw;
        border: .4vw solid #DDBA82;
    }
    .banner-quote-1{
        left: 20vw;
        top: 30vw;
        transform: rotate(30deg) !important;
        width: 13vw;
        display: none;
    }
    .banner-quote-2{
        width: 13vw;
        transform: rotate(-20deg) !important;
        right: 18vw;
        top: 38vw;
        display: none;
    }
    .jauh-logo {
        width: 65vw;
        position: absolute;
        left: 17.9vw;
        bottom: 78vw;
    }
    .price-banner{
        bottom: 63vw;
        left: 24.7vw;
        font-size:6vw;
        width: max-content;
        letter-spacing: .13vw;
    }
    .btn-register {
        position: absolute;
        bottom: 54vw;
        padding: 2vw 7vw;
        border-radius: 100vw;
        left: 27.4vw;
        font-size: 4vw;
    }
    .text-banner{
        font-size: 4.7vw;
    }
    .route-banner {
        bottom: 18vw;
        left: 15.9vw;
        top: inherit;
    }
    .date-banner {
        right: 15.6vw;
        top: inherit;
        bottom: 7vw;
    }

    .mc{
        width: 100.2%;
        height: 185vw;
        margin-top: -1vw;
        padding: 7vw 0;
        padding-top: 13vw;
        transform: translateY(-3.4vw);
    }
    .heading-mc h1{
        font-size: 7vw;
    }
    .mc-layout{
        align-items: center;
        flex-direction: column;
        width: 80%;
        margin: auto;
        gap: 3vw;
        justify-content: center;
    }
    .mc-layout img{
        max-width: 65vw;
        max-height: 65vw;
    }
    .btn-register-relative{
        padding: 2vw 6vw;
        font-size: 5vw;
        margin-top: 6vw;
        transition: .1s all;
    }
    .video-gallery{
        margin-top: -8.6vw;
        height: 50vw;
    }
    .video-second{
        height: 48vw;
        width: 85vw;
        margin-top: 14vw;
        border-radius: 2.3vw;
    }

    .standing-section{
        margin-top: 26vw;
        padding-bottom: 18VW;
    }
    .standing-section img{
        width: 90%;
    }
    .standing-section .btn-register{
        bottom: 4.2vw;
        border: 2vw solid black;
        left: 24vw;
        cursor: pointer;
        
    }
    .standing-decoration-left{
        position: absolute;
        left: 7vw;
        width: 9vw;
        bottom: -30vw;
    }
    .standing-decoration-right{
        right: 7vw;
        width: 11vw;
        bottom: -34vw;
    }

    .doorprize{
        height: 176vw;
    }
    .heading-doorprize h1{
        font-size: 7vw;
        width: max-content;
    }
    .heading-doorprize{
        top: 8vw;
    }
    .main-doorprize{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 58vw;
    }
    .main-doorprize img{
        width: 89vw;
    }
    .left-doorprize{
        flex-direction: row;
        gap:3vw;
        left: 6vw;
        top: 22vw;
    }
    .left-doorprize img{
        width: 42vw;
    }
    .right-doorprize{
        flex-direction: row;
        top: 115vw;
    }
    .right-doorprize img{
        width: 42vw;
    }
    .promo-doorprize{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 6vw;
        width: 70%;
        font-size: 6vw;
        text-align: center;
    }

    .heading-repack{
        padding: 6vw 0;
        padding-left: 6vw;
        padding-top: 6vw;
    }
    .heading-repack h1{
        font-size: 6vw;
    }
    .repack-layout{
        height: max-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 7vw 0;
        gap: 8vw;
    }
    .repack-1-image{
        width: 82vw;
        display: block;
        margin: auto;
        position: relative;
        left: inherit;
        top: inherit;
    }
    .repack-2-image{
        width: 80vw;
        position: relative;
        right: inherit;
        top: inherit;
    }
    .repack-3-image{
        width: 70vw;
        position: relative;
        left: inherit;
        bottom: inherit;
    }
    .repack-4-image{
        width: 70vw;
        position: relative;
        right: inherit;
        bottom: inherit;
    }
    .btn-register-repack{
        border: none;
        bottom: inherit;
        left: inherit;
        margin-top: 3vw;
        position: relative;
    }
    .repack-decoration-right{
        width: 7vw;
        position: absolute;
        right: 17vw;
        bottom: 15vw;
    }
    .repack-decoration-left{
        width: 9vw;
        left: 18vw;
    }

    .contact-us{
        padding:5vw 8vw;
    }
    .heading-contact{
        margin-bottom: 7.5vw;
    }
    .heading-contact h1{
        font-size: 8vw;
    }

    .social-media-contact{
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 4vw;
        margin-bottom: 7vw;
    }
    .social-media-contact button {
        font-size: 6vw;
        padding: 2vw;
        gap: 2vw;
    }
    .contact-us iframe{
        height: 80vw;
    }
    .decoration-contact-left {
        width: 13vw;
    }
    .decoration-contact-right {
        width: 16vw;
    }
    .swiper-slide img{
        width: 100%;
    }
    .gallery-layout{
        margin-top: 3.3vw;
    }

    .sponsor{
        padding: 9vw 5vw;
    }
    .main-sponsor {
        margin-bottom: 6vw;
    }
    .main-sponsor span {
        font-size: 6vw;
        margin-bottom: 5vw;
    }
    .main-sponsor img:nth-child(2){
        width: 50vw;
    }
    .main-sponsor img:nth-child(3) {
        width: 20vw;
    }
    .support-by span{
        font-size: 6vw;
        margin-bottom: 4vw;
    }
    .layout-support {
        width: 95%;
        grid-gap: 3vw;
    }
    .layout-support img {
        width: 7.5vw;
        height: 7.5vw;
    }
    .double-support {
        width: 95%;
        margin-top: 7vw;
    }
    .double-support-box span{
        font-size: 5vw;
        margin-bottom: 3vw;
    }
    .double-support-box img {
        width: 20vw;
    }

    .footer{
        padding: 3vw 0;
    }
    .footer span {
        font-size: 4vw;
    }

    .section_2 {
        padding: 15.9vw 7vw;
        padding-bottom: 10.3vw;
    }
    .heading_section {
        margin-bottom: 6vw;
    }
    .heading_section h2 {
        font-size: 7.2vw;
    }
    .heading_section_short h2{
        font-size:6.7vw;
    }
    .section_2_layout {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 5.5vw;
    }
    .section_2_box {
        border-radius: 2.5vw;
        padding: 2vw;
        padding-bottom: 3.2vw;
        width: 100%;
    }
.section_2_box button{
    font-size: 3.9vw;
    font-family: futuralMedium;
    border-radius: 100vw;
    margin-top: .5vw;
    padding: 1.2vw 3.3vw;
    border: .12vw solid #212121;
    outline: none;
    color: #212121;
    background-color: transparent;
    text-transform: uppercase;
}
    .heading_box {
        border-radius: 1.8vw;
        padding: 3.4vw 0;
        margin-bottom: 2.6vw;
    }
    .heading_box h3 {
        font-size: 7.2vw;
    }
    .section_2_box h5 {
        font-size: 5.4vw;
        padding-bottom: 1vw;
    }
    .limited {
        left: -3vw;
        top: -3.5vw;
        width: 22vw;
    }
    .section_3 {
        padding: 3.6vw 7vw;
        margin-top: -.6vw;
        padding-bottom: 13vw !important;
        background-size:contain;
        background-repeat: repeat-y;
    }
    .section_3_layout {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 5vw;
    }
    .section_3_box {
        height: 76vw;
        border-radius: 2.93vw;
    }
    .section_4 {
        padding: 12.6vw 7vw;
        background-size:contain;
        background-repeat: repeat-y;
        margin-top: -1.7vw;
    }
    .section_4_box h3 {
        font-size: 21.4vw;
        margin-top: -1.9vw;
        margin-bottom: -1.7vw;
    }
    .section_4_box {
        border-radius: 2.93vw;
        padding: 2.5vw;
    }
    .heading_box_4 h5 {
        font-size: 7.1vw;
        margin-bottom: 1vw;
    }
    .heading_box_4 p {
        font-size: 4vw;
    }
    .heading_box_4 {
        border-radius: 2.5vw;
        padding: .4vw 0;
        padding-bottom: 3.2vw;
        margin-top: 1.45vw;
    }
    .section_5 {
        padding: 5.9vw 7vw;
        margin-top: -.7vw;
        padding-bottom: 18vw;
    }
    .section_5_layout {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 5vw;
    }
    .section_5_box {
        border: .2vw solid #212121;
        border-radius: 2.93vw;
        width: 100%;
        height: 47vw;
        padding: 3vw;
        padding-bottom: 16vw;
    }
    .section_5_text h4 {
        font-size: 6.7vw;
    }
    .section_5_text span {
        font-size: 11vw;
    }
    .motor-prize {
        left: -13vw;
        width: 57vw;
        bottom: -1.7vw;
    }
    .elektronik-prize {
        left: -10vw;
        width: 60vw;
        bottom: 0vw;
    }
    .video-gallery {
        position: relative;
        margin-top: -13.6vw;
        height: 40vw;
        padding: 0.9vw 7vw;
        padding-top: 0;
        background-size:cover;
        background-repeat: repeat-y;
    }
    .video-second {
        height: 48vw;
        width: 100%;
        margin-top: 15vw;
        border-radius: 3.3vw;
    }
        .contact-us {
        padding: 9vw;
        padding-bottom: 16vw;
    }
    .social-media-contact button iconify-icon {
        font-size: 8.1vw;
        margin-bottom: -.16vw;
    }
    .social-media-contact button {
        font-size: 6vw;
        padding: 2vw 4vw;
        gap: 3vw;
        border-radius: 4vw;
    }
    .section_6 {
        padding: 15.9vw 7vw;
        padding-bottom: 19vw;
    }
    .gallery-layout {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 7.3vw;
        grid-gap: 6vw;
    }
    .gallery-layout img {
        border-radius: 2.8vw;
    }
    .gallery_box {
        height: 64vw;
        border-radius: 2.8vw;
    }
    .sponsor {
        padding: 14vw 5vw;
    }
    .main-sponsor img:nth-child(2) {
        width: 30vw;
    }
    .main-sponsor-layout img:nth-child(1) {
        width: 30vw;
    }
    .main-sponsor img:nth-child(3) {
        width: 24vw;
    }
    .layout-support img {
        width: 13.5vw;
        height: inherit;
    }
    .layout-support img:nth-child(2) {
        width: 29vw;
    }
    .main-sponsor-layout{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.8vw;
    margin: auto;
     gap: 2.8vw;
        margin-bottom: 4.4vw;
    width:100%;
}
    .support-by {
        margin-top: 1.6vw;
        margin-bottom: 2vw;
    }
    .double-support {
        width: 95%;
        margin-top: 10vw;
    }
}