/* Padding and margin */
.p-5px {
  padding: 5px !important;
}
.p-10px {
  padding: 10px !important;
}
.p-15px {
  padding: 15px !important;
}
.p-20px {
  padding: 20px !important;
}
.p-25px {
  padding: 25px !important;
}
.p-30px {
  padding: 30px !important;
}
.p-35px {
  padding: 35px !important;
}
.p-40px {
  padding: 40px !important;
}
.p-45px {
  padding: 45px !important;
}
.p-50px {
  padding: 50px !important;
}
.p-55px {
  padding: 55px !important;
}
.p-60px {
  padding: 60px !important;
}
.p-65px {
  padding: 65px !important;
}
.p-70px {
  padding: 70px !important;
}
.p-1 {
  padding: 1% !important;
}
.p-2 {
  padding: 2% !important;
}
.p-3 {
  padding: 3% !important;
}
.p-4 {
  padding: 4% !important;
}
.p-5 {
  padding: 5% !important;
}
.p-6 {
  padding: 6% !important;
}
.p-7 {
  padding: 7% !important;
}
.p-8 {
  padding: 8% !important;
}
.p-9 {
  padding: 9% !important;
}
.p-10 {
  padding: 10% !important;
}
.p-11 {
  padding: 11% !important;
}
.p-12 {
  padding: 12% !important;
}
.p-13 {
  padding: 13% !important;
}
.p-14 {
  padding: 14% !important;
}
.p-15 {
  padding: 15% !important;
}
.p-16 {
  padding: 16% !important;
}
.p-17 {
  padding: 17% !important;
}
.p-18 {
  padding: 18% !important;
}
.p-19 {
  padding: 19% !important;
}
.p-20 {
  padding: 20% !important;
}
.p-21 {
  padding: 21% !important;
}
.p-22 {
  padding: 22% !important;
}
.p-23 {
  padding: 23% !important;
}
.p-24 {
  padding: 24% !important;
}
.p-25 {
  padding: 25% !important;
}
.p-26 {
  padding: 26% !important;
}
.p-27 {
  padding: 27% !important;
}
.p-28 {
  padding: 28% !important;
}
.p-29 {
  padding: 29% !important;
}
.p-30 {
  padding: 30% !important;
}
.pt-5px {
  padding-top: 5px !important;
}
.pt-10px {
  padding-top: 10px !important;
}
.pt-15px {
  padding-top: 15px !important;
}
.pt-20px {
  padding-top: 20px !important;
}
.pt-25px {
  padding-top: 25px !important;
}
.pt-30px {
  padding-top: 30px !important;
}
.pt-35px {
  padding-top: 35px !important;
}
.pt-40px {
  padding-top: 40px !important;
}
.pt-45px {
  padding-top: 45px !important;
}
.pt-50px {
  padding-top: 50px !important;
}
.pt-55px {
  padding-top: 55px !important;
}
.pt-60px {
  padding-top: 60px !important;
}
.pt-65px {
  padding-top: 65px !important;
}
.pt-70px {
  padding-top: 70px !important;
}
.pt-1 {
  padding-top: 1% !important;
}
.pt-2 {
  padding-top: 2% !important;
}
.pt-3 {
  padding-top: 3% !important;
}
.pt-4 {
  padding-top: 4% !important;
}
.pt-5 {
  padding-top: 5% !important;
}
.pt-6 {
  padding-top: 6% !important;
}
.pt-7 {
  padding-top: 7% !important;
}
.pt-8 {
  padding-top: 8% !important;
}
.pt-9 {
  padding-top: 9% !important;
}
.pt-10 {
  padding-top: 10% !important;
}
.pt-11 {
  padding-top: 11% !important;
}
.pt-12 {
  padding-top: 12% !important;
}
.pt-13 {
  padding-top: 13% !important;
}
.pt-14 {
  padding-top: 14% !important;
}
.pt-15 {
  padding-top: 15% !important;
}
.pt-16 {
  padding-top: 16% !important;
}
.pt-17 {
  padding-top: 17% !important;
}
.pt-18 {
  padding-top: 18% !important;
}
.pt-19 {
  padding-top: 19% !important;
}
.pt-20 {
  padding-top: 20% !important;
}
.pt-21 {
  padding-top: 21% !important;
}
.pt-22 {
  padding-top: 22% !important;
}
.pt-23 {
  padding-top: 23% !important;
}
.pt-24 {
  padding-top: 24% !important;
}
.pt-25 {
  padding-top: 25% !important;
}
.pt-26 {
  padding-top: 26% !important;
}
.pt-27 {
  padding-top: 27% !important;
}
.pt-28 {
  padding-top: 28% !important;
}
.pt-29 {
  padding-top: 29% !important;
}
.pt-30 {
  padding-top: 30% !important;
}
.pe-5px {
  padding-right: 5px !important;
}
.pe-10px {
  padding-right: 10px !important;
}
.pe-15px {
  padding-right: 15px !important;
}
.pe-20px {
  padding-right: 20px !important;
}
.pe-25px {
  padding-right: 25px !important;
}
.pe-30px {
  padding-right: 30px !important;
}
.pe-35px {
  padding-right: 35px !important;
}
.pe-40px {
  padding-right: 40px !important;
}
.pe-45px {
  padding-right: 45px !important;
}
.pe-50px {
  padding-right: 50px !important;
}
.pe-55px {
  padding-right: 55px !important;
}
.pe-60px {
  padding-right: 60px !important;
}
.pe-65px {
  padding-right: 65px !important;
}
.pe-70px {
  padding-right: 70px !important;
}
.pe-1 {
  padding-right: 1% !important;
}
.pe-2 {
  padding-right: 2% !important;
}
.pe-3 {
  padding-right: 3% !important;
}
.pe-4 {
  padding-right: 4% !important;
}
.pe-5 {
  padding-right: 5% !important;
}
.pe-6 {
  padding-right: 6% !important;
}
.pe-7 {
  padding-right: 7% !important;
}
.pe-8 {
  padding-right: 8% !important;
}
.pe-9 {
  padding-right: 9% !important;
}
.pe-10 {
  padding-right: 10% !important;
}
.pe-11 {
  padding-right: 11% !important;
}
.pe-12 {
  padding-right: 12% !important;
}
.pe-13 {
  padding-right: 13% !important;
}
.pe-14 {
  padding-right: 14% !important;
}
.pe-15 {
  padding-right: 15% !important;
}
.pe-16 {
  padding-right: 16% !important;
}
.pe-17 {
  padding-right: 17% !important;
}
.pe-18 {
  padding-right: 18% !important;
}
.pe-19 {
  padding-right: 19% !important;
}
.pe-20 {
  padding-right: 20% !important;
}
.pe-21 {
  padding-right: 21% !important;
}
.pe-22 {
  padding-right: 22% !important;
}
.pe-23 {
  padding-right: 23% !important;
}
.pe-24 {
  padding-right: 24% !important;
}
.pe-25 {
  padding-right: 25% !important;
}
.pe-26 {
  padding-right: 26% !important;
}
.pe-27 {
  padding-right: 27% !important;
}
.pe-28 {
  padding-right: 28% !important;
}
.pe-29 {
  padding-right: 29% !important;
}
.pe-30 {
  padding-right: 30% !important;
}
.pb-5px {
  padding-bottom: 5px !important;
}
.pb-10px {
  padding-bottom: 10px !important;
}
.pb-15px {
  padding-bottom: 15px !important;
}
.pb-20px {
  padding-bottom: 20px !important;
}
.pb-25px {
  padding-bottom: 25px !important;
}
.pb-30px {
  padding-bottom: 30px !important;
}
.pb-35px {
  padding-bottom: 35px !important;
}
.pb-40px {
  padding-bottom: 40px !important;
}
.pb-45px {
  padding-bottom: 45px !important;
}
.pb-50px {
  padding-bottom: 50px !important;
}
.pb-55px {
  padding-bottom: 55px !important;
}
.pb-60px {
  padding-bottom: 60px !important;
}
.pb-65px {
  padding-bottom: 65px !important;
}
.pb-70px {
  padding-bottom: 70px !important;
}
.pb-1 {
  padding-bottom: 1% !important;
}
.pb-2 {
  padding-bottom: 2% !important;
}
.pb-3 {
  padding-bottom: 3% !important;
}
.pb-4 {
  padding-bottom: 4% !important;
}
.pb-5 {
  padding-bottom: 5% !important;
}
.pb-6 {
  padding-bottom: 6% !important;
}
.pb-7 {
  padding-bottom: 7% !important;
}
.pb-8 {
  padding-bottom: 8% !important;
}
.pb-9 {
  padding-bottom: 9% !important;
}
.pb-10 {
  padding-bottom: 10% !important;
}
.pb-11 {
  padding-bottom: 11% !important;
}
.pb-12 {
  padding-bottom: 12% !important;
}
.pb-13 {
  padding-bottom: 13% !important;
}
.pb-14 {
  padding-bottom: 14% !important;
}
.pb-15 {
  padding-bottom: 15% !important;
}
.pb-16 {
  padding-bottom: 16% !important;
}
.pb-17 {
  padding-bottom: 17% !important;
}
.pb-18 {
  padding-bottom: 18% !important;
}
.pb-19 {
  padding-bottom: 19% !important;
}
.pb-20 {
  padding-bottom: 20% !important;
}
.pb-21 {
  padding-bottom: 21% !important;
}
.pb-22 {
  padding-bottom: 22% !important;
}
.pb-23 {
  padding-bottom: 23% !important;
}
.pb-24 {
  padding-bottom: 24% !important;
}
.pb-25 {
  padding-bottom: 25% !important;
}
.pb-26 {
  padding-bottom: 26% !important;
}
.pb-27 {
  padding-bottom: 27% !important;
}
.pb-28 {
  padding-bottom: 28% !important;
}
.pb-29 {
  padding-bottom: 29% !important;
}
.pb-30 {
  padding-bottom: 30% !important;
}
.ps-5px {
  padding-left: 5px !important;
}
.ps-10px {
  padding-left: 10px !important;
}
.ps-15px {
  padding-left: 15px !important;
}
.ps-20px {
  padding-left: 20px !important;
}
.ps-25px {
  padding-left: 25px !important;
}
.ps-30px {
  padding-left: 30px !important;
}
.ps-35px {
  padding-left: 35px !important;
}
.ps-40px {
  padding-left: 40px !important;
}
.ps-45px {
  padding-left: 45px !important;
}
.ps-50px {
  padding-left: 50px !important;
}
.ps-55px {
  padding-left: 55px !important;
}
.ps-60px {
  padding-left: 60px !important;
}
.ps-65px {
  padding-left: 65px !important;
}
.ps-70px {
  padding-left: 70px !important;
}
.ps-1 {
  padding-left: 1% !important;
}
.ps-2 {
  padding-left: 2% !important;
}
.ps-3 {
  padding-left: 3% !important;
}
.ps-4 {
  padding-left: 4% !important;
}
.ps-5 {
  padding-left: 5% !important;
}
.ps-6 {
  padding-left: 6% !important;
}
.ps-7 {
  padding-left: 7% !important;
}
.ps-8 {
  padding-left: 8% !important;
}
.ps-9 {
  padding-left: 9% !important;
}
.ps-10 {
  padding-left: 10% !important;
}
.ps-11 {
  padding-left: 11% !important;
}
.ps-12 {
  padding-left: 12% !important;
}
.ps-13 {
  padding-left: 13% !important;
}
.ps-14 {
  padding-left: 14% !important;
}
.ps-15 {
  padding-left: 15% !important;
}
.ps-16 {
  padding-left: 16% !important;
}
.ps-17 {
  padding-left: 17% !important;
}
.ps-18 {
  padding-left: 18% !important;
}
.ps-19 {
  padding-left: 19% !important;
}
.ps-20 {
  padding-left: 20% !important;
}
.ps-21 {
  padding-left: 21% !important;
}
.ps-22 {
  padding-left: 22% !important;
}
.ps-23 {
  padding-left: 23% !important;
}
.ps-24 {
  padding-left: 24% !important;
}
.ps-25 {
  padding-left: 25% !important;
}
.ps-26 {
  padding-left: 26% !important;
}
.ps-27 {
  padding-left: 27% !important;
}
.ps-28 {
  padding-left: 28% !important;
}
.ps-29 {
  padding-left: 29% !important;
}
.ps-30 {
  padding-left: 30% !important;
}
.m-5px {
  margin: 5px !important;
}
.m-10px {
  margin: 10px !important;
}
.m-15px {
  margin: 15px !important;
}
.m-20px {
  margin: 20px !important;
}
.m-25px {
  margin: 25px !important;
}
.m-30px {
  margin: 30px !important;
}
.m-35px {
  margin: 35px !important;
}
.m-40px {
  margin: 40px !important;
}
.m-45px {
  margin: 45px !important;
}
.m-50px {
  margin: 50px !important;
}
.m-55px {
  margin: 55px !important;
}
.m-60px {
  margin: 60px !important;
}
.m-65px {
  margin: 65px !important;
}
.m-70px {
  margin: 70px !important;
}
.m-1 {
  margin: 1% !important;
}
.m-2 {
  margin: 2% !important;
}
.m-3 {
  margin: 3% !important;
}
.m-4 {
  margin: 4% !important;
}
.m-5 {
  margin: 5% !important;
}
.m-6 {
  margin: 6% !important;
}
.m-7 {
  margin: 7% !important;
}
.m-8 {
  margin: 8% !important;
}
.m-9 {
  margin: 9% !important;
}
.m-10 {
  margin: 10% !important;
}
.m-11 {
  margin: 11% !important;
}
.m-12 {
  margin: 12% !important;
}
.m-13 {
  margin: 13% !important;
}
.m-14 {
  margin: 14% !important;
}
.m-15 {
  margin: 15% !important;
}
.m-16 {
  margin: 16% !important;
}
.m-17 {
  margin: 17% !important;
}
.m-18 {
  margin: 18% !important;
}
.m-19 {
  margin: 19% !important;
}
.m-20 {
  margin: 20% !important;
}
.m-21 {
  margin: 21% !important;
}
.m-22 {
  margin: 22% !important;
}
.m-23 {
  margin: 23% !important;
}
.m-24 {
  margin: 24% !important;
}
.m-25 {
  margin: 25% !important;
}
.m-26 {
  margin: 26% !important;
}
.m-27 {
  margin: 27% !important;
}
.m-28 {
  margin: 28% !important;
}
.m-29 {
  margin: 29% !important;
}
.m-30 {
  margin: 30% !important;
}
.mt-5px {
  margin-top: 5px !important;
}
.mt-10px {
  margin-top: 10px !important;
}
.mt-15px {
  margin-top: 15px !important;
}
.mt-20px {
  margin-top: 20px !important;
}
.mt-25px {
  margin-top: 25px !important;
}
.mt-30px {
  margin-top: 30px !important;
}
.mt-35px {
  margin-top: 35px !important;
}
.mt-40px {
  margin-top: 40px !important;
}
.mt-45px {
  margin-top: 45px !important;
}
.mt-50px {
  margin-top: 50px !important;
}
.mt-55px {
  margin-top: 55px !important;
}
.mt-60px {
  margin-top: 60px !important;
}
.mt-65px {
  margin-top: 65px !important;
}
.mt-70px {
  margin-top: 70px !important;
}
.mt-1 {
  margin-top: 1% !important;
}
.mt-2 {
  margin-top: 2% !important;
}
.mt-3 {
  margin-top: 3% !important;
}
.mt-4 {
  margin-top: 4% !important;
}
.mt-5 {
  margin-top: 5% !important;
}
.mt-6 {
  margin-top: 6% !important;
}
.mt-7 {
  margin-top: 7% !important;
}
.mt-8 {
  margin-top: 8% !important;
}
.mt-9 {
  margin-top: 9% !important;
}
.mt-10 {
  margin-top: 10% !important;
}
.mt-11 {
  margin-top: 11% !important;
}
.mt-12 {
  margin-top: 12% !important;
}
.mt-13 {
  margin-top: 13% !important;
}
.mt-14 {
  margin-top: 14% !important;
}
.mt-15 {
  margin-top: 15% !important;
}
.mt-16 {
  margin-top: 16% !important;
}
.mt-17 {
  margin-top: 17% !important;
}
.mt-18 {
  margin-top: 18% !important;
}
.mt-19 {
  margin-top: 19% !important;
}
.mt-20 {
  margin-top: 20% !important;
}
.mt-21 {
  margin-top: 21% !important;
}
.mt-22 {
  margin-top: 22% !important;
}
.mt-23 {
  margin-top: 23% !important;
}
.mt-24 {
  margin-top: 24% !important;
}
.mt-25 {
  margin-top: 25% !important;
}
.mt-26 {
  margin-top: 26% !important;
}
.mt-27 {
  margin-top: 27% !important;
}
.mt-28 {
  margin-top: 28% !important;
}
.mt-29 {
  margin-top: 29% !important;
}
.mt-30 {
  margin-top: 30% !important;
}
.me-5px {
  margin-right: 5px !important;
}
.me-10px {
  margin-right: 10px !important;
}
.me-15px {
  margin-right: 15px !important;
}
.me-20px {
  margin-right: 20px !important;
}
.me-25px {
  margin-right: 25px !important;
}
.me-30px {
  margin-right: 30px !important;
}
.me-35px {
  margin-right: 35px !important;
}
.me-40px {
  margin-right: 40px !important;
}
.me-45px {
  margin-right: 45px !important;
}
.me-50px {
  margin-right: 50px !important;
}
.me-55px {
  margin-right: 55px !important;
}
.me-60px {
  margin-right: 60px !important;
}
.me-65px {
  margin-right: 65px !important;
}
.me-70px {
  margin-right: 70px !important;
}
.me-1 {
  margin-right: 1% !important;
}
.me-2 {
  margin-right: 2% !important;
}
.me-3 {
  margin-right: 3% !important;
}
.me-4 {
  margin-right: 4% !important;
}
.me-5 {
  margin-right: 5% !important;
}
.me-6 {
  margin-right: 6% !important;
}
.me-7 {
  margin-right: 7% !important;
}
.me-8 {
  margin-right: 8% !important;
}
.me-9 {
  margin-right: 9% !important;
}
.me-10 {
  margin-right: 10% !important;
}
.me-11 {
  margin-right: 11% !important;
}
.me-12 {
  margin-right: 12% !important;
}
.me-13 {
  margin-right: 13% !important;
}
.me-14 {
  margin-right: 14% !important;
}
.me-15 {
  margin-right: 15% !important;
}
.me-16 {
  margin-right: 16% !important;
}
.me-17 {
  margin-right: 17% !important;
}
.me-18 {
  margin-right: 18% !important;
}
.me-19 {
  margin-right: 19% !important;
}
.me-20 {
  margin-right: 20% !important;
}
.me-21 {
  margin-right: 21% !important;
}
.me-22 {
  margin-right: 22% !important;
}
.me-23 {
  margin-right: 23% !important;
}
.me-24 {
  margin-right: 24% !important;
}
.me-25 {
  margin-right: 25% !important;
}
.me-26 {
  margin-right: 26% !important;
}
.me-27 {
  margin-right: 27% !important;
}
.me-28 {
  margin-right: 28% !important;
}
.me-29 {
  margin-right: 29% !important;
}
.me-30 {
  margin-right: 30% !important;
}
.mb-5px {
  margin-bottom: 5px !important;
}
.mb-10px {
  margin-bottom: 10px !important;
}
.mb-15px {
  margin-bottom: 15px !important;
}
.mb-20px {
  margin-bottom: 20px !important;
}
.mb-25px {
  margin-bottom: 25px !important;
}
.mb-30px {
  margin-bottom: 30px !important;
}
.mb-35px {
  margin-bottom: 35px !important;
}
.mb-40px {
  margin-bottom: 40px !important;
}
.mb-45px {
  margin-bottom: 45px !important;
}
.mb-50px {
  margin-bottom: 50px !important;
}
.mb-55px {
  margin-bottom: 55px !important;
}
.mb-60px {
  margin-bottom: 60px !important;
}
.mb-65px {
  margin-bottom: 65px !important;
}
.mb-70px {
  margin-bottom: 70px !important;
}
.mb-1 {
  margin-bottom: 1% !important;
}
.mb-2 {
  margin-bottom: 2% !important;
}
.mb-3 {
  margin-bottom: 3% !important;
}
.mb-4 {
  margin-bottom: 4% !important;
}
.mb-5 {
  margin-bottom: 5% !important;
}
.mb-6 {
  margin-bottom: 6% !important;
}
.mb-7 {
  margin-bottom: 7% !important;
}
.mb-8 {
  margin-bottom: 8% !important;
}
.mb-9 {
  margin-bottom: 9% !important;
}
.mb-10 {
  margin-bottom: 10% !important;
}
.mb-11 {
  margin-bottom: 11% !important;
}
.mb-12 {
  margin-bottom: 12% !important;
}
.mb-13 {
  margin-bottom: 13% !important;
}
.mb-14 {
  margin-bottom: 14% !important;
}
.mb-15 {
  margin-bottom: 15% !important;
}
.mb-16 {
  margin-bottom: 16% !important;
}
.mb-17 {
  margin-bottom: 17% !important;
}
.mb-18 {
  margin-bottom: 18% !important;
}
.mb-19 {
  margin-bottom: 19% !important;
}
.mb-20 {
  margin-bottom: 20% !important;
}
.mb-21 {
  margin-bottom: 21% !important;
}
.mb-22 {
  margin-bottom: 22% !important;
}
.mb-23 {
  margin-bottom: 23% !important;
}
.mb-24 {
  margin-bottom: 24% !important;
}
.mb-25 {
  margin-bottom: 25% !important;
}
.mb-26 {
  margin-bottom: 26% !important;
}
.mb-27 {
  margin-bottom: 27% !important;
}
.mb-28 {
  margin-bottom: 28% !important;
}
.mb-29 {
  margin-bottom: 29% !important;
}
.mb-30 {
  margin-bottom: 30% !important;
}
.ms-5px {
  margin-left: 5px !important;
}
.ms-10px {
  margin-left: 10px !important;
}
.ms-15px {
  margin-left: 15px !important;
}
.ms-20px {
  margin-left: 20px !important;
}
.ms-25px {
  margin-left: 25px !important;
}
.ms-30px {
  margin-left: 30px !important;
}
.ms-35px {
  margin-left: 35px !important;
}
.ms-40px {
  margin-left: 40px !important;
}
.ms-45px {
  margin-left: 45px !important;
}
.ms-50px {
  margin-left: 50px !important;
}
.ms-55px {
  margin-left: 55px !important;
}
.ms-60px {
  margin-left: 60px !important;
}
.ms-65px {
  margin-left: 65px !important;
}
.ms-70px {
  margin-left: 70px !important;
}
.ms-1 {
  margin-left: 1% !important;
}
.ms-2 {
  margin-left: 2% !important;
}
.ms-3 {
  margin-left: 3% !important;
}
.ms-4 {
  margin-left: 4% !important;
}
.ms-5 {
  margin-left: 5% !important;
}
.ms-6 {
  margin-left: 6% !important;
}
.ms-7 {
  margin-left: 7% !important;
}
.ms-8 {
  margin-left: 8% !important;
}
.ms-9 {
  margin-left: 9% !important;
}
.ms-10 {
  margin-left: 10% !important;
}
.ms-11 {
  margin-left: 11% !important;
}
.ms-12 {
  margin-left: 12% !important;
}
.ms-13 {
  margin-left: 13% !important;
}
.ms-14 {
  margin-left: 14% !important;
}
.ms-15 {
  margin-left: 15% !important;
}
.ms-16 {
  margin-left: 16% !important;
}
.ms-17 {
  margin-left: 17% !important;
}
.ms-18 {
  margin-left: 18% !important;
}
.ms-19 {
  margin-left: 19% !important;
}
.ms-20 {
  margin-left: 20% !important;
}
.ms-21 {
  margin-left: 21% !important;
}
.ms-22 {
  margin-left: 22% !important;
}
.ms-23 {
  margin-left: 23% !important;
}
.ms-24 {
  margin-left: 24% !important;
}
.ms-25 {
  margin-left: 25% !important;
}
.ms-26 {
  margin-left: 26% !important;
}
.ms-27 {
  margin-left: 27% !important;
}
.ms-28 {
  margin-left: 28% !important;
}
.ms-29 {
  margin-left: 29% !important;
}
.ms-30 {
  margin-left: 30% !important;
}

