@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

a:hover{
text-decoration: none;
}

.font-size-17{
font-size: 17px !important;
line-height: 1.5;
}

.font-size-18{
font-size: 18px !important;
line-height: 1.5;
}

.text-gray{
color: #ffffff8f !important;
}

.footer-heading{
font-size: 20px;
color: #fff;
font-weight: 700;
margin-bottom: 12px;
}

.footer-list{
list-style: none;
margin-bottom: 15px;
}

.social-icons li {
list-style: none;
margin-bottom: 10px;
border-radius: 2px;
}

.social-icons li a{
color: #22201B;
font-size: 15px;
line-height: 1.8;
font-weight: 500;
}

.social-icons li i{
font-size: 16px;
text-align: center;
text-decoration: none;
background-color: transparent;
color: #FCFBF8;
line-height: 30px;
width: 32px;
height: 32px;
border-radius: 2px;
border: none;
margin-right: 8px;
}

.btn-green{
background-color: transparent;
border: 1px solid #fff;
color: #ffffff8f !important;
padding: 5px 35px 6px;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
cursor: pointer;
box-shadow: none !important;
outline: 0 !important;
}

/*.copyright{*/
/*border-top: 1px solid #02d1a6;*/
/*}*/


/*--blog page css start here----------------------------*/
.search-box{
border: 1px solid #0a192d;
padding: 15px;
}

.search-box .form-control{
border: none;
border-bottom: 1px solid #000;
}

.btn-submit{
background-color: #0a192d;
border: 1px solid #0a192d;
}

.option-set h3{
line-height: 1.1875;
margin: 0 0 8px;
font-weight: 700;
font-size: 16px;
color: #0a192d;
letter-spacing: 0;
margin-bottom: 15px;
padding: 0px 10px;
}

.option-set a{
text-transform: capitalize;
display: block;
cursor: pointer;
font-size: 16px;
font-weight: 500;
color: #000;
letter-spacing: 0.3px;
margin-bottom: 8px;
display: flex;
align-items: center;
padding: 4px 2px;
font-family: Proxima Nova Bold,sans-serif;
}

.option-set a span{
transition: 0.4s;
padding: 2px 10px;
}

.option-set a:hover span{
background-color: #0a192d;
color: #fff;
}

.arrow-icon{
font-size: 16px;
margin-left: 5px;
display: none !important;
}

.option-set a.active .arrow-icon{
display: block !important;
font-weight: 700;
color: #a7a7a7;
}

.option-set a:hover .arrow-icon{
display: block !important;
font-weight: 700;
color: #a7a7a7;
}

.option-set .nav-tabs .nav-link{
border: none;
}

.option-set .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active span{
color: #ffffff !important;
background-color: #0a192d !important;
border: none !important;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
border: none;
}

.article-img {
object-fit: cover;
width: 100%;
margin-bottom: 10px;
height: 350px;
}

.article-2-img {
object-fit: cover;
width: 100%;
margin-bottom: 15px;
height: 220px;
}

.article-title a{
font-size: 26px;
line-height: 1.2;
color: #000;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin: 0px 0 12px;
font-family: Proxima Nova Bold,sans-serif;
}

