/*!
Theme Name: Mubarak Al-Kabeer
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>Mubarak Al-Kabeer</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Mubarak Al-Kabeer
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Mubarak Al-Kabeer is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html[dir="rtl"] .swiper {
  direction: rtl;
}

ol,
ul {
  padding-right: 0;
}

.icon-slider-arrow-previous,
.icon-slider-arrow-next {
  rotate: 180deg;
}

/* Header Start */
.header__navbar-container {
  left: unset;
  right: -100%;
}

.header__main-navigation.toggled .header__navbar-container {
  right: 0;
}

.header__menu-toggle-close {
  left: -34px;
  right: unset;
}

/* Header End */
/* Home Page Start */
.banner-swiper__progress {
  right: 12px;
  left: unset;
  flex-direction: row-reverse;
}

.project-swiper__pagination.swiper-pagination {
  right: auto;
  left: 18px;
  display: flex;
  flex-direction: row-reverse;
}

.the-project-counters li:nth-child(1),
.the-project-counters li:nth-child(3) {
  border-right: 0;
  border-left: 1px solid var(--color-grey-300);
}

.project-shape-statistics__row>.project-shape-statistics__col:nth-child(odd) .project-shape-statistic::before {
  right: unset;
  left: -9px;
}

.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  direction: ltr;
}



.contact-us-section__form .intl-tel-input.separate-dial-code.allow-dropdown input,
.contact-us-section__form .intl-tel-input.separate-dial-code.allow-dropdown input[type="tel"],
.contact-us-section__form .intl-tel-input.separate-dial-code.allow-dropdown input[type="text"] {
  padding-right: 97px;
  padding-left: 13px;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  left: auto;
  right: 0;
}

.contact-us-section__form .intl-tel-input .selected-flag .iti-arrow {
  left: 16px;
  right: unset;
}

.contact-us-section__form .intl-tel-input .selected-flag::before {
  left: 7px;
  right: unset;
}

.contact-us-section__form .intl-tel-input.separate-dial-code .selected-dial-code {
  padding-left: 28px;
}

.kuwait-vision-section__modal-close {
  left: 8px;
  right: unset;
}

/* Home Page End */
/* About Us start */
.statistical-information-counters li:nth-child(1),
.statistical-information-counters li:nth-child(3) {
  border-right: 0;
  border-left: 1px solid var(--color-grey-50);
}

/* About Us End */
/* Gallery Start */
.gallery-lightbox__close {
  right: unset;
  left: 0;
}

.gallery-lightbox__navigation--prev {
  left: unset;
  right: 0;
}

.gallery-lightbox__navigation--next {
  left: 40px;
  right: unset;
}

/* Gallery End */
.c-list li,
.c-list__numeric li {
  padding-left: 0;
  padding-right: 17px;
}

.c-list li::before {
  left: unset;
  right: 0;
}

#c-go-top {
  right: unset;
  left: 12px;
}

@media (min-width: 481px) {
  /* Home Page Start */

  .project-shape-tabs::before {
    left: unset;
    right: 0;
  }

  .project-shape-tabs__button.nav-link {
    padding: 6px 9px 6px 0;
  }

  .project-shape-tabs__button.nav-link.active {
    box-shadow: inset -2px 0 0 var(--color-site-blue);
  }

  /* Home Page End */

}

@media (min-width: 576px) {
  /* Home Page Start */

  .banner-slide__content {
    padding: 30px 0 60px 30px;
  }

  .project-shape-tabs__button.nav-link {
    padding: 8px 15px 8px 0;
  }

  /* Home Page End */
  /* Gallery Start */
  .gallery-lightbox__navigation--prev {
    right: 10px;
  }

  .gallery-lightbox__navigation--next {
    left: 10px;
  }

  /* Gallery End */
}

@media (min-width: 768px) {
  /* About Us start */

  .statistical-information-counters li:nth-child(1),
  .statistical-information-counters li:nth-child(2),
  .statistical-information-counters li:nth-child(3) {
    border-right: 0;
    border-left: 1px solid var(--color-grey-50);
  }

  /* About Us End */
  .the-project-counters li:nth-child(1),
  .the-project-counters li:nth-child(2),
  .the-project-counters li:nth-child(3) {
    border-right: 0;
    border-left: 1px solid var(--color-grey-300);
  }

  /* Gallery Start */
  .gallery-lightbox__navigation--prev {
    right: 20px;
  }

  .gallery-lightbox__navigation--next {
    left: 20px;
  }

  /* Gallery End */
  .c-list__numeric .c-list,
  .c-list__numeric p {
    padding-left: 0;
    padding-right: 29px;
  }
}

@media (min-width: 992px) {
  /* Home Page Start */

  .banner-swiper__progress {
    right: 30px;
  }

  .project-shape-statistics__row>.project-shape-statistics__col:nth-child(odd) .project-shape-statistic::before {
    left: -16px;
  }

  /* Home Page End */
  /* About Us start */
  .statistical-information-counters li:nth-child(1),
  .statistical-information-counters li:nth-child(3) {
    border-right: 0;

    border-left: 1px solid var(--color-grey-50);
  }

  .statistical-information-counters li:nth-child(2),
  .the-project-counters li:nth-child(2) {
    border-left: 0;

  }

  /* About Us End */
  /* Gallery Start */
  .gallery-lightbox__navigation--prev {
    right: 30px;
  }

  .gallery-lightbox__navigation--next {
    left: 30px;
  }

  /* Gallery End */
}

@media (min-width: 1200px) {
  /* Home Page Start */

  .banner-slide__content::before {
    right: calc((100% - 100vw) / 2);
    left: 0;
  }

  .banner-swiper__progress {
    right: auto;
    left: 60px;
  }

  /* Home Page End */
  /* Gallery Start */
  .gallery-lightbox__navigation--prev {
    right: 40px;
  }

  .gallery-lightbox__navigation--next {
    left: 40px;
  }

  /* Gallery End */
}

@media (min-width: 1300px) {
  /* Home Page Start */

  .banner-slide__content {
    padding: 40px 0 40px 80px;
  }

  .banner-swiper__progress {
    left: 80px;
  }

  /* Home Page End */

}