/* Font size */
.fs-0 {
    font-size: 0;
  }
  .fs-9 {
    font-size: 9px;
  }
  .fs-10 {
    font-size: 10px;
  }
  .fs-11 {
    font-size: 11px;
  }
  .fs-12 {
    font-size: 12px;
  }
  .fs-13 {
    font-size: 13px;
  }
  .fs-14 {
    font-size: 14px;
  }
  .fs-15 {
    font-size: 15px;
  }
  .fs-16 {
    font-size: 16px;
  }
  .fs-17 {
    font-size: 17px;
  }
  .fs-18 {
    font-size: 18px;
  }
  .fs-19 {
    font-size: 19px;
  }
  .fs-20 {
    font-size: 20px;
  }
  .fs-22 {
    font-size: 22px;
  }
  .fs-24 {
    font-size: 24px;
    line-height: 32px;
  }
  .fs-26 {
    font-size: 26px;
    line-height: 38px;
  }
  .fs-28 {
    font-size: 1.75rem;
    line-height: 2.6rem;
  }
  .fs-30 {
    font-size: 1.875rem;
    line-height: 2.8rem;
  }
  .fs-32 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .fs-40 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .fs-45 {
    font-size: 2.813rem;
    line-height: 3rem;
  }
  .fs-50 {
    font-size: 3.125rem;
    line-height: 3.25rem;
  }
  .fs-55 {
    font-size: 3.438rem;
    line-height: 3.5rem;
  }
  .fs-60 {
    font-size: 3.75rem;
    line-height: 3.75rem;
  }
  .fs-65 {
    font-size: 4.063rem;
    line-height: 4.688rem;
  }
  .fs-70 {
    font-size: 4.375rem;
    line-height: 4.375rem;
  }
  .fs-75 {
    font-size: 4.668rem;
    line-height: 4.668rem;
  }
  .fs-80 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .fs-85 {
    font-size: 5.313rem;
    line-height: 5.313rem;
  }
  .fs-90 {
    font-size: 5.625rem;
    line-height: 5.625rem;
  }
  .fs-95 {
    font-size: 5.938rem;
    line-height: 5.938rem;
  }
  .fs-100 {
    font-size: 6.25rem;
    line-height: 6.25rem;
  }
  .fs-110 {
    font-size: 6.875rem;
    line-height: 6.875rem;
  }
  .fs-120 {
    font-size: 7.5rem;
    line-height: 7.5rem;
  }
  .fs-130 {
    font-size: 8.125rem;
    line-height: 8.125rem;
  }
  .fs-140 {
    font-size: 8.75rem;
    line-height: 8.75rem;
  }
  .fs-150 {
    font-size: 9.375rem;
    line-height: 9.375rem;
  }
  .fs-160 {
    font-size: 10rem;
    line-height: 10rem;
  }
  .fs-170 {
    font-size: 10.625rem;
    line-height: 10.625rem;
  }
  .fs-180 {
    font-size: 11.25rem;
    line-height: 11.25rem;
  }
  .fs-190 {
    font-size: 11.875rem;
    line-height: 11.875rem;
  }
  .fs-200 {
    font-size: 12.5rem;
    line-height: 12.5rem;
  }
  .fs-225 {
    font-size: 14.063rem;
    line-height: 14.063rem;
  }
  .fs-250 {
    font-size: 15.625rem;
    line-height: 15.625rem;
  }
  .fs-275 {
    font-size: 17.188rem;
    line-height: 17.188rem;
  }
  .fs-300 {
    font-size: 18.75rem;
    line-height: 18.75rem;
  }
  .fs-350 {
    font-size: 21.875rem;
    line-height: 21.875rem;
  }
  .fs-400 {
    font-size: 25rem;
    line-height: 25rem;
  }

  /* Font weight */
