body{color:#fff;font-family: "Lexend", sans-serif;background: #111723;}
section{padding: 50px 0;}
.ondemandbg{
background: url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/ondemand-bg.webp);background-repeat: no-repeat;
}
.nav-sec{
    padding: inherit;
}
.gallery {
    display: flex;
    flex-wrap: wrap;
}
.greyt{color: #AFAFAF;}
.redt{color: #F00000}
.f1{font-size: 50px;}
.form-control.search
{background:url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/searchi.webp), #212631; color: #fff !important;max-width: 520px; margin: 0px auto;border: 1px solid #353E4F;padding: 5px; height: 50px;border-radius: 50px;    max-width: 520px;
    margin: 0px auto;
    border: 1px solid #353E4F;
    padding: 5px;
    height: 50px;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: 99%;
    background-size: 40px;}
.tabs{text-align: center;}    
.tabs button{background: transparent;
    border: 0px;
    color: #ccc;
    padding: 10px 20px;min-width: 100px;}
.tabs button.active
{
box-sizing: border-box;
background: #F00000;
box-shadow: 0px 0px 34px #FF2E2E;
border-radius: 144px;
color: #fff;
}
.gallery .gallery-item {
    width: 18%;
    margin: 1%;
    float: left;

}
.hidden {
            display: none;
        }
.gallery .gallery-item label{opacity: 0.7;width: 100%;cursor: pointer;}
.gallery .gallery-item img{width: 100%;border: 3px solid transparent;}
.gallery .gallery-item:hover label{
    transform: scale(1.1);opacity: 1;
}
.tick{
    position: relative;
}
.tick:before {
    position: absolute;
}
:checked+.tick:before {
    position: absolute;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    width: 40px;
    height: 40px;
    top: -6px;
    left: -6px;
    font-size: 22px;
    background: red;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.gallery :checked+label.tick{
opacity: 1;
transform: scale(1.1);
}
.gallery :checked+label.tick img{border: 3px solid red;border-radius: 10px;}
@media(max-width: 1350px){
    
}
@media(max-width: 768px){
    .nav-sec {
    padding: 10px;
}
.container{
    max-width: 100% !important;
}
.f1 {
    font-size: 33px;
}
.tabs {
    text-align: center;
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
    width: 100%;
    min-height: 125px;
        align-items: center;
}
.tabs button{
    min-width: 150px;
}
    .tabs button {
        min-width: 180px;
        height: 50px;
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    p {
    font-size: 13px;
    font-weight: 300;
}
.gallery .gallery-item {
    width: 48%;
    margin: 1%;
    float: left;
}
}