@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic&family=Poppins&display=swap');

* {
  box-sizing: border-box;
  margin    : 0;
  padding   : 0;    
  text-align: right;
}

html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Noto Kufi Arabic', sans-serif !important; overflow-x: hidden;
}
p{
  line-height: 26px;font-size: 16px;text-align: right;
}
h1{
  font-size: 31px;
}
h1,h2,h3,h4,h5{
  text-align: right;
}
.container{
  max-width: 85%;margin: auto;
}
html[dir="ltr"] body {
  font-family: 'Poppins', sans-serif !important;
}

/* Scrollbar */
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background           : var(--primary);
  border-radius        : 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius   : 8px;
  -ms-border-radius    : 8px;
  -o-border-radius     : 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #C08B5F;
}

/* Vars */
:root {
  --primary: #C08B5F;
}

/* Classes */
.h-full {
  height: 100%;
}

.text-red {
  color: var(--primary);
}

.page {
  position: relative;overflow-x: hidden;
}

.page .floating {
  position: absolute;
  top     : -66px;
  right   : 0;
  z-index : 10;
}

/* Navbar */
.navbar {
  width              : 100%;
  min-height         : 66px;
  /* position        : fixed;
  top                : 0;
  left               : 0; */
  /* gap             : 150px; */
  background         : transparent;
  /* box-shadow      : 0px 4px 4px rgba(229, 233, 246, 0.25); */
  z-index            : 9;
}

.navbar .navbar-brand img {
  max-width: 90px;
}

.navbar .navbar-collapse {
  justify-content: end;
  font-weight    : 500;
}

.navbar .navbar-collapse .nav-link {
  color: var(--primary);
}

.navbar .navbar-collapse .nav-link:hover {
  animation         : bounce;
  animation-duration: 1s;
  -webkit-animation : bounce;
}

.btn-download {
  padding                 : 12px 24px;
  /* height               : 48px; */
  font-weight             : 500;
  color                   : var(--primary);
  border                  : 2px solid var(--primary);
  border-radius           : 30px;
  -webkit-border-radius   : 30px;
  -moz-border-radius      : 30px;
  -ms-border-radius       : 30px;
  -o-border-radius        : 30px;
}

.btn-download:hover {
  background: var(--primary);
  color     : #fff;
}

/* Banner */
.banner_wrapper {
  position           : relative;
  display            : flex;
  align-items        : center;
  justify-content    : center;
  min-height         : calc(100vh - 280px);
  margin-top         : 66px;
  /* background-color: var(--primary); */
  color              : var(--primary);
  overflow           : hidden;
  z-index            : 11;
}

.banner_wrapper .buttons {
  margin-top     : 0px;
  min-height     : 100px;
  display        : flex;
  align-items    : center;
  justify-content: start;
}

.banner_wrapper .buttons a {
  display              : flex;
  justify-content      : center;
  align-items          : center;
  width                : 200px;
  height               : 48px;
  font-weight          : 500;
  padding              : 8px 24px;
  border-radius        : 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius   : 6px;
  -ms-border-radius    : 6px;
  -o-border-radius     : 6px;
  text-decoration      : none;
}

.banner_wrapper .buttons a:first-child {
  background-color: var(--primary);
  color           : #fff;
}

.banner_wrapper .buttons a:last-child {
  color     : var(--primary);
  background: #F9F3EF;
}

.banner_wrapper .buttons a:first-child:hover {
  color       : var(--primary);
  background  : #F9F3EF;
  border-color: #F9F3EF;
}

