@import url(https://fonts.googleapis.com/css?family=Tajawal:400,400i,600,600i,700,700i,800&display=swap);html {font-family: "Tajawal", sans-serif !important;}body {font-family: "Tajawal", sans-serif !important;}h1,h2,h3,h4,h5,h6 {font-family: "Tajawal", sans-serif !important;}p {font-family: "Tajawal", sans-serif !important;}
.main-header-two__social a{
  position: relative;
    width: 40px;
    height: 40px;
    color: var(--solapa-base);
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    font-size: var(--font-18);
    margin-left: var(--margin-left-5);
    border: 1px solid #0E3B90;
}
.main-header-two__social{
  padding: 12px 0px;
}
.site-footer__upper{
  padding-top: var(--padding-top-40);
    padding-bottom: var(--padding-bottom-10);
}
.site-footer__middle{
  padding: 50px 0px 20px;
}
.main-slider-two .container{
  padding-top: 50px;
}
.main-slider__three-title{
  font-size: var(--font-50);
  line-height: 60px;
  text-shadow: 0 3px 10px rgba(0,0,0,0.6), 0 8px 24px rgba(0,0,0,0.5);
}
.main-slider__three-subtitle{
  color: var(--solapa-white);
  text-shadow: 0 2px 8px rgba(0,0,0,0.6), 0 6px 18px rgba(0,0,0,0.45);
}
.section-title__title a{
  color: var(--solapa-third-color);
}
.services-images img{
  height: 450px;
  object-fit: cover;
}
.services-images h3{
  font-size: var(--font-22);
}
.news-one__content{
  padding-top: var(--padding-top-15);
}
.news-one__title{
  margin-top: var(--margin-top-5);
  margin-bottom: var(--margin-bottom-5);
  padding-bottom: var(--padding-bottom-15);
}
.total-cats{
  border-radius: 100%;
  background-color: var(--solapa-second-color);
  color: white;
  width: 40px;
  height: 30px;
  padding: 5px;
  margin: auto;
}
.page-title:before{
  content: '';
}
.page__breadcrumb li:after{
  content: '';
}
.fa-angle-double-right, .fa-angle-double-left{
  color: white;
}
.page-title{
  padding: 35px 0px 35px;
}
.section-title__title{
  font-size: var(--font-65);
}
.choose-one__single-inner{
  min-height: 540px;
}
.blog-shadow{
  padding: 50px 0;
}
.project-three__image img{
  height: 450px;
  object-fit: cover;
}
.project-three__title{
  font-size: var(--font-20);
}
.project-three__overlay-box{
  padding: 25px 40px 25px 30px;
}
.service-details__cagegory-list li a{
  font-size: var(--font-16);
}
.history-one.style-two{
  padding-top: var(--padding-top-40);
  min-height: 350px;
}
.history-one__inner-container{
  padding-left: 350px;
}
.history-one__client-box{
  max-width: 350px;
  padding: 5px 5px;
}
.main-slider__two-title{
  font-size: var(--font-50);
  line-height: 55px;
}
.main-slider-three .container{
  padding-top: 30px;
}
.main-slider__three-img{
  height: clamp(180px, 24vw, 360px);
}
.swiper-slide-active .main-slider__three-img{
  width: clamp(280px, 32vw, 520px);
}
.main-slider__three-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-header__logo-box:before{
  background: none;
}
.main-header__logo-box img{
  top: 8px;
    height: 83px;
    position: absolute;

}
.main-header__info li .icon{
  color: var(--main-color);
}
.main-header-two__social a{
  color: var(--main-color);
}
.main-header__info li .icon,
.main-header__info li:last-child .icon{
  top: 0;
    padding: 0 5px;
    font-size: 26px;
}
.email_icon{
  font-size: 40px!important;
  margin: -7px -14px;
}
.email_icon2{
  font-size: 40px!important;
  margin: -6px 0;
}
@media (max-width: 768px) {
	.mobile-menu__social li a {
    padding: 10px 13px;
	}
  .main-slider__two-title{
    font-size: var(--font-30);
    line-height: 40px;
  }
  .main-slider__three-title{
    font-size: var(--font-30);
    line-height: 35px;
    text-shadow: 0 2px 8px rgba(0,0,0,0.55), 0 6px 18px rgba(0,0,0,0.45);
  }
  .main-slider__three-subtitle{
    text-shadow: 0 2px 7px rgba(0,0,0,0.55), 0 5px 14px rgba(0,0,0,0.4);
  }
  .main-slider-three .container{
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .image-layer-three:before{
    width: 100%;
  }
  .image-layer-three{
    bottom: 0;
  }
  .main-slider__three-img{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    height: 56vw;
    max-height: 360px;
  }
  .swiper-slide-active .main-slider__three-img{
    width: 100% !important;
  }
  .history-one__inner-container{
      padding-left: 0px;
  }
}
@media only screen and (max-width: 479px){
  .section-title__title, .cta-one__title, .energy-two__title, .project-two__title, .faq-one__accordion-column .section-title h2{
    font-size: var(--font-38)!important;
  }
}