@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');

*{margin: 0;padding: 0;box-sizing: border-box;}
body{font-family: "Unbounded", sans-serif;background-color: black;color: white;}
.container{max-width: 90%;}
.container-fluid{max-width: 90%;border: 1px solid #1B1B1B;border-top: none;border-bottom: none;padding: 0;}
::selection {color: black;background: #FB435B;}
#cursor{height: 30px;width: 30px;border-radius: 50%;position: fixed;z-index: 99;transition: all linear 0.1s;border: 5px solid #FB435B;}

/* HEADER START */
header{padding: 30px 20px !important;}
.border-b{border-bottom: 1px solid #1B1B1B;}
.border-t{border-top: 1px solid #1B1B1B;}
.logo{font-size: 30px;margin-bottom: 0;margin-top: 0;}
.logo-dot{color: #FB435B;}
header a{margin-bottom: 0;font-size: 20px;color: white;text-decoration: none;}
header p{margin-bottom: 0;font-size: 20px;}
/* HEADER END */

/* HERO-SEC START */
.hero-sec{background: url("../img/pag-2\ hero-back.webp");background-position: center center;background-repeat: no-repeat;background-size: cover;border-bottom: #1B1B1B 1px solid;}
.hero-sec h1 {margin-top: 50px;font-size: 60px;margin-bottom: 100px;}
.back{padding-top: 60px;font-size: 20px;}
.btn-home{color: white;background: transparent;border: none;}
.btn-TiQi{color: #C9C9C9;background: transparent;border: none;}
/* HERO-SEC END */

/* SECTION-1 START */
.section-1{padding-top: 100px;padding-bottom: 100px;border-bottom: #1B1B1B 1px solid;}
.border-3{border: 1px solid #1B1B1B;padding: 30px;border-top: none;border-bottom: none;}
.border-2{border: 1px solid #1B1B1B;border-left: none;border-right: none;}
/* SECTION-1 END */

/* SECTION-2 START */
.section-2{padding-top: 100px;}
.section-2 h2{font-size: 44px;width: 50%;}
.b-1{padding: 105px 40px;border: 1px solid #1B1B1B;border-left: none;border-right: none;}
.b-2{padding: 105px 40px;border: 1px solid #1B1B1B;border-right: none;}
.section-2 h4{font-size: 26px;margin-bottom: 18px;}
.section-2 p{font-size: 20px;color: #C0C0C0;margin-bottom: 0;width: 80%;}
.bo-2{margin-top: 80px;}
/* SECTION-2 END */

/* SECTION-3 START */
.section-3{padding-top: 100px;}
.section-3 h2{font-size: 44px;width: 50%;}
.section-3 h3{font-size: 40px;margin-bottom: 30px;font-weight: 400;}
.b-1{padding: 90px 40px;border: 1px solid #1B1B1B;border-left: none;border-right: none;}
.b-2{padding: 90px 40px;border: 1px solid #1B1B1B;border-right: none;}
.section-3 h4{font-size: 26px;margin-bottom: 18px;}
.section-3 p{font-size: 20px;color: #C0C0C0;margin-bottom: 0;}
.bo-3{margin-top: 80px;background: #010101;}
/* SECTION-3 END */

/* SECTION-4 START */
.section-4{padding-top: 120px;}
.section-4 h2{font-size: 44px;}
.pera-1{width: 90%;margin-top: 40px;margin-bottom: 40px;font-size: 22px;color: #C0C0C0;}
/* SECTION-4 END */

/* SECTION-5 START */
.section-5{padding-top: 110px;padding: 80px;background: #060606;}
.btn-none{border: 1px solid #404040;padding: 16px;background-color: #101010;color: white;border-radius: 25px;font-size: 20px;}
.section-5 h4{font-size: 44px;margin-bottom: 80px;}
.section-5 h1{font-size: 180px;}
.section-5 img{margin-bottom: 44px;}
.color-card{padding-top: 80px;margin-top: 80px;border-top: 1px solid #404040}
.black-box{background: #132138;height: 458px;padding:30px;}
.black-box h3{font-size: 40px;margin-bottom: 311px;}
.black-box h5{font-size: 30px;}
.gry-box{height: 458px;background: #767676;padding:30px;}
.gry-box h3{font-size: 40px;margin-bottom: 311px;}
.gry-box h5{font-size: 30px;}
.white-box{height: 458px;background: white;padding:30px;color: black;}
.white-box h3{font-size: 40px;margin-bottom: 311px;}
.white-box h5{font-size: 30px;}
.blue-box{height: 458px;background: #2BAECB;padding:30px;}
.blue-box h3{font-size: 40px;margin-bottom: 311px;}
.blue-box h5{font-size: 30px;}
/* SECTION-5 END */

/* SECTION-6 START */
.section-6{padding-top: 125px;padding-bottom: 120px;}
.section-6 h2{font-size: 44px;text-align: center;margin-bottom: 80px;}
.btn-border{background: none;color: #C0C0C0;padding: 10px;border: 1px solid #363636;font-size: 16px;}
.box-1{padding: 40px;border: 1px solid #202020;}
.box-1 h5{color: #FB435B;margin-bottom: 15px;font-size: 28px;font-weight: 300;}
.box-1 h4{font-size: 26px;margin-bottom: 15px;}
.box-1 p{font-size: 20px;margin-bottom: 20px;color: #C0C0C0;}
/* SECTION-6 END */

/* SECTION-7 START */
.section-7{padding-bottom: 120px;}
.section-7 p{margin: 40px 0 60px 0;font-size: 22px;color: #C0C0C0;}
.section-7 h2{font-size: 44px;margin-bottom: 0;}
/* SECTION-7 END */

/* SECTION-8 START */
.section-8{border-top: 1px solid #202020;}
.section-8 h2{padding-top: 120px;font-size: 44px;}
.section-8 p{padding-top: 40px;margin-bottom: 0;font-size: 22px;width: 40%;color: #C0C0C0;}
/* SECTION-8 END */

/*FOOTER START  */
.end{padding: 40px 20px; border-top: 1px solid #202020;}
a{text-decoration: none;color: white;}
.bac-top{border-bottom: 1px solid white;}
.bac-top:hover{cursor: pointer;}
/*FOOTER END */

/* responsev start  */
@media only screen and (max-width: 1440px) {
    .hero-sec h1{font-size: 50px;}
    .section-2 h2{font-size: 36px;}
    .section-3 h2{font-size: 36px;}
    .section-4 h2{font-size: 36px;}
    .section-6 h2{font-size: 36px;}
    .section-3 h3{font-size: 35px;}
    .section-3 h3{font-size: 35px;}
    .btn-none{font-size: 16px;padding: 14px 14px;}
    .section-5 .column-gap-4{column-gap: 0.8rem !important;}
}

@media only screen and (max-width:1100px) {
    .section-5 .col-3{width: 50%;}
    .section-5 .color-card .d-flex{flex-wrap: wrap;}
    .section-6 .box-1 .d-flex{flex-wrap: wrap;}
}

@media only screen and (max-width:768px) {
    #cursor{display: none;}
    .hero-sec h1{font-size: 45px;margin-bottom: 50px;}
    .section-1{padding-top: 50px;padding-bottom: 50px;}
    .section-2{padding-top: 50px;padding-bottom: 50px;}
    .section-3{padding-top: 50px;padding-bottom: 50px;}
    .section-4{padding-top: 50px;padding-bottom: 50px;}
    .section-6{padding-top: 50px;padding-bottom: 50px;}
    .bo-2{margin-top: 50px;}
    .bo-3{margin-top: 50px;}
    .section-5 h4{margin-bottom: 40px;}
    .section-2 h2{font-size: 30px;margin-bottom: 0;}
    .section-3 h2{font-size: 30px;margin-bottom: 0;}
    .section-7 h2{font-size: 30px;margin-bottom: 0;}
    .section-4 h2{font-size: 30px;margin-bottom: 0;}
    .section-6 h2{font-size: 30px;margin-bottom: 0;}
    .section-3 h3{font-size: 30px;}
    .section-3 h4{font-size: 28px;}
    .section-3 p{font-size: 20px;}
    .section-7 p{font-size: 20px;}
    .section-2 h4{font-size: 28px;}
    .section-2 p{font-size: 20px;}
    .pera-1{font-size: 22px;}
    .section-6 h5{font-size: 30px;}
    .section-6 h4{font-size: 28px;}
    .section-6 p{font-size: 20px;}
    .border-3{padding: 10px;}
}

@media only screen and (max-width: 730px) {
    .container{max-width: 100%;}
    .container-fluid{max-width: 100%;padding: 20px;}
    .links{display: none;}
    .section-2 .d-flex{flex-wrap: wrap;}
    .section-2 .d-flex .col-6{width: 100%;}
    .section-3 .d-flex{flex-wrap: wrap;}
    .section-3 .d-flex .col-6{width: 100%;}
    .section-5 .d-flex{flex-wrap: wrap;flex-direction: column-reverse;}
    .section-5 .d-flex .col-3{width: 100%;}
    .section-5 .d-flex .col-6{width: 100%;}
    .section-6 .d-flex{flex-wrap: wrap;}
    .section-6 .d-flex .col-6{width: 100%;}
    .section-6 .d-flex .col-5{width: 100%;}
    .section-6 .d-flex .offset-1{margin: 0;}
    .img-1{display: none;}
    .section-7 .column-gap-5{column-gap: 0 !important;}
    .section-7 .me-5{margin: 0px;}
    .image-none{display: none !important;}
    .bottom-none{display: none !important;}
    .section-5 h4{margin-bottom: 40px;}
    .section-3 h3{font-size: 18px;}
    .section-3 h4{font-size: 16px;}
    .section-5 h4{font-size: 16px;}
    .section-3 p{font-size: 14px;}
    .section-2 h4{font-size: 16px;}
    .section-2 p{font-size: 14px;}
    .pera-1{font-size: 14px;}
    .section-6 h5{font-size: 18px;}
    .section-6 h4{font-size: 16px;}
    .section-6 p{font-size: 14px;}
    .section-7 p{font-size: 14px;}
    .section-8 p{font-size: 14px;width: 90%;}
    .hero-sec h1{font-size: 20px;}
    .btn-home{font-size: 16px;}
    .btn-TiQi{font-size: 16px;}
    .two{font-size: 16px;}
    .section-2 h2{font-size: 18px;margin-bottom: 0;}
    .section-3 h2{font-size: 18px;margin-bottom: 0;}
    .section-4 h2{font-size: 18px;margin-bottom: 0;}
    .section-6 h2{font-size: 18px;margin-bottom: 0;}
    .section-7 h2{font-size: 18px;margin-bottom: 0;}
    .section-8 h2{font-size: 18px;margin-bottom: 0;padding-top: 20px;}
    .section-1{padding-top: 20px;padding-bottom:20px;}
    .section-2{padding-top: 20px;padding-bottom:20px;}
    .section-3{padding-top: 20px;padding-bottom:20px;}
    .section-5{text-align: center;}
    .section-4{padding-top: 20px;padding-bottom:20px;}
    .section-6{padding-top: 20px;padding-bottom:20px;}
    .section-7{padding-top: 20px;padding-bottom:20px;}
    .b-1{padding: 30px 20px;}
    .b-2{padding: 30px 20px;}
    .color-card .col-3{width: 100%;}
    .btn-border{margin-bottom: 10px;}
    .name{font-size: 14px;}
    .bac-top{font-size: 14px;}
}
/* responsev end */