.hero {
  position: relative;
  margin-block-end: min(100px, 12vw);
}
.hero #image-carousel::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 37px;
  background-color: var(--primary);
  bottom: -31px;
}
.hero #image-carousel .splide__track .splide__slide {
  background-repeat: no-repeat;
  background-size: cover;
}
.hero #image-carousel .splide__track .splide__slide .gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(270.26deg, rgba(0, 21, 35, 0.8) 0.25%, rgba(16, 16, 16, 0.924032) 24.42%, rgba(33, 33, 33, 0.848014) 41.4%, rgba(49, 49, 49, 0.774851) 54.67%, rgba(69, 69, 69, 0.680983) 66.9%, rgba(115, 115, 115, 0.468212) 89.07%, rgba(217, 217, 217, 0) 120.61%);
}
@media only screen and (max-width: 768px) {
  .hero #image-carousel .splide__track .splide__slide .gradient {
    background: linear-gradient(358.36deg, rgba(0, 21, 35, 0.8) 1.23%, rgba(16, 16, 16, 0.924032) 28.8%, rgba(33, 33, 33, 0.848014) 43.18%, rgba(49, 49, 49, 0.774851) 58.3%, rgba(69, 69, 69, 0.680983) 80.5%, rgba(115, 115, 115, 0.468212) 93.82%, rgba(217, 217, 217, 0) 126.69%);
  }
}
.hero #image-carousel .splide__track .splide__slide .content {
  position: relative;
  margin-block: min(60px, 30vw);
  margin-inline-start: min(365px, 10vw);
  color: var(--white);
  max-width: 721px;
  z-index: 0;
  text-align: left;
  margin-inline-end: auto;
}
@media only screen and (max-width: 768px) {
  .hero #image-carousel .splide__track .splide__slide .content {
    margin-inline: min(33px, 5vw);
  }
}
.hero #image-carousel .splide__track .splide__slide .content h1 {
  color: var(--white);
  font-weight: 700;
  font-size: clamp(32px, 4.8vw, 64px);
  line-height: 1.359;
}
@media only screen and (max-width: 768px) {
  .hero #image-carousel .splide__track .splide__slide .content h1 {
    margin-block-end: min(16px, 2vw);
  }
}
.hero #image-carousel .splide__track .splide__slide .content h2 {
  font-weight: 700;
  font-size: clamp(20px, 3.5vw, 35px);
  line-height: 1.342;
}
.hero #image-carousel .splide__track .splide__slide .content hr {
  margin-block: min(32px, 4vw);
  width: 95%;
}
.hero #image-carousel .splide__track .splide__slide .content p {
  font-weight: 700;
  font-size: clamp(20px, 3.5vw, 35px);
  line-height: 1.342;
}
.hero #image-carousel .splide__track .splide__slide .content p a {
  color: var(--secondary);
}
.hero #image-carousel .splide__pagination {
  column-gap: 24px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .hero #image-carousel .splide__pagination {
    margin-bottom: 20px;
  }
}
.hero #image-carousel .splide__pagination li .splide__pagination__page {
  width: clamp(14px, 2vw, 24px);
  height: clamp(14px, 2vw, 24px);
  background: transparent;
  border: 4px var(--white) solid;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 500px) {
  .hero #image-carousel .splide__pagination li .splide__pagination__page {
    border: 3px var(--white) solid;
  }
}
.hero #image-carousel .splide__pagination li .splide__pagination__page.is-active {
  background: var(--white);
  transform: unset;
}

