/**/
.whoweare-sec { width: 100%; padding: 64px 0; background: #F5F5F5; } 
.whoweare-sec .heading-row { max-width: 600px; }
.whoweare-sec .heading-row p { font-size: 18px; margin: 0 0 35px; }
/**/
.whoweare-left { margin-right: 50px; display: inline-block; position: relative; overflow: hidden; }
.videomodal-div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.videomodal-div:before { content: ''; width: 100%; height: 100%; background: #2F2F2F; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; transition: all .3s; opacity: 0; visibility: hidden; }
.videoplaybtn { background: transparent; border: none; border-radius: 0; box-shadow: none; text-align: center; font-size: 18px; padding: 0; color: #ffffff; font-weight: 700; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; opacity: 0; visibility: hidden; transition: all .3s; white-space: nowrap; }
.videoplaybtn span { display: block; padding-top: 10px; position: relative; transform: translateY(40px); transition: all .3s; }
.videomodal-div:hover:before { opacity: 0.89; visibility: visible; }
.videomodal-div:hover .videoplaybtn { opacity: 1; visibility: visible; }
.videomodal-div:hover .videoplaybtn span { transform: translateY(0px);  }
#videomodal .modal-dialog { width: 100%; max-width: 60%; padding: 0 13px; } 
#videomodal .modal-body { padding: 0; display: inline-block; width: 100%; } 
#videomodal .btn-close { background-color: #007e4a; opacity: 1; width: 35px; height: 35px; border-radius: 100px; box-shadow: none; outline: none; border: none; position: absolute; top: -15px; right: -15px; z-index: 3; } 
.videobox video, .videobox iframe { width: 100%; height: 80vh; object-fit: cover; border-radius: 0.5rem; float: left; }
.modal-open .modal-backdrop.show { opacity: 0.89; }



/*-------------------------------- Responsive Media Query --------------------------------*/
@media (min-width: 992px){
.whoweare-sec .container { max-width: 100%; }

}

@media (min-width: 1600px){
.videoplaybtn { font-size: 22px; }

}

@media (min-width: 1900px){
.whoweare-left { margin-right: 0px; }

}

@media (max-width: 1199px){
.whoweare-left { margin-right: 0px; }
	
}

@media (max-width: 991px){
.whoweare-sec .heading-row { max-width: 100%; margin: 20px 0 0; }
.videobox video, .videobox iframe { height: 450px; }

}

@media (max-width: 767px){
.whoweare-sec .heading-row p  { font-size: 16px; margin: 0 0 20px; }
.videoplaybtn { font-size: 16px; }
.videoplaybtn .img-fluid { max-width: 60px; }
#videomodal .modal-dialog { max-width: 100%; margin: 30px auto; }
#videomodal .btn-close { width: 25px; height: 25px; top: -10px; right: -10px; }
.videobox video, .videobox iframe { height: 300px; }

}