.wd-100 {
  width: 100px !important;
  max-width: 100px !important;
}
.wd-120 {
  width: 120px !important;
  max-width: 120px !important;
}
.wd-130 {
  width: 130px !important;
  max-width: 130px !important;
}
.wd-140 {
  width: 140px !important;
  max-width: 140px !important;
}
.wd-150 {
  width: 150px !important;
  max-width: 150px !important;
}
.wd-160 {
  width: 160px !important;
  max-width: 160px !important;
}
.wd-180 {
  width: 180px !important;
  max-width: 180px !important;
}
.wd-200 {
  width: 200px !important;
  max-width: 200px !important;
}
.wd-220 {
  width: 220px !important;
  max-width: 220px !important;
}
.wd-240 {
  width: 240px !important;
  max-width: 240px !important;
}
.wd-260 {
  width: 260px !important;
  max-width: 260px !important;
}
.wd-280 {
  width: 280px !important;
  max-width: 280px !important;
}
.wd-300 {
  width: 300px !important;
  max-width: 300px !important;
}
.wd-320 {
  width: 320px !important;
  max-width: 320px !important;
}
.wd-340 {
  width: 340px !important;
  max-width: 340px !important;
}
.wd-360 {
  width: 360px !important;
  max-width: 360px !important;
}
.wd-380 {
  width: 380px !important;
  max-width: 380px !important;
}
.wd-400 {
  width: 400px !important;
  max-width: 400px !important;
}
.wd-420 {
  width: 420px !important;
  max-width: 420px !important;
}
.wd-440 {
  width: 440px !important;
  max-width: 440px !important;
}
.wd-460 {
  width: 460px !important;
  max-width: 460px !important;
}
.wd-480 {
  width: 480px !important;
  max-width: 480px !important;
}
.wd-500 {
  width: 500px !important;
  max-width: 500px !important;
}
.wd-10 {
  width: 10% !important;
  max-width: 10% !important;
}
.wd-15 {
  width: 15% !important;
  max-width: 15% !important;
}
.wd-20 {
  width: 20% !important;
  max-width: 20% !important;
}
.wd-25 {
  width: 25% !important;
  max-width: 25% !important;
}
.wd-30 {
  width: 30% !important;
  max-width: 30% !important;
}
.wd-35 {
  width: 35% !important;
  max-width: 35% !important;
}
.wd-40 {
  width: 40% !important;
  max-width: 40% !important;
}
.wd-45 {
  width: 45% !important;
  max-width: 45% !important;
}
.wd-55 {
  width: 55% !important;
  max-width: 55% !important;
}
.wd-60 {
  width: 60% !important;
  max-width: 60% !important;
}
.wd-65 {
  width: 65% !important;
  max-width: 65% !important;
}
.wd-70 {
  width: 70% !important;
  max-width: 70% !important;
}
.wd-75 {
  width: 75% !important;
  max-width: 75% !important;
}
.wd-80 {
  width: 80% !important;
  max-width: 80% !important;
}
.wd-85 {
  width: 85% !important;
  max-width: 85% !important;
}
.wd-90 {
  width: 90% !important;
  max-width: 90% !important;
}
.wd-95 {
  width: 95% !important;
  max-width: 95% !important;
}
@media (max-width: 575.98px) {
  .wd-sm-100 {
    width: 100px !important;
    max-width: 100px !important;
  }
  .wd-sm-120 {
    width: 120px !important;
    max-width: 120px !important;
  }
  .wd-sm-140 {
    width: 140px !important;
    max-width: 140px !important;
  }
  .wd-sm-160 {
    width: 160px !important;
    max-width: 160px !important;
  }
  .wd-sm-180 {
    width: 180px !important;
    max-width: 180px !important;
  }
  .wd-sm-200 {
    width: 200px !important;
    max-width: 200px !important;
  }
}
@media (max-width: 991.98px) {
  .wd-md-100 {
    width: 100px !important;
    max-width: 100px !important;
  }
  .wd-md-120 {
    width: 120px !important;
    max-width: 120px !important;
  }
  .wd-md-140 {
    width: 140px !important;
    max-width: 140px !important;
  }
  .wd-md-160 {
    width: 160px !important;
    max-width: 160px !important;
  }
  .wd-md-180 {
    width: 180px !important;
    max-width: 180px !important;
  }
  .wd-md-200 {
    width: 200px !important;
    max-width: 200px !important;
  }
}
.min-wd-100 {
  min-width: 100px !important;
}
.min-wd-120 {
  min-width: 120px !important;
}
.min-wd-140 {
  min-width: 140px !important;
}
.min-wd-160 {
  min-width: 160px !important;
}
.min-wd-180 {
  min-width: 180px !important;
}
.min-wd-200 {
  min-width: 200px !important;
}
.min-wd-220 {
  min-width: 220px !important;
}
.min-wd-240 {
  min-width: 240px !important;
}
.min-wd-260 {
  min-width: 260px !important;
}
.min-wd-280 {
  min-width: 280px !important;
}
.min-wd-300 {
  min-width: 300px !important;
}
.max-wd-100 {
  max-width: 100px !important;
}
.max-wd-120 {
  max-width: 120px !important;
}
.max-wd-140 {
  max-width: 140px !important;
}
.max-wd-160 {
  max-width: 160px !important;
}
.max-wd-180 {
  max-width: 180px !important;
}
.max-wd-200 {
  max-width: 200px !important;
}
.max-wd-220 {
  max-width: 220px !important;
}
.max-wd-240 {
  max-width: 240px !important;
}
.max-wd-260 {
  max-width: 260px !important;
}
.max-wd-280 {
  max-width: 280px !important;
}
.max-wd-300 {
  max-width: 300px !important;
}
.vwd-10 {
  width: 10vw !important;
}
.vwd-15 {
  width: 15vw !important;
}
.vwd-20 {
  width: 20vw !important;
}
.vwd-25 {
  width: 25vw !important;
}
.vwd-30 {
  width: 30vw !important;
}
.vwd-35 {
  width: 35vw !important;
}
.vwd-40 {
  width: 40vw !important;
}
.vwd-45 {
  width: 45vw !important;
}
.vwd-50 {
  width: 50vw !important;
}
.vwd-55 {
  width: 55vw !important;
}
.vwd-60 {
  width: 60vw !important;
}
.vwd-65 {
  width: 65vw !important;
}
.vwd-70 {
  width: 70vw !important;
}
.vwd-75 {
  width: 75vw !important;
}
.vwd-80 {
  width: 80vw !important;
}
.vwd-85 {
  width: 85vw !important;
}
.vwd-90 {
  width: 90vw !important;
}
.vwd-95 {
  width: 95vw !important;
}
.wd-auto {
  width: auto !important;
}
.wd-initial {
  width: initial !important;
}
.wd-inherit {
  width: inherit !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.pt-6 {
  padding-top: 4rem !important;
}
.pb-6 {
  padding-bottom: 4rem !important;
}
.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.pt-7 {
  padding-top: 5rem !important;
}
.pb-7 {
  padding-bottom: 5rem !important;
}
.py-8 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.pt-8 {
  padding-top: 6rem !important;
}
.pb-8 {
  padding-bottom: 6rem !important;
}
.py-9 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}
.pt-9 {
  padding-top: 7rem !important;
}
.pb-9 {
  padding-bottom: 7rem !important;
}
.py-10 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
.pt-10 {
  padding-top: 8rem !important;
}
.pb-10 {
  padding-bottom: 8rem !important;
}
.py-11 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}
.pt-11 {
  padding-top: 9rem !important;
}
.pb-11 {
  padding-bottom: 9rem !important;
}
.py-12 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}
.pt-12 {
  padding-top: 10rem !important;
}
.pb-12 {
  padding-bottom: 10rem !important;
}
.py-13 {
  padding-top: 11rem !important;
  padding-bottom: 11rem !important;
}
.pt-13 {
  padding-top: 11rem !important;
}
.pb-13 {
  padding-bottom: 11rem !important;
}
.py-14 {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}
.pt-14 {
  padding-top: 12rem !important;
}
.pb-14 {
  padding-bottom: 12rem !important;
}
.py-15 {
  padding-top: 13rem !important;
  padding-bottom: 13rem !important;
}
.pt-15 {
  padding-top: 13rem !important;
}
.pb-15 {
  padding-bottom: 13rem !important;
}
.py-16 {
  padding-top: 14rem !important;
  padding-bottom: 14rem !important;
}
.pt-16 {
  padding-top: 14rem !important;
}
.pb-16 {
  padding-bottom: 14rem !important;
}
.py-17 {
  padding-top: 15rem !important;
  padding-bottom: 15rem !important;
}
.pt-17 {
  padding-top: 15rem !important;
}
.pb-17 {
  padding-bottom: 15rem !important;
}
.py-18 {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}
.pt-18 {
  padding-top: 16rem !important;
}
.pb-18 {
  padding-bottom: 16rem !important;
}
.py-19 {
  padding-top: 17rem !important;
  padding-bottom: 17rem !important;
}
.pt-19 {
  padding-top: 17rem !important;
}
.pb-19 {
  padding-bottom: 17rem !important;
}
.py-20 {
  padding-top: 18rem !important;
  padding-bottom: 18rem !important;
}
.pt-20 {
  padding-top: 18rem !important;
}
.pb-20 {
  padding-bottom: 18rem !important;
}
@media (min-width: 576px) {
  .sm\:py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .sm\:pt-0 {
    padding-top: 0 !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0 !important;
  }
  .sm\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm\:pt-3 {
    padding-top: 1rem !important;
  }
  .sm\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sm\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sm\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sm\:py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sm\:pt-5 {
    padding-top: 3rem !important;
  }
  .sm\:pb-5 {
    padding-bottom: 3rem !important;
  }
  .sm\:py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sm\:pt-6 {
    padding-top: 4rem !important;
  }
  .sm\:pb-6 {
    padding-bottom: 4rem !important;
  }
  .sm\:py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .sm\:pt-7 {
    padding-top: 5rem !important;
  }
  .sm\:pb-7 {
    padding-bottom: 5rem !important;
  }
  .sm\:py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .sm\:pt-8 {
    padding-top: 6rem !important;
  }
  .sm\:pb-8 {
    padding-bottom: 6rem !important;
  }
  .sm\:py-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .sm\:pt-9 {
    padding-top: 7rem !important;
  }
  .sm\:pb-9 {
    padding-bottom: 7rem !important;
  }
  .sm\:py-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .sm\:pt-10 {
    padding-top: 8rem !important;
  }
  .sm\:pb-10 {
    padding-bottom: 8rem !important;
  }
  .sm\:py-11 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .sm\:pt-11 {
    padding-top: 9rem !important;
  }
  .sm\:pb-11 {
    padding-bottom: 9rem !important;
  }
  .sm\:py-12 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .sm\:pt-12 {
    padding-top: 10rem !important;
  }
  .sm\:pb-12 {
    padding-bottom: 10rem !important;
  }
  .sm\:py-13 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .sm\:pt-13 {
    padding-top: 11rem !important;
  }
  .sm\:pb-13 {
    padding-bottom: 11rem !important;
  }
  .sm\:py-14 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .sm\:pt-14 {
    padding-top: 12rem !important;
  }
  .sm\:pb-14 {
    padding-bottom: 12rem !important;
  }
  .sm\:py-15 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .sm\:pt-15 {
    padding-top: 13rem !important;
  }
  .sm\:pb-15 {
    padding-bottom: 13rem !important;
  }
  .sm\:py-16 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .sm\:pt-16 {
    padding-top: 14rem !important;
  }
  .sm\:pb-16 {
    padding-bottom: 14rem !important;
  }
  .sm\:py-17 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .sm\:pt-17 {
    padding-top: 15rem !important;
  }
  .sm\:pb-17 {
    padding-bottom: 15rem !important;
  }
  .sm\:py-18 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .sm\:pt-18 {
    padding-top: 16rem !important;
  }
  .sm\:pb-18 {
    padding-bottom: 16rem !important;
  }
  .sm\:py-19 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .sm\:pt-19 {
    padding-top: 17rem !important;
  }
  .sm\:pb-19 {
    padding-bottom: 17rem !important;
  }
  .sm\:py-20 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .sm\:pt-20 {
    padding-top: 18rem !important;
  }
  .sm\:pb-20 {
    padding-bottom: 18rem !important;
  }
}
@media (min-width: 768px) {
  .md\:py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .md\:pt-0 {
    padding-top: 0 !important;
  }
  .md\:pb-0 {
    padding-bottom: 0 !important;
  }
  .md\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .md\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .md\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md\:pt-3 {
    padding-top: 1rem !important;
  }
  .md\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .md\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .md\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .md\:py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md\:pt-5 {
    padding-top: 3rem !important;
  }
  .md\:pb-5 {
    padding-bottom: 3rem !important;
  }
  .md\:py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md\:pt-6 {
    padding-top: 4rem !important;
  }
  .md\:pb-6 {
    padding-bottom: 4rem !important;
  }
  .md\:py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .md\:pt-7 {
    padding-top: 5rem !important;
  }
  .md\:pb-7 {
    padding-bottom: 5rem !important;
  }
  .md\:py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .md\:pt-8 {
    padding-top: 6rem !important;
  }
  .md\:pb-8 {
    padding-bottom: 6rem !important;
  }
  .md\:py-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .md\:pt-9 {
    padding-top: 7rem !important;
  }
  .md\:pb-9 {
    padding-bottom: 7rem !important;
  }
  .md\:py-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .md\:pt-10 {
    padding-top: 8rem !important;
  }
  .md\:pb-10 {
    padding-bottom: 8rem !important;
  }
  .md\:py-11 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .md\:pt-11 {
    padding-top: 9rem !important;
  }
  .md\:pb-11 {
    padding-bottom: 9rem !important;
  }
  .md\:py-12 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .md\:pt-12 {
    padding-top: 10rem !important;
  }
  .md\:pb-12 {
    padding-bottom: 10rem !important;
  }
  .md\:py-13 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .md\:pt-13 {
    padding-top: 11rem !important;
  }
  .md\:pb-13 {
    padding-bottom: 11rem !important;
  }
  .md\:py-14 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .md\:pt-14 {
    padding-top: 12rem !important;
  }
  .md\:pb-14 {
    padding-bottom: 12rem !important;
  }
  .md\:py-15 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .md\:pt-15 {
    padding-top: 13rem !important;
  }
  .md\:pb-15 {
    padding-bottom: 13rem !important;
  }
  .md\:py-16 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .md\:pt-16 {
    padding-top: 14rem !important;
  }
  .md\:pb-16 {
    padding-bottom: 14rem !important;
  }
  .md\:py-17 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .md\:pt-17 {
    padding-top: 15rem !important;
  }
  .md\:pb-17 {
    padding-bottom: 15rem !important;
  }
  .md\:py-18 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .md\:pt-18 {
    padding-top: 16rem !important;
  }
  .md\:pb-18 {
    padding-bottom: 16rem !important;
  }
  .md\:py-19 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .md\:pt-19 {
    padding-top: 17rem !important;
  }
  .md\:pb-19 {
    padding-bottom: 17rem !important;
  }
  .md\:py-20 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .md\:pt-20 {
    padding-top: 18rem !important;
  }
  .md\:pb-20 {
    padding-bottom: 18rem !important;
  }
}
@media (min-width: 992px) {
  .lg\:py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .lg\:pt-0 {
    padding-top: 0 !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0 !important;
  }
  .lg\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg\:pt-3 {
    padding-top: 1rem !important;
  }
  .lg\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .lg\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .lg\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .lg\:py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg\:pt-5 {
    padding-top: 3rem !important;
  }
  .lg\:pb-5 {
    padding-bottom: 3rem !important;
  }
  .lg\:py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg\:pt-6 {
    padding-top: 4rem !important;
  }
  .lg\:pb-6 {
    padding-bottom: 4rem !important;
  }
  .lg\:py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .lg\:pt-7 {
    padding-top: 5rem !important;
  }
  .lg\:pb-7 {
    padding-bottom: 5rem !important;
  }
  .lg\:py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .lg\:pt-8 {
    padding-top: 6rem !important;
  }
  .lg\:pb-8 {
    padding-bottom: 6rem !important;
  }
  .lg\:py-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .lg\:pt-9 {
    padding-top: 7rem !important;
  }
  .lg\:pb-9 {
    padding-bottom: 7rem !important;
  }
  .lg\:py-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .lg\:pt-10 {
    padding-top: 8rem !important;
  }
  .lg\:pb-10 {
    padding-bottom: 8rem !important;
  }
  .lg\:py-11 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .lg\:pt-11 {
    padding-top: 9rem !important;
  }
  .lg\:pb-11 {
    padding-bottom: 9rem !important;
  }
  .lg\:py-12 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .lg\:pt-12 {
    padding-top: 10rem !important;
  }
  .lg\:pb-12 {
    padding-bottom: 10rem !important;
  }
  .lg\:py-13 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .lg\:pt-13 {
    padding-top: 11rem !important;
  }
  .lg\:pb-13 {
    padding-bottom: 11rem !important;
  }
  .lg\:py-14 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .lg\:pt-14 {
    padding-top: 12rem !important;
  }
  .lg\:pb-14 {
    padding-bottom: 12rem !important;
  }
  .lg\:py-15 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .lg\:pt-15 {
    padding-top: 13rem !important;
  }
  .lg\:pb-15 {
    padding-bottom: 13rem !important;
  }
  .lg\:py-16 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .lg\:pt-16 {
    padding-top: 14rem !important;
  }
  .lg\:pb-16 {
    padding-bottom: 14rem !important;
  }
  .lg\:py-17 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .lg\:pt-17 {
    padding-top: 15rem !important;
  }
  .lg\:pb-17 {
    padding-bottom: 15rem !important;
  }
  .lg\:py-18 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .lg\:pt-18 {
    padding-top: 16rem !important;
  }
  .lg\:pb-18 {
    padding-bottom: 16rem !important;
  }
  .lg\:py-19 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .lg\:pt-19 {
    padding-top: 17rem !important;
  }
  .lg\:pb-19 {
    padding-bottom: 17rem !important;
  }
  .lg\:py-20 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .lg\:pt-20 {
    padding-top: 18rem !important;
  }
  .lg\:pb-20 {
    padding-bottom: 18rem !important;
  }
}
@media (min-width: 1200px) {
  .xl\:py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .xl\:pt-0 {
    padding-top: 0 !important;
  }
  .xl\:pb-0 {
    padding-bottom: 0 !important;
  }
  .xl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl\:pt-3 {
    padding-top: 1rem !important;
  }
  .xl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .xl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .xl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xl\:py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xl\:pt-5 {
    padding-top: 3rem !important;
  }
  .xl\:pb-5 {
    padding-bottom: 3rem !important;
  }
  .xl\:py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl\:pt-6 {
    padding-top: 4rem !important;
  }
  .xl\:pb-6 {
    padding-bottom: 4rem !important;
  }
  .xl\:py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .xl\:pt-7 {
    padding-top: 5rem !important;
  }
  .xl\:pb-7 {
    padding-bottom: 5rem !important;
  }
  .xl\:py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .xl\:pt-8 {
    padding-top: 6rem !important;
  }
  .xl\:pb-8 {
    padding-bottom: 6rem !important;
  }
  .xl\:py-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .xl\:pt-9 {
    padding-top: 7rem !important;
  }
  .xl\:pb-9 {
    padding-bottom: 7rem !important;
  }
  .xl\:py-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .xl\:pt-10 {
    padding-top: 8rem !important;
  }
  .xl\:pb-10 {
    padding-bottom: 8rem !important;
  }
  .xl\:py-11 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .xl\:pt-11 {
    padding-top: 9rem !important;
  }
  .xl\:pb-11 {
    padding-bottom: 9rem !important;
  }
  .xl\:py-12 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .xl\:pt-12 {
    padding-top: 10rem !important;
  }
  .xl\:pb-12 {
    padding-bottom: 10rem !important;
  }
  .xl\:py-13 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .xl\:pt-13 {
    padding-top: 11rem !important;
  }
  .xl\:pb-13 {
    padding-bottom: 11rem !important;
  }
  .xl\:py-14 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .xl\:pt-14 {
    padding-top: 12rem !important;
  }
  .xl\:pb-14 {
    padding-bottom: 12rem !important;
  }
  .xl\:py-15 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .xl\:pt-15 {
    padding-top: 13rem !important;
  }
  .xl\:pb-15 {
    padding-bottom: 13rem !important;
  }
  .xl\:py-16 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .xl\:pt-16 {
    padding-top: 14rem !important;
  }
  .xl\:pb-16 {
    padding-bottom: 14rem !important;
  }
  .xl\:py-17 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .xl\:pt-17 {
    padding-top: 15rem !important;
  }
  .xl\:pb-17 {
    padding-bottom: 15rem !important;
  }
  .xl\:py-18 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .xl\:pt-18 {
    padding-top: 16rem !important;
  }
  .xl\:pb-18 {
    padding-bottom: 16rem !important;
  }
  .xl\:py-19 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .xl\:pt-19 {
    padding-top: 17rem !important;
  }
  .xl\:pb-19 {
    padding-bottom: 17rem !important;
  }
  .xl\:py-20 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .xl\:pt-20 {
    padding-top: 18rem !important;
  }
  .xl\:pb-20 {
    padding-bottom: 18rem !important;
  }
}
@media (min-width: 1400px) {
  .xxl\:py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .xxl\:pt-0 {
    padding-top: 0 !important;
  }
  .xxl\:pb-0 {
    padding-bottom: 0 !important;
  }
  .xxl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xxl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .xxl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xxl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xxl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .xxl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xxl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xxl\:pt-3 {
    padding-top: 1rem !important;
  }
  .xxl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .xxl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xxl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .xxl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xxl\:py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xxl\:pt-5 {
    padding-top: 3rem !important;
  }
  .xxl\:pb-5 {
    padding-bottom: 3rem !important;
  }
  .xxl\:py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xxl\:pt-6 {
    padding-top: 4rem !important;
  }
  .xxl\:pb-6 {
    padding-bottom: 4rem !important;
  }
  .xxl\:py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .xxl\:pt-7 {
    padding-top: 5rem !important;
  }
  .xxl\:pb-7 {
    padding-bottom: 5rem !important;
  }
  .xxl\:py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .xxl\:pt-8 {
    padding-top: 6rem !important;
  }
  .xxl\:pb-8 {
    padding-bottom: 6rem !important;
  }
  .xxl\:py-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .xxl\:pt-9 {
    padding-top: 7rem !important;
  }
  .xxl\:pb-9 {
    padding-bottom: 7rem !important;
  }
  .xxl\:py-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .xxl\:pt-10 {
    padding-top: 8rem !important;
  }
  .xxl\:pb-10 {
    padding-bottom: 8rem !important;
  }
  .xxl\:py-11 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .xxl\:pt-11 {
    padding-top: 9rem !important;
  }
  .xxl\:pb-11 {
    padding-bottom: 9rem !important;
  }
  .xxl\:py-12 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .xxl\:pt-12 {
    padding-top: 10rem !important;
  }
  .xxl\:pb-12 {
    padding-bottom: 10rem !important;
  }
  .xxl\:py-13 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .xxl\:pt-13 {
    padding-top: 11rem !important;
  }
  .xxl\:pb-13 {
    padding-bottom: 11rem !important;
  }
  .xxl\:py-14 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .xxl\:pt-14 {
    padding-top: 12rem !important;
  }
  .xxl\:pb-14 {
    padding-bottom: 12rem !important;
  }
  .xxl\:py-15 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .xxl\:pt-15 {
    padding-top: 13rem !important;
  }
  .xxl\:pb-15 {
    padding-bottom: 13rem !important;
  }
  .xxl\:py-16 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .xxl\:pt-16 {
    padding-top: 14rem !important;
  }
  .xxl\:pb-16 {
    padding-bottom: 14rem !important;
  }
  .xxl\:py-17 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .xxl\:pt-17 {
    padding-top: 15rem !important;
  }
  .xxl\:pb-17 {
    padding-bottom: 15rem !important;
  }
  .xxl\:py-18 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .xxl\:pt-18 {
    padding-top: 16rem !important;
  }
  .xxl\:pb-18 {
    padding-bottom: 16rem !important;
  }
  .xxl\:py-19 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .xxl\:pt-19 {
    padding-top: 17rem !important;
  }
  .xxl\:pb-19 {
    padding-bottom: 17rem !important;
  }
  .xxl\:py-20 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .xxl\:pt-20 {
    padding-top: 18rem !important;
  }
  .xxl\:pb-20 {
    padding-bottom: 18rem !important;
  }
}
.blob-radius {
  border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
}
.blob-radius-2 {
  border-radius: 40% 60% 70% 30%/60% 40% 50% 50%;
}
.blob-radius-3 {
  border-radius: 50% 50% 34% 66%/63% 38% 62% 37%;
}
.blob-radius-circle {
  border-radius: 50%;
}
.blob-background,
.blob-radius-organic {
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
.blob-radius-wave {
  border-radius: 63% 37% 30% 70%/30% 68% 32% 70%;
}
* {
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  position: relative;
  height: 100%;
}
body {
  background: #fff;
  font-family: Quicksand, sans-serif;
  margin: 0;
  overflow-x: hidden;
  height: 100%;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  position: relative;
  line-height: 1.65;
}
@media only screen and (max-width: 991px) {
  body.theme-1 {
    padding-top: 144px;
  }
}
@media only screen and (max-width: 767px) {
  body.theme-1 {
    padding-top: 133px;
  }
}
@media only screen and (max-width: 575px) {
  body.theme-1 {
    padding-top: 107px;
  }
}
body.theme-2 {
  padding-top: 69px;
}
@media only screen and (max-width: 991px) {
  body.theme-2 {
    padding-top: 143px;
  }
}
@media only screen and (max-width: 767px) {
  body.theme-2 {
    padding-top: 143px;
  }
}
@media only screen and (max-width: 575px) {
  body.theme-2 {
    padding-top: 110px;
  }
}
body.theme-3 {
  padding-top: 160px;
}
@media only screen and (max-width: 991px) {
  body {
    padding-top: 97px;
  }
}
#main-wrapper {
  opacity: 0;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#main-wrapper.show {
  opacity: 1;
}
p {
  font-size: 16px;
  color: #333;
}
a {
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  color: #0a58ca;
}
a:focus,
a:hover {
  text-decoration: none;
}
a.link {
  color: #454545;
}
a.link:focus,
a.link:hover {
  color: #fecc18;
}
ul {
  padding: 0;
}
li {
  list-style: none;
}
.img-responsive {
  width: 100%;
  height: auto;
  display: inline-block;
}
.img-rounded {
  border-radius: 4px;
}
.img-flag {
  height: 15px;
  width: 18px;
}
.img-full {
  width: 100%;
}
.mdi-set,
.mdi:before {
  line-height: initial;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  color: #000;
}
h1 {
  line-height: 40px;
  font-size: 36px;
}
h2 {
  line-height: 36px;
  font-size: 24px;
}
@media only screen and (max-width: 575px) {
  h2 {
    font-size: 18px;
  }
}
h3 {
  line-height: 30px;
  font-size: 21px;
}
h4 {
  line-height: 22px;
  font-size: 18px;
}
@media only screen and (max-width: 575px) {
  h4 {
    font-size: 15px;
  }
}
h5 {
  line-height: 18px;
  font-size: 16px;
  font-weight: 700;
}
h6 {
  line-height: 16px;
  font-size: 14px;
  font-weight: 700;
}
.display-5 {
  font-size: 30px;
}
.display-6 {
  font-size: 36px;
}
.box {
  border-radius: 4px;
  padding: 10px;
}
.img-circle {
  border-radius: 100%;
}
.content-body {
  padding: 30px 0 15px;
}
.c-pointer {
  cursor: pointer;
}
.rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.jqstooltip {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.l-border-1 {
  border: 1px solid #e1e1e1;
}
.d-border-1 {
  border: 1px solid #e1e1e1;
}
.footer p {
  font-size: 12px;
}
.border-white-2 {
  border: 2px solid #fff;
}
.border-bottom-1 {
  border-bottom: 1px solid #e1e1e1;
}
.border-top-1 {
  border-top: 1px solid #e1e1e1;
}
.border-right-1 {
  border-right: 1px solid #e1e1e1;
}
.border-left-1 {
  border-left: 1px solid #e1e1e1;
}
.dark-overlay-1 {
  background: rgba(0, 0, 0, 0.1);
}
.dark-overlay-2 {
  background: rgba(0, 0, 0, 0.2);
}
.dark-overlay-3 {
  background: rgba(0, 0, 0, 0.3);
}
.dark-overlay-4 {
  background: rgba(0, 0, 0, 0.4);
}
.dark-overlay-5 {
  background: rgba(0, 0, 0, 0.5);
}
.dark-overlay-6 {
  background: rgba(0, 0, 0, 0.6);
}
.dark-overlay-7 {
  background: rgba(0, 0, 0, 0.7);
}
.dark-overlay-8 {
  background: rgba(0, 0, 0, 0.8);
}
.dark-overlay-9 {
  background: rgba(0, 0, 0, 0.9);
}
.div-padding {
  padding: 100px 0;
}
@media only screen and (max-width: 991px) {
  .div-padding {
    padding: 70px 0;
  }
}
.div-title {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.15;
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 25px;
}
.div-title:after {
  left: 0;
  bottom: 0;
  height: 6px;
  width: 60px;
  content: "";
  position: absolute;
  background-image: url(../../assets/images/header-border.webp);
}
.div-title.text-center:after {
  left: calc(50% - 30px);
}
a:focus,
a:link:focus,
button:focus {
  outline: 0;
}
input:focus,
textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
img {
  max-width: 100%;
}
.bg-2 {
  background-color: #fefbf0;
}
.theme-color {
  color: #fecc18;
}
.striped-bg {
  background-image: url(../../assets/images/striped-bg.webp);
}
.bg-gray {
  background-color: #f7f7f6;
}
.text-theme-color {
  color: #916c00;
}
.bg-theme-color {
  background-color: #fecc18;
}
.button {
  z-index: 1;
  border: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 0.8;
  overflow: hidden;
  padding: 22px 30px;
  position: relative;
  border-radius: 50px;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.button:before {
  top: 0;
  width: 0;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: -1;
  content: "";
  position: absolute;
  -webkit-transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.button:hover {
  color: #fff;
}
.button:hover:before {
  left: 0;
  width: 100%;
  right: auto;
  background-color: #000;
}
.button.big {
  text-align: center;
}
.button.tiny {
  width: 130px;
  text-align: center;
}
.button:hover {
  color: #fff;
}
.button-dark {
  color: #fff;
  position: relative;
  background-color: #3b3b3b;
}
.button-light {
  color: #373737;
  background-color: #fecc18;
}
.button-black {
  color: #fff;
  position: relative;
  background-color: #1d1d1d;
}
.hero-button {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fecc18;
  color: #3b3b3b;
}
.form-button {
  width: 100%;
  background-color: #fecc18;
  color: #3b3b3b;
}
.btn-theme {
  position: relative;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #fecc18),
    color-stop(50%, #000)
  );
  background-image: linear-gradient(to right, #fecc18 50%, #000 50%);
  background-size: 200% 100%;
  background-position: 0 0;
  color: #000;
  border-color: #fecc18;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-transform: uppercase;
  overflow: hidden;
}
.btn-theme:focus,
.btn-theme:hover {
  color: #fff;
  border-color: rgb(226.0215517241, 177.099137931, 0.9784482759);
  background-position: -100% 0;
}
.btn-theme:active {
  background-color: rgb(
    200.6314655172,
    157.2047413793,
    0.8685344828
  ) !important;
  color: #000 !important;
  border-color: rgb(200.6314655172, 157.2047413793, 0.8685344828) !important;
}
.btn-theme-outline {
  position: relative;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, transparent),
    color-stop(50%, #000)
  );
  background-image: linear-gradient(to right, transparent 50%, #000 50%);
  background-size: 200% 100%;
  background-position: 0 0;
  color: #000;
  border-color: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-transform: uppercase;
  overflow: hidden;
  border-width: 2px;
}
.btn-theme-outline:focus,
.btn-theme-outline:hover {
  color: #fff;
  border-color: #000;
  background-position: -100% 0;
}
.btn-theme-outline:active {
  background-color: transparent !important;
  color: #000 !important;
  border-color: #000 !important;
}
.btn-theme-outline.btn-white {
  color: #fff;
  border-color: #fff;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, transparent),
    color-stop(50%, #fff)
  );
  background-image: linear-gradient(to right, transparent 50%, #fff 50%);
}
.btn-theme-outline.btn-white:focus,
.btn-theme-outline.btn-white:hover {
  color: #000;
  border-color: #fff;
  background-position: -100% 0;
}
.btn-theme-outline.btn-white:active {
  background-color: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}
.btn-link {
  color: #3b3b3b;
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  text-decoration: none;
  text-transform: uppercase;
}
.btn-link:hover {
  color: #ffbf00;
}
.btn-link .icon-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fecc18;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn-link .icon-circle i {
  color: #3b3b3b;
  font-size: 1.2rem;
}
.btn-link .icon-circle:hover {
  background-color: #ffbf00;
}
.blog-area-1 .author a {
  color: #916c00;
}
.blog-area-1 .author a:hover {
  color: #fecc18;
}
.blog-area-2 .author a {
  color: #916c00;
}
.blog-area-2 .author a:hover {
  color: #fecc18;
}
.blog-self-driving {
  position: relative;
}
.blog-self-driving .card {
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease,
    -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.blog-self-driving .card:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
}
.blog-self-driving .card:hover .card-img-top {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}
.blog-self-driving .card .card-img-top {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  height: 220px;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-self-driving .card .badge {
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 0.35em 0.8em;
}
.blog-self-driving .card .card-title {
  line-height: 1.4;
}
.blog-self-driving .card .card-title a {
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.blog-self-driving .card .card-title a:hover {
  color: #fecc18 !important;
}
.blog-self-driving .card .text-muted a {
  color: #fecc18;
  font-weight: 500;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.blog-self-driving .card .text-muted a:hover {
  opacity: 0.8;
}
.blog-self-driving .btn-outline-warning {
  border-width: 2px;
  padding: 0.6rem 2rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.blog-self-driving .btn-outline-warning:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(254, 204, 24, 0.15);
  box-shadow: 0 10px 20px rgba(254, 204, 24, 0.15);
}
.team-section .team-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.team-section .team-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.team-section .team-card:hover .social-links {
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.5);
}
.team-section .team-card .team-image img {
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
}
.team-section .team-card .social-links {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.team-section .team-card .social-links .btn {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.team-section .team-card .social-links .btn:hover {
  background-color: var(--bs-theme-color);
  color: #fff;
}
.impact-item .icon-wrapper {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.impact-item .icon-wrapper:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  background-color: #fecc18 !important;
}
.impact-item .icon-wrapper:hover > i.fas {
  color: #fff !important;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.features-section .card .icon-wrapper {
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.features-section .card .icon-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffbf00;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 1;
  border-radius: inherit;
}
.features-section .card .icon-wrapper:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.features-section .card .icon-wrapper:hover::before {
  opacity: 1;
}
.features-section .card .icon-wrapper:hover > i.fas {
  color: #fff !important;
  position: relative;
  z-index: 2;
}
.features-section .card .icon-wrapper > i.fas {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.single-package-item {
  -webkit-box-shadow: 0 0 5px rgba(59, 59, 59, 0.2);
  box-shadow: 0 0 5px rgba(59, 59, 59, 0.2);
  -webkit-transition: all 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  transition: all 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
@media only screen and (max-width: 991px) {
  .single-package-item {
    margin-bottom: 20px;
  }
}
.single-package-item:hover .package-icon {
  background-color: #fecc18;
}
.single-package-item:hover .package-icon span.icon-wrapper {
  background-color: #fecc18;
}
.single-package-item:hover a.button-dark {
  background-color: #fecc18;
}
.single-package-item .package-icon {
  position: relative;
  background-color: #3b3b3b;
  padding: 40px 0;
  position: relative;
}
.single-package-item .package-icon span.icon-wrapper {
  position: absolute;
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 50px;
  border: 3px solid #fff;
  line-height: 70px;
  background-color: #3b3b3b;
  left: calc(50% - 37px);
  text-align: center;
}
.single-package-item .package-details {
  padding: 75px 0 30px;
}
.single-package-item .package-details .div-title:after {
  top: 145%;
}
.single-package-item .package-details h2.package-price {
  margin-bottom: 30px;
  font-weight: 500;
}
.single-package-item .package-details h2.package-price span {
  font-size: 14px;
  font-weight: 400;
}
.single-package-item .package-details li {
  margin-bottom: 10px;
}
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #fecc18;
}
.form-control {
  border: 1px solid rgba(55, 55, 55, 0.1);
  border-radius: 0;
  font-size: 14px;
  padding: 10px;
}
.form-control::-webkit-input-placeholder {
  color: #9b9ca0;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #9b9ca0;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #9b9ca0;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #9b9ca0;
  opacity: 1;
}
.form-control::placeholder {
  color: #9b9ca0;
  opacity: 1;
}
.form-floating > textarea.form-control {
  height: calc(8.5em + 0.75rem + 2px);
}
.contact-form-div h2 {
  margin-bottom: 50px;
}
.payment-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  border: 1px solid rgba(59, 59, 59, 0.1);
  margin-bottom: 30px;
}
.payment-options input[type="radio"] {
  display: none;
}
.payment-options .form-check-inline {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  margin: 0;
}
.payment-options input:checked + label {
  background-color: #9b9ca0;
  color: #fff;
}
.payment-options label {
  width: 100%;
  display: block;
  padding: 10px;
}
@media only screen and (max-width: 575px) {
  .payment-options label {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.select-car-wrapper {
  margin-bottom: 50px;
}
.select-car-wrapper h2 {
  margin-bottom: 50px;
}
.car-options .form-check-inline {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 19%;
  margin-right: 0;
}
@media only screen and (max-width: 575px) {
  .car-options .form-check-inline {
    width: 32%;
    margin-bottom: 15px;
  }
}
.car-options input[type="radio"] {
  display: none;
}
.car-options input[type="radio"]:checked + label {
  border-color: #fecc18;
}
.car-options label {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  border-radius: 50px;
  border: 1px solid rgba(59, 59, 59, 0.1);
  text-align: center;
  display: inline-block;
  line-height: 75px;
}
.destination {
  position: relative;
}
.destination .form-control {
  padding: 10px 10px 10px 25px;
}
.destination i {
  position: absolute;
  bottom: 15px;
  left: 10px;
}
@media only screen and (max-width: 991px) {
  .booking-form {
    margin-bottom: 20px;
  }
}
.total-earning-table {
  background-color: #f7f7f6;
  margin-bottom: 30px;
}
.total-earning-table thead th:first-child {
  padding-left: 30px;
}
.total-earning-table tbody tr th {
  color: #333;
  padding-left: 30px;
}
.total-earning-table tbody tr th small {
  color: #333;
}
.message-box .phone-icon {
  padding: 3px 30px;
}
.message-box .phone-icon a {
  color: #333;
}
.message-box .list-group-item {
  border-bottom: rgba(59, 59, 59, 0.2);
}
.message-box .form-control {
  margin-bottom: 0;
}
.message-box .search-form {
  position: relative;
}
.message-box .search-form .form-control {
  padding-left: 30px;
}
.message-box .search-form i {
  position: absolute;
  left: 9px;
  top: 16px;
}
.message-box .list-group-item {
  background-color: transparent;
}
.message-box .event-chat-ryt,
.message-box .event-msg-left {
  background-color: #f7f7f6;
}
@media only screen and (max-width: 575px) {
  .message-box .event-chat-ryt,
  .message-box .event-msg-left {
    margin-bottom: 20px;
  }
}
.message-box .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #fecc18;
  color: #333;
  border: none;
}
.message-box .chat-reciver,
.message-box .chat-sender {
  max-width: 400px;
}
.message-box .chat-reciver {
  text-align: right;
  margin-left: auto;
}
.message-box .chat-reciver .media {
  margin-bottom: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.message-box .chat-reciver p {
  display: inline-block;
  padding: 10px;
  -webkit-box-shadow: 0 0 4px 1px rgba(59, 59, 59, 0.1);
  box-shadow: 0 0 4px 1px rgba(59, 59, 59, 0.1);
  background-color: #fff;
  margin: 0;
}
.message-box .chat-sender {
  text-align: left;
}
.message-box .chat-sender .media {
  margin-bottom: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.message-box .chat-sender p {
  display: inline-block;
  padding: 10px;
  background-color: #3d3e3e;
  color: #fff;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .message-box .event-msg-left {
    margin-bottom: 20px;
  }
}
.message-box .event-msg-left .sidebar-heading {
  border-bottom: 1px solid rgba(59, 59, 59, 0.2);
}
.message-box .event-msg-left .sidebar-heading h4 {
  margin-bottom: 0;
}
.message-box .event-msg-left .list-group-item:first-child {
  padding: 0;
}
.message-box .event-msg-left .list-group-item:first-child .event-sideber-search,
.message-box .event-msg-left .list-group-item:first-child .sidebar-heading {
  padding: 20px;
}
.vehicle-tab-nav ul {
  border: 0;
  text-align: center;
  margin-bottom: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.vehicle-tab-nav ul a {
  padding: 6px 16px;
  display: inline-block;
  color: #333;
}
.vehicle-tab-nav ul a.active {
  background-color: #fecc18;
  color: #fff;
}
.footer-1 #gmap_canvas,
.footer-2 #gmap_canvas {
  width: 100%;
  height: 340px;
}
@media only screen and (max-width: 991px) {
  .footer-1 #gmap_canvas,
  .footer-2 #gmap_canvas {
    height: 200px;
  }
}
.contact-us-map #gmap_canvas,
.ride-map-area #gmap_canvas {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 575px) {
  .contact-us-map #gmap_canvas,
  .ride-map-area #gmap_canvas {
    height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .contact-us-map {
    margin-top: 20px;
  }
}
.ride-map #gmap_canvas {
  width: 100%;
  height: 730px;
}
@media only screen and (max-width: 991px) {
  .ride-map #gmap_canvas {
    height: 500px;
  }
}
@media only screen and (max-width: 575px) {
  .ride-map #gmap_canvas {
    height: 400px;
  }
}
.header-2 {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-2 .header-2-wrapper {
  height: 65px;
}
.header-2 .header-2-wrapper .header-2-logo img {
  max-height: 65px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-2 .header-2-wrapper .header-2-nav .navbar {
  padding: 0;
}
.header-2 .header-2-wrapper .header-2-nav .navbar-nav .nav-item {
  position: relative;
}
.header-2 .header-2-wrapper .header-2-nav .navbar-nav .nav-item .nav-link {
  color: #333;
  font-weight: 700;
  padding: 0.5rem 1rem;
  border-radius: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-2
  .header-2-wrapper
  .header-2-nav
  .navbar-nav
  .nav-item
  .nav-link.active,
.header-2 .header-2-wrapper .header-2-nav .navbar-nav .nav-item .nav-link:focus,
.header-2
  .header-2-wrapper
  .header-2-nav
  .navbar-nav
  .nav-item
  .nav-link:hover {
  color: #3b3b3b;
  background-color: #fecc18;
}
.header-2 .header-2-wrapper .header-2-nav .navbar-nav .nav-item .nav-link i {
  font-size: 0.85em;
  margin-right: 0.25rem;
}
.header-2 .header-2-wrapper .header-2-nav .navbar-nav .nav-item .dropdown-menu {
  border: none;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  padding: 0.75rem 0;
  margin-top: 0.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #fff;
}
.header-2
  .header-2-wrapper
  .header-2-nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  .dropdown-item {
  position: relative;
  padding: 0.5rem 1.25rem 0.5rem 1.75rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: #3b3b3b;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-2
  .header-2-wrapper
  .header-2-nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  .dropdown-item:focus,
.header-2
  .header-2-wrapper
  .header-2-nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  .dropdown-item:hover {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
  color: #916c00;
  background: 0 0;
}
.header-2
  .header-2-wrapper
  .header-2-nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  .dropdown-item::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.header-2
  .header-2-wrapper
  .header-2-nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  .dropdown-item:hover::before {
  background-color: #fecc18;
}
.header-2 .header-2-wrapper .header-2-button .btn {
  min-width: 100px;
  padding: 0.5rem 1.5rem;
}
.header-2 .mobile-header {
  height: 70px;
}
.header-2 .mobile-header .mobile-logo img {
  max-height: 32px;
}
.header-2 .mobile-header .mobile-nav-toggle .navbar-toggler {
  border: none;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.header-2
  .mobile-header
  .mobile-nav-toggle
  .navbar-toggler
  .navbar-toggler-icon {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header-2
  .mobile-header
  .mobile-nav-toggle
  .navbar-toggler
  .navbar-toggler-icon
  span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--bs-dark);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-2 .mobile-menu .offcanvas {
  max-width: 300px;
}
.header-2 .mobile-menu .offcanvas .offcanvas-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header-2 .mobile-menu .offcanvas .offcanvas-body {
  padding: 1.5rem;
}
.header-2 .mobile-menu .offcanvas .offcanvas-body .navbar-nav .nav-item {
  margin-bottom: 0.5rem;
}
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .nav-link {
  padding: 0.75rem 0;
  color: #e1e1e1;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .nav-link
  i {
  margin-right: 0.75rem;
  width: 20px;
  text-align: center;
}
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .nav-link.active,
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .nav-link:focus,
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .nav-link:hover {
  color: #fecc18;
}
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .dropdown-menu {
  display: none;
  background-color: transparent;
  border: none;
  margin: 0.25rem 0 0.5rem 1rem;
  padding-left: 0.25rem;
}
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .dropdown-menu.show {
  display: block;
}
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .dropdown-menu
  .dropdown-item {
  position: relative;
  padding-left: 1.75rem;
  color: #e1e1e1;
  font-weight: 600;
  font-size: 0.95rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .dropdown-menu
  .dropdown-item:hover {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
  color: #fecc18;
}
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .dropdown-menu
  .dropdown-item::before {
  content: "";
  position: absolute;
  left: 0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .dropdown-menu
  .dropdown-item:hover::before {
  background-color: #fecc18;
}
.header-2
  .mobile-menu
  .offcanvas
  .offcanvas-body
  .navbar-nav
  .nav-item
  .dropdown-toggle::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5rem;
}
.header-2 .mobile-menu .offcanvas .offcanvas-body .btn {
  margin-top: 0.5rem;
}
@media (max-width: 991.98px) {
  .header-2 .header-2-wrapper {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .header-2 .mobile-header {
    display: none !important;
  }
}
.upper-header .search .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.upper-header .search .form input.form-control {
  height: 42px;
  padding: 8px 15px 8px 46px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  border-radius: 50px;
  color: #fff;
  background-color: #f7f7f6;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .upper-header a.btn-link {
    text-align: left;
  }
}
.navbar-dark .nav-item.active .nav-link,
.navbar-dark .nav-item:hover .nav-link {
  color: #fecc18;
}
.navbar-dark .nav-item .nav-link.active {
  color: #fecc18;
}
.navbar-dark .navbar-nav .dropdown-menu {
  width: 60px;
  background-color: #3b3b3b;
  border: none;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 0;
  margin-top: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-dark .navbar-nav .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 60px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #3b3b3b;
}
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
  color: #fff9e7;
  padding: 10px 15px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-family: Quicksand, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover {
  background-color: rgba(254, 204, 24, 0.1);
  color: #fecc18;
}
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.active,
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:active {
  background-color: rgba(254, 204, 24, 0.2);
  color: #fecc18;
}
.navbar-dark .navbar-nav .nav-item.dropdown {
  position: relative;
}
.navbar-dark .navbar-nav .nav-item.dropdown::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
}
.navbar-dark .navbar-nav .nav-item.dropdown .dropdown-menu {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: opacity 0.3s ease, visibility 0.3s,
    -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s,
    -webkit-transform 0.3s ease;
}
.navbar-dark .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.navbar-dark .navbar-nav .dropdown-menu:hover {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.offcanvas {
  width: 300px;
  background-color: #1c2027;
  z-index: 1050;
  color: #fff;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.offcanvas.show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
}
.offcanvas-body .nav-link {
  color: #fff;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.offcanvas-body .nav-link:hover {
  color: #fecc18;
}
.offcanvas-body .icon-circle {
  background-color: rgba(255, 255, 255, 0.1);
}
.offcanvas-body .icon-circle i {
  color: #fff;
}
.offcanvas-body .icon-circle:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.offcanvas-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.offcanvas-header .offcanvas-title {
  color: #fff;
}
.offcanvas-header .btn-close {
  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
  filter: invert(1) grayscale(100%) brightness(200%);
  opacity: 1;
}
.mobile-nav-toggle {
  float: right;
}
.mobile-nav-toggle .navbar-toggler-icon span {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #6a707e;
  margin: 6px 0 2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-nav-toggle .navbar-toggler-icon span:nth-child(1) {
  margin-top: 0;
}
.mobile-nav-toggle .navbar-toggler-icon span:nth-child(3) {
  width: 15px;
  margin-bottom: 0;
}
.mobile-nav-toggle .active span:nth-child(1) {
  width: 15px;
}
.mobile-nav-toggle .active span:nth-child(3) {
  width: 30px;
}
.hero-area-1 .card {
  border-radius: 16px;
  overflow: hidden;
}
.hero-area-1 .card .card-header {
  margin-bottom: -1px;
  background-color: #f7f7f6;
  padding: 0;
  border: none;
}
.hero-area-1 .card .card-body {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.hero-area-1 .form-tab {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero-area-1 .form-tab .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.hero-area-1 .form-tab .nav-link {
  color: #abafb3;
  font-weight: 500;
  padding: 15px 10px;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(155, 156, 160, 0.05);
}
.hero-area-1 .form-tab .nav-link#drive-tab {
  border-top-left-radius: 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hero-area-1 .form-tab .nav-link#ride-tab {
  border-top-left-radius: 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hero-area-1 .form-tab .nav-link:hover {
  background-color: rgba(254, 204, 24, 0.1);
}
.hero-area-1 .form-tab .nav-link.active {
  color: #000;
  font-weight: 700;
  background-color: #fff;
  -webkit-box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.08);
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.08);
}
.hero-area-1 .form-tab .nav-link.active i {
  color: #fecc18;
  margin-right: 8px;
}
.hero-area-1 .form-tab .nav-link.active#drive-tab {
  border-top-left-radius: 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hero-area-1 .form-tab .nav-link.active#ride-tab {
  border-top-left-radius: 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hero-area-1 .tab-content .tab-pane {
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease,
    -webkit-transform 0.5s ease;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hero-area-1 .tab-content .tab-pane.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.hero-area-1 .download-buttons .btn {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hero-area-1 .download-buttons .btn:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.hero-area-2 {
  background-color: #fff5e1;
  top: 47px;
}
@media (min-width: 0) and (max-width: 991.98px) {
  .hero-area-2 {
    top: 60px;
  }
}
.hero-area-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 12px;
  background-image: url(../images/taxi-stripe.webp);
  background-repeat: repeat-x;
  background-size: auto 100%;
  z-index: 1;
}
.hero-area-2 .swiper-pagination {
  position: relative;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hero-area-2 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #ddd;
  opacity: 0.5;
  margin: 0 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 50%;
}
.hero-area-2 .swiper-pagination-bullet-active {
  width: 16px;
  height: 16px;
  background-color: var(--primary-color, #ffc107);
  opacity: 1;
}
.breadcrumb-div {
  padding: 40px 0;
  background-color: #fffbee;
}
.breadcrumb-div .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.breadcrumb-div .page-title {
  font-size: 26px;
}
.breadcrumb-div .breadcrumb {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.breadcrumb-div .breadcrumb > li {
  font-weight: 500;
  position: relative;
}
.breadcrumb-div .breadcrumb > li:not(:last-child) {
  margin-right: 14px;
  padding-right: 14px;
}
.breadcrumb-div .breadcrumb > li:not(:last-child):after {
  top: 1px;
  right: -3px;
  margin-left: 1px;
  content: "\f105";
  font-weight: 400;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
.breadcrumb-div .breadcrumb a {
  color: #3b3b3b;
}
.breadcrumb-div .breadcrumb a:hover {
  color: #fecc18;
}
.testimonial-2 {
  position: relative;
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../../assets/images/home/bg3.webp);
  z-index: 1;
}
.testimonial-2 .testimonial-item {
  -webkit-box-shadow: 0 8px 22px -9px #42445a;
  box-shadow: 0 8px 22px -9px #42445a;
}
.testimonial-2 .testimonial-item i.fas {
  color: #6a707e;
}
.testimonial-2 .swiper-pagination {
  position: relative;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.testimonial-2 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #ddd;
  opacity: 0.5;
  margin: 0 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 50%;
}
.testimonial-2 .swiper-pagination-bullet-active {
  width: 16px;
  height: 16px;
  background-color: var(--primary-color, #ffc107);
  opacity: 1;
}
.testimonial-1 {
  position: relative;
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../../assets/images/home/bg3.webp);
}
.testimonial-1:after {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
}
.testimonial-1 .swiper-pagination {
  position: relative;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.testimonial-1 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #ddd;
  opacity: 0.5;
  margin: 0 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 50%;
}
.testimonial-1 .swiper-pagination-bullet-active {
  width: 16px;
  height: 16px;
  background-color: var(--primary-color, #ffc107);
  opacity: 1;
}
@media (max-width: 575.98px) {
  .testimonial-1 .swiper-pagination {
    margin-top: 1.5rem;
  }
  .testimonial-1 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6px;
  }
  .testimonial-1 .swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
  }
}
.testimonial-1 button.prev-btn {
  position: absolute;
  left: -3%;
  top: 40%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}
@media (min-width: 992px) {
  .testimonial-1 button.prev-btn {
    left: 1%;
  }
}
.testimonial-1 button.next-btn {
  position: absolute;
  right: -3%;
  top: 40%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}
@media (min-width: 992px) {
  .testimonial-1 button.next-btn {
    right: 1%;
  }
}
@media (min-width: 992px) {
  .testimonial-1 button.next-btn,
  .testimonial-1 button.prev-btn {
    display: none;
  }
}
.testimonials-self-driving {
  position: relative;
}
.testimonials-self-driving .tech-background {
  z-index: -1;
  overflow: hidden;
}
.testimonials-self-driving .tech-background .tech-grid-light {
  background-image: linear-gradient(
      to right,
      rgba(254, 204, 24, 0.05) 1px,
      transparent 1px
    ),
    linear-gradient(to bottom, rgba(254, 204, 24, 0.05) 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 0.7;
}
.testimonials-self-driving .tech-background .tech-circle {
  border-radius: 50%;
}
.testimonials-self-driving .tech-background .tech-circle.tech-circle-1 {
  width: 300px;
  height: 300px;
  top: -100px;
  right: -100px;
  opacity: 0.6;
}
.testimonials-self-driving .tech-background .tech-circle.tech-circle-2 {
  width: 400px;
  height: 400px;
  bottom: -150px;
  left: -150px;
  opacity: 0.4;
}
.testimonials-self-driving .testimonial-video {
  -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.testimonials-self-driving .testimonial-video:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.testimonials-self-driving .testimonial-video:hover .play-icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.testimonials-self-driving .testimonial-video img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.testimonials-self-driving .testimonial-video .video-play-button {
  text-decoration: none;
  z-index: 2;
}
.testimonials-self-driving .testimonial-video .video-play-button .play-icon {
  width: 80px;
  height: 80px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 0 30px rgba(254, 204, 24, 0.5);
  box-shadow: 0 0 30px rgba(254, 204, 24, 0.5);
}
.testimonials-self-driving .testimonial-video .video-play-button .play-icon i {
  font-size: 24px;
  margin-left: 4px;
}
.testimonials-self-driving .testimonial-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.1)),
    to(rgba(0, 0, 0, 0.3))
  );
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  z-index: 1;
}
.testimonials-self-driving .testimonial-content h2 {
  position: relative;
}
.testimonials-self-driving .testimonial-content h2::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 60px;
  height: 3px;
  background-color: #fecc18;
}
.testimonials-self-driving .testimonial-content p {
  color: #555;
  line-height: 1.8;
}
.testimonials-self-driving .testimonial-author .author-info .author-name {
  color: #333;
}
.testimonials-self-driving .testimonial-author .author-info .author-title {
  font-size: 0.95rem;
}
.form-select,
select {
  display: block;
  width: 100%;
  line-height: 1.5;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 13px center;
  background-repeat: no-repeat;
  background-size: 35px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.form-control,
.form-select,
input,
select {
  height: 60px;
  padding: 0 16px;
  color: #9b9ca0;
  background-color: #fff;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  width: 100%;
  border: 1px solid #9b9ca0;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #9b9ca0;
}
.form-control::-moz-placeholder,
.form-select::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder {
  color: #9b9ca0;
}
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #9b9ca0;
}
.form-control::-ms-input-placeholder,
.form-select::-ms-input-placeholder,
input::-ms-input-placeholder,
select::-ms-input-placeholder {
  color: #9b9ca0;
}
.form-control::placeholder,
.form-select::placeholder,
input::placeholder,
select::placeholder {
  color: #9b9ca0;
}
.form-control:focus,
.form-select:focus,
input:focus,
select:focus {
  outline: 0;
  border-color: #fecc18;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-select,
select {
  padding-top: 0;
  padding-bottom: 0;
}
textarea.form-control {
  min-height: 140px;
  padding: 16px;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
textarea {
  min-height: 150px;
  padding-top: 12px;
  padding-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="checkbox"] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  width: 0;
  height: 0;
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="checkbox"]:checked ~ label:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #fff;
  background-color: #fecc18;
  border-color: #fecc18;
}
input[type="checkbox"] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: block;
  font-size: 16px;
}
input[type="checkbox"] ~ label:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 4px;
  background-color: #fff;
  border: 2px solid #9b9ca0;
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  border-radius: 3px;
}
.form-range,
input[type="radio"] {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 10px;
}
.form-range::-webkit-slider-runnable-track,
input[type="radio"]::-webkit-slider-runnable-track {
  height: 10px;
  -webkit-appearance: none;
  background-color: rgba(254, 204, 24, 0.09);
  margin-top: -1px;
}
.form-range::-webkit-slider-thumb,
input[type="radio"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 999px;
  background: #fecc18;
}
input[type="radio"] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  width: 0;
  height: 0;
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="radio"] ~ label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  line-height: 1;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
input[type="radio"] ~ label::before {
  content: "\f111";
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  left: 0;
  top: -1px;
  width: 15px;
  height: 15px;
  font-size: 0.45em;
  line-height: 2em;
  padding-left: 0.5px;
  text-align: center;
  border: 1px solid #fecc18;
  border-radius: 100%;
  font-weight: 700;
  background: #fff;
  color: transparent;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type="radio"]:checked ~ label::before {
  border-color: #fecc18;
  background-color: #fecc18;
  color: #fff;
}
label {
  margin-bottom: 0.6em;
  margin-top: -0.3em;
  display: block;
}
.form-group {
  margin-bottom: var(--bs-gutter-x);
  position: relative;
}
.form-group > i {
  position: absolute;
  right: calc(var(--bs-gutter-x) / 2 + 20px);
  top: 17px;
  font-size: 14px;
}
.input-group {
  position: relative;
}
.input-group-text {
  background-color: transparent;
  border: none;
}
.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
  z-index: 5;
}
.input-group-text {
  background-color: transparent;
  border: none;
}
.input-group-text i {
  color: #fecc18;
}
.form-check-input {
  margin-top: 0;
  margin-right: 5px;
}
.form-check {
  padding-left: 0;
}
.form-check-input:checked {
  background-color: #fecc18;
  border-color: #fecc18;
}
.wot-validated input:invalid,
input.is-invalid {
  border: 1px solid #fecc18 !important;
  background-position: right calc(0.375em + 0.8875rem) center;
  background-image: none;
}
.wot-validated input:invalid:focus,
input.is-invalid:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
textarea.is-invalid {
  background-position: top calc(0.375em + 0.5875rem) right
    calc(0.375em + 0.8875rem);
}
.row.no-gutters > .form-group {
  margin-bottom: 0;
}
.form-messages {
  display: none;
}
.form-messages.mb-0 * {
  margin-bottom: 0;
}
.form-messages.success {
  color: #fecc18;
  display: block;
}
.form-messages.error {
  color: #fecc18;
  display: block;
}
.who-we-are {
  padding: 100px 0;
}
.who-we-are .btn {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.who-we-are .btn:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.who-we-are .btn:active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.who-we-are .lead {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .who-we-are .lead {
    font-size: 1.125rem;
  }
}
@media (min-width: 992px) {
  .who-we-are .lead {
    font-size: 1.25rem;
  }
}
.who-we-are-2 {
  position: relative;
}
.download-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 150px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .download-content-wrapper {
    display: block;
  }
}
.download-content-wrapper .download-left-content {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.download-content-wrapper .download-left-content .app-btns {
  text-align: left;
}
.download-content-wrapper .download-right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .download-content-wrapper .download-right-content {
    overflow: hidden;
  }
}
.download-content-wrapper .download-right-content .download-phone-img {
  border-radius: 39px;
}
.download-content-wrapper .download-right-content .download-blob {
  position: absolute;
  left: -112px;
  top: -2px;
  z-index: -10;
  width: 200% !important;
  max-width: 500px !important;
  -webkit-transform: rotate(279deg);
  transform: rotate(279deg);
}
@media screen and (max-width: 1099px) {
  .download-content-wrapper .download-right-content .download-blob {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 885px) and (max-width: 989px) {
  .download-content-wrapper .download-right-content .download-blob {
    left: 186px;
  }
}
@media only screen and (max-width: 991px) {
  .download-content-wrapper .download-right-content .download-blob {
    max-width: 440px !important;
    top: 30px;
    left: 212px;
  }
}
@media only screen and (max-width: 767px) {
  .download-content-wrapper .download-right-content .download-blob {
    left: 105px;
  }
}
@media screen and (min-width: 711px) and (max-width: 767px) {
  .download-content-wrapper .download-right-content .download-blob {
    left: 163px;
  }
}
@media only screen and (max-width: 575px) {
  .download-content-wrapper .download-right-content .download-blob {
    top: 25px;
    left: 15px;
  }
}
@media screen and (max-width: 460px) {
  .download-content-wrapper .download-right-content .download-blob {
    max-width: 392px !important;
    left: -16px;
  }
}
.blob-background {
  width: 350px;
  height: 350px;
  z-index: -1;
  -webkit-filter: blur(20px);
  filter: blur(20px);
}
.app-download .phone-container {
  position: relative;
}
.app-download .phone-container .blob-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 500px;
  height: 500px;
  background-color: rgba(254, 204, 24, 0.1);
  border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
  z-index: 0;
  -webkit-animation: blob-animate 8s ease-in-out infinite;
  animation: blob-animate 8s ease-in-out infinite;
}
.app-download .phone-container .phone-frame {
  position: relative;
  z-index: 1;
  max-width: 320px;
  margin: 0 auto;
  -webkit-transform: translateY(-2rem);
  transform: translateY(-2rem);
}
@-webkit-keyframes blob-animate {
  0% {
    border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
  }
  50% {
    border-radius: 40% 60% 70% 30%/60% 40% 50% 50%;
  }
  100% {
    border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
  }
}
@keyframes blob-animate {
  0% {
    border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
  }
  50% {
    border-radius: 40% 60% 70% 30%/60% 40% 50% 50%;
  }
  100% {
    border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
  }
}
.download-app-4 .blob-background {
  z-index: 0;
}
.download-app-4 .blob-background .blob {
  border-radius: 50%;
  opacity: 0.3;
  -webkit-filter: blur(100px);
  filter: blur(100px);
}
.download-app-4 .blob-background .blob-1 {
  width: 400px;
  height: 400px;
  top: -100px;
  right: -100px;
}
.download-app-4 .blob-background .blob-2 {
  width: 300px;
  height: 300px;
  bottom: -100px;
  left: -100px;
}
.download-app-4 .phone-mockup .blob-phone-bg {
  width: 500px;
  height: 500px;
  background: rgba(254, 204, 24, 0.1);
  border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
  -webkit-animation: blob-morph 8s ease-in-out infinite;
  animation: blob-morph 8s ease-in-out infinite;
}
.download-app-4 .phone-mockup .phone-frame {
  z-index: 1;
  max-width: 320px;
  margin: 0 auto;
}
@-webkit-keyframes blob-morph {
  0%,
  100% {
    border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
  }
  50% {
    border-radius: 40% 60% 70% 30%/60% 40% 50% 50%;
  }
}
@keyframes blob-morph {
  0%,
  100% {
    border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
  }
  50% {
    border-radius: 40% 60% 70% 30%/60% 40% 50% 50%;
  }
}
.download-app-self-driving {
  position: relative;
}
.download-app-self-driving .tech-background {
  z-index: -1;
  overflow: hidden;
}
.download-app-self-driving .tech-background .tech-grid-light {
  background-image: linear-gradient(
      to right,
      rgba(254, 204, 24, 0.05) 1px,
      transparent 1px
    ),
    linear-gradient(to bottom, rgba(254, 204, 24, 0.05) 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 0.7;
}
.download-app-self-driving .tech-background .tech-circle {
  border-radius: 50%;
}
.download-app-self-driving .tech-background .tech-circle.tech-circle-1 {
  width: 300px;
  height: 300px;
  top: -100px;
  left: -100px;
  opacity: 0.6;
}
.download-app-self-driving .tech-background .tech-circle.tech-circle-2 {
  width: 500px;
  height: 500px;
  bottom: -200px;
  right: -200px;
  opacity: 0.4;
}
.download-app-self-driving .phone-mockup {
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}
.download-app-self-driving .phone-mockup .tech-phone-bg {
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle,
    rgba(254, 204, 24, 0.1) 0,
    rgba(254, 204, 24, 0) 70%
  );
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.download-app-self-driving .phone-mockup .phone-frame {
  position: relative;
  z-index: 1;
  padding: 15px;
}
.download-app-self-driving .phone-mockup .phone-frame img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 30px;
  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  display: block;
}
.download-app-self-driving .phone-mockup .tech-element {
  -webkit-box-shadow: 0 0 20px rgba(254, 204, 24, 0.3);
  box-shadow: 0 0 20px rgba(254, 204, 24, 0.3);
}
.download-app-self-driving .phone-mockup .tech-element.tech-element-1 {
  width: 80px;
  height: 80px;
  top: 10%;
  right: 5%;
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
.download-app-self-driving .phone-mockup .tech-element.tech-element-2 {
  width: 120px;
  height: 120px;
  bottom: 15%;
  left: 0;
  animation: float 8s ease-in-out infinite reverse;
}
.download-app-self-driving .bg-warning.bg-opacity-10 {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.download-app-self-driving .d-flex:hover .bg-warning.bg-opacity-10 {
  background-color: rgba(254, 204, 24, 0.2) !important;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.download-app-self-driving .btn-dark {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.download-app-self-driving .btn-dark:hover {
  background-color: rgb(55.7432432432, 62.5, 69.2567567568);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.counter-section {
  background-color: #f8f9fa;
}
.counter-section .counter-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.counter-section .counter-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.counter-section .counter-card .counter-icon {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.achievements-section .achievement-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.achievements-section .achievement-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.achievements-section .achievement-card:hover .achievement-overlay {
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.achievements-section .achievement-card .achievement-icon {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.achievements-section .achievement-card .achievement-overlay {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
.achievements-section .achievement-card .achievement-overlay .btn {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.achievements-section .achievement-card .achievement-overlay:hover .btn {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.partners-section .partner-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 100%;
}
.partners-section .partner-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.partners-section .partner-card .partner-logo {
  height: 38px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.7;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.partners-section .partner-card:hover .partner-logo {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}
.partners-section .btn-outline-theme.active,
.partners-section .btn-outline-theme:hover {
  background-color: #ffbf00;
  color: #fff;
}
.services-intro .service-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.services-intro .service-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.services-intro .service-card .service-icon {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.services-intro .service-card .list-unstyled li {
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.services-intro .service-card .list-unstyled li:hover {
  opacity: 1;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.services-intro .service-card .btn-theme-outline {
  position: relative;
  z-index: 1;
}
.pricing-section .pricing-tabs {
  background: rgba(254, 204, 24, 0.5);
  padding: 0.5rem;
  border-radius: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.pricing-section .pricing-tabs .btn {
  border-radius: 100px;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
.pricing-section .pricing-tabs .btn.active {
  background: #ffbf00;
  color: #916c00;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.pricing-section .pricing-tabs .btn:not(.active):hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.pricing-section .pricing-tabs .btn .badge {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.pricing-section .bg-gradient-dark {
  background: linear-gradient(145deg, #2c3e50, #1a252f) !important;
  border: none;
}
.pricing-section .bg-gradient-dark:hover {
  background: linear-gradient(145deg, #34495e, #2c3e50) !important;
}
.pricing-section .pricing-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-section .pricing-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.pricing-section .pricing-card .pricing-icon {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pricing-section .pricing-card .pricing-amount .currency {
  font-size: 1.5rem;
  vertical-align: super;
  margin-right: 0.25rem;
}
.pricing-section .pricing-card .pricing-amount .period {
  font-size: 1rem;
  margin-left: 0.25rem;
}
.pricing-section .pricing-card .pricing-features li {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricing-section .pricing-card .pricing-features li:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.pricing-section .pricing-card.bg-theme-color .btn-light {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricing-section .pricing-card.bg-theme-color .btn-light:hover {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.pricing-section .popular-badge {
  font-size: 0.875rem;
  font-weight: 500;
}
.pricing-section .tab-content .tab-pane {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricing-section .tab-content .tab-pane.fade {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}
.pricing-section .tab-content .tab-pane.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.cta-section.bg-gradient-dark {
  background: linear-gradient(145deg, #2c3e50, #1a252f) !important;
}
.cta-section .btn {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cta-section .btn.btn-theme-color:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 5px 15px rgba(254, 204, 24, 0.3);
  box-shadow: 0 5px 15px rgba(254, 204, 24, 0.3);
}
.cta-section .btn.btn-outline-light:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);
  box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);
}
.cta-section .trust-indicator {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cta-section .trust-indicator:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
.cta-section .trust-indicator:hover .text-white-50 {
  color: #fff !important;
}
.cta-section .blob-radius-2 {
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
.cta-section .blob-radius-3 {
  border-radius: 70% 30% 30% 70%/70% 70% 30% 30%;
}
.vehicle-categories .category-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.vehicle-categories .category-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.vehicle-categories .category-card:hover .category-image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.vehicle-categories .category-card .category-image {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
.vehicle-categories .category-card .category-image img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 100%;
  height: auto;
}
.vehicle-categories .category-card .category-image .category-overlay {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.vehicle-categories .category-card .category-image .category-overlay .badge {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
}
.vehicle-categories .category-card .category-icon {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.25rem;
}
.vehicle-categories .category-card .category-features .feature-item {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: rgba(254, 204, 24, 0.05);
  font-size: 0.875rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.vehicle-categories .category-card .category-features .feature-item:hover {
  background: rgba(254, 204, 24, 0.1);
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.vehicle-categories .category-card .btn {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.vehicle-categories .category-card .btn:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.vehicle-categories .blob-radius-2 {
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
.vehicle-categories .blob-radius-3 {
  border-radius: 70% 30% 30% 70%/70% 70% 30% 30%;
}
.booking-section .step-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.booking-section .step-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.booking-section .step-card .step-number {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
}
.booking-section .step-card .step-icon {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.booking-section .booking-form {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.booking-section .booking-form .form-control,
.booking-section .booking-form .form-select {
  padding: 0.75rem 1rem;
  font-size: 1rem;
}
.booking-section .booking-form .form-control:focus,
.booking-section .booking-form .form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(254, 204, 24, 0.05) !important;
}
.booking-section .booking-form .input-group-text {
  padding: 0.75rem 1rem;
  color: #fecc18;
}
.booking-section .feature-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.booking-section .feature-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.booking-section .feature-card:hover .feature-icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.booking-section .feature-card .feature-icon {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.booking-section .blob-radius-2 {
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
.booking-section .blob-radius-3 {
  border-radius: 70% 30% 30% 70%/70% 70% 30% 30%;
}
@media (max-width: 768px) {
  .booking-section .step-card .step-number {
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    font-size: 0.875rem;
  }
}
.ride-booking-section .booking-form-card {
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  padding: 1.5rem;
  margin-bottom: 1rem;
}
.ride-booking-section .booking-form-card form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.25rem;
}
.ride-booking-section .location-input {
  margin-bottom: 0.5rem;
}
.ride-booking-section .location-input label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #212529;
}
.ride-booking-section .location-input .input-with-icon {
  position: relative;
}
.ride-booking-section .location-input .input-with-icon i {
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #4361ee;
}
.ride-booking-section .location-input .input-with-icon input {
  padding-left: 35px;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  height: 45px;
}
.ride-booking-section .location-input .input-with-icon input:focus {
  border-color: #4361ee;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(67, 97, 238, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(67, 97, 238, 0.25);
}
.ride-booking-section .payment-section h2 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.ride-booking-section .payment-section .payment-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ride-booking-section .payment-section .payment-options .form-check {
  min-width: 100px;
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.ride-booking-section .payment-section .payment-options .form-check:hover {
  background-color: #f1f3f5;
}
.ride-booking-section
  .payment-section
  .payment-options
  .form-check
  input:checked
  + label {
  color: #4361ee;
  font-weight: 500;
}
.ride-booking-section .car-selection-section h2 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.ride-booking-section .car-selection-section .car-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 0.5rem;
  overflow-x: hidden;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.ride-booking-section
  .car-selection-section
  .car-options.horizontal-layout
  .car-option {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 19%;
  margin-bottom: 0.75rem;
}
.ride-booking-section
  .car-selection-section
  .car-options.horizontal-layout
  .car-option
  .car-label.horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  padding: 0.75rem 0.5rem;
}
.ride-booking-section
  .car-selection-section
  .car-options.horizontal-layout
  .car-option
  .car-label.horizontal
  .car-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.5rem;
}
.ride-booking-section
  .car-selection-section
  .car-options.horizontal-layout
  .car-option
  .car-label.horizontal
  .car-image {
  margin-bottom: 0;
  width: 50px;
  height: 50px;
}
.ride-booking-section
  .car-selection-section
  .car-options.horizontal-layout
  .car-option
  .car-label.horizontal
  .car-details {
  text-align: left;
}
.ride-booking-section
  .car-selection-section
  .car-options.horizontal-layout
  .car-option
  .car-label.horizontal
  .car-details
  h4 {
  margin-bottom: 0.25rem;
  font-size: 1rem;
}
.ride-booking-section
  .car-selection-section
  .car-options.horizontal-layout
  .car-option
  .car-label.horizontal
  .car-details
  p {
  font-size: 0.8rem;
}
.ride-booking-section .car-selection-section .car-options .car-option {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 14%;
  flex: 1 0 14%;
  max-width: 14%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 767px) {
  .ride-booking-section .car-selection-section .car-options .car-option {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(33.333% - 1rem);
    flex: 1 0 calc(33.333% - 1rem);
    max-width: calc(33.333% - 1rem);
  }
}
.ride-booking-section .car-selection-section .car-options .car-option input {
  position: absolute;
  opacity: 0;
}
.ride-booking-section
  .car-selection-section
  .car-options
  .car-option
  input:checked
  + .car-label {
  border-color: #4361ee;
  background-color: rgba(67, 97, 238, 0.1);
  -webkit-box-shadow: 0 3px 10px rgba(67, 97, 238, 0.2);
  box-shadow: 0 3px 10px rgba(67, 97, 238, 0.2);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.ride-booking-section
  .car-selection-section
  .car-options
  .car-option
  input:checked
  + .car-label
  .car-details
  h4,
.ride-booking-section
  .car-selection-section
  .car-options
  .car-option
  input:checked
  + .car-label
  .car-details
  p {
  color: #4361ee;
}
.ride-booking-section
  .car-selection-section
  .car-options
  .car-option
  input
  .car-details {
  text-align: center;
  margin-top: 0.75rem;
}
.ride-booking-section
  .car-selection-section
  .car-options
  .car-option
  input
  .car-details
  h4 {
  font-size: 1.25rem;
  margin: 0 0 0.25rem 0;
  font-weight: 600;
}
.ride-booking-section
  .car-selection-section
  .car-options
  .car-option
  input
  .car-details
  p {
  margin: 0;
  font-size: 0.9rem;
  color: #6c757d;
  font-weight: 500;
}
.ride-booking-section
  .car-selection-section
  .car-options
  .car-option
  .car-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.ride-booking-section
  .car-selection-section
  .car-options
  .car-option
  .car-label:hover {
  border-color: #ced4da;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.ride-booking-section
  .car-selection-section
  .car-options
  .car-option
  .car-label
  .car-image {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.5rem;
}
.ride-booking-section
  .car-selection-section
  .car-options
  .car-option
  .car-label
  .car-image
  img {
  max-width: 100%;
  height: auto;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
}
.ride-booking-section .book-now-btn {
  background: linear-gradient(135deg, #4361ee, #3f37c9);
  color: #fff;
  border: none;
  padding: 0.75rem 2rem;
  border-radius: 8px;
  font-weight: 600;
  margin-top: 1rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ride-booking-section .book-now-btn:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 15px rgba(67, 97, 238, 0.3);
  box-shadow: 0 5px 15px rgba(67, 97, 238, 0.3);
}
.ride-booking-section .ride-map-area {
  position: relative;
  height: 660px;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ride-booking-section .ride-map-area .gmap_canvas,
.ride-booking-section .ride-map-area .mapouter {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ride-booking-section .ride-map-area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 991.98px) {
  .ride-booking-section .ride-map-area {
    margin-top: 1rem;
    height: 500px;
  }
}
@media (max-width: 767.98px) {
  .ride-booking-section .ride-map-area {
    height: 400px;
    min-height: 350px;
  }
}
.testimonials-section .testimonial-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.testimonials-section .testimonial-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.testimonials-section .testimonial-card:hover .testimonial-vehicle {
  background-color: rgba(254, 204, 24, 0.1) !important;
}
.testimonials-section .testimonial-card .testimonial-rating {
  font-size: 1.1rem;
}
.testimonials-section .testimonial-card .testimonial-text {
  position: relative;
  min-height: 100px;
}
.testimonials-section .testimonial-card .testimonial-text p {
  font-size: 1rem;
  line-height: 1.6;
}
.testimonials-section .testimonial-card .testimonial-text::before {
  content: '"';
  font-size: 4rem;
  font-family: serif;
  color: rgba(254, 204, 24, 0.1);
  position: absolute;
  top: -2rem;
  left: -1rem;
  z-index: 0;
}
.testimonials-section .testimonial-card .testimonial-vehicle {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonials-section .testimonial-card .testimonial-vehicle i {
  font-size: 1.5rem;
}
.testimonials-section .testimonial-card .testimonial-author img {
  border: 2px solid #fecc18;
  padding: 2px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.testimonials-section .testimonial-card .testimonial-author .ms-3 h6 {
  margin-bottom: 0.25rem;
}
.testimonials-section .trust-indicator {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 2rem;
  border-radius: 1rem;
  background: rgba(254, 204, 24, 0.03);
}
.testimonials-section .trust-indicator:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  background: rgba(254, 204, 24, 0.05);
}
.testimonials-section .trust-indicator .counter {
  font-weight: 700;
}
.testimonials-section .blob-radius-2 {
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
.testimonials-section .blob-radius-3 {
  border-radius: 70% 30% 30% 70%/70% 70% 30% 30%;
}
@media (max-width: 768px) {
  .testimonials-section .testimonial-card .testimonial-text {
    min-height: auto;
  }
  .testimonials-section .testimonial-card .testimonial-text p {
    font-size: 0.9rem;
  }
  .testimonials-section .testimonial-card .testimonial-author img {
    width: 60px;
    height: 60px;
  }
  .testimonials-section .trust-indicator {
    padding: 1.5rem;
  }
}
.faq-section .faq-category-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.faq-section .faq-category-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.faq-section .faq-category-card .icon-box {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-section .faq-category-card .icon-box i {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-section .faq-category-card:hover .icon-box {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.faq-section .faq-category-card:hover .icon-box i {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.faq-section .accordion .accordion-item {
  background: 0 0;
}
.faq-section .accordion .accordion-item .accordion-button {
  background: rgba(254, 204, 24, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 500;
  padding: 1rem 1.5rem;
}
.faq-section .accordion .accordion-item .accordion-button:not(.collapsed) {
  color: #916c00;
  background: rgba(254, 204, 24, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.faq-section .accordion .accordion-item .accordion-button::after {
  background-size: 1rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-section .accordion .accordion-item .accordion-button:hover {
  color: #916c00;
}
.faq-section .accordion .accordion-item .accordion-body {
  padding: 1.5rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  border-radius: 0 0 0.5rem 0.5rem;
}
.faq-section .still-questions {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.faq-section .still-questions:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.faq-section .still-questions:hover .icon-box {
  -webkit-animation: bounce 0.5s;
  animation: bounce 0.5s;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@media (max-width: 768px) {
  .faq-section .accordion .accordion-button {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
  }
  .faq-section .accordion .accordion-body {
    padding: 1rem;
    font-size: 0.9rem;
  }
  .faq-section .still-questions {
    padding: 2rem !important;
  }
}
.cta-section .cta-main-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.cta-section .cta-main-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.cta-section .cta-main-card:hover .icon-box {
  background-color: rgba(255, 255, 255, 0.2);
}
.cta-section .cta-main-card .cta-features .icon-box {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cta-section .quick-contact-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.cta-section .quick-contact-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.cta-section .quick-contact-card:hover .icon-box {
  -webkit-animation: shake 0.5s;
  animation: shake 0.5s;
}
.cta-section .quick-contact-card .icon-box {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cta-section .booking-process-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.cta-section .booking-process-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.cta-section .booking-process-card .process-steps .step-number {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
}
.cta-section .booking-process-card .process-steps .process-step {
  position: relative;
}
.cta-section
  .booking-process-card
  .process-steps
  .process-step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 40px;
  width: 2px;
  height: calc(100% - 20px);
  background-color: rgba(254, 204, 24, 0.2);
}
.cta-section .special-offer-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(254, 204, 24, 0.3);
}
.cta-section .special-offer-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(254, 204, 24, 0.2);
  box-shadow: 0 10px 30px rgba(254, 204, 24, 0.2);
}
.cta-section .special-offer-card:hover .icon-box {
  -webkit-animation: tada 1s;
  animation: tada 1s;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@media (max-width: 768px) {
  .cta-section .cta-main-card {
    padding: 2rem !important;
  }
  .cta-section .quick-contact-card .row {
    text-align: center;
  }
  .cta-section .quick-contact-card .row > * {
    margin-bottom: 1rem;
  }
  .cta-section .quick-contact-card .row > :last-child {
    margin-bottom: 0;
  }
  .cta-section .special-offer-card .row {
    text-align: center;
  }
  .cta-section .special-offer-card .row > * {
    margin-bottom: 1rem;
  }
  .cta-section .special-offer-card .row > :last-child {
    margin-bottom: 0;
  }
}
.packages-hero .hero-content .badge {
  font-size: 0.9rem;
  border: 1px solid rgba(254, 204, 24, 0.3);
}
.packages-hero .hero-content .features-list .icon-box {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.packages-hero .hero-content .features-list .icon-box i {
  font-size: 1.25rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.packages-hero .hero-content .features-list .d-flex:hover .icon-box {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.packages-hero .hero-content .features-list .d-flex:hover .icon-box i {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.packages-hero .hero-image .main-image {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.packages-hero .hero-image .main-image:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.packages-hero .hero-image .main-image img {
  width: 100%;
  height: auto;
}
.packages-hero .hero-image .position-absolute {
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.packages-hero .hero-image .position-absolute .icon-box {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.packages-hero .hero-image .position-absolute .icon-box i {
  font-size: 1.25rem;
}
.packages-hero .hero-image .position-absolute:hover {
  -webkit-transform: translate(-20%, 20%) scale(1.05);
  transform: translate(-20%, 20%) scale(1.05);
}
.packages-hero .hero-image .position-absolute:hover:first-child {
  -webkit-transform: translate(20%, -20%) scale(1.05);
  transform: translate(20%, -20%) scale(1.05);
}
.blob-radius-2 {
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
.blob-radius-3 {
  border-radius: 70% 30% 30% 70%/70% 70% 30% 30%;
}
@media (max-width: 991.98px) {
  .packages-hero .hero-image {
    margin-top: 3rem;
  }
  .packages-hero .hero-image .position-absolute {
    position: relative !important;
    -webkit-transform: none !important;
    transform: none !important;
    margin: 1rem 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .packages-hero .hero-image .position-absolute:first-child {
    margin-left: auto;
  }
}
@media (max-width: 575.98px) {
  .packages-hero .features-list .col-sm-6 {
    margin-bottom: 1rem;
  }
  .packages-hero .features-list .col-sm-6:last-child {
    margin-bottom: 0;
  }
  .packages-hero .d-flex.flex-wrap .btn {
    width: 100%;
  }
}
.package-tiers .bg-gradient-dark {
  background: linear-gradient(145deg, #2c3e50, #1a252f) !important;
  border: none;
}
.package-tiers .bg-gradient-dark:hover {
  background: linear-gradient(145deg, #34495e, #2c3e50) !important;
}
.package-tiers .package-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.package-tiers .package-card:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.package-tiers .package-card.popular-package {
  border: none;
  background: linear-gradient(
    45deg,
    #fecc18,
    rgb(235.2814655172, 184.3547413793, 1.0185344828)
  );
}
.package-tiers .package-card.popular-package .popular-badge {
  font-weight: 500;
  -webkit-box-shadow: 0 5px 15px rgba(254, 204, 24, 0.3);
  box-shadow: 0 5px 15px rgba(254, 204, 24, 0.3);
}
.package-tiers .package-card .package-header .badge {
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
}
.package-tiers .package-card .package-header .package-price {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}
.package-tiers .package-card .package-header .package-price .currency {
  font-size: 1.5rem;
  vertical-align: super;
}
.package-tiers .package-card .package-header .package-price .duration {
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.7;
}
.package-tiers .package-card .package-features .feature-item .icon-box {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.package-tiers .package-card .package-features .feature-item .icon-box i {
  font-size: 0.9rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.package-tiers .package-card .package-features .feature-item:hover .icon-box {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.package-tiers .package-card .package-features .feature-item:hover .icon-box i {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.package-tiers .btn-link {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.package-tiers .btn-link.active {
  color: #916c00 !important;
  background-color: #fecc18 !important;
}
.package-tiers .btn-link:hover {
  color: #916c00 !important;
}
.package-tiers .additional-features {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.package-tiers .additional-features .icon-box {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.package-tiers .additional-features .icon-box i {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.package-tiers .additional-features .col-sm-4:hover .icon-box {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.package-tiers .additional-features .col-sm-4:hover .icon-box i {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
@media (max-width: 991.98px) {
  .package-tiers .package-card {
    margin-bottom: 2rem;
  }
  .package-tiers .package-card:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .package-tiers .package-header .package-price {
    font-size: 2.5rem !important;
  }
  .package-tiers .package-header .package-price .currency {
    font-size: 1.25rem !important;
  }
  .package-tiers .additional-features .col-sm-4 {
    margin-bottom: 2rem;
  }
  .package-tiers .additional-features .col-sm-4:last-child {
    margin-bottom: 0;
  }
}
.special-packages .special-package-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.special-packages .special-package-card:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.special-packages .special-package-card:hover .package-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.special-packages .special-package-card .package-image {
  height: 280px;
}
.special-packages .special-package-card .package-image img {
  width: 100%;
  height: 280px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  min-width: 420px;
  max-width: 100%;
}
.special-packages .special-package-card .package-image .overlay-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.3)),
    to(rgba(0, 0, 0, 0))
  );
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.3) 0,
    rgba(0, 0, 0, 0) 100%
  );
}
.special-packages .special-package-card .package-image .package-badge .badge {
  font-size: 0.9rem;
  font-weight: 600;
  -webkit-box-shadow: 0 5px 15px rgba(254, 204, 24, 0.3);
  box-shadow: 0 5px 15px rgba(254, 204, 24, 0.3);
}
.special-packages .special-package-card .package-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
}
.special-packages
  .special-package-card
  .package-content
  .package-features
  .feature-item
  i {
  font-size: 1.1rem;
}
.special-packages .special-package-card .package-content .package-price h4 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fecc18;
}
.special-packages .special-package-card .package-content .package-price span {
  font-size: 1.1rem;
}
.special-packages .cta-box {
  background: linear-gradient(145deg, #2c3e50, #1a252f);
  border: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.special-packages .cta-box:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  background: linear-gradient(145deg, #34495e, #2c3e50);
}
.special-packages .cta-box h3 {
  font-size: 2rem;
  font-weight: 700;
}
.special-packages .cta-box .btn:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
@media (max-width: 991.98px) {
  .special-packages .special-package-card .package-image {
    height: 240px;
  }
  .special-packages .special-package-card .package-image img {
    height: 240px;
    min-width: 360px;
  }
  .special-packages .special-package-card .package-content .feature-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .special-packages .special-package-card .package-content .package-price {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .special-packages .special-package-card .package-image {
    height: 200px;
  }
  .special-packages .special-package-card .package-image img {
    height: 200px;
    min-width: 300px;
  }
  .special-packages .special-package-card .package-content {
    text-align: center;
  }
  .special-packages .special-package-card .package-content .feature-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .special-packages .special-package-card .package-content .package-price {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.cta-packages {
  background: linear-gradient(145deg, #2c3e50, #1a252f);
  border: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cta-packages .cta-content:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.cta-packages .cta-content .badge {
  font-size: 0.9rem;
  font-weight: 600;
  -webkit-box-shadow: 0 5px 15px rgba(254, 204, 24, 0.3);
  box-shadow: 0 5px 15px rgba(254, 204, 24, 0.3);
}
.cta-packages .cta-content .btn {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cta-packages .cta-content .btn:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.cta-packages .cta-content .btn.btn-lg {
  padding: 0.8rem 2rem;
}
.cta-packages .cta-content .rounded-circle {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0.5;
}
.cta-packages .cta-content:hover .rounded-circle {
  -webkit-transform: scale(1.1) rotate(5deg);
  transform: scale(1.1) rotate(5deg);
}
@media (max-width: 767.98px) {
  .cta-packages .cta-content .display-4 {
    font-size: 2.5rem;
  }
  .cta-packages .cta-content .btn-lg {
    width: 100%;
    margin-bottom: 1rem;
  }
  .cta-packages .cta-content .btn-lg:last-child {
    margin-bottom: 0;
  }
}
.footer-2 {
  position: relative;
  overflow: visible;
  padding-top: 50px;
}
.footer-2 p {
  color: #fff;
  word-break: break-all;
}
.footer-2 .footer-shape {
  position: absolute;
  top: -90px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  z-index: 12;
}
.footer-2 .footer-shape svg {
  position: relative;
  display: block;
  width: calc(161% + 1.3px);
  height: 150px;
}
.footer-2 .footer-shape .shape-fill {
  fill: #3b3b3b;
}
.footer-2 .footer-nav-div {
  position: relative;
  z-index: 2;
  background-color: #3b3b3b;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 50px;
}
.footer-2 .footer-nav-div .footer-brand {
  margin-bottom: 20px;
}
.footer-2 .footer-nav-div .footer-brand img {
  max-width: 150px;
}
.footer-2 .footer-nav-div .footer-text {
  color: #9b9ca0;
  margin-bottom: 20px;
}
.footer-2 .footer-nav-div h4 {
  color: #fecc18;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 10px;
}
.footer-2 .footer-nav-div h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #fecc18;
}
.footer-2 .footer-nav-div .helpline h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
}
.footer-2 .footer-nav-div .helpline h3 span {
  color: #fecc18;
  display: inline-block;
}
.footer-2 .footer-nav-div .footer-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-2 .footer-nav-div .footer-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.footer-2 .footer-nav-div .footer-navigation ul li {
  margin-bottom: 10px;
}
.footer-2 .footer-nav-div .footer-navigation ul li a {
  color: #9b9ca0;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.footer-2 .footer-nav-div .footer-navigation ul li a:hover {
  color: #fecc18;
}
.footer-2 .footer-nav-div .app-download-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 20px;
}
.footer-2 .footer-nav-div .app-download-box h4 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding-bottom: 5px;
}
.footer-2 .footer-nav-div .app-download-box h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #fecc18;
}
.footer-2 .footer-nav-div .app-download-box .download-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .footer-2 .footer-nav-div .app-download-box .download-links {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.footer-2 .footer-nav-div .app-download-box .download-links a {
  display: inline-block;
  max-width: 150px;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media only screen and (max-width: 575px) {
  .footer-2 .footer-nav-div .app-download-box .download-links a {
    max-width: 120px;
  }
}
.footer-2 .footer-nav-div .app-download-box .download-links a img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.footer-2 .footer-nav-div .app-download-box .download-links a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.footer-2 .footer-nav-div .cta-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer-2 .footer-nav-div .cta-button a {
  width: 100%;
  display: block;
  border-radius: 50px;
  text-align: center;
  margin-bottom: 10px;
  border: 1px solid #fff;
  padding: 12px 18px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 575px) {
  .footer-2 .footer-nav-div .cta-button a {
    max-width: 100%;
    padding: 10px 15px;
    font-size: 11px;
  }
}
.footer-2 .footer-nav-div .cta-button a:hover {
  background-color: #fff;
  color: #373737;
}
.footer-2 .copyright-div {
  background-color: #373737;
  color: #9b9ca0;
  padding: 20px 0;
}
.footer-2 .copyright-div .social-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .footer-2 .copyright-div .social-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
  }
}
.footer-2 .copyright-div .social-nav a {
  color: #fff;
  padding: 5px 12px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  display: inline-block;
}
.footer-2 .copyright-div .social-nav a.facebook:hover {
  color: #3b5998;
}
.footer-2 .copyright-div .social-nav a.twitter:hover {
  color: #1da1f2;
}
.footer-2 .copyright-div .social-nav a.instagram:hover {
  color: #c32aa3;
}
.footer-2 .copyright-div .social-nav a.google-p:hover {
  color: #db4439;
}
.footer-2 .copyright-div .social-nav a.linkedin:hover {
  color: #007bb6;
}
.footer-2 .copyright-div .social-nav a.pinterest:hover {
  color: #bd081c;
}
.footer-1 {
  position: relative;
  overflow: visible;
  padding-top: 18px;
}
.footer-1 p {
  color: #fff;
  word-break: break-all;
}
.footer-1 .footer-cityscape {
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 5;
  pointer-events: none;
}
.footer-1 .footer-cityscape img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.footer-1 .footer-nav-div {
  position: relative;
  z-index: 2;
  background-color: #3b3b3b;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 50px;
}
.footer-1 .footer-nav-div .footer-brand {
  margin-bottom: 20px;
}
.footer-1 .footer-nav-div .footer-brand img {
  max-width: 150px;
}
.footer-1 .footer-nav-div .footer-text {
  color: #9b9ca0;
  margin-bottom: 20px;
}
.footer-1 .footer-nav-div h4 {
  color: #fecc18;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 10px;
}
.footer-1 .footer-nav-div h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #fecc18;
}
.footer-1 .footer-nav-div .helpline h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
}
.footer-1 .footer-nav-div .helpline h3 span {
  color: #fecc18;
  display: inline-block;
}
.footer-1 .footer-nav-div .footer-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-1 .footer-nav-div .footer-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.footer-1 .footer-nav-div .footer-navigation ul li {
  margin-bottom: 10px;
}
.footer-1 .footer-nav-div .footer-navigation ul li a {
  color: #9b9ca0;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.footer-1 .footer-nav-div .footer-navigation ul li a:hover {
  color: #fecc18;
}
.footer-1 .footer-nav-div .app-download-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 20px;
}
.footer-1 .footer-nav-div .app-download-box h4 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding-bottom: 5px;
}
.footer-1 .footer-nav-div .app-download-box h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #fecc18;
}
.footer-1 .footer-nav-div .app-download-box .download-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .footer-1 .footer-nav-div .app-download-box .download-links {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.footer-1 .footer-nav-div .app-download-box .download-links a {
  display: inline-block;
  max-width: 150px;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media only screen and (max-width: 575px) {
  .footer-1 .footer-nav-div .app-download-box .download-links a {
    max-width: 120px;
  }
}
.footer-1 .footer-nav-div .app-download-box .download-links a img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.footer-1 .footer-nav-div .app-download-box .download-links a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.footer-1 .footer-nav-div .cta-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer-1 .footer-nav-div .cta-button a {
  width: 100%;
  display: block;
  border-radius: 50px;
  text-align: center;
  margin-bottom: 10px;
  border: 1px solid #fff;
  padding: 12px 18px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 575px) {
  .footer-1 .footer-nav-div .cta-button a {
    max-width: 100%;
    padding: 10px 15px;
    font-size: 11px;
  }
}
.footer-1 .footer-nav-div .cta-button a:hover {
  background-color: #fff;
  color: #373737;
}
.footer-1 .copyright-div {
  background-color: #373737;
  color: #9b9ca0;
  padding: 20px 0;
}
.footer-1 .copyright-div .social-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .footer-1 .copyright-div .social-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
  }
}
.footer-1 .copyright-div .social-nav a {
  color: #fff;
  padding: 5px 12px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  display: inline-block;
}
.footer-1 .copyright-div .social-nav a.facebook:hover {
  color: #3b5998;
}
.footer-1 .copyright-div .social-nav a.twitter:hover {
  color: #1da1f2;
}
.footer-1 .copyright-div .social-nav a.instagram:hover {
  color: #c32aa3;
}
.footer-1 .copyright-div .social-nav a.google-p:hover {
  color: #db4439;
}
.footer-1 .copyright-div .social-nav a.linkedin:hover {
  color: #007bb6;
}
.footer-1 .copyright-div .social-nav a.pinterest:hover {
  color: #bd081c;
}
.hero-area-v-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hero-area-v-1 svg {
  position: absolute;
  width: 1400px;
  height: 750px;
  fill: #fff;
}
@media only screen and (max-width: 575px) {
  .hero-area-v-1 {
    padding-top: 90px;
  }
  .hero-area-v-1 svg {
    position: absolute;
    width: 300px;
    height: 750px;
    fill: #fff;
  }
}
.hero-area-v-1 .hero-area-slider {
  position: relative;
}
.hero-area-v-1 .hero-area-slider .owl-dots {
  top: 115%;
  width: 100%;
  display: block;
  position: absolute;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .hero-area-v-1 .hero-area-slider .owl-dots {
    top: 96%;
  }
}
.hero-area-v-1 .hero-area-slider .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  background-color: transparent;
  margin: 5px;
  border-radius: 50px;
  border: 1px solid #3b3b3b;
}
.hero-area-v-1 .hero-area-slider .owl-dots button.owl-dot.active {
  background-color: #373737;
  border: 1px solid #373737;
}
.hero-area-v-1 .hero-area-slider .single-slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .hero-area-v-1 .hero-area-slider .single-slider-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.hero-area-v-1 .hero-area-slider .single-slider-item h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 66px;
}
@media only screen and (max-width: 575px) {
  .hero-area-v-1 .hero-area-slider .single-slider-item h1 {
    font-size: 39px;
    font-weight: 700;
  }
}
.hero-area-v-1 .hero-area-slider .single-slider-item p {
  font-size: 18px;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 45px;
  color: #3b3b3b;
}
.hero-area-v-1 .hero-area-slider .single-slider-item .hero-area-left {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}
@media only screen and (max-width: 575px) {
  .hero-area-v-1 .hero-area-slider .single-slider-item .hero-area-left {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
}
.hero-area-v-1 .hero-area-slider .single-slider-item .hero-area-right {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
}
@media only screen and (max-width: 575px) {
  .hero-area-v-1 .hero-area-slider .single-slider-item .hero-area-right {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .hero-area-v-1 .hero-area-slider .single-slider-item .hero-area-right img {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-area-v-1 .hero-area-slider .single-slider-item .hero-area-right img {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.hero-bg-light-yellow {
  height: 630px;
  background-repeat: no-repeat;
  background-color: #fecc18;
  background-position: center top;
}
.hero-bg-dark-yellow {
  z-index: 1;
  padding: 180px 0 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fecc18;
  background-position: center center;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}
.hero-bg-dark-yellow:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  opacity: 0.75;
  position: absolute;
  background: #000;
}
.hero-bg-dark-yellow .hero-area-slider .owl-dots button.owl-dot {
  border: 1px solid #fecc18;
}
.hero-bg-dark-yellow .hero-area-slider .owl-dots button.owl-dot.active {
  background-color: #fecc18;
  border: 1px solid #fecc18;
}
.hero-blob {
  position: absolute;
  top: -3px;
  left: -13%;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.hero-blob svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 750px;
}
@media only screen and (max-width: 575px) {
  .hero-blob svg {
    width: calc(100% + 168px);
  }
}
@media only screen and (max-width: 991px) {
  .hero-area .hero-area-slider .single-slider-item .hero-area-left {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
  .hero-area .hero-area-slider .single-slider-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .hero-area .hero-area-slider .single-slider-item .hero-area-right {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.divider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.divider svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 120px;
}
.divider .shape-fill {
  fill: #fff;
}
.hero-self-driving {
  min-height: 100vh;
  position: relative;
  background-color: #f8f9fa;
  overflow: hidden;
}
.hero-self-driving .hero-background {
  z-index: 0;
}
.hero-self-driving .hero-background .tech-grid {
  background-image: linear-gradient(
      rgba(254, 204, 24, 0.05) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(254, 204, 24, 0.05) 1px, transparent 1px);
  background-size: 20px 20px;
  opacity: 0.7;
}
.hero-self-driving .hero-background .sensor-wave {
  border-radius: 50%;
  border: 1px solid rgba(254, 204, 24, 0.2);
}
.hero-self-driving .hero-background .sensor-wave-1 {
  width: 300px;
  height: 300px;
  top: 50%;
  right: 10%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-animation: pulse 4s infinite;
  animation: pulse 4s infinite;
}
.hero-self-driving .hero-background .sensor-wave-2 {
  width: 500px;
  height: 500px;
  top: 50%;
  right: 10%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-animation: pulse 4s infinite 1s;
  animation: pulse 4s infinite 1s;
}
.hero-self-driving .hero-background .sensor-wave-3 {
  width: 700px;
  height: 700px;
  top: 50%;
  right: 10%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-animation: pulse 4s infinite 2s;
  animation: pulse 4s infinite 2s;
}
.hero-self-driving .tech-badge {
  border-radius: 12px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(254, 204, 24, 0.2);
}
.hero-self-driving .autonomous-car-visual {
  position: relative;
  margin-top: 2rem;
}
.hero-self-driving .autonomous-car-visual .car-container {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.hero-self-driving .autonomous-car-visual .car-container .car-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-self-driving .autonomous-car-visual .car-container .sensor-visualization {
  z-index: 2;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .sensor-visualization
  .lidar-scan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle,
    transparent 30%,
    rgba(254, 204, 24, 0.05) 70%
  );
  -webkit-animation: lidar-rotate 8s linear infinite;
  animation: lidar-rotate 8s linear infinite;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .sensor-visualization
  .object-detection {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .sensor-visualization
  .object-detection
  .detection-box {
  position: absolute;
  border: none;
  background-color: transparent;
  padding: 0;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .sensor-visualization
  .object-detection
  .detection-box::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #fecc18;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 10px rgba(254, 204, 24, 0.8);
  box-shadow: 0 0 10px rgba(254, 204, 24, 0.8);
  z-index: 3;
  -webkit-animation: pulse-dot 2s infinite;
  animation: pulse-dot 2s infinite;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .sensor-visualization
  .object-detection
  .detection-box::before {
  content: attr(data-object);
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 12px;
  background-color: rgba(254, 204, 24, 0.9);
  color: #3b3b3b;
  padding: 2px 8px;
  border-radius: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  white-space: nowrap;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .sensor-visualization
  .object-detection
  .detection-box::before::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(254, 204, 24, 0.9)),
    to(rgba(255, 191, 0, 0.9))
  );
  background: linear-gradient(
    to bottom,
    rgba(254, 204, 24, 0.9),
    rgba(255, 191, 0, 0.9)
  );
  bottom: -20px;
  left: 50%;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .sensor-visualization
  .object-detection
  .detection-box-1 {
  width: 40px;
  height: 80px;
  top: 40%;
  left: 20%;
  -webkit-animation: detection-pulse 2s infinite;
  animation: detection-pulse 2s infinite;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .sensor-visualization
  .object-detection
  .detection-box-2 {
  width: 80px;
  height: 50px;
  top: 60%;
  right: 15%;
  -webkit-animation: detection-pulse 2s infinite 0.7s;
  animation: detection-pulse 2s infinite 0.7s;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .sensor-visualization
  .object-detection
  .detection-box-3 {
  width: 30px;
  height: 30px;
  top: 30%;
  right: 30%;
  -webkit-animation: detection-pulse 2s infinite 1.4s;
  animation: detection-pulse 2s infinite 1.4s;
}
.hero-self-driving .autonomous-car-visual .car-container .ai-decision {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background-color: rgba(59, 59, 59, 0.85);
  border-radius: 8px;
  padding: 10px;
  color: #fff;
  z-index: 3;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(254, 204, 24, 0.2);
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .ai-decision
  .decision-path {
  height: 4px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fecc18),
    to(#ffbf00)
  );
  background: linear-gradient(to right, #fecc18, #ffbf00);
  border-radius: 2px;
  margin-bottom: 10px;
  position: relative;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .ai-decision
  .decision-path::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffbf00;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: path-progress 3s infinite;
  animation: path-progress 3s infinite;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .ai-decision
  .tech-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .ai-decision
  .tech-data
  .data-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .ai-decision
  .tech-data
  .data-point
  .data-label {
  font-size: 10px;
  opacity: 0.7;
  text-transform: uppercase;
}
.hero-self-driving
  .autonomous-car-visual
  .car-container
  .ai-decision
  .tech-data
  .data-point
  .data-value {
  font-size: 14px;
  font-weight: 700;
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0.8;
    -webkit-transform: translate(50%, -50%) scale(0.8);
    transform: translate(50%, -50%) scale(0.8);
  }
  50% {
    opacity: 0.2;
    -webkit-transform: translate(50%, -50%) scale(1);
    transform: translate(50%, -50%) scale(1);
  }
  100% {
    opacity: 0.8;
    -webkit-transform: translate(50%, -50%) scale(0.8);
    transform: translate(50%, -50%) scale(0.8);
  }
}
@keyframes pulse {
  0% {
    opacity: 0.8;
    -webkit-transform: translate(50%, -50%) scale(0.8);
    transform: translate(50%, -50%) scale(0.8);
  }
  50% {
    opacity: 0.2;
    -webkit-transform: translate(50%, -50%) scale(1);
    transform: translate(50%, -50%) scale(1);
  }
  100% {
    opacity: 0.8;
    -webkit-transform: translate(50%, -50%) scale(0.8);
    transform: translate(50%, -50%) scale(0.8);
  }
}
@-webkit-keyframes lidar-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lidar-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes detection-pulse {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes detection-pulse {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(254, 204, 24, 0.7);
    box-shadow: 0 0 0 0 rgba(254, 204, 24, 0.7);
  }
  70% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
    -webkit-box-shadow: 0 0 0 10px rgba(254, 204, 24, 0);
    box-shadow: 0 0 0 10px rgba(254, 204, 24, 0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(254, 204, 24, 0);
    box-shadow: 0 0 0 0 rgba(254, 204, 24, 0);
  }
}
@keyframes pulse-dot {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(254, 204, 24, 0.7);
    box-shadow: 0 0 0 0 rgba(254, 204, 24, 0.7);
  }
  70% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
    -webkit-box-shadow: 0 0 0 10px rgba(254, 204, 24, 0);
    box-shadow: 0 0 0 10px rgba(254, 204, 24, 0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(254, 204, 24, 0);
    box-shadow: 0 0 0 0 rgba(254, 204, 24, 0);
  }
}
@-webkit-keyframes path-progress {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes path-progress {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@media (max-width: 992px) {
  .hero-self-driving .autonomous-car-visual {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .hero-self-driving .sensor-wave {
    display: none;
  }
}
.hero-area-3 {
  background-color: rgba(254, 204, 24, 0.05);
}
.hero-area-3 .hero-car-mockup .car-image-container {
  position: relative;
  z-index: 1;
}
.hero-area-3 .hero-car-mockup .app-overlay {
  top: 20%;
  right: 10%;
  width: 250px;
  z-index: 2;
}
.hero-area-3 .hero-car-mockup .app-overlay .mobile-app-mockup {
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  padding: 15px;
}
.hero-area-3 .hero-car-mockup .app-overlay .mobile-app-mockup .app-screen {
  background: #f4f4f4;
  border-radius: 15px;
  padding: 10px;
}
.hero-area-3
  .hero-car-mockup
  .app-overlay
  .mobile-app-mockup
  .app-screen
  .app-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  color: #333;
}
.hero-area-3
  .hero-car-mockup
  .app-overlay
  .mobile-app-mockup
  .app-screen
  .map-placeholder {
  height: 120px;
  background: #e0e0e0;
  border-radius: 10px;
  margin-bottom: 10px;
}
.hero-area-3
  .hero-car-mockup
  .app-overlay
  .mobile-app-mockup
  .app-screen
  .app-ride-details {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.hero-area-3
  .hero-car-mockup
  .app-overlay
  .mobile-app-mockup
  .app-screen
  .app-ride-details
  .dropoff-location,
.hero-area-3
  .hero-car-mockup
  .app-overlay
  .mobile-app-mockup
  .app-screen
  .app-ride-details
  .pickup-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}
.hero-area-3
  .hero-car-mockup
  .app-overlay
  .mobile-app-mockup
  .app-screen
  .app-ride-details
  .dropoff-location
  i,
.hero-area-3
  .hero-car-mockup
  .app-overlay
  .mobile-app-mockup
  .app-screen
  .app-ride-details
  .pickup-location
  i {
  margin-right: 10px;
  color: #fecc18;
}
.hero-area-3
  .hero-car-mockup
  .app-overlay
  .mobile-app-mockup
  .app-screen
  .app-ride-details
  .ride-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 700;
}
.hero-area-3
  .hero-car-mockup
  .app-overlay
  .mobile-app-mockup
  .app-screen
  .btn-confirm-ride {
  width: 100%;
  background-color: #fecc18;
  color: #fff;
  border: none;
  padding: 10px;
  border-radius: 10px;
}
.page-header {
  background-color: #fff;
  min-height: 400px;
  margin-top: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-header .breadcrumb-item {
  font-size: 0.9rem;
}
.page-header .breadcrumb-item.active {
  font-weight: 500;
}
.page-header .blob-radius-2,
.page-header .blob-radius-3 {
  -webkit-filter: blur(40px);
  filter: blur(40px);
  opacity: 0.8;
}
.hero-6 {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 6rem 0 3rem;
}
.hero-6 .hero-6-bg {
  background-image: url(../../assets/images/home/taxi-city-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
}
.hero-6 .dark-overlay {
  background: rgba(0, 0, 0, 0.65);
  z-index: -1;
}
.hero-6 .hero-6-content h1 {
  color: #fff;
  font-size: 3.5rem;
  line-height: 1.2;
}
@media (max-width: 991.98px) {
  .hero-6 .hero-6-content h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 767.98px) {
  .hero-6 .hero-6-content h1 {
    font-size: 2rem;
  }
}
.hero-6 .hero-6-content p {
  color: #fff;
  font-size: 1.25rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .hero-6 .hero-6-content p {
    font-size: 1.1rem;
  }
}
.hero-6 .booking-form-wrapper {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.hero-6 .booking-form-wrapper .form-group {
  margin-bottom: 0;
}
.hero-6 .booking-form-wrapper .form-group .form-label {
  margin-bottom: 0.5rem;
  color: #3b3b3b;
}
.hero-6 .booking-form-wrapper .form-group .input-group .input-group-text {
  padding: 0.75rem 1rem;
}
.hero-6 .booking-form-wrapper .form-group .input-group .form-control {
  padding: 0.75rem 1rem;
  height: auto;
}
.hero-6 .booking-form-wrapper .form-group .input-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #fecc18;
}
.hero-6 .booking-form-wrapper .btn {
  padding: 0.75rem 1rem;
  height: 100%;
}
@media (max-width: 991.98px) {
  .hero-6 {
    padding: 5rem 0 2rem;
  }
  .hero-6 .booking-form-wrapper {
    margin-top: 2rem;
  }
  .hero-6 .booking-form-wrapper .form-group {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767.98px) {
  .hero-6 {
    padding: 4rem 0 2rem;
    min-height: auto;
  }
  .hero-6 .booking-form-wrapper {
    padding: 1.5rem !important;
  }
}
.icons-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.icons-div .single-icon {
  height: 110px;
  width: 110px;
  text-align: center;
  line-height: 105px;
  position: relative;
  border-radius: 100%;
  background-color: #fefbf0;
  border: 1px solid rgba(59, 59, 59, 0.3);
}
@media only screen and (max-width: 575px) {
  .icons-div .single-icon {
    display: none;
  }
}
.icons-div .single-icon:not(:last-child):after {
  content: "";
  position: absolute;
  background-color: #ddd;
  height: 1px;
  width: 170px;
  top: 50%;
  left: 122%;
}
.how-work-text {
  padding: 0 10px;
  text-align: center;
  word-break: break-all;
}
@media only screen and (max-width: 991px) {
  .how-work-text {
    margin-bottom: 20px;
  }
}
.how-work-text h4 {
  font-size: 20px;
  margin-bottom: 15px;
}
.about-us-area .about-us-text {
  padding-right: 70px;
}
.about-us-area h4 {
  font-size: 26px;
  margin-bottom: 20px;
}
.about-us-area p {
  margin-bottom: 40px;
}
.about-us-area .about-us-img {
  margin-top: 70px;
}
@media screen and (max-width: 1024px) {
  .about-us-area .about-us-text {
    padding-right: 0;
  }
}
.about-us-area {
  position: relative;
}
.about-us-area:after {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  content: "";
  background-image: url(../../assets/images/home/2.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  .about-us-area:after {
    display: none;
  }
}
.download-qrcode {
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .download-qrcode {
    text-align: center;
  }
}
.download-text {
  margin-top: 55px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .download-text {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .download-buttons {
    text-align: center;
  }
}
.download-buttons a {
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .download-buttons a {
    margin-bottom: 10px;
  }
}
.download-buttons a:first-child {
  margin-right: 10px;
}
.single-contact-info {
  padding: 27px;
  border: 1px solid rgba(55, 55, 55, 0.2);
  min-height: 225px;
  border-radius: 5px;
}
@media only screen and (max-width: 991px) {
  .single-contact-info {
    margin-bottom: 20px;
    min-height: 250px;
  }
}
.single-contact-info img {
  margin-bottom: 20px;
}
.personal-information-div .nav-tabs a {
  font-size: 14px;
  color: #333;
  padding: 10px;
}
.personal-information-div .personal-details {
  background-color: #f7f7f6;
  padding: 25px;
}
.passanger-name {
  margin-bottom: 50px;
}
.passanger-name p {
  margin-bottom: 8px;
}
.passanger-name a {
  color: #333;
}
.passanger-name a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 575px) {
  .passanger-name {
    margin-bottom: 10px;
  }
}
.personal-info {
  margin-top: 50px;
}
.personal-info a {
  color: #333;
}
.personal-info a.button {
  color: #fff;
}
.personal-info .personal-details {
  background-color: #f7f7f6;
  padding: 30px;
}
@media only screen and (max-width: 575px) {
  .personal-info .personal-details {
    padding: 15px;
  }
  .personal-info .personal-details textarea {
    margin-bottom: 0;
  }
}
.counter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 50px 0;
}
@media only screen and (max-width: 575px) {
  .counter-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0;
  }
}
.single-counter-box {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .single-counter-box {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}
.vahicles-container .row {
  margin-top: 30px;
}
.single-vehicle-container {
  margin-bottom: 30px;
  text-align: center;
}
.single-driver .card {
  background-color: #f7f7f6;
  border-radius: 0;
  margin-bottom: 25px;
}
@media only screen and (max-width: 575px) {
  .tab-dashboard {
    margin-top: 15px;
  }
}
.rides-filter ul li {
  list-style: none;
  display: inline-block;
}
.rides-filter ul li a {
  display: inline-block;
  color: #3b3b3b;
  padding: 5px 15px;
  border: 1px solid transparent;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media only screen and (max-width: 575px) {
  .rides-filter ul li a {
    padding: 5px 10px;
  }
}
.rides-filter ul li a:hover {
  border-color: rgba(59, 59, 59, 0.3);
}
.tab-dashboard .tab-navigation {
  margin-bottom: 45px;
}
.tab-dashboard .tab-navigation a {
  display: inline-block;
  padding: 15px;
  border: 1px solid transparent;
  border-bottom: none;
  color: #333;
}
@media only screen and (max-width: 575px) {
  .tab-dashboard .tab-navigation a {
    padding: 8px;
  }
}
.tab-dashboard .tab-navigation a.active {
  background-color: #f7f7f6;
  color: #3b3b3b;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid rgba(59, 59, 59, 0.1);
  border-bottom: none;
}
.tab-pane h4 {
  margin-bottom: 30px;
}
.tab-pane .small-div-item {
  background-color: #f7f7f6;
}
.tab-pane .small-div:not(:last-child) {
  margin-bottom: 50px;
}
.driver-dashboard-div .right-text {
  text-align: right;
}
@media only screen and (max-width: 575px) {
  .driver-dashboard-div .right-text {
    text-align: left;
  }
}
.div-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.div-heading .heading-item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .div-heading .heading-item-1 {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
  }
  .div-heading .heading-item-2 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
  }
}
.div-heading .heading-item.right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #000;
}
.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.dashboard-section {
  padding: 90px 0;
  background-color: #fefbf0;
}
.dashboard-section .dashboard-sidebar {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  padding: 30px 0;
  margin-bottom: 30px;
}
.dashboard-section .dashboard-sidebar .sidebar-nav li {
  margin-bottom: 10px;
}
.dashboard-section .dashboard-sidebar .sidebar-nav li a {
  display: block;
  padding: 10px 20px;
  color: #201d1d;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dashboard-section .dashboard-sidebar .sidebar-nav li a.active,
.dashboard-section .dashboard-sidebar .sidebar-nav li a:hover {
  background-color: #fecc18;
  color: #fff;
  border-radius: 5px;
}
.dashboard-section .dashboard-content {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  padding: 30px;
}
.dashboard-section .dashboard-content .content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}
.dashboard-section .dashboard-content .content-header h2 {
  margin: 0;
  color: #201d1d;
  font-size: 24px;
}
.dashboard-section .dashboard-content .content-header .header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dashboard-section .dashboard-content .content-header .header-btn a {
  margin-left: 15px;
  padding: 10px 20px;
  background-color: #fecc18;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dashboard-section .dashboard-content .content-header .header-btn a:hover {
  background-color: #ffbf00;
}
.dashboard-section .dashboard-content .dashboard-table {
  width: 100%;
  border-collapse: collapse;
}
.dashboard-section .dashboard-content .dashboard-table thead {
  background-color: #f7f7f6;
}
.dashboard-section .dashboard-content .dashboard-table thead th {
  padding: 15px;
  text-align: left;
  color: #201d1d;
  font-weight: 600;
  border-bottom: 1px solid #e1e1e1;
}
.dashboard-section .dashboard-content .dashboard-table tbody tr {
  border-bottom: 1px solid #e1e1e1;
}
.dashboard-section .dashboard-content .dashboard-table tbody tr:last-child {
  border-bottom: none;
}
.dashboard-section .dashboard-content .dashboard-table tbody tr td {
  padding: 15px;
  color: #333;
}
.dashboard-section .dashboard-content .dashboard-table tbody tr td a {
  color: #fecc18;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.dashboard-section .dashboard-content .dashboard-table tbody tr td a:hover {
  color: #ffbf00;
}
.single-vehicle-box {
  height: 254px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 25px;
}
.single-vehicle-box img {
  width: 100%;
  display: block;
}
.single-vehicle-box:hover .vehicle-box-hover {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.single-vehicle-box .vehicle-box-hover {
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.single-vehicle-box .vehicle-box-hover:after {
  content: "";
  background-color: rgba(254, 204, 24, 0.8);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
}
.single-vehicle-box .vehicle-box-hover h4 {
  color: #000;
}
.single-vehicle-box .vehicle-box-hover p {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.blog-listing-area .card {
  overflow: hidden;
}
.blog-listing-area .card-img-top {
  height: 240px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  aspect-ratio: 3/2;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.blog-listing-area .card:hover .card-img-top {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.blog-listing-area .card .author a {
  color: #916c00;
}
.blog-listing-area .pagination {
  display: block;
  text-align: center;
}
.blog-listing-area .pagination li {
  display: inline-block;
  margin-right: 15px;
}
.blog-listing-area .pagination li.next a,
.blog-listing-area .pagination li.prev a {
  width: auto;
  height: auto;
  border: 0;
}
.blog-listing-area .pagination li:last-child {
  margin-right: 0;
}
.blog-listing-area .pagination li a {
  display: inline-block;
  color: #201d1d;
  font-size: 16px;
  text-align: center;
  border: 0;
  font-weight: 400;
  padding: 0;
  height: 45px;
  text-transform: uppercase;
  width: 45px;
  line-height: 45px;
  border: 1px dashed transparent;
  border-radius: 0;
  border-radius: 50%;
}
.blog-listing-area .pagination li a:hover {
  background-color: inherit;
  color: #000;
}
.blog-listing-area .pagination li.active a {
  border-color: #000;
  background-color: inherit;
  color: #000;
  font-weight: 700;
}
.contact-section {
  background-color: #f8f9fa;
}
.contact-section .contact-info {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.contact-section .contact-info:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.contact-section .contact-info .contact-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-section .contact-info .contact-card:hover {
  background-color: #fecc18 !important;
}
.contact-section .contact-info .contact-card:hover .contact-details h5,
.contact-section .contact-info .contact-card:hover .contact-details p,
.contact-section .contact-info .contact-card:hover .contact-icon i {
  color: #000 !important;
}
.contact-section .contact-form .form-control {
  border: 1px solid #e0e0e0;
}
.contact-section .contact-form .form-control:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(254, 204, 24, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(254, 204, 24, 0.25);
  border-color: #fecc18;
}
.contact-section .contact-form .btn-primary {
  background-color: #fecc18;
  border-color: #fecc18;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-section .contact-form .btn-primary:hover {
  background-color: rgb(226.0215517241, 177.099137931, 0.9784482759);
  border-color: rgb(226.0215517241, 177.099137931, 0.9784482759);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.contact-section .social-links .btn-light {
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-section .social-links .btn-light.facebook:hover {
  color: #3b5998;
  background-color: #f7f7f7;
}
.contact-section .social-links .btn-light.twitter:hover {
  color: #1da1f2;
  background-color: #f7f7f7;
}
.contact-section .social-links .btn-light.instagram:hover {
  color: #c32aa3;
  background-color: #f7f7f7;
}
.contact-section .social-links .btn-light.google-p:hover {
  color: #db4439;
  background-color: #f7f7f7;
}
.contact-section .social-links .btn-light.linkedin:hover {
  color: #007bb6;
  background-color: #f7f7f7;
}
.contact-section .social-links .btn-light.pinterest:hover {
  color: #bd081c;
  background-color: #f7f7f7;
}
.map-container {
  overflow: hidden;
  position: relative;
}
.map-container iframe {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.map-container iframe:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.blog-post .author span a {
  color: #916c00;
}
.blog-post .related-posts .author a {
  color: #916c00;
}
.blog-post .related-posts .author a:hover {
  color: #fecc18;
}
.login-section {
  background-color: #f8f9fa;
  min-height: calc(100vh - 400px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.login-section .login-card {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.login-section .login-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.login-section .login-card .nav-pills .nav-link {
  color: #3b3b3b;
  border-radius: 50rem;
  padding: 0.6rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.login-section .login-card .nav-pills .nav-link:hover {
  background-color: rgba(254, 204, 24, 0.1);
}
.login-section .login-card .nav-pills .nav-link.active {
  background-color: #fecc18;
  color: #000;
  font-weight: 700;
}
.login-section .login-card .form-floating .form-control {
  border: 1px solid #e0e0e0;
}
.login-section .login-card .form-floating .form-control:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(254, 204, 24, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(254, 204, 24, 0.25);
  border-color: #fecc18;
}
.login-section .login-card .text-theme {
  color: #fecc18;
}
.login-section .login-card .text-theme:hover {
  color: rgb(226.0215517241, 177.099137931, 0.9784482759);
}
.login-section .login-card .form-check-input:checked {
  background-color: #fecc18;
  border-color: #fecc18;
}
.login-section .login-card .social-login {
  position: relative;
}
.login-section .login-card .social-login:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e0e0e0;
  z-index: 1;
}
.login-section .login-card .social-login p {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 1rem;
  background-color: #fff;
}
.login-section .login-card .social-login .btn-light {
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.login-section .login-card .social-login .btn-light.facebook:hover {
  color: #3b5998;
  background-color: #f7f7f7;
}
.login-section .login-card .social-login .btn-light.google:hover {
  color: #db4439;
  background-color: #f7f7f7;
}
.login-section .login-card .social-login .btn-light.twitter:hover {
  color: #1da1f2;
  background-color: #f7f7f7;
}
.register-section {
  background-color: #f8f9fa;
  min-height: calc(100vh - 400px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.register-section .register-card {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.register-section .register-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.register-section .register-card .nav-pills .nav-link {
  color: #3b3b3b;
  border-radius: 50rem;
  padding: 0.6rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.register-section .register-card .nav-pills .nav-link:hover {
  background-color: rgba(254, 204, 24, 0.1);
}
.register-section .register-card .nav-pills .nav-link.active {
  background-color: #fecc18;
  color: #000;
  font-weight: 700;
}
.register-section .register-card .form-floating .form-control,
.register-section .register-card .form-floating .form-select {
  border: 1px solid #e0e0e0;
}
.register-section .register-card .form-floating .form-control:focus,
.register-section .register-card .form-floating .form-select:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(254, 204, 24, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(254, 204, 24, 0.25);
  border-color: #fecc18;
}
.register-section .register-card .form-check-input:checked {
  background-color: #fecc18;
  border-color: #fecc18;
}
.register-section .register-card textarea.form-control {
  min-height: 100px;
}
.register-section .register-card .social-register {
  position: relative;
}
.register-section .register-card .social-register:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e0e0e0;
  z-index: 1;
}
.register-section .register-card .social-register p {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 1rem;
  background-color: #fff;
}
.register-section .register-card .social-register .btn-light {
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
.register-section .register-card .social-register .btn-light.facebook:hover {
  color: #3b5998;
  background-color: #f7f7f7;
}
.register-section .register-card .social-register .btn-light.google:hover {
  color: #db4439;
  background-color: #f7f7f7;
}
.register-section .register-card .social-register .btn-light.twitter:hover {
  color: #1da1f2;
  background-color: #f7f7f7;
}
@media screen and (max-width: 1199px) {
  .hero-area .hero-area-slider .single-slider-item p {
    margin: 20px 0 30px 0;
  }
  .hero-area .hero-area-slider .single-slider-item .h1,
  .hero-area .hero-area-slider .single-slider-item h1 {
    font-size: 48px;
    line-height: 54px;
  }
  .driver-carousel-wrapper .owl-nav button span {
    display: none;
  }
  .driver-carousel-wrapper .owl-nav button.owl-prev {
    left: -12px;
  }
  .driver-carousel-wrapper .owl-nav button.owl-next {
    right: -12px;
  }
  .page-content {
    padding: 90px 0 140px;
  }
  .commented-sec {
    padding: 110px 0 160px;
  }
}
@media screen and (max-width: 1024px) {
  .header__lower .navbar-dark .navbar-nav > li > .nav-link {
    padding: 10px 15px;
  }
  .header__upper--right .navigation li:not(:last-child) {
    margin-right: 12px;
  }
  .header__upper--right .button {
    margin-left: 25px;
  }
  .header__lower .navbar-dark .navbar-nav > li > .nav-link,
  .header__upper--right .button,
  .header__upper--right .navigation a {
    font-size: 13px;
  }
  .hero-bg-dark-yellow {
    padding: 110px 0 190px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  }
}
@media screen and (max-width: 991px) {
  .header__upper--left {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
  }
  .header__upper--right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .navbar .navbar-toggler {
    margin: auto;
  }
  header {
    position: static;
  }
  header.sticky {
    position: sticky;
    -webkit-animation: unset;
    animation: unset;
  }
  header.sticky .header__upper {
    display: block;
  }
  header.sticky .header__lower {
    display: none;
  }
  body.theme-1,
  body.theme-2 {
    padding-top: 0 !important;
  }
  .hero-bg-light-yellow {
    height: auto;
    margin-top: 90px;
  }
  .hero-area .hero-area-slider .single-slider-item {
    padding: 60px 0 100px;
  }
  .hero-area .hero-area-slider .single-slider-item .hero-area-right img {
    padding: 50px 0 0 !important;
    margin: auto !important;
  }
  .hero-area .hero-area-slider .owl-dots {
    top: auto !important;
    bottom: 60px !important;
  }
  .download-div .download-buttons {
    padding-bottom: 80px;
  }
  .hero-bg-dark-yellow {
    padding: 150px 0 120px;
  }
  .hero-bg-dark-yellow .hero-area-slider .owl-dots {
    bottom: 0 !important;
  }
  .breadcrumb-div {
    padding: 30px 0;
  }
  .responsive-menu .header__upper--right .button {
    margin-left: 0;
  }
  .responsive-menu .header__upper--right {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .page-sec-title > h2 {
    font-size: 42px;
    line-height: 60px;
  }
  .lt-news .blog-posts-v10 {
    margin-bottom: -50px;
  }
  .lt-news .blog-posts-v10 .post-v10 {
    margin-bottom: 50px;
  }
  .single-post-meta > .h2,
  .single-post-meta > h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .page-content {
    padding: 190px 0 140px;
  }
  .single-post-layout2 .shared-col {
    width: 100%;
    margin-bottom: 60px;
  }
  .single-post-layout2 {
    padding: 70px 0 0;
  }
  .single-post-layout2 .single-post-layout1 {
    width: 100%;
    max-width: 100%;
  }
  .single-post-layout2 .shared-col .social-count li {
    display: inline-block;
    margin-right: 30px;
  }
  .single-post-layout2 .shared-col {
    text-align: center;
  }
  .commented-sec {
    padding: 70px 0 100px;
  }
  .breadcrumb-div {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .page-sec-title > h2 {
    font-size: 34px;
    line-height: 50px;
  }
  .single-post-layout1
    .blog-posts-layout2
    .bg-post
    .bg-post-info
    .post-cont
    .share-on {
    text-align: center;
    margin-top: 30px;
  }
  .commented-sec {
    padding: 110px 0;
  }
  .post-tags {
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .header__lower {
    margin-top: 0;
  }
  .footer-nav-div .app-download-box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .footer-nav-div .row > div:not(:last-child) {
    margin-bottom: 30px;
  }
  .footer-nav-div .h4,
  .footer-nav-div h4 {
    margin-bottom: 18px;
  }
  .header__upper--right .navigation a {
    padding: 0;
  }
  .header__upper--right .navigation li:not(:last-child) {
    margin-right: 6px;
  }
  .header__upper--right .button {
    margin-left: 15px;
  }
  .header__upper--right .button i {
    width: 30px;
    height: 30px;
    margin-right: 0;
    line-height: 30px;
  }
  .testimonial-area .owl-nav button span {
    display: none;
  }
  .hero-bg-dark-yellow {
    padding: 160px 0 100px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);
  }
  .hero-bg-dark-yellow .hero-area-slider .owl-dots {
    bottom: -20px !important;
  }
  .breadcrumb-div .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div-title::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .page-sec-title > h2 {
    font-size: 26px;
    line-height: 42px;
  }
  .mile_pagination,
  .sidebar.blog-sidebar {
    margin-top: 60px;
  }
  .mile_pagination .pagination li {
    margin-right: 0;
  }
  .page-content {
    padding: 200px 0 110px;
  }
  .single-post-meta {
    margin-bottom: 60px;
  }
  .single-post-meta > .h2,
  .single-post-meta > h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .commented-sec {
    padding: 85px 0;
  }
  .post-comments-list .post-comment {
    display: block;
  }
  .post-comments-list ul {
    padding-left: 20px;
  }
  .post-comments-list .post-comment .comment-info {
    max-width: 100%;
    margin-top: 30px;
    padding-left: 0;
  }
  .single-post-layout1
    .blog-posts-layout2
    .bg-post
    .bg-post-info
    blockquote:before {
    top: -50px;
  }
  .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info blockquote {
    padding: 0 25px;
  }
  .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info blockquote p {
    font-size: 24px;
    line-height: 36px;
  }
  .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info > .h3,
  .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info > h3 {
    line-height: 34px;
  }
}
@media screen and (max-width: 390px) {
  .search-bar {
    width: 235px;
  }
}
@media screen and (max-width: 375px) {
  .header__upper--right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 355px) {
  .header__upper--left .logo {
    margin-right: 0;
  }
  .search-bar {
    width: 205px;
  }
  .search-bar .form .button {
    width: 33px;
  }
  .search-bar .form-control {
    padding-left: 36px;
  }
}
.impact-section .div-title::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*# sourceMappingURL=style.min.css.map */


/* =========================================================
   SERVICE PAGE — clean, scoped, responsive
   Scope everything under .page-service to avoid leakage
   =======================================================*/
.page-service{
  /* THEME TOKENS */
  --acc:        #F2D400;
  --acc-700:    #C9AD00;
  --txt:        #0F172A;
  --txt-60:     rgba(15,23,42,.6);
  --bg:         #FFFFFF;
  --bg-alt:     #FAFBFC;
  --border:     #EEF1F6;
  --shadow-sm:  0 6px 20px rgba(16,24,40,.06);
  --shadow-md:  0 10px 28px rgba(16,24,40,.08);
  --shadow-lg:  0 18px 48px rgba(16,24,40,.14);

  color: var(--txt);
  background: var(--bg);
}

/* Container limited only inside the page */
.page-service .container{ max-width:1160px; margin-inline:auto; padding-inline:20px; }

/* Alt section background */
.page-service .section-alt{ background:var(--bg-alt); }

/* =========================
   HERO (light by default)
   ========================= */
.page-service .svc-hero{
  padding:64px 0 24px;
  color:#0F172A;
  background:
    radial-gradient(1000px 520px at 12% 28%, rgba(242,212,0,.35), rgba(242,212,0,.10) 60%, transparent 72%),
    linear-gradient(180deg,#F8FAFC 0%, #EEF2F6 100%);
}
.page-service.is-dark .svc-hero{
  color:#fff;
  background:
    radial-gradient(1000px 480px at 10% 35%, rgba(242,212,0,.15), transparent 60%),
    linear-gradient(180deg, #1E232C 0%, #171C24 100%);
}

.page-service .svc-hero__wrap{
  display:grid; grid-template-columns:1.08fr .92fr; gap:40px; align-items:center;
}
@media (max-width: 900px){ .page-service .svc-hero__wrap{ grid-template-columns:1fr; } }

.page-service .svc-badge{
  display:inline-block; padding:.45rem .75rem; border-radius:999px;
  border:1px solid color-mix(in oklab, currentColor 25%, transparent);
  background:color-mix(in oklab, currentColor 12%, transparent);
  font-weight:700; font-size:.95rem;
}
.page-service.is-dark .svc-badge{
  border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.12); color:#fff;
}

.page-service .svc-title{ font-size:clamp(28px,4vw,44px); font-weight:900; margin:12px 0 8px; letter-spacing:-.015em; }
.page-service .svc-lead{ color:var(--txt-60); margin-bottom:14px; }
.page-service.is-dark .svc-lead{ color:rgba(255,255,255,.92); }

.page-service .svc-bullets{ display:grid; gap:.5rem; margin:16px 0 22px; }
.page-service .svc-bullet{ display:flex; align-items:center; gap:.6rem; }
.page-service .svc-bullet i{ width:8px; height:8px; border-radius:50%; background:var(--acc); display:inline-block; }

/* media */
.page-service .svc-hero__media{ position:relative; }
.page-service .svc-hero__img{
  width:100%; height:auto; border-radius:16px; box-shadow:var(--shadow-lg); display:block;
}

/* =========================
   BUTTONS
   ========================= */
.page-service .btn{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.85rem 1.1rem; border-radius:12px; font-weight:900; line-height:1;
  transition:transform .15s ease, background-color .2s ease, border-color .2s ease;
}
@media (prefers-reduced-motion: reduce){
  .page-service .btn{ transition:none; }
}
.page-service .btn:focus-visible{ outline:3px solid color-mix(in oklab, var(--acc) 65%, white); outline-offset:2px; }
.page-service .btn:hover{ transform:translateY(-1px); }

.page-service .btn-acc{ background:var(--acc); color:#111; border:2px solid var(--acc); }
.page-service .btn-acc:hover{ background:var(--acc-700); border-color:var(--acc-700); }

.page-service .btn-ghost{
  background:transparent; color:var(--txt); border:2px solid color-mix(in oklab, var(--txt) 60%, transparent);
}
.page-service.is-dark .btn-ghost{ color:#fff; border-color:rgba(255,255,255,.6); }
.page-service .btn-ghost:hover{ background:color-mix(in oklab, currentColor 6%, transparent); }

/* =========================
   TRUST / WHY-US CARDS
   ========================= */
.page-service .svc-trust{ padding:56px 0; }
.page-service .cards{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
@media (max-width: 900px){ .page-service .cards{ grid-template-columns:1fr; } }

.page-service .card{
  background:#fff; border:1px solid var(--border); border-radius:14px; padding:18px 16px;
  box-shadow:var(--shadow-sm);
}
.page-service .card .ic{
  width:40px; height:40px; border-radius:10px; display:grid; place-items:center;
  color:color-mix(in oklab, #6b5b00 80%, #000 20%);
  background:rgba(242,212,0,.14); margin-bottom:8px;
}
.page-service .card h3{ margin:6px 0 4px; font-weight:900; }

/* =========================
   PROCESS
   ========================= */
.page-service .svc-process{ padding:50px 0; }
.page-service .h2{ font-size:28px; font-weight:900; margin-bottom:18px; }

.page-service .steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media (max-width: 1000px){ .page-service .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width: 560px){ .page-service .steps{ grid-template-columns:1fr; } }

.page-service .step{
  background:#fff; border:1px solid var(--border); border-radius:14px; padding:16px;
  box-shadow:var(--shadow-sm);
}
.page-service .step span{
  width:28px; height:28px; border-radius:50%; background:var(--acc); color:#111;
  display:inline-grid; place-items:center; font-weight:900; margin-bottom:8px;
}

/* =========================
   PRICING (compact)
   ========================= */
.page-service .svc-pricing{ padding:50px 0; }
.page-service .price-card{
  background:#fff; border:1px solid var(--border); border-radius:14px; padding:14px;
  box-shadow:var(--shadow-sm);
}
.page-service .price-card table{
  width:100%; border-collapse:separate; border-spacing:0 8px;
}
.page-service .price-card td{
  padding:10px 12px; background:#FBFDFD; border:1px solid var(--border);
}
.page-service .price-card td:first-child{ border-radius:10px 0 0 10px; font-weight:800; }
.page-service .price-card td:last-child{ border-radius:0 10px 10px 0; }
.page-service .price-card .r{ text-align:right; font-weight:900; }
.page-service .pc-cta{ display:flex; justify-content:flex-end; padding:10px 2px 2px; }

/* =========================
   GALLERY
   ========================= */
.page-service .svc-gallery{ padding:50px 0; }
.page-service .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width: 900px){ .page-service .grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width: 560px){ .page-service .grid{ grid-template-columns:1fr; } }

.page-service .tile img{
  display:block; width:100%; height:auto; border-radius:12px; box-shadow:var(--shadow-sm);
}

/* =========================
   FAQ
   ========================= */
.page-service .svc-faq{ padding:50px 0; }
.page-service details{
  background:#fff; border:1px solid var(--border); border-radius:12px; padding:12px 14px;
  box-shadow:var(--shadow-sm); margin-bottom:10px;
}
.page-service summary{ cursor:pointer; font-weight:800; color:var(--txt); }
.page-service summary::-webkit-details-marker{ display:none; }
.page-service details[open]{ box-shadow:var(--shadow-md); }

/* =========================
   BOTTOM CTA
   ========================= */
.page-service .svc-bottom-cta{ padding:48px 0; }
.page-service .cta-wrap{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:linear-gradient(180deg, rgba(242,212,0,.14), transparent 70%), #fff;
  border:1px solid var(--border); border-radius:16px; padding:18px; box-shadow:0 10px 32px rgba(242,212,0,.15);
}
.page-service .cta-actions{ display:flex; gap:.6rem; flex-wrap:wrap; }

/* Small helpers */
.page-service .muted{ color:var(--txt-60); }


        /* BG + overlay */

/* Hero stack */
.hero-move{ position:relative; isolation:isolate; overflow:hidden; color:#fff; }
.hero-move > .container{ position:relative; z-index:3; }

/* 1) ФОТО (вантажівка/дорога) */
.hero-bg{
  position:absolute; inset:0; z-index:0;
  background: var(--hero-img, url('/assets/images/services/main.jpeg')) center/cover no-repeat;
  filter: saturate(.55) contrast(1.06) brightness(.86);
}

/* 2) ДУОТОН + ЖОВТЕ «світло» + віньєтка */
.hero-overlay{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(1100px 520px at 14% 42%, rgba(242,212,0,.22), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.68) 100%);
}

/* 3) ДІАГОНАЛЬНІ „motion blur“ смуги — ефект руху */
.hero-move::before{
  content:""; position:absolute; inset:-10% -5% -5% -10%; z-index:2; pointer-events:none;
  background:
    repeating-linear-gradient( 20deg,
      rgba(255,255,255,.06) 0 2px, transparent 2px 18px);
  opacity:.25; mix-blend-mode:soft-light;
}




/* Accent (узгоджено з твоїми зеленими) */
:root{
  --accent:#128C42;
  --accent-600:#0F7537;
  --ring:rgba(18,140,66,.25);
}
.btn-accent{background:var(--accent); border-color:var(--accent); color:#fff;}
.btn-accent:hover{background:var(--accent-600); border-color:var(--accent-600);}
.btn {
  padding: 14px;
}

/* Badges + trust */
.badge-hero{background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.28); color:#fff; padding:.4rem .7rem; border-radius:999px; font-weight:600;}
.trust span{background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); padding:.45rem .7rem; border-radius:999px}

/* Card glass */
.quote-card{backdrop-filter:saturate(1.1) blur(6px); border:1px solid rgba(16,24,40,.06); box-shadow:0 12px 40px rgba(16,24,40,.18);}
.quote-card .input-group-text{background:#f5f7fa; border:1px solid #eef1f6; color:var(--accent); border-radius:.8rem 0 0 .8rem}
.quote-card .form-control, .quote-card .form-select{border:1px solid #eef1f6; background:#f9fbfd; border-radius:0 .8rem .8rem 0; min-height:48px}
.quote-card .form-select{padding-top:.6rem; padding-bottom:.6rem}
.quote-card .btn{min-height:52px; border-radius:.8rem}

.svc-tabs .svc-tab{
  border:1px solid rgba(255,255,255,.35);
  color:#fff; background:transparent; padding:.45rem .8rem; border-radius:999px;
  font-weight:800; backdrop-filter:saturate(1.2) blur(2px);
}
.svc-tabs .svc-tab.is-active{
  background:#F2D400; color:#111; border-color:#F2D400;
}


/* 1) заголовок/підзаголовок на XS */
@media (max-width: 420px){
  .hero-move h1 { font-size: 1.6rem; line-height: 1.2; }
  .hero-move .lead { font-size: .98rem; line-height: 1.45; opacity:.95; }
}

/* 2) таби — горизонтальний скрол з snap */
.svc-tabs{
  display:flex; gap:.5rem; overflow-x:auto; -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory; padding-bottom:.5rem;
}
.svc-tabs::-webkit-scrollbar{ display:none; }
.svc-tab{
  flex:0 0 auto; scroll-snap-align:start;
  padding:.6rem .9rem; border-radius:999px; font-weight:800;
  border:1px solid rgba(255,255,255,.35); color:#fff; background:rgba(255,255,255,.06);
  min-height:44px;
}
.svc-tab.is-active{ background:#F2D400; color:#111; border-color:#F2D400; }

/* 3) кнопки — мінімальні розміри та відступи */
.btn{ min-height:48px; }
.btn.btn-outline-light{ border-width:2px; }

/* 4) бейджі довіри — контрастніше і компактніше */
.trust span{
  background: rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.2);
  padding:.45rem .6rem; border-radius:999px; color:#fff; font-weight:700;
}

/* 5) нижня sticky-CTA (лише мобалі) */
@media (max-width: 992px){
  .mobile-sticky-cta{
    position:fixed; left:0; right:0; bottom:0; z-index:1000; display:flex;
    border-top:1px solid rgba(0,0,0,.1);
  }
  .mobile-sticky-cta a{
    flex:1; text-align:center; padding:.9rem 0; font-weight:900;
  }
  .mobile-sticky-cta a:first-child{ background:#128C42; color:#fff; }
  .mobile-sticky-cta a:last-child { background:#F2D400; color:#111; }
}
/* щоб контент не ховався за шторку */
@media (max-width: 992px){ body { padding-bottom: 64px; } }


/* Typo */
.fw-800{font-weight:800}

:root {
  --accent: #F2D400;   /* nový žlutý */
  --accent-dark: #d7bb00;
  --ink: #101828;
  --muted: #667085;
  --bg-soft: #F7F8F6;
  --card-shadow: 0 8px 32px rgba(0,0,0,.06);
}

.how-move-final { background: var(--bg-soft); }

.text-accent { color: var(--accent); }
.overline {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
  font-size: .8rem;
  color: var(--accent-dark);
}
.fw-800 { font-weight: 800; }

/* Step cards */
.step-final {
  background: #fff;
  border-radius: 20px;
  padding: 38px 28px 34px;
  border: 1px solid rgba(0,0,0,.05);
  box-shadow: var(--card-shadow);
  transition: all .25s ease;
  height: 100%;
}
.step-final:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 40px rgba(0,0,0,.1);
  border-color: rgba(242,212,0,.4);
}

/* Icon */
.step-icon {
  width: 88px;
  height: 88px;
  margin: 0 auto 1.3rem;
  display: grid;
  place-items: center;
  font-size: 46px;
  color: var(--accent-dark);
  background: radial-gradient(circle at 40% 40%, rgba(242,212,0,.25), rgba(242,212,0,.08));
  border: 2px solid var(--accent);
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(242,212,0,.35);
  transition: all .3s ease;
}
.step-final:hover .step-icon {
  transform: scale(1.08);
  color: var(--ink);
  box-shadow: 0 6px 24px rgba(242,212,0,.45);
}

/* Titles */
.step-title {
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: .5rem;
  color: var(--ink);
}
.step-final p {
  color: var(--muted);
  font-size: .95rem;
  margin-bottom: 0;
  line-height: 1.55;
}

/* CTA */
.btn-accent {
  background: var(--accent);
  border-color: var(--accent);
  color: #000;
  border-radius: .75rem;
  padding: .9rem 2rem;
  transition: background .2s ease, color .2s ease;
}
.btn-accent:hover {
  background: var(--accent-dark);
  color: #000;
}


/* Services v2 */
.services-v2{ background:#fff; }
.svc-card{
  display:flex; gap:16px; align-items:flex-start;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-left:6px solid var(--bar, #F2D400);
  border-radius:18px;
  padding:20px 18px;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.svc-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(0,0,0,.10);
  border-color:color-mix(in srgb, var(--bar), #000 20%);
}

.svc-icon{
  flex:0 0 56px; width:56px; height:56px;
  display:grid; place-items:center;
  border-radius:12px;
  border:2px solid var(--bar);
  background:color-mix(in srgb, var(--bar) 12%, white);
  color:#645400;               /* темний оливковий — читабельний */
  font-size:24px;
}
.svc-body{ flex:1; text-align:left; }
.svc-title{ margin:0 0 .25rem; font-weight:800; font-size:1.1rem; color:#0F172A; }
.svc-list{ margin:0 0 .5rem; padding-left:0; list-style:none; color:#667085; }
.svc-list li{ position:relative; padding-left:18px; margin:.2rem 0; }
.svc-list li::before{
  content:""; position:absolute; left:0; top:.6rem; width:8px; height:8px; border-radius:50%;
  background:var(--bar);
}

.svc-link{
  display:inline-flex; align-items:center; font-weight:800;
  color:#111; text-decoration:none; border-bottom:2px solid var(--bar);
}
.svc-link:hover{ color:#000; border-color:color-mix(in srgb, var(--bar), #000 20%); }

/* Header underline util */
.headline-accent{ position:relative; display:inline-block; padding-bottom:.35rem; }
.headline-accent::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom:0; width:120px; height:3px; border-radius:2px;
  background:linear-gradient(90deg, transparent, #F2D400, transparent);
  opacity:.9;
}



/* ===== Trust / Why Us (light premium) ===== */
:root{
  --acc:#F2D400;            /* hlavní akcent */
  --acc-600:#D7BB00;
  --ink:#101828;
  --muted:#667085;
  --line:rgba(0,0,0,.08);
  --soft:#F7F8F7;
  --shadow:0 6px 26px rgba(0,0,0,.06);
  --shadow-hover:0 12px 36px rgba(0,0,0,.10);
}

.trust-why{ background:#fff; color:var(--ink); }
.trust-overline{
  text-transform:uppercase; letter-spacing:.12em;
  font-weight:700; font-size:.8rem; color:var(--acc-600);
}

/* Cards */
.trust-card{
  background:#fff; border:1px solid var(--line); border-radius:20px;
  padding:28px 24px 24px; box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.trust-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-hover); border-color:rgba(242,212,0,.35); }

/* Icon token */
.trust-icon{
  width:72px; height:72px; margin:0 auto 14px; display:grid; place-items:center;
  border-radius:50%; border:2px solid var(--acc);
  background:rgba(242,212,0,.08); color:#9A7F00; /* tmavší žlutohnědá pro kontrast */
  font-size:34px; transition:all .25s ease;
}
.trust-card:hover .trust-icon{ background:var(--acc); color:#111; border-color:var(--acc-600); }

/* Text */
.trust-title{ font-weight:800; font-size:1.1rem; margin-bottom:.5rem; }
.trust-list{ list-style:none; padding:0; margin:0; color:var(--muted); font-size:.95rem; }
.trust-list li{ padding-left:22px; position:relative; margin:.35rem 0; }
.trust-list li::before{
  content:""; position:absolute; left:0; top:.55rem; width:10px; height:10px; border-radius:50%;
  background:var(--acc);
}

/* Stats strip */
.trust-stats{ margin-top: 20px; background:var(--soft); border:1px solid var(--line); border-radius:16px; padding:18px 16px; }
.stat-num{ display:block; font-weight:800; font-size:1.4rem; }
.stat-unit{ font-size:.9rem; font-weight:700; margin-left:2px; }
.stat-label{ display:block; color:var(--muted); font-size:.9rem; }

/* CTA button (žlutý akcent) */
.btn-accent{ background:var(--acc); border-color:var(--acc); color:#111; border-radius:.75rem; padding:.9rem 1.6rem; }
.btn-accent:hover{ background:var(--acc-600); border-color:var(--acc-600); color:#111; }

/* ===== Contrast pass ===== */
:root{
  --ink:#0F172A;          /* темніший текст */
  --ink-2:#111827;
  --muted:#475569;        /* темніший сіро-синій для допоміжного тексту */
  --soft:#F5F7F6;         /* сірий фон секцій */
  --line:rgba(0,0,0,.10); /* контрастніша межа */
  --shadow:0 8px 30px rgba(2,6,23,.06);
  --shadow-strong:0 16px 42px rgba(2,6,23,.10);
  --acc:#F2D400;          /* ваш жовтий */
  --acc-600:#D7BB00;
  --green:#128C42;        /* CTA-зелений */
}

/* Загальна типографіка — трохи темніша */
body{ color:var(--ink); }
.lead, .text-muted{ color:var(--muted)!important; }
h1,h2,h3{ color:var(--ink-2); letter-spacing:-.01em; }

/* Секційні смуги/«зебра» */
.section-alt{ background:var(--soft); position:relative; }
.section-alt > .container{ position:relative; z-index:1; }
.section-alt::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg, rgba(0,0,0,0), var(--acc), rgba(0,0,0,0));
  opacity:.6;
}

/* Карти (послуги/процес/довіра) — чіткіша межа + тінь */
.service-card, .step-final, .trust-card{
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.service-card:hover, .step-final:hover, .trust-card:hover{
  box-shadow:var(--shadow-strong);
  transform:translateY(-4px);
  border-color:rgba(0,0,0,.16);
}

/* Ікон-токени — більше контрасту і менше «світіння» */
.service-icon, .step-icon, .trust-icon{
  border:2px solid var(--acc);        /* або варіант секції */
  background:rgba(242,212,0,.10);
  color:#6B6000;                      /* темніше жовто-коричневе для читабельності */
}
.service-card:hover .service-icon,
.step-final:hover .step-icon,
.trust-card:hover .trust-icon{
  background:var(--acc);
  color:#111;
  border-color:var(--acc-600);
}

/* CTA — видиміша кнопка */
.btn-accent{
  background:var(--acc); border-color:var(--acc); color:#111;
  box-shadow:0 8px 24px rgba(242,212,0,.25);
}
.btn-accent:hover{ background:var(--acc-600); }

/* Hero: зробити фон темнішим, форму — чіткішою */



.booking-form-wrapper .form-control,
.booking-form-wrapper .form-select{
  border:1px solid rgba(15,23,42,.15) !important; background:#FBFCFE !important; color:var(--ink);
}

/* Footer — темніший, щоб збалансувати світлу сторінку */
.site-footer{ background:#0F1218; color:#CAD1DB; }
.site-footer a{ color:#E8ECF2; }
.site-footer .footer-heading{ color:#fff; }



/* ===== Gallery / Reference ===== */
:root{
  --acc:#F2D400;
  --acc-600:#D7BB00;
  --ink:#101828;
  --muted:#667085;
  --line:rgba(0,0,0,.08);
}

.gallery-ref .overline{
  text-transform:uppercase; letter-spacing:.12em; font-weight:700; font-size:.8rem; color:var(--acc-600);
}

/* filter chips */
.gal-chip{
  border:1px solid var(--line);
  background:#fff; color:#111; padding:.5rem .9rem; border-radius:999px; font-weight:700;
}
.gal-chip.is-active{ border-color:var(--acc); box-shadow:0 2px 0 var(--acc); }

/* cards */
.gal-card{ position:relative; display:block; background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:0 6px 24px rgba(0,0,0,.06); }
.gal-img{ width:100%; height:230px; object-fit:cover; display:block; }
.gal-overlay{
  position:absolute; inset:auto 0 0 0; height:48px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.55));
  color:#fff; font-weight:700; opacity:0; transition:opacity .2s ease;
}
.gal-card:hover .gal-overlay{ opacity:1; }
.gal-tag{
  position:absolute; top:12px; left:12px; background:rgba(255,255,255,.9); color:#111; font-weight:700;
  padding:.35rem .6rem; border-radius:999px; border:1px solid var(--line);
}

/* before/after */
.ba-wrap{ position:relative; aspect-ratio: 16/9; background:#fff; border:1px solid var(--line); }
.ba-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ba-after{ clip-path: inset(0 0 0 50%); transition:clip-path .05s linear; }
.ba-range{ position:absolute; inset:auto 0 0 0; width:100%; appearance:none; height:4px; background:rgba(0,0,0,.15); }
.ba-range::-webkit-slider-thumb{ -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:var(--acc); border:2px solid #111; }
.ba-label{ position:absolute; top:14px; font-weight:800; color:#fff; background:rgba(0,0,0,.35); padding:.25rem .5rem; border-radius:8px; }
.ba-l{ left:14px; } .ba-r{ right:14px; }

/* section-alt separator (already used on page) */
.section-alt{ background:#F7F8F7; position:relative; }
.section-alt::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg, rgba(0,0,0,0), var(--acc), rgba(0,0,0,0)); opacity:.65; }

/* Reviews */
.reviews .rating-chip{
  border:1px solid rgba(0,0,0,.08);
  background:#fff; border-radius:999px; padding:.5rem .9rem;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}
.reviews .stars{ letter-spacing:.15em; color:#F2D400; }

.rev-card{
  background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:18px;
  padding:22px; box-shadow:0 6px 24px rgba(0,0,0,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.rev-card:hover{ transform:translateY(-3px); box-shadow:0 12px 36px rgba(0,0,0,.1); border-color:rgba(0,0,0,.16); }
.rev-avatar{ width:44px; height:44px; border-radius:50%; object-fit:cover; border:2px solid #F2D400; }

/* Pricing */
/* ===== Rich Pricing ===== */
:root{
  --acc:#F2D400;
  --acc-600:#D7BB00;
  --ink:#101828;
  --muted:#667085;
  --line:rgba(0,0,0,.10);
}

.section-alt{ background:#F7F8F7; position:relative; }
.section-alt::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg, transparent, var(--acc), transparent); opacity:.65;
}

.price-card{
  background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:22px;
  box-shadow:0 10px 34px rgba(0,0,0,.08);
  padding:24px 22px;
}

/* ribbon */
.price-ribbon{
  display:flex; align-items:center; justify-content:center; gap:.6rem;
  background:linear-gradient(90deg, #FFF6A6, #F2D400);
  color:#111; font-weight:900; border-radius:14px;
  border:1px solid var(--acc-600);
  padding:.6rem .9rem;
}
.price-ribbon .pill{
  background:#111; color:#fff; padding:.15rem .55rem; border-radius:999px; font-weight:900;
}

/* table */
.price-table{ width:100%; border-collapse:separate; border-spacing:0 8px; }
.price-table thead th{
  border-bottom:2px solid rgba(0,0,0,.08); color:#0F172A; font-weight:800;
}
.price-table tbody tr{
  background:#fff; border:1px solid rgba(0,0,0,.06);
  box-shadow:0 6px 18px rgba(0,0,0,.05); border-radius:14px;
}
.price-table tbody tr > *{ padding:14px 16px; }
.price-table tbody tr td:first-child{ border-left:3px solid var(--acc); border-radius:14px 0 0 14px; }
.price-table tbody tr td:last-child{ border-radius:0 14px 14px 0; }

.price{ font-weight:900; color:#0F172A; }
.muted{ color:var(--muted); font-weight:600; }
.badge-free{
  display:inline-block; font-weight:900; color:#128C42;
  background:rgba(18,140,66,.12); border:1px solid rgba(18,140,66,.35);
  padding:.25rem .5rem; border-radius:999px;
}
.surcharge{
  font-weight:900; color:#7a6a00; background:rgba(242,212,0,.15);
  padding:.15rem .35rem; border-radius:.4rem; border:1px solid rgba(242,212,0,.45);
}

/* ==== PRICING CONTRAST BOOSTER ==== */
:root{
  --ink-strong:#0B1220;
  --muted-strong:#4B5563;
  --line-strong:rgba(0,0,0,.14);
}

/* секція трохи темніша */
.section-alt{ background:#F2F3F5; }

/* karta */
.price-card{
  border-color: var(--line-strong);
  box-shadow: 0 18px 48px rgba(0,0,0,.12);
}

/* стрічка зверху ще виразніша */
.price-ribbon{
  background: linear-gradient(90deg,#FFE769 0%, #F2D400 55%, #D7BB00 100%);
  border-color:#BDA200;
}
.price-ribbon .pill{
  background:#111; color:#fff;
}

/* таблиця */
.price-table thead th{
  color: var(--ink-strong);
  border-bottom: 2px solid rgba(0,0,0,.18);
  text-transform:none;
}
.price-table tbody tr{
  border:1px solid var(--line-strong);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}
.price-table tbody tr:nth-child(even){ background:#FAFBFC; }      /* зебра */
.price-table tbody tr:hover{ transform: translateY(-1px); box-shadow:0 14px 34px rgba(0,0,0,.12); }

.price-table tbody td{ color: var(--ink-strong); }
.price-table tbody td .muted{ color: var(--muted-strong); }

/* лівий акцент — товстіший */
.price-table tbody tr td:first-child{
  border-left: 4px solid var(--acc);
}

/* ціни і бейджі */
.price{ font-weight:900; color:#0A0F1A; font-size:1.06rem; }
.badge-free{
  background: rgba(18,140,66,.18);
  border-color:#128C42; color:#0F6B34;
}
.surcharge{
  background:#F8E27A;
  border-color:#C7A900;
  color:#5A4A00;
}

/* примітки — темніше та іконки помітніші */
.price-notes{ color: var(--muted-strong); }
.price-notes i{ color:#7A6A00; }

/* CTA помітніша */
.btn-accent{
  box-shadow: 0 10px 28px rgba(242,212,0,.35);
  padding: 1rem 1.4rem;
}
.btn-accent:hover{ filter: brightness(0.98); }


/* notes */
.price-notes{
  display:grid; gap:.35rem; color:var(--muted); font-weight:600;
}
.price-notes i{ color:#7a6a00; }

/* CTA */
.btn-accent{
  background:var(--acc); border-color:var(--acc); color:#111; border-radius:.9rem; padding:.9rem 1.3rem;
}
.btn-accent:hover{ background:var(--acc-600); border-color:var(--acc-600); }
.overline{ text-transform:uppercase; letter-spacing:.12em; font-weight:700; font-size:.8rem; }
.text-accent{ color:var(--acc-600); }

/* Shared */
.overline{ text-transform:uppercase; letter-spacing:.12em; font-weight:700; font-size:.8rem; }
.text-accent{ color:#D7BB00; } /* #F2D400 darker tone for overline */
.btn-accent{ background:#F2D400; border-color:#F2D400; color:#111; border-radius:.8rem; padding:.9rem 1.4rem; }
.btn-accent:hover{ background:#D7BB00; border-color:#D7BB00; }
.section-alt{ background:#F7F8F7; position:relative; }
.section-alt::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg, transparent, #F2D400, transparent); opacity:.65; }

  /* === Yellow accents toolkit === */
:root{
  --acc:#F2D400;
  --acc-600:#D7BB00;
}

/* Тонка жовта лінія зверху + легке «свічення» всередину */
.section-accent {
  position: relative;
  background:#fff;
}
.section-accent::before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg, transparent, var(--acc), transparent);
  opacity:.8;
}
.section-accent::after{
  /* делікатний софт-глоу як у CTA */
  content:"";
  position:absolute; left:0; right:0; top:0; height:120px;
  pointer-events:none;
  background:radial-gradient(100% 60px at 50% 0, rgba(242,212,0,.22), rgba(242,212,0,0));
}

/* Світло-жовтий “band” під секцією (акцент під дном секції) */
.section-accent-bottom{
  position:relative;
  background:#fff;
}
.section-accent-bottom::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-1px; height:110px;
  background:radial-gradient(90% 80px at 50% 100%, rgba(242,212,0,.20), rgba(242,212,0,0));
}

/* Сіра зебра + акцентна лінія (для чіткого відділення блоків) */
.section-alt {
  background:#F7F8F7; position:relative;
}
.section-alt::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg, transparent, var(--acc), transparent);
  opacity:.7;
}

/* Для заголовків — тонка підкреслююча риска під H2 */
.headline-accent{
  display:inline-block; position:relative; padding-bottom:.35rem;
}
.headline-accent::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom:0; width:120px; height:3px; border-radius:2px;
  background:linear-gradient(90deg, transparent, var(--acc), transparent);
  opacity:.9;
}



  /* ===== RICH CTA ===== */
:root{
  --acc:#F2D400;
  --acc-600:#D7BB00;
  --ink:#0F172A;
  --muted:#475569;
  --green:#128C42;
  --green-600:#0F7537;
}

.cta-band.cta-rich{
  position:relative; overflow:hidden;
  background: linear-gradient(135deg, #FFF8C8 0%, #FFF3A0 35%, #FFE76A 65%, #F2D400 100%);
}

/* background image + overlay (optional) */
.cta-rich .cta-bg{ position:absolute; inset:0; z-index:0; }
.cta-rich .cta-bg-img{
  position:absolute; inset:0; background-size:cover; background-position:center;
  filter:saturate(1.05) contrast(1.05) brightness(.95);
  opacity:.16;               /* ніжно, щоб не заважало тексту */
}
.cta-rich .cta-bg-overlay{
  position:absolute; inset:0;
  background: radial-gradient(1200px 600px at 10% 20%, rgba(255,255,255,.85), rgba(255,255,255,.55)),
              linear-gradient(180deg, rgba(255,255,255,.65), rgba(242,212,0,.15));
}

/* glass card */
.cta-rich .cta-wrap{
  position:relative; z-index:1;
  display:grid; grid-template-columns: 1.4fr 1fr; gap:28px;
  border-radius:24px; padding:36px 32px;
  border:1px solid rgba(16,24,40,.10);
  backdrop-filter:saturate(1.05) blur(6px);
  background:rgba(255,255,255,.82);
  box-shadow: 0 16px 50px rgba(0,0,0,.12);
}
@media (max-width: 992px){
  .cta-rich .cta-wrap{ grid-template-columns:1fr; padding:26px 22px; }
}

/* text */
.cta-rich .overline{
  text-transform:uppercase; letter-spacing:.14em; font-weight:800; font-size:.8rem; color:#6B6000;
}
.cta-rich .cta-title{ color:var(--ink); letter-spacing:-.01em; }
.cta-rich .cta-sub{ color:var(--muted); }
.cta-rich .cta-guarantee{
  margin-top:.25rem; font-weight:800; color:#1f2937;
  display:flex; align-items:center;
}
.cta-rich .cta-guarantee i{ color:#7a6a00; }

/* actions */
.cta-rich .cta-actions{ display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
.cta-rich .btn{ border-radius:14px; padding:1rem 1.25rem; font-weight:900; }
.cta-rich .btn-call{
  background:var(--green); border:1px solid var(--green); color:#fff;
  box-shadow:0 10px 26px rgba(18,140,66,.25);
}
.cta-rich .btn-call:hover{ background:var(--green-600); border-color:var(--green-600); }
.cta-rich .btn-accent{
  background:#111; border:1px solid #111; color:#fff;
  position:relative;
}
.cta-rich .btn-accent::after{
  content:""; position:absolute; inset:-2px; border-radius:16px; z-index:-1;
  background: linear-gradient(90deg, #FBEF8A, #F2D400, #D7BB00);
  filter:blur(8px); opacity:.65;
}
.cta-rich .btn-accent:hover{ filter:brightness(1.05); }

/* trust chips */
.cta-rich .cta-trust{
  display:flex; flex-wrap:wrap; gap:10px; margin-top:4px;
}
.cta-rich .cta-trust span{
  background:rgba(255,255,255,.75); border:1px solid rgba(0,0,0,.08);
  border-radius:999px; padding:.4rem .7rem; font-weight:800; color:#1f2937;
}

/* utility */
.shadow-xl{ box-shadow: 0 24px 70px rgba(0,0,0,.18) !important; }


/* =========================================================
   ODVOZ NÁBYTKU — SCOPED STYLES (LIGHT HERO)
   Все під .page-odvoz-nabytku
   ======================================================= */

/* Токени (акцентний колір прийде з PHP) */
.page-odvoz-nabytku{
  --acc: var(--_acc, #F2D400);       /* fallback, якщо PHP не підставить */
  --acc-700: var(--_acc7, #C9AD00);  /* fallback */
  color:#0F172A;
  background:#FFFFFF;
}

/* Контейнер */
.page-odvoz-nabytku .container{
  max-width:1160px; margin:0 auto; padding:0 20px;
}

/* -----------------------------------
   КНОПКИ
----------------------------------- */
.page-odvoz-nabytku .btn{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.9rem 1.1rem; border-radius:12px; font-weight:900; line-height:1;
  transition:transform .15s ease, background-color .2s ease, border-color .2s ease;
}
.page-odvoz-nabytku .btn:focus-visible{
  outline:3px solid color-mix(in oklab, var(--acc) 65%, white);
  outline-offset:2px;
}
.page-odvoz-nabytku .btn:hover{ transform:translateY(-1px); }
@media (prefers-reduced-motion: reduce){
  .page-odvoz-nabytku .btn{ transition:none; }
  .page-odvoz-nabytku .btn:hover{ transform:none; }
}

.page-odvoz-nabytku .btn-acc{
  background:var(--acc); border:2px solid var(--acc); color:#111;
}
.page-odvoz-nabytku .btn-acc:hover{
  background:var(--acc-700); border-color:var(--acc-700);
}

.page-odvoz-nabytku .btn-ghost{
  border:2px solid rgba(15,23,42,.55); color:#0F172A; background:transparent;
}
.page-odvoz-nabytku .btn-ghost:hover{
  background:rgba(15,23,42,.06);
}

.page-odvoz-nabytku .btn-sm{ padding:.55rem .9rem; border-radius:10px; }

/* -----------------------------------
   HERO (LIGHT)
----------------------------------- */
.page-odvoz-nabytku .svc-hero{
  padding:34px 0 10px; position:relative; color:#0F172A;
  background:
    /* теплий акцентний “glow” зліва */
    radial-gradient(1100px 520px at 12% 26%, rgba(242,212,0,.35), rgba(242,212,0,.10) 60%, transparent 72%),
    /* м’які світлові переливи праворуч/зверху */
    conic-gradient(from 240deg at 75% 15%, rgba(255,255,255,.25), transparent 35%),
    /* базовий світлий бекграунд */
    linear-gradient(180deg,#F8FAFC 0%, #EEF2F6 100%);
}

/* Крихти/заголовок/лід */
.page-odvoz-nabytku .crumbs{ font-size:.9rem; opacity:.9; margin-bottom:14px; }
.page-odvoz-nabytku .crumbs a{
  color:#0F172A; text-decoration:none; border-bottom:1px solid transparent;
}
.page-odvoz-nabytku .crumbs a:hover{ border-color:rgba(15,23,42,.35); }

.page-odvoz-nabytku .hero-wrap{
  display:grid; grid-template-columns:1.15fr .85fr; gap:36px; align-items:center;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width:992px){ .page-odvoz-nabytku .hero-wrap{ grid-template-columns:1fr; } }

.page-odvoz-nabytku .hero-title{
  font-size:clamp(28px,4vw,44px); font-weight:900; margin:8px 0; color:#0F172A;
}
.page-odvoz-nabytku .hero-lead{ color:rgba(15,23,42,.72); }

.page-odvoz-nabytku .hero-bullets{
  list-style:none; margin:18px 0 22px; padding:0; display:grid; gap:.5rem;
}
.page-odvoz-nabytku .hero-bullets li{
  display:flex; gap:.6rem; align-items:center;
}
.page-odvoz-nabytku .hero-bullets i{
  width:8px; height:8px; border-radius:50%; background:var(--acc);
}

.page-odvoz-nabytku .hero-cta{ display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:12px; }

.page-odvoz-nabytku .kpi{ display:flex; gap:16px; flex-wrap:wrap; color:rgba(15,23,42,.8); }
.page-odvoz-nabytku .kpi b{ font-weight:900; color:#0F172A; }

/* Media */
.page-odvoz-nabytku .hero-media img{
  width:100%; height:auto; border-radius:16px; box-shadow:0 18px 48px rgba(0,0,0,.25);
  display:block; filter:none !important;
}

/* -----------------------------------
   Sticky sub-nav (light)
----------------------------------- */
.page-odvoz-nabytku .subnav{
  position:sticky; top:0; z-index:20; margin-top:24px;
  background:#fff; border-top:1px solid #EEF1F6; box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-odvoz-nabytku .subnav .container{
  display:flex; gap:18px; align-items:center; overflow:auto; padding:10px 20px;
}
.page-odvoz-nabytku .subnav a{
  color:#0F172A; text-decoration:none; padding:.45rem .2rem; font-weight:800; opacity:.92; white-space:nowrap;
}
.page-odvoz-nabytku .subnav a:hover{ opacity:1; }

/* -----------------------------------
   Секції
----------------------------------- */
.page-odvoz-nabytku .section{ padding:44px 0; }
.page-odvoz-nabytku .section-alt{ background:#FAFBFC; }
.page-odvoz-nabytku h2{ font-size:28px; font-weight:900; margin-bottom:14px; }

/* -----------------------------------
   Why (cards)
----------------------------------- */
.page-odvoz-nabytku .cards-3{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
@media (max-width:900px){ .page-odvoz-nabytku .cards-3{ grid-template-columns:1fr; } }

.page-odvoz-nabytku .card{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:18px 16px;
  box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-odvoz-nabytku .card .ic{
  width:40px; height:40px; border-radius:10px; background:rgba(242,212,0,.14);
  display:grid; place-items:center; color:#6b5b00; margin-bottom:8px;
}

/* -----------------------------------
   Flow / процес
----------------------------------- */
.page-odvoz-nabytku .steps{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
@media (max-width:1000px){ .page-odvoz-nabytku .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-odvoz-nabytku .steps{ grid-template-columns:1fr; } }

.page-odvoz-nabytku .step{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:16px;
  box-shadow:0 6px 20px rgba(16,24,40,.05);
}
.page-odvoz-nabytku .step span{
  width:28px; height:28px; border-radius:50%; background:var(--acc); color:#111;
  display:inline-grid; place-items:center; font-weight:900; margin-bottom:8px;
}

/* -----------------------------------
   Pricing
----------------------------------- */
.page-odvoz-nabytku .pcard{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px;
  box-shadow:0 10px 28px rgba(16,24,40,.06); overflow:hidden;
}
.page-odvoz-nabytku .ptable{ width:100%; border-collapse:separate; border-spacing:0; }
.page-odvoz-nabytku .ptable thead th{
  background:#FBFDFD; border-bottom:1px solid #EEF1F6; padding:12px 14px; text-align:left; font-weight:800;
}
.page-odvoz-nabytku .ptable td{ padding:12px 14px; border-top:1px solid #F0F3F7; }
.page-odvoz-nabytku .ptable .r{ text-align:right; font-weight:900; }
.page-odvoz-nabytku .pt-cta{
  display:flex; justify-content:space-between; align-items:center; padding:12px 14px; border-top:1px solid #EEF1F6;
}
.page-odvoz-nabytku .pt-note{ font-size:.9rem; color:#64748B; }

/* -----------------------------------
   ГАЛЕРЕЯ
----------------------------------- */
.page-odvoz-nabytku .grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px;
}
@media (max-width:900px){ .page-odvoz-nabytku .grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-odvoz-nabytku .grid{ grid-template-columns:1fr; } }

.page-odvoz-nabytku figure{ margin:0; }
.page-odvoz-nabytku figure img{
  display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 6px 20px rgba(16,24,40,.06);
}
.page-odvoz-nabytku figcaption{ font-size:.95rem; color:#475569; margin-top:6px; }

/* -----------------------------------
   FAQ
----------------------------------- */
.page-odvoz-nabytku details{
  background:#fff; border:1px solid #EEF1F6; border-radius:12px; padding:12px 14px;
  box-shadow:0 6px 20px rgba(16,24,40,.05); margin-bottom:10px;
}
.page-odvoz-nabytku summary{ cursor:pointer; font-weight:800; color:#0F172A; }
.page-odvoz-nabytku summary::-webkit-details-marker{ display:none; }
.page-odvoz-nabytku details[open]{ box-shadow:0 10px 28px rgba(16,24,40,.08); }

/* -----------------------------------
   CTA внизу
----------------------------------- */
.page-odvoz-nabytku .cta-box{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  background:linear-gradient(180deg, rgba(242,212,0,.14), transparent 70%), #fff;
  border:1px solid #EEF1F6; border-radius:16px; padding:18px;
  box-shadow:0 10px 32px rgba(242,212,0,.14);
}
.page-odvoz-nabytku .cta-actions{ display:flex; gap:.6rem; flex-wrap:wrap; }


/* =========================================================
   STĚHOVÁNÍ BYTŮ A DOMŮ — SCOPED STYLES (LIGHT HERO)
   Vše pod .page-stehovani-bytu
   ======================================================= */

.page-stehovani-bytu{
  --acc: var(--_acc, #03C03C);
  --acc-700: var(--_acc7, #039A31);
  color:#0F172A;
  background:#FFFFFF;
}

.page-stehovani-bytu .container{ max-width:1160px; margin:0 auto; padding:0 20px; }

/* Buttons */
.page-stehovani-bytu .btn{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.9rem 1.1rem; border-radius:12px; font-weight:900; line-height:1;
  transition:transform .15s ease, background-color .2s ease, border-color .2s ease;
}
.page-stehovani-bytu .btn:focus-visible{
  outline:3px solid color-mix(in oklab, var(--acc) 65%, white);
  outline-offset:2px;
}
.page-stehovani-bytu .btn:hover{ transform:translateY(-1px); }
@media (prefers-reduced-motion: reduce){
  .page-stehovani-bytu .btn{ transition:none; }
  .page-stehovani-bytu .btn:hover{ transform:none; }
}
.page-stehovani-bytu .btn-acc{ background:var(--acc); border:2px solid var(--acc); color:#111; }
.page-stehovani-bytu .btn-acc:hover{ background:var(--acc-700); border-color:var(--acc-700); }
.page-stehovani-bytu .btn-ghost{ border:2px solid rgba(15,23,42,.55); color:#0F172A; background:transparent; }
.page-stehovani-bytu .btn-ghost:hover{ background:rgba(15,23,42,.06); }
.page-stehovani-bytu .btn-sm{ padding:.55rem .9rem; border-radius:10px; }

/* HERO */
.page-stehovani-bytu .svc-hero{
  padding:34px 0 10px; position:relative; color:#0F172A;
  background:
    radial-gradient(1100px 520px at 12% 26%, color-mix(in oklab, var(--acc) 32%, transparent), transparent 72%),
    conic-gradient(from 240deg at 75% 15%, rgba(255,255,255,.25), transparent 35%),
    linear-gradient(180deg,#F8FAFC 0%, #EEF2F6 100%);
}

.page-stehovani-bytu .crumbs{ font-size:.9rem; opacity:.9; margin-bottom:14px; }
.page-stehovani-bytu .crumbs a{ color:#0F172A; text-decoration:none; border-bottom:1px solid transparent; }
.page-stehovani-bytu .crumbs a:hover{ border-color:rgba(15,23,42,.35); }

.page-stehovani-bytu .hero-wrap{
  display:grid; grid-template-columns:1.15fr .85fr; gap:36px; align-items:center;
  padding:60px 0;
}
@media (max-width:992px){ .page-stehovani-bytu .hero-wrap{ grid-template-columns:1fr; } }

.page-stehovani-bytu .hero-title{ font-size:clamp(28px,4vw,44px); font-weight:900; margin:8px 0; color:#0F172A; }
.page-stehovani-bytu .hero-lead{ color:rgba(15,23,42,.72); }

.page-stehovani-bytu .hero-bullets{ list-style:none; margin:18px 0 22px; padding:0; display:grid; gap:.5rem; }
.page-stehovani-bytu .hero-bullets li{ display:flex; gap:.6rem; align-items:center; }
.page-stehovani-bytu .hero-bullets i{ width:8px; height:8px; border-radius:50%; background:var(--acc); }

.page-stehovani-bytu .hero-cta{ display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:12px; }

.page-stehovani-bytu .kpi{ display:flex; gap:16px; flex-wrap:wrap; color:rgba(15,23,42,.8); }
.page-stehovani-bytu .kpi b{ font-weight:900; color:#0F172A; }

/* Media */
.page-stehovani-bytu .hero-media img{
  width:100%; height:auto; border-radius:16px; box-shadow:0 18px 48px rgba(0,0,0,.25);
  display:block; filter:none !important;
}

/* Sticky sub-nav */
.page-stehovani-bytu .subnav{
  position:sticky; top:0; z-index:20; margin-top:24px;
  background:#fff; border-top:1px solid #EEF1F6; box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-stehovani-bytu .subnav .container{ display:flex; gap:18px; align-items:center; overflow:auto; padding:10px 20px; }
.page-stehovani-bytu .subnav a{
  color:#0F172A; text-decoration:none; padding:.45rem .2rem; font-weight:800; opacity:.92; white-space:nowrap;
}
.page-stehovani-bytu .subnav a:hover{ opacity:1; }

/* Sections */
.page-stehovani-bytu .section{ padding:44px 0; }
.page-stehovani-bytu .section-alt{ background:#FAFBFC; }
.page-stehovani-bytu h2{ font-size:28px; font-weight:900; margin-bottom:14px; }

/* Cards 3 */
.page-stehovani-bytu .cards-3{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
@media (max-width:900px){ .page-stehovani-bytu .cards-3{ grid-template-columns:1fr; } }

.page-stehovani-bytu .card{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:18px 16px;
  box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-stehovani-bytu .card .ic{
  width:40px; height:40px; border-radius:10px; background:color-mix(in oklab, var(--acc) 18%, white);
  display:grid; place-items:center; color:#0E4B1F; margin-bottom:8px;
}

/* Steps */
.page-stehovani-bytu .steps{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
@media (max-width:1000px){ .page-stehovani-bytu .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-stehovani-bytu .steps{ grid-template-columns:1fr; } }

.page-stehovani-bytu .step{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:16px;
  box-shadow:0 6px 20px rgba(16,24,40,.05);
}
.page-stehovani-bytu .step span{
  width:28px; height:28px; border-radius:50%; background:var(--acc); color:#111;
  display:inline-grid; place-items:center; font-weight:900; margin-bottom:8px;
}

/* Pricing */
.page-stehovani-bytu .pcard{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px;
  box-shadow:0 10px 28px rgba(16,24,40,.06); overflow:hidden;
}
.page-stehovani-bytu .ptable{ width:100%; border-collapse:separate; border-spacing:0; }
.page-stehovani-bytu .ptable thead th{
  background:#FBFDFD; border-bottom:1px solid #EEF1F6; padding:12px 14px; text-align:left; font-weight:800;
}
.page-stehovani-bytu .ptable td{ padding:12px 14px; border-top:1px solid #F0F3F7; }
.page-stehovani-bytu .ptable .r{ text-align:right; font-weight:900; }
.page-stehovani-bytu .pt-cta{
  display:flex; justify-content:space-between; align-items:center; padding:12px 14px; border-top:1px solid #EEF1F6;
}
.page-stehovani-bytu .pt-note{ font-size:.9rem; color:#64748B; }

/* Gallery */
.page-stehovani-bytu .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:900px){ .page-stehovani-bytu .grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-stehovani-bytu .grid{ grid-template-columns:1fr; } }
.page-stehovani-bytu figure{ margin:0; }
.page-stehovani-bytu figure img{ display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 6px 20px rgba(16,24,40,.06); }
.page-stehovani-bytu figcaption{ font-size:.95rem; color:#475569; margin-top:6px; }

/* FAQ */
.page-stehovani-bytu details{
  background:#fff; border:1px solid #EEF1F6; border-radius:12px; padding:12px 14px;
  box-shadow:0 6px 20px rgba(16,24,40,.05); margin-bottom:10px;
}
.page-stehovani-bytu summary{ cursor:pointer; font-weight:800; color:#0F172A; }
.page-stehovani-bytu summary::-webkit-details-marker{ display:none; }
.page-stehovani-bytu details[open]{ box-shadow:0 10px 28px rgba(16,24,40,.08); }

/* CTA bottom */
.page-stehovani-bytu .cta-box{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  background:linear-gradient(180deg, color-mix(in oklab, var(--acc) 14%, white), #fff 70%);
  border:1px solid #EEF1F6; border-radius:16px; padding:18px;
  box-shadow:0 10px 32px color-mix(in oklab, var(--acc) 22%, transparent);
}
.page-stehovani-bytu .cta-actions{ display:flex; gap:.6rem; flex-wrap:wrap; }


/* =========================================================
   STĚHOVÁNÍ KANCELÁŘÍ — SCOPED STYLES (LIGHT HERO)
   Vše pod .page-stehovani-kancelari
   ======================================================= */

.page-stehovani-kancelari{
  --acc: var(--_acc, #2563EB);
  --acc-700: var(--_acc7, #1E40AF);
  color:#0F172A;
  background:#FFFFFF;
}

.page-stehovani-kancelari .container{ max-width:1160px; margin:0 auto; padding:0 20px; }

/* Buttons */
.page-stehovani-kancelari .btn{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.9rem 1.1rem; border-radius:12px; font-weight:900; line-height:1;
  transition:transform .15s ease, background-color .2s ease, border-color .2s ease;
}
.page-stehovani-kancelari .btn:focus-visible{
  outline:3px solid color-mix(in oklab, var(--acc) 65%, white);
  outline-offset:2px;
}
.page-stehovani-kancelari .btn:hover{ transform:translateY(-1px); }
@media (prefers-reduced-motion: reduce){
  .page-stehovani-kancelari .btn{ transition:none; }
  .page-stehovani-kancelari .btn:hover{ transform:none; }
}
.page-stehovani-kancelari .btn-acc{ background:var(--acc); border:2px solid var(--acc); color:#fff; }
.page-stehovani-kancelari .btn-acc:hover{ background:var(--acc-700); border-color:var(--acc-700); }
.page-stehovani-kancelari .btn-ghost{ border:2px solid rgba(15,23,42,.55); color:#0F172A; background:transparent; }
.page-stehovani-kancelari .btn-ghost:hover{ background:rgba(15,23,42,.06); }
.page-stehovani-kancelari .btn-sm{ padding:.55rem .9rem; border-radius:10px; }

/* HERO */
.page-stehovani-kancelari .svc-hero{
  padding:34px 0 10px; position:relative; color:#0F172A;
  background:
    radial-gradient(1100px 520px at 12% 26%, color-mix(in oklab, var(--acc) 26%, transparent), transparent 72%),
    conic-gradient(from 240deg at 75% 15%, rgba(255,255,255,.25), transparent 35%),
    linear-gradient(180deg,#F8FAFC 0%, #EEF2F6 100%);
}

/* Crumbs */
.page-stehovani-kancelari .crumbs{ font-size:.9rem; opacity:.9; margin-bottom:14px; }
.page-stehovani-kancelari .crumbs a{ color:#0F172A; text-decoration:none; border-bottom:1px solid transparent; }
.page-stehovani-kancelari .crumbs a:hover{ border-color:rgba(15,23,42,.35); }

/* Hero layout */
.page-stehovani-kancelari .hero-wrap{
  display:grid; grid-template-columns:1.15fr .85fr; gap:36px; align-items:center;
  padding:60px 0;
}
@media (max-width:992px){ .page-stehovani-kancelari .hero-wrap{ grid-template-columns:1fr; } }

.page-stehovani-kancelari .hero-title{ font-size:clamp(28px,4vw,44px); font-weight:900; margin:8px 0; color:#0F172A; }
.page-stehovani-kancelari .hero-lead{ color:rgba(15,23,42,.72); }

.page-stehovani-kancelari .hero-bullets{ list-style:none; margin:18px 0 22px; padding:0; display:grid; gap:.5rem; }
.page-stehovani-kancelari .hero-bullets li{ display:flex; gap:.6rem; align-items:center; }
.page-stehovani-kancelari .hero-bullets i{ width:8px; height:8px; border-radius:50%; background:var(--acc); }

.page-stehovani-kancelari .hero-cta{ display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:12px; }

.page-stehovani-kancelari .kpi{ display:flex; gap:16px; flex-wrap:wrap; color:rgba(15,23,42,.8); }
.page-stehovani-kancelari .kpi b{ font-weight:900; color:#0F172A; }

/* Media */
.page-stehovani-kancelari .hero-media img{
  width:100%; height:auto; border-radius:16px; box-shadow:0 18px 48px rgba(0,0,0,.25);
  display:block; filter:none !important;
}

/* Sticky sub-nav */
.page-stehovani-kancelari .subnav{
  position:sticky; top:0; z-index:20; margin-top:24px;
  background:#fff; border-top:1px solid #EEF1F6; box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-stehovani-kancelari .subnav .container{ display:flex; gap:18px; align-items:center; overflow:auto; padding:10px 20px; }
.page-stehovani-kancelari .subnav a{
  color:#0F172A; text-decoration:none; padding:.45rem .2rem; font-weight:800; opacity:.92; white-space:nowrap;
}
.page-stehovani-kancelari .subnav a:hover{ opacity:1; }

/* Sections */
.page-stehovani-kancelari .section{ padding:44px 0; }
.page-stehovani-kancelari .section-alt{ background:#FAFBFC; }
.page-stehovani-kancelari h2{ font-size:28px; font-weight:900; margin-bottom:14px; }

/* Cards 3 */
.page-stehovani-kancelari .cards-3{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
@media (max-width:900px){ .page-stehovani-kancelari .cards-3{ grid-template-columns:1fr; } }

.page-stehovani-kancelari .card{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:18px 16px;
  box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-stehovani-kancelari .card .ic{
  width:40px; height:40px; border-radius:10px; background:color-mix(in oklab, var(--acc) 16%, white);
  display:grid; place-items:center; color:#0B2E73; margin-bottom:8px;
}

/* Steps */
.page-stehovani-kancelari .steps{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
@media (max-width:1000px){ .page-stehovani-kancelari .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-stehovani-kancelari .steps{ grid-template-columns:1fr; } }

.page-stehovani-kancelari .step{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:16px;
  box-shadow:0 6px 20px rgba(16,24,40,.05);
}
.page-stehovani-kancelari .step span{
  width:28px; height:28px; border-radius:50%; background:var(--acc); color:#fff;
  display:inline-grid; place-items:center; font-weight:900; margin-bottom:8px;
}

/* Pricing */
.page-stehovani-kancelari .pcard{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px;
  box-shadow:0 10px 28px rgba(16,24,40,.06); overflow:hidden;
}
.page-stehovani-kancelari .ptable{ width:100%; border-collapse:separate; border-spacing:0; }
.page-stehovani-kancelari .ptable thead th{
  background:#FBFDFD; border-bottom:1px solid #EEF1F6; padding:12px 14px; text-align:left; font-weight:800;
}
.page-stehovani-kancelari .ptable td{ padding:12px 14px; border-top:1px solid #F0F3F7; }
.page-stehovani-kancelari .ptable .r{ text-align:right; font-weight:900; }
.page-stehovani-kancelari .pt-cta{
  display:flex; justify-content:space-between; align-items:center; padding:12px 14px; border-top:1px solid #EEF1F6;
}
.page-stehovani-kancelari .pt-note{ font-size:.9rem; color:#64748B; }

/* Gallery */
.page-stehovani-kancelari .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:900px){ .page-stehovani-kancelari .grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-stehovani-kancelari .grid{ grid-template-columns:1fr; } }
.page-stehovani-kancelari figure{ margin:0; }
.page-stehovani-kancelari figure img{ display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 6px 20px rgba(16,24,40,.06); }
.page-stehovani-kancelari figcaption{ font-size:.95rem; color:#475569; margin-top:6px; }

/* FAQ */
.page-stehovani-kancelari details{
  background:#fff; border:1px solid #EEF1F6; border-radius:12px; padding:12px 14px;
  box-shadow:0 6px 20px rgba(16,24,40,.05); margin-bottom:10px;
}
.page-stehovani-kancelari summary{ cursor:pointer; font-weight:800; color:#0F172A; }
.page-stehovani-kancelari summary::-webkit-details-marker{ display:none; }
.page-stehovani-kancelari details[open]{ box-shadow:0 10px 28px rgba(16,24,40,.08); }

/* CTA bottom */
.page-stehovani-kancelari .cta-box{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  background:linear-gradient(180deg, color-mix(in oklab, var(--acc) 14%, white), #fff 70%);
  border:1px solid #EEF1F6; border-radius:16px; padding:18px;
  box-shadow:0 10px 32px color-mix(in oklab, var(--acc) 20%, transparent);
}
.page-stehovani-kancelari .cta-actions{ display:flex; gap:.6rem; flex-wrap:wrap; }


/* =========================================================
   ODVoz ODPADU — SCOPED STYLES (LIGHT HERO)
   Vše pod .page-odvoz-odpadu
   ======================================================= */

.page-odvoz-odpadu{
  --acc: var(--_acc, #F59E0B);
  --acc-700: var(--_acc7, #B45309);
  color:#0F172A;
  background:#FFFFFF;
}

.page-odvoz-odpadu .container{ max-width:1160px; margin:0 auto; padding:0 20px; }

/* Buttons */
.page-odvoz-odpadu .btn{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.9rem 1.1rem; border-radius:12px; font-weight:900; line-height:1;
  transition:transform .15s ease, background-color .2s ease, border-color .2s ease;
}
.page-odvoz-odpadu .btn:focus-visible{
  outline:3px solid color-mix(in oklab, var(--acc) 65%, white);
  outline-offset:2px;
}
.page-odvoz-odpadu .btn:hover{ transform:translateY(-1px); }
@media (prefers-reduced-motion: reduce){
  .page-odvoz-odpadu .btn{ transition:none; }
  .page-odvoz-odpadu .btn:hover{ transform:none; }
}
.page-odvoz-odpadu .btn-acc{ background:var(--acc); border:2px solid var(--acc); color:#111; }
.page-odvoz-odpadu .btn-acc:hover{ background:var(--acc-700); border-color:var(--acc-700); }
.page-odvoz-odpadu .btn-ghost{ border:2px solid rgba(15,23,42,.55); color:#0F172A; background:transparent; }
.page-odvoz-odpadu .btn-ghost:hover{ background:rgba(15,23,42,.06); }
.page-odvoz-odpadu .btn-sm{ padding:.55rem .9rem; border-radius:10px; }

/* HERO */
.page-odvoz-odpadu .svc-hero{
  padding:34px 0 10px; position:relative; color:#0F172A;
  background:
    radial-gradient(1100px 520px at 12% 26%, color-mix(in oklab, var(--acc) 30%, transparent), transparent 72%),
    conic-gradient(from 240deg at 75% 15%, rgba(255,255,255,.25), transparent 35%),
    linear-gradient(180deg,#F8FAFC 0%, #EEF2F6 100%);
}

/* Crumbs */
.page-odvoz-odpadu .crumbs{ font-size:.9rem; opacity:.9; margin-bottom:14px; }
.page-odvoz-odpadu .crumbs a{ color:#0F172A; text-decoration:none; border-bottom:1px solid transparent; }
.page-odvoz-odpadu .crumbs a:hover{ border-color:rgba(15,23,42,.35); }

/* Hero layout */
.page-odvoz-odpadu .hero-wrap{
  display:grid; grid-template-columns:1.15fr .85fr; gap:36px; align-items:center;
  padding:60px 0;
}
@media (max-width:992px){ .page-odvoz-odpadu .hero-wrap{ grid-template-columns:1fr; } }

.page-odvoz-odpadu .hero-title{ font-size:clamp(28px,4vw,44px); font-weight:900; margin:8px 0; color:#0F172A; }
.page-odvoz-odpadu .hero-lead{ color:rgba(15,23,42,.72); }

.page-odvoz-odpadu .hero-bullets{ list-style:none; margin:18px 0 22px; padding:0; display:grid; gap:.5rem; }
.page-odvoz-odpadu .hero-bullets li{ display:flex; gap:.6rem; align-items:center; }
.page-odvoz-odpadu .hero-bullets i{ width:8px; height:8px; border-radius:50%; background:var(--acc); }

.page-odvoz-odpadu .hero-cta{ display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:12px; }

.page-odvoz-odpadu .kpi{ display:flex; gap:16px; flex-wrap:wrap; color:rgba(15,23,42,.8); }
.page-odvoz-odpadu .kpi b{ font-weight:900; color:#0F172A; }

/* Media */
.page-odvoz-odpadu .hero-media img{
  width:100%; height:auto; border-radius:16px; box-shadow:0 18px 48px rgba(0,0,0,.25);
  display:block; filter:none !important;
}

/* Sticky sub-nav */
.page-odvoz-odpadu .subnav{
  position:sticky; top:0; z-index:20; margin-top:24px;
  background:#fff; border-top:1px solid #EEF1F6; box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-odvoz-odpadu .subnav .container{ display:flex; gap:18px; align-items:center; overflow:auto; padding:10px 20px; }
.page-odvoz-odpadu .subnav a{
  color:#0F172A; text-decoration:none; padding:.45rem .2rem; font-weight:800; opacity:.92; white-space:nowrap;
}
.page-odvoz-odpadu .subnav a:hover{ opacity:1; }

/* Sections */
.page-odvoz-odpadu .section{ padding:44px 0; }
.page-odvoz-odpadu .section-alt{ background:#FAFBFC; }
.page-odvoz-odpadu h2{ font-size:28px; font-weight:900; margin-bottom:14px; }

/* Cards 3 */
.page-odvoz-odpadu .cards-3{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
@media (max-width:900px){ .page-odvoz-odpadu .cards-3{ grid-template-columns:1fr; } }

.page-odvoz-odpadu .card{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:18px 16px;
  box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-odvoz-odpadu .card .ic{
  width:40px; height:40px; border-radius:10px; background:color-mix(in oklab, var(--acc) 18%, white);
  display:grid; place-items:center; color:#7A3E00; margin-bottom:8px;
}

/* Steps */
.page-odvoz-odpadu .steps{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
@media (max-width:1000px){ .page-odvoz-odpadu .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-odvoz-odpadu .steps{ grid-template-columns:1fr; } }

.page-odvoz-odpadu .step{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:16px;
  box-shadow:0 6px 20px rgba(16,24,40,.05);
}
.page-odvoz-odpadu .step span{
  width:28px; height:28px; border-radius:50%; background:var(--acc); color:#111;
  display:inline-grid; place-items:center; font-weight:900; margin-bottom:8px;
}

/* Pricing */
.page-odvoz-odpadu .pcard{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px;
  box-shadow:0 10px 28px rgba(16,24,40,.06); overflow:hidden;
}
.page-odvoz-odpadu .ptable{ width:100%; border-collapse:separate; border-spacing:0; }
.page-odvoz-odpadu .ptable thead th{
  background:#FBFDFD; border-bottom:1px solid #EEF1F6; padding:12px 14px; text-align:left; font-weight:800;
}
.page-odvoz-odpadu .ptable td{ padding:12px 14px; border-top:1px solid #F0F3F7; }
.page-odvoz-odpadu .ptable .r{ text-align:right; font-weight:900; }
.page-odvoz-odpadu .pt-cta{
  display:flex; justify-content:space-between; align-items:center; padding:12px 14px; border-top:1px solid #EEF1F6;
}
.page-odvoz-odpadu .pt-note{ font-size:.9rem; color:#64748B; }

/* Gallery */
.page-odvoz-odpadu .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:900px){ .page-odvoz-odpadu .grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-odvoz-odpadu .grid{ grid-template-columns:1fr; } }
.page-odvoz-odpadu figure{ margin:0; }
.page-odvoz-odpadu figure img{ display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 6px 20px rgba(16,24,40,.06); }
.page-odvoz-odpadu figcaption{ font-size:.95rem; color:#475569; margin-top:6px; }

/* FAQ */
.page-odvoz-odpadu details{
  background:#fff; border:1px solid #EEF1F6; border-radius:12px; padding:12px 14px;
  box-shadow:0 6px 20px rgba(16,24,40,.05); margin-bottom:10px;
}
.page-odvoz-odpadu summary{ cursor:pointer; font-weight:800; color:#0F172A; }
.page-odvoz-odpadu summary::-webkit-details-marker{ display:none; }
.page-odvoz-odpadu details[open]{ box-shadow:0 10px 28px rgba(16,24,40,.08); }

/* CTA bottom */
.page-odvoz-odpadu .cta-box{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  background:linear-gradient(180deg, color-mix(in oklab, var(--acc) 14%, white), #fff 70%);
  border:1px solid #EEF1F6; border-radius:16px; padding:18px;
  box-shadow:0 10px 32px color-mix(in oklab, var(--acc) 22%, transparent);
}
.page-odvoz-odpadu .cta-actions{ display:flex; gap:.6rem; flex-wrap:wrap; }

/* Gallery chips + cards */
.page-odvoz-odpadu .gal-chip{
  appearance:none; border:1px solid #E5E7EB; background:#fff; padding:.5rem .8rem; border-radius:999px;
  font-weight:800; cursor:pointer;
}
.page-odvoz-odpadu .gal-chip.is-active{ border-color:var(--acc); box-shadow:0 0 0 3px color-mix(in oklab, var(--acc) 20%, transparent); }
.page-odvoz-odpadu .gal-card{ position:relative; display:block; border-radius:12px; overflow:hidden; }
.page-odvoz-odpadu .gal-img{ display:block; width:100%; height:auto; border-radius:12px; }
.page-odvoz-odpadu .gal-tag{
  position:absolute; left:10px; top:10px; font-size:.8rem; font-weight:800;
  background:rgba(255,255,255,.9); padding:.3rem .5rem; border-radius:8px;
}
.page-odvoz-odpadu .gal-overlay{
  position:absolute; inset:0; display:grid; place-items:center; opacity:0;
  background:linear-gradient(0deg, rgba(15,23,42,.45), rgba(15,23,42,.1));
  color:#fff; font-weight:800; transition:opacity .2s ease;
}
.page-odvoz-odpadu .gal-card:hover .gal-overlay{ opacity:1; }

/* Before/After (optional) */
.page-odvoz-odpadu .ba-wrap{ position:relative; overflow:hidden; }
.page-odvoz-odpadu .ba-img{ display:block; width:100%; height:auto; }
.page-odvoz-odpadu .ba-after{ position:absolute; inset:0; clip-path:inset(0 0 0 50%); }
.page-odvoz-odpadu .ba-range{
  position:absolute; left:0; right:0; bottom:10px; width:50%; margin:0 auto;
}
.page-odvoz-odpadu .ba-label{ position:absolute; top:12px; font-weight:900; background:rgba(255,255,255,.8); padding:.2rem .5rem; border-radius:8px; }
.page-odvoz-odpadu .ba-l{ left:12px; }
.page-odvoz-odpadu .ba-r{ right:12px; }


/* =========================================================
   HODINOVÝ MANŽEL — SCOPED STYLES (LIGHT HERO)
   Vše pod .page-hodinovy-manzel
   ======================================================= */

.page-hodinovy-manzel{
  --acc: var(--_acc, #06B6D4);
  --acc-700: var(--_acc7, #0E7490);
  color:#0F172A;
  background:#FFFFFF;
}

.page-hodinovy-manzel .container{ max-width:1160px; margin:0 auto; padding:0 20px; }

/* Buttons */
.page-hodinovy-manzel .btn{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.9rem 1.1rem; border-radius:12px; font-weight:900; line-height:1;
  transition:transform .15s ease, background-color .2s ease, border-color .2s ease;
}
.page-hodinovy-manzel .btn:focus-visible{
  outline:3px solid color-mix(in oklab, var(--acc) 65%, white);
  outline-offset:2px;
}
.page-hodinovy-manzel .btn:hover{ transform:translateY(-1px); }
@media (prefers-reduced-motion: reduce){
  .page-hodinovy-manzel .btn{ transition:none; }
  .page-hodinovy-manzel .btn:hover{ transform:none; }
}
.page-hodinovy-manzel .btn-acc{ background:var(--acc); border:2px solid var(--acc); color:#fff; }
.page-hodinovy-manzel .btn-acc:hover{ background:var(--acc-700); border-color:var(--acc-700); }
.page-hodinovy-manzel .btn-ghost{ border:2px solid rgba(15,23,42,.55); color:#0F172A; background:transparent; }
.page-hodinovy-manzel .btn-ghost:hover{ background:rgba(15,23,42,.06); }
.page-hodinovy-manzel .btn-sm{ padding:.55rem .9rem; border-radius:10px; }

/* HERO */
.page-hodinovy-manzel .svc-hero{
  padding:34px 0 10px; position:relative; color:#0F172A;
  background:
    radial-gradient(1100px 520px at 12% 26%, color-mix(in oklab, var(--acc) 28%, transparent), transparent 72%),
    conic-gradient(from 240deg at 75% 15%, rgba(255,255,255,.25), transparent 35%),
    linear-gradient(180deg,#F8FAFC 0%, #EEF2F6 100%);
}

/* Crumbs */
.page-hodinovy-manzel .crumbs{ font-size:.9rem; opacity:.9; margin-bottom:14px; }
.page-hodinovy-manzel .crumbs a{ color:#0F172A; text-decoration:none; border-bottom:1px solid transparent; }
.page-hodinovy-manzel .crumbs a:hover{ border-color:rgba(15,23,42,.35); }

/* Hero layout */
.page-hodinovy-manzel .hero-wrap{
  display:grid; grid-template-columns:1.15fr .85fr; gap:36px; align-items:center;
  padding:60px 0;
}
@media (max-width:992px){ .page-hodinovy-manzel .hero-wrap{ grid-template-columns:1fr; } }

.page-hodinovy-manzel .hero-title{ font-size:clamp(28px,4vw,44px); font-weight:900; margin:8px 0; color:#0F172A; }
.page-hodinovy-manzel .hero-lead{ color:rgba(15,23,42,.72); }

.page-hodinovy-manzel .hero-bullets{ list-style:none; margin:18px 0 22px; padding:0; display:grid; gap:.5rem; }
.page-hodinovy-manzel .hero-bullets li{ display:flex; gap:.6rem; align-items:center; }
.page-hodinovy-manzel .hero-bullets i{ width:8px; height:8px; border-radius:50%; background:var(--acc); }

.page-hodinovy-manzel .hero-cta{ display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:12px; }

.page-hodinovy-manzel .kpi{ display:flex; gap:16px; flex-wrap:wrap; color:rgba(15,23,42,.8); }
.page-hodinovy-manzel .kpi b{ font-weight:900; color:#0F172A; }

/* Media */
.page-hodinovy-manzel .hero-media img{
  width:100%; height:auto; border-radius:16px; box-shadow:0 18px 48px rgba(0,0,0,.25);
  display:block; filter:none !important;
}

/* Sticky sub-nav */
.page-hodinovy-manzel .subnav{
  position:sticky; top:0; z-index:20; margin-top:24px;
  background:#fff; border-top:1px solid #EEF1F6; box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-hodinovy-manzel .subnav .container{ display:flex; gap:18px; align-items:center; overflow:auto; padding:10px 20px; }
.page-hodinovy-manzel .subnav a{
  color:#0F172A; text-decoration:none; padding:.45rem .2rem; font-weight:800; opacity:.92; white-space:nowrap;
}
.page-hodinovy-manzel .subnav a:hover{ opacity:1; }

/* Sections */
.page-hodinovy-manzel .section{ padding:44px 0; }
.page-hodinovy-manzel .section-alt{ background:#FAFBFC; }
.page-hodinovy-manzel h2{ font-size:28px; font-weight:900; margin-bottom:14px; }

/* Cards 3 */
.page-hodinovy-manzel .cards-3{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
@media (max-width:900px){ .page-hodinovy-manzel .cards-3{ grid-template-columns:1fr; } }

.page-hodinovy-manzel .card{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:18px 16px;
  box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-hodinovy-manzel .card .ic{
  width:40px; height:40px; border-radius:10px; background:color-mix(in oklab, var(--acc) 16%, white);
  display:grid; place-items:center; color:#094654; margin-bottom:8px;
}

/* Steps */
.page-hodinovy-manzel .steps{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
@media (max-width:1000px){ .page-hodinovy-manzel .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-hodinovy-manzel .steps{ grid-template-columns:1fr; } }

.page-hodinovy-manzel .step{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:16px;
  box-shadow:0 6px 20px rgba(16,24,40,.05);
}
.page-hodinovy-manzel .step span{
  width:28px; height:28px; border-radius:50%; background:var(--acc); color:#fff;
  display:inline-grid; place-items:center; font-weight:900; margin-bottom:8px;
}

/* Pricing */
.page-hodinovy-manzel .pcard{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px;
  box-shadow:0 10px 28px rgba(16,24,40,.06); overflow:hidden;
}
.page-hodinovy-manzel .ptable{ width:100%; border-collapse:separate; border-spacing:0; }
.page-hodinovy-manzel .ptable thead th{
  background:#FBFDFD; border-bottom:1px solid #EEF1F6; padding:12px 14px; text-align:left; font-weight:800;
}
.page-hodinovy-manzel .ptable td{ padding:12px 14px; border-top:1px solid #F0F3F7; }
.page-hodinovy-manzel .ptable .r{ text-align:right; font-weight:900; }
.page-hodinovy-manzel .pt-cta{
  display:flex; justify-content:space-between; align-items:center; padding:12px 14px; border-top:1px solid #EEF1F6;
}
.page-hodinovy-manzel .pt-note{ font-size:.9rem; color:#64748B; }

/* Gallery */
.page-hodinovy-manzel .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:900px){ .page-hodinovy-manzel .grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-hodinovy-manzel .grid{ grid-template-columns:1fr; } }
.page-hodinovy-manzel figure{ margin:0; }
.page-hodinovy-manzel figure img{ display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 6px 20px rgba(16,24,40,.06); }
.page-hodinovy-manzel figcaption{ font-size:.95rem; color:#475569; margin-top:6px; }

/* FAQ */
.page-hodinovy-manzel details{
  background:#fff; border:1px solid #EEF1F6; border-radius:12px; padding:12px 14px;
  box-shadow:0 6px 20px rgba(16,24,40,.05); margin-bottom:10px;
}
.page-hodinovy-manzel summary{ cursor:pointer; font-weight:800; color:#0F172A; }
.page-hodinovy-manzel summary::-webkit-details-marker{ display:none; }
.page-hodinovy-manzel details[open]{ box-shadow:0 10px 28px rgba(16,24,40,.08); }

/* CTA bottom */
.page-hodinovy-manzel .cta-box{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  background:linear-gradient(180deg, color-mix(in oklab, var(--acc) 14%, white), #fff 70%);
  border:1px solid #EEF1F6; border-radius:16px; padding:18px;
  box-shadow:0 10px 32px color-mix(in oklab, var(--acc) 20%, transparent);
}
.page-hodinovy-manzel .cta-actions{ display:flex; gap:.6rem; flex-wrap:wrap; }

/* Gallery chips + cards */
.page-hodinovy-manzel .gal-chip{
  appearance:none; border:1px solid #E5E7EB; background:#fff; padding:.5rem .8rem; border-radius:999px;
  font-weight:800; cursor:pointer;
}
.page-hodinovy-manzel .gal-chip.is-active{ border-color:var(--acc); box-shadow:0 0 0 3px color-mix(in oklab, var(--acc) 20%, transparent); }
.page-hodinovy-manzel .gal-card{ position:relative; display:block; border-radius:12px; overflow:hidden; }
.page-hodinovy-manzel .gal-img{ display:block; width:100%; height:auto; border-radius:12px; }
.page-hodinovy-manzel .gal-tag{
  position:absolute; left:10px; top:10px; font-size:.8rem; font-weight:800;
  background:rgba(255,255,255,.9); padding:.3rem .5rem; border-radius:8px;
}
.page-hodinovy-manzel .gal-overlay{
  position:absolute; inset:0; display:grid; place-items:center; opacity:0;
  background:linear-gradient(0deg, rgba(15,23,42,.45), rgba(15,23,42,.1));
  color:#fff; font-weight:800; transition:opacity .2s ease;
}
.page-hodinovy-manzel .gal-card:hover .gal-overlay{ opacity:1; }

/* Before/After (optional) */
.page-hodinovy-manzel .ba-wrap{ position:relative; overflow:hidden; }
.page-hodinovy-manzel .ba-img{ display:block; width:100%; height:auto; }
.page-hodinovy-manzel .ba-after{ position:absolute; inset:0; clip-path:inset(0 0 0 50%); }
.page-hodinovy-manzel .ba-range{
  position:absolute; left:0; right:0; bottom:10px; width:50%; margin:0 auto;
}
.page-hodinovy-manzel .ba-label{ position:absolute; top:12px; font-weight:900; background:rgba(255,255,255,.8); padding:.2rem .5rem; border-radius:8px; }
.page-hodinovy-manzel .ba-l{ left:12px; }
.page-hodinovy-manzel .ba-r{ right:12px; }

/* УСІ ФОТО ОДНАКОВІ (без зміни верстки) */
.gal-card{
  position: relative;
  display: block;
  border-radius: 16px;
  overflow: hidden;
  /* однакове полотно через aspect-ratio */
  aspect-ratio: 4 / 3;            /* зроби 16/9 або 1/1, як треба */
  box-shadow: 0 10px 28px rgba(16,24,40,.08);
}

/* саме зображення заповнює картку */
.gal-card .gal-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;               /* обрізає зайве, без спотворень */
  display: block;
}

/* бейдж і оверлей залишаються поверх */
.gal-card .gal-tag{
  position: absolute; left: 10px; top: 10px;
  z-index: 2;
}
.gal-card .gal-overlay{
  position: absolute; inset: auto 0 0 0;
  z-index: 2;
}

/* якщо хочеш трохи іншу висоту на мобілці — можна змінити співвідношення */
@media (max-width: 576px){
  .gal-card{ aspect-ratio: 3 / 4; }  /* вужчі екрани — більш “портретно” */
}

/* ФОЛБЕК для старих браузерів без aspect-ratio */
@supports not (aspect-ratio: 1 / 1){
  .gal-card{ height: 260px; }       /* однакова висота */
  @media (min-width: 992px){ .gal-card{ height: 300px; } }
  .gal-card .gal-img{ position:absolute; inset:0; object-fit:cover; }
}


/* =========================================================
   STĚHOVÁNÍ DO ZAHRANIČÍ — SCOPED STYLES (LIGHT HERO)
   Vše pod .page-stehovani-zahranici
   ======================================================= */

.page-stehovani-zahranici{
  --acc: var(--_acc, #806AD4);
  --acc-700: var(--_acc7, #5B4BC6);
  color:#0F172A; background:#FFFFFF;
}

.page-stehovani-zahranici .container{ max-width:1160px; margin:0 auto; padding:0 20px; }

/* Buttons */
.page-stehovani-zahranici .btn{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.9rem 1.1rem; border-radius:12px; font-weight:900; line-height:1;
  transition:transform .15s ease, background-color .2s ease, border-color .2s ease;
}
.page-stehovani-zahranici .btn:focus-visible{
  outline:3px solid color-mix(in oklab, var(--acc) 65%, white); outline-offset:2px;
}
.page-stehovani-zahranici .btn:hover{ transform:translateY(-1px); }
@media (prefers-reduced-motion: reduce){
  .page-stehovani-zahranici .btn, .page-stehovani-zahranici .btn:hover{ transition:none; transform:none; }
}
.page-stehovani-zahranici .btn-acc{ background:var(--acc); border:2px solid var(--acc); color:#fff; }
.page-stehovani-zahranici .btn-acc:hover{ background:var(--acc-700); border-color:var(--acc-700); }
.page-stehovani-zahranici .btn-ghost{ border:2px solid rgba(15,23,42,.55); color:#0F172A; background:transparent; }
.page-stehovani-zahranici .btn-ghost:hover{ background:rgba(15,23,42,.06); }
.page-stehovani-zahranici .btn-sm{ padding:.55rem .9rem; border-radius:10px; }

/* HERO */
.page-stehovani-zahranici .svc-hero{
  padding:34px 0 10px; position:relative; color:#0F172A;
  background:
    radial-gradient(1100px 520px at 12% 26%, color-mix(in oklab, var(--acc) 26%, transparent), transparent 72%),
    conic-gradient(from 240deg at 75% 15%, rgba(255,255,255,.25), transparent 35%),
    linear-gradient(180deg,#F8FAFC 0%, #EEF2F6 100%);
}
.page-stehovani-zahranici .crumbs{ font-size:.9rem; opacity:.9; margin-bottom:14px; }
.page-stehovani-zahranici .crumbs a{ color:#0F172A; text-decoration:none; border-bottom:1px solid transparent; }
.page-stehovani-zahranici .crumbs a:hover{ border-color:rgba(15,23,42,.35); }

.page-stehovani-zahranici .hero-wrap{
  display:grid; grid-template-columns:1.15fr .85fr; gap:36px; align-items:center; padding:60px 0;
}
@media (max-width:992px){ .page-stehovani-zahranici .hero-wrap{ grid-template-columns:1fr; } }

.page-stehovani-zahranici .hero-title{ font-size:clamp(28px,4vw,44px); font-weight:900; margin:8px 0; color:#0F172A; }
.page-stehovani-zahranici .hero-lead{ color:rgba(15,23,42,.72); }
.page-stehovani-zahranici .hero-bullets{ list-style:none; margin:18px 0 22px; padding:0; display:grid; gap:.5rem; }
.page-stehovani-zahranici .hero-bullets li{ display:flex; gap:.6rem; align-items:center; }
.page-stehovani-zahranici .hero-bullets i{ width:8px; height:8px; border-radius:50%; background:var(--acc); }
.page-stehovani-zahranici .hero-cta{ display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:12px; }
.page-stehovani-zahranici .kpi{ display:flex; gap:16px; flex-wrap:wrap; color:rgba(15,23,42,.8); }
.page-stehovani-zahranici .kpi b{ font-weight:900; color:#0F172A; }

/* Media */
.page-stehovani-zahranici .hero-media img{
  width:100%; height:auto; border-radius:16px; box-shadow:0 18px 48px rgba(0,0,0,.25);
  display:block; filter:none !important;
}

/* Sticky sub-nav */
.page-stehovani-zahranici .subnav{
  position:sticky; top:0; z-index:20; margin-top:24px;
  background:#fff; border-top:1px solid #EEF1F6; box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-stehovani-zahranici .subnav .container{ display:flex; gap:18px; align-items:center; overflow:auto; padding:10px 20px; }
.page-stehovani-zahranici .subnav a{
  color:#0F172A; text-decoration:none; padding:.45rem .2rem; font-weight:800; opacity:.92; white-space:nowrap;
}
.page-stehovani-zahranici .subnav a:hover{ opacity:1; }

/* Sections */
.page-stehovani-zahranici .section{ padding:44px 0; }
.page-stehovani-zahranici .section-alt{ background:#FAFBFC; }
.page-stehovani-zahranici h2{ font-size:28px; font-weight:900; margin-bottom:14px; }

/* Cards 3 */
.page-stehovani-zahranici .cards-3{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
@media (max-width:900px){ .page-stehovani-zahranici .cards-3{ grid-template-columns:1fr; } }

.page-stehovani-zahranici .card{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:18px 16px;
  box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.page-stehovani-zahranici .card .ic{
  width:40px; height:40px; border-radius:10px; background:color-mix(in oklab, var(--acc) 16%, white);
  display:grid; place-items:center; color:#3C2B85; margin-bottom:8px;
}

/* Steps */
.page-stehovani-zahranici .steps{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
@media (max-width:1000px){ .page-stehovani-zahranici .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-stehovani-zahranici .steps{ grid-template-columns:1fr; } }

.page-stehovani-zahranici .step{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px; padding:16px;
  box-shadow:0 6px 20px rgba(16,24,40,.05);
}
.page-stehovani-zahranici .step span{
  width:28px; height:28px; border-radius:50%; background:var(--acc); color:#fff;
  display:inline-grid; place-items:center; font-weight:900; margin-bottom:8px;
}

/* Pricing */
.page-stehovani-zahranici .pcard{
  background:#fff; border:1px solid #EEF1F6; border-radius:14px;
  box-shadow:0 10px 28px rgba(16,24,40,.06); overflow:hidden;
}
.page-stehovani-zahranici .ptable{ width:100%; border-collapse:separate; border-spacing:0; }
.page-stehovani-zahranici .ptable thead th{
  background:#FBFDFD; border-bottom:1px solid #EEF1F6; padding:12px 14px; text-align:left; font-weight:800;
}
.page-stehovani-zahranici .ptable td{ padding:12px 14px; border-top:1px solid #F0F3F7; }
.page-stehovani-zahranici .ptable .r{ text-align:right; font-weight:900; }
.page-stehovani-zahranici .pt-cta{
  display:flex; justify-content:space-between; align-items:center; padding:12px 14px; border-top:1px solid #EEF1F6;
}
.page-stehovani-zahranici .pt-note{ font-size:.9rem; color:#64748B; }

/* Gallery */
.page-stehovani-zahranici .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:900px){ .page-stehovani-zahranici .grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .page-stehovani-zahranici .grid{ grid-template-columns:1fr; } }
.page-stehovani-zahranici figure{ margin:0; }
.page-stehovani-zahranici figure img{ display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 6px 20px rgba(16,24,40,.06); }
.page-stehovani-zahranici figcaption{ font-size:.95rem; color:#475569; margin-top:6px; }

/* FAQ */
.page-stehovani-zahranici details{
  background:#fff; border:1px solid #EEF1F6; border-radius:12px; padding:12px 14px;
  box-shadow:0 6px 20px rgba(16,24,40,.05); margin-bottom:10px;
}
.page-stehovani-zahranici summary{ cursor:pointer; font-weight:800; color:#0F172A; }
.page-stehovani-zahranici summary::-webkit-details-marker{ display:none; }
.page-stehovani-zahranici details[open]{ box-shadow:0 10px 28px rgba(16,24,40,.08); }

/* CTA bottom */
.page-stehovani-zahranici .cta-box{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  background:linear-gradient(180deg, color-mix(in oklab, var(--acc) 14%, white), #fff 70%);
  border:1px solid #EEF1F6; border-radius:16px; padding:18px;
  box-shadow:0 10px 32px color-mix(in oklab, var(--acc) 20%, transparent);
}
.page-stehovani-zahranici .cta-actions{ display:flex; gap:.6rem; flex-wrap:wrap; }

/* Gallery chips + cards (optional) */
.page-stehovani-zahranici .gal-chip{
  appearance:none; border:1px solid #E5E7EB; background:#fff; padding:.5rem .8rem; border-radius:999px;
  font-weight:800; cursor:pointer;
}
.page-stehovani-zahranici .gal-chip.is-active{ border-color:var(--acc); box-shadow:0 0 0 3px color-mix(in oklab, var(--acc) 20%, transparent); }
.page-stehovani-zahranici .gal-card{ position:relative; display:block; border-radius:12px; overflow:hidden; }
.page-stehovani-zahranici .gal-img{ display:block; width:100%; height:auto; border-radius:12px; }
.page-stehovani-zahranici .gal-tag{
  position:absolute; left:10px; top:10px; font-size:.8rem; font-weight:800;
  background:rgba(255,255,255,.9); padding:.3rem .5rem; border-radius:8px;
}
.page-stehovani-zahranici .gal-overlay{
  position:absolute; inset:0; display:grid; place-items:center; opacity:0;
  background:linear-gradient(0deg, rgba(15,23,42,.45), rgba(15,23,42,.1));
  color:#fff; font-weight:800; transition:opacity .2s ease;
}
.page-stehovani-zahranici .gal-card:hover .gal-overlay{ opacity:1; }



/* Slim hero form tweaks */
.hero-move.slim .quote-card{ max-width: 560px; margin-left:auto; }
.hero-move .form-adv summary{
  cursor:pointer; user-select:none; padding:.25rem 0;
}
.hero-move .form-adv[open] summary{ color:#0F172A; }
.hero-move .svc-tab{ border:none; background:#fff2; color:#fff; padding:.5rem .8rem; border-radius:999px; font-weight:800; }
.hero-move .svc-tab.is-active{ background:#fff; color:#111; }


/* Modal look */
#wizardCalcModal .modal-content{ box-shadow:0 24px 60px rgba(0,0,0,.35); }
#wizardCalcModal .btn-acc{ --acc:var(--_acc,#F2D400);--acc7:var(--_acc7,#C9AD00);
  background:var(--acc); border:2px solid var(--acc); color:#111; font-weight:800; border-radius:12px; padding:.7rem 1.1rem; }
#wizardCalcModal .btn-acc:hover{ background:var(--acc7); border-color:var(--acc7); }

.wizard-wrap{ position:relative; }
.wizard-step{ display:none; }
.wizard-step.is-current{ display:block; }

.wizard-progress{ background:#0C1220; color:#fff; }
.wizard-progress .steps{ display:flex; gap:14px; }
.wizard-progress .step{
  display:flex; align-items:center; gap:8px; opacity:.6; font-weight:800;
}
.wizard-progress .step i{ width:34px; height:34px; display:grid; place-items:center;
  border-radius:10px; background:rgba(255,255,255,.1); }
.wizard-progress .step.is-active{ opacity:1; }
.wizard-progress .bar{ position:relative; height:4px; background:rgba(255,255,255,.15); border-radius:999px; margin-top:10px; }
.wizard-progress .bar span{ position:absolute; left:0; top:0; bottom:0; width:0%;
  background:linear-gradient(90deg, var(--_acc,#F2D400), var(--_acc7,#C9AD00)); border-radius:999px; transition:width .25s ease; }

.grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
@media (max-width: 768px){ .grid-2,.grid-3{ grid-template-columns:1fr; } }

.card-pick{
  display:flex; flex-direction:column; gap:6px; padding:14px; border:1px solid #EEF1F6; border-radius:14px;
  cursor:pointer; background:#fff; transition:transform .12s ease, box-shadow .2s ease, border-color .2s ease;
}
.card-pick i{ font-size:22px; color:#6b7280; }
.card-pick small{ color:#64748B; }
.card-pick.is-active{ border-color:var(--_acc,#F2D400); box-shadow:0 10px 28px rgba(16,24,40,.08); transform:translateY(-1px); }

.chip-pick{
  display:inline-flex; align-items:center; gap:8px; padding:.55rem .8rem; border-radius:999px;
  border:1px dashed rgba(2,6,23,.2); cursor:pointer; background:#fff; font-weight:800;
  transition:all .15s ease;
}
.chip-pick i{ opacity:.8; }
.chip-pick.is-active{ border-style:solid; border-color:var(--_acc,#F2D400); background:rgba(242,212,0,.12); }

.to-wrap[hidden]{ display:none !important; }


/* Висота шапки + компенсація контенту */
.header-2{ --header-h:72px; z-index:1030; }
body{ padding-top: var(--header-h); }

/* Кнопки теми (підлаштуй під свій бренд) */
.btn-theme{background:#128C42; border:2px solid #128C42; color:#fff; font-weight:700}
.btn-theme:hover{background:#0F6E33; border-color:#0F6E33}
.btn-theme-outline{background:transparent; border:2px solid #128C42; color:#128C42; font-weight:700}
.btn-theme-outline:hover{background:rgba(18,140,66,.08)}

/* Hamburger для кастомного toggler */
.navbar-toggler .navbar-toggler-icon{display:inline-block; width:24px; height:18px; position:relative}
.navbar-toggler .navbar-toggler-icon span{position:absolute; left:0; right:0; height:2px; background:currentColor; top:0}
.navbar-toggler .navbar-toggler-icon span:nth-child(2){top:8px}
.navbar-toggler .navbar-toggler-icon span:nth-child(3){top:16px}

/* Dropdown меню */
.navbar .dropdown-menu{min-width:220px;}

/*main logo */

/* Desktop */
.custom-logo{ 
  max-height: 64px;  /* головне — max-height */
  height: auto;
  width: auto;
  object-fit: contain;
}

/* Mobile */
@media (max-width: 991.98px){
  .mobile-header .custom-logo{ max-height: 48px; }
}

/* Пам’ятай про відступ для fixed header */
.header-2{ --header-h: 88px; }
body{ padding-top: var(--header-h); }