.hero-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #032d3d;
  opacity: 0.321;
  z-index: -1;
}
.languagemob a {
    color: #0f7196!important;
}

.language i {margin-left: 3px;} .language a {color: #fff;}
.language a:hover {color: #269fce;}
.sticky .language a{color: #0f7196;}
.sticky .language a:hover {color: #050505;}
.sticky .header-main .sidebar__toggle {color: #0f7196;}
.sticky .bg-white {
  background-color: #0f7196 !important;
  color: var(--white);
}
.servback {
   height: 240px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 15px;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}
.imgtestmnial {
  border-radius: 50%;
  width: 90px;
}
.testimonial-one__quote {
  position: absolute;
  top: 15px;
  left: 15px;
}

.testimonial-one__quote img {
  width: auto;
  opacity: .3;
  transform: scaleX(-1);
}
.footer-widgets-wrapper .single-footer-widget .list-area li a:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f104";
  color: rgb(217 217 217);
  font-size: 16px;
  padding-left: 5px;
}
.footer-widgets-wrapper .single-footer-widget .list-area1 li a {
  color: rgb(250 243 243);
}
.footer-widgets-wrapper .single-footer-widget .list-area1 li:hover a {
  color: var(--theme);
}
.footer-widgets-wrapper .single-footer-widget .list-area1 li a i {
  background: #ffffff;
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 3px;
  margin-left: 5px;
  text-align: center;
  color: #0f7196;
}
.blogback {
  height: 230px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.projectback {
  height: 240px;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}
 .catproject {
  position: absolute;
  bottom: 0px;
  right: 16px;
  width: auto;
  height: 35px;
  background-color: #003974;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
  padding: 0px 15px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  color: #fff;
}
.splt-txt {
   margin-bottom: 30px;
}
.header-3 .header-main .main-menu .active a {
  color: #269fce  !important;
}
.wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.wave path { fill: #fff;   }
.radius{border-radius: 15px;}
.contact-box-items .icon::after {
  position: absolute;
  right: -10%;
  bottom: -10%;
  height: 100%;
  width: 100%;
  content: "";
  background: #0f7196;
  z-index: -1;
  border-radius: 25px;
  opacity: .3;
}
.mmb35 {
  margin-bottom: 35px;
}
.recent-thumb img {
  width: 90px;
  border-radius: 5px;
}
.project-thumb {
   height: 280px;
   border-radius: 0px;
   margin-bottom: 15px;
   border-bottom-left-radius: 25px;
   border-top-right-radius: 25px;
}
 .justify-content {
   justify-content: center;
}
.align-items {
  align-items: center;
}
.clr {
   color: #0f7196;
}
.mb .splt-txt {
  margin-bottom: 20px;
}.whats:hover {
  background: #4c4a4c;
  color: #ffffff;
}
.whats {
  position: fixed;
  bottom: 110px;
  right: 15px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  background: #28a745;
  /* display: none; */
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  box-shadow: 0 0 0 0 #25d366;
  -webkit-animation: pulse 1.5s infinite;
}@keyframes pulse {
  0% {
      transform: scaleX(1);
  }

  50% {
      transform: scale3d(1.05,1.05,1.05);
      box-shadow: 0 0 0 15px #baffd4;
  }

  to {
      transform: scaleX(1);
      box-shadow: 0 0 0 0 #25d366;
  }
}
.section-padding-project {
  padding: 50px 0;
}
.slidarrows  .array-button {
  transition: all 0.4s ease-in-out;
  text-align: center;
  margin-top: 20px;
}

.slidarrows .array-button .array-prev {
      left: 0;
      z-index: 9;
      background: #f2f5fa;
      color: #003cbe;
  }

  .slidarrows  .array-button .array-next {
    top: 50%;
    right: 0;
    z-index: 9;
    margin-left: 10px;
    background: #f2f5fa;
    color: #003cbe;
}
.slidarrows  .array-button .array-prev:hover {
  background-color: #003cbe;
  color: var(--white);
}
.slidarrows  .array-button .array-next:hover {
  background-color: #003cbe;
  color: var(--white);
}

.certifimg {
 /* height: 245px;*/
 border-radius: 0px;
 margin-bottom: 15px;
 border-bottom-left-radius: 25px;
 border-top-right-radius: 25px;
 width: 100%;
 border: 1px solid #373434;
 padding: 5px;
}
.gallery-item {
  position: relative;
}
 .gallery-item .thumb .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  transition: 0.3s;
  opacity: 0;
  width: 100%;
  height: 100%;
}
 .gallery-item .thumb .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(8 59 178 / 29%);
  transition: 0.4s;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
}
  .gallery-item .thumb .icon i {
  color: var(--white);
  font-size: 22px;
  z-index: 99;
  position: relative;
  /* margin-top: 30px; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 .gallery-item .thumb:hover .icon {
  opacity: 1;
}
 .gallery-item .thumb:hover .icon::after {
  opacity: 1;
}
 
 .font-weight {
   font-weight: 500;
}.project-video {
    height: 350px;
    border-radius: 0px;
    margin-bottom: 10px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;border: 1px solid #16151508;
}
.about-wrapper-3 .about-content .video-image {
     margin-bottom: 20px;
}
 .btnproj {
    text-transform: capitalize;
    color: #013db6;
    font-weight: 600;
    font-size: 19px;
}
.btnproj:hover { 
     color: #000;
 }
 .mean-container .mean-nav ul li a {
      text-align: right; 
}
 .direction {
    direction: rtl;
}
@media (min-width: 0px) and (max-width: 991px)
{
     .flex-direction {
    flex-direction: column-reverse;
}
    .hero-3 .hero-content p {
  font-size: 20px; 
}
  .project-video {
       height: 240px;
    }
    .project-thumb {
       height: 230px;
    }
  .blog-post-details .single-blog-post .post-featured-thumb {
      height: 250px;
   }
 .flex-direction {
  flex-direction: column-reverse;
}
.about-wrapper-3 .about-content {
   padding: 25px 20px;
}
}