.article-text{
font-size: 16px;
line-height: 1.4;
color: #666666;
font-weight: 500;
margin-bottom: 13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.read-more{
border: 0;
font-size: 18px;
color: #000 !important;
letter-spacing: 0;
line-height: 2px;
display: flex;
align-items: center;
}

.read-more .lni{
color: #000 !important;
margin-left: 8px;
transition: all .3s;
}

.read-more:hover .lni{
-webkit-transform: translateX(15px);
-moz-transform: translateX(15px);
transform: translateX(15px);
}

.read-more span{
/* padding-left: 8px; */
font-size: 18px;
}

.article-details-title{
font-size: 34px;
font-weight: 700;
color: #000;
line-height: 1.3;
margin-bottom: 20px;
}

.article-details-img{
margin-bottom: 15px;
}

.article-details-text{
font-size: 18px;
line-height: 1.7;
font-weight: 500;
margin-bottom: 15px;
}

.ri-meta{
font-weight: 400;
font-size: 16px;
color: #545454;
letter-spacing: 0;
line-height: 2;
margin-bottom: 5px;
}

.ri-date {
display: inline-block;
margin-right: 4px;
color: #000
}

.ri-sep{
color: #000;
text-decoration: none;
}

.author-link{
color: #000;
}

.ri-author {
display: inline-block;
margin-left: 4px;
color: #000;
}

.page-link{
color: #161616;
background-color: #fff;
border: 1px solid #0a192d;
}

.page-item.active .page-link{
z-index: 3;
color: #fff;
background-color: #0a192d;
border-color: #0a192d;
}

.page-item:first-child .page-link{
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}

.page-item:last-child .page-link{
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

.page-link:hover{
color: #fff;
text-decoration: none;
background-color: #0a192d;
border-color: #0a192d;
}
/*--blog page css end here-------------------------------*/

/*--blog details page css start here---------------------------*/
.blog-details-sec{
background-image: url(../img/blog-details-bg.jpg);
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 400px;
}

.details-text-sec{
margin-top: -120px;
}

.details-title{
font-size: 38px;
font-weight: 700;
line-height: 1.2 !important;
font-family: Proxima Nova Bold,sans-serif;
}

.details-date{
font-size: 20px;
font-weight: 600;
}

.details-date::after{
content: '';
width: 120px;
height: 10px;
background: #0a192d;
display: block;
position: relative;
margin-top: 20px;
}

.details-link{
font-size: 22px;
padding-top: 50px;
font-family: Proxima Nova Bold,sans-serif;
}

.details-link a{
color: #000;
}

.bg-black{
background-color: #0a192d !important;
}

.details-text{
font-size: 20px;
line-height: 1.4;
}

.topsy-text{
font-size: 35px;
margin-bottom: 15px;
font-family: Proxima Nova Bold,sans-serif;
}

.topsy-text a{
color: #000;
}

.blog-details-form h2{
font-size: 40px;
font-weight: bold;
font-family: Proxima Nova Bold,sans-serif;
}

.author-title{
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
font-family: Proxima Nova Bold,sans-serif;
}

.author-img{
width: 150px;
max-width: 150px;
display: block;
margin: 0 auto;
}

.author-text{
font-size: 18px;
line-height: 1.4;
}

.author-text a{
border-bottom: 1px solid #000;
font-weight: 500 !important;
}

.smart-text{
font-size: 20px;
line-height: 1.4;
margin-bottom: 20px;
margin-top: 30px;
}

.details-text{
font-size: 20px;
line-height: 1.4;
}

.map-title{
font-size: 20px;
color: #fff;
}

.map-text{
font-size: 30px;
font-weight: 700;
line-height: 1.3;
color: #fff;
font-family: Proxima Nova Bold,sans-serif;
}

.cta-btn{
background: #02d1a6;
color: #fff;
border-radius: 25px;
font-size: 18px;
font-weight: 600;
text-align: center;
padding: 8px 30px;
text-transform: capitalize;
font-family: Proxima Nova Bold,sans-serif;
}

.cta-btn:hover{
color: #fff;
}

.topic-link{
font-size: 20px;
border-radius: 25px;
border: 1px solid #02d1a6;
color: #fff;
padding: 8px 30px;
margin: 5px;
font-weight: 700;
text-transform: capitalize;
background-color: #02d1a6;
box-shadow: none !important;
}

.topic-link:hover{
background-color: #0a192d;
border: 1px solid #0a192d;
color: #fff;
}

.map-img{
margin-top: -60px;
}

.social-icon .fa{
font-size: 29px;
}

.social-icon a:hover .fa{
color: #657573;
}

/* .details-title {
font-size: 28px;
} */

.social-menu-icons{
z-index: 10;
position: absolute;
left: -9%;
top: 5.33%;
list-style: none;
padding-left: 0px;
}

.social-menu-icons .lni{
font-size: 29px;
color: #0a192d;
}

.social-menu-icons a:hover .fa{
color: #657573;
}

.social-icon .lni{
font-size: 29px;
color: #0a192d;
}

/*--blog details page css end here------------------------------*/

/*--service details page css start here---------------------------*/
.sd-box{
display: flex;
}

.sd-box h3{
font-family: Proxima Nova Bold,sans-serif;
font-size: 36px;
line-height: 1.1;
margin-top: -2px;
}

.sd-right-box h3{
font-family: Proxima Nova bold,sans-serif;
font-size: 26px;
line-height: 1.2;
}

.sd-blue h3{
font-size: 24px;
line-height: 1.2;
font-style: italic;
color: #074dbe;
}

.sd-right-box p{
font-size: 18px;
line-height: 1.5;
}

.laptop-img{
position: relative;
left: -88px;
}

.bg-light{
background-color: #f7f7f7 !important;
}

.cs-box{
display: flex;
align-items: center;
}

.cs-box span{
color: #828282;
font-size: 16px;
font-weight: 700;
font-family: Proxima Nova bold,sans-serif;
}

.cs-box h3{
color: #828282;
font-size: 16px;
font-weight: 700;
font-family: Proxima Nova bold,sans-serif;
}

.cs-box p{
color: #000;
font-size: 32px;
line-height: 1.3;
font-family: Proxima Nova Light, sans-serif;
}
/*--service details page end here---------------------------------*/


/*--team page css start here----------------------------------------*/
.team-box{
margin: 35px;
background-color: #fff;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.team-img{
position: relative;
overflow: hidden;
margin: 0 auto;
}

.team-img img{
width: 100%;
height: 400px;
object-fit: cover;
-webkit-transition: .4s ease;
transition: .4s ease;
}

.team-box a:hover img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}

.team-content{
padding: 30px;
transition: all 0.5s ease-in-out;
}

.team-content h2{
font-size: 22px;
line-height: 1.3;
color: #000;
font-weight: 700;
margin-bottom: 15px;
}

.team-content p{
font-size: 13px;
line-height: 1.7;
color: #4f4d4c;
font-weight: 300;
letter-spacing: 2px;
margin-bottom: 0px;
}

.team-box a:hover .team-content{
background-color: #0a192d;
}

.team-box a:hover .team-content h2{
color: #ffff;
}

.team-box a:hover .team-content p{
color: #ffff;
}

.close{
border: 2px solid #02d1a6 !important;
border-radius: 25px !important;
height: 50px;
width: 50px;
line-height: 47px;
font-size: 16px;
transition: 0.4s;
outline: 0 !important;
cursor: pointer;
}

.close:hover{
background-color: #02d1a6 !important;
}

.close i{
font-size: 16px !important;
font-weight: 700;
color: #02d1a6;
}

.close:hover i{
color: #fff !important;
}

.team-details{
margin: 50px 50px 0px 0px;
}

.team-details h1{
font-size: 38px;
line-height: 1.3;
font-family: Proxima Nova light, sans-serif;
}

.team-position{
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
}

.team-position li{
margin-right: 5px;
color: #4f4d4c;
padding-right: 0px;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
}

.team-position li span::after{
content: "";
z-index: 1;
border-right: 1px solid #000;
height: 8px;
padding-right: 5px;
}

.team-position li:last-child span::after{
content:none;
}
/*--team page css end here----------------------------------------*/

/*--service page css start here-------------------------------------------*/
.service-tabs .nav-item .nav-link{
color: #0a192d;
}

.service-tabs .nav-item .nav-link:hover{
color: #0a192d;
background-color: #ffffff;
border: 1px solid #0a192d;
border-radius: 0px;
}

/*.service-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{*/
/*color: #0a192d;*/
/*background-color: #ffffff;*/
/*border: 1px solid #0a192d;*/
/*border-radius: 0px;*/
/*}*/

.category-name{
font-size: 14px;
line-height: 1.5;
color: #000;
font-weight: 600;
text-transform: capitalize;
margin-top: 12px;
margin-bottom: 10px;

}

.service-box h3{
font-size: 24px;
line-height: 1.3;
color: #000;
font-weight: 600;
font-family: Proxima Nova bold,sans-serif;
margin-bottom: 6px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
position: relative;
}

.service-box p{
font-size: 16px;
line-height: 1.4;
color: #000;
font-weight: 400;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
position: relative;
}

.com1{
background-color: #004b4b;
}

.owl-dots{
display: none;
}

.owl-theme .owl-nav{
position: absolute;
right: -9px;
top: -37px;
margin-top: 0 !important;
}


.owl-theme .owl-nav .owl-prev{
background-color: #fff !important;
position: absolute;
right: 45px;
transition: background .5s ease 0s;
/*height: 30px;*/
width: 40px;
/*line-height: 33px !important;*/
border-radius: 3px !important;
cursor: pointer !important;
margin: 0px !important;
}

.owl-theme .owl-nav .owl-next{
background-color: #fff !important;
position: absolute;
right: 5px;
transition: background .5s ease 0s;
/*height: 30px;*/
width: 40px;
/*line-height: 33px !important;*/
-ms-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
-o-border-radius: 3px !important;
border-radius: 3px !important;
margin: 0px !important;
}

.owl-theme .owl-nav .owl-prev i{
color: #bdbdbd;
font-size: 26px;
transition: all .3s;
}

.owl-theme .owl-nav .owl-prev:hover i{
-webkit-transform: translateX(-6px);
-moz-transform: translateX(-6px);
transform: translateX(-6px);
}

.owl-theme .owl-nav .owl-next i{
color: #bdbdbd;
font-size: 26px;
transition: all .3s;
}

.owl-theme .owl-nav .owl-next:hover i{
-webkit-transform: translateX(6px);
-moz-transform: translateX(6px);
transform: translateX(6px);
}

.owl-theme .owl-nav button span{
display: none;
}

.owl-nav button:hover {
transition: .4s;
background: 0 0 !important;
border-radius: 0 !important;
}

.owl-nav button:focus{
outline: 0;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled{
display: block !important;
}

.owl-theme .owl-nav .disabled{
opacity: unset !important;
cursor: pointer;
}

.owl-theme .owl-nav [class*=owl-]:hover{
color: #000 !important;
text-decoration: none;
}

.proxima-bold{
font-family: Proxima Nova bold,sans-serif !important;
}

/*--service page css end here-------------------------------------------*/

/*--clients page css start here-------------------------------------------*/
.client-logo{
border: 1px solid #e1e1e1;
box-shadow: 5px 5px 4px #e1e1e1;
width: 100%;
}

.client-logo:hover{
border: 1px solid #d7d6d6;
box-shadow: 1px 1px 4px #d7d6d6;
}

.client-logo img{
width: 100%;
height: 135px;
}
/*--clients page css end here-------------------------------------------*/

/*--cloud velox css start here--------------------------------*/
.featured-case-study{
margin: 60px 0 0 0;
}

.fcs-border{
display: flex;
position: relative;
padding: 60px 0;
}

.fcs-border:before{
content: "";
position: absolute;
border: 1px solid #000;
width: calc(100% - 170px);
height: 100%;
right: 0;
top: 0;
z-index: -1;
}

.fcs-img{
width: 50%;
display: flex;
align-items: center;
}

.fcs-content{
width: 50%;
padding: 0 40px;
}

.fcs-content h3{
font-family: Proxima Nova Light, sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 32px;
margin: 0 0 21px;
}

.fcs-content hr{
background: #0a192d;
margin: 0 0 25px;
height: 8px;
width: 108px;
}

.fcs-content p{
font-family: Proxima Nova Bold, sans-serif;
font-size: 20px;
line-height: 26px;
}

.fcs-content a:after {
content: '';
display: inline-block;
width: 25px;
height: 11px;
background-image: url('../img/arrow_black.png');
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
margin-left: 10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}


.white-popup{
position: relative;
background: #FFF;
padding: 25px;
width: auto;
max-width: 400px;
margin: 0 auto;
}

.mfp-zoom-in .mfp-with-anim{
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg{
opacity: 0;
transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim{
opacity: 1;
transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg{
opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim{
transform: scale(0.8);
opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg{
opacity: 0;
}
/*--cloud velox css end here--------------------------------*/

/*--faq page css start here------------------------------------*/
.accordion .card .card-header{
cursor: pointer;
background-color: #fff;
padding: 20px 0px !important;
}


.accordion .card-link{
font-size: 18px;
color: #000;
font-weight: 500;
}

.accordion .card-header:after{
font-family: FontAwesome;
content: "\f00d";
float: right;
font-size: 20px;
color: #000;
font-weight: 700;
}

.accordion .card-header.collapsed:after{
content: "\f067";
}

.accordion .card-header a{
color: #0a192d;
font-size: 20px;
font-family: Proxima Nova Bold, sans-serif;
}
/*--faq page css end here--------------------------------------*/


/*--video page css start here-------------------------------*/
.video-grid{
margin-bottom: 15px;
}

.video-grid .gen-video-contain{
position: relative;
}

.video-grid .gen-video-contain .gen-video-img{
position: relative;
overflow: hidden;
}

.video-grid .gen-video-contain .gen-video-img:before{
content: "";
opacity: 0;
z-index: 9;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
background: #0B101766;
background: -webkit-linear-gradient(top, #0B101766, #0b10172b);
background: -moz-linear-gradient(top, #0B101766, #0b10172b);
background: linear-gradient(to bottom, #0B101766, #0b10172b);
}

.video-grid .gen-video-contain:hover .gen-video-img:before{
opacity: 0.9;
}

.video-grid .gen-video-img img{
height:320px;
width: 100% !important; 
object-fit: cover;
}

.video-grid .gen-video-add{
position: absolute;
right:6px;
bottom:6px;
display: flex;
z-index: 99;
}

.video-grid .gen-video-add .menu{
z-index: 9;
padding: 0;
margin: 0;
list-style-type: none;
}

.video-grid .gen-video-add .menu li{
position: relative;
cursor: pointer;
text-align: center;
color:#fff;
display:inline-block;
background: rgb(82, 82, 82, 0.4);
padding: 3px;    
}

.video-grid .gen-video-add .menu .share i.lni{
background: transparent;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 16px;
color:#fff;
border-radius: 0;
}

.video-grid .gen-video-contain:hover .gen-video-action{
opacity: 1;
}

.video-grid .gen-video-contain .gen-video-action{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9;
/*opacity: 0;*/
}

.video-grid .gen-video-contain .gen-button{
padding: 0;
width: 60px;
height: 60px;
opacity: 1;
display: inline-block;
line-height: 60px;
text-align: center;
-webkit-border-radius: 50px;
-moz-border-radius:50px;
border-radius: 50px;
}

.video-grid .gen-button{
text-transform: uppercase;
position: relative;
width: auto;
font-weight: 400;
background-color:#02d1a6;
color:#fff;
font-size: 16px;
padding: 12px 30px;
line-height: 2;
vertical-align: middle;
border: none;
display: inline-block;
overflow: hidden;
}

.video-grid .gen-button:hover{
color:#fff;    
}

.video-grid .gen-video-contain .gen-video-action .gen-button i{
margin: 0;
padding: 0;    
}

.video-grid .gen-video-contain .gen-video-action .gen-button i:hover{
color:#fff;    
}
/*--video page css end here-------------------------------*/

/*--video grid other css start here-------------------------------*/
.video-grid-other{
margin-bottom: 15px;
}

.video-grid-other .gen-video-contain{
position: relative;
}

.video-grid-other .gen-video-contain .gen-video-img{
position: relative;
overflow: hidden;
}

.video-grid-other .gen-video-contain .gen-video-img:before{
content: "";
opacity: 0;
z-index: 9;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
background: #0B101766;
background: -webkit-linear-gradient(top, #0B101766, #0b10172b);
background: -moz-linear-gradient(top, #0B101766, #0b10172b);
background: linear-gradient(to bottom, #0B101766, #0b10172b);
}

.video-grid-other .gen-video-contain:hover .gen-video-img:before{
opacity: 0.9;
}

.video-grid-other .gen-video-img img{
height:220px;
width: 100% !important; 
object-fit: cover;
}

.video-grid-other .gen-video-add{
position: absolute;
right:6px;
bottom:6px;
display: flex;
z-index: 99;
}

.video-grid-other .gen-video-add .menu{
z-index: 9;
padding: 0;
margin: 0;
list-style-type: none;
}

.video-grid-other .gen-video-add .menu li{
position: relative;
cursor: pointer;
text-align: center;
color:#fff;
display:inline-block;
background: rgb(82, 82, 82, 0.4);
padding: 3px;    
}

.video-grid-other .gen-video-add .menu .share i.lni{
background: transparent;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 16px;
color:#fff;
border-radius: 0;
}

.video-grid-other .gen-video-contain:hover .gen-video-action{
opacity: 1;
}

.video-grid-other .gen-video-contain .gen-video-action{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9;
/*opacity: 0;*/
}

.video-grid-other .gen-video-contain .gen-button{
padding: 0;
width: 60px;
height: 60px;
opacity: 1;
display: inline-block;
line-height: 60px;
text-align: center;
}

.video-grid-other .gen-button{
text-transform: uppercase;
position: relative;
width: auto;
font-weight: 400;
background-color:#02d1a6;
color:#fff;
font-size: 16px;
padding: 12px 30px;
line-height: 2;
vertical-align: middle;
border: none;
display: inline-block;
overflow: hidden;
border-radius: 50px;
}

.video-grid-other .gen-button:hover{
color:#fff;    
}

.video-grid-other .gen-video-contain .gen-video-action .gen-button i{
margin: 0;
padding: 0;    
}

.video-grid-other .gen-video-contain .gen-video-action .gen-button i:hover{
color:#fff;    
}

.btn-close{
background-color: #02d1a6;
padding: 10px;
border: none;
border-radius: 50px;
height: 40px;
width: 40px;
line-height: 22px;
}

.btn-close i{
font-size: 14px;
color: #fff;
font-weight: 700;
}
/*--video grid other css end here-------------------------------*/


/*--penned testimonials css start here-------------------------------*/
.editor-box{
border-bottom: 1px solid #dee2e6;
margin-bottom: 20px;
padding-bottom: 20px;
}

.editor-box:last-child{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

.editor-img{
width: 100%;
height: 170px;
object-fit: contain;
display: block;
margin-left: auto;
margin-right: auto;
}

.main-post-text{
font-size: 16px;
line-height: 1.5;
color: #000;
font-style: italic;
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}

.post-label{
font-size: 16px;
line-height: 1.5;
color: #000;
font-weight: 700;
text-transform: capitalize;
letter-spacing: .5px;
font-style: italic;
margin-bottom: 4px;
}

.editor-posts .post-meta{
font-size: 14px;
color: #2d3340;
}

.post-meta .author-by{
color: #000;
font-weight: 500;
font-style: italic;
}

.post-meta .author-name{
color: #787272;
font-weight: 500;
font-size: 12px;
font-style: italic;
}
/*--penned testimonials css end here----------------------------------*/