.modal,
.modal-content {
  transform: translateY(-50%);
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
.syne {
  font-family: Syne, sans-serif;
  font-weight: 700;
}
.Poppins,
body {
  font-family: Poppins, sans-serif;
}
.font-MODERNIZ,
.font-moderniz {
  font-family: "MODERNIZ", sans-serif !important;
}
.placeholder::placeholder {
  color: #000;
}
p {
  text-align: justify;
}
.string h1,
.string h1 strong {
  line-height: 1;
  font-size: 2.6rem;
  font-weight: 700;
  margin-block: 1rem;
}
.string h2,
.string h2 strong {
  line-height: 1;
  font-size: 2.2rem;
  font-weight: 700;
  margin-block: 1rem;
}
.string h3,
.string h3 strong {
  line-height: 1;
  font-size: 1.8rem;
  font-weight: 700;
  margin-block: 1rem;
}
.string h4,
.string h4 strong {
  line-height: 1;
  font-size: 1.2rem;
  font-weight: 700;
  margin-block: 1rem;
}
.string h4,
.string h4 strong,
.string h5,
.string h5 strong {
  line-height: 1;
  font-size: 1.4rem;
}
.string p {
  padding-bottom: 1rem;
}
.slider_image {
  width: 100%;
  height: 5rem;
  object-fit: contain;
}
.dropdown {
  width: 20rem;
}
.icon_dropdown {
  width: 1.5rem;
}
.headerbottomlc {
  position: relative;
  z-index: 40;
}
.headerbottomDiv {
  margin-top: 0.45rem;
  padding: 0.25rem;
  border: 1px solid rgba(64, 26, 137, 0.24);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.08);
  overflow: hidden;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform-origin: top center;
  will-change: transform, opacity;
}
.headerbottomDiv::before {
  content: "";
  position: absolute;
  top: -0.34rem;
  left: 1.1rem;
  width: 0.7rem;
  height: 0.7rem;
  background: inherit;
  border-left: 1px solid rgba(64, 26, 137, 0.24);
  border-top: 1px solid rgba(64, 26, 137, 0.24);
  transform: rotate(45deg);
  border-radius: 0.15rem 0 0 0;
}
.headerbottomDiv.overflow-auto {
  overflow: auto;
}
.headerbottomDiv ul {
  gap: 0.08rem;
}
.headerbottomDiv li {
  margin: 0;
}
.headerbottomDiv a {
  border: 1px solid rgba(64, 26, 137, 0.12);
  border-radius: 0.6rem;
  color: #1f2937;
  font-weight: 400;
  transition: transform 0.16s ease, background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}