@media only screen and (max-width: 768px) {
  .jacks {
    display: none;
  }
}
.jacks::after {
  content: "";
  position: static;
  display: block;
  width: 100%;
  height: 37px;
  background-color: var(--primary);
}
.jacks .container {
  margin-block-end: min(73px, 9vw);
}
.jacks .container .jacks-content {
  margin-top: min(25px, 4vw);
  column-gap: 4px;
}
.jacks .container .jacks-content .jack-wrapper img {
  height: min(232px, 30vw);
  margin-inline: auto;
  margin-bottom: 10px;
  object-fit: none;
}
.jacks .container .jacks-content .jack-wrapper ul {
  list-style: none;
  padding: unset;
  row-gap: 4px;
}
.jacks .container .jacks-content .jack-wrapper ul li {
  width: min(188.78px, 15.3vw);
  height: min(100px, 15vw);
  background-color: var(--primary);
  box-shadow: 0px 0px 182px rgba(0, 0, 0, 0.16);
  text-align: center;
  font-weight: 700;
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: 1.363;
  letter-spacing: 0.03em;
  text-shadow: 0px 0px 182px rgba(0, 0, 0, 0.16);
  transition: all 0.3s ease;
}
.jacks .container .jacks-content .jack-wrapper ul li a {
  color: var(--white);
}
.jacks .container .jacks-content .jack-wrapper ul li.top-right-corner {
  border-radius: 20px 0px 0px 0px;
}
.jacks .container .jacks-content .jack-wrapper ul li.top-left-corner {
  border-radius: 0px 20px 0px 0px;
}
.jacks .container .jacks-content .jack-wrapper ul li.bottom-right-corner {
  border-radius: 0px 0px 0px 20px;
}
.jacks .container .jacks-content .jack-wrapper ul li.bottom-left-corner {
  border-radius: 0px 0px 20px 0px;
}
.jacks .container .jacks-content .jack-wrapper ul li.bottom-left-right {
  border-radius: 0px 0px 20px 20px;
}
.jacks .container .jacks-content .jack-wrapper ul li a {
  inset: 0;
}
.jacks .container .jacks-content .jack-wrapper ul li:hover {
  background-color: #b45924;
}
.jacks .container .jacks-content .jack-wrapper ul li:first-child {
  padding-inline: 50px;
}
.jacks .container .jacks-content .jack-wrapper ul li:first-child a {
  cursor: default;
}
.jacks .container .jacks-content .jack-wrapper ul li:not(:first-child) {
  width: min(188.78px, 15.3vw);
  height: min(100px, 15vw);
  background-color: var(--secondary);
  box-shadow: 0px 0px 182px rgba(0, 0, 0, 0.16);
}
.jacks .container .jacks-content .jack-wrapper ul li:not(:first-child) a {
  color: var(--gray);
}
.jacks .container .jacks-content .jack-wrapper ul li:not(:first-child):hover {
  background-color: #c29223;
}
.jacks .container .jacks-content .jack-wrapper:nth-child(3) ul li:first-child {
  white-space: nowrap;
  letter-spacing: 0px;
}

.jacks-mobile {
  display: none;
  padding-top: 7vw;
}
@media only screen and (max-width: 768px) {
  .jacks-mobile {
    display: block;
  }
}
.jacks-mobile::after {
  content: "";
  position: static;
  display: block;
  width: 100%;
  height: 37px;
  background-color: var(--primary);
}
.jacks-mobile .splide__arrows .splide__arrow {
  background-color: var(--primary);
  opacity: 1;
}
.jacks-mobile .splide__arrows .splide__arrow svg {
  fill: var(--white);
}
.jacks-mobile #jacks-carousel {
  padding-bottom: 5vw;
}
.jacks-mobile #jacks-carousel .splide__track .splide__slide {
  row-gap: 5vw;
}
.jacks-mobile #jacks-carousel .splide__track .splide__slide ul {
  padding: unset;
  row-gap: 4px;
  list-style: unset;
}
.jacks-mobile #jacks-carousel .splide__track .splide__slide ul li {
  width: 155px;
  height: 100px;
  background-color: var(--secondary);
  box-shadow: 0px 0px 182px rgba(0, 0, 0, 0.16);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.363;
  letter-spacing: 0.03em;
  text-align: center;
  transition: all 0.3s ease;
}
.jacks-mobile #jacks-carousel .splide__track .splide__slide ul li a {
  color: var(--gray);
  inset: 0;
}
.jacks-mobile #jacks-carousel .splide__track .splide__slide ul li:hover {
  background-color: #c29223;
}
.jacks-mobile #jacks-carousel .splide__track .splide__slide ul li:first-child {
  background-color: var(--primary);
  border-radius: 20px 20px 0 0;
  padding-inline: 10px;
}
.jacks-mobile #jacks-carousel .splide__track .splide__slide ul li:first-child a {
  color: var(--white);
  inset: 0;
}
.jacks-mobile #jacks-carousel .splide__track .splide__slide ul li:first-child:hover {
  background-color: #b45924;
}
.jacks-mobile #jacks-carousel .splide__track .splide__slide ul li:last-child {
  border-radius: 0 0 20px 20px;
}

