@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=block");

@font-face {
  font-family: "NotoSans";
  src: url("../font-familys/DINNextLTArabic-Medium.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSansbold";
  src: url("../font-familys/DINNextLTArabic-Bold.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: "NotoSansThin";
  src: url("../font-familys/NotoSansArabic-Thin.ttf") format("truetype");
  font-weight: lighter;
}

body {
  font-family: "Inter";
}

.product__Img {
  object-fit: cover;
  object-position: center;
}

.rtl p,
.rtl body {
  font-family: "NotoSans" !important;
}

.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl .heading,
.rtl .heading2,
.rtl .heading3,
.rtl .heading4 {
  font-family: "NotoSansbold" !important;
}

.rtl .newsSwiper,
.rtl .tesimonialSwiper {
  margin-right: auto;
  margin-left: 0px;
}

.arabic {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

@media (min-width: 768px) {
  .arabic {
    font-size: 1.04166666667vw;
    line-height: 1.5625vw;
  }
}

.arabic{
  position: relative;
  cursor: pointer;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  /* font-family: "GE SS Unique"; */
  font-weight: 300;
}

.arabic::after {
  position: absolute;
  top: 50%;
  height: 22px;
  width: 1px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}

.arabic:hover {
  --tw-text-opacity: 1;
  color: rgb(238 114 3 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .arabic::after {
    height: 1.041666666666667vw;
    content: var(--tw-content);
    width: 0.15625vw;
  }
}

.dropDownitems {
  display: block;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  padding-top: 15px;
  padding-bottom: 15px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.dropDownitems:hover {
  background-color: unset;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.rtl .dropDownitems {
  padding-right: 0px;
}

.rtl .dropDownitems:hover {
  padding-right: 0px;
}

@media (min-width: 768px) {
  .rtl .dropDownitems {
    padding-left: 1.041666666666667vw;
    padding-right: 1.041666666666667vw;
  }

  @media (min-width: 768px) {
    .rtl .dropDownitems:hover {
      padding-right: 1.770833333333333vw;
    }
  }
}

.ltr .dropDown {
  left: 0px;
}

.rtl .dropDown {
  right: 0px;
}

@media print {
  .hideprint {
    display: none;
  }
}

/**
 * Print Stylesheet fuer Deinewebsite.de
* @version         1.0
* @lastmodified    16.06.2016
*/

@media print {

  /* Inhaltsbreite setzen, Floats und Margins aufheben */
  /* Achtung: Die Klassen und IDs variieren von Theme zu Theme. Hier also eigene Klassen setzen */
  #content,
  #page {
    width: 100%;
    margin: 0;
    float: none;
  }

  /** Seitenränder einstellen */
  @page {
    margin: 2cm;
  }

  /* Font auf 16px/13pt setzen, Background auf Weiß und Schrift auf Schwarz setzen.*/
  /* Das spart Tinte */
  body {
    font: 13pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
    background: #fff !important;
    color: #000;
  }

  h1 {
    font-size: 24pt;
  }

  h2,
  h3,
  h4 {
    font-size: 14pt;
    margin-top: 25px;
  }

  /* Alle Seitenumbrüche definieren */
  a {
    page-break-inside: avoid;
  }

  blockquote {
    page-break-inside: avoid;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
    text-transform: capitalize !important;
  }

  img {
    page-break-inside: avoid;
    page-break-after: avoid;
  }

  table,
  pre {
    page-break-inside: avoid;
  }

  ul,
  ol,
  dl {
    page-break-before: avoid;
  }

  /* Linkfarbe und Linkverhalten darstellen */
  a:link,
  a:visited,
  a {
    background: transparent;
    color: #520;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
  }

  a {
    page-break-inside: avoid;
  }

  a[href^="http"]:after {
    content: " <" attr(href) "> ";
  }

  a:after>img {
    content: "";
  }

  article a[href^="#"]:after {
    content: "";
  }

  a:not(:local-link):after {
    content: " <" attr(href) "> ";
  }

  /**
   * Eingebundene Videos verschwinden lassen und den Whitespace der iframes auf null reduzieren.
   */
  .entry iframe,
  ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
  }

  .embed-youtube,
  .embed-responsive {
    position: absolute;
    height: 0;
    overflow: hidden;
  }

  /* Unnötige Elemente ausblenden für den Druck */

  #header-widgets,
  nav,
  aside.mashsb-container,
  .sidebar,
  .mashshare-top,
  .mashshare-bottom,
  .content-ads,
  .make-comment,
  .author-bio,
  .heading,
  .related-posts,
  #decomments-form-add-comment,
  #breadcrumbs,
  #footer,
  .post-byline,
  .meta-single,
  .site-title img,
  .post-tags,
  .readability {
    display: none;
  }

  /* Benutzerdefinierte Nachrichten vor und nach dem Inhalt einfügen */

  /* Wichtige Elemente definieren */
  p,
  address,
  li,
  dt,
  dd,
  blockquote {
    font-size: 100%;
  }

  /* Zeichensatz fuer Code Beispiele */
  code,
  pre {
    font-family: "Courier New", Courier, mono;
  }

  ul,
  ol {
    list-style: square;
    margin-left: 18pt;
    margin-bottom: 20pt;
  }

  li {
    line-height: 1.6em;
  }
}

.request__Form,
.enquireForm {
  opacity: 1 !important;
  display: none;
}

.request__Form.active,
.enquireForm.active {
  opacity: 1;
  display: block;
  pointer-events: initial;
}

.request__Form,
.enquireForm {
  opacity: 1 !important;
  display: none;
}

.request__Form.active,
.enquireForm.active {
  opacity: 1;
  display: block;
  pointer-events: initial;
}

.newsCard {
  height: 260px;
}

.newsCardImg {
  object-fit: cover;
}

.newslink {
  color: #f38600;
}

.newsbanner {
  max-height: 550px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  object-fit: cover;
  object-position: top;
}

/* .md\:w-\[22\.7083333333vw\] {
  width: 22.7083333333vw;
} */
.timelineCircle::before {
  background-color: #c5c5c5;
  top: 20px;
}

.timelineContainer::after {
  visibility: hidden;
}

.reserved {
  background-color: #669adf1a !important;
}

.reserved>span {
  color: #669adf !important;
}

.available {
  background-color: #d9f1d9c0 !important;
}

.available>span {
  color: #4b8b4b !important;
}

.sold {
  background-color: #fdf1e6 !important;
}

.sold>span {
  color: #ee7203 !important;
}

.offline {
  background-color: #b5b3b3 !important;
}

.offline>span {
  color: #353030 !important;
}

.searchresultes {
  color: #515151;
  text-align: center;
  font-size: 20px;
  width: 100%;
}

.filter__DropDownChevron_ {
  cursor: pointer;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

@media (min-width: 768px) {
  .filter__DropDownChevron_ {
    width: 0.6625vw;
  }
}

.filter__DropDownChevron_.active {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.clear__Allfilters {
  margin-top: 10px;
}

.overlay.show {
  background: #00000094;
  width: 100vw;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  pointer-events: initial;
}

.newenq {
  max-width: 415px;
}


.full_vh {
  height: 100vh;
}


.rtl .smallWrapper3 img {
  --tw-scale-x: none;
  transform: none;
}

.rtl .smallWrapper3:hover img {
  transform: scaleX(1) scale(1.09);
}

.rtl [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  --tw-scale-x: 1;
}

.myOverlay2 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  bottom: 0 !important;
  height: 30vw !important;
}

.myOverlay1 {
  height: 23vw;
}


.fliters__Main {
  z-index: 5;

}



.newsbanner {
  object-position: top !important;
}


.overlayAboutUs {
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.6600841020001751) 100%);

  position: absolute;
  bottom: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.inner-pages-banner {

  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, #000 100%);
}



.newsDetails {
  background-color: #fff;
  color: #000;
}


.bread-crumb-link {
  color: #a6a6a6;
}


.rtl .newsCardImg {
  --tw-scale-x: 1;
}

.rtl .newsCard:hover .newsCardImg {
  transform: scaleX(1) scale(1.06);
}


@media (min-width: 768px) {
  .ltr #req__Number::after {
    left: 9.364583vw;
  }

  .ltr #req__Number .requestDropdownValuein {
    padding-left: 10.770833vw
  }

  .requestDropdownsOpener>.phoneKey {
    padding-left: 1vw !important;
    padding-right: 0 !important;
    width: 9vw !important;
  }

  .requestDropdownsOpener>.phoneKey {
    padding-left: 1vw !important;
    padding-right: 0 !important;
    width: 9vw !important;
  }
}


.rtl .product__Img {
  --tw-scale-x: 1;
}

.rtl .product__Card:hover .product__Img {
  transform: scaleX(1) scale(1.1);
}


.offer-badge-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.offer-badge {
  color: white;
  padding: 0.26vw;
  font-size: 0.73vw;
  text-align: center;
  background: #ee7202;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-30%) translateY(0%) rotate(-45deg);
  transform-origin: top right;
}

.offer-badge::before,
.offer-badge::after {
  content: '';
  position: absolute;
  top: 0;
  margin: 0 -1px;
  width: 100%;
  height: 100%;
  background: inherit;
  min-width: 55px;
}

.offer-badge::before {
  right: 100%
}

.offer-badge::after {
  left: 100%
}



@media (max-width: 767px) {
  .searchresultes {
    font-size: 13px;
    padding-bottom: 32px;
  }


  .ltr #req__Number::after {
    left: 110px;
  }

  .ltr #req__Number .requestDropdownValuein {
    padding-left: 120px;
  }

  .rtl #req__Number::after {
    right: 110px;
  }

  .rtl #req__Number .requestDropdownValuein {
    padding-right: 120px;
  }

  .product-status div {
    width: 45%;
  }

  .wrapper3 {
    width: 100%;
  }

  .smallWrapper4 li a,
  .request__Chevron {
    width: 80%;
  }

  .phoneKey {
    width: 106px !important;
    padding-left: 13px !important;
  }

  .leftRightfixer3 {
    top: 15px !important;
  }

  .rtl .phoneKey {
    padding-right: 7px !important;
  }
}



