.aboutbanner_main { width: 100%; padding: 40px 0; }
.aboutapproach_main { width: 100%; padding: 0 0 85px; }
.aboutapproach_main .aboutexperdata { max-width: 580px; }
.approach_box { width: 100%; background: #6ECFEA; text-align: center; border-radius: 25px; margin: 15px 0; transition: .5s all; border: 2px solid #fff; padding: 55px 35px; } 
.number { width: 60px; height: 60px; margin: auto; background-color: #ffffff; border-radius: 50%; color: #6ECFEA; font-size: 15px; font-weight: 600; line-height: 60px; margin-bottom: 25px; } 
.approach_box h4 { font-size: 25px; max-width: 180px; font-weight: 700; color: #fff; margin: 0 auto 20px; } 
.approach_box p { font-size: 17px; font-weight: 500; color: #fff; line-height: 30px; margin: 0; }
.workwith_mainsec { display: inline-block; width: 100%; }
.workwith_slidsec { width: 100%; background: #F8F8F8; padding: 30px 0; margin: 10px 0 0; float: left; overflow: hidden;} 
.workwithslider { display: flex; align-items: center; justify-content: center; animation: marquee 50s linear infinite; position: relative; } 
.workwithslider li { padding: 20px 10px; min-width: 250px; text-align: center; } 
.workwithslider li img { height: 100px; width: 200px; object-fit: contain; filter: grayscale(2); transition: all .4s; }
.workwithslider li:hover img { filter: initial; }
@keyframes marquee {
  0% { left: 100%;  }
  100% { left: -100% }
}
.achiveabout_sec { position:relative; margin: 0 0 180px;}
.circlebox_row { width: 190px; height: 190px; border-radius: 100%; background: #C06451; position: absolute; bottom: -95px; left: 50%; transform: translateX(-50%); }
.aboutbox_img { position: relative; }
.btn.videobtn { margin: 0; padding: 0; outline: none; border: none; box-shadow: none; position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); }
.aboutmy_story { padding: 50px 0 70px; }
/**/
.brainvideopop .modal-dialog { padding: 0 15px; margin-top: 50px; width: 100%; max-width: 750px; }
.brainvideopop .modal-dialog .modal-body { padding: 0; margin: 0; } 
.brainvid_body { position: relative; } 
.brainvid_body .btn-close { background-color: #000; width: 40px; height: 40px; line-height: 42px; padding: 0; border-radius: 100px; opacity: 1; color: #fff; font-size: 20px; position: absolute; right: -15px; top: -15px; } 
.brainvid_body iframe { width: 100%; height: 400px; float: left; object-fit: cover; border-radius: 7px; }


/*-------------------------------- Responsive Media Query --------------------------------*/
@media (max-width: 767px){
.aboutbox_img { margin: 20px 0 0; }
.aboutmy_story { padding: 10px 0 30px; }
.btn.videobtn { bottom: 80px; }
.btn.videobtn img { width: 60px; } 

}



@media (max-width: 480px){
.aboutapproach_main { padding: 0 0 40px; }
.approach_box { padding: 25px 20px; }
.approach_box h4 { font-size: 22px; max-width: 100%; margin: 0 auto 15px; }
.achiveabout_sec { margin: 0 0 150px; }


}