.mb-50{margin-bottom: 30px;}
.mb-20{margin-bottom: 20px;}
@media (min-width:992px){
    .mb-50{margin-bottom: 50px;}
}
/* aboutsection css start */
.aboutplayvideodiv{max-width: 105px; background: var(--web-lightblue);border-radius: 10px;padding: 10px 15px;color: var(--web-white);font-size: 12px;line-height: 16px;text-align: left; margin-left: auto; margin-top:15px;}
.aboutplayvideodiv .playvideoicondiv img{width: 24px;}
.aboutplayvideodiv .playvideoicondiv{gap:10px; margin-bottom: 10px;font-weight: 700;}
.aboutimagesmaindiv .abouticon{position: absolute; left: 0; top: 0;}
.aboutimagesmaindiv .abouticon img{max-width: 92px;}
.aboutimagesmaindiv .aboutimg1{width: calc(100% - 34%);text-align: right; margin-left: auto;}
.aboutimagesmaindiv .aboutimg1 img{border-radius: 30px; width: 100%;}
.aboutimagesmaindiv .aboutimg2{width: calc(100% - 34%);position: absolute;top: 120px;}
.aboutimagesmaindiv .aboutimg2 img{border-radius: 0 0 0px 30px; width: 100%;}
.abouttitle{margin-top: 10px;margin-bottom: 10px;}
.aboutlist {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-left:0px;}
.aboutbtn{margin-top: 20px;}
#videopopup .btn-close{    position: absolute;top: -34px; right: 0;filter: invert(100%) brightness(200%);opacity: 1;}
#videopopup .modal-body{padding: 0px;}
#videopopup .modal-content{border: none;border-radius: 0;}
.redrequestquote{font-size: 16px !important;line-height: 24px  !important;font-weight: 900;text-align: center;text-transform: uppercase;background: var(--red-color);}
.contactbottomiconimg.aboutplayvideodiv{background: none;padding: 0;margin-top: 10px;}
@media (min-width:576px){
  .aboutimagesmaindiv .aboutimg1{width: calc(100% -42%);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 42%);top: 200px;}
  .aboutplayvideodiv{    padding: 20px 10px;max-width: 190px;}
  .aboutplayvideodiv .playvideoicondiv img{width: auto;}
  .aboutimagesmaindiv .abouticon img{    max-width: 164px;}
  .aboutplayvideodiv{margin-top: 30px;}
}
@media (min-width:768px){
  .redrequestquote{font-size: 22px !important;line-height: 30px  !important;}
  .aboutbtn{margin-top: 40px;}
  .abouttitle{margin-top: 20px; margin-bottom: 20px;}
  .aboutplayvideodiv{    padding: 40px 20px;max-width: 190px;}  
 
  .aboutplayvideodiv{font-size: 16px;line-height: 25px;}
  .aboutimagesmaindiv .aboutimg1{width: calc(100% -37%);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 37%);}
}
@media (min-width:992px){
  .aboutimagesmaindiv .aboutimg1{width: calc(100% -45%);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 45%);}
}
@media (min-width:1200px){
  .aboutimagesmaindiv .aboutimg1{width: calc(100% - 40%);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 40%);}
}
@media (min-width:1400px){
  .aboutimagesmaindiv .aboutimg1{width: calc(100% - 37%);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 37%);}
}
@media (max-width:400px){
  .aboutimagesmaindiv .aboutimg1{width: calc(100% - 120px);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 120px);}
}
/* aboutsection css end */

.servielistcontent .lightfont{font-weight: 400;    transition: all 0.5s;}
.servicemaindiv:hover .servielistcontent .lightfont{color: var(--web-white) !important;}

.teamrowmain .servicemaindiv .serviceimgdiv img{height: auto;}
.teamrowmain .servicemaindiv {position: relative;}
.teamrowmain .servicemaindiv .servielistcontent{position: absolute; bottom: 0;width: 100%;background: rgb(221,243,255);
    background: linear-gradient(1800deg, rgba(221,243,255,1) 55%, rgba(221,243,255,0.8267682072829132) 100%);}
    .teamrowmain .servicemaindiv:hover .servielistcontent{    background: var(--web-blue) !important;}