.ltr .btn__Global {
  right: -130px;
}

@media (min-width: 768px) {
  .ltr .btn__Global {
    right: -8.65vw;
  }

  .rtl .requestDropdownsOpener>.phoneKey {
    padding-left: 0 !important;
    width: 8.5vw !important;
    padding-right: 10px !important;
  }

  .rtl #req__Number::after {
    right: 9vw;
  }

  .rtl #req__Number .requestDropdownValuein {
    padding-right: 9.770833vw;
  }

  .md\:gap-x-\[1\.1vw\] {
    -moz-column-gap: 1.1vw;
    column-gap: 1.1vw;
  }
}


.rtl .heart {
  right: 1.04166666667vw !important;
}


.rtl .new__Tag::before {

  --tw-content: "جديد";
}

.rtl .smallWrapper2 img {
  --tw-scale-x: 1;
}


.w-\[14\%\] {
  width: 14%;
}



.myContainer1 {
  align-items: center !important;
}


.productTitle {
  min-height: 4vw !important;
}


.filter__Dropdown ol {
  margin-left: 30px;
}

.filter__Dropdown ol li {
  list-style: none;
}

.overview-wrapper ol {
  margin-left: 30px;
  margin-bottom: 30px;
}

.overview-wrapper ol li {
  list-style: auto;
}

