.swiper-wrapper {
  
     align-items: center;
}
.icnhdd {
    padding-right: 5px;
    font-size: 15px;
} 
.banner {
  position: relative;
  width: 100%;
  height: 100vh;  
  overflow: hidden;
  }
  
  .banner video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover; 
  }
  ::-webkit-scrollbar {
    width: 8px
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #45474b;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
    border-radius: 1px
  }
  
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: 1px
  }
  .wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .wave path { fill: #fff;   }
   .lang {color: #ffffff;}
  .lang:hover {color: #b88e4a;}
  .lang i{  margin-right: 3px; }
   .mb-20 {
    margin-bottom: 20px;
  } .blgnm {
    background: #050505;
    padding: 7px 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
  }
  .brand-one::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000000d1;
    opacity: 0.921;
}
.white {
  position: relative;
  display: block;
  height: 2px;
  width: 28px;
  background-color: #ffffff;
  top: -11px;
}
.footer-widget__page-list li a:before {
  position: absolute;
  top: 50%;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-size: 11px;
  color: #fff;
  transform: translateY(-50%);
  font-weight: 700;
  z-index: 1;
  /* opacity: 0; */
  font-size: 16px;
}

 .servimg {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 250px;
   border-radius: 20px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
}
 .btnserv {
  border: 1px solid #080808;
  background: #ffffff;
  color: #000;
  padding: 9px 21px;
  font-size: 16px;
}
.pfoot {  margin-bottom: 2rem; }
 .icnserv {
  background: #000000;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}
.icnserv:hover {
  background: #b88e4a;  color: #ffffff;
}
.clientback {
  position: relative;
  display: block;
  padding: 50px 0 50px;
  /* background: #f6f6f6; */
  border-top: 1px solid #f6f6f6d6;
  /* background-image: linear-gradient(to right, #fff, #f6f6f6d4); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.clientback::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #000000;
  opacity: 0.721;
}
.testmonialimg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 355px;
  border-radius: 20px;
}
 .cmpname {
  color: #ffffff;
  /* font-weight: 600; */
  font-size: 22px;
}
.testmsingle {padding: 10px 11px .7rem;background-color: rgb(39 37 37);}
.tetmnialicn {
  position: absolute;
  left: 0;
  bottom: -16px;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 3;
  background: #272525;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}.play {
  background: #ffffff;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border-radius: 50%;
  color: #080808;
}
.play:hover {
  background: #b88e4a;  color: #ffffff;
}
.fnname {
    font-size: 19px !important;
    color: #a9a9a9 !important;
    font-weight: 500;
} .mt-0 {
  margin-top: 0;
}
.percentage {
  font-weight: 700;
  color: #000;
  font-size: 27px;
  margin-right: 5px;
} .font-weight {
  font-weight: 600;
}
.services-two__single:hover .testmonialimg::before {
  opacity: 0;
}.nav-tabs {
  display: flex;  
  justify-content: center;  
}

.nav-tabs .nav-link {
  flex: 1;  
  text-align: center;  
  min-width: 120px;  
 max-width: max-content; 
  padding: 10px 15px; 
  white-space: nowrap;  
}
.nav-tabs .nav-link:last-child{margin-right: 0px;}
.mb-20btn {  margin-bottom: 5px; }
 .content1 {  padding-top: 1.5rem; }
 .numb {
  font-weight: 400;
  color: #000;
  font-size: 23px;
  line-height: 20px;
}

 .contactimg {
   height: 545px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 15px;
   box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15);
}
.single-info-boxcon {
  background: #ffffff;
  padding: 25px 30px 15px 30px;
  border-radius: 15px;
  box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid #f1f1f1;
}.iconcon i {
  display: inline-block;
  font-size: 21px;
  border-radius: 0px;
  height: 66px;
  width: 66px;
  line-height: 66px;
  background: #4a4747;
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
}.iconcon i::after {
  position: absolute;
  right: 17%;
  bottom: -10%;
  height: 100%;
  width: 100%;
  content: "";
  background: #4a4747;
  z-index: -1;
  border-radius: 0;
  opacity: 0.3;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
}.hed-cont {
  margin-bottom: 16px;
  font-weight: 600;
  color: #050504;
  font-size: 20px;
  text-transform: uppercase;
}.phonecn {
  margin-bottom: 10px;
  font-size: 18px;
  /* font-weight: 600; */
  color: #191918;
}.phonecn a:hover {
  color: #b88e4a;
}
.phonecn a {
  margin-bottom: 10px;
  font-size: 18px;
  color: #191918;
}

.bckmp {
  position: relative; 
  border-top: 1px solid #f6f6f6d6;
  background-image: linear-gradient(to right, #fff, #f6f6f6d4);
}
iframe {
  border: 0;
  border-radius: 15px;
  height: 400px;
}
.btnserv1 {
  border: 1px solid #080808;
  background: #ffffff;
  color: #000;
   font-size: 16px;
}
.cs_about_thumb .imgbackground {
  height: 400px;
  width: 100%;
  background-position: center;
  background-size: cover;
  position: relative;
  margin-bottom: 5px;
  border-radius: 10px;
}
.cs_about_thumb .imgbackground:after {
  content: '';
  background-color: #333A41;
  width: 100%;
  position: absolute;
  top: 20px;
  bottom: -20px;
  right: 45%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(-50%);
  transform: translateX(50%);
  border-radius: 10px;
  z-index: -1;
  opacity: .7;
}
.taem {
  position: relative;
  display: block;
  padding: 50px 0 50px;
  /* background: #f6f6f6; */
  border-top: 1px solid #f6f6f6d6;
  background-image: linear-gradient(to right, #fff, #f6f6f6d4);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.content2 {
  padding: 15px 10px 0px;
}
.content2 .services-two__icon-and-title {  margin-bottom: 10px; }
.fnnametm {
  font-size: 17px !important;
  color: #1D1D1F99 !important;
}
.cmpnametm {
  color: #000000;
    font-weight: 500;  
  font-size: 21px;
}
.tmsingle {
  padding: 10px 11px .7rem;
  background-color: #fffefe40;
}
 .visiondiv {
  background-image: linear-gradient(to right, #333A41, #000000);
  border-radius: 15px;
  padding: 20px 20px;
  color: #fff;
  margin-bottom: 20px;
}
 .eye {
  /* background: #ffffff; */
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  background-color: rgb(255 251 251 / 10%);
  margin-right: 5px;
}
 .fntabut {
  font-size: 17px;
}
.fntabut li {
  font-size: 17px;
  margin-bottom: 5px;
}
.taem1 {
  position: relative;
  display: block;
  padding: 0px 0 50px;
}
 .icney {
  display: flex ;
  align-items: center;
}
 .align-items {  align-items: center; }
  .abtworks { 
  border: 1px solid #01010100;
  border-radius: 20px;
  box-shadow: 0px 0px 70px 0px rgb(33 34 38 / 21%);
  padding: 25px;
}
.cs_about_thumb .imgbackgroundwork {
  height: 408px;
  width: 100%;
  background-position: center top;
  background-size: cover;
  position: relative;
  margin-bottom: 5px;
  border-radius: 10px;
} .fontwork {
  font-size: 17px;
}
.orwork2 {
  position: relative;
  display: block;
  counter-reset: count;
  z-index: 1;
  padding: 20px 0 20px;
}
.loadmorebtn {
  border: 1px solid #080808;
  background: #ffffff;
  color: #000;
  /* padding: 9px 21px; */
  font-size: 16px;
}
 .requestbtn {
  /* background: #1D1D1F!important; */
  border: 1px solid #ffffff !important;
  color: #fffdfd !important;
  background-color: rgb(0 0 0 / 60%);
  backdrop-filter: blur(20px);
}
 .justify-content {   justify-content: center; }
 .about-one__points {
  position: relative;
  display: block;
}.about-one__points li {
  position: relative;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}.about-one__points li .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  background-color: #dee4ea;
  border-radius: 50%;
  top: 3px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 15px;
  box-shadow: 0px 0px 70px 0px rgb(33 34 38 / 21%);
}
.about-one__points li img {
  width: 36px;
}
  .imgbackgroundservices {
  height: 327px;
  width: 100%;
  background-position: center;
  background-size: cover;
  position: relative;
  /* margin-bottom: 5px; */
  border-radius: 0px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
}
.abtservices {
  border-radius: 20px;
  box-shadow: 0px 0px 70px 0px rgb(33 34 38 / 8%);
  padding: 40px 25px 30px;
  align-items: flex-start;
  border: 1px solid #25212126;
  align-items: center;
  margin-bottom: 25px;
}
.mainimgserv {
  margin-bottom: 5px;
  border-radius: 0px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  border: 1px solid #d6d1d1ad;
  box-shadow: 0px 0px 70px 0px rgb(33 34 38 / 12%);
  padding: 5px;
  margin-bottom: 15px;
  margin-right: 35px;
}
.about-three__right .section-t:hover{color: #b88e4a;}
.servimgdetails {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
  border-radius: 0;
  border: 1px solid #18171717;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
}
.Tools {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 70px 0px rgb(33 34 38 / 13%);
  padding: 20px;
  border-radius: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* margin: 0 auto; */
  margin-bottom: 20px;
  /* width: fit-content; */
}

.Tools .icon {
  height: 60px;
  width: 60px;
  background-color: #dee4ea;
  text-align: center;
  line-height: 60px;
  transition: all 500ms ease;
  border-radius: 15px;
  box-shadow: 0px 0px 70px 0px rgb(33 34 38 / 21%);
  margin-bottom: 20px;
}
 
.Tools img {
  width: 30px !important;
  display: inline !important;
}.requestbtnmob {
   border: 1px solid #ffffff !important;
  color: #fffdfd !important;
  background-color: rgb(0 0 0 / 60%);
  backdrop-filter: blur(20px);
  padding: 10px 25px;
}
.btnnavlanguage {
  /* background: #1D1D1F !important; */
  border: 1px solid #ffffff !important;
  color: #fffdfd !important;
  background-color: rgb(0 0 0 / 60%);
  backdrop-filter: blur(20px);
  padding: 12px 25px;
}
 .langmobnav {
  padding: 11px 0px;
  border-bottom: 1px solid #38393c;
}
.whats:hover {
  background: #4c4a4c;
  color: #ffffff;
}
.whats {
  position: fixed;
  bottom: 110px;
  right: 10px;
  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;
  }
}
.sideSocial a:hover {
  border-radius: 16px 0px 0px 16px;
  width: 48px;
  background: #ffffff;
  color: #000000;
}

.sideSocial a:last-child {
  border-bottom-left-radius: 16px;
}

.sideSocial {
  position: fixed;
  right: 0px;
  top: 50%;
  z-index: 9;
  transform: translateY(-50%);
  flex-direction: column;
  justify-content: start;
  direction: rtl;
}

.sideSocial a {
  width: 36px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #282828c4;
  color: #fff;
  border-bottom: 1px dashed #ffffff26;
}

.sideSocial a:first-child {
  border-top-left-radius: 16px;
}

.sideSocial a:last-child {
  border-bottom: 0px dashed #45474b4d;
}

   @media (min-width: 0px) and (max-width: 991px)
   {
    .counter-one { padding: 20px 0 0px;
  }
    .nav-tabs .nav-link {
       padding: 10px 13px; 
  }
    .main-menu-three__wrapper {  padding: 0 15px;  }
    .services-details {  padding: 30px 0 30px;  }
    .servimgdetails {height: 250px;}
    .mainimgserv { margin-right: 0; }
    .abtservices {padding: 15px 8px 10px;}
    .imgbackgroundservices {height: 200px;}
    .blog-details {  padding: 30px 0 30px; }
    .testimonial-two {  margin-bottom: 30px;  margin-top: 30px;  }
    .cs_about_thumb .imgbackground {  height: 230px;  margin-bottom: 20px;  }
    .cs_about_thumb .imgbackgroundwork {height: 230px;/* margin-top: -41px; */}
    .contact-two {  padding: 30px 0 30px; }
    .contact-two__left {  padding: 25px 14px !important;   }
    .single-info-boxcon {  padding: 15px 10px 7px 10px;  }
    .contactimg {  display: none; }
    iframe {   height: 230px; }
    body {  font-size: 17px;  }
    .numb {font-weight: 400;color: #000;font-size: 18px;line-height: 20px;}
.blog-two__content p{  font-size: 16px; }
.blog-two__content .prcn{  font-size: 17px; }
 .brand-one {  padding-top: 30px; padding-bottom: 0px; }
    .services-carousel-page {  padding: 30px 0 30px; }
    .main-menu-three__logo {  padding: 13px 0;  }
     .mb-20btn { margin-bottom: 15px; }
    .faq-one {  padding: 30px 0 30px; }
    .blog-two {  padding: 30px 0 30px; }
    .blog-two__img { height: 220px;  }
    .flex-direction {flex-direction: column-reverse;}
    .about-three {padding: 15px 0 10px;}
  .banner {   height: 45vh;  }
  
  .banner video {
      width: auto;
      height: 100%;
      min-width: 100%;
  }
  .testimonial-two__dot-style {margin-top: 25px;}
  .section-title {  margin-bottom: 25px; }
 
.testmonialimg {height: 340px;}
.counter-one__count h3 {
  font-size: 25px;
}
.counter-one__title-box {  max-width: 100%;
  width: 100%;
   padding: 8.5px 6px; 
}
.counter-one__title {
  font-size: 20px;
  line-height: 25px;
}.counter-one__icon img {
  height: 40px;
  width: 40px;
}.counter-one__icon { 
  height: 40px;
  width: 40px;
}.cmpname {
  font-size: 19px !important;
  font-weight: 500;
  margin-bottom: -10px;
}
.fnname {
  font-size: 17px !important;
  font-weight: 500;
  margin-bottom: -10px;
}.cmpnametm {
  color: #000000;
  /* font-weight: 600; */
  font-size: 20px;
  margin-bottom: -8px;
}.fnnametm {
  font-size: 17px !important;
  color: #1D1D1F99 !important;
  margin-bottom: -8px;
}
  }