.more-details .title {
  background: linear-gradient(180deg, #d24f02 0%, #e3641a 100%);
  border-radius: 20px 20px 0px 0px;
  padding-block: 14px;
  padding-inline-start: min(46px, 6vw);
  column-gap: 12px;
}
.more-details .title .elipse {
  width: 51px;
  height: 21px;
  background-color: var(--white);
  border-radius: 50%;
}
.more-details .title h2 {
  font-size: clamp(25px, 3.5vw, 40px);
  font-weight: 400;
  line-height: 1.35;
  color: var(--white);
}
.more-details .rent-jacks,
.more-details .roms-solutions {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
}
.more-details .rent-jacks {
  margin-top: min(54px, 7vw);
  margin-bottom: min(100px, 12vw);
}
.more-details .rent-jacks .content {
  padding-top: min(25px, 4vw);
  padding-inline-start: min(55px, 7vw);
  padding-bottom: min(55px, 7vw);
  max-width: 880px;
}
@media only screen and (max-width: 768px) {
  .more-details .rent-jacks .content {
    padding-inline: 7vw;
  }
}
@media only screen and (max-width: 768px) {
  .more-details .rent-jacks .content ul {
    padding-inline-start: 20px;
    margin-block: 15px;
  }
}
.more-details .rent-jacks .content p,
.more-details .rent-jacks .content li {
  font-size: clamp(16px, 2vw, 25px);
  line-height: 1.36;
  color: var(--light-brown);
}
.more-details .rent-jacks .content p a,
.more-details .rent-jacks .content li a {
  text-decoration: underline;
  color: var(--black);
}
.more-details .roms-solutions {
  margin-bottom: min(65px, 8vw);
}
.more-details .roms-solutions .cards {
  padding: min(50px, 7vw) min(30.5px, 5vw);
  gap: min(34px, 5vw) min(32px, 5vw);
}
.more-details .roms-solutions .cards .card {
  position: relative;
  background: linear-gradient(180.09deg, rgba(255, 255, 255, 0) 43.39%, rgba(219, 219, 219, 0.601625) 66.55%, rgba(205, 205, 205, 0.831012) 81.91%, #c2c2c2 96.09%);
  border: 1px var(--primary) solid;
  border-radius: 4px;
  max-width: 247px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 768px) {
  .more-details .roms-solutions .cards .card {
    min-height: 307px;
  }
}
@media only screen and (max-width: 768px) {
  .more-details .roms-solutions .cards .card {
    min-height: 339px;
  }
}
.more-details .roms-solutions .cards .card:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 8.5%, rgba(149, 158, 164, 0.414388) 38.06%, rgba(66, 82, 92, 0.739527) 54.43%, rgba(49, 66, 78, 0.80667) 66.55%, rgba(27, 46, 58, 0.893396) 87.45%, #001523 103.8%);
  filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.16));
}
.more-details .roms-solutions .cards .card:hover .front-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.more-details .roms-solutions .cards .card:hover .hover-content {
  opacity: 1;
  visibility: visible;
}
.more-details .roms-solutions .cards .card .img-wrapper {
  padding-inline: min(40px, 5vw);
  padding-block: min(19.5px, 25vw) min(60px, 30vw);
}
.more-details .roms-solutions .cards .card .img-wrapper img {
  object-fit: contain;
}
.more-details .roms-solutions .cards .card .front-content {
  transition: all 0.3s ease;
}
.more-details .roms-solutions .cards .card .front-content p {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.375;
  color: var(--dark-blue);
  margin-inline-start: min(21px, 4vw);
}
.more-details .roms-solutions .cards .card .front-content h3 {
  font-weight: 800;
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 1.35;
  color: var(--dark-blue);
  margin-inline-start: min(21px, 4vw);
  margin-bottom: min(21px, 4vw);
}
.more-details .roms-solutions .cards .card .hover-content {
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.more-details .roms-solutions .cards .card .hover-content p {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.375;
  color: var(--white);
  margin-inline-start: 11px;
}
.more-details .roms-solutions .cards .card .hover-content h3 {
  font-weight: 800;
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 1.35;
  color: var(--white);
  margin-bottom: min(21px, 4vw);
  margin-inline: 11px;
  overflow: hidden;
  max-height: 54px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.more-details .roms-solutions .cards .card .hover-content .more-details-button {
  margin-top: 12px;
  margin-bottom: 17px;
}
.more-details .roms-solutions .cards .card .hover-content .more-details-button .link {
  background: radial-gradient(88.69% 88.69% at 50% 50%, #f9ba15 0%, #f4a816 41%, #e3641a 100%);
  border-radius: 29px;
  font-weight: 700;
  font-size: clamp(16px, 1.7vw, 18px);
  line-height: 1.388;
  color: var(--dark-blue);
  text-align: center;
  padding: 5px min(50px, 7vw);
}
.more-details .contact-us {
  width: 100%;
}

body.rtl .hero #image-carousel .splide__slide .content {
  text-align: unset;
  margin-inline-end: unset;
}
body.rtl .jacks .jack-wrapper ul li.top-right-corner {
  border-radius: 0px 20px 0px 0px !important;
}
body.rtl .jacks .jack-wrapper ul li.top-left-corner {
  border-radius: 20px 0px 0px 0px !important;
}
body.rtl .jacks .jack-wrapper ul li.bottom-right-corner {
  border-radius: 0px 0px 20px 0px !important;
}
body.rtl .jacks .jack-wrapper ul li.bottom-left-corner {
  border-radius: 0px 0px 0px 20px !important;
}
body.rtl .jacks .jack-wrapper ul li.bottom-left-right {
  border-radius: 0px 0px 20px 20px !important;
}/*# sourceMappingURL=homepage.min.css.map */