@charset 'utf-8';


@font-face {
    font-family: Avenir;
    src: url(../font/Avenir\ LT\ 35\ Light.ttf);
}
@font-face {
    font-family: Lulo;
    src: url(../font/FontsFree-Net-Lulo-Clean-W01-One-Bold.ttf);
}

.hat{
    font-family: Avenir;
}
.fat{
    font-family: Lulo;
}
.bg-1{
    background-image: url(../images/illustration/11062b_9de2dbff3dda403b944bb98c41cb5764f000.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
   height: 90vh;
}
.line{
    border: 1px solid black;
    width: 10%;
}
.gap{
    gap: 20px;
}

.input{
    width: 100%;
  margin-top: 10px;
  background-color: #57BBBF;
  border: 2px solid black;
}
.bg-last{
    background-color: #57BBBF;
}
.first{
    font-size: 41px;
}
.btn-1{
    color: white;
    background-color: black;
    width: 35%;
    height: 7%;
    border:  solid black;
}
.btn-2{
    background-color: black;
    color: white;
    border: 2px  solid black;
}
.btn-3{
    background-color: white;
    border: 2px  solid black;
}
.man img{
    width: 100%;
    height: 335px;
    object-fit: cover;
}
.bor{
    border: 7px  solid black;
}
.line-2{
    border: 1px  solid black;
    width: 80%;
}
.last{
    width: 50%;
}
.bottom{
    margin-bottom: 0px;
}
.btn-4{
    background-color: black;
    color: white;
    border: 2px  solid black;
    height: 40px;
    width: 46%;
}

@media (min-width:992px){
    .btn-1{
        color: white;
        background-color: black;
        width: 10%;
        border:  solid black;
    }
    .bg-2{
        background-image: url(../images/illustration/84770f_0cf5b6c1550a4b8c92f92f1064cc68de~mv2.jpg);
        height: 120vh;
        background-position: center;
    }
    .man img{
        width: 650px;
        height: 100vh;
       
    }
    .second 
    {
      padding-left: 80px;
      margin-left: 100px;
    }
    .box1{
        width: 80%;
    }
    .sid{
        margin-left: 100px;
    }
    .first{
        font-size: 100px;
        letter-spacing: 10px;
        color: black;
    }
    .btn-2{
        background-color: black;
        color: white;
        border: 2px  solid black;
        height: 40px;
        width: 30%;
    }
    .btn-3{
        background-color: white;
        border: 2px  solid black;
        height: 40px;
        width: 40%;
    }
    .btn-4{
        background-color: black;
        color: white;
        border: 2px  solid black;
        height: 40px;
        width: 16%;
    }

    nav{
        background-color: white;
        width: 100%;
        height: 100px;
        position: sticky;
        top: 0;
    }
    .new{
     color: #317F81;
    }
}