.banner_wrapper .buttons a:first-child img {
  filter        : brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.banner_wrapper .buttons a:first-child:hover img {
  filter        : invert(51%) sepia(91%) saturate(228%) hue-rotate(345deg) brightness(96%) contrast(85%);
  -webkit-filter: invert(51%) sepia(91%) saturate(228%) hue-rotate(345deg) brightness(96%) contrast(85%);
}

.banner_wrapper .buttons a:last-child:hover {
  background: var(--primary);
  color     : #fff;
}

.banner_wrapper .buttons a:last-child:hover img {
  filter        : brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.banner_wrapper .left_section {
  position: relative;
}

.banner_wrapper .left_section h1 {
  font-size  : calc(5vw);
  font-weight: bolder;
}

.banner_wrapper .left_section p {
  color      : #5A5D61;
  font-weight: bold;
}

.banner_wrapper .floating {
  position: absolute;
  top     : -5%;
  right   : 0;
  z-index : 0;
}

/* .banner_wrapper .left_section .center {
  position         : absolute;
  top              : 10%;
  left             : 5%;
  transform        : translateY(-0%);
  -webkit-transform: translateY(-0%);
  -moz-transform   : translateY(-0%);
  -ms-transform    : translateY(-0%);
  -o-transform     : translateY(-0%);
} */

.banner_wrapper .right_section {
  /* height         : calc(100vh - 120px); */
  display        : flex;
  align-items    : start;
  justify-content: center;
}

.banner_wrapper .right_section img {
  width : 100%;
  height: 100%;
}

/* Statistics */
.statistics_wrapper {
  margin-top: 30px;
}

.statistics_wrapper h2 {
  font-size  : calc(2vw + 2vh);
  font-weight: bolder;
  color      : var(--primary);
}

/* Partners */
.partners_wrapper {
  width     : 100%;
  position  : relative;
  overflow-x: auto;
  margin-top: 0px;
  background: #F9F3EF;
}

.partners_wrapper .box {
  /* width      : 300px; */
  /* box-shadow : 2px 2px 30px rgba(0, 0, 0, 0.2); */
  /* overflow   : hidden; */
  /* position: absolute;
  top        : ; */
}

.partners_wrapper .box .slide-img {
  height : 100px;
  padding: 10px 15px;
}

.partners_wrapper .box .slide-img img {
  width     : 100%;
  height    : 100%;
  object-fit: contain;
}

.owl-dots {
  display        : flex;
  justify-content: center;
  align-items    : center;
}

.owl-dots .owl-dot {
  width     : 32px;
  height    : 10px;
  background: #E7F5FC !important;
  margin    : 7px;
}

.owl-dots .owl-dot.active {
  background: var(--primary) !important;
}

.testimonials_wrapper .owl-dots .owl-dot,
.services_wrapper .owl-dots .owl-dot,
.partners_wrapper .owl-dots .owl-dot {
  border-radius        : 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius   : 20px;
  -ms-border-radius    : 20px;
  -o-border-radius     : 20px;
}


/* About */
.about_wrapper {
  margin-top: 120px;
}

.about_wrapper .heading {
  height: calc(70%);
}

.about_wrapper .heading p {
  width      : 90%;
  font-weight: 500;
  color      : #5A5D61;line-height: 26px;
}

.about_wrapper .heading .header,
.testimonials_wrapper .heading .header {
  /* width           : fit-content; */
  position        : relative;
  font-weight     : 500;
  padding         : 10px 0;
  color           : var(--primary);
  /* margin-bottom: 32px; */
}


.about_wrapper img {
  width: 100%;
}

/* Services */
.services_wrapper {
  position        : relative;
  margin-top      : 100px;
  margin-bottom   : 100px;
  /* text-align   : ; */
}

.services_wrapper .heading {
  position        : relative;
  width           : fit-content;
  /* margin       : 0 auto; */
  /* color        : #5A5D61; */
  padding         : 10px 0;
  font-weight     : 500;
  color           : var(--primary);
  /* margin-bottom: 20px; */
}

/* .services_wrapper .heading::before {
  content   : '';
  position  : absolute;
  bottom    : 0;
  width     : 50%;
  height    : 3px;
  background: var(--primary);
} */

.services_wrapper p {
  font-weight  : 500;
  margin-bottom: 10px;
  color        : #5A5D61;
}

.services_wrapper .left_section .content h5 {
  font-weight: bold;
}

.services_wrapper .right_section {
  display        : flex;
  justify-content: end;
}

.services_wrapper .right_section img {
  width: 85%;
}

/* .video_wrapper */
.video_wrapper p {
  width: 50%;
  margin: 0 auto;
  color: #5A5D61;text-align: center;
}
.video_wrapper .header h1 {
  color: var(--primary); text-align: center;
}

.video_wrapper .video_wrap {
  cursor: pointer;
}

.video_wrapper .watch_video {
  width : 100%;
  margin: 0 auto;
  height: 600px;
}

.video_wrapper .video_wrap .overlay {
  display         : none;
  position        : fixed;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index         : 999;
}

.video_wrapper .video_wrap .overlay .close {
  cursor  : pointer;
  position: absolute;
  top     : 12%;
  right   : 5%;
}

.video_wrapper .video_wrap .overlay .close img {
  /*position: absolute;
  */
  width         : 16px;
  filter        : brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.video_wrapper .video_wrap .video {
  width : 80%;
  height: 80%;
  margin: 9% auto;
}

.video_wrapper video {
  width: 100%;
}

.download_wrapper .right_section img {
  width: 40%;
}

.download_wrapper .left_section p {
  color: #5A5D61;
  padding  : 20px 0px;
}

.download_wrapper .buttons {
  display: flex;
}

.download_wrapper .buttons a {
  width          : 200px;
  height         : 48px;
  display        : flex;
  justify-content: center;
  align-items    : center;
  padding        : 8px 18px;
  margin         : 0px 10px;
}

.download_wrapper .buttons a:first-child {
  background-color: var(--primary);
  color           : #fff;
}

.download_wrapper .buttons a:first-child:hover {
  color     : var(--primary);
  background: #F9F3EF;
  border    : 1px solid var(--primary);
}

.download_wrapper .buttons a:first-child:hover img {
  filter        : invert(55%) sepia(82%) saturate(243%) hue-rotate(345deg) brightness(92%) contrast(86%);
  -webkit-filter: invert(55%) sepia(82%) saturate(243%) hue-rotate(345deg) brightness(92%) contrast(86%);
}

.download_wrapper .buttons a:last-child {
  background-color: #F9F3EF;
  color           : var(--primary);
}

.download_wrapper .buttons a:last-child:hover {
  background: var(--primary);
  color     : #fff;
  border    : 1px solid var(--primary);
}

.download_wrapper .buttons a:last-child:hover img {
  filter        : brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.download_wrapper .buttons a img {
  width    : 20px;
  /* height: 20px; */
  margin   : 0 5px;
}

.use_wrapper {
  margin-top: 75px;
}

.use_wrapper .header h1 {
  color: var(--primary);text-align: center;
}

.use_wrapper h5 {
  font-weight: bold;text-align: center;
}

.use_wrapper p {
  width : 50%;
  margin: 0 auto;
  color : #5A5D61;text-align: center;
}

.use_wrapper .content p {
  width: 80%;
}

.use_wrapper .icon {
  margin               : 0 auto;
  width                : 100px;
  height               : 100px;
  border-radius        : 50%;
  background           : var(--primary);
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%;
  display              : flex;
  justify-content      : center;
  align-items          : center;
  margin-bottom        : 30px;
  box-shadow           : 0px 0px 8.70796px rgba(0, 0, 0, 0.25);
}

.use_wrapper .icon img {
  width: 36px;
}

.use_wrapper .items {
  position: relative;
}

.use_wrapper .items .item {
  position: relative;
  z-index : 1;
}

.use_wrapper .items .line {
  width               : 75%;
  height              : 5px;
  background-color    : #F9F3EF;
  position            : absolute;
  top                 : 25%;
  right               : 12%;
  z-index             : 0;
  /* transform        : translate(-25%, -25%);
  -webkit-transform   : translate(-25%, -25%);
  -moz-transform      : translate(-25%, -25%);
  -ms-transform       : translate(-25%, -25%);
  -o-transform        : translate(-25%, -25%); */
}

/* Buyer */

.buyer_wrapper .buttons {
  margin-top: 32px;
  display   : flex;
}

.buyer_wrapper {
  position: relative;
}

.buyer_wrapper .video_wrap {
  cursor: pointer;
}

.buyer_wrapper .video_wrap .overlay {
  display         : none;
  position        : fixed;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index         : 999;
}

.buyer_wrapper .video_wrap .overlay .close {
  cursor  : pointer;
  position: absolute;
  top     : 12%;
  right   : 5%;
}

.buyer_wrapper .video_wrap .overlay .close img {
  /*position: absolute;
  */
  width         : 16px;
  filter        : brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.buyer_wrapper .video_wrap .video {
  width : 80%;
  height: 80%;
  margin: 9% auto;
}

.buyer_wrapper video {
  width: 100%;
}

.buyer_wrapper .buttons button {
  display         : flex;
  justify-content : center;
  align-items     : center;
  background-color: var(--primary);
  color           : #fff;
  padding         : 6px 12px;
  margin          : 0 10px;
  height          : 45px;
  font-weight     : 500;
  border          : 2px solid transparent;
}

.buyer_wrapper .buttons button:first-child:hover {
  color           : var(--primary);
  background-color: #fff;
  border          : 2px solid var(--primary);
}

.buyer_wrapper .buttons button:first-child:hover img {
  filter        : invert(28%) sepia(100%) saturate(7497%) hue-rotate(359deg) brightness(104%) contrast(114%);
  -webkit-filter: invert(28%) sepia(100%) saturate(7497%) hue-rotate(359deg) brightness(104%) contrast(114%);
}

.buyer_wrapper .buttons button:last-child:hover {
  color           : var(--primary);
  background-color: #fff;
  border          : 2px solid var(--primary);
}

.buyer_wrapper .buttons button:last-child:hover img {
  filter        : invert(28%) sepia(100%) saturate(7497%) hue-rotate(359deg) brightness(104%) contrast(114%);
  -webkit-filter: invert(28%) sepia(100%) saturate(7497%) hue-rotate(359deg) brightness(104%) contrast(114%);
}

.buyer_wrapper .buttons button:last-child {
  background-color: #FFECEA;
  color           : var(--primary);
  padding         : 6px 12px;
}

.buyer_wrapper .buttons button img {
  width : 20px;
  height: 20px;
  margin: 0 5px;
}


/* Newsletter */

/* Testimonials */
.testimonials_wrapper {
  position  : relative;
  margin-top: 100px;
}

.testimonials_wrapper .card{
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  border: 1px solid #aaaaaa42;margin: 0px 4px;
}
.testimonials_wrapper .item .card_header {
  padding: 5px 10px;
}

.testimonials_wrapper .item .card_header .info h6 {
  color      : var(--primary);
  font-weight: bold;
}

.testimonials_wrapper .item .card_header .icon img {
  width: 50px;
}

.testimonials_wrapper .item .card-body {
  padding: 10px;
}

.testimonials_wrapper .item .card-body p {
  padding: 10px;
  color  : #5A5D61;font-size: 13px;
}

.contact_wrapper {
  margin-top: 125px;
}

.contact_wrapper .form_contact input {
  height: 48px;
}

.contact_wrapper .form_contact .btn-send {
  min-width      : 180px;
  padding        : 10px 24px;
  background     : var(--primary);
  display        : flex;
  justify-content: center;
  align-items    : center;
  color          : #fff;
  font-weight    : 500;
  border         : 2px solid;
}

.contact_wrapper .form_contact .btn-send:hover {
  color     : var(--primary);
  background: #fff;
  border    : 2px solid;
}

.contact_wrapper .form_contact .btn-send:hover img {
  filter        : invert(28%) sepia(100%) saturate(7497%) hue-rotate(359deg) brightness(104%) contrast(114%);
  -webkit-filter: invert(28%) sepia(100%) saturate(7497%) hue-rotate(359deg) brightness(104%) contrast(114%);
}

.contact_wrapper .form_contact .btn-send img {
  width : 16px;
  margin: 0 5px;
}

.contact_wrapper .form_contact label {
  color: #5A5D61;
}

.contact_wrapper .form_contact input::placeholder,
.contact_wrapper .form_contact textarea::placeholder {
  color: #C1C2C3;
}

/* Rate */

#half-stars-example .rating-group {
  display: inline-flex;
}

#half-stars-example .rating__icon {
  pointer-events: none;
}

#half-stars-example .rating__input {
  position: absolute !important;
  left    : -9999px !important;
}

#half-stars-example .rating__label {
  cursor   : pointer;
  /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
  padding  : 0 0.1em;
  font-size: 1rem;
}

#half-stars-example .rating__label--half {
  padding-right: 0;
  margin-right : -0.6em;
  z-index      : 2;
}