.overview-wrapper ul {
  margin-left: 30px;
  margin-bottom: 30px;
}

.overview-wrapper ul li {
  list-style: none;
}

.overview-wrapper ul li::before,
.overview-wrapper ol li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ee7203;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  /*  margin-left: -1em; /* Also needed for space (tweak if needed) */
  */ top: -1px;
  position: relative;

}


.swiper-slide,
swiper-slide {
  height: auto;
}

.w-\[14\%\] {
  width: 14%;
}


@media only screen and (min-width: 320px) and (max-width: 450px) {
  img.object-cover {

    /* align-self: flex-start;
    object-fit: contain;*/

  }
}

@media only screen and (min-width: 320px) and (max-width: 600px) {

  ::-webkit-full-page-media,
  _:future,
  :root .ceo {
    background-attachment: scroll;
  }
}



@media (min-width: 768px) {
  .md\:w-\[1\.3vw\] {
    width: 1.3vw;
  }
}

@media (min-width: 768px) {
  .md\:w-\[10vw\] {
    width: 10vw;
  }
}

/*.inner-pages-banner img.object-cover{ object-position: center;}*/

.nav li a.active {
  color: rgb(238, 114, 3);
}


@media (min-width: 768px) {
  .w-\[35\%\] {
    width: 35%;
  }
}

.w-\[73\%\] {
  width: 73%;
}