.fw-100 {
    font-weight: 100 !important;
  }
  .fw-200 {
    font-weight: 200 !important;
  }
  .fw-300 {
    font-weight: 300 !important;
  }
  .fw-400 {
    font-weight: 400 !important;
  }
  .fw-500 {
    font-weight: 500 !important;
  }
  .fw-600 {
    font-weight: 600 !important;
  }
  .fw-700 {
    font-weight: 700 !important;
  }
  .fw-800 {
    font-weight: 800 !important;
  }
  .fw-900 {
    font-weight: 900 !important;
  }

  /* Border radius */
.border-radius-0px {
  border-radius: 0 !important;
}
.border-radius-1px {
  border-radius: 1px !important;
}
.border-radius-2px {
  border-radius: 2px !important;
}
.border-radius-3px {
  border-radius: 3px !important;
}
.border-radius-4px {
  border-radius: 4px !important;
}
.border-radius-5px {
  border-radius: 5px !important;
}
.border-radius-6px {
  border-radius: 6px !important;
}
.border-radius-7px {
  border-radius: 7px !important;
}
.border-radius-8px {
  border-radius: 8px !important;
}
.border-radius-9px {
  border-radius: 9px !important;
}
.border-radius-10px {
  border-radius: 10px !important;
}
.border-radius-15px {
  border-radius: 15px !important;
}
.border-radius-18px {
  border-radius: 18px !important;
}
.border-radius-20px {
  border-radius: 20px !important;
}
.border-radius-22px {
  border-radius: 22px !important;
}
.border-radius-24px {
  border-radius: 24px !important;
}
.border-radius-26px {
  border-radius: 26px !important;
}
.border-radius-30px {
  border-radius: 30px !important;
}
.border-radius-40px {
  border-radius: 40px !important;
}
.border-radius-50px {
  border-radius: 50px !important;
}
.border-radius-100px {
  border-radius: 100px !important;
}
.border-radius-50 {
  border-radius: 50% !important;
}
.border-radius-100 {
  border-radius: 100% !important;
}






