@media (max-width: 1400px) {
  .header_3{
        /* border: 1px solid; */
        height: fit-content;
        background: url(great.jpeg);
        background-size: cover;
        object-fit: cover;
        padding: 100px 70px;
    }
    .fill{
        /* border: 1px solid red; */
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        padding: 100px 30px;
    }
    .header_5{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding: 100px 70px;
    }
    .header_6{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        background: rgb(213, 218, 225);
        padding: 100px 70px;
    }
    .gint1{
        border: 1px solid rgb(202, 201, 201);
        width: 505px;
        height: 250px;
        border-radius: 20px;
        background: white;
    }
    .header_7{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding: 100px 70px;
        background: url(https://c4.wallpaperflare.com/wallpaper/490/361/263/blueprints-blue-textured-minimalism-wallpaper-preview.jpg);
        background-size: cover;
    }
}
@media (max-width: 1200px) {
    .feel{
        /* border: 1px solid; */
        width: 800px;
        min-width: 800px;
        height: 900px;
    }
    .feel2{
        border: 1px solid rgb(202, 201, 201);
        width: 550px;
        min-width: 0;
        max-width: 540px;
        height: fit-content;  
        background: white;
        border-radius: 30px;
        padding: 35px;
    }
    .feel2 span{  
        color: rgb(82, 82, 82);
        font-size: 16px;
        font-weight: 700;
    }
    .header_3{
        /* border: 1px solid; */
        height: fit-content;
        background: url(great.jpeg);
        background-size: cover;
        object-fit: cover;
        padding: 100px 46px;
    }
    .grad{
        gap: 65px;
    }
    .feel4{
        /* border: 1px solid; */
        width: 400px;
        min-width: 400px;   
        height: 750px;
    }
    .feel12{
        /* border: 1px solid; */
        width: 390px;
        min-width: 390px;
        cursor: pointer;
        height: 100px;
        background: white;
        border-radius: 20px;
    }
    .fill2{
        /* border: 1px solid red; */
        width: 460px;
        min-width: 460px;
        height: fit-content;
        margin-right: 65px;
        padding: 10px 20px;
    }
    .fill2 b:nth-child(2){
        color: var(--grey);
        line-height: 1.3;
        font-size: 40px;
    }
    .fill5{
        /* border: 1px solid red; */
        width: 100%;
        height: fit-content;
    }
    .fill8{
        /* border: 1px solid; */
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: rgb(144, 162, 178);
        font-size: 20px;
    }
    .fill9{
        /* border: 1px solid red; */
        width: 75%;
        height: fit-content;
    }
    .fill3{
        /* border: 1px solid red; */
        width: 430px;
        min-width: 430px;
        height: 100%;
    }
    .nav{
        gap: 40px;
    }
    .header_5{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding: 100px 46px;
    }
    .header_6{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        background: rgb(213, 218, 225);
        padding: 100px 20px;
    }
    .gint1{
        border: 1px solid rgb(202, 201, 201);
        width: 451px;
        height: 250px;
        border-radius: 20px;
        background: white;
    }
    .header_7{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding: 100px 30px;
        background: url(https://c4.wallpaperflare.com/wallpaper/490/361/263/blueprints-blue-textured-minimalism-wallpaper-preview.jpg);
        background-size: cover;
    }
}
@media (max-width: 991px) {
    .nav li a{
        text-decoration: none;
        color: var(--colorG);
        font-weight: 600;
        font-size: 16.5px;
    }
    .feel{
        /* border: 1px solid; */
        width: 700px;
        min-width: 700px;
        height: 800px;
    }
    .feel b{
        color: white;
        font-size: 50px;
        letter-spacing: 2px;
    }
    .feel1 b{   
        color: var(--dump);
        font-size: 50px;
        letter-spacing: 2px;
        position: absolute;
        animation-name: gool;
        animation-duration: 0.5s;
    }
    .fold h2:hover{
        font-size: 30px;
        transition-duration: 0.5s;
    }
    .nav{
        gap: 24px;
    }
    .feel2{
        border: 1px solid rgb(202, 201, 201);
        width: 100%;
        min-width: 100%;
        height: fit-content;  
        background: white;
        border-radius: 30px;
        padding: 35px;
    }
    .feel4{
        /* border: 1px solid; */
        width: 100%;
        min-width: 0;
        height: fit-content;
    }
    .feel7{
        border: 1px solid var(--colorG);
        width: 100%;
        height: fit-content;
        background: rgba(198, 202, 211, 0.5);
        border-radius: 20px;
        overflow: unset;
    }
    .feel12{
        /* border: 1px solid; */
        width: 100%;
        min-width: 0;
        height: 100%;
        background: white;
        border-radius: 20px;
    }
    .feel12:hover{
        border: 1px solid var(--colorG);
        margin-left: 0;
        transition-duration: 0.7s;
    }
    .fill2{
        /* border: 1px solid red; */
        width: 100%;
        min-width: unset;
        height: fit-content;
        margin-right: 0;
        margin-bottom: 80px;
        padding: 10px 20px;
    }
    .fill3{
        /* border: 1px solid red; */
        width: 100%;
        min-width: unset;
        height: 100%;
    }
    .fill7{
        border: 1px solid rgb(202, 201, 201);
        width: 48%;
        height: 100%;
        border-radius: 15px;
        background: rgba(93, 104, 116, 0.5);
    }
    .fill9{
        /* border: 1px solid red; */
        width: 75%;
        height: 40px;
    }
    .fill10{
        /* border: 1px solid red; */
        width: 350px;
        height: 350px;
        border-radius: 30px;
        background: url(https://cdn.shortpixel.ai/spai/q_lossy+w_784+to_auto+ret_img/attentioninsight.com/wp-content/uploads/2022/10/rsz_1krakenimages-376kn_isple-unsplash-2048x1321.jpeg);
        background-size: 100% 100%;
        object-fit: unset;
    }
    .fill18{
        /* border: 1px solid green; */
        width: 48%;
        height: 100%;
        border-radius: 20px;
        background: rgba(93, 104, 116, 0.5);
    }
    .gint1{
        border: 1px solid rgb(202, 201, 201);
        width: 100%;
        height: fit-content;
        border-radius: 20px;
        background: white;
    }
    .header_7{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding: 60px 20px;
        background: url(https://c4.wallpaperflare.com/wallpaper/490/361/263/blueprints-blue-textured-minimalism-wallpaper-preview.jpg);
        background-size: cover;
    }
    .fin b{
        color: white;
        font-size: 40px;    
        letter-spacing: 0;
    }
    .fin3{
        /* border: 1px solid red; */
        width: 100%;
        height: 180px;
        gap: 35px;
    }
    .fin4{
        border: 1px solid rgb(202, 201, 201);
        width: 100%;
        height: 100%;
        border-radius: 20px;
        color: white;
        background: rgba(202, 201, 201, 0.3);
    }
    .fin7{
        border: 1px solid rgb(202, 201, 201);
        width: 100%;
        height: 150px;
        border-radius: 20px;
        color: white;
        background: rgba(202, 201, 201, 0.3);
    }
    .fin9{
        border: 1px solid rgb(202, 201, 201);
        width: 100%;
        height: 75px;
        border-radius: 20px;
        color: white;
        background: rgba(202, 201, 201, 0.3);
    }
    .header_8{
        border: 1px solid;
        width: 100%;
        height: fit-content;
        background: rgb(0, 0, 17);
        padding: 50px 20px;
    }
}
@media (max-width: 768px) {
    .fold{
        /* border: 1px solid red; */
        height: 90px;
    }
    .form{
        /* border: 1px solid; */
        height: 100%;
    }
    .form i {
        font-size: 27px;
        cursor: pointer;
    }
    .opener_menu {
        width: 100%;
        height: 550px;
        margin-top: 30px;
        border-radius: 0 0 20px 20px;
        position: fixed;
        right: -100%;
        padding: 60px 0 0 0;
        background-color: rgb(241, 241, 241);
        z-index: 10;
    }
    #menu-toggle:checked ~ .opener_menu {
        right: 0;
    }
    .opener_menu li {
        margin: 11px 0;
        color: white;
        line-height: 15px;
        font-size: 20px;
        font-weight: 500;
        font-family: "Noto Sans", sans-serif;
    }
    #mobileNav {
        position: relative;
    }

    #mobileNav .nav-item {
        position: relative;
        padding-bottom: 10px;
    }

    #mobileNav .underline {
        position: absolute;
        bottom: 0;
        height: 2px;
        background: var(--colorG);
        transform-origin: center;
        transform: scaleX(1);
        transition: left 0.3s ease, width 0.3s ease, transform 0.15s ease;
    }
    .header_2{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding-top: 100px;
        background: url(https://c4.wallpaperflare.com/wallpaper/490/361/263/blueprints-blue-textured-minimalism-wallpaper-preview.jpg);
        background-size: cover;
    }
    .header_3{
        /* border: 1px solid; */
        height: fit-content;
        background: url(great.jpeg);
        background-size: 100% 100%;
        padding: 60px;
    }
    .feel{
        /* border: 1px solid; */
        width: 95%;
        min-width: 95%;
        height: 600px;
    }
    .feel b{
        color: white;
        font-size: 40px;
        letter-spacing: 2px;
    }
    .feel p{
        color: var(--grey);
        font-size: 20px;
        line-height: 1.7;
    }
    .feel1 b{   
        color: var(--dump);
        font-size: 40px;
        letter-spacing: 2px;
        position: absolute;
        animation-name: gool;
        animation-duration: 0.5s;
    }
    .fill{
        /* border: 1px solid red; */
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        padding: 60px 30px;
    }
    @keyframes gool{
        from{
            bottom: -75%;
        }
        to{
            bottom: 0;
        }
    }
    .feel1{
        /* border: 1px solid; */
        height: 70px;
        overflow: hidden;
        position: relative;
    }
    .fill7{
        border: 1px solid rgb(202, 201, 201);
        width: 100%;
        height: 100%;
        border-radius: 15px;
        background: rgba(93, 104, 116, 0.5);
    }
    .fill15{
        /* border: 1px solid red; */
        width: 100%;
        height: fit-content;
    }
    .fill16{
        /* border: 1px solid green; */
        width: 100%;
        height: 150px;
        border-radius: 20px;
        background: rgba(93, 104, 116, 0.5);
    }
    .fill17{
        /* border: 1px solid green; */
        width: 100%;
        height: fit-content;
    }
    .fill18{
        /* border: 1px solid green; */
        width: 100%;
        height: 150px;
        border-radius: 20px;
        background: rgba(93, 104, 116, 0.5);
    }
    .header_5{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding: 60px;
    }
    .header_6{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        background: rgb(213, 218, 225);
        padding: 60px 20px;
    }
    .header_7{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding: 60px 20px;
        background: url(https://c4.wallpaperflare.com/wallpaper/490/361/263/blueprints-blue-textured-minimalism-wallpaper-preview.jpg);
        background-size: cover;
    }
    .fin1 p{
        color: white;
        font-size: 20px
    }
}
@media (max-width: 576px) {
    .fold{
        /* border: 1px solid red; */
        height: 90px;
    }
    .opener_menu {
        width: 100%;
        height: 470px;
        margin-top: 27px;
        border-radius: 0 0 20px 20px;
        position: fixed;
        right: -100%;
        padding: 60px 0 0 0;
        background-color: rgb(241, 241, 241);
        z-index: 10;
    }
    .opener_menu li {
        margin: 11px 0;
        color: white;
        line-height: 5px;
        font-size: 20px;
        font-weight: 500;
        font-family: "Noto Sans", sans-serif;
    }
    .feel{
        /* border: 1px solid; */
        width: 85%;
        min-width: 85%;
        height: 600px;
    }
    .feel b{
        color: white;
        font-size: 40px;
        letter-spacing: 0;
        line-height: 1.3;
    }
    .feel a button{
        padding: 19px 40px;
        border-radius: 50px;
        font-weight: 700;
    }
    .feel p{
        color: var(--grey);
        font-size: 17px;
        line-height: 1.7;
    }
    .header_3{
        /* border: 1px solid; */
        height: fit-content;
        background: url(great.jpeg);
        background-size: cover;
        object-fit: cover;
        padding: 40px;
    }
    .fill{
        /* border: 1px solid red; */
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        padding: 80px 30px;
    }
    .feel1{
        /* border: 1px solid; */
        height: fit-content;
        overflow: unset;
        position: relative;
    }
    .feel1 b{   
        color: var(--dump);
        font-size: 35px;
        letter-spacing: 2px;
        position: absolute;
        animation-name: gool;
        animation-duration: 0.5s;
    }
    @keyframes gool{
        from{
            bottom: -75%;
        }
        to{
            bottom: 0;
        }
    }
    .feel1{
        /* border: 1px solid; */
        height: 120px;
        overflow: hidden;
        position: relative;
    }
    .feel2 p{  
        color: var(--colorG);
        line-height: 1.7;
        font-size: 16px;
    }
    .feel11{
        /* border: 1px solid red; */
        width: 95%;
        height: 100%;
    }
    .header_5{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding: 60px 40px;
    }
    .header_6{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        background: rgb(213, 218, 225);
        padding: 60px 20px;
    }
    .header_7{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding: 60px 20px;
        background: url(https://c4.wallpaperflare.com/wallpaper/490/361/263/blueprints-blue-textured-minimalism-wallpaper-preview.jpg);
        background-size: cover;
    }
    .fin b{
        color: white;
        font-size: 35px;    
        letter-spacing: 0;
    }
    .fin1 p{
        color: white;
        font-size: 18px
    }
}
@media (max-width: 425px) {
    .fold h2:hover{
        font-size: 27px;
        transition-duration: 0.5s;
    }
    .feel{
        /* border: 1px solid; */
        width: 85%;
        min-width: 85%;
        height: 600px;
    }
    .feel1{
        /* border: 1px solid; */
        height: 160px;
        overflow: hidden;
        position: relative;
    }
    .feel2{
        border: 1px solid rgb(202, 201, 201);
        width: 100%;
        min-width: 100%;
        height: fit-content;  
        background: white;
        border-radius: 30px;
        padding: 30px;
    }
    .header_3{
        /* border: 1px solid; */
        height: fit-content;
        background: url(great.jpeg);
        background-size: cover;
        object-fit: cover;
        padding: 50px 15px;
    }
    .fill{
        /* border: 1px solid red; */
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        padding: 80px 15px;
    }
    .fill10{
        /* border: 1px solid red; */
        width: 100%;
        height: 350px;
        border-radius: 30px;
        background: url(https://cdn.shortpixel.ai/spai/q_lossy+w_784+to_auto+ret_img/attentioninsight.com/wp-content/uploads/2022/10/rsz_1krakenimages-376kn_isple-unsplash-2048x1321.jpeg);
        background-size: 100% 100%;
        object-fit: unset;
    }
    .header_5{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        padding: 60px 15px;
    }
    .header_6{
        /* border: 1px solid; */
        width: 100%;
        height: fit-content;
        background: rgb(213, 218, 225);
        padding: 60px 0;
    }
    .goes1{
        border: 2px solid rgb(201, 177, 177);
        width: 100%;
        height: fit-content;
        border-radius: 20px;
    }
    .goes1 b{  
        color: var(--dump);
        font-size: 22px;
        font-weight: 700;
    }
    .header_7{
        border: 1px solid;
        width: 100%;
        height: fit-content;
        padding: 60px 5px;
        background: url(https://c4.wallpaperflare.com/wallpaper/490/361/263/blueprints-blue-textured-minimalism-wallpaper-preview.jpg);
        background-size: cover;
    }
    .fin10{
        border: none;
        width: 97%;
        border-radius: 50px;
        background: var(--colorG);
        font-weight: 700;
        font-size: 20px;
        line-height: 1.2;
        color: white;
        padding: 23px 25px;
    }
    .finder a{
        text-decoration: none;
        color: rgb(206, 206, 206);
        font-size: 14px;
    }
    .finder span{
        color: rgb(153, 152, 152);
        font-size: 14px;
    }
}