.newsSlide.arrivalSlide {

  width: 75vw;
}

@media (min-width: 768px) {
  .newsSlideImg.arrivalSlideImg {
    width: 37vw;
    min-width: 37vw;
  }
}

.stock__Card h6 {

  white-space: nowrap;
  /* Prevents the text from wrapping onto the next line */
  overflow: hidden;
  /* Ensures that the overflowing text is hidden */
  text-overflow: ellipsis;
  /* Appends the ellipsis "..." to the end of the text when it overflows */
  max-width: 11vw;
  /* Defines the maximum width for the h6 element (you can adjust this value if needed) */
  display: block;
}




/* Instagram API Posts CSS */


.instagram-post img,
.instagram-post video {
  max-width: 100%;
  height: 320px;
  border-radius: 10px 10px 0 0;
  object-fit: cover;
}

.instagramSection *,
.instagramSection *::before,
.instagramSection *::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.instagramSection a,
.instagramSection button {
  cursor: pointer;
  user-select: none;
  border: none;
  outline: none;
  background: none;
}

.instagramSection img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 320px;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  border-radius: 10px 10px 0 0;
}

.instagramSection {
  margin: 0 auto;
  padding-block: 5rem;
}

.instagramSection .container {
  max-width: 96%;
  height: auto;
  margin-inline: auto;
  padding-inline: 1.25rem;
  position: relative;
  right: 0;
  margin-right: 0;
  padding: 0;

}

.instagramSection .swiper {

  &-button-next::after,
  &-button-prev::after {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 1rem;
    width: 2rem;
    height: 2rem;
    opacity: 0.75;
    border-radius: 50%;
    color: var(--white-100);
    background: var(--black-300);
  }
}

.instagramSection .instagram-post {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 7px 0px #3333336e;
  margin-bottom: 10px;
  margin-left: 10px;
  border-radius: 10px;
  width: 320px !important;
  height: 440px !important;
}

.post-text {
  margin: 20px 10px;
  font-size: 14px;
  color: #333;
}


.left-title {
  color: #001e61;
  font-size: 20px;
  writing-mode: vertical-lr;
  text-orientation: sideways;
  transform: rotate(180deg);
  position: absolute;
  top: 25%;
  left: -2%;
  display: flex;
  align-items: center;
  gap: 9px;
}

.slider-column {
  position: relative;
}


@media screen and (max-width: 767px) {
  .left-title {
    font-size: 1rem;
    left: -3%
  }

  .left-title svg {
    width: 15px !important;
  }


  .instagramSection .container {
    max-width: 97%;
    height: auto;
    margin-inline: auto;
    padding-inline: 1.25rem;
    position: relative;
    right: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .stock__Card h6 {
    max-width: 40vw;
  }

}


.rtl .instagramSection .container {
  left: 0;
  margin-left: 0;
  right: auto;
  margin-right: auto;
}

.rtl .left-title {
  right: -3vw;
  left: auto;
  transform: rotate(0deg);
}


#instagram-posts {
  padding-bottom: 5.20833333333vw !important
}


/* @media (max-width: 768px) {
  .pageNumber:is(:nth-child(n+6)) {
    display: none;
  }

  .pageNumber:is(:nth-child(6)) {
    position: relative;
    display: block;
    background-color: transparent;
    width: auto;
  }

  .pageNumber:is(:nth-child(6))::after {
    content: "...";
    width: 15px;
    height: 15px;
    position: absolute;
    left: -7px;
    font-size: 20px;
  }



  .pageNumber:is(:nth-child(6)) span {
    display: none;
  }

  .pageNumber:last-child {
    display: block;
  }

  #instagram-posts {
    padding-bottom: 55px !important;
  }
} */


.dropDownitems:hover {
  color: #ee7203;
}


.dropDown .links {
  line-height: 0.8vw !important;
  padding-bottom: 10px;
}


.ltr .dropDownitems:hover {
  padding-left: 1.241666666666667vw !important;
}

.rtl .dropDownitems:hover {
  padding-right: 1.241666666666667vw !important;
}


input[name='email'] {
  text-transform: lowercase;
  /* This CSS style forces lowercase text */
}

.timeLine1MainWrapper .heading5,
.timeLine2MainWrapper .heading5 {
  -webkit-user-select: none !important;
  /* Safari */
  -moz-user-select: none !important;
  /* Firefox */
  -ms-user-select: none !important;
  /* IE10+/Edge */
  user-select: none !important;

  pointer-events: none !important;
}