@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');


:root {
  --nav-icon: #002b7f;
  --nav-bg: #d90a2c; 
  --nav-active: #d90a2c; 



  --main-rgb-03: rgb(0, 0, 0, 0.9);
  --main-rgb-02: rgb(0, 43, 127, 0.5);
  --main-rgb-01: rgb(251, 107, 8, 0);
  --main: #d90a2c;
  --second: #002b7f;
  --third: #E3AF6A;
  --fourth: #EFEFEF;
  --fifth: #462C09;

  --text-main: #fff;
  --text-second: #2F3A6D;
  --text-third: #E3AF6A;
  --text-fourth: #EFEFEF;
  --text-fifth: #462C09;

  --dark-gray: #EFEFEF;
  --light-gray: #303030;

  --alt-font: Roboto Condensed, sans-serif;
  --primary-font: 'Urbanist', sans-serif;
}

body {
  background: var(--second);
  color: var(--dark-gray);
  font-family: var(--primary-font);
  font-weight: 500;
}

.text-decoration-bottom {
  border-bottom: 2px solid;
}

.uur-bg-box {
  background: linear-gradient(150deg, var(--main-rgb-02) 0%, var(--main-rgb-02) 100%);
  border: var(--main) 2px solid; 

    border-radius: 5px;
    padding: 20px; 
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    margin-top: 15px;
    color: var(--dark-gray);
}

