/* Arabic CSS
  --------------------------------------- */

@font-face {
  font-family: "Tajawal";
  src: url("../fonts/Tajawal-Black.eot");
  src: url("../fonts/Tajawal-Black.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Tajawal-Black.woff2") format("woff2"),
    url("../fonts/Tajawal-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tajawal";
  src: url("../fonts/Tajawal-Bold.eot");
  src: url("../fonts/Tajawal-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Tajawal-Bold.woff2") format("woff2"),
    url("../fonts/Tajawal-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tajawal";
  src: url("../fonts/Tajawal-ExtraBold.eot");
  src: url("../fonts/Tajawal-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Tajawal-ExtraBold.woff2") format("woff2"),
    url("../fonts/Tajawal-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tajawal";
  src: url("../fonts/Tajawal-ExtraLight.eot");
  src: url("../fonts/Tajawal-ExtraLight.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Tajawal-ExtraLight.woff2") format("woff2"),
    url("../fonts/Tajawal-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tajawal";
  src: url("../fonts/Tajawal-Light.eot");
  src: url("../fonts/Tajawal-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Tajawal-Light.woff2") format("woff2"),
    url("../fonts/Tajawal-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tajawal";
  src: url("../fonts/Tajawal-Medium.eot");
  src: url("../fonts/Tajawal-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Tajawal-Medium.woff2") format("woff2"),
    url("../fonts/Tajawal-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tajawal";
  src: url("../fonts/Tajawal-Regular.eot");
  src: url("../fonts/Tajawal-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Tajawal-Regular.woff2") format("woff2"),
    url("../fonts/Tajawal-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Tajawal";
  text-align: right;
}

/* .return-top {
  left: auto;
  right: 20px;
} */

.video-modal .modal-video .modal-close {
  right: auto;
  left: 0.5rem;
}

.navbar-main {
  padding: 1.25rem 2.75rem 1.25rem 55px;
}

.navbar-main .main-nav .nav-item .nav-link.nav-support {
  margin-left: 0;
  margin-right: 1rem;
  border-right: 2px solid var(--color-200);
  border-left: 0;
}

.rtl .navbar-nav .nav-item + .nav-item,
[dir="rtl"] .navbar-nav .nav-item + .nav-item {
  margin-right: 0;
  margin-left: 0;
}

.main-tools::before {
  right: auto;
  left: 100%;
}
.main-tools .nav-item .nav-link.nav-phone {
  border-left: 2px solid var(--white);
  border-right: 0;
}

.navbar-main .main-nav .nav-item .nav-link.nav-lng {
  font-family: "Tajawal";
}

.navbar-main .main-nav .nav-item .nav-link.nav-lng img {
  margin-right: 0;
  margin-left: 0.25rem;
}

.drop-mega-menu .drop-menu-link {
  padding: 0 1rem 0 0;
}

.drop-mega-menu .drop-menu-link li a:hover {
  color: var(--color-100);
  padding: 0.5rem 0.5rem 0.5rem 0.25rem;
}

.rtl .dropdown-menu,
[dir="rtl"] .dropdown-menu {
  right: auto;
  left: 0;
  text-align: right;
}

.banner-sec {
  padding: 4.5rem 0 0 7.5rem;
  background-position: right center;
}

.banner-sec::before {
  right: auto;
  left: 0;
}

.banner-sec .scroll-btm {
  left: auto;
  right: 9rem;
}

.slider-cover {
  margin-left: 0;
  margin-right: 15%;
  direction: ltr;
}

/* .slider-cover .slider-big .flexslider .slides > li {
  float: right !important;
} */

/* .slider-cover .slider-big .slides,
.slider-cover .slider-thumb .slides {
  direction: ltr;
} */

.slider-cover .slider-big .big-item .slider-img {
  margin-left: 0;
  margin-right: 23%;
}

.slider-cover .slider-big .big-item .slider-img::before {
  left: auto;
  right: -16px;
}

.slider-cover .slider-big .big-item .slider-content {
  direction: rtl;
  left: auto;
  right: 0;
  transform: translateY(-10%);
  opacity: 1;
}

.slider-cover .slider-big .big-item .slider-content h2 {
  font-size: 3.5rem;
  line-height: 68px;
}

.slider-cover .slider-big .big-item .slider-content .btn-explore {
  margin: 0 8rem 0 0;
}

.slider-cover .slider-big .big-item .slider-content .btn-explore::before,
.slider-cover .slider-big .big-item .slider-content .btn-explore::after {
  right: auto;
  left: 0;
}

.slider-cover .slider-big .big-item .slider-content .btn-explore .btn-icon {
  margin-left: auto;
  margin-right: 1rem;
}

.slider-cover .slider-big .big-item .slider-content .btn-explore:hover::before,
.slider-cover .slider-big .big-item .slider-content .btn-explore:hover::after {
  left: auto;
  right: 0;
}

.slider-cover .slider-big .flex-active-slide .big-item .slider-content {
  transform: translateY(-50%) !important;
  opacity: 1 !important;
}

.slider-cover .slider-big .social-media {
  right: auto;
  left: -60px;
}

.slider-cover .slider-thumb {
  margin-left: -7.5rem;
  margin-right: 7%;
}

/* .slider-cover .slider-thumb .thumb-item figure img {
  width: calc(100% + 50px) !important;
  transform: translate3d(40px, 0, 0);
} */

.welcome-cover .welcome-img {
  margin-left: 0;
  margin-right: -3.75rem;
}

.welcome-cover .welcome-img::before {
  right: auto;
  left: 50%;
  transform: translateY(-50%);
}

.welcome-intro h1 {
  line-height: 88px;
}

.welcome-intro .btn-explore::before,
.welcome-intro .btn-explore::after {
  right: auto;
  left: 0;
}

.welcome-intro .btn-explore .btn-icon {
  margin-left: 0;
  margin-right: 1rem;
}

.welcome-intro .btn-explore:hover::before,
.welcome-intro .btn-explore:hover::after {
  left: auto;
  right: 0;
}

.trust-cover .trust-col + .trust-col {
  border-left: 0 solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.facility-sec .facility-rt-img {
  right: auto;
  left: 0;
}

.facility-cover .facility-img {
  margin-left: 0;
  margin-right: -7rem;
}

.facility-cover .facility-img::before {
  right: auto;
  left: 50%;
}

.facility-intro h2 {
  line-height: 110px;
}

.chairman-sec::after {
  left: 0;
  right: 50%;
}

.chairman-sec .chairman-rt-img {
  right: auto;
  left: 0;
}

.chairman-intro {
  padding: 4rem 5rem 0 0;
}

.chairman-intro .chairman-name {
  text-align: right;
}

.chairman-intro .btn-explore::before,
.chairman-intro .btn-explore::after {
  right: auto;
  left: 0;
}

.chairman-intro .btn-explore .btn-icon {
  margin-left: 0;
  margin-right: 1rem;
}

.chairman-intro .btn-explore .btn-icon .icon::after {
  left: auto;
  right: 50%;
}

.chairman-intro .btn-explore:hover::before,
.chairman-intro .btn-explore:hover::after {
  left: auto;
  right: 0;
}

.board-sec .shape-wrapper .shape {
  background-position: right top;
}

.board-carousel .board-item::after {
  right: auto;
  left: 0;
}

.board-carousel .owl-theme .owl-nav .owl-prev {
  left: auto;
  right: -5rem;
}

.board-carousel .owl-theme .owl-nav .owl-next {
  left: -5rem;
  right: auto;
}

.board-carousel:hover .owl-theme .owl-nav .owl-prev {
  left: auto;
  right: 1rem;
}

.board-carousel:hover .owl-theme .owl-nav .owl-next {
  left: 1rem;
  right: auto;
}

.board-list .board-cell + .board-cell {
  border-left: 0 solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.product-sec .shape-wrapper .shape {
  background-position: right top;
}

.product-sec .pro-right-img {
  right: auto;
  left: 2rem;
}

.product-carousel::before {
  right: auto;
  left: -270px;
}

.pro-caro-item .pro-caro-over {
  left: auto;
  right: 4rem;
}

.pro-caro-item .pro-caro-body {
  right: auto;
  left: 4rem;
}

.pro-caro-over .btn-explore::before,
.pro-caro-over .btn-explore::after {
  right: auto;
  left: 0;
}

.pro-caro-over .btn-explore .btn-icon {
  margin-left: 0;
  margin-right: 1rem;
}

.pro-caro-over .btn-explore:hover::before,
.pro-caro-over .btn-explore:hover::after {
  left: auto;
  right: 0;
}

.news-hd-sec .shape-wrapper .shape {
  background-position: right top;
}

.news-hd-sec .news-lt-img {
  left: auto;
  right: 0;
}

.news-sec .shape-wrapper .shape {
  background-position: right top;
}

.lt-news-cover .lt-news-hd .news-nav .btn-explore::before,
.lt-news-cover .lt-news-hd .news-nav .btn-explore::after {
  right: auto;
  left: 0;
}

.lt-news-cover .lt-news-hd .news-nav .btn-explore .btn-icon {
  margin-left: 0;
  margin-right: 1rem;
}

.lt-news-cover .lt-news-hd .news-nav .btn-explore:hover::before,
.lt-news-cover .lt-news-hd .news-nav .btn-explore:hover::after {
  left: auto;
  right: 0;
}

.lt-news-item figure .news-date {
  left: auto;
  right: 1.5rem;
}

.lt-news-carousel .owl-theme .owl-nav .owl-prev {
  right: -5rem;
}

.lt-news-carousel .owl-theme .owl-nav .owl-next {
  left: -5rem;
}

.lt-news-carousel:hover .owl-theme .owl-nav .owl-prev {
  right: 1rem;
}

.lt-news-carousel:hover .owl-theme .owl-nav .owl-next {
  left: 1rem;
}

.arch-news-cover {
  margin-left: 0;
  margin-right: auto;
}

.arch-news-item figure .news-date {
  left: auto;
  right: 1.5rem;
}

.arch-news-carousel .owl-theme .owl-nav .owl-prev {
  right: -5rem;
}

.arch-news-carousel .owl-theme .owl-nav .owl-next {
  left: -5rem;
}

.arch-news-carousel:hover .owl-theme .owl-nav .owl-prev {
  right: 1rem;
}

.arch-news-carousel:hover .owl-theme .owl-nav .owl-next {
  left: 1rem;
}

.portfolio-hd-sec .shape-wrapper .shape {
  background-position: right top;
}

.portfolio-nav .btn-explore::before,
.portfolio-nav .btn-explore::after {
  right: auto;
  left: 0;
}

.portfolio-nav .btn-explore .btn-icon {
  margin-left: 0;
  margin-right: 1rem;
}

.portfolio-nav .btn-explore:hover::before,
.portfolio-nav .btn-explore:hover::after {
  left: auto;
  right: 0;
}

.chairman-sec .shape-wrapper .shape {
  left: auto;
  right: -40px;
}

.board-sec .shape-wrapper .shape {
  left: auto;
  right: 263px;
}

.product-sec .shape-wrapper .shape {
  left: auto;
  right: 326px;
}

.news-hd-sec .shape-wrapper .shape {
  left: auto;
  right: 672px;
}

.news-sec .shape-wrapper .shape {
  left: auto;
  right: 720px;
}

.portfolio-hd-sec .shape-wrapper .shape {
  left: auto;
  right: 940px;
}

.client-sec .client-lt-img {
  left: auto;
  right: 0;
}

.client-sec .client-rt-img {
  right: auto;
  left: 0;
}

.contact-sec .contact-rt-img {
  right: auto;
  left: 0;
}

.contact-cover .contact-img {
  margin-left: 0;
  margin-right: -3.75rem;
}

.contact-cover .contact-img::before {
  right: auto;
  left: 50%;
}

.contact-intro .contact-cell ul li {
  padding: 0 2.5rem 0 0;
}

.contact-intro .contact-cell ul li .icon {
  left: auto;
  right: 0;
}

.location-cover .location-map {
  left: auto;
  right: 0;
}

.branches-cover .branches-body .loc-tb-nav .nav-item .nav-link {
  border-left: 0 solid transparent;
  border-right: 5px solid transparent;
}

.branches-cover .branches-body .loc-tb-nav .nav-item .nav-link::after {
  right: auto;
  left: 2rem;
}

.branches-cover .branches-body .loc-tb-nav .nav-item .nav-link:hover,
.branches-cover .branches-body .loc-tb-nav .nav-item .nav-link.active {
  border-left: 0 solid var(--color-200);
  border-right: 5px solid var(--color-200);
}

.branches-cover .branches-body .loc-tb-nav .nav-item .nav-link:hover::after,
.branches-cover .branches-body .loc-tb-nav .nav-item .nav-link.active::after {
  right: auto;
  left: 1rem;
}

.branches-cover .branches-scroll .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: -15px;
}

.footer-sec .footer-lt-img {
  left: auto;
  right: 0;
}

.footer-sec .footer-rt-img {
  right: auto;
  left: 0;
}

.footer-about .btn-explore::before,
.footer-about .btn-explore::after {
  right: auto;
  left: 0;
}

.footer-about .btn-explore .btn-icon {
  margin-left: 0;
  margin-right: 1rem;
}

.footer-about .btn-explore:hover::before,
.footer-about .btn-explore:hover::after {
  left: auto;
  right: 0;
}

.contact-list .btn-contact::before {
  left: auto;
  right: 0;
}

.contact-list .btn-contact .btn-icon {
  border-right: 0 solid var(--color-200);
  border-left: 2px solid var(--color-200);
}

.contact-list .btn-contact .btn-label {
  text-align: right;
}

.ins-banner-sec .ins-banner-bg-cover .ins-banner-bg {
  background-position: right top;
}

.ins-banner-sec .ins-social-media {
  right: auto;
  left: 4rem;
}

.ins-ceo-sec .ceo-left-bg {
  left: auto;
  right: 0;
}

.ins-ceo-cover figure::before {
  right: auto;
  left: 50%;
}

.ins-ceo-cover .ins-ceo-body .ceo-sign {
  text-align: left;
}

.qhse-cover figure::before {
  right: auto;
  left: 50%;
}

.policy-sec .policy-left-bg {
  left: auto;
  right: 0;
}

.policy-cover figure .policy-img::before {
  left: auto;
  right: 55%;
}

.policy-cover figure:hover .policy-img::before {
  left: auto;
  right: 75%;
}

.career-cover figure::before {
  right: auto;
  left: 50%;
}

.career-cover .career-body {
  padding: 2rem 4rem 0 0;
}

.career-form .btn-apply {
  text-align: right;
}

.career-form .btn-apply::after {
  right: auto;
  left: 2rem;
}

.career-form .btn-apply:hover::after {
  right: auto;
  left: 1rem;
}

.career-carousel .owl-theme .owl-nav .owl-prev {
  right: auto;
  left: 3.5rem;
}

.career-carousel .owl-theme .owl-nav .owl-next {
  right: auto;
  left: 0;
}

.career-item figure {
  border-right: 0 solid var(--color-200);
  border-left: 2px solid var(--color-200);
}

.career-item .career-it-body .career-list-info li {
  margin-right: 0;
  margin-left: 1rem;
}

.career-item .career-it-body .career-list-info li .list-icon {
  margin-right: 0;
  margin-left: 0.5rem;
}

.service-cir-cover::before {
  left: auto;
  right: 55%;
}

.service-cir-cover .loaction-points {
  left: auto;
  right: 0;
}

.service-cir-cover .loaction-points .points::after {
  left: auto;
  right: 50%;
}

.enquiry-cover figure {
  margin: 0 0 0 3rem;
}

.enquiry-cover figure::before {
  right: auto;
  left: 50%;
}

.enquiry-form .radio-inline {
  padding: 0 40px 0 0;
  margin: 5px 0 5px 10px;
}

.enquiry-form .radio-inline .checkmark {
  left: auto;
  right: 0;
}

.enquiry-form .radio-inline .checkmark:after {
  left: auto;
  right: 1px;
}

.enquiry-form .btn-submit {
  text-align: right;
}

.enquiry-form .btn-submit::after {
  right: auto;
  left: 2rem;
}

.enquiry-form .btn-submit:hover::after {
  right: auto;
  left: 1rem;
}

.get-in-sec .get-in-rt-img {
  right: auto;
  left: 0;
}

.get-in-cover figure {
  margin: 0 3rem 0 0;
}

.get-in-info ul li {
  padding: 0 2.5rem 0 0;
}

.get-in-info ul li .icon {
  left: auto;
  right: 0;
}

.get-in-info .btn-location {
  text-align: right;
}

.get-in-info .btn-location::after {
  right: auto;
  left: 2rem;
}

.get-in-info .btn-location:hover::after {
  right: auto;
  left: 1rem;
}

.country-cover figure {
  margin: 0 0 0 3rem;
}

.country-cover figure::before {
  right: auto;
  left: 50%;
}

.focus-sec .focus-left-bg {
  left: auto;
  right: 0;
}

.focus-list .focus-cell + .focus-cell {
  border-left: 0 solid rgba(255, 255, 255, 0.25);
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.social-res-cover figure {
  margin: 0 0 0 3rem;
}

.social-res-cover figure::before {
  right: auto;
  left: 50%;
}

.social-res-cover .social-res-body ul li {
  padding: 0 42px 0 0;
}

.social-res-cover .social-res-body ul li::before {
  left: auto;
  right: 0;
}

.charity-sec .charity-left-bg {
  left: auto;
  right: 0;
}

.certi-list .certi-item::before {
  left: auto;
  right: 55%;
}

.certi-list .certi-item:hover::before {
  left: auto;
  right: 75%;
}

.ins-abt-cover figure {
  margin: 0 0 0 3rem;
}

.ins-abt-cover figure::before {
  right: auto;
  left: 50%;
}

.ins-abt-cover .ins-abt-body h4 {
  font-size: 1.125rem;
  line-height: 28px;
}

.mission-hd-cover::after {
  left: auto;
  right: 100%;
}

.mission-hd-cover .mission-hd-bg {
  left: auto;
  right: 0;
}

.mission-hd-cover .mission-hd-bg .shape-bg {
  left: auto;
  right: 355px;
  background-position: right top;
}

.mission-cover figure {
  margin-left: auto;
  margin-right: 6rem;
}

.values-hd-cover::before {
  left: auto;
  right: 335px;
}

.values-tb-cover .values-tb-nav {
  padding: 3rem 0 0 2rem;
}

.values-tb-cover .values-tb-nav .nav-item .nav-link {
  padding: 1.25rem 1.25rem 1.25rem 0.25rem;
}

.values-tb-cover .values-tb-nav .nav-item .nav-link .nav-icon {
  margin-right: auto;
  margin-left: 1rem;
}

.values-tb-cover .values-tb-nav .nav-item .nav-link .nav-right {
  margin-left: 0;
  margin-right: 1rem;
}

.values-tb-cover .values-tb-nav .nav-item .nav-link::after {
  left: auto;
  right: 100%;
}

.values-tb-cover .values-tb-body::after {
  left: auto;
  right: 100%;
}

.value-item .value-it-body {
  padding: 3rem 6rem 2rem 2rem;
}

.value-item .value-it-body ul li::before {
  left: auto;
  right: 0;
}

.ins-service-cover figure {
  margin: 0 0 0 3rem;
}

.ins-service-cover figure::before {
  right: auto;
  left: 50%;
}

.solution-hd-cover::after {
  left: auto;
  right: 100%;
}

.solution-hd-cover .solution-hd-bg {
  left: auto;
  right: 0;
}

.solution-hd-cover .solution-hd-bg .solution-hd {
  left: auto;
  right: 355px;
  background-position: right top;
}

.solution-cover figure {
  margin-left: 0;
  margin-right: 6rem;
}

.service-tb-cover::before {
  left: auto;
  right: 335px;
}

.service-tb-cover .service-tb-nav {
  padding: 6rem 0 0 2rem;
}

.service-tb-cover .service-tb-nav .nav-item .nav-link {
  padding: 1.25rem 1.25rem 1.25rem 0.25rem;
}

.service-tb-cover .service-tb-nav .nav-item .nav-link .nav-icon {
  margin-right: 0;
  margin-left: 1rem;
}

.service-tb-cover .service-tb-nav .nav-item .nav-link .nav-right {
  margin-left: 0;
  margin-right: 1rem;
}

.service-tb-cover .service-tb-nav .nav-item .nav-link::after {
  left: auto;
  right: 100%;
}

.service-tb-cover .service-tb-body::after {
  left: auto;
  right: 100%;
}

.service-tb-item .service-it-body {
  padding: 3rem 6rem 2rem 2rem;
}

.service-tb-item .service-it-body ul li {
  padding: 0 2rem 0 0;
}

.service-tb-item .service-it-body ul li::before {
  left: auto;
  right: 0;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1366px) {
}
@media (max-width: 1919px) {
  .banner-sec .scroll-btm {
    left: auto;
    right: 4rem;
  }
  .welcome-cover .welcome-img {
    margin-left: 0;
    margin-right: -2rem;
  }

  .welcome-intro h1 {
    font-size: 5rem;
    line-height: 78px;
  }

  .chairman-sec .shape-wrapper .shape {
    left: auto;
    right: -28px;
  }

  .facility-cover .facility-img {
    margin-left: 0;
    margin-right: -5rem;
  }

  .facility-intro h2 {
    font-size: 5rem;
    line-height: 68px;
  }

  .product-carousel::before {
    right: auto;
    left: -250px;
  }

  .contact-cover .contact-img {
    margin-left: 0;
    margin-right: -3rem;
  }
}
@media (max-width: 1600px) {
  .slider-cover {
    margin-left: 0;
    margin-right: 10%;
  }
  .slider-cover .slider-big .big-item .slider-content h2 {
    font-size: 3.5rem;
  }
  .slider-cover .slider-thumb {
    margin-right: 5%;
  }
  .slider-cover .slider-big .social-media {
    right: auto;
    left: -55px;
  }
  .ins-banner-sec .ins-banner-bg-cover .ins-banner-bg {
    background-position: 50px top;
  }
}

@media (max-width: 1440px) {
  .slider-cover .slider-big .big-item .slider-content h2 {
    font-size: 3rem;
    line-height: 56px;
  }
  .ins-banner-sec .ins-banner-bg-cover .ins-banner-bg {
    background-position: 100px top;
  }
}

@media (max-width: 1366px) {
  .banner-sec {
    padding: 3rem 0 0 5rem;
  }
  .slider-cover .slider-thumb {
    margin-left: -5rem;
  }
  .slider-cover .slider-big .social-media {
    right: auto;
    left: -40px;
  }
  .welcome-intro h1 {
    font-size: 4.5rem;
  }
  .chairman-sec .shape-wrapper .shape {
    left: auto;
    right: -1.25%;
  }
  .facility-cover .facility-img {
    margin-left: 0;
    margin-right: -3rem;
  }
  .chairman-intro {
    padding: 3rem 5rem 0 0;
  }
  .facility-intro h2 {
    font-size: 4.5rem;
  }
  .ins-banner-sec .ins-banner-bg-cover .ins-banner-bg {
    background-position: 120px top;
  }
  .product-carousel::before {
    right: auto;
    left: -90px;
  }
}

@media (max-width: 1280px) {
  .navbar-main {
    padding: 1.25rem 2rem 1.25rem 40px;
  }
  .slider-cover {
    margin-right: 8%;
  }
  .chairman-sec .shape-wrapper .shape {
    left: auto;
    right: -4.25%;
  }
  .board-sec .shape-wrapper .shape {
    left: auto;
    right: 20%;
  }
  .product-sec .shape-wrapper .shape {
    left: auto;
    right: 26.25%;
  }
  .news-hd-sec .shape-wrapper .shape {
    left: auto;
    right: 53.7%;
  }
  .news-sec .shape-wrapper .shape {
    left: auto;
    right: 57.25%;
  }
  .portfolio-hd-sec .shape-wrapper .shape {
    left: auto;
    right: 77.2%;
  }
  .ins-banner-sec .ins-banner-bg-cover .ins-banner-bg {
    background-position: 96px top;
  }
}

@media (max-width: 1200px) {
  .welcome-cover .welcome-img {
    margin-left: 0;
    margin-right: 0;
  }
  .welcome-intro h1 {
    font-size: 3.5rem;
    line-height: 62px;
  }
  .facility-cover .facility-img {
    margin-left: 0;
    margin-right: 0;
  }
  .facility-intro h2 {
    font-size: 3.5rem;
  }
  .chairman-sec .shape-wrapper .shape {
    left: auto;
    right: -6%;
  }
  .news-hd-sec .shape-wrapper .shape {
    left: auto;
    right: 54.6%;
  }
  .portfolio-hd-sec .shape-wrapper .shape {
    left: auto;
    right: 78.75%;
  }
  .policy-cover .policy-body {
    padding: 5rem 5rem 2rem 6rem;
  }
}

@media (max-width: 1199px) {
  .mission-cover figure {
    margin-left: 0;
    margin-right: 2rem;
  }
  .value-item .value-it-body {
    padding: 3rem 4rem 2rem 2rem;
  }
  .mission-hd-cover .mission-hd-bg .shape-bg {
    left: auto;
    right: 275px;
  }
}
@media (max-width: 991px) {
  .banner-sec {
    padding: 2rem 0 0 3rem;
  }
  .slider-cover {
    margin-left: 0;
    margin-right: 2rem;
  }
  .slider-cover .slider-big .big-item .slider-img {
    margin-left: 0;
    margin-right: 3rem;
  }
  .slider-cover .slider-big .big-item .slider-content h2 {
    font-size: 2.25rem;
    line-height: 48px;
  }
  .slider-cover .slider-big .big-item .slider-content .btn-explore {
    margin: 0 2rem 0 0;
  }
  .slider-cover .slider-big .social-media {
    right: auto;
    left: -35px;
  }
  .main-tools .nav-item .nav-link.nav-phone {
    border-left: 0 solid var(--white);
    border-right: 2px solid var(--white);
  }
  .welcome-intro h1 {
    font-size: 2.25rem;
    line-height: 52px;
  }
  .facility-intro h2 {
    font-size: 2.25rem;
    line-height: 52px;
  }
  .chairman-intro {
    padding: 0;
  }
  .board-carousel .owl-theme .owl-nav .owl-prev {
    left: auto;
    right: 1rem;
  }
  .board-carousel .owl-theme .owl-nav .owl-next {
    right: auto;
    left: 1rem;
  }
  .pro-caro-item .pro-caro-over {
    right: auto;
  }
  .pro-caro-item .pro-caro-body {
    right: auto;
    left: auto;
  }
  .arch-news-cover {
    margin-left: 0;
    margin-right: 0;
  }
  .location-cover .location-map {
    right: auto;
  }
  .ins-banner-sec .ins-social-media {
    right: auto;
    left: 2.5rem;
  }
  .career-carousel .owl-theme .owl-nav .owl-prev {
    right: auto;
    right: 2.5rem;
  }
  .mission-hd-cover .mission-hd-bg .shape-bg {
    left: auto;
    right: 50%;
  }
}

@media (max-width: 767px) {
  .slider-cover .slider-big .flex-active-slide .big-item .slider-content {
    display: none;
  }
  .slider-cover .slider-big .big-item .slider-content h2 {
    font-size: 2rem;
    line-height: 28px;
  }
  .drop-mega-menu {
    width: 450px;
  }
  .facility-sec .facility-rt-img {
    display: none;
  }
  .board-list .board-cell {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 1rem 2rem;
  }
  .career-cover figure {
    flex: 0 1 350px;
    max-width: 350px;
    margin: 0 auto 1.5rem;
  }
  .career-cover .career-body {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 1.5rem 1.5rem;
  }
  .career-item figure {
    display: none;
  }
  .ins-ceo-sec {
    padding: 2rem 0 2rem;
  }
  .ins-ceo-cover figure {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ins-ceo-cover figure::after {
    display: none;
  }
  .ins-ceo-cover .ins-ceo-body {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .country-cover figure {
    flex: 0 1 350px;
    max-width: 350px;
    margin: 0 auto 1.5rem;
  }
  .country-cover figure::before {
    display: none;
  }
  .country-cover .country-body {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .focus-list .focus-item figure {
    max-width: 90px;
    margin: 0 auto 2rem;
  }
  .focus-list .focus-item figure::before {
    width: 130px;
    height: 130px;
  }
  .ins-pro-cover .ins-pro-body {
    padding: 0;
  }
  .policy-sec {
    padding: 4rem 0 4rem;
  }
  .policy-cover figure {
    flex: 0 1 350px;
    margin: 0 auto 2rem;
    order: unset;
  }
  .policy-cover .policy-body {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .charity-list .charity-item {
    max-width: 175px;
  }
  .charity-list .charity-item::before,
  .charity-list .charity-item::after {
    width: 195px;
    height: 195px;
    border-width: 10px;
  }
  .ins-banner-sec .ins-banner-bg-cover .ins-banner-bg {
    background-position: -70px top;
  }
  .ins-banner-hd {
    padding-right: 90px;
  }
  .ins-banner-hd h1 {
    font-size: 2.5rem;
    line-height: 36px;
  }
  .mission-hd-cover {
    padding: 2rem 0 2rem;
  }
  .mission-hd-cover h2 {
    font-size: 2rem;
  }
  .mission-hd-cover h2::after {
    font-size: 1.25rem;
    right: 0;
  }
  .values-hd-cover h2 {
    font-size: 2rem;
  }
  .values-hd-cover h2::after {
    font-size: 1.25rem;
    right: 0;
  }
  .mission-cover figure {
    flex: 0 0 150px;
    max-width: 150px;
    margin: 0 1rem 0 0;
    order: unset;
  }
  .mission-cover .mission-body p {
    font-size: 1.125rem;
  }
  .values-tb-cover .values-tb-nav {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 1.5rem;
  }
  .values-tb-cover .values-tb-body {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .value-item .value-it-body {
    min-height: unset;
    padding: 2rem 2rem;
  }
  .value-item .value-it-body h3 {
    font-size: 1.75rem;
    margin: 0 0 1rem 0;
  }
  .values-hd-cover::before {
    display: none;
  }
  .values-tb-cover .values-tb-body::after {
    display: none;
  }
  .service-tb-sec {
    padding: 2rem 0 2rem;
  }
  .service-tb-cover::before {
    display: none;
  }
  .service-tb-cover .service-tb-nav {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 1.5rem;
  }
  .service-tb-cover .service-tb-body {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .service-tb-item .service-it-body {
    min-height: unset;
    padding: 2rem 2rem;
  }
  .service-tb-item .service-it-body h3 {
    font-size: 1.75rem;
    margin: 0 0 1rem 0;
  }
  .service-hd-cover::before {
    display: none;
  }
  .service-tb-cover .service-tb-body::after {
    display: none;
  }
  .video-modal .modal-dialog {
    max-width: 95%;
  }
  .chairman-sec {
    padding: 6rem 0 2rem;
  }
}

@media (max-width: 650px) {
  .focus-list .focus-cell + .focus-cell {
    border-right: 0 solid rgba(255, 255, 255, 0.25);
  }
}

@media (max-width: 576px) {
  .banner-sec {
    padding: 2rem 0 0 3rem;
  }
  .slider-cover .slider-thumb {
    margin-left: 0;
    margin-right: 0;
  }
  .ins-banner-sec .ins-banner-bg-cover .ins-banner-bg {
    background-position: 40px top;
  }
  .social-res-cover .social-res-body ul li {
    padding: 0 32px 0 0;
  }
  .welcome-intro h1 {
    font-size: 1.75rem;
    line-height: 42px;
  }
  .facility-intro h2 {
    font-size: 1.75rem;
    line-height: 42px;
  }
  .chairman-intro h3 {
    font-size: 1.75rem;
    line-height: 42px;
  }
  .board-cover .board-hd h3 {
    font-size: 1.75rem;
    line-height: 42px;
  }
  .pro-caro-over h3 {
    font-size: 1.75rem;
    line-height: 42px;
  }
  .pro-caro-body h3 {
    font-size: 1.5rem;
    line-height: 32px;
  }
  .news-hd-cover h2 {
    font-size: 1.5rem;
    line-height: 32px;
  }
  .lt-news-item figcaption h3 {
    font-size: 1.25rem;
    line-height: 32px;
  }
  .portfolio-hd-cover h2 {
    font-size: 1.5rem;
    line-height: 32px;
  }
  .portfolio-cover .folio-heading h2 {
    font-size: 1.5rem;
    line-height: 32px;
    margin: 0 0 2rem 0;
  }
  .clients-hd h2 {
    font-size: 1.5rem;
    line-height: 32px;
  }
  .contact-intro h2 {
    font-size: 1.5rem;
    line-height: 32px;
  }
  .contact-intro h3 {
    font-size: 1.25rem;
    line-height: 28px;
  }
  .branches-cover .branches-hd h3 {
    font-size: 1.5rem;
    line-height: 32px;
  }
}