.ml-auto {
  margin-left: auto;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.pr-0 {
  padding-right: 0;
}

.pl-0 {
  padding-left: 0;
}

.full-width-image img {
  width: 100%;
  height: auto;
}

.header__bars svg {
  width: 30px;
  height: auto;
}

.header__area .header__logo img {
  height: 60px;
  width: auto;
}

.header__area .main-btn {
  margin-left: 30px;
}

.header__main-menu nav ul li .submenu {
  padding: 30px 20px;
}

.header__main-menu nav ul li .submenu li .submenu {
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 80%;
  transition: 0.3s;
}

.header__main-menu nav ul li .submenu li a {
  display: inline-block;
}

.header__main-menu nav ul li .submenu li .submenu {
  background-color: var(--it-theme-1);
}

.header__main-menu nav ul li .submenu li .submenu a {
  color: #fff;
}

.header__main-menu nav ul li .submenu li .submenu a::before {
  background-color: #fff;
}

.header__main-menu nav ul li .submenu li:hover .submenu {
  opacity: 1;
  visibility: visible;
  left: calc(100% + 15px);
}

.header__main-menu nav ul li .submenu li:hover .submenu a {
  font-size: 12px;
}

.header__main-menu nav ul li .submenu li .submenu li a {
  display: block;
}

.header__main-menu
  nav
  ul
  li.menu-item-has-children
  .submenu
  li.menu-item-has-children::after {
  color: var(--it-theme-1);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.notification__text {
  line-height: normal;
}

.notification__text span,
.notification__list ul li a,
.notification__list ul li span {
  font-size: 12px;
  font-size: 12px;
  color: var(--it-common-white);
  padding: 0px 10px;
  padding-right: 10px;
  display: inline-block;
  position: relative;
  transition: 0.3s;
}

.notification__list ul li span::after {
  content: "";
  background-color: var(--it-common-white);
  height: 15px;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* SUBTITLE */
.section-h4:before,
.about__area h4::before,
.testimonial__area .testimonial__section-title h4::before,
.service__area .service__section-title h4::before,
.contact-form__area h4::before,
.project__area h4::before,
.before-after h4::before {
  content: "";
  background-color: var(--it-theme-1);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  display: none;
}

.section-h4::after,
.about__area h4::after,
.testimonial__area .testimonial__section-title h4::after,
.service__area .service__section-title h4::after,
.contact-form__area h4::after,
.before-after h4::after,
.project__area h4::after {
  content: "";
  background-color: var(--it-theme-1);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
  display: none;
}

.section h4,
.about__area h4,
.testimonial__area .testimonial__section-title h4,
.service__area .service__section-title h4,
.contact-form__area h4,
.project__area h4,
.before-after h4 {
  color: var(--it-theme-1);
}

/* SECTION TITLE */

.section-title,
h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-black);
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  h2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h2 {
    font-size: 33px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  h2 {
    font-size: 30px;
  }

  h2 br {
    display: none;
  }
}

/* LIST */

main ul:not(.slick-dots) {
  list-style-type: none;
  margin-bottom: 25px;
}

main ul:not(.slick-dots) li {
  padding-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

main ul:not(.slick-dots) li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-family: 600;
  position: absolute;
  left: 0;
  top: 0;
  color: var(--it-theme-1);
  font-weight: 500;
  font-size: 15px;
  transform: translateY(3px);
}

/* HOME BANNER */

.slider__area h2 {
  padding-bottom: 15px;
}

.slider__bg {
  height: 600px;
}

.slider__content-box {
  padding: 150px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .slider__content-box {
    padding: 100px 0;
  }
}

/* PAGE BANNER */

.it-breadcrumb__area {
  max-height: 400px;
}

.it-breadcrumb__left-content {
  padding-top: 70px;
}

.it-breadcrumb__bg {
  background-position: center;
}

/* ADDRESS BOXES */

.contact__item {
  height: 100%;
}

.contact__icon span {
  transition: none;
}

.contact__icon span img {
  width: 64px;
  height: auto;
}

/* ABOUT */

.about__content h2 {
  padding-bottom: 25px;
}

/* FUNFACTS */

.counter__item:hover span img {
  filter: brightness(1);
  transition: none;
}

.counter__icon span img {
  width: 30px;
  height: auto;
  filter: brightness(100);
}

/* HOME SERVICES */

/* .service__item-wrapper{
    display: flex;
}

.service__item{
    flex: 1;
} */

.service__item-wrapper {
  height: 100%;
}

.service__item {
  height: calc(100% - 265px);
}

.service__item h4 {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 7px;
  transition: 0.3s;
}

.service__main-img img {
  width: 100%;
  height: 265px;
  object-fit: cover;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__item h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .service__item h4 {
    font-size: 20px;
  }
}

.service__item-wrapper:hover h4 {
  color: var(--it-common-white);
}

.service__item .service__content {
  display: flex;
  flex-wrap: wrap;
}

.service__item .service__content * {
  flex: 0 0 100%;
  max-width: 100%;
}

.service__item-wrapper:hover .service__item-shape {
  opacity: 0.2;
}

.service__icon span img {
  width: 30px;
  height: auto;
}

.it-service-details__area .service__item {
  height: auto;
}

.it-service-details__right-side p {
  line-height: normal;
}

.services-menu {
  margin-top: 25px;
  padding-left: 0;
}

.services-menu li {
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 5px;
}

.services-menu li::before {
  display: none;
}

.services-menu li a:hover,
.services-menu li a.active {
  background-color: var(--it-theme-1);
  color: #fff;
}

.services-menu li a {
  display: block;
  padding: 15px 20px;
  background-color: #f7f9fd;
}

.services-menu li a .arrow-right .fa-chevron-right {
  font-size: 15px;
  margin-right: 10px;
}

/* CONTACT */

.contact-form__area {
  margin-top: 150px;
  padding-top: 75px;
  padding-bottom: 0;
}

.contact-form__area h2,
.contact-form__area h4 {
  color: #fff;
}

.contact-form__bg {
  height: 600px;
}

.contact-form__wrapper-bg {
  margin-top: -175px;
  padding: 0;
}
/*
.contact-form__wrapper-bg .widget-well{
    max-width: none!important;
} */

@media only screen and (max-width: 768px) {
  .contact-form__area {
    margin-top: 0px;
    padding-bottom: 75px;
  }

  .contact-form__bg {
    height: auto;
  }

  .contact-form__wrapper-bg {
    margin-top: 0;
  }
}

/* SLIDER */

.project__slider-wrapper .swiper-wrapper {
  align-items: center;
}

.project-slider-dots {
  height: 30px;
  line-height: 45px;
}

/* FOOTER */

.footer__bg {
  padding-top: 75px;
}

.footer__bg::after {
  background-color: var(--it-common-white);
}

.footer__list ul li {
  width: 100%;
  float: none;
}

.footer__title-sm,
.footer__list ul li,
.footer__social-box p {
  color: var(--it-text-body);
}

.footer__widget i {
  margin-right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .contact-form__space {
    padding-bottom: 1000px;
  }
}

@media only screen and (min-width: 992px) {
  .ml-lg-auto {
    margin-left: auto;
  }

  .ml-lg-0 {
    margin-left: 0;
  }
}

.itoffcanvas {
  background-color: var(--it-theme-1);
}

.itoffcanvas .main-btn {
  background-color: #fff;
  color: var(--it-theme-1);
}

/* BEFOR AFTER */

.before-after p {
  /* font-size: 20px; */
  line-height: normal;
}

.before-after img{
    width: 100%;
    height: auto;
}

.before-after .text{
    margin-top: 15px;
    margin-bottom: 40px;
}

.before,
.after {
  margin: 0;
}

.before figcaption,
.after figcaption {
    font-size: 12px;
    background: var(--it-theme-1);
    border: 1px solid var(--it-theme-1);
    border-radius: 12px;
    color: #fff;
    opacity: 0.8;
    padding: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 100%;
}

.before figcaption {
  left: 12px;
}

.after figcaption {
  right: 12px;
}

/* IMAGES PRESENTATION */
.images-presentation .image {
    margin-bottom: 30px;
    width: 100%;
}

.images-presentation .image img{
    object-fit: cover;
    width: 100%;
    height: 400px;
}

/* #2b3f98 */