@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@400;600&display=swap');
@font-face {
    font-family: Uni Sans_Bold;
    src: url(./Uni_Sans/Uni_Sans_SemiBold.ttf);
}
@font-face{
    font-family: Uni Sans_Book;
    src: url(./Uni_Sans/Uni_Sans_Book.ttf);
}

*{
    margin: 0;
    padding: 0;
    
}
main{
    box-sizing: border-box;
    width:100%;
    text-transform: uppercase;
    color: #010000;
    margin: 0;
    padding: 0;
}
main .section_1{
    width: 100%;
    height: auto;
    margin: 0;
}

main .section_1 .logo{
    width: 50rem;
    height: auto;
    margin-top: 220px;
    margin-left: 9.2rem;
    margin-right: 6.875rem;
    
}

main .section_1 .logo img{
    width: auto;
    height: 122px;
    margin-bottom: 55px;
}

main .section_1 .logo h2 {
    font-family: Uni Sans_Book;
    font-size: 32px;
    letter-spacing: 1px;
    width: 50%;
    height: 40px;
    margin-bottom: 0;
}
main .section_1 .logo h1{
    font-family: Uni Sans_Bold;
    height: 110px;
    width: 50%;
    font-size: 93px;
    margin-top: -15px;


}

main .section_1 .img-section_1{
    width: 50%;
    height: 220px;
}

main .section_1 .img-section_1 img{
    width: 35rem;
    height: 720px;
    position: relative;
    left: 89%;
    bottom: 325px;
}

main .section_1 .inf-section_1 {
   width: 100%;
   height: 250px;
   background-color: #79242F;
   color: #ffff;
  
}

main .section_1 .inf-section_1 .flex-section_1{
    display: flex;

}

main .section_1 .inf-section_1 .flex-section_1 .icon{
    width: 10%;
    height: 126px;
    margin-left: 7.9rem;
    margin-top: 60px;
    
}

main .section_1 .inf-section_1 .flex-section_1 .icon img{
    width: 100%;
    height: 127px;
}

main .section_1 .inf-section_1 .flex-section_1 .text {
    margin-top: 85px;
    margin-left: 30px;
    width: 22.7%;
}
main .section_1 .inf-section_1 .flex-section_1 .text p:nth-child(1){
    font-size: 23px;
    height: 36px;
    font-family: Uni Sans_Bold;
    letter-spacing: 2px;
}

main .section_1 .inf-section_1 .flex-section_1 .text p:nth-child(2){
    font-size: 23px;
    font-family: Uni Sans_Book;
}

main .mobile-section_1{
    display: none;
}
main .section_2 {
    width: 100%;
    height: 899px;
    margin-bottom: 0;
}
main .section_2 .img-section_2 img{
    width: 100%;
    height: 900px;
}
main .mobile-section_2{
    display: none;
}
main .section_3{
    width: 100%;
    height: 537px;
    margin-bottom: 0;
    height: auto;
}

main .section_3 .flex-section_3{
    width: 100%;
    height: auto;
  
}
main .section_3 .flex-section_3 .text-section_3{
    width: 45%;
    margin-left: 14%;
    margin-top: 150px;
    color: #ffff;
    position: absolute;

}
main .section_3 .flex-section_3 .text-section_3 .icon-text{
    display: flex;
    justify-content: end;
    height: 130px;
    width: 425px;
}

main .section_3 .flex-section_3 .text-section_3 .icon-text img{
    margin-right: 58px;
}

main .section_3 .flex-section_3 .text-section_3 .icon-text .text{
    width: 320px;
    margin-top: 25px;
    margin-left: -25px;
}

main .section_3 .flex-section_3 .text-section_3 .icon-text .text p:nth-child(1){
    width: 100%;
    height: 32px;
    font-weight: 100;
    font-size: 23px;
    font-family: Uni Sans_Bold;
    letter-spacing: 2px;
}
main .section_3 .flex-section_3 .text-section_3 .icon-text .text p:nth-child(2){
    width: 340px;
    font-size: 23px;
    font-family: Uni Sans_Book;
}
main .section_3 .flex-section_3 .text-section_3 .icon-text:nth-child(1){
    margin-bottom: 36.04px;
}
main .section_3 .flex-section_3 .img-section_3{
    width: 100%;
}
main .section_3 .flex-section_3 .img-section_3 img{
    width: 100%;
    height: auto;
}