/*to show filters count*/
.filter__dropdownItemNumber {
  display: none;
}

.searchresultes p {
  margin-bottom: 15px !important
}

#vehicle_count {
  color: #ee7203;
  font-weight: bold
}


.formContainer {
  width: 100% !important;
  height: 100vh !important;
  padding-top: 100px;
  background: #000000b4 !important;
  z-index: 100000;
  border-radius: 0 !important;
}

.formContent {
  background: #ffff !important;
  padding: 40px;
  border-radius: 15px;
}

.ajs-message.ajs-custom {
  color: #fff;
  background-color: #ed7202;
  border-color: #fff;
}


.file-input {
  display: none;
}

.file-label {
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.progress-container {
  width: 100%;
}

.progress-bar {
  width: 0;
  height: 20px;
  background-color: #db6d09;

}

.badge {
  display: none;
  align-items: center;
  justify-content: space-between;
}

.cancel {
  cursor: pointer;
}

 /* below to make bullet left or right */
.ltr .stock__New .swiper-pagination {

  text-align: left !important;
  left: 6%;

}

.rtl .stock__New .swiper-pagination {

  right: 6%;
  text-align: right !important;

}

@media (min-width: 768px) {

  .stock__New .swiper-pagination {
    text-align: left !important;
    left: 4vw;
  }

  .rtl .stock__New .swiper-pagination {
    text-align: right !important;
    right: 4vw;
    left: auto;
  }
}

/* end */


/* .heading5.lefty, .heading5.righty {
  color: #000 !important
} 


.heading5.lefty::after, .heading5.righty::after {
  content: '';
} */


.sellTeamBox{

}

@media (max-width: 1200px) {

  .rtl .left-title {
    right: -5vw !important;
  }
  .rtl .instagramSection .container {
    left: -20px;
  }
}

@media (max-width: 620px) {
  .rtl .left-title {
    right: -6vw !important;
  }
  
  .rtl .instagramSection .container {
    left: -20px;
  }
}

@media (max-width: 768px) {
  .footerDiv {
    width: 40%;
  }

  .mainSwiper .swiper-wrapper .offer-badge {
    padding: 8px;
    font-size: 14px;
}

#filterMainOpener img{
  height: 100%;
}

}



/* SCROLL PROGREESS CSS      */





.ltr .circle-container {
  left: 25px;
}

@media (min-width: 768px) {
  .ltr .circle-container {
    left: 1.77083333333vw;
  }
}

.rtl .circle-container {
  right: 25px;
}

@media (min-width: 768px) {
  .rtl .circle-container {
    right: 1.77083333333vw;
  }
}

/* SCROLL PROGREESS CSS  END    */


/* SCROLL Whatsapp PROGREESS CSS      */

.whatsapp-container {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
  position: fixed;
  bottom: 50px;
  display: block;
  width: 35px;
  cursor: pointer;
  border-radius: 50%;
  background-color: transparent;
}

@media (min-width: 768px) {
  .whatsapp-container {
    width: 3.75vw;
  }
}

.whatsapp-container div {
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px) {
  .whatsapp-container div img {
    width: 1.25vw;
  }
}

.whatsapp-container.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  animation: top 0.7s infinite ease-in-out alternate-reverse;
}

.ltr .whatsapp-container {
  right: 25px;
}

@media (min-width: 768px) {
  .ltr .whatsapp-container {
    right: 1.77083333333vw;
  }
}

.rtl .whatsapp-container {
  left: 25px;
}

@media (min-width: 768px) {
  .rtl .whatsapp-container {
    left: 1.77083333333vw;
  }
}

@keyframes top {
  100% {
    transform: translateY(-10px);
  }
}

.whatsapp-container svg path {
  fill: none;
}

.whatsapp-container svg.whatsapp-progress path {
  stroke: #e77204;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

/* SCROLL Whatsapp PROGREESS CSS END     */


.rtl #instagram-posts{
  gap:11px !important;
}

.pagination__Number.disabled {background-color:#ffffff !important}



.ltr .searchSwitcher {
  padding-left: 12px;
  border-left: 1px solid;
}

.rtl .searchSwitcher {
  padding-right: 12px;
  border-right: 1px solid;
}