.text-dark-gray {
  color: var(--dark-gray)!important;
}

.text-light-gray {
  color: var(--light-gray)!important;
}

.text-white {
  color: white!important;
}

.uur-text-main {
    color: var(--main)!important; 
}

.uur-text-second {
  color: var(--second)!important; 
  text-shadow: 1px 1px 0px rgba(66, 68, 90, 1);
  font-size: 24px!important;
}

.uur-text-title {
  color: var(--dark-gray)!important; 
  font-weight: 700!important;
  font-size: 18px!important;
  line-height: 20px;
  margin: 10px 0;
  text-decoration: underline ;
  font-family: var(--alt-font);
  max-width: 350px;
}

.uur-border {
  background: linear-gradient(150deg, var(--main-rgb-01) 0%, var(--main-rgb-02) 100%);
  border: var(--main) 2px solid; 
}

.uur-title {
  /* border: var(--main) 2px solid;  */
      border-radius: 5px;
      padding: 8px 10px !important;
      font-family: var(--alt-font);
      text-align: center;
      font-weight: 700 !important;
      font-size: 13px !important;
      text-transform: uppercase;

      letter-spacing: 0px;
      line-height: 24px;
      margin: 10px;
      width: 100%; 
      min-width: 100px;
      /* max-width: 300px; */

      background: linear-gradient(0deg, var(--main) 0%, var(--second) 100%);
      border-radius: 50px;
      color: white;
      box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

  }

  /* Divider styling */