.headerbottomDiv a:hover {
  background: rgba(64, 26, 137, 0.06);
  color: #401a89;
  border-color: rgba(64, 26, 137, 0.18);
  transform: translateX(1px);
  box-shadow: 0 4px 8px rgba(64, 26, 137, 0.04);
}
.headerbottomDiv .grid {
  padding: 0.1rem;
}
.headerbottomDiv .grid > li > a {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.7rem;
  padding: 0.55rem 0.75rem;
}
.headerbottomDiv .grid > li > a img {
  flex: 0 0 auto;
  border-radius: 0.4rem;
  background: #fff;
  box-shadow: 0 2px 6px rgba(17, 24, 39, 0.06);
}
.swiper {
  direction: ltr;
}
html[dir="rtl"] .ar_header {
  flex-direction: row-reverse;
}
html[dir="rtl"] .banner_image {
  transform: scalex(-1);
}
html[dir="rtl"] .ar_ml {
  margin-right: auto;
  margin-left: unset;
}
html[dir="rtl"] .ar_logo {
  right: 2.5rem;
  left: unset;
}
html[dir="rtl"] .before\:-left-3::before {
  left: unset;
  right: -0.65rem;
}
html[dir="rtl"] .ar_header_drop {
  left: unset;
  right: 0;
}
html[dir="rtl"] .ar_gap {
  gap: 0.5rem;
}
html[dir="rtl"] .ar_banner_text {
  left: unset;
  right: 5%;
}
html[dir="rtl"] .ar_banner_img {
  left: 0;
  right: unset;
  transform: scaleX(-1);
}
html[dir="rtl"] .ar_img {
  transform: scaleX(-1);
}
html[dir="rtl"] .ar_ml3 {
  margin-left: 0;
}
html[dir="rtl"] .faq-toggle,
html[dir="rtl"] .text_ar {
  text-align: right !important;
}
.pagination span,
a.px-4.py-2.bg-white.text-\[\#333\]:first-child,
a.px-4.py-2.bg-white.text-\[\#333\]:last-child {
  width: 122px;
}
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 50%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.close {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 22px;
  cursor: pointer;
}
.whatsapp_btn {
  background: green;
  width: 4rem;
  padding: 1rem;
  border-radius: 50%;
  position: fixed;
  bottom: 1.8rem;
  left: 1.1rem;
  z-index: 99999;
}
.animate_sec,
.animate_sec1 {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}
.modal-content {
  background-color: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  height: 90vh;
  overflow: auto;
  padding-block: 20px;
  position: absolute;
  border-radius: 20px;
  left: 0;
  right: 0;
  top: 50%;
}
.modal-header,
.relative {
  position: relative;
}
.modal-content::-webkit-scrollbar {
  display: none;
}
.modal-header {
  padding: 0;
}
.background_image img {
  width: 100%;
  height: auto;
  display: block;
}
.btn-close.custom_butnclose {
  position: absolute;
  top: 10px;
  right: 10px;
  background: 0 0;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #fff;
  z-index: 10;
  width: 2.4rem;
}
.modal-body {
  padding: 2rem 1.5rem;
}
.modal-body h5 {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1.5rem;
}
.custom_input {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
  transition: 0.3s;
}
.custom_input:focus {
  outline: 0;
  border-color: #ff000d;
  box-shadow: 0 0 0 2px #ff000d;
}
textarea.custom_input {
  resize: none;
}
.custom_button_modal {
  display: inline-block;
  width: 100%;
  background-color: #ff000d;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s;
  text-align: center;
  margin-top: 0.5rem;
}
@media (max-width: 600px) {
  .modal-body {
    padding: 1.5rem 1rem;
  }
  .custom_input {
    font-size: 0.95rem;
    padding: 0.6rem 0.8rem;
  }
  .custom_button_modal {
    font-size: 1rem;
  }
  .modal-content {
    border-radius: 10px;
    width: 95%;
    height: fit-content;
  }
}
.animate_sec1 {
  background-image: url("images/home1.webp");
}
.animate_sec {
  background-image: url("images/homebg.webp");
}
.scroll-top-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #e02d3c;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  width: 3rem;
  height: 3rem;
  transition: opacity 0.3s;
  z-index: 9999;
}
.scroll-top-btn.show {
  display: block;
  opacity: 1;
}
.lease_table table,
.tableStyle table {
  width: 100% !important;
}
.lease_table table td,
.tableStyle table td {
  background: 0 0 !important;
  border: 1px solid #ddd !important;
  padding: 10px;
}
.lease_table table tr:first-child td,
.tableStyle table tr:first-child td {
  background: #dc313e !important;
  color: #fff;
}
.lease_table table td *,
.lease_table table td p,
.tableStyle table td *,
.tableStyle table td p {
  margin: 0 !important;
  padding: 0;
}
.string h1,
.string h2,
.string h3,
.string h4 {
  padding-block: 1rem;
  font-weight: 700;
}
.string ul {
  margin-left: 3rem;
  margin-bottom: 1rem;
  list-style: disc;
}
.string ol {
  margin-bottom: 1rem;
  list-style: decimal;
  margin-left: 3rem;
}
.string table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}
.string th,
.string td {
  border: 1px solid #000;
  padding: 10px 12px;
  vertical-align: top;
  text-align: left;
}

.string th {
  font-weight: 700;
  background-color: #f9f9f9;
}

.string tr:first-child td {
  background: #e02d3c;
  color: white;
}

.string ul li,
.string ol li {
  line-height: 30px;
}

.submit-btn {
  position: relative;
}

