/* .black-btn {
  width: 220px;
  padding: 12px;
  position: relative;
} */

.img-shadow {
  -webkit-box-shadow: 0px 60px 70px -30px rgba(37, 40, 45, 0.5);
  -moz-box-shadow: 0px 60px 70px -30px rgba(37, 40, 45, 0.5);
  box-shadow: 0px 30px 60px -30px rgba(37, 40, 45, 0.5) !important;
}

.content-box {
  padding: 0;
}

.img-box.image-zoom-animation {
  -webkit-animation: zoom1 20s;
  -moz-animation: zoom1 20s;
  -o-animation: zoom1 20s;
  animation: zoom1 20s;
}

@media screen and (max-width: 992px) {
  .content-box {
    margin-bottom: 40px;
  }
  .img-box.img-shadow {
    max-width: 460px;
    margin: 0 auto;
  }
  .img-box.img-shadow img {
    max-width: 580px;
    max-height: 420px;
    margin: 0 auto;
  }
  .content-box .primary-btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1024px) {
  .img-box.img-shadow {
    max-width: 460px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .content-box .primary-btn {
    width: 100%;
    margin-top: 20px;
  }
  .font-48-mobile {
    font-size: 48px !important;
  }
}
p.body-2 a {
  font-size: 22px;
  /* color: #25282d; */
  font-family: FreightSansProBook;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 34px;
}

.flickity-page-dots {
  position: unset !important;
  margin-top: 15px !important;
  display: flex !important;
}

.flickity-page-dot {
  display: block;
  width: 30px !important;
  height: 3px !important;
  padding: 0;
  margin: 0 8px;
  margin-bottom: 20px;
  border-radius: unset !important;
}

.flickity-page-dot:focus {
  outline: none !important;
  box-shadow: none !important;
}

.img-container {
  padding-right: 60px;
  margin-bottom: 55px;
}
:lang(ar) .img-container {
  padding-right: unset;
  padding-left: 60px;
}

@media screen and (max-width: 768px) {
  .carousel-cell {
    height: auto !important;
  }
  .flickity-viewport {
    overflow: unset !important;
  }
  .flickity-page-dots {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1026px) {
  .flickity-page-dots {
    margin-top: 60px !important;
  }
}

.carousel-cell {
  width: 100% !important;
  background-color: white !important;
  height: auto !important;
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
  .img-container {
    padding-right: unset;
    padding: 10px;
  }
  :lang(ar) .img-container {
    padding-right: unset;
    padding: 10px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .img-container {
    padding-right: 90px;
  }
  :lang(ar) .img-container {
    padding-right: unset;
    padding-left: 90px;
  }
}

/* Home gallery zoom */
@keyframes zoom-new {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

.image-zoom-animation-new {
  overflow: hidden;
}

.image-zoom-animation-new > img {
  animation: zoom-new 20s;
  -webkit-animation: zoom-new 20s; /* For Safari and Chrome */
  -moz-animation: zoom-new 20s; /* For Firefox */
  -o-animation: zoom-new 20s; /* For Opera */
  animation-fill-mode: forwards; /* Ensure the animation stays at the end state */
}