main .mobile-section_3{
    display: none;
}
main .section_4{
    width: 100%;
    height: 615px;
    color: #ffff;
    font-weight: 200;
    margin-top: -5px;
    border:none;
    
}
main .section_4 .text-section_4{
    width: 30%;
    height: 55px;
    position:absolute;
    top:162.3rem;
    left: 487px;
    padding-bottom: 7px;
    border-bottom: solid 2px #ffff;
}
main .section_4 .text-section_4 p{
    width: 226.9px;
    line-height: 29px;
    text-transform: none;
    font-size: 32px;
    font-family: Uni Sans_Book;
}
main .section_4 .img-section_4 img{
    width: 100%;
    height: auto;
}
main .mobile-section_4{
    display: none;
}
main .section_5{
    background-color: #636569;
    color: #ffff;
    width: 1344px;
    height: 590px;
    text-transform: none;
    font-size: 33px;
    font-weight: 200;
    margin-top: -3px;
}
main .section_5 .flex-section_5{
    height: 590px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
    margin-left: -90px;
    padding-left: 250.78px;


}
main .section_5 .flex-section_5 .column-1-section_5{
    width: 50%;
    height: 331.72px;
   
}
main .section_5 .flex-section_5 .column-1-section_5 img{
    width: 233px;
    height: 104px;
    box-sizing: border-box;
}

main .section_5 .flex-section_5 .column-1-section_5 p{
    font-family: Uni Sans_Book;
    font-size: 32px;
    margin-top: 35.58px;
    line-height: 40px;
    letter-spacing: 2px;
    width: 450px;
}
main .section_5 .flex-section_5 .column-2-section_5{
    width: 50%;
    height: 331.72px;
    margin-left: 50px;
   
}

main .section_5 .flex-section_5 .column-2-section_5 img{
    width: 100.05px;
    height: 100.05px;
}
main .section_5 .flex-section_5 .column-2-section_5 p{
    font-size: 32px;
    font-family: Uni Sans_Book;
    margin-top: 29px;
    line-height: 40px;
    letter-spacing: 2px;
    width: 450px;
}
main .mobile-section_5{
    display: none;
}
main .section_6{
    width: 100%;
    height: 755px;
    margin-bottom: 0;
    
}
main .section_6 .text-section_6{
    position: absolute;
    top: 3800px;
    left: 815px;
}
main .section_6 .text-section_6 p{
    width: 350px;
    height: 48px;
    font-size: 32px;
    font-family: Uni Sans_Book;
    text-transform: none;
    color: #636569;
}
main .section_6 .text-section_6 .icons-section_6{
    display: flex;
}
main .section_6 .text-section_6 .icons-section_6 img{
    width: 90.0px;
    height: 115.0px;
    margin-top: 55.48px;
}
main .section_6 .icons-section_6 img:nth-child(2) {
    margin-left: 30.12px;
    margin-right: 30.12px;
}

main .section_6 .img-section_6 img{
    width: 1344px;
    height: auto;
}

main .mobile-section_6{
    display: none;
}
main .section_7{
    background-color: #79242F;
    width: 1344px;
    height: 501px;
    text-align: right;
}
main .section_7 .text-section_7{
    position: absolute;
    top:4638px;
    left: 190px;
    border-bottom: 2px solid #ffff;
    text-align: left;;
    width: 500px;
}

main .section_7 .text-section_7 p{
    font-family: Uni Sans_Book;
    color: #ffff;
    font-size: 32px;
    font-weight: 200;
    text-transform: none;
    padding-bottom: 5px;
    letter-spacing: 2px;
}

main .section_7 .img-section_7 img{
    margin-top: 60px;
    margin-right: 60px;
}
main .mobile-section_7{
    display: none;
}