.submit-btn .loader {
  width: 18px;
  height: 18px;
  border: 2px solid white;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  display: none;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Loading State */
.submit-btn.loading {
  pointer-events: none; /* double click block */
  opacity: 0.7;
}

.submit-btn.loading .btn-text {
  display: none;
}

.submit-btn.loading .loader {
  display: inline-block;
}

/* Primary color fallbacks for Tailwind CDN and any cached CSS */
.bg-primary {
  background-color: #401a89 !important;
}

.text-primary {
  color: #401a89 !important;
}

.border-primary {
  border-color: #401a89 !important;
}

.hover\:bg-primary:hover {
  background-color: #401a89 !important;
}

.hover\:text-primary:hover {
  color: #401a89 !important;
}

.hover\:border-primary:hover {
  border-color: #401a89 !important;
}
.section5BodyBox {
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.section5BodyBox:hover {
  background-color: #401a89 !important;
  transform: translateY(-2px);
}

.section5BodyBox:hover *,
.section5BodyBox:hover .text-primary {
  color: #fff !important;
}
.testimonial-review {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.marquee-text {
  display: inline-block;
  white-space: nowrap;
  font-size: 14px;
  line-height: 38px;
  padding-left: 100%;
  min-width: max-content;
  will-change: transform;
  animation: marquee 22s linear infinite;
  cursor: default;
}
.top-marquee {
  width: 100%;
  height: 38px;
  overflow: hidden;
  position: relative;
  z-index: 5;
  color: #fff;
}
.marquee-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.marquee-track {
  display: flex;
  width: max-content;
  align-items: center;
  white-space: nowrap;
  animation: marquee 18s linear infinite;
  will-change: transform;
}

.marquee-item {
  flex: 0 0 auto;
  white-space: nowrap;
  padding-right: 3rem;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .marquee-text,
  .marquee-track {
    animation: none;
    padding-left: 0;
    transform: none;
  }
}
.NewBoxI {
  border: 1.27071px solid #eaecf0;
  min-width: 110px;
  min-height: 110px;
  box-shadow: 0 2.54141px 12.7071px #bda8ff26;
}
.ourm {
  padding-left: 2rem;
  padding-right: 0;
}
.round {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 0;
}
.animate-bounceDown {
  animation: 1.5s infinite bounceDown;
}

@keyframes bounceDown {
  0%,
  to {
    transform: translateY(0);
  }

  50% {
    transform: translateY(10px);
  }
}
.promo_pera p{
    text-align: right !important;
}
.packagepl, .pleft {
    padding-left: 2.5rem;
    padding-right: 0;
}
.fixedback.active, .packager {
    left: 0;
}
.packageleft {
    left: -3.2rem;
}
.mbm {
    backdrop-filter: blur(14.0206px);
    background: #1c1c1c4d;
    border-radius: 0 0 14px 14px;
}
.OfferMainBox:hover .OfferMainBox_ {
    border-radius: 1.5rem;
    inset: 0;
}
.faqBodyBoxl p, .faqBodyBoxl p strong {
    font-weight: 400;
}

.ContactBanner:before {
    background: linear-gradient(#4521a299 0, #1c1c1c99 100%) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.MainBlog:before {
    content: "";
    background: #040404b3;
    position: absolute;
    inset: 0;
}
.testimonialPagination .ant-pagination-item.ant-pagination-item-active {
    border: 1px solid #401a89;
    background: #401a89;
    color: #fff;
}
.mms1 {
    text-shadow: 0 4px 10px #00000080;
}
.car2 {
    box-shadow: 0 4.04224px 4.04224px #0000001a;
}
.quickleaseCOnvert h1,.quickleaseCOnvert h1 span,.quickleaseCOnvert h1 strong,.quickleaseCOnvert h2,.quickleaseCOnvert h2 span,.quickleaseCOnvert h2 strong,.quickleaseCOnvert h3,.quickleaseCOnvert h3 span,.quickleaseCOnvert h3 strong,.quickleaseCOnvert h4,.quickleaseCOnvert h4 span,.quickleaseCOnvert h4 strong,.quickleaseCOnvert h5,.quickleaseCOnvert h5 span,.quickleaseCOnvert h5 strong,.quickleaseCOnvert h6,.quickleaseCOnvert h6 span,.quickleaseCOnvert h6 strong,.quickleaseCOnvert2 h1,.quickleaseCOnvert2 h1 span,.quickleaseCOnvert2 h2,.quickleaseCOnvert2 h2 span,.quickleaseCOnvert2 h3,.quickleaseCOnvert2 h3 span,.quickleaseCOnvert2 h4,.quickleaseCOnvert2 h4 span,.quickleaseCOnvert2 h5,.quickleaseCOnvert2 h5 span,.quickleaseCOnvert2 h6,.quickleaseCOnvert2 h6 span {
    margin: 1.5rem 0;
    font-family: MODERNIZ,sans-serif;
    line-height: 1.5;
    position: relative;
    color: #401a89 !important
}
.footerTop {
    backdrop-filter: blur(41.3473px);
    background: #401a8933;
}
.footermenu li+li:before {
    background: #ffffff47;
    left: -3.6rem;
}
.footermenu li+li:before, .headerbottoml li+li .headerbottomla:before {
    content: "";
    width: 2px;
    height: 80%;
    position: absolute;
    top: 10%;
}
@media screen and (max-width: 1550px) {
    .headerbottoml li+li .headerbottomla:before {
        content: "";
        left: -.9rem;
    }
}
.headerbottoml li+li .headerbottomla:before {
    opacity: .3;
    background: #fff;
    left: -1.4rem;
}
@media screen and (min-width: 1001px) {
    .header--home .headerbottoml li+li .headerbottomla:before {
        background-color: #414141;
    }
}
.btnone:hover {
    background: #401a89;
    color: #fff;
}