#half-stars-example .rating__icon--star {
  color: orange;
}

#half-stars-example .rating__icon--none {
  color: #eee;
}

#half-stars-example .rating__input--none:checked+.rating__label .rating__icon--none {
  color: red;
}

#half-stars-example .rating__input:checked~.rating__label .rating__icon--star {
  color: #ddd;
}

#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
  color: orange;
}

#half-stars-example .rating__input:hover~.rating__label .rating__icon--star,
#half-stars-example .rating__input:hover~.rating__label--half .rating__icon--star {
  color: #ddd;
}

#half-stars-example .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
  color: #eee;
}

#half-stars-example .rating__input--none:hover+.rating__label .rating__icon--none {
  color: red;
}

/* End Rate */

/* Footer */
.footer_wrapper {
  padding-top     : 15px;
  padding-bottom  : 15px;
  margin-top      : 100px;
  background-color: #FFECEA;
}


.footer_wrapper .copyright {
  color      : var(--primary);
  font-weight: 500;
  text-align : center;
}

.footer_wrapper .logo img {
  width: 75px;
}

.footer_wrapper .social img {
  width: 20px;
}

/* Media Query */
@media screen and (max-width: 575px) {
  .navbar {
    z-index: 11;
  }

  .page .floating img {
    width: 100%;
  }

  .services_wrapper .wrap .card {
    min-height: 320px;
  }

  .buyer_wrapper .buttons {
    flex-direction: column;
  }

  .buyer_wrapper .buttons button {
    margin-bottom: 10px;
  }

  .banner_wrapper .buttons {
    flex-direction: column;
    margin-bottom : 20px;
  }

  .banner_wrapper .buttons a {
    margin-bottom: 10px;
  }

  .about_wrapper .heading p {
    width: 100%;
  }

  .services_wrapper .wrap .card {
    height: 300px !important;
  }

  .owl-item .item .content {
    padding: 6px 0;
  }

  .use_wrapper p {
    width: 100% !important;
  }

  .buttons {
    justify-content: center;
    align-items    : center;
    flex-direction : column;
  }

  .buttons button {
    margin-bottom: 10px !important;
  }

  .about_wrapper .heading .header h1 {
    text-align: center;
  }.container{
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .services_wrapper .wrap .card {
    height: 280px !important;
  }

  .contact_wrapper .left_section {
    order: 3;
  }

  .about_wrapper .left_section,
  .buyer_wrapper .left_section {
    order: 3;
  }

  .footer_wrapper .copyright {
    text-align: center;
  }

  .footer_wrapper .social {
    justify-content: center !important;
  }

  .use_wrapper p {
    width: 80% !important;
  }

  .services_wrapper .right_section img {
    width: 35% !important;
  }

  .banner_wrapper .left_section h1 {
    text-align: center;
  }.container{
    max-width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .services_wrapper .right_section {
    justify-content: center;
  }

  .services_wrapper .right_section img {
    width: 50%;
  }

  .services_wrapper .left_section .item {
    flex-direction: column;
    text-align    : center;
  }

  .services_wrapper .left_section {
    order: 3;
  }

  .use_wrapper .items .line {
    display: none;
  }

  .services_wrapper .wrap .card h4 {
    width: 100%;
  }

  .banner_wrapper .left_section {
    order: 3;
  }

  .navbar-btns {
    /* order     : 1; */
    display: none !important;
  }

  .navbar-collapse {
    text-align: center;
  }

  .navbar-collapse .navbar-btns {
    /* order     : 1; */
    display: block !important;
  }

  .banner_wrapper {
    padding-bottom: 40px;
  }

  .banner_wrapper .wave {
    display: none;

  }

  /* 
  .banner_wrapper {
    background: var(--primary);
  } */

  .owl-item .item {
    flex-direction: column;
  }

  .owl-item .item .image {
    width: 50%;
  }

  /* .swiper-slide.swiper-slide-prev,
  .swiper-slide.swiper-slide-duplicate.swiper-slide-prev,
  .swiper-slide.swiper-slide-duplicate.swiper-slide-duplicate-next {
    width            : 100% !important;
    transform        : translateX(2100px) !important;
    -webkit-transform: translateX(2100px) !important;
    -moz-transform   : translateX(2100px) !important;
    -ms-transform    : translateX(2100px) !important;
    -o-transform     : translateX(2100px) !important;
  }

  .swiper-slide.active {
    width            : 100% !important;
    transform        : translateX(0px) !important;
    -webkit-transform: translateX(0px) !important;
    -moz-transform   : translateX(0px) !important;
    -ms-transform    : translateX(0px) !important;
    -o-transform     : translateX(0px) !important;
  }

  .swiper-slide.swiper-slide-next {
    width            : 100% !important;
    transform        : translateX(-1440px) !important;
    -webkit-transform: translateX(-1440px) !important;
    -moz-transform   : translateX(-1440px) !important;
    -ms-transform    : translateX(-1440px) !important;
    -o-transform     : translateX(-1440px) !important;
  } */

  .swiper .pagination {
    margin-top: 30px !important;
  }

  .services_wrapper .wrap .card {
    height: 340px;
  }.container{
    max-width: 100%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .banner_wrapper .wave {
    height: 225px;
  }

  .banner_wrapper .wave:last-child {
    height: 200px;
  }

  .swiper {
    margin-top: 0;
  }

  .swiper-slide.swiper-slide-duplicate.swiper-slide-duplicate-next {}

  .swiper-slide.swiper-slide-duplicate.active {
    width            : 80% !important;
    transform        : translateX(-1432px);
    -webkit-transform: translateX(-1432px);
    -moz-transform   : translateX(-1432px);
    -ms-transform    : translateX(-1432px);
    -o-transform     : translateX(-1432px);
  }

  .swiper-slide.swiper-slide-next.swiper-slide-duplicate-prev {
    width            : 80% !important;
    transform        : translateX(-1432px);
    -webkit-transform: translateX(-1432px);
    -moz-transform   : translateX(-1432px);
    -ms-transform    : translateX(-1432px);
    -o-transform     : translateX(-1432px);
  }

  .swiper-slide.swiper-slide-prev,
  .swiper-slide.swiper-slide-duplicate.swiper-slide-prev {
    width            : 80% !important;
    transform        : translateX(1850px) !important;
    -webkit-transform: translateX(1850px) !important;
    -moz-transform   : translateX(1850px) !important;
    -ms-transform    : translateX(1850px) !important;
    -o-transform     : translateX(1850px) !important;
  }

  .swiper-slide.active {
    width            : 80% !important;
    transform        : translateX(300px) !important;
    -webkit-transform: translateX(300px) !important;
    -moz-transform   : translateX(300px) !important;
    -ms-transform    : translateX(300px) !important;
    -o-transform     : translateX(300px) !important;
  }

  .swiper-slide.swiper-slide-next {
    width            : 80% !important;
    transform        : translateX(-1250px) !important;
    -webkit-transform: translateX(-1250px) !important;
    -moz-transform   : translateX(-1250px) !important;
    -ms-transform    : translateX(-1250px) !important;
    -o-transform     : translateX(-1250px) !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .services_wrapper .wrap .card {
    height: 320px;
  }

  .banner_wrapper .wave {
    height: 275px;
  }

  .banner_wrapper .wave:last-child {
    height: 250px;
  }

  .swiper-slide.swiper-slide-prev,
  .swiper-slide.swiper-slide-duplicate.swiper-slide-prev,
  .swiper-slide.swiper-slide-duplicate.swiper-slide-duplicate-next {
    width            : 80% !important;
    transform        : translateX(-1350px) !important;
    -webkit-transform: translateX(-1350px) !important;
    -moz-transform   : translateX(-1350px) !important;
    -ms-transform    : translateX(-1350px) !important;
    -o-transform     : translateX(-1350px) !important;
  }

  .swiper-slide.active {
    width            : 80% !important;
    transform        : translateX(-1350px) !important;
    -webkit-transform: translateX(-1350px) !important;
    -moz-transform   : translateX(-1350px) !important;
    -ms-transform    : translateX(-1350px) !important;
    -o-transform     : translateX(-1350px) !important;
  }

  .swiper-slide.swiper-slide-next {
    width            : 80% !important;
    transform        : translateX(-1350px) !important;
    -webkit-transform: translateX(-1350px) !important;
    -moz-transform   : translateX(-1350px) !important;
    -ms-transform    : translateX(-1350px) !important;
    -o-transform     : translateX(-1350px) !important;
  }
}

/* RTL */
html[dir="rtl"] .banner_wrapper .left_side .buttons button:first-child {
  margin-left: 10px;
}

html[dir="rtl"] .banner_wrapper .left_side .buttons button.watch_banner {
  display        : flex;
  justify-content: center;
  align-items    : center;
}

html[dir="rtl"] .banner_wrapper .left_side .buttons button.watch_banner img {
  order            : 3;
  transform        : rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform   : rotate(0deg);
  -ms-transform    : rotate(0deg);
  -o-transform     : rotate(0deg);
}

html[dir="rtl"] .features_wrapper .curved img {
  margin           : 0 10%;
  transform        : scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform   : scaleX(-1);
  -ms-transform    : scaleX(-1);
  -o-transform     : scaleX(-1);
}

html[dir="rtl"] .features_wrapper .curved .sec.sec1 {
  right: 18%;
}


html[dir="rtl"] .features_wrapper .curved .sec.sec1 .num {
  right   : 70%;
  /* left : 0%; */
  top     : -100px;
}

html[dir="rtl"] .features_wrapper .curved .sec.sec2 {
  left: 42%;
}

html[dir="rtl"] .features_wrapper .curved .sec.sec2 .num {
  right   : 75%;
  /* left : 0%; */
  top     : -100px;
}

html[dir="rtl"] .features_wrapper .curved .sec.sec3 {
  right: 80%;
  left : 0%;
}

html[dir="rtl"] .features_wrapper .curved .sec.sec3 .num {
  right   : 65%;
  /* left : 0%; */
  top     : -100px;
}

html[dir="rtl"] .joinus_wrapper .input-group button {
  border-top-right-radius   : 0;
  border-bottom-right-radius: 0;
  border-top-left-radius    : 0.375rem !important;
  border-bottom-left-radius : 0.375rem !important;
}

html[dir="rtl"] .video_wrapper .watch_video {
  display        : flex;
  justify-content: center;
  align-items    : center;
  border-radius    : 40px;
}

html[dir="rtl"] .video_wrapper .watch_video img {
  order            : 3;
  transform        : rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform   : rotate(0deg);
  -ms-transform    : rotate(0deg);
  -o-transform     : rotate(0deg);
}

html[dir="rtl"] .services_wrapper img.pattern {
  right: 0%;
}

html[dir="rtl"] .owl-prev span {
  transform        : rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform   : rotate(180deg);
  -ms-transform    : rotate(180deg);
  -o-transform     : rotate(180deg);
}

html[dir="rtl"] .owl-next span {
  transform        : rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform   : rotate(180deg);
  -ms-transform    : rotate(180deg);
  -o-transform     : rotate(180deg);
}

html[dir="rtl"] .navbar .btn-register img {
  transform        : rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform   : rotate(180deg);
  -ms-transform    : rotate(180deg);
  -o-transform     : rotate(180deg);
}