
.banner-box{display:flex;align-items:center}
.img-box{width:75%}
.btn-box{width:25%}
.btn-con{margin-left:30px}

.grid { border: solid 1px #d5d5d5;text-align: left; padding: 25px 15px;min-height: 330px;border-radius: 3px;background: #fff;margin-bottom: 20px;box-shadow: 0 2px 2px -2px rgb(0 0 0 / 30%);-webkit-box-shadow: 0 2px 2px -2px rgb(0 0 0 / 30%);-o-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .3);
-ms-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .3);-moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .3);
}
.grid .img-view{min-height:75px;position:relative}
.grid .img-view img{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0}
.grid h5{line-height:25px;padding:10px 0;font-weight:600}
.grid p{padding:0;font-size:14px;line-height:25px}
.grid-box{display:flex;/*flex-wrap:wrap*/}
.grid-con{
    width:33.33%; 
       padding: 0px 8px;}
.imgbox{position:relative;overflow:hidden}
.rt-video{width:100%}


.imgbox .over-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;background-color: rgba(0, 0, 0, 0.3);border-radius: 9px;opacity: 0;visibility: hidden;transition: 0.2s linear;
    }
.bdr-box:hover .over-img{opacity:1;visibility:visible}
.over-img .Preview,.over-img .use-template{padding:8px 20px;font-size: 16px;display:inline-block;text-align:center;color:#fff;background-color:#1870D5;border-radius:4px;margin-right:10px;font-weight:400}
.over-img .use-template{background-color:#fff;color:#337AB7;border:1px solid #337AB7}
.bdr-box{border:1px solid #eee;padding:10px;border-radius:9px}

.banner-box .baner{max-width:1031px;}
.baner{width:75%}
.baner video{max-width:100%}
.btn-box{width:20%}
.btn-con{margin-left:45px}
@media(max-width:1150px) {
.btn-con{margin-left:30px}
}
@media(max-width:992px) {
.baner{width:100%}
.banner-box{display:block}
.img-box{width:100%}
.btn-box{width:100%}
.btn-con{text-align:center;margin-left:0}
.over-img .Preview,.over-img .use-template{padding:6px 14px;font-size:14px;display:block;width:80%;margin-bottom:10px}
.btn-box{width:100%}
.baner video{width:100%}
}
@media(max-width:767px) {
.body_text_area{padding:0}
.px-5{padding:0 10px}
.grid-con{width:50%;    padding: 0px 0px;}
.grid{min-height:auto}
.btn-box{width:100%}
.baner video{max-width:100%}
.baner{width:100%}
.grid-box {display: flex;flex-wrap: wrap;}
.grid-con.mr-15 {margin-bottom: 15px;
}
.solu-div {margin: 0px 0px;}
}
@media(max-width:576px) {
.grid-con{width:100%}
}
.body_text_area p{color:#4d4d4d}
.row-section-video{margin-bottom: 0 !important;}
/**/
.solu-div{padding:45px 20px 30px;min-height:376px;border-radius:20px;margin-bottom:0;background:#fff}
.flex-div-space{margin-top:25px}
.body_text_area{text-align:center;margin-top:20px}
.over-img .Preview,.over-img .use-template{border-radius:50px!important}
@media (max-width: 767px) {
.over-margin-mob{margin-bottom:25px!important}
.row-section-video .btn-11oader{padding-top: 20px !important;}
}