main .section_8 {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

main .section_8 .icon-section_8 {
    position: absolute;
    top: 5360px;
    left: 1000px;
}

main .section_8 .icon-section_8 img{
    width: 180px;
    height: 180px;
}

main .section_8 .img-section_8 img{
    width: 1344px;
}
main .mobile-section_8{
    display: none;
}
@media (min-width:1400px){ 
    main .section_1 .logo{
        margin-left: 17.5rem;
    }

    
    main .section_1 .img-section_1 img{
        bottom: 479px;
        left: 50.75rem;
        width:50rem;
        height: 950px;
    }
    main .section_1 .inf-section_1{
        width: 1900px;
    }

    main .section_1 .inf-section_1 .flex-section_1 .icon{
        margin-left: 16.5rem;
        width: 150px;
    }
    main .section_2{
        height: 1142px;
    }
    main .section_2 .img-section_2 img{
        width: 1900px;
        height: 1143px;
    }
    main .mobile-section_2{
        display: none;
    }
    main .section_3{
        height: 637px;
        
    }

    main .mobile-section_3{
        display: none;
    }
    main .section_3 .flex-section_3{
        width: 1900px;
        height: 638px;
    }

    main .section_3 .flex-section_3 .text-section_3 .icon-text{
        width: 700px;
    }

    main .section_3 .flex-section_3 .text-section_3 .icon-text .text{
        font-size: 28px;
        width: 757px;
        margin-top: 22px;
    }

    main .section_3 .flex-section_3 .img-section_3 img{
        width: 100%;
        height: auto;
    }
    main .mobile-section_3{
        display: none;
    }
    main .section_4{
        height: 909px;
    }
    
    main .section_4 .img-section_4 img{
        width: 1900px;
        height: 910px;

    }

    main .section_4 .text-section_4{
        top: 187.2rem;
        left: 818px;
    }
    main .section_4 .text-section_4{
        width: 451px;
        height: 66px;
    }
    main .section_4 .text-section_4 p{
        width: 235.5px;
        font-size: 32px;
        line-height: 33px;
    }
    main .mobile-section_4{
        display: none;
    }
    main .section_5{
        width: 1900px;
    }

    main .section_5 .flex-section_5{
        padding-left: 400.78px;
    }
    main .section_5 .flex-section_5 .column-2-section_5{
        margin-left: 190px;
    }

    main .section_6{
        height: 1079px;
    }
    main .section_6 .text-section_6{
        top: 4530px;
        left: 1215px;
        
    }

    main .section_6 .text-section_6 p{
        font-size: 42px;
        width: 500px;
    }

    main .section_6 .text-section_6 .icons-section_6 img{
        width:135px;
        height: 175.914px;
        margin-top: 62.48px;
    }

    main .section_6 .text-section_6 .icons-section_6 img:nth-child(2){
        margin-left: 13.12px;
        margin-right: 13.12px;
    }

    main .section_6 .img-section_6 img{
        width: 1900px;
        height: 1079px;
    }

    main .section_7{
        width: 1900px;
        height: 601px;
    }

    main .section_7 .img-section_7 img{
        margin-top: 160px;

    }

    main .section_7 .text-section_7{
        top:5655px;
        left: 570px;
        width: 680px;
    }
    main .section_7 .text-section_7 p{
        font-size: 32px;
    }

    main .section_8{
        height: 1006px;
    }

    main .section_8 .img-section_8 img{
        width: 1900px;
        height: 1007px;
    }

    main .section_8 .icon-section_8{
        top: 6690px;
        left: 1500px;
    }

}

@media (max-width:1000px){
    main .section_1,main .section_2, main .section_3, main .section_4,main .section_5,main .section_6, main .section_7,main .section_8 {
        display: none;
    }

    main .mobile-section_1, main .mobile-section_2, main .mobile-section_3, main .mobile-section_4, main .mobile-section_5, main .mobile-section_6, main .mobile-section_7, main .mobile-section_8{
        display: inline-block;
        width: 100%;
        height: auto;
        padding: 0;
        margin:0;
    }

    }
    main .mobile-section_1 .logo{
        position: absolute;
        margin-top: 62px;
        margin-left: 4rem;
        height: 100px;
    }

    main .mobile-section_1 .logo img{
        width: auto;
        height: 56.5338px;
        
    }

    main .mobile-section_1 .logo h1{
        letter-spacing: 1px;
        font-size:59px;
        font-family: Uni Sans_Bold;

    }

    main .mobile-section_1 .logo h2{
        width: 256px;
        margin-top: 62px;
        font-family: Uni Sans_Book;
        font-size: 22px;
    }
    main .mobile-section_1 .img-section_1{
        width: 100%;
        height:auto;
    }
    main .mobile-section_1 .img-section_1 img{
        max-width: 750px;
        height:auto;
        
    }
    main .mobile-section_1 .inf-section_1{
        height: 200.75px;
        position: absolute;
        top:400px;
        left: 4.0rem;

    }

    main .mobile-section_1 .inf-section_1 .flex-section_1{
        display: flex;
        justify-content: space-between;
        width: 255px;
        height: 82px;
        align-items: center;
        color: #ffff;
    }
    main .mobile-section_1 .inf-section_1 .flex-section_1 .icon img{
        width: 82px;
        height: 82px;
        margin-right: 24px;
    }

    main .mobile-section_1 .inf-section_1 .flex-section_1 .text p strong{
        font-family: Uni Sans_Bold;
        font-weight: 500;
        letter-spacing: 1px;
        font-size: 22px;
        
    }
    main .mobile-section_1 .inf-section_1 .flex-section_1 .text:nth-child(2) p{
        font-family: Uni Sans_Book;
        margin-bottom: 3px;
        font-size: 15px;
    }

    main .mobile-section_2 {
        margin-top: -9px;
    }
    main .mobile-section_2 .img-section_2{
        width: 100%;
    }
    main .mobile-section_2 .img-section_2 img{
        max-width: 750px;
        height: auto;
    }
    main .mobile-section_3 {
        margin-top: -10px;
        width: 100%;
    }
    main .mobile-section_3 .flex-section_3 .text-section_3 {
        position: absolute;
        margin-left: 4rem;
        margin-top: 73.74px;
        
    }
    main .mobile-section_3 .flex-section_3 .text-section_3 .icon-text{
        display: flex;
        align-items: center;
        color: #ffff;
    }
    main .mobile-section_3 .flex-section_3 .text-section_3:nth-child(1) .icon-text{
        margin-bottom: 23.63px;
    }
    main .mobile-section_3 .flex-section_3 .text-section_3 .icon-text img{
        width: 82px;
        height: 82px;
        margin-right: 26.39px;
    }
    main .mobile-section_3 .flex-section_3 .text-section_3 .icon-text .text p:nth-child(2){
        font-size: 15px;
        font-family: Uni Sans_Book;
        letter-spacing: 1px;
        margin-top: 2px;
        width: 250px;
    }
    main .mobile-section_3 .flex-section_3 .text-section_3 .icon-text .text p strong{
        font-size: 20px;
        font-family: Uni Sans_Bold;
        font-weight: 500;
        letter-spacing: 1px;
    }

    main .mobile-section_3 .flex-section_3 .img-section_3{
        width: 100%;
        height: auto;
    }
    main .mobile-section_3 .flex-section_3 .img-section_3 img{
        max-width: 750px;
    }

    main .mobile-section_4{
        width: 100%;
        margin-top: -10px;
    }
    main .mobile-section_4 .text-section_4{
        position: absolute;
        text-transform: none;
        font-size: 21px;
        border-bottom: 2px solid #ffff;
        width: 250px;
        top:1595px;
        left: 250px;
    }
    main .mobile-section_4 .text-section_4 p{
        width: 164px;
        font-family: Uni Sans_Book;
        color: #ffff;
        font-size: 21px;
    }
    main .mobile-section_5{
        background-color: #636569;
        height: 320px;
        width: 750px;
        margin-top: -10px;
        
    }

    main .mobile-section_5 .flex-section_5{
        max-width: 100%;
        height: 320px;
        display: flex;
        align-items: center;
        margin-left: 4rem;
       
    }
    main .mobile-section_5 .flex-section_5 .column-1-section_5{ 
            width: 40%;
            color: #ffff;
            font-family: Uni Sans_Book;
            text-transform: none;
    }
    main .mobile-section_5 .flex-section_5  .column-1-section_5 img{
        width: 183.7115 px;
        height: 82px;
    }
    main .mobile-section_5 .flex-section_5  .column-1-section_5 p{
        font-size: 20px;
        margin-top: 23px;
    }
    main .mobile-section_5 .flex-section_5  .column-2-section_5{ 
        width: 40%;
        margin-left: 100px;
        color: #ffff;
        font-family: Uni Sans_Book;
        text-transform: none;
      
    }
    main .mobile-section_5 .flex-section_5  .column-2-section_5 p{
        font-size: 20px;
        margin-top: 20px;
    }
    main .mobile-section_5 .flex-section_5  .column-2-section_5 img{
        width: 82px;
        height: 82px;
    }
    main .mobile-section_6{
        width: 100%;
        margin-top: -5px;
    }

    main .mobile-section_6 .text-section_6 {
        position: absolute;
        color: #636569;
        font-family: Uni Sans_Book;
        font-size: 22px;
        left: 400px;
        top:2325px;
    }   
    main .mobile-section_6 .text-section_6 p{
        width: 250px;
        line-height: 22px;
        text-transform: none;
    }
    main .mobile-section_6 .text-section_6 img{
        width: 63px;
        margin-top: 15px;
        
    }

    main .mobile-section_6 .text-section_6 img:nth-child(2){
        margin-left: 16px;
        margin-right: 16px;
    }

   main .mobile-section_7{
        width: 100%;
        margin-top: -6px;
    }

    main .mobile-section_7 .text-section_7{
        position: absolute;
        text-transform: none;
        border-bottom: 2px solid #fff;
        width: 300px;
        top:2860px;
        left: 88px;
    }

    main .mobile-section_7 .img-section_7 {
        width: 100%;
        height: auto;
    }
    main .mobile-section_7 .img-section_7 img{
        max-width: 750px;

    }
    main .mobile-section_7 .text-section_7 p{
        font-size: 22px;
        font-family: Uni Sans_Book;
        color: #fff;
    }
    main .mobile-section_8{
        width: 100%;
        margin-top: -6px;
    }
    main .mobile-section_8 .icon-section_8 {
        position: absolute;
        top:3200px;
        left: 550px;
    }
    main .mobile-section_8 .icon-section_8 img{
        width: 127px;
        height: 127px;
    }


}


