@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
*{
 padding: 0;
 margin: 0;
 box-sizing: border-box;
 font-family: 'Inter', sans-serif;
 user-select: none;
}

.text-header{
   font-size: 25px;
   color: white;
   font-weight: 700;
}
.text-sub{
    font-weight: 400;
    font-size: 16px;
    color: white;
}

.text-sub.shadow-text{
    text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.25);
}
input{
    color: white;
}
.input-box{ 
    border: 1px solid white;
    border-radius: 20px;
}

/* .check-label{
    width: 20px;
    height: 20px;
    border:1px solid #fff;
    border-radius: 20px;
    display: flex;
} */

label{
    
    align-items: center;
    justify-content: center;
    cursor: pointer;

}

/* label div{
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 20px;
} */



input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
}
input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
input[type="checkbox"]::after{
    content: "div";
    opacity: 0;
    font-size:7px;
    background-color:none;
    border-radius: 20px;
    margin : 0 auto

}
input[type="checkbox"]:checked::after{
 opacity: 1;
  background-color: white;
}

button{
    width: 150px;
    height: 35px;
    background-color: #F37B20;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logoBox{
    width: 600px ;
    height: 558px;
}

.logoBox img{
    width: 100%;
}

@media screen and (min-width: 1550px) {
    .text-header{
        font-size: 30px;
        color: white;
        font-weight: 700;
     }
     .text-sub{
         font-weight: 400;
         font-size: 20px;
         color: white;
     } 
}