*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    padding: 10px;
}
.msg{
    background-image: linear-gradient(rgba(0,0,0, 0.2)), linear-gradient(rgba(0,0,0, 0.2)), url(a78e47b4-f206-425d-bacc-be8cdfb89f02.jpg);
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: 100vh;
}
.tag{
    background-image:url(Screenshot\ 2025-12-22\ 133813.png);
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: 40vh;
}
.tag-1{
    background-image:url(Screenshot\ 2025-12-22\ 1338132.png);
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: 40vh;
}
.tag-2{
    background-image:url(Screenshot\ 2025-12-22\ 1338131.png);
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: 40vh;
}
.tag-3{
    background-image:url(Screenshot\ 2025-12-23\ 081718.png);
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: 40vh;
}
.tag-4{
    background-image:url(Screenshot\ 2025-12-23\ 0817181.png);
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: 40vh;
}
.tag-5{
    background-image:url(Screenshot\ 2025-12-23\ 0817182.png);
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: 40vh;
}
.tag-6{
    background-image:url(Screenshot\ 2025-12-23\ 081832.png);
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: 40vh;
}
.tag-7{
    background-image:url(Screenshot\ 2025-12-23\ 0818321.png);
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: 40vh;
}
.tag-8{
    background-image:url(Screenshot\ 2025-12-23\ 081811.png);
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: 40vh;
}
@media only screen and (max-width:767px){
    .bt{
        width: 4% !important;
    }
    .kai-1{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .kai-3{
        font-size: 30px !important;
    }
    .kai-4{
        font-size: 18px !important;
    }
    .kai-5{
        display: none !important;
    }
    .msg{
        height: 50vh !important;
    }
    .desktop{
        display: none !important;
    }
    .mobile{
        display: block !important;
    }
    .view{
        display: none !important;
    }
    .mom{
        margin-top: 50px !important;
    }
    .kit{
        font-size: 20px !important;
    }
    .kit-1{
        width: 50% !important;
    }
    .nxt{
        width: 30% !important;
    }
    .ben{
        width: 30% !important;
    }
    /* .rit{
        margin-right: 0 !important;
        width: 5% !important;
    } */
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .bt{
        width: 1% !important;
        height: 1vh !important;
    }
    .kai{
        gap: 10px !important;
    }
    .kai-1{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .kai-2{
        height: 3vh !important;
    }
    .kai-3{
        font-size: 40px !important;
    }
    .msg{
        height: 50vh !important;
    }
   .desktop{
        display: none !important;
    }
    .mobile{
        display: block !important;
    }
   .view{
        display: none !important;
    }
    .new{
        width: 4% !important;
        margin-top: 0 !important;
    }
    .new-1{
        width: 12% !important;
        height: 3vh !important;
    }
    .new-2{
        font-size: 20px !important;
    }
}