@media(max-width: 500px){
#first{
    height: 1178px;
}
header{
    position: absolute;
    left: 4.19%;
    top: 1.27%;
    width: 91.86%;
    height: 6.79%;
    background-color: black;
    border-radius: 29px;

    display: flex;
    align-items: center;
}
#first_h1_1{
    position: relative;
    padding-left: 7.34%;
    font-size: 24px;
    color: white;
}
#first_h1_1_second{
    position: relative;
    padding-left: 0;
    font-size: 24px;
    color: #C9FF43;
    font-family: unbounded;
}
#menu {
    opacity: 1;
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    width: 21px;
    height: 22px;
    padding: 0;
    margin: 0;
    z-index: 10;
}
#first_p1{
    position: absolute;
    padding-left: 7.34%;
}
.menu_show{
    opacity: 0;
    position: relative;
    padding-left: 12%;
    padding-top: 46px;
    font-family: manrope;
    font-size: 15px;
    color: white;
}
#first_btn1{
opacity: 0;
}
#first_h1_2{
    position: absolute;
    left: 6.98%;
    top: 10.19%;
    font-size: 15px;
    font-family: manrope;
    color: #C9FF43;
}
#first_h1_3{
    position: absolute;
    left: 6.98%;
    top: 14.43%;
    font-size: 36px;
    font-family: unbounded;
    color: white;
    width: 200px;
}
#first_h1_4{
    position: absolute;
    left: 6.98%;
    top: 25.72%;
    font-size: 36px;
    font-family: unbounded;
    color: #C9FF43;
    width: 194px;
}
#first_p5{
    position: absolute;
    left: 6.98%;
    top: 34.3%;
    color: white;
    font-size: 16px;
    color: white;
    width: 343px;
}
.first_btns{
    position: absolute;
    top: 46.43%;
    height: 4.5%;
    border-radius: 28px;
}
#first_btn2{
    left: 6.98%;
    width: 44.37%;
    background-color: #C9FF43;
}
#first_btn3{
    left: 58.14%;
    width: 31.43%;
    background-color: transparent;
    border-color: black;
    color: white;
}
#first_h1_5, #first_h1_6, #first_h1_7{
    position: absolute;
    top: 53.82%;
    font-size: 16px;
    color: white;
    font-family: manrope;
}
#first_h1_5{
    left: 6.98%;
}
#first_h1_6{
    left: 41.4%;
}
#first_h1_7{
    left: 76.28%;
}
#first_p6, #first_p7, #first_p8{
    position: absolute;
    top: 57.22%;
    font-size: 12px;
    color: white;
    font-family: manrope;
}
#first_p6{
    left: 6.98%;
    width: 114px;
}
#first_p7{
    left: 41.4%;
    width: 73px;
}
#first_p8{
    left: 76.28%;
    width: 72px;
}
#first_elem1{
    position: absolute;
    left: 11.86%;
    top: 61.46%;
    width: 76.74%;
    height: 37.27%;
    background-color: #d9d9d9;
    border-radius: 160px 160px 30px 30px;
}
#first_elem1_1{
    position: absolute;
    left: 5.74%;
    top: 65.65%;
    width: 27.1%;
    height: 4.22%;
    border-radius: 25px;
    background-color: #171A1E;
    transform: rotate(-20deg);
    color: transparent;
}
#first_elem1_2{
    position: absolute;
    left: 65%;
    top: 91.32%;
    width: 27.1%;
    height: 4.22%;
    border-radius: 25px;
    background-color: #171A1E;
    transform: rotate(20deg);
    color: transparent;
}
#second{
    position: relative;
    width: 100%;
    height: 195px;
    background-color: #0E0F10;
}
#third{
    position: relative;
    width: 100%;
    height: 1404px;
    background-color: #0E0F10;
}
#third_h1_1{
    position: absolute;
    left: 6.985%;
    top: 1.07%;
    font-size: 14px;
    font-family: unbounded;
    color: #C9FF43;
}
#third_h1_2{
    position: absolute;
    left: 6.98%;
    top: 3.85%;
    font-size: 36px;
    font-family: unbounded;
    color: white;
    width: 354px;
}
#third_elem1{
    position: absolute;
    left: 6.98%;
    top: 15.17%;
    width: 86.05%;
    height: 42.52%;
    border-radius: 33px;
}
#third_elem1 h1{
    padding-left: 8.11%;
    font-size: 16px;
    width: 310px;
    line-height: 1.75;
}
#third_elem2{
    position: absolute;
    left: 6.98%;
    top: 59.4%;
    width: 86.05%;
    height: 39.53%;
    border-radius: 33px;
}
#third_h1_4{
    font-size: 12px;
}
#third_h1_5{
    font-size: 28px;
}
.third_elem2_h1{
    font-size: 16px;
    width: 310px;
}
#fourth{
    position: relative;
    width: 100%;
    height: 5814px;
    background-color: #0E0F10;
}
#fourth_h1_1{
    position: absolute;
    left: 6.98%;
    top: 0.26%;
    font-family: unbounded;
    font-size: 12px;
    color: #C9FF43;
}
#fourth_h1_2{
    position: absolute;
    left: 6.98%;
    top: 0.86%;
    font-family: unbounded;
    font-size: 36px;
    color: white;
    width: 385px;
}
#fourth_p1{
    position: absolute;
    left: 6.98%;
    top: 3.51%;
    font-family: manrope;
    font-size: 16px;
    color: white;
    width: 385px;
}
.fourth_elems_odd{
    position: absolute;
    left: 6.98%;
    width: 86.05%;
    height: 11.71%;
    border-radius: 33px 33px 0px 0px;
}
#fourth_elem1{
    top: 4.95%;
}
#fourth_elem3{
    top: 23.98%;
}
#fourth_elem5{
    top: 43%;
}
#fourth_elem7{
    top: 62.02%;
}
#fourth_elem9{
    top: 81.05%;
}
.fourth_elems_even{
    left: 6.98%;
    width: 86.05%;
    height: 6.98%;
    border-radius: 0px 0px 33px 33px;
}
#fourth_elem2{
    top: 16.67%;
}
#fourth_elem4{
    top: 35.69%;
}
#fourth_elem6{
    top: 54.71%;
}
#fourth_elem8{
    top: 73.74%;
}
#fourth_elem10{
    top: 92.76%;
}
.elems_even_p1{
    position: absolute;
    left: 8.11%;
    top: 12.07%;
    font-family: manrope;
    font-size: 13px;
}
.elems_even_h1{
    position: absolute;
    left: 20.66%;
    top: 22.17%;
    font-family: unbounded;
    font-size: 36px;
    width: 263px;
}
.elems_even_p2{
    position: absolute;
    left: 8.11%;
    top: 47.78%;
    font-family: manrope;
    font-size: 16px;
    width: 310px;
}
.elems_even_p3{
    position: absolute;
    left: 8.11%;
    top: 1.23%;
    font-family: manrope;
    font-size: 16px;
    color: #C9FF43;
}
.elems_even_btns{
    position: relative;
    top: 89.16%;
    height: 9.6%;
    border-radius: 19.5px;
    background-color: transparent;
    border-color: black;
    padding-left: 8px;
    color: white;
}
#elems_even1_1, #elems_even2_1, #elems_even3_1, #elems_even4_1, #elems_even5_1{
    margin-left: 8.11%;
}
#elems_even1_1{
    width: 16.76%;
}
#elems_even1_2{
    width: 15.14%;
}
#elems_even1_3{
    width: 24.05%;
}
#elems_even2_4{
    width: 21.62%;
}
#elems_even2_1{
    width: 16.76%;
}
#elems_even2_2{
    width: 15.14%;
}
#elems_even2_3{
    width: 21.62%;
}
#elems_even1_4{
    width: 21.62%;
}
#elems_even3_1{
    width: 16.76%;
}
#elems_even3_2{
    width: 15.14%;
}
#elems_even3_3{
    width: 21.62%;
}
#elems_even3_4{
    width: 21.62%;
}
#elems_even4_1{
    width: 16.76%;
}
#elems_even4_2{
    width: 15.14%;
}
#elems_even4_3{
    width: 21.62%;
}
#elems_even4_4{
    width: 21.62%;
}
#elems_even5_1{
    width: 16.76%;
}
#elems_even5_2{
    width: 15.14%;
}
#elems_even5_3{
    width: 24.05%;
}
#elems_even5_4{
    width: 21.62%;
}
#fivth{
    position: relative;
    width: 100%;
    height: 1373px;
    background-color: #0E0F10;
}
#fivth_h1_1{
    position: absolute;
    left: 6.98%;
    top: 1.09%;
    font-size: 12px;
    font-family: unbounded;
    color: #C9FF43;
}
#fivth_h1_2{
    position: absolute;
    left: 6.98%;
    top: 3.79%;
    font-size: 36px;
    font-family: unbounded;
    color: white;
    width: 324px;
}
.fivth_elems{
    position: absolute;
    width: 86.05%;
    height: 26.73%;
    border-radius: 32px;
    background-color: #17181C;
}
#fivth_elem1{
    left: 6.98%;
    top: 15.37%;
}
#fivth_elem2{
    left: 6.98%;
    top: 43.77%;
}
#fivth_elem3{
    left: 6.98%;
    top: 72.18%;
}
.fivth_elems_h3{
    position: absolute;
    left: 8.27%;
    top: 7.79%;
    font-size: 12px;
    font-family: unbounded;
    color: #C9FF43;
}
.fivth_elems_h1{
    position: absolute;
    left: 8.27%;
    top: 26.43%;
    font-size: 27px;
    font-family: unbounded;
    width: 215px;
    color: white;
}
.fivth_elems_p{
    position: absolute;
    left: 8.27%;
    top: 46%;
    font-size: 18px;
    font-family: manrope;
    width: 332px;
    color: white;
}
#sixth{
    position: relative;
    width: 100%;
    height: 851px;
    background-color: #0E0F10;
}
#sixth_h1_1{
    position: absolute;
    left: 6.98%;
    top: 1.76%;
    font-size: 12px;
    font-family: unbounded;
    color: #C9FF43;
}
#sixth_h1_2{
    position: absolute;
    left: 6.98%;
    top: 5.99%;
    font-size: 36px;
    font-family: unbounded;
    color: white;
    width: 331px;
}
.sixth_all_h3{
    position: absolute;
    left: 6.98%;
    font-size: 12px;
    font-family: unbounded;
    color: #C9FF43;
}
#sixth_all_h3_1{
    top: 22.91%;
}
#sixth_all_h3_2{
    top: 35.72%;
}
#sixth_all_h3_3{
    top: 49%;
}
#sixth_all_h3_4{
    top: 62.63%;
}
#sixth_all_h3_5{
    top: 74.5%;
}
#sixth_all_h3_6{
    top: 87.54%;
}
.sixth_all_h1{
    position: absolute;
    left: 28.6%;
    font-size: 20px;
    font-family: unbounded;
    color: white;
}
#sixth_all_h1_1{
    top: 22.91%;
}
#sixth_all_h1_2{
    top: 35.72%;
}
#sixth_all_h1_3{
    top: 49%;
}
#sixth_all_h1_4{
    top: 62.63%;
}
#sixth_all_h1_5{
    top: 74.5%;
}
#sixth_all_h1_6{
    top: 87.54%;
}
.sixth_all_p{
    position: absolute;
    left: 6.98%;
    font-size: 14px;
    font-family: manrope;
    color: white;
    width: 330px;
}
#sixth_all_p1{
    top: 27.97%;
}
#sixth_all_p2{
    top: 40.89%;
}
#sixth_all_p3{
    top: 54.52%;
}
#sixth_all_p4{
    top: 67.21%;
}
#sixth_all_p5{
    top: 79.79%;
}
#sixth_all_p6{
    top: 92.95%;
}
#seventh{
    position: relative;
    width: 100%;
    height: 1496px;
    background-color: #0E0F10;
}
#seventh_h1_1{
    position: absolute;
    left: 6.98%;
    top: 1%;
    font-size: 12px;
    font-family: unbounded;
    color: #C9FF43;
}
#seventh_h1_2{
    position: absolute;
    left: 6.98%;
    top: 3.68%;
    font-size: 36px;
    font-family: unbounded;
    color: white;
    width: 289px;
}
.seventh_elems{
    position: absolute;
    width: 86.04%;
    height: 19.79%;
    background-color: #17181C;
    border-radius: 34px;
    color: white;
}
#seventh_elem1{
    left: 6.98%;
    top: 12.23%;
}
#seventh_elem2{
    left: 6.98%;
    top: 34.56%;
}
#seventh_elem3{
    left: 6.98%;
    top: 56.89%;
}
#seventh_elem4{
    left: 6.98%;
    top: 79.21%;
}
.sevent_elems_h3{
    position: absolute;
    left: 5.91%;
    top: 16.67%;
    font-size: 12px;
    font-family: unbounded;
    color: #C9FF43;
}
.sevent_elems_h1{
    position: absolute;
    left: 5.91%;
    top: 47.52%;
    font-size: 25px;
    font-family: unbounded;
}
.sevent_elems_p{
    position: absolute;
    left: 5.91%;
    top: 66.67%;
    font-size: 16px;
    width: 310px;
}
#eight{
    position: relative;
    width: 100%;
    height: 1477px;
    background-color: #0E0F10;
}
#eight_h1_1{
    position: absolute;
    left: 6.98%;
    top: 1.02%;
    font-size: 12px;
    font-family: unbounded;
    color: #C9FF43;
}
#eight_h1_2{
    position: absolute;
    left: 6.98%;
    top: 3.52%;
    font-size: 36px;
    font-family: unbounded;
    color: white;
}
.eight_elems{
    position: absolute;
    left: 6.98%;    
    width: 86.04%;
    height: 13.54%;
    background-color: #16171B;
    border-radius: 31px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
#eight_elem1{
    left: 6.98%;
    top: 11.31%;
}
#eight_elem2{
    left: 6.98%;
    top: 25.59%;
}
#eight_elem3{
    left: 6.98%;
    top: 40.56%;
}
#eight_elem4{
    left: 6.98%;
    top: 55.52%;
}
#eight_elem5{
    left: 6.98%;
    top: 70.48%;
}
#eight_elem6{
    left: 6.98%;
    top: 85.44%;
}
.eight_elems_content{
    position: relative;
    width: auto;
    padding-top: 15%;
    height: 47.5%;
}
.elem_img_rectangle{
    width: 40px;
    height: 56px;
}
.elem_img_square{
    width: 56px;
    height: 56px;
}
.eight_elems_content p{
    color: white;
    text-align: center;
}
#ninth{
    position: relative;
    width: 100%;
    height: 900px;
    background-color: #0E0F10;
}
#ninth_h1_1{
    position: absolute;
    left: 6.98%;
    top: 1.82%;
    font-size: 12px;
    font-family: unbounded;
    color: #C9FF43;
}
#ninth_h1_2{
    position: absolute;
    left: 6.98%;
    top: 6.55%;
    font-size: 36px;
    font-family: unbounded;
    color: white;
}
#ninth_text{
    position: absolute;
    left: 6.98%;
    top: 13.5%;
    color:white;
}
#ninth_text h1{
    padding-top: 13px;
    margin-top: 13px;
    font-size: 16px;
    font-family: unbounded;
    width: 310px;
}
#ninth_text p{
    padding-top: 13px;
    margin-top: 13px;
    font-size: 12px;
    font-family: unbounded;
    width: 310px;
}
#tenth{
    position: relative;
    width: 100%;
    height: 1137px;
    background-color: #0E0F10;
}
#tenth_h1_1{
    position: absolute;
    left: 6.98%;
    top: 1.32%;
    font-size: 12px;
    font-family: unbounded;
    color: #C9FF43;
}
#tenth_h1_2{
    position: absolute;
    left: 6.98%;
    top: 4.31%;
    font-size: 36px;
    font-family: unbounded;
    color: white;
    width: 300px;
}
#tenth_p1{
    position: absolute;
    left: 6.98%;
    top: 27.35%;
    font-size: 16px;
    font-family: manrope;
    color: white;
}
#tenth_p2{
    position: absolute;
    left: 6.98%;
    top: 34.39%;
    font-size: 18px;
}
#tenth_p3{
    position: absolute;
    left: 6.98%;
    top: 39.75%;
    font-size: 18px;
}
#tenth_p4{
    position: absolute;
    left: 6.98%;
    top: 45.12%;
    font-size: 18px;
}
#tenth_elem1{
    position: absolute;
    left: 6.98%;
    top: 50.48%;
    width: 86.04%;
    height: 43.62%;
}
#tenth_h1_3{
    position: absolute;
    left: 6.98%;
    top: 96.83%;
}
#tenth_h1_3_second{
    position: absolute;
    left: 13%;
    top: 96.83%;
}
#tenth_p5{
    position: absolute;
    left: 77.91%;
    top: 96.83%;
}
}