.uur-divider {
  height: 1px;
  background: linear-gradient(to right, transparent, var(--main), transparent);
  border: none;
  margin: 20px auto;
  width: 90%;
  opacity: 0.7;
}

.media-icon-main {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 10px;
  width: 100%;
  gap: 10px;
}

.media-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid var(--text-fourth);
  color: var(--text-fourth);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  transition: all 0.3s ease;
  margin: 0 auto;
}

.media-icon:hover {
  background-color: var(--main);
  color: white;
}

.media-icon-name {
  color: var(--dark-gray);
  text-align: center;
  font-family: var(--alt-font);
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-top: 8px;
  width: 100%;
  display: block;
}

/* Add this to ensure proper alignment of icon links */
.media-icon-main a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  width: 100%;
}

.accordion-item {
  border: none;
  background: #fff;
  color: var(--light-gray);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

}
.accordion-header {
  color: var(--light-gray);
  font-family: var(--primary-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border-radius: 5px;
  padding: 20px;
  /* border-top: 2px solid var(--main); */
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion-content {
  display: none;
}
.open-class {
  display: block;
}
.accordion-header.active {
  color: var(--main);
  border-bottom: 2px solid var(--main);
}
.sub-accordion-header {
  padding-bottom: 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--light-gray);
  font-family: var(--alt-font);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.sub-accordion-content {
  display: none;
  padding-bottom: 16px;
  
  font-family: var(--primary-font);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.accordion-content, .sub-accordion-content {
  display: none;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.accordion-content.open, .sub-accordion-content.open {
  display: block;
  padding: 20px;
  

}

.contacsd-text {
  color: var(--main);
  font-family: var(--primary-font);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  padding-top: 24px;
}

  .mx-auto
 {
    margin-left: auto!important;
    margin-right: auto!important; 
 }

.m-nav {
  display: flex;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100px;
  padding: 0 20px 10px;
  background: transparent;
  align-items: flex-end;
  width: 100%;
  max-width: 600px;
  z-index: 999;
}

.m-nav::before {
  content: "";
  width: 100%;
  height: 85px;
  /* background: var(--nav-bg); */
  background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(11.5px);
-webkit-backdrop-filter: blur(11.5px);
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 20px 20px 0 0;
  z-index: -1;
  box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
}

/* Ensure all nav items have consistent height */
.m-nav-item {
  text-align: center;
  min-width: 80px;
  height: 70px; /* Fixed height for all items */
  margin: 5px 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  color: var(--nav-icon);
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  position: relative; /* Add position relative */
}

.m-nav-item i {
  font-size: 24px;
  display: block;
  margin-bottom: 4px;
  transition: all 0.3s ease;
}

.m-nav-item span {
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* .m-nav-item:hover {
  color: #fff;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff;
} */

.m-nav-item.active {
  color: var(--nav-active);
  /* text-shadow: 0 0 5px var(--active), 0 0 10px var(--active); */
}


/* Make middle icon bigger and centered */
.m-middle i {
  font-size: 45px; /* Larger font size for middle icon */
  margin-bottom: 95px; /* Remove bottom margin */
  color: #fff; /* Ensure good visibility */
  position: relative;
  z-index: 3; /* Higher z-index to appear above the selector */
}

.m-middle {
  position: relative;
  z-index: 2;
  margin-bottom: 0; /* Remove bottom margin */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 15px; /* Add padding to create space for the icon */
}

.selector {
  background: radial-gradient(circle, rgba(64,255,134,1) 0%, rgba(36,183,86,1) 100%);
  width: 90px;
  height: 90px;
  position: absolute;
  bottom: 40px; /* Adjusted to better align with the middle icon */
  left: 50%;
  transform: translateX(-50%);
  z-index: 1; /* Lower z-index to appear behind the icon */
  border: 8px solid #fff;
  border-radius: 50%;
}

/* Change animation to heartbeat for the middle icon */
.m-middle i {
  animation: heartbeat 1.5s ease infinite;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/* Responsive styles for different screen sizes */
@media only screen and (max-width: 480px) {
  .m-nav {
    padding: 0 10px 10px;
    height: 90px;
  }
  
  .m-nav::before {
    height: 75px;
  }
  
  .m-nav-item {
    min-width: 67px;
    margin: 5px 1px;
    height: 60px;
  }
  
  .m-nav-item i {
    font-size: 20px;
    margin-bottom: 2px;
  }
  
  .m-nav-item span {
    font-size: 8px;
  }
  
  .m-middle i {
    font-size: 35px;
    margin-bottom: 65px;
  }
  
  .selector {
    width: 70px;
    height: 70px;
    bottom: 35px;
    border-width: 6px;
  }
}

@media only screen and (max-width: 320px) {
  .m-nav {
    padding: 0 5px 5px;
    height: 80px;
  }
  
  .m-nav::before {
    height: 65px;
  }
  
  .m-nav-item {
    min-width: 50px;
    margin: 5px 0;
    height: 55px;
  }
  
  .m-nav-item i {
    font-size: 18px;
    margin-bottom: 1px;
  }
  
  .m-nav-item span {
    font-size: 5px;
  }
  
  .m-middle i {
    font-size: 30px;
    margin-bottom: 60px;
  }
  
  .selector {
    width: 60px;
    height: 60px;
    bottom: 30px;
    border-width: 5px;
  }
}


#top-header,
#top-navbar {

backdrop-filter: blur(11.5px);
-webkit-backdrop-filter: blur(11.5px);
    background: var(--main-rgb-02);
    max-width: 600px;
}

.header-title h1 {
  color: var(--text-fourth);
  text-align: center;
  font-family: "League Spartan";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.secure {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--primary-font);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding: 24px 0;
}

.featured-slider-head {

  padding: 5px;
  border-radius: 5px;
  margin: 0 8px 0 8px;

}

.categories-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  /* margin: 24px 0 16px 0; */
}

.categories {
  color: var(--2, #fff);
  font-family: var(--primary-font);
  font-size: 22px;
  letter-spacing: 0.5px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  /* text-transform: uppercase; */
  /* border-bottom: 2px solid; */
}

.page-loader {
  max-width: 600px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  text-align: center;
  z-index: 10000;
  overflow: hidden;
  gap: 20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 12px;
  background: #232323;
}

.blob {
  width: 100px;
  display: grid;
  /* background: var(--fourth); */
}
.blob:before,
.blob:after {
  content: "";
  grid-area: 1/1;
  width: 45px;
  height: 45px;
  background: var(--main);
  animation: blob-rhf26m 2s infinite;
}
.blob:after {
  animation-delay: -1s;
}
@keyframes blob-rhf26m {
  0% {
      transform: translate(0, 0);
  }
  25% {
      transform: translate(100%, 0);
  }
  50% {
      transform: translate(100%, 100%);
  }
  75% {
      transform: translate(0, 100%);
  }
  100% {
      transform: translate(0, 0);
  }
}

.logo-text {
  font-size: 48px;
  font-weight: 700;
  color: var(--text-main);
  font-family: var(--alt-font);
  text-transform: uppercase;
  padding-top: 20px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.logo-sub-text {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--primary-font);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  z-index: 1;
}

.uur-logo-text {
  font-size: 48px;
  font-weight: 700;
  color: var(--text-main);
  font-family: var(--alt-font);
  text-transform: uppercase;
  padding-top: 20px;
  text-align: left;
  position: relative;
  line-height: 32px;
  z-index: 1;
}

/* Animation for the right button */
.animate-right-btn {
  display: inline-block;
  animation: moveRight 1.5s infinite ease-in-out;
}

@keyframes moveRight {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px);
  }
}


/* WhatsApp Button Styles */
.uur-button {
  /* Base button styles */
  font-family: var(--alt-font);
  font-size: 15px;
  font-weight: 500;
  padding: 12px 28px;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
  overflow: hidden;
  
  /* Colors and appearance */
  background-color: var(--main);
  color: #ffffff;
  border: 2px solid var(--main);
  box-shadow: 0 10px 20px -6px rgba(217, 10, 44, 0.5);
  
  /* Hover animation setup */
  transform: translateY(0);
}

.uur-button:hover {
  background-color: var(--second);
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px -8px rgba(217, 10, 44, 0.6);
}

.uur-button span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.uur-button .btn-text {
  margin-right: 10px;
}

.uur-button .btn-icon {
  display: inline-flex;
  transition: transform 0.3s ease-in-out;
}

.uur-button:hover .btn-icon {
  transform: translateX(5px);
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .uur-button {
      padding: 10px 24px;
      font-size: 14px;
  }
}

@media (max-width: 767px) {
  .uur-button {
      padding: 8px 20px;
      font-size: 13px;
  }
}
.m-splash {
  
  background-position: center center!important;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url(../images/m-uur/m-splash-uur.webp);
}


.m-loader {
  background-position: center center!important;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url(../images/m-uur/m-loader-uur.webp);
}

.m-home-banner {
  /* background-image: url('../images/m-uur/m-banner-uur-home.webp'); */
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-banner-uur-home.webp);
}

.m-services-banner {
  /* background-image: url('../images/m-uur/m-banner-uur-services.webp'); */
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-banner-uur-services.webp);

  background-position: center center !important;
}

.m-outlet-banner {
  /* background-image: url('../images/m-uur/m-banner-uur-outlet.webp'); */
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-banner-uur-outlet.webp);

  background-position: center center !important;
}

.m-contact-banner {
  /* background-image: url('../images/m-uur/m-banner-uur-contact.webp'); */
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-banner-uur-contact.webp);

  background-position: center center !important;
}

.m-tnc-banner {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-banner-uur-contact.webp);
  background-position: center center !important;
}

/* Privacy Policy Content Styles */
.privacy-policy-content {
  padding-left: 16px;
  padding-right: 16px;
}

.privacy-policy-content .privacy-section {
  margin-bottom: 20px;
}

.privacy-policy-content .privacy-section h2.categories {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--main);
  margin-bottom: 10px;
}

.privacy-policy-content .privacy-section p {
  font-size: 14px;
  line-height: 1.7;
  color: #222;
  margin-bottom: 10px;
}

.privacy-policy-content .privacy-section ul.privacy-list {
  padding-left: 16px;
  margin-bottom: 10px;
}

.privacy-policy-content .privacy-section ul.privacy-list li {
  font-size: 14px;
  line-height: 1.7;
  color: #222;
  margin-bottom: 6px;
  list-style: disc;
  padding-left: 4px;
}

.privacy-policy-content .privacy-section ul.privacy-list li strong {
  color: #000;
}

.privacy-policy-content .contact-info-box {
  background-color: #f8f8f8;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
}

.privacy-policy-content .contact-info-box .contact-item {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #222;
  line-height: 1.5;
}

.privacy-policy-content .contact-info-box .contact-item i {
  flex-shrink: 0;
  margin-top: 3px;
}

.m-plan-01 {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-plan-uur-01.webp);
}

.m-plan-02 {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-plan-uur-02.webp);
}

.m-plan-03 {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-plan-uur-03.webp);
}

.m-plan-04 {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-plan-uur-04.webp);
}

.m-outlet-01 {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-outlet-01.webp);

}

.m-outlet-02 {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-outlet-02.webp);

}

.m-outlet-03 {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-outlet-03.webp);
}

.m-outlet-04 {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-outlet-04.webp);
}

.m-outlet-05 {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-outlet-05.webp);
}

.m-outlet-06 {
  background-image: linear-gradient(var(--main-rgb-01), var(--main-rgb-02), var(--main-rgb-03)), url(../images/m-uur/m-outlet-06.webp);
}


/* TikTok Slider Arrow Styles */
.uur-slick-prev,
.uur-slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--main);
    color: white;
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.uur-slick-prev {
    left: -5px;
}

.uur-slick-next {
    right: -5px;
}

.uur-slick-prev:hover,
.uur-slick-next:hover {
    background-color: var(--third);
    transform: translateY(-50%) scale(1.1);
}

.uur-slick-prev i,
.uur-slick-next i {
    font-size: 20px;
}