@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
/*-------------------------------------------new style start indexpage---------------------------------------------------*/
video{
    height:100%;
    width:100%;
}
/*html, body { width:100%; height:100%; margin:0; padding:0; } */
.video-wrapper{
    max-height:100%;
    width: 100%;
    padding: 0;
    margin-bottom:-7px!important;
}
.text-center-1{
    /*background-color:#000;*/
    width:100%;
    padding:0px;
    position:absolute;
    margin-top:inherit;

/*align-items:center;*/
/*margin: 20% 42%;*/

html{
    overflow:hidden;
}
}
.text-alifn-para{
    font-family: 'Montserrat', sans-serif;
    text-align:center;
    font-weight:400;
    color: #fff;
    font-size: 40px;
    margin-top:23%;
    /*         margin-left: auto;*/
    /*margin-right: auto;  */
}
/*------*/
.box-shadow-1{
    /*width:2532px; height:1170px;*/
    height:auto;
    /*object-fit:cover;*/
    width:auto;
    /*border:1px solid red;*/
    /*max-width: 100%;*/
    /*    max-height: 100%;*/
    /*    margin: auto;*/
    /*    display: block;*/

}
/*.box-shadow-1 img{*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*    margin: auto;*/
/*    display: block;*/

/*}*/

@media only screen and (max-width: 360px) {
    .box-shadow-1{
        height:40%;
        width:100%;


    }
    .text-alifn-para{

        font-size: 20px!important;

    }
    .text-center-1{
        margin-top:-2%;
        padding:0px;
        position:absolute;
        /*margin-left:60%!important;*/


    }


}
@media only screen and (max-width: 375px) {
    .text-center-1{
        margin-top:-2%;
        padding:0px;
        position:absolute;
        /*margin-left:60%!important;*/


    }
}
@media only screen and (max-width: 414px) {
    .text-center-1{
        margin-top:-2%;
        padding:0px;
        position:absolute;
        /*margin-left:60%!important;*/


    }
}
@media only screen and (max-width: 480px) {
    .loading_02 h6{
        font-size:12px!important;
        text-align:center!important;

    }
    .box-shadow-1{
        height:40%;
        width:100%;


    }
    .text-alifn-para{

        font-size: 20px!important;

    }
    .text-center-1{
        margin-top:-2%;
        padding:0px;
        position:absolute;
        /*margin-left:60%!important;*/


    }
    .text-center-1{
        /**/
        padding:0px;
        position:absolute;
        /*margin:10% 20%!important;*/

    }

}
@media only screen and (max-width: 768px) {
    .loading_02 h6{
        font-size:15px!important;
        text-align:center!important;

    }
    .box-shadow-1{
        height:40%;
        width:100%;


    }
    .text-alifn-para{

        font-size: 20px!important;

    }
    .text-center-1{
        /**/
        padding:0px;
        position:absolute;
        /*margin:10% 20%!important;*/

    }

}
@media only screen and (max-width: 1024px) {
    .box-shadow-1{
        height:40%;
        width:100%;


    }
    .text-alifn-para{
        font-family: 'Montserrat', sans-serif;
        text-align:center;
        font-weight:400;
        color: #fff;
        font-size: 40px;

    }
    .text-center-1{
        /**/
        padding:0px;
        position:absolute;
        /*margin: 16% 37%;*/

    }

}


/*-------------------------------------------new end---------------------------------------------------*/
@media only screen and (max-width: 1024px){

    video{
        height:auto;
        width:100%;
    }
}

@media only screen and (max-width: 768px){
    video{
        height:auto;
        width:100%;
    }


}


@media only screen and (max-width: 480px) {
    /*        .content img{*/
    /*     height:250px!important;*/
    /*    width:100%;*/


    /*} */

    video{
        height:100%;
        width:100%;
    }


    .back-to-top h3{
        font-size:15px!important;
        text-align:center!important;
    }
    html{
        overflow-x:hidden!important;
    }

    .video-wrapper{
        height:auto;
    }

}
/*----------------360px--------------------*/
@media only screen and (max-width: 360px) {

    /*    .content img{*/
    /*     max-height:400px;*/
    /*     height:auto!important;*/
    /*    width:100%;*/


    /*} */

    video{
        height:auto;
        width:100%;
    }
    .loading_02 h6{
        font-size:12px!important;
        text-align:center!important;

    }
    /*.loading_02 {*/
    /*    margin-left:40%!important;*/
    /*}*/



    #cate{
        text-align:center;
        font-size:25px!important;
        font-weight:700!important;
        margin-left:120px!important;
        /**/
    }
    #cate2{
        /*text-align:center!important;*/
        margin-left:160px!important;
        font-size:25px!important;
        font-weight:700!important;
        /**/
    }
    #cate3{
        /*text-align:center;*/
        font-size:25px!important;
        font-weight:700!important;
        margin-left:40%!important;
        /**/
    }

    #cate4{
        /*text-align:center;*/
        font-size:25px!important;
        /**/
        margin-left:140px!important;
    }
    #cate10{
        /*text-align:center;*/
        font-size:25px!important;
        font-weight:700!important;
        /**/
        margin-left:160px!important;
    }
    #cate5{
        /*text-align:center;*/
        font-size:25px!important;
        font-weight:700!important;
        /**/
        margin-left:120px!important;
    }
    #cate11{
        /*text-align:center;*/
        font-size:25px!important;
        font-weight:700!important;
        /**/
        margin-left:155px!important;
        margin-top: 35%!important;
    }
    #cate6{
        /*text-align:center;*/
        font-size:25px!important;
        font-weight:700!important;
        /**/*/
        /*   margin-left:250px!important;*/

    }
    #cate12{
        /*text-align:center;*/
        font-size:25px!important;
        font-weight:700!important;
        /*background-color:green;*/
        margin-left:130px!important;
    }
    #cate7{
        /*text-align:center;*/
        font-size:25px!important;
        font-weight:700!important;
        /*background-color:green;*/
        margin-left: 105px!important;
    }


    #cate13{
        /*text-align:center;*/
        font-size:25px!important;
        font-weight:700!important;
        /*background-color:green;*/
        margin-left:120px!important;
    }

    #cate8{
        /*text-align:center;*/
        font-size:25px!important;
        font-weight:700!important;
        /*background-color:green;*/
        margin-left:120px!important;
    }

    .cate{
        font-size:15px!important;
    }
    .back-to-top h3{
        font-size:15px!important;
        text-align:center!important;
    }
    html{
        overflow-x:hidden!important;
    }

    .video-wrapper{
        height:auto;
    }

}

/*----------------360px end--------------------*/


/*-----------overlay-----*/


.img__wrap {
    position: relative;

}


.img__description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 22%;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold !important;
    font-size: 6vw;
    background: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    color: #fff;
    visibility: hidden;
    opacity: 0;

    /* transition effect. not necessary */
    transition: visibility 0.9s, opacity 0.9s linear;
}

.img__wrap:hover .img__description {
    visibility: visible;
    opacity: 1 !important;

}


/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .img__description {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .img__description {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .img__description {
        visibility: visible !important;
        opacity: 1 !important;
    }
}