@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --bs-theme-primary: #37aa4c;
  --bs-theme-primary-200: #1abd3a;
  --bs-theme-primary-300: #e7f5ea;
  --bs-theme-primary-400: #37ac4e;
  --bs-teal: #477a85;
  --bs-black-100: #000000;
  --bs-black-200: #1f1f1f;
  --bs-black-300: #261f1f;
  --bs-black-400: #1f1724;
  --bs-black-500: #03081f;
  --bs-black-600: #3a3a3a;
  --bs-black-700: #2d2d2d;
  --bs-black-800: #585858;
  --bs-black-900: #1a1a1a;
  --bs-black-1000: #0b0f0e;
  --bs-black-1100: #04090d;
  --bs-black-1200: #26262c;
  --bs-gray-100: #97919b;
  --bs-gray-200: #00000070;
  --bs-gray-300: #d9d9d9;
  --bs-gray-400: #c0c0c0;
  --bs-gray-500: #f0f2f1;
  --bs-gray-600: #fafafa;
  --bs-gray-700: #dcdcdc;
  --bs-gray-800: rgba(255, 255, 255, 0.6);
  --bs-gray-900: #e8e8e8;
  --bs-gray-1000: #f5f5f5;
  --bs-gray-1100: #d8d8d8;
  --bs-gray-1200: #808080;
  --bs-gray-1300: #adadad;
  --bs-gray-1400: #494949;
  --bs-gray-1500: #f3f3f3;
  --bs-gray-1600: #e6e6e6;
  --bs-gray-1700: #f2f2f2;
  --bs-gray-1800: #616161;
  --bs-gray-1900: #e4e9ee;
  --bs-gray-2000: #e9e9e9;
  --bs-gray-2100: #e6e7ec;
  --bs-gray-2200: #edeef3;
  --bs-gray-2300: #757575;
  --bs-gray-2400: #e3e3e3;
  --bs-gray-2500: #525252;
  --bs-gray-2600: #141414;
  --bs-gray-2700: #7b7b7b;
  --bs-gray-2800: #ededed;
  --bs-gray-2900: #667085;
  --bs-gray-3000: #636363;
  --bs-gray-3100: #6c6c6c;
  --bs-gray-3200: #999999;
  --bs-gray-3300: #676767;
  --bs-bg-pink: #f7c7ff;
  --bs-theme-black-100-rgb: 0, 0, 0;
  --bs-body-font-size: 16px;
  --bs-body-line-height: 20px;
  --bs-body-font-weight: 400;
  --bs-sidenav-width: 300px;
  --bs-yellow: #fdde31;
}

.text-12 {
  font-size: 12px !important;
}

.text-13 {
  font-size: 13px !important;
}

.text-14 {
  font-size: 14px !important;
}

.text-20 {
  font-size: 20px !important;
}

.pad-5 {
  padding: 5px !important;
}

.pad-x-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.pad-y-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pad-t-5 {
  padding-top: 5px !important;
}

.pad-b-5 {
  padding-bottom: 5px !important;
}

.pad-s-5 {
  padding-left: 5px !important;
}

.pad-e-5 {
  padding-right: 5px !important;
}

.pad-10 {
  padding: 10px !important;
}

.pad-x-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pad-y-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pad-t-10 {
  padding-top: 10px !important;
}

.pad-b-10 {
  padding-bottom: 10px !important;
}

.pad-s-10 {
  padding-left: 10px !important;
}

.pad-e-10 {
  padding-right: 10px !important;
}

.pad-15 {
  padding: 15px !important;
}

.pad-x-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pad-y-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.pad-t-15 {
  padding-top: 15px !important;
}

.pad-b-15 {
  padding-bottom: 15px !important;
}

.pad-s-15 {
  padding-left: 15px !important;
}

.pad-e-15 {
  padding-right: 15px !important;
}

.pad-20 {
  padding: 20px !important;
}

.pad-x-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pad-y-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pad-t-20 {
  padding-top: 20px !important;
}

.pad-b-20 {
  padding-bottom: 20px !important;
}

.pad-s-20 {
  padding-left: 20px !important;
}

.pad-e-20 {
  padding-right: 20px !important;
}

.pad-25 {
  padding: 25px !important;
}

.pad-x-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.pad-y-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.pad-t-25 {
  padding-top: 25px !important;
}

.pad-b-25 {
  padding-bottom: 25px !important;
}

.pad-s-25 {
  padding-left: 25px !important;
}

.pad-e-25 {
  padding-right: 25px !important;
}

.pad-30 {
  padding: 30px !important;
}

.pad-x-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.pad-y-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pad-t-30 {
  padding-top: 30px !important;
}

.pad-b-30 {
  padding-bottom: 30px !important;
}

.pad-s-30 {
  padding-left: 30px !important;
}

.pad-e-30 {
  padding-right: 30px !important;
}

.pad-35 {
  padding: 35px !important;
}

.pad-x-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.pad-y-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.pad-t-35 {
  padding-top: 35px !important;
}

.pad-b-35 {
  padding-bottom: 35px !important;
}

.pad-s-35 {
  padding-left: 35px !important;
}

.pad-e-35 {
  padding-right: 35px !important;
}

.pad-40 {
  padding: 40px !important;
}

.pad-x-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pad-y-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pad-t-40 {
  padding-top: 40px !important;
}

.pad-b-40 {
  padding-bottom: 40px !important;
}

.pad-s-40 {
  padding-left: 40px !important;
}

.pad-e-40 {
  padding-right: 40px !important;
}

.pad-45 {
  padding: 45px !important;
}

.pad-x-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.pad-y-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.pad-t-45 {
  padding-top: 45px !important;
}

.pad-b-45 {
  padding-bottom: 45px !important;
}

.pad-s-45 {
  padding-left: 45px !important;
}

.pad-e-45 {
  padding-right: 45px !important;
}

.pad-50 {
  padding: 50px !important;
}

.pad-x-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.pad-y-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pad-t-50 {
  padding-top: 50px !important;
}

.pad-b-50 {
  padding-bottom: 50px !important;
}

.pad-s-50 {
  padding-left: 50px !important;
}

.pad-e-50 {
  padding-right: 50px !important;
}

.pad-55 {
  padding: 55px !important;
}

.pad-x-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.pad-y-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.pad-t-55 {
  padding-top: 55px !important;
}

.pad-b-55 {
  padding-bottom: 55px !important;
}

.pad-s-55 {
  padding-left: 55px !important;
}

.pad-e-55 {
  padding-right: 55px !important;
}

.pad-60 {
  padding: 60px !important;
}

.pad-x-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.pad-y-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pad-t-60 {
  padding-top: 60px !important;
}

.pad-b-60 {
  padding-bottom: 60px !important;
}

.pad-s-60 {
  padding-left: 60px !important;
}

.pad-e-60 {
  padding-right: 60px !important;
}

.pad-65 {
  padding: 65px !important;
}

.pad-x-65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.pad-y-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.pad-t-65 {
  padding-top: 65px !important;
}

.pad-b-65 {
  padding-bottom: 65px !important;
}

.pad-s-65 {
  padding-left: 65px !important;
}

.pad-e-65 {
  padding-right: 65px !important;
}

.pad-70 {
  padding: 70px !important;
}

.pad-x-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.pad-y-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.pad-t-70 {
  padding-top: 70px !important;
}

.pad-b-70 {
  padding-bottom: 70px !important;
}

.pad-s-70 {
  padding-left: 70px !important;
}

.pad-e-70 {
  padding-right: 70px !important;
}

.pad-75 {
  padding: 75px !important;
}

.pad-x-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.pad-y-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.pad-t-75 {
  padding-top: 75px !important;
}

.pad-b-75 {
  padding-bottom: 75px !important;
}

.pad-s-75 {
  padding-left: 75px !important;
}

.pad-e-75 {
  padding-right: 75px !important;
}

.pad-80 {
  padding: 80px !important;
}

.pad-x-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.pad-y-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.pad-t-80 {
  padding-top: 80px !important;
}

.pad-b-80 {
  padding-bottom: 80px !important;
}

.pad-s-80 {
  padding-left: 80px !important;
}

.pad-e-80 {
  padding-right: 80px !important;
}

.pad-85 {
  padding: 85px !important;
}

.pad-x-85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.pad-y-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.pad-t-85 {
  padding-top: 85px !important;
}

.pad-b-85 {
  padding-bottom: 85px !important;
}

.pad-s-85 {
  padding-left: 85px !important;
}

.pad-e-85 {
  padding-right: 85px !important;
}

.pad-90 {
  padding: 90px !important;
}

.pad-x-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.pad-y-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.pad-t-90 {
  padding-top: 90px !important;
}

.pad-b-90 {
  padding-bottom: 90px !important;
}

.pad-s-90 {
  padding-left: 90px !important;
}

.pad-e-90 {
  padding-right: 90px !important;
}

.pad-95 {
  padding: 95px !important;
}

.pad-x-95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.pad-y-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.pad-t-95 {
  padding-top: 95px !important;
}

.pad-b-95 {
  padding-bottom: 95px !important;
}

.pad-s-95 {
  padding-left: 95px !important;
}

.pad-e-95 {
  padding-right: 95px !important;
}

.pad-100 {
  padding: 100px !important;
}

.pad-x-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.pad-y-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.pad-t-100 {
  padding-top: 100px !important;
}

.pad-b-100 {
  padding-bottom: 100px !important;
}

.pad-s-100 {
  padding-left: 100px !important;
}

.pad-e-100 {
  padding-right: 100px !important;
}

.mar-3 {
  margin: 3px !important;
}

.mar-x-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.mar-y-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.mar-t-3 {
  margin-top: 3px !important;
}

.mar-b-3 {
  margin-bottom: 3px !important;
}

.mar-s-3 {
  margin-left: 3px !important;
}

.mar-e-3 {
  margin-right: 3px !important;
}

.mar-4 {
  margin: 4px !important;
}

.mar-x-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mar-y-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mar-t-4 {
  margin-top: 4px !important;
}

.mar-b-4 {
  margin-bottom: 4px !important;
}

.mar-s-4 {
  margin-left: 4px !important;
}

.mar-e-4 {
  margin-right: 4px !important;
}

.mar-5 {
  margin: 5px !important;
}

.mar-x-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.mar-y-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mar-t-5 {
  margin-top: 5px !important;
}

.mar-b-5 {
  margin-bottom: 5px !important;
}

.mar-s-5 {
  margin-left: 5px !important;
}

.mar-e-5 {
  margin-right: 5px !important;
}

.mar-10 {
  margin: 10px !important;
}

.mar-x-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mar-y-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mar-t-10 {
  margin-top: 10px !important;
}

.mar-b-10 {
  margin-bottom: 10px !important;
}

.mar-s-10 {
  margin-left: 10px !important;
}

.mar-e-10 {
  margin-right: 10px !important;
}

.mar-15 {
  margin: 15px !important;
}

.mar-x-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mar-y-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mar-t-15 {
  margin-top: 15px !important;
}

.mar-b-15 {
  margin-bottom: 15px !important;
}

.mar-s-15 {
  margin-left: 15px !important;
}

.mar-e-15 {
  margin-right: 15px !important;
}

.mar-20 {
  margin: 20px !important;
}

.mar-x-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mar-y-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mar-t-20 {
  margin-top: 20px !important;
}

.mar-b-20 {
  margin-bottom: 20px !important;
}

.mar-s-20 {
  margin-left: 20px !important;
}

.mar-e-20 {
  margin-right: 20px !important;
}

.mar-25 {
  margin: 25px !important;
}

.mar-x-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.mar-y-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mar-t-25 {
  margin-top: 25px !important;
}

.mar-b-25 {
  margin-bottom: 25px !important;
}

.mar-s-25 {
  margin-left: 25px !important;
}

.mar-e-25 {
  margin-right: 25px !important;
}

.mar-30 {
  margin: 30px !important;
}

.mar-x-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mar-y-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mar-t-30 {
  margin-top: 30px !important;
}

.mar-b-30 {
  margin-bottom: 30px !important;
}

.mar-s-30 {
  margin-left: 30px !important;
}

.mar-e-30 {
  margin-right: 30px !important;
}

.mar-35 {
  margin: 35px !important;
}

.mar-x-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.mar-y-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.mar-t-35 {
  margin-top: 35px !important;
}

.mar-b-35 {
  margin-bottom: 35px !important;
}

.mar-s-35 {
  margin-left: 35px !important;
}

.mar-e-35 {
  margin-right: 35px !important;
}

.mar-40 {
  margin: 40px !important;
}

.mar-x-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mar-y-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mar-t-40 {
  margin-top: 40px !important;
}

.mar-b-40 {
  margin-bottom: 40px !important;
}

.mar-s-40 {
  margin-left: 40px !important;
}

.mar-e-40 {
  margin-right: 40px !important;
}

.mar-45 {
  margin: 45px !important;
}

.mar-x-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.mar-y-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.mar-t-45 {
  margin-top: 45px !important;
}

.mar-b-45 {
  margin-bottom: 45px !important;
}

.mar-s-45 {
  margin-left: 45px !important;
}

.mar-e-45 {
  margin-right: 45px !important;
}

.mar-50 {
  margin: 50px !important;
}

.mar-x-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.mar-y-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mar-t-50 {
  margin-top: 50px !important;
}

.mar-b-50 {
  margin-bottom: 50px !important;
}

.mar-s-50 {
  margin-left: 50px !important;
}

.mar-e-50 {
  margin-right: 50px !important;
}

.mar-55 {
  margin: 55px !important;
}

.mar-x-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.mar-y-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.mar-t-55 {
  margin-top: 55px !important;
}

.mar-b-55 {
  margin-bottom: 55px !important;
}

.mar-s-55 {
  margin-left: 55px !important;
}

.mar-e-55 {
  margin-right: 55px !important;
}

.mar-60 {
  margin: 60px !important;
}

.mar-x-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mar-y-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mar-t-60 {
  margin-top: 60px !important;
}

.mar-b-60 {
  margin-bottom: 60px !important;
}

.mar-s-60 {
  margin-left: 60px !important;
}

.mar-e-60 {
  margin-right: 60px !important;
}

.mar-65 {
  margin: 65px !important;
}

.mar-x-65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.mar-y-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.mar-t-65 {
  margin-top: 65px !important;
}

.mar-b-65 {
  margin-bottom: 65px !important;
}

.mar-s-65 {
  margin-left: 65px !important;
}

.mar-e-65 {
  margin-right: 65px !important;
}

.mar-70 {
  margin: 70px !important;
}

.mar-x-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.mar-y-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.mar-t-70 {
  margin-top: 70px !important;
}

.mar-b-70 {
  margin-bottom: 70px !important;
}

.mar-s-70 {
  margin-left: 70px !important;
}

.mar-e-70 {
  margin-right: 70px !important;
}

.mar-75 {
  margin: 75px !important;
}

.mar-x-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.mar-y-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.mar-t-75 {
  margin-top: 75px !important;
}

.mar-b-75 {
  margin-bottom: 75px !important;
}

.mar-s-75 {
  margin-left: 75px !important;
}

.mar-e-75 {
  margin-right: 75px !important;
}

.mar-80 {
  margin: 80px !important;
}

.mar-x-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.mar-y-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mar-t-80 {
  margin-top: 80px !important;
}

.mar-b-80 {
  margin-bottom: 80px !important;
}

.mar-s-80 {
  margin-left: 80px !important;
}

.mar-e-80 {
  margin-right: 80px !important;
}

.mar-85 {
  margin: 85px !important;
}

.mar-x-85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.mar-y-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.mar-t-85 {
  margin-top: 85px !important;
}

.mar-b-85 {
  margin-bottom: 85px !important;
}

.mar-s-85 {
  margin-left: 85px !important;
}

.mar-e-85 {
  margin-right: 85px !important;
}

.mar-90 {
  margin: 90px !important;
}

.mar-x-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.mar-y-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.mar-t-90 {
  margin-top: 90px !important;
}

.mar-b-90 {
  margin-bottom: 90px !important;
}

.mar-s-90 {
  margin-left: 90px !important;
}

.mar-e-90 {
  margin-right: 90px !important;
}

.mar-95 {
  margin: 95px !important;
}

.mar-x-95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.mar-y-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.mar-t-95 {
  margin-top: 95px !important;
}

.mar-b-95 {
  margin-bottom: 95px !important;
}

.mar-s-95 {
  margin-left: 95px !important;
}

.mar-e-95 {
  margin-right: 95px !important;
}

.mar-100 {
  margin: 100px !important;
}

.mar-x-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.mar-y-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.mar-t-100 {
  margin-top: 100px !important;
}

.mar-b-100 {
  margin-bottom: 100px !important;
}

.mar-s-100 {
  margin-left: 100px !important;
}

.mar-e-100 {
  margin-right: 100px !important;
}

.mar-115 {
  margin: 115px !important;
}

.mar-x-115 {
  margin-left: 115px !important;
  margin-right: 115px !important;
}

.mar-y-115 {
  margin-top: 115px !important;
  margin-bottom: 115px !important;
}

.mar-t-115 {
  margin-top: 115px !important;
}

.mar-b-115 {
  margin-bottom: 115px !important;
}

.mar-s-115 {
  margin-left: 115px !important;
}

.mar-e-115 {
  margin-right: 115px !important;
}

.mar-130 {
  margin: 130px !important;
}

.mar-x-130 {
  margin-left: 130px !important;
  margin-right: 130px !important;
}

.mar-y-130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}

.mar-t-130 {
  margin-top: 130px !important;
}

.mar-b-130 {
  margin-bottom: 130px !important;
}

.mar-s-130 {
  margin-left: 130px !important;
}

.mar-e-130 {
  margin-right: 130px !important;
}

.mar-170 {
  margin: 170px !important;
}

.mar-x-170 {
  margin-left: 170px !important;
  margin-right: 170px !important;
}

.mar-y-170 {
  margin-top: 170px !important;
  margin-bottom: 170px !important;
}

.mar-t-170 {
  margin-top: 170px !important;
}

.mar-b-170 {
  margin-bottom: 170px !important;
}

.mar-s-170 {
  margin-left: 170px !important;
}

.mar-e-170 {
  margin-right: 170px !important;
}

.min-w-5 {
  min-width: 5px !important;
}

.max-w-5 {
  max-width: 5px !important;
}

.min-w-10 {
  min-width: 10px !important;
}

.max-w-10 {
  max-width: 10px !important;
}

.min-w-15 {
  min-width: 15px !important;
}

.max-w-15 {
  max-width: 15px !important;
}

.min-w-20 {
  min-width: 20px !important;
}

.max-w-20 {
  max-width: 20px !important;
}

.min-w-25 {
  min-width: 25px !important;
}

.max-w-25 {
  max-width: 25px !important;
}

.min-w-30 {
  min-width: 30px !important;
}

.max-w-30 {
  max-width: 30px !important;
}

.min-w-35 {
  min-width: 35px !important;
}

.max-w-35 {
  max-width: 35px !important;
}

.min-w-40 {
  min-width: 40px !important;
}

.max-w-40 {
  max-width: 40px !important;
}

.min-w-45 {
  min-width: 45px !important;
}

.max-w-45 {
  max-width: 45px !important;
}

.min-w-50 {
  min-width: 50px !important;
}

.max-w-50 {
  max-width: 50px !important;
}

.min-w-55 {
  min-width: 55px !important;
}

.max-w-55 {
  max-width: 55px !important;
}

.min-w-60 {
  min-width: 60px !important;
}

.max-w-60 {
  max-width: 60px !important;
}

.min-w-65 {
  min-width: 65px !important;
}

.max-w-65 {
  max-width: 65px !important;
}

.min-w-70 {
  min-width: 70px !important;
}

.max-w-70 {
  max-width: 70px !important;
}

.min-w-75 {
  min-width: 75px !important;
}

.max-w-75 {
  max-width: 75px !important;
}

.min-w-80 {
  min-width: 80px !important;
}

.max-w-80 {
  max-width: 80px !important;
}

.min-w-85 {
  min-width: 85px !important;
}

.max-w-85 {
  max-width: 85px !important;
}

.min-w-90 {
  min-width: 90px !important;
}

.max-w-90 {
  max-width: 90px !important;
}

.min-w-95 {
  min-width: 95px !important;
}

.max-w-95 {
  max-width: 95px !important;
}

.min-w-100 {
  min-width: 100px !important;
}

.max-w-100 {
  max-width: 100px !important;
}

.min-w-195 {
  min-width: 195px !important;
}

.max-w-195 {
  max-width: 195px !important;
}

.min-w-200 {
  min-width: 200px !important;
}

.max-w-200 {
  max-width: 200px !important;
}

.min-w-240 {
  min-width: 240px !important;
}

.max-w-240 {
  max-width: 240px !important;
}

.fw-1 {
  font-weight: 100 !important;
}

.fw-2 {
  font-weight: 200 !important;
}

.fw-3 {
  font-weight: 300 !important;
}

.fw-4 {
  font-weight: 400 !important;
}

.fw-5 {
  font-weight: 500 !important;
}

.fw-6 {
  font-weight: 600 !important;
}

.fw-7 {
  font-weight: 700 !important;
}

.fw-8 {
  font-weight: 800 !important;
}

.fw-9 {
  font-weight: 900 !important;
}

html {
  scroll-behavior: smooth;
}

.text-theme-primary {
  color: var(--bs-theme-primary) !important;
}

.text-black-100 {
  color: var(--bs-black-100);
}

.text-gray-100 {
  color: var(--bs-gray-100);
}

.text-gray-800 {
  color: var(--bs-gray-800);
}

.hover-text-theme-primary:hover {
  color: var(--bs-theme-primary) !important;
}

a {
  outline: none;
}

.btn {
  outline: none;
}

.btn:focus {
  box-shadow: none;
}

.btn.with-icon-start i,
.btn.with-icon-start img {
  width: 10px;
  margin-right: 6px;
}

.btn.with-icon-end i,
.btn.with-icon-end img {
  width: 10px;
  margin-left: 6px;
}

.btn.with-img-start img {
  margin-right: 6px;
}

.btn.rounded {
  border-radius: 20px !important;
}

.btn.btn-outline-black-100 {
  border-width: 1px;
  border-color: var(--bs-black-100);
  border-style: solid;
}

.btn.btn-outline-black-100.border-2 {
  border-width: 2px;
}

.btn.btn-theme {
  background: var(--bs-theme-primary);
  color: #ffffff;
  border: 1px solid var(--bs-theme-primary);
}

.btn.btn-theme i {
  color: #ffffff !important;
}

.btn.btn-theme.outline-transparent {
  background: transparent;
  color: var(--bs-theme-primary);
}

.btn.btn-theme.linear {
  background: var(--sss, linear-gradient(180deg, #37ac4e 0%, #06ca2c 100%));
}

.btn.btn-theme.bg-theme-primary-300 {
  background: var(--bs-theme-primary-300);
}

.btn.btn-theme.text-theme-primary-400 {
  color: var(--bs-theme-primary-400);
}

.btn.btn-theme.bg-theme-100 {
  background: rgba(55, 170, 76, 0.1);
  border: 1px solid rgba(55, 170, 76, 0.1);
  color: var(--bs-theme-primary);
}

.btn.btn-black-100 {
  background: var(--bs-black-100);
  color: #ffffff;
}

.btn.text-linear {
  background: var(--sss, linear-gradient(180deg, #37ac4e 0%, #06ca2c 100%));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.btn.btn-outline-gray-3200 {
  background: transparent;
  color: var(--bs-gray-3200);
  border: 1px solid var(--bs-gray-3200);
}

.btn.btn-outline-gray-3200.color-gray-3300 {
  color: var(--bs-gray-3300);
}

ul.ls-none li {
  list-style: none;
}

.label-check {
  position: relative;
}

.label-check input {
  opacity: 0;
  margin-right: 15px;
}

.label-check:before {
  width: 18px;
  height: 18px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}

.label-check.theme:before {
  background: url("/customer/assets/images/uncheckedBox-theme.svg");
  background-size: cover;
}

.label-check.checked:before {
  background: url("/customer/assets/images/checkedBox-theme.svg");
  background-size: cover;
}

* {
  font-family: "Poppins", sans-serif;
}

body {
  font-size: var(--bs-body-font-size);
  line-height: var(--bs-body-line-height);
  font-weight: var(--bs-body-font-weight);
}


.breadcrumb-box {
  display: flex;
  align-items: end;
  height: 420px;
  background: linear-gradient(124deg,
      rgba(55, 172, 78, 0.12) 29.36%,
      rgba(55, 172, 78, 0.3) 94.82%);
}

.breadcrumb-box .title {
  color: var(--bs-theme-primary-400);
  font-size: 65px;
  font-weight: 600;
  margin-bottom: 20px;
}

.breadcrumb-box ul {
  padding: 0;
}

.breadcrumb-box ul li {
  display: inline-block;
  list-style: none;
  color: var(--bs-black-100);
  padding: 0px 8px;
  font-size: 24px;
}

.breadcrumb-box ul li a {
  color: var(--bs-black-100);
  text-decoration: none;
  font-size: 24px;
}

.breadcrumb-box ul li i {
  font-size: 18px;
}

.breadcrumb-box .content-box {
  padding: 50px 95px;
}

.content-container {
  max-width: 1246px;
  margin: auto;
  padding: 60px 60px;
}

.content-container .title-box {
  text-align: center;
  margin-bottom: 40px;
}

.content-container .title-box .subline {
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  color: var(--bs-theme-primary-400);
  background: white;
  padding: 0 10px;
  margin-bottom: 10px;
}

.content-container .title-box .subline:after {
  content: "";
  /* No text content, just the line */
  position: absolute;
  left: 50%;
  bottom: 8px;
  /* Adjust this value to move the line closer or farther from the text */
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 1.922px;
  /* Height of the line */
  background: var(--sssss, linear-gradient(180deg, #37ac4e 0%, #06ca2c 100%));
  z-index: -1;
  /* Keeps the line behind the text */
  width: 150%;
}

.content-container .title-box h5 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px;
}

.content-container .title-box p {
  color: var(--bs-gray-2300);
  font-weight: 400;
}

.content-container .link-box {
  background: #fff;
  border: 1px solid var(--bs-gray-700);
  border-radius: 22px;
  box-shadow: 3.672px 20.562px 55.077px 2.937px rgba(88, 91, 99, 0.1);
  padding: 34px;
  margin-bottom: 30px;
}

.content-container .link-box h5 {
  color: var(--bs-black-100);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}

.content-container .link-box a {
  display: block;
  margin-bottom: 10px;
  color: var(--bs-theme-primary-400);
}

.content-container .link-box a:last-child {
  margin-bottom: 0px;
}

.content-container .link-box-2 {
  border-radius: 10px;
  border: 1px solid var(--bs-gray-2400);
  padding: 16px 22px;
  margin-bottom: 20px;
}

.content-container .link-box-2 h5 {
  color: var(--bs-gray-2600);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
}

.content-container .link-box-2 p {
  color: var(--bs-gray-2500);
  font-size: 14px;
}

.content-container .error-box {
  text-align: center;
  margin-bottom: 60px;
}

.content-container .error-box .title {
  font-weight: 700;
  margin-bottom: 8px;
}

.content-container .error-box p {
  color: var(--bs-gray-2300);
}

.content-container .social-links-box {
  text-align: center;
}

.content-container .social-links-box ul {
  padding: 0;
}

.content-container .social-links-box ul li {
  list-style: none;
  display: inline;
}

.content-container .social-links-box ul li img {
  max-width: 60px;
  margin: 0 8px;
}

/* banner css */
.banner {
  background: url("/customer/assets/images/home-banner.png");
  background-size: cover !important;
  padding: 120px 100px 100px;
  margin-top: -58px;
}

.banner .search-box-wrapper {
  max-width: 587px;
}

.banner .search-box {
  background: white;
  border-radius: 7px;
  margin-bottom: 10px;
}

.banner .search-box input {
  border: 0px;
  outline: none;
}

.banner .search-box input:placeholder {
  color: var(--bs-gray-100);
}

.banner .search-box .btn {
  border-radius: 20px;
}

.banner h2 {
  font-size: 45px;
}

.banner .search-box-wrapper {
  position: relative;
}

.banner .location-box {
  display: none;
  padding: 20px;
  background: #fff;
  border-radius: 9px;
  font-family: "Lato", sans-serif;
  max-height: 350px;
  overflow-y: auto;
  box-shadow: 0 0 4px var(--bs-gray-1300);
  position: absolute;
  left: 0;
  width: 100%;
  top: calc(100% + 10px);
}

.banner .location-box::-webkit-scrollbar {
  width: 6px !important;
  /* Width of the scrollbar for WebKit browsers */
  overflow: hidden;
}

.banner .location-box::-webkit-scrollbar-track {
  /* Color of the track for WebKit browsers */
  overflow: hidden;
}

.banner .location-box::-webkit-scrollbar-thumb {
  background: var(--bs-gray-1300);
  /* Color of the handle for WebKit browsers */
  border-radius: 5px;
  /* Rounded corners of the handle for WebKit browsers */
}

.banner .location-box .nav {
  background: var(--bs-gray-1000);
  padding: 7px;
  border-radius: 50px;
  margin-bottom: 12px;
}

.banner .location-box .nav-pills .nav-link.active {
  background: var(--sss, linear-gradient(180deg, #37ac4e 0%, #06ca2c 100%));
  border-radius: 50px;
  color: white;
}

.banner .location-box .nav-pills .nav-link {
  padding: 15px 10px;
  color: var(--bs-theme-primary-200);
}

.banner .location-box ul {
  padding: 0;
  margin: 0;
}

.banner .location-box ul li {
  list-style: none;
  padding: 15px 25px;
  color: var(--bs-black-800);
  background: var(--bs-gray-1000);
  border: 1px solid var(--bs-gray-1100);
  border-radius: 9px;
  margin-bottom: 10px;
  cursor: pointer;
}

.banner .location-box ul li.current-location {
  background: var(--bs-theme-primary-300);
  color: var(--bs-black-700);
}

.banner .location-box ul li img {
  margin-right: 8px;
}

.shop-premium-box {
  padding: 50px 0;
}

.shop-premium-box h1 {
  font-size: 46px;
}

.icon-section {
  margin-bottom: 94px;
}

.icon-section .icon-box {
  border-radius: 32.228px;
  background: #fff;
  box-shadow: 0px 1.667px 40px 0px rgba(0, 0, 0, 0.12);
  padding: 30px 20px;
  text-align: center;
  max-width: 233px;
}

.icon-section .icon-box .icon {
  margin-bottom: 20px;
}

.icon-section .icon-box h4,
.icon-section .icon-box p {
  font-family: "Inter", sans-serif;
}

.icon-section .icon-box h4 {
  font-size: 19px;
  color: var(--bs-black-400);
  line-height: 32.228px;
  font-weight: 500;
}

.icon-section .icon-box p {
  font-size: 13px;
  color: var(--bs-gray-100);
  margin-bottom: 0px;
  line-height: 18.333px;
}

.accept-payment-box {
  padding: 40px 0 94px;
}

.accept-payment-box .img-ac-payment {
  z-index: 1;
  position: relative;
  margin-top: -56px;
}

.accept-payment-box .inner {
  background: rgba(55, 150, 111, 0.1);
  border-radius: 10px;
  box-shadow: 0px 1.667px 40px 0px rgba(0, 0, 0, 0.12);
  padding-top: 52px;
  max-width: 1273px;
}

.accept-payment-box .choose-blazy-pay-btn {
  font-size: 36px;
  font-weight: 700;
  border-radius: 50px;
  width: 645px;
  margin-left: -190px;
  padding-right: 80px;
  text-align: right;
  font-family: "Poppins", sans-serif;
  margin-bottom: 12px;
}

.accept-payment-box .title {
  color: var(--bs-black-500);
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 13px;
}

.accept-payment-box .content-box {
  margin-bottom: 12px;
  margin-right: 80px;
  max-width: 455px;
  margin-left: auto;
}

.accept-payment-box .content-box ul {
  padding-left: 16px;
  margin-bottom: 23px;
}

.accept-payment-box .content-box p,
.accept-payment-box .content-box li {
  font-size: 15px;
  color: #000;
}

.banner-2-box {
  background-size: cover !important;
  border-radius: 10px;
  height: 643px;
}

.banner-2-box .container {
  max-width: 1273px;
  color: white;
}

.banner-2-box .content {
  max-width: 600px;
}

.banner-2-box .title {
  margin-bottom: 22px;
  font-size: 41px;
  font-weight: 700;
}

.banner-2-box .description {
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 31.667px;
  letter-spacing: 0.183px;
}

.blazy-help-box {
  padding: 94px 0;
}

.blazy-help-box .container {
  max-width: 1273px;
  background: rgba(55, 150, 111, 0.1);
}

.blazy-help-box .content-box {
  max-width: 585px;
}

.blazy-help-box .title {
  color: var(--bs-black-500);
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 18px;
}

.blazy-help-box p {
  color: #000;
  font-size: 18px;
  margin-bottom: 18px;
}

.age-modal .modal-body {
  padding-bottom: 35px;
}

.age-modal .modal-content {
  border-radius: 30px;
}

.age-modal .content {
  padding: 0 40px;
  text-align: center;
}

.age-modal img {
  margin-bottom: 20px;
}

.age-modal p,
.age-modal .btn,
.age-modal label {
  font-family: "Lato", sans-serif;
}

.age-modal p {
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 26px;
}

.age-modal .btn-block {
  margin-bottom: 20px;
}

.age-modal .btn-block .btn {
  padding: 10px;
  width: 100%;
  border-radius: 50px;
}

.age-modal p {
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 26px;
  color: #3A3A3A;
}

.age-modal .remember-me-wrapper img {
  margin: 0px;
  width: 15px;
  height: 15px;
  object-fit: contain;
}

.age-modal .remember-me-wrapper input {
  display: none;
}

.age-modal .remember-me-wrapper label {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #000;
}

.age-modal .remember-me-wrapper label .checkbox-theme {
  display: none;
}

.age-modal .remember-me-wrapper input:checked+label .checkbox-theme {
  display: block;
}

.age-modal .remember-me-wrapper input:checked+label .uncheckbox-theme {
  display: none;
}







.shop-now-modal {
  text-align: center;
}

.shop-now-modal .modal-body {
  padding: 30px;
}

.shop-now-modal .logo {
  width: 150px;
  margin-bottom: 10px;
}

.shop-now-modal .close-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 0;
}

.shop-now-modal .close-btn img {
  width: 30px;
  height: 30px;
}

.shop-now-modal .title {
  font-size: 24px;
  color: var(--bs-black-000);
  font-weight: 600;
}

.shop-now-modal p {
  font-size: 14px;
  color: var(--bs-black-600);
}

.shop-now-modal .search-box {
  border: 1px solid var(--bs-gray-1100);
  background: var(--bs-gray-1000);
  border-radius: 20px;
}

.shop-now-modal .search-box .input-group {
  display: flex;
  align-items: center;
  padding: 0 15px;
  gap: 6px;
  border: 0;
}

.shop-now-modal .search-box span {
  text-align: end;
}

.shop-now-modal .search-box img {
  padding: 1px;
}

.shop-now-modal .search-box input {
  border: none;
  outline: 0;
  background: var(--bs-gray-1000);
  min-height: 54px;
}

.shop-now-modal .search-box input:focus {
  box-shadow: none;
}

.signup-modal .modal-dialog {
  margin-top: 80px;
  margin-right: 50px;
}

.signup-modal .modal-header {
  justify-content: end;
}

.signup-modal .close-btn img {
  width: 24px;
  height: 24px;
}

.sign-in-modal .title,
.signup-modal .title {
  color: var(--bs-black-000);
  font-weight: 600;
  margin-bottom: 15px;
}

.signup-modal .description {
  color: var(--bs-gray-3300);
  font-weight: 400;
}

.signup-modal .modal-body {
  padding: 20px 30px;
}

.signup-modal .modal-content {
  border-radius: 18px;
}

.signup-modal .form-group {
  margin-bottom: 16px;
}

.signup-modal .form-group label {
  margin-bottom: 12px;
  color: #000;
}

.sign-in-modal .form-group input,
.signup-modal .form-group input,
.signup-modal .form-group select {
  border-radius: 6px;
  padding: 12px;
  font-weight: 300;
  outline: none;
  border: 1px solid var(--bs-gray-1300);
  font-size: 14px;
}

.sign-in-modal .form-group input:placeholder,
.signup-modal .form-group input:placeholder,
.signup-modal .form-group select:placeholder {
  color: var(--bs-gray-1200);
}

.sign-in-modal .form-group input:focus,
.signup-modal .form-group input:focus,
.signup-modal .form-group select:focus {
  border: 1px solid var(--bs-theme-primary-400);
  box-shadow: none;
}

.signup-modal .form-group:last-child {
  margin-bottom: 12px;
}

.signup-modal .google-btn {
  padding: 9px;
  margin-bottom: 12px;
  border-radius: 6px;
}

.sign-in-modal .submit-btn,
.signup-modal .submit-btn {
  margin-top: 10px;
  margin-bottom: 15px;
  border-radius: 10px;
  background: var(--bs-theme-primary-400);
  box-shadow: 0px 4.194px 19.923px 0px rgba(119, 147, 65, 0.3);
  width: 200px;
  height: 50px;
}

.sign-in-modal .submit-btn:focus,
.signup-modal .submit-btn:focus {
  box-shadow: 0px 4.194px 19.923px 0px rgba(119, 147, 65, 0.3);
}

.signup-age-modal .modal-header {
  padding-bottom: 0;
}

.signup-age-modal .modal-body {
  padding: 0 35px 35px 35px;
}

.signup-age-modal .logo {
  text-align: center;
  margin-bottom: 15px;
}

.signup-age-modal .logo img {
  width: 200px;
}

.signup-age-modal .title {
  text-align: center;
  margin-bottom: 20px;
}

.signup-age-modal .label-check {
  margin-bottom: 18px;
}

/* ===================select 2=========================== */

.select2-container--default {
  max-width: 100%;
}

.select2-container .select2-selection--single {
  height: calc(1.5em + 0.75rem + 10px) !important;
  border-radius: 9px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(1.5em + 0.75rem + 10px) !important;
}

.select2-container--default .select2-selection {
  border-color: var(--bs-gray-1300) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px !important;
}

.select2-container .select2-selection--multiple {
  min-height: 41px !important;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 16px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #1f1724 !important;
  border: 1px solid #1f1724 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff !important;
  height: 100%;
}

.select2-dropdown {
  width: 400px !important;
}

footer .social-media-box a:last-child img {
  height: 28px;
  width: 100%;
}

.blazy-help-box-img-wrapper {
  position: relative;
  padding-top: 30px;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
}

.blazy-help-box-img-wrapper img {
  border-radius: 10px 196px 0px 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 430px;
  transition: all 0.4s ease-in-out;
  transform-origin: top;
  max-height: 390px;
}

.blazy-help-box-img-wrapper .help-box-img-2 {
  position: absolute;
  top: 0;
  left: 30px;
  opacity: 10%;
  z-index: -1;
  transform: translate(0, 0);
}

.blazy-help-box-img-wrapper:hover .help-box-img-1 {
  transform: translate(30px, -30px);
  opacity: 10%;
}

.blazy-help-box-img-wrapper .help-box-img-1 {
  position: relative;
}

.blazy-help-box-img-wrapper:hover .help-box-img-2 {
  transform: translate(-30px, 30px);
  z-index: 1;
  opacity: 100%;
}

.pac-container {
  z-index: 1231;
  width: 100% !important;
  max-width: 436px;
  left: 50% !important;
  transform: translateX(-50%);
  padding: 10px;
  background: #fff;
  border-radius: 9px;
  box-shadow: 0 0 4px var(--bs-gray-1300);
  margin-top: 12px;
  scrollbar-width: thin;
}

.pac-item {
  padding: 10px 20px;
  color: var(--bs-black-800);
  background: #f5f5f5;
  border: 1px solid var(--bs-gray-1100);
  border-radius: 9px;
  margin-bottom: 8px;
  cursor: pointer;
}

.pac-item .pac-icon {
  background-image: url(../images/icons/map-marker-2.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* ======== sign in modal ===== */
.sign-in-modal .modal-body {
  padding: 10px 24px 30px;
}

.sign-in-modal .modal-content {
  border-radius: 18px;
}

.sign-in-modal .form-group label {
  margin-bottom: 8px;
  color: var(--bs-black-100);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.sign-in-modal .social-btn .btn {
  padding: 9px 20px;
  gap: 15px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 600;
  border-radius: 6px;
  border: 1px solid var(--bs-theme-primary-400);
  background-color: var(--bs-theme-primary-300);
}

.sign-in-modal .close-btn img,
.signup-modal .close-btn img {
  width: 24px;
  height: 24px;
}

.sign-in-modal .modal-header,
.signup-modal .modal-header {
  justify-content: end;
}

.sign-in-modal .social-btn {
  margin-bottom: 30px;
}

.sign-in-modal .form-group {
  margin-bottom: 20px;
}

.sign-in-modal .modal-dialog {
  margin-top: 80px;
  margin-right: 50px;
}

.sign-in-modal .font-inter {
  font-family: "Inter", sans-serif;
}

.sign-in-modal .content a:hover {
  color: var(--bs-theme-primary-400);
}

/* 10-10-2024 */

.category-nav {
  background: var(--bs-theme-primary);
  padding: 10px 20px;
  justify-content: center;
  display: flex;
}

.category-nav li {
  display: inline-block;
}

.category-nav li a {
  padding: 10px 36px;
  border-radius: 45px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.category-nav li.active a {
  background: var(--bs-black-100);
}

.filter-box {
  padding: 30px 0;
}

.filter-box .check-radio-lbl {
  position: relative;
  padding: 12px 18px;
  background: var(--bs-gray-1500);
  border-radius: 35px;
}

/* .filter-box .check-radio-lbl.checked {
  background: var(--bs-black-100);
  color: white;
} */
.filter-box .check-radio-lbl.active {
  background: var(--bs-black-100);
  color: white;
}

.filter-box .check-radio-lbl.checked:before {
  content: none;
}

.filter-box .check-radio-lbl input {
  position: absolute;
  opacity: 0;
}

.filter-box .select-wrapper {
  position: relative;
}

.filter-box .select-wrapper:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 6px;
  top: 50%;
  right: 12px;
  transform: translate(-50%, -50%);
  background: url("/customer/assets/images/icons/select-dd-arrow.svg");
  background-size: cover;
}

.filter-box .select-wrapper.cannabinol-box:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 15px;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
  background: url("/customer/assets/images/icons/star-o.svg");
  background-size: cover;
}

.filter-box .select-wrapper.cannabinol-box select {
  padding: 12px 35px 12px 35px;
}

.filter-box select {
  padding: 12px 35px 12px 18px;
  border-radius: 35px;
  appearance: none;
  background: var(--bs-gray-1500);
  border: 1px solid var(--bs-gray-1500);
  border: none;
  outline: none;
}

.filter-box .search-wrapper {
  position: relative;
}

.filter-box .search-wrapper:before {
  content: "";
  position: absolute;
  width: 17px;
  height: 16px;
  top: 50%;
  left: 24px;
  transform: translate(-50%, -50%);
  background: url("/customer/assets/images/icons/search.svg");
  background-size: cover;
}

.filter-box .search-wrapper input {
  padding: 12px 18px 12px 45px;
  border-radius: 35px;
  appearance: none;
  background: var(--bs-gray-1500);
  border: 1px solid var(--bs-gray-1500);
  border: none;
  outline: none;
}

.slider-wrapper {
  max-width: 1136px;
  margin: auto;
}

.slider-wrapper .slick-track {
  height: inherit !important;
  display: flex !important;
}

.title-wrapper {
  padding: 20px 30px;
  max-width: 1360px;
  margin: auto;
}

.title-wrapper h4 {
  font-weight: 600;
  margin-bottom: 0px;
}

.title-wrapper button {
  padding-left: 20px;
  padding-right: 20px;
}

.offer-slider .slick-slide {
  padding: 12px;
  background-size: cover !important;
  height: 240px;
  margin: 0 10px;
  border-radius: 10px;
  cursor: pointer;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.offer-slider-1 .slick-slide {
  position: relative;
}

.offer-slider-1 p {
  font-size: 14px;
  color: var(--bs-theme-primary);
  margin-bottom: 4px;
}

.offer-slider-1 h5 {
  font-size: 14px;
  font-weight: bold;
  color: white;
}

.offer-slider-1 .discount-box {
  padding: 14px;
  color: #fff;
  background: var(--bs-black-100);
  border-radius: 0 0 10px 10px;
  width: auto;
  position: absolute;
  top: 0px;
  right: 20px;
  font-weight: bold;
  font-size: 14px;
}

.offer-slider-2 {
  margin-bottom: 60px;
}

.offer-slider-2 .slick-slide {
  position: relative;
}

.offer-slider-2 p {
  font-size: 16px;
  color: var(--bs-yellow);
  margin-bottom: 4px;
}

.offer-slider-2 h5 {
  font-size: 12px;
  font-weight: bold;
  color: white;
  margin-bottom: 10px;
  max-width: 240px;
  line-height: normal;
}

.offer-slider-2 .book-now {
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 9px;
  border: 0;
  display: inline-block;
  text-decoration: none;
}

.custom-arrow-prev,
.custom-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-align: center;
}

.custom-arrow-prev i,
.custom-arrow-next i {
  vertical-align: middle;
}

.custom-arrow-prev.slick-arrow,
.custom-arrow-next.slick-arrow {
  background: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.17748 12.5999L5.2179 8.638C4.75028 8.1701 4.75028 7.40445 5.2179 6.93655L9.17748 2.97461" stroke="%2337AC4E" stroke-width="1.62041" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #37ac4e;
  border-radius: 50%;
}

.custom-arrow-prev {
  left: -70px;
}

.custom-arrow-prev:hover,
.custom-arrow-prev:active,
.custom-arrow-next:hover,
.custom-arrow-next:active {
  background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.17552 12.2542L5.21595 8.29229C4.74833 7.8244 4.74833 7.05875 5.21595 6.59085L9.17552 2.62891" stroke="white" stroke-width="1.62041" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: 16px;
  background-color: #37ac4e;
}

.custom-arrow-next {
  right: -70px;
  transform: rotate(180deg) translateY(50%);
}

.product-slider .slick-slide {
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(55, 170, 76, 0.15);
  border: 1px solid var(--bs-gray-1600);
  border-radius: 6px;
  padding: 14px;
  margin: 5px 10px;
  height: inherit !important;
}

.product-container {
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(55, 170, 76, 0.15);
  border: 1px solid var(--bs-gray-1600);
  border-radius: 6px;
  padding: 14px;
  transition: all 0.3s ease-in-out;
  height: 100% !important;
}

.product-wrapper .product-container {
  margin-inline: 6px;
}

.product-container:hover {
  border: 1px solid #37aa4c;
  box-shadow: 0px 0px 9.66px 0px #37aa4c26;
}

.product-container .badge-primary,
.product-slider .badge-primary {
  background: var(--bs-theme-primary-400);
  color: #fff;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 12px;
}

.product-container .badge-dark,
.product-slider .badge-dark {
  background: var(--bs-black-100);
  color: #fff;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 12px;
}

.product-slider .product-img {
  max-width: 150px;
  height: 172px;
  object-fit: cover;
  display: block;
  border-radius: 10px;
  width: 100%;
}

.product-container .product-img {
  width: 100%;
  display: block;
  height: 172px;
  border-radius: 10px;
  object-fit: cover;
  max-width: 152px;
  aspect-ratio: 3 / 1;
}

.product-container .right-abs-box,
.product-slider .right-abs-box {
  position: absolute;
  top: 14px;
  right: 14px;
}

.hover-text-accent:hover {
  color: #37ac4e;
}

.product-container .right-abs-box .round-btn,
.product-slider .right-abs-box .round-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--bs-gray-1700);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.product-container .name,
.product-slider .name {
  color: var(--bs-black-900);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
}

.product-container .sold-by,
.product-slider .sold-by {
  font-size: 16px;
  color: var(--bs-theme-primary);
  font-weight: 500;
  margin-bottom: 6px;
}

.product-container .sold-by i,
.product-slider .sold-by i {
  font-weight: normal;
}

.product-container .info,
.product-slider .info {
  font-size: 15px;
  color: var(--bs-gray-1800);
  margin-bottom: 5px;
}

.product-container .variation-select,
.product-slider .variation-select {
  padding: 5px;
  border: 1px solid var(--bs-gray-1900);
  border-radius: 5px;
  color: var(--bs-black-1000);
  appearance: none;
  width: 100%;
  font-size: 12px;
}

.product-container .qty-select-wrapper,
.product-slider .qty-select-wrapper {
  position: relative;
  width: 50px;
}

.product-container .qty-select-wrapper:after,
.product-slider .qty-select-wrapper:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 4px;
  top: 50%;
  right: 4px;
  transform: translate(-50%, -50%);
  background: url("/customer/assets/images/icons/select-dd-arrow.svg");
  background-size: cover;
}

.product-container .qty-select-wrapper select,
.product-slider .qty-select-wrapper select {
  appearance: none;
  background: var(--bs-gray-2000);
  border: 1px solid var(--bs-gray-2000);
  border-radius: 5px;
  padding: 5px 15px 5px 5px;
  width: 100%;
  font-size: 12px;
}

.product-container .cart-btn,
.product-slider .cart-btn {
  padding: 0px;
  border: 0;
  background: transparent;
}

.seller-slider .slick-slide {
  border-radius: 10px;
  border: 1px solid var(--bs-theme-primary);
  margin: 5px 10px;
}

.seller-slider .slick-slide {
  overflow: hidden;
}

.seller-slider .slick-slide .cat-img {
  max-width: 100%;
  min-height: 147px;
  max-height: 147px;
  width: 100%;
  object-fit: cover;
}

.seller-slider .slick-slide .name-box {
  background: var(--bs-theme-primary);
  padding: 16px 0;
  text-align: center;
  border-radius: 0 0 10px 10px;
}

.seller-slider .slick-slide .name-box h5 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
}

.offer-modal-1 {
  z-index: 10000;
  margin-top: 40px;
}

.offer-modal-1 .modal-content {
  border-radius: 0;
}

.offer-modal-1 .modal-dialog {
  max-width: 840px;
  position: relative;
  margin: auto;
}

.offer-modal-1 .close-btn {
  right: 10px;
  top: 10px;
}

.offer-modal-1 .special-offer-badge {
  position: absolute;
  left: -15px;
  top: -20px;
  width: 60px;
  height: 60px;
  z-index: 1;
}

.offer-modal-1 .content-box {
  padding: 50px;
}

.offer-modal-1 .content-box h4 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}

.offer-modal-1 .content-box .description {
  color: var(--bs-gray-2900);
  margin-bottom: 20px;
}

.offer-modal-1 .content-box input {
  border: 1px solid var(--bs-black-100);
  color: var(--bs-black-100);
  height: 40px;
  max-width: 150px;
  outline: none;
  padding: 8px 18px;
  width: auto;
  text-align: center;
}

.offer-modal-1 .content-box button {
  background: var(--bs-black-100);
  color: white;
  border-radius: 0;
  height: 40px;
  width: 56px;
}

.offer-modal-1 .content-box .copy-box {
  margin-bottom: 6px;
}

.offer-modal-1 .content-box .terms-note {
  color: var(--bs-black-100);
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 24px;
}

.offer-modal-1 .content-box .terms-note a {
  text-decoration: underline;
  font-weight: 600;
  color: var(--bs-black-100);
}

.offer-modal-1 .content-box .expire-line {
  color: var(--bs-black-100);
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 0;
}

.offer-modal-1 .modal-body {
  padding: 0;
}

.offer-modal-1 .close-btn,
.offer-modal-2 .close-btn,
.offer-modal-3 .close-btn {
  position: absolute;
  z-index: 9;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

/* 
.offer-modal-1 .row {
  align-items: center;
} */

.offer-modal-1 .offer-img-box img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.offer-modal-2 .modal-dialog {
  max-width: 340px;
}

.offer-modal-2 .close-btn,
.offer-modal-3 .close-btn {
  right: 16px;
  top: 16px;
}

.offer-modal-2 .modal-content {
  padding: 14px 12px;
}

.offer-modal-2 .modal-content .modal-body {
  padding: 0;
}

.offer-modal-2 .img-box {
  text-align: center;
  margin-bottom: 24px;
}

.offer-modal-2 .special-offer-badge {
  margin-bottom: -26px;
}

.offer-modal-2 .title {
  color: var(--bs-black-100);
  font-weight: 600;
  margin-bottom: 16px;
}

.offer-modal-2 .description {
  text-align: center;
  color: var(--bs-gray-2900);
  margin-bottom: 20px;
  font-size: 14px;
}

.offer-modal-2 .btn-box {
  text-align: center;
  color: var(--bs-black-100);
  font-size: 14px;
  font-weight: 600;
}

.offer-modal-2 .btn-box .btn {
  margin-left: 10px;
}

.offer-modal-3 {
  z-index: 10000;
  margin-top: 40px;
}

.offer-modal-3 .modal-content {
  border-radius: 0;
  position: relative;
}

.offer-modal-3 .modal-dialog {
  max-width: 660px;
}

.offer-modal-3 .modal-body {
  padding: 30px;
}

.offer-modal-3 .title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 14px;
}

.offer-modal-3 .description {
  color: var(--bs-gray-3000);
  border-left: 3px solid var(--bs-theme-primary);
  padding-left: 10px;
  margin-bottom: 14px;
}

.offer-modal-3 .content-box {
  position: relative;
}

.offer-modal-3 .bg-1 {
  position: absolute;
  left: -25px;
  top: 30px;
}

.offer-modal-3 .bg-2 {
  position: absolute;
  right: 0;
  z-index: 1;
}

.banner-box .custom-arrow-prev {
  left: 30px;
}

.banner-box .custom-arrow-next {
  right: 30px;
}

.product-wrapper {
  max-width: 1136px;
  margin: auto;
}

/*  filter-box  */
.toggle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f3f3;
  border-radius: 30px;
  padding: 5px;
  width: 200px;
  height: 46px;
  position: relative;
}

.toggle-container input {
  display: none;
}

.toggle-option {
  font-family: "Lato", serif;
  flex: 1;
  text-align: center;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 700;
  color: #494949;
  cursor: pointer;
  transition: color 0.3s ease;
}

.toggle-container input:checked+label {
  color: white;
}

.toggle-container input#delivery:checked+label {
  background-color: white;
  color: #494949;
  border-radius: 25px;
}

.toggle-container input#pickup:checked+label {
  background-color: white;
  color: #494949;
  border-radius: 25px;
}

.filter-box label,
.filter-box select {
  font-family: "Lato", serif;
  color: #494949;
}

.filter-box-wrap .select-wrapper.cannabinol-box:before {
  background: url("../images/icons/star-o.svg");
}

.filter-box-wrap .select-wrapper:after {
  background: url("../images/icons/select-dd-arrow.svg");
  content: "";
  position: absolute;
  width: 10px;
  height: 6px;
  top: 50%;
  right: 12px;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.filter-box-wrap .search-wrapper:before {
  background: url("../images/icons/search.svg");
}

.product-container .qty-select-wrapper:after,
.product-slider .qty-select-wrapper:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 6px;
  top: 50%;
  right: 5px;
  transform: translate(-50%, -50%);
  background: url("../images/icons/select-dd-arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

/* Quick view modal start */

.quick-view-modal .modal-dialog {
  max-width: 932px;
}

.quick-view-modal .modal-content {
  box-shadow: 0px 15.67px 18.8px -3.13px #10182814;
  border: 0px;
  border-radius: 9px;
}

.quick-view-modal .modal-header {
  padding: 26px 20px 16px;
  border: 0px;
}

.quick-view-modal .modal-close-btn {
  padding: 0px;
  border: 0px;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.quick-view-modal .modal-logo img {
  max-width: 203px;
  display: block;
}

.quick-view-modal .modal-body {
  padding: 0px 20px 28px;
}

.product-custom-cos h2 {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  color: #1a1a1a;
  max-width: 24ch;
}

.product-custom-cos .product-text-muted {
  gap: 12px;
  padding-bottom: 10px;
  flex-wrap: wrap;
}

.product-custom-cos .product-text-muted li {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #37aa4c;
  line-height: 1.2;
}

.product-custom-cos .product-text-muted li:not(:first-child) {
  padding-left: 16px;
  position: relative;
}

.product-custom-cos .product-text-muted li:first-child::after {
  display: none;
}

.product-custom-cos .product-text-muted li::after {
  content: "";
  position: absolute;
  background: #37aa4c;
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  border-radius: 50px;
}

.product-custom-cos .product-tags {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.product-custom-cos .product-tags .tag-option {
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #7b7b7b;
  background: #f4f4f4;
  border-radius: 6px;
  min-width: 80px;
  width: 100%;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1;
}

.product-custom-cos .product-tags input:checked+label {
  border: 1px solid #37aa4c;
}

.product-custom-cos .product-tags input {
  display: none;
}

.product-custom-cos .sold-by i {
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  color: #000;
}

.product-custom-cos .sold-by .seller-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #37aa4c;
}

.product-custom-cos .solid-rating-wrapper {
  padding-block: 10px;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}

.product-custom-cos .solid-rating-wrapper .product-price {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  line-height: 1.5;
}

.product-custom-cos .solid-rating-wrapper .badge-buy-one {
  padding: 4px 9px;
  background: #37aa4c1a;
  font-size: 10px;
  font-weight: 500;
  color: #37aa4c;
  line-height: 1.4;
  border-radius: 25px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.product-custom-cos .solid-rating-wrapper .badge-buy-one img {
  width: 8px;
  height: 8px;
  object-fit: cover;
  display: block;
}

.product-custom-cos .product-rating-wrapper img {
  width: 12px;
  height: 12px;
  object-fit: cover;
}

.product-custom-cos .product-rating-wrapper {
  display: flex;
  align-items: center;
  gap: 2px;
}

.product-custom-cos .product-rating span {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #666666;
}

.product-custom-cos .solid-rating-wrapper .sold-by {
  margin-bottom: 10px;
}

.product-custom-cos .product-dose-select {
  gap: 10px;
}

.product-custom-cos .product-dose-select input:checked+label {
  border: 1px solid #37aa4c;
}

.product-custom-cos .product-dose-select .dose-select {
  border: 1px solid #e9e5e5;
  padding: 6px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #1e1e1e;
  min-width: 86px;
  cursor: pointer;
}

.product-custom-cos .product-dose-select .dose-select span {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.product-custom-cos .product-dose-select input {
  display: none;
}

.product-custom-cos .select-option-wrap h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  margin-bottom: 6px;
}

.product-custom-cos .select-option-wrap {
  padding-top: 10px;
  padding-bottom: 6px;
}

.product-custom-cos .counter-container {
  max-width: 80px;
  width: 100%;
  position: relative;
}

.product-custom-cos .counter-container input {
  min-width: 80px;
  height: 32px;
  border: 1px solid #e6e6e6;
  border-radius: 50px;
  max-width: 80px;
  padding-block: 5px;
  padding-inline: 30px;
  text-align: center;
  outline: 0px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #1e1e1e;
}

.product-custom-cos .counter-container button {
  color: #666666;
  width: 22px;
  height: 22px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  min-height: 22px;
  background: #f2f2f2;
  padding: 0;
  font-size: 14px;
  border: 0px;
}

.product-custom-cos .counter-container button:hover {
  color: #ffffff !important;
  background: #00b207 !important;
}

.product-custom-cos .counter-container .btn-minus {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.product-custom-cos .counter-container .btn-plus {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.product-custom-cos .product-btn-custom {
  padding: 10px 15px;
  background: #00b207;
  border-radius: 28px;
  border: 0px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  justify-content: center;
  max-width: 136px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

/* .product-custom-cos .product-btn-custom:hover {
  background: #2C742F;
} */

.product-custom-cos .counter-container-wrap .product-select-btn {
  border: 0px;
  background: #20b5261a;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-custom-cos .counter-container-wrap .product-select-btn svg:hover {
  fill: #2c742f;
}

.product-custom-cos .product-slide-container {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  position: relative;
  padding: 20px 20px;
}

.product-custom-cos .custom-arrow-prev,
.product-custom-cos .custom-arrow-next {
  width: 33px;
  height: 33px;
}

.product-custom-cos .custom-arrow-prev {
  left: 0px;
}

.product-custom-cos .custom-arrow-next {
  right: 0px;
}

/* product details start */

.breadcrumb-bar .container {
  max-width: 1170px;
}

.breadcrumb-bar {
  padding-block: 20px;
  background: linear-gradient(0deg, #000000, #000000),
    linear-gradient(90.02deg, rgba(0, 0, 0, 0.7) 0.03%, rgba(0, 0, 0, 0) 91.31%);
}

.breadcrumb-bar .breadcrumb-item a,
.breadcrumb-bar .breadcrumb-item {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  line-height: 1;
  display: flex;
  align-items: center;
}

.breadcrumb-bar .breadcrumb-item.active {
  color: #00b207;
  font-weight: 600;
}

.breadcrumb-bar .breadcrumb-item+.breadcrumb-item {
  padding-left: 12px;
}

.breadcrumb-item+.breadcrumb-item::before {
  padding-right: 10px;
}

/* product-details-main start */

.product-details-main {
  padding-block: 50px;
  max-width: 1024px;
  margin: auto;
}

.product-details-main .product-nav-slide-item {
  padding: 4px;
  border: 1px solid #E9E9E9;
  border-radius: 8px;
  margin-inline: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-details-main .product-nav-slide-item img {
  width: 100%;
  height: 70px;
  object-fit: cover;
  display: block;
  margin: auto;
  border-radius: 4px;
}

.product-details-main .product-nav-slide-item.slick-current.slick-active {
  border: 1px solid #37aa4c;
}

.product-details-main .product-nav-slide {
  padding-top: 24px;
}

.related-products-wrapper {
  padding-bottom: 90px !important;
}

.product-details-main h2 {
  font-size: 28px;
}

.product-details-main .product-description-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.product-details-main .product-description-wrapper {
  padding-block: 10px;
}

.product-details-main .product-description-wrapper p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: #444444;
}

.product-details-main .product-details-wrapper {
  padding-left: 24px;
}

.product-details-main .select-option-wrap h5 {
  font-size: 15px;
  font-weight: 600;
}

.product-details-main .product-dose-select .dose-select {
  font-size: 16px;
  font-weight: 500;
  min-width: 93px;
  line-height: 1.4;
}

.product-details-main .select-option-wrap {
  padding-bottom: 12px;
}

.product-details-main .counter-container {
  max-width: 88px;
}

.product-details-main .counter-container input {
  max-width: 88px;
}

.product-details-main .product-btn-custom {
  max-width: 146px;
}

.product-details-main .product-brand-wrapper {
  padding-block: 10px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.product-details-main .product-brand-wrapper p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #0b0f0e;
}

.product-details-main .product-brand-wrapper p strong {
  font-size: 15px;
  font-weight: 600;
  color: #505050;
  margin-right: 8px;
}

/* .product-details-main .product-slide-container {
  max-height: 470px;
} */

.product-details-main .product-slide-container {
  height: 400px;
}

.product-slide-container .slick-slider,
.product-slide-container .slick-list,
.product-slide-container .slick-track {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-slide-container .product-main-slide-item {
  height: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.product-slide-container .product-main-slide-item img {
  max-height: 320px;
  max-width: 100%;
}



.product-details-main .product-prev-btn {
  height: 40px;
  width: 40px;
  box-shadow: 0px 3.24px 16.2px 0px #0000000d;
  border: 1px solid #37aa4c;
  border-radius: 4px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
  margin-top: -16px;
}

.product-details-main .product-prev-btn svg {
  width: 16px;
  height: 16px;
  transition: all 0.3s ease-in-out;
}

.product-details-main .product-prev-btn:hover {
  background: #37aa4c;
}

.product-details-main .product-prev-btn:hover svg path {
  stroke: #fff;
}

.last-step-image img {
  height: 100vh;
  object-fit: cover;
}

.last-step-popup {
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: end;
  align-items: center;
}

.last-step-popup .signup-modal .modal-content {
  border: 0;
}

.last-step-popup .signup-age-modal .modal-body {
  padding: 40px;
}

.last-step-popup .signup-age-modal .logo img {
  width: 216px;
}

.last-step-popup .signup-age-modal .logo {
  margin-bottom: 30px;
}

.last-step-popup .signup-age-modal .title {
  margin-bottom: 22px;
  font-size: 24px;
}

.last-step-popup .signup-modal .submit-btn {
  margin-top: 15px;
  margin-bottom: 30px;
  height: 54px;
}

.last-step-popup form input {
  display: none;
}

.last-step-popup form>* {
  text-align: center;
}

.last-step-popup .signup-age-modal .label-check,
.last-step-popup form p {
  line-height: 1.6;
}

.last-step-popup .signup-age-modal {
  max-width: 580px;
  margin-left: auto;
}

/* footer css  */
footer .container {
  max-width: 1300px;
}

footer .common-area {
  padding: 68px 0 44px;
  background: var(--bs-gray-900);
}

footer .app-store-box img {
  max-width: 150px;
  margin-right: 10px;
}

footer .social-media-box img {
  max-width: 37px;
  margin-right: 5px;
}

footer .copyright-box {
  color: #fff;
  background: var(--bs-black-500);
  padding: 20px;
}

footer .copyright-box p {
  font-size: 12.5px;
  margin: 0;
}

footer .title {
  font-size: 15px;
  line-height: 35.833px;
  font-weight: 700;
  color: var(--bs-black-500);
  margin-bottom: 10px;
}

footer .subscription-box {
  margin-bottom: 10px;
}

footer .subscription-box input {
  font-size: 12px;
  background: var(--bs-gray-300);
  border: 0;
  border-radius: 100px;
  padding: 12px 26px;
  outline: none;
}

footer .subscription-box input:placeholder {
  color: rgba(0, 0, 0, 0.6);
}

footer .subscription-box .input-group-text {
  padding: 0;
}

footer .subscription-box .input-group-text .btn {
  border-radius: 100px;
  min-width: 130px;
  height: 44px;
  font-family: "Poppins", sans-serif;
  margin-left: -15px;
}

footer .note {
  color: var(--bs-black-500);
  font-size: 10px;
  margin-bottom: 20px;
}

footer .note a {
  color: var(--bs-black-500);
}

footer .links ul {
  padding: 0;
}

footer .links ul li {
  list-style: none;
  margin-bottom: 15px;
}

footer .links ul li a {
  font-size: 12.5px;
  color: #000;
}

.partner-modal .modal-content {
  border-radius: 18px;
}

.partner-modal .modal-header {
  padding: 6px;
  justify-content: end;
}

.partner-modal .modal-body {
  padding-top: 0;
}

.partner-modal .close-btn img {
  width: 24px;
  height: 24px;
}

.partner-modal .tab-box {
  margin-bottom: 15px;
}

.partner-modal .tab-box ul {
  justify-content: center;
}

.partner-modal .tab-box ul.nav {
  background: var(--bs-black-100);
  padding: 5px;
  width: max-content;
  margin: auto;
  border-radius: 95px;
}

.partner-modal .tab-box ul.nav .nav-item a {
  color: white;
  border-radius: 95px;
}

.partner-modal .tab-box ul.nav .nav-item a.active {
  background: var(--sss, linear-gradient(180deg, #37ac4e 0%, #06ca2c 100%));
}

.partner-modal .description {
  color: var(--bs-gray-3300);
  font-size: 14px;
  text-align: center;
}

.partner-modal .form-group {
  margin-bottom: 16px;
}

.partner-modal .form-group label {
  margin-bottom: 12px;
  color: #000;
}

.partner-modal .form-group input,
.partner-modal .form-group select {
  border-radius: 6px;
  padding: 12px;
  font-weight: 300;
  outline: none;
  border: 1px solid var(--bs-gray-1300);
  font-size: 14px;
}

.partner-modal .form-group input:placeholder,
.partner-modal .form-group select:placeholder {
  color: var(--bs-gray-1200);
}

.partner-modal .form-group input:focus,
.partner-modal .form-group select:focus {
  border: 1px solid var(--bs-theme-primary-400);
  box-shadow: none;
}

.partner-modal .form-group:last-child {
  margin-bottom: 12px;
}

.partner-modal .submit-btn {
  margin-top: 10px;
  margin-bottom: 15px;
  border-radius: 10px;
  background: var(--bs-theme-primary-400);
  box-shadow: 0px 4.194px 19.923px 0px rgba(119, 147, 65, 0.3);
  width: 200px;
  height: 50px;
}

.partner-modal .submit-btn:focus {
  box-shadow: 0px 4.194px 19.923px 0px rgba(119, 147, 65, 0.3);
}

.banner-slide-box .banner-rating-box {
  border-radius: 10px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  width: fit-content;
}

.banner-slide-box .banner-rating-box p {
  font-size: 16px;
  color: var(--bs-black-100);
  font-weight: 500;
  line-height: 1.4;
}

.banner-slide-box .banner-rating-icon {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.banner-slide-box .banner-rating-img img {
  width: 70px;
  height: 70px;
  display: block;
  object-fit: cover;
}


.banner-slide-box {
  height: calc(100vh - 58px);
  max-height: 600px !important;
  position: relative;
  overflow: hidden;
}


.banner-slide-box .banner-slider {
  padding-block: 70px;
  padding-inline: 70px;
}

.banner-slide-box .slick-list,
.banner-slide-box .slick-track,
.banner-slide-box .slick-slide,
.banner-slide-box .banner-slider {
  height: 100% !important;
}


.banner-slide-box .slick-track {
  height: inherit !important;
  display: flex !important;
}

.banner-slide-box .custom-arrow-prev {
  left: 20px !important;
}

.banner-slide-box .custom-arrow-next {
  right: 20px !important;
}

.banner-slide-box .row {
  position: relative;
  z-index: 1;
  max-width: 1700px;
  margin-inline: auto;
  height: 100%;
}

.banner-slide-box .banner-slider-bg-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.banner-title-sm-wrapper {
  width: fit-content;
}

.banner-slide-box .banner-title-sm {
  background: #0b9fdb;
  width: fit-content;
  padding: 4px 20px;
  font-size: 20px;
  color: #ffffff;
  line-height: normal;
  margin-bottom: 20px;
  border-radius: 10px;
}

.banner-title-sm-wrapper p {
  font-size: 20px;
  color: #ffffff;
  line-height: normal;
}

.banner-slide-box .banner-title {
  font-size: 48px;
  color: #000000;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;
  width: fit-content;
}

.banner-slide-box .banner-title::after {
  background: #ffffff8c;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  border-radius: 10px;
}

.banner-slide-box .banner-sub-title {
  font-size: 18px;
  color: #37a000;
  font-weight: 400;
  line-height: 1.2;
}

.banner-slide-box .get-delivery-box {
  border-radius: 45px;
  background-color: rgba(0, 0, 0, 0.7019607843137254);
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
  padding-block: 16px;
  padding-inline: 70px 16px;
  width: fit-content;
  margin-top: 48px;
}

.banner-slide-box .get-delivery-icon img {
  width: 65px;
  height: 65px;
  border-radius: 50px;
}

.banner-slide-box .get-delivery-icon {
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translate(-1%, -50%);
}

.banner-slide-box .contact-us-btn {
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
  font-family: "Poppins";
  border-radius: 10px;
  background-color: #37a000;
  border: 0px solid #000000;
  text-decoration: none;
  padding: 15px 28px;
  display: block;
  width: fit-content;
  margin-top: 48px;
}

.banner-slide-box .banner-slider-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: center;
}

.banner-slide-box .banner-rating-rt span {
  font-size: 16px;
  margin-top: 4px;
  font-weight: 400;
  display: block;
}

.banner-slide-box .banner-rating-icon i {
  font-size: 16px;
}

.banner-slide-box .text-yellow {
  color: #edff00;
}

.banner-slide-box .text-orange-300 {
  color: #f29524;
}

.havanna-custom .banner-title-sm {
  background: #892b2c !important;
}

.havanna-custom .contact-us-btn {
  background-color: #000;
}

.banner-slide-box .banner-title span {
  font-size: 36px;
}

.havanna-custom .banner-sub-title {
  color: var(--bs-theme-primary) !important;
}

.banner-slide-box .star-highlight {
  color: #ffe400;
}

.triple-scoop-custom .get-delivery-box {
  background-color: rgba(202, 129, 184, 0.7) !important;
}

.blog-box {
  margin-bottom: 24px;
}

.blog-box .blog-img {
  margin-bottom: 20px;
  border-radius: 10px;
  width: 100%;
}

.blog-box .author-box {
  color: var(--bs-black-1100);
  margin-bottom: 8px;
}

.blog-box .author-box img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 8px;
}

.blog-box h5 {
  font-weight: 600;
  margin-bottom: 8px;
}

.blog-box h5 a:hover {
  color: #37ac4e;
}


.blog-box p {
  font-size: 14px;
  color: var(--bs-gray-2700);
  margin-bottom: 0px;
}

.categoris-box {
  margin-bottom: 40px;
}

.categoris-box ul {
  padding: 0;
}

.categoris-box li {
  list-style: none;
  border-bottom: 1px solid var(--bs-gray-2800);
  font-weight: 500;
}

.categoris-box li a {
  color: var(--bs-black-1100);
  text-decoration: none;
  padding: 12px 0;
  display: block;
}

.latest-post-box ul {
  padding: 0;
}

.latest-post-box li {
  list-style: none;
  border-bottom: 1px solid var(--bs-gray-2800);
  font-weight: 500;
  padding: 12px 0;
}

.latest-post-box li a {
  color: var(--bs-black-1100);
  text-decoration: none;
  display: block;
}

.latest-post-box img {
  border-radius: 10px;
  padding: 0;
}

.latest-post-box .date {
  color: var(--bs-gray-2700);
  font-weight: 400;
  margin-bottom: 0;
}

.search-box {
  margin-bottom: 30px;
}

.search-box .input-group {
  border: 1px solid var(--bs-gray-2800);
  border-radius: 10px;
  padding: 15px 10px 15px 20px;
}

.search-box .input-group input {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
}

.search-box .input-group-addon {
  display: flex;
  margin-right: 16px;
}

.search-box .input-group-addon img {
  margin: auto;
}

.theme-title {
  color: var(--bs-theme-primary-400);
}

.breadcrumb-box.slider {
  height: auto;
  max-height: 650px;
}

.breadcrumb-box.slider .carousel {
  width: 100%;
}

.breadcrumb-box.slider .carousel-item {
  position: relative;
}

.breadcrumb-box.slider .carousel-item .caption-box {
  padding: 250px 56px 0 56px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.breadcrumb-box.slider .carousel-item .caption-box .bc-ul li {
  color: white;
}

.breadcrumb-box.slider .carousel-item .caption-box .bc-ul li a {
  color: white;
}

.breadcrumb-box.slider .carousel-item .caption-box-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 56px 56px 56px;
  color: white;
}

.breadcrumb-box.slider .carousel-item .caption-box-2 h4 {
  font-size: 30px;
  margin-bottom: 20px;
}

.breadcrumb-box.slider .carousel-item .caption-box-2 p {
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
}

.breadcrumb-box.slider .carousel-control-next,
.breadcrumb-box.slider .carousel-control-prev {
  height: 45px;
  width: 45px;
  top: 50%;
}

.breadcrumb-box.slider .carousel-control-next .normal-img,
.breadcrumb-box.slider .carousel-control-prev .normal-img {
  display: block;
}

.breadcrumb-box.slider .carousel-control-next .hover-img,
.breadcrumb-box.slider .carousel-control-prev .hover-img {
  display: none;
}

.breadcrumb-box.slider .carousel-control-next:hover .normal-img,
.breadcrumb-box.slider .carousel-control-prev:hover .normal-img {
  display: none;
}

.breadcrumb-box.slider .carousel-control-next:hover .hover-img,
.breadcrumb-box.slider .carousel-control-prev:hover .hover-img {
  display: block;
}

.breadcrumb-box.slider .carousel-control-prev {
  left: 60px;
}

.breadcrumb-box.slider .carousel-control-next {
  right: 60px;
}

.click-to-signup-box {
  background: linear-gradient(268deg, #e7f5ea 0%, #d1fadc 100%),
    linear-gradient(0deg,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0.8) 100%),
    #bcbfdb;
  border-radius: 16px;
  padding: 45px 0;
  text-align: center;
  position: relative;
}

.click-to-signup-box h4 {
  color: var(--bs-black-1200);
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 10px;
}

.click-to-signup-box p {
  color: var(--bs-gray-3100);
  font-weight: 400;
  line-height: 30px;
  font-size: 20px;
  margin-bottom: 24px;
}

.click-to-signup-box button {
  min-width: 200px;
  z-index: 1;
  position: relative;
}

.click-to-signup-box:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/customer/assets/images/bg-1.png");
  background-repeat: no-repeat;
}

/* store-map-wrapper */
.store-map-wrapper .map-container {
  border: 1px solid #37ac4e;
  border-radius: 8px;
  overflow: hidden;
  min-height: 380px;
  height: 100%;
}

.store-map-wrapper .map-container iframe {
  width: 100%;
  height: 100%;
}

.store-map-wrapper .store-input-group .form-control {
  box-shadow: 0px 0px 0.68px 0px #0c1a4b3d;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding-block: 20px;
  padding-inline: 60px 20px;
  font-family: "Lato", serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.store-map-wrapper .store-input-group .form-control::placeholder {
  color: #000;
}

.store-map-wrapper .store-input-group {
  margin-bottom: 20px;
}

.store-map-wrapper .store-input-group .store-input-btn {
  border: 0px;
  padding: 0px;
  background: transparent;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.store-box-wrapper {
  padding: 10px 16px;
  border: 0.8px solid #efefef;
  box-shadow: 0px 2.03px 5.42px -0.68px #3232470d;
  background: #fff;
  border-radius: 10px;
  gap: 16px;
  /* display: grid;
  grid-template-columns: 0.7fr 1fr; */
  display: flex;
  position: relative;
}

.store-box-wrapper .name-box {
  background: var(--bs-theme-primary);
  padding: 8px 6px;
  text-align: center;
}

.store-box-wrapper .name-box h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0px;
}

.store-box-wrapper .store-box-img {
  max-width: 100%;
  display: block;
  height: 110px;
  object-fit: cover;
  width: auto;
}

.store-box-wrapper .store-item-img {
  max-width: 100%;
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.store-box-wrapper .store-box-lt {
  flex: 0 0 150px;
  /* border-radius: 10px;
  border: 1px solid var(--bs-theme-primary);
  overflow: hidden; */
}

.store-box-wrapper .store-box-rt {
  width: 100%;
}

.store-box-wrapper .store-box-lt-inner {
  border-radius: 10px;
  border: 1px solid var(--bs-theme-primary);
  overflow: hidden;
}

.store-box-wrapper .share-btn {
  border: 1px solid #37ac4e;
  border-radius: 2px;
  background: #fff;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex-shrink: 0;
  position: absolute;
  top: 10px;
  right: 16px;
}

/* .store-box-wrapper .share-btn:hover {
  background: #37AC4E;
}
.store-box-wrapper .share-btn:hover  svg path{
  fill: #fff;
} */

.store-box-wrapper .store-item-title {
  font-family: "Lato", serif;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #000000;
  line-height: 1;
  margin: 0px;
  padding-right: 25px;
}

.store-box-wrapper .store-box-rt .store-item-sub-title {
  font-family: "Lato", serif;
  font-size: 12px;
  font-weight: 600;
  color: #37ac4e;
  line-height: 1.4;
}

.store-box-wrapper .store-box-rt .store-list-item,
.store-box-wrapper .store-box-rt .store-list-item a {
  font-family: "Lato", serif;
  font-size: 12px;
  font-weight: 500;
  color: #03081f;
  line-height: normal;
}

.store-box-wrapper .store-status,
.store-box-wrapper-2 .store-status {
  font-family: "Lato", serif;
  font-size: 13px;
  font-weight: 600;
  color: #37ac4e;
  line-height: 1.4;
}

.store-status-closed .store-status {
  color: #f12323 !important;
}

.store-box-wrapper .store-status-time,
.store-box-wrapper-2 .store-status-time,
.store-box-wrapper-2 .pickup-time {
  font-family: "Lato", serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: #9a9a9a;
  padding-left: 16px;
  position: relative;
}

.store-box-wrapper .store-status-time::after,
.store-box-wrapper-2 .store-status-time::after {
  content: "";
  position: absolute;
  top: 5px;
  background: #9a9a9a;
  width: 4px;
  height: 4px;
  border-radius: 50px;
  left: 5px;
}

.store-map-wrapper .store-list,
.store-map-wrapper .store-list-2 {
  max-height: 80vh;
  overflow-y: auto;
}

.store-map-wrapper .store-list-2 {
  padding: 6px;
}

.store-map-wrapper {
  padding-bottom: 75px;
}

/* store close bar start */

.store-prev-btn {
  padding: 0px;
  box-shadow: 0px 3.2px 16.02px 0px #0000000d;
  border: 1px solid #37aa4c;
  background: #fff;
  border-radius: 4px;
  width: 52px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.store-prev-btn:hover {
  background: #37aa4c;
}

.store-prev-btn:hover svg path {
  stroke: #fff;
}

.store-prev-btn svg {
  width: 16px;
  height: 16px;
  transition: all 0.3s ease-in-out;
}

.store-close-btn svg {
  width: 14px;
  height: 14px;
}

.store-close-btn {
  width: 40px;
  height: 40px;
  border: 0px;
  border-radius: 50px;
  background: #e7f5ea;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}

.store-close-bar .container,
.store-map-wrapper .container {
  padding-inline: 60px;
  margin-inline: auto;
  max-width: 1320px;
}

/* category nav container */

.category-nav-container {
  padding-inline: 60px;
  margin-inline: auto;
  max-width: 1320px;
}

.category-nav-container .category-nav {
  border-radius: 8px;
  gap: 16px;
  padding-block: 12px;
}

.category-nav-container .category-nav li a {
  padding: 10px 26px;
  display: inline-block;
}

.category-nav .nav,
.category-nav-container .nav {
  gap: 10px;
}

.filter-box-container {
  padding-inline: 60px;
  margin-inline: auto;
  max-width: 1320px;
}

.filter-box-container .filter-box {
  border: 1px solid #d9d9d9;
  box-shadow: 0px 16.02px 19.23px -3.2px #1018281a;
  border-radius: 8px;
  padding: 15px 20px;
}

.filter-box-container .filter-box-column-gap {
  column-gap: 24px !important;
}

.category-nav-container .store-prev-btn {
  position: absolute;
  left: 0;
  top: 10px;
}

.category-nav-container .store-close-btn {
  position: absolute;
  right: 0;
  top: 10px;
}

/* store-list-2 */

.store-box-wrapper-2 {
  box-shadow: 0px 1.99px 5.3px -0.66px #3232470d;
  background: #ffffff;
  border-radius: 10px;
  padding: 6px;
  overflow: hidden;
  height: 100%;
}

.store-box-wrapper-2 .store-box-img {
  border-radius: 10px;
  overflow: hidden;
  height: 90px;
  position: relative;
}

.store-box-wrapper-2 .store-item-title {
  font-family: "Lato", serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 6px;
}

.store-box-wrapper-2 .store-item-rating {
  padding: 3px 6px;
  background: #000;
  border-radius: 50px;
  width: fit-content;
  position: absolute;
  top: 10px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 3px;
}

.store-box-wrapper-2 .store-item-rating span {
  font-family: "Lato", serif;
  font-size: 8px;
  font-weight: 500;
  line-height: normal;
  color: #fff;
}

.store-box-wrapper-2 .store-item-rating img {
  width: 7px;
  height: 7px;
  object-fit: contain;
}

.store-box-wrapper-2 .store-item-img {
  height: 90px;
  width: 100%;
  object-fit: cover;
  display: block;
}

.store-map-wrapper .store-list::-webkit-scrollbar,
.store-map-wrapper .store-list-2::-webkit-scrollbar,
.customer-sms-box .sms-wrapper::-webkit-scrollbar {
  width: 5px;
}

.store-list::-webkit-scrollbar-thumb,
.customer-sms-box .sms-wrapper::-webkit-scrollbar-thumb,
.store-map-wrapper .store-list-2::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: linear-gradient(180deg, #37ac4e 0%, #06ca2c 100%);
  height: 20px;
  max-height: 20px;
  min-height: 10px;
}

.round-btn {
  cursor: pointer;
}

/* signup driver*/

.signup-driver-wrapper .modal-body {
  padding: 20px;
}

.signup-driver-wrapper .time-slot-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.signup-driver-wrapper .flatpickr-calendar {
  width: 100%;
  box-shadow: none;
}

.signup-driver-wrapper .flatpickr-day.selected {
  background-color: #6854f7 !important;
  color: white !important;
  border-color: #6854f7;
}


.signup-driver-wrapper .time-slot input {
  display: none;
}

.signup-driver-wrapper .time-slot label {
  width: 100%;
  display: inline-block;
  cursor: pointer;
  padding: 14px 0;
  transition: all 0.2s ease;
  font-family: "Mulish", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  border: 1px solid #6854f7;
  border-radius: 4px;
  color: #6854f7;
  cursor: pointer;
  transition: all .3 ease-in-out;
}

.signup-driver-wrapper .time-slot-wrapper input:checked+label,
.signup-driver-wrapper .time-slot-wrapper label:hover {
  background: #6854f7;
  color: #fff;
}


.signup-driver-wrapper .flatpickr-innerContainer,
.signup-driver-wrapper .flatpickr-innerContainer .flatpickr-rContainer,
.signup-driver-wrapper .flatpickr-innerContainer .flatpickr-days,
.signup-driver-wrapper .flatpickr-innerContainer .dayContainer,
.signup-driver-wrapper .flatpickr-innerContainer .flatpickr-day {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.signup-driver-wrapper .mountain-time-box {
  max-width: 60%;
}

.signup-driver-wrapper .flatpickr-months .flatpickr-prev-month,
.signup-driver-wrapper .flatpickr-next-month,
.signup-driver-wrapper .flatpickr-monthDropdown-months,
.signup-driver-wrapper .numInputWrapper {
  padding: 0 !important;
  position: static !important;
  margin: 0;
  display: flex;
  align-items: center;
}

.signup-driver-wrapper .numInputWrapper span {
  display: none;
}

.signup-driver-wrapper .flatpickr-current-month {
  padding-top: 0 !important;
  display: flex;
  width: auto;
  position: static;
  align-items: center;
  gap: 4px;
}

.signup-driver-wrapper .flatpickr-months {
  justify-content: end;
  gap: 14px;
}

.signup-driver-wrapper .flatpickr-month {
  max-width: 122px;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
}

.signup-driver-wrapper .signup-driver-header-text h5 {
  margin-bottom: 0;
  line-height: 1.2;
  gap: 4px;
  font-family: "Lato", serif;
  font-size: 14px;
  font-weight: 600;
  color: #292D32;
}

.signup-driver-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.signup-driver-wrapper .flatpickr-current-month input.cur-year input:hover {
  background-color: transparent;
}

.signup-driver-wrapper .signup-driver-header-text {
  position: absolute;
  z-index: 1;
  top: 8px;
}

.signup-driver-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months,
.signup-driver-wrapper .flatpickr-current-month input.cur-year {
  appearance: none;
  padding: 0;
  font-family: "Lato", serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #292D32;
}

.signup-driver-wrapper .flatpickr-months .flatpickr-prev-month svg,
.signup-driver-wrapper .flatpickr-months .flatpickr-next-month svg,
.signup-driver-wrapper .flatpickr-months .flatpickr-prev-month:hover svg,
.signup-driver-wrapper .flatpickr-months .flatpickr-next-month:hover svg {
  width: 12px;
  height: 12px;
  fill: #292D32;
}

.signup-driver-wrapper .numInputWrapper input {
  width: 100%;
  max-width: 40px;
}

.signup-driver-wrapper .flatpickr-innerContainer {
  margin-top: 20px;
}

.signup-driver-wrapper .flatpickr-current-month .numInputWrapper {
  display: flex;
  width: 100%;
  max-width: 40px;
}

.signup-driver-wrapper .flatpickr-day.selected {
  background-color: transparent !important;
  color: white !important;
  border-color: transparent;
}

.signup-driver-wrapper .flatpickr-day {
  position: relative;
  border: 0px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #797979;
}

.signup-driver-wrapper .flatpickr-day.today::after {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  min-width: 41px !important;
  max-width: 41px !important;
  border-radius: 50px;
  border: 1px solid #959EA9;
}

.signup-driver-wrapper .flatpickr-day.selected::after,
.signup-driver-wrapper .flatpickr-day:hover::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  background-color: #6854F7 !important;
  color: white !important;
  border-color: #6854F7;
  min-width: 41px !important;
  max-width: 41px !important;
  z-index: -1;
  border-radius: 50px;
}

.signup-driver-wrapper .flatpickr-day.today:hover,

.signup-driver-wrapper .flatpickr-day.today:focus {
  border-color: transparent;
  background-color: transparent;
}

.signup-driver-wrapper .flatpickr-day:hover,
.signup-driver-wrapper .flatpickr-day:focus {
  color: #fff;
  background: transparent;
  border-color: transparent;
}

.signup-driver-wrapper .flatpickr-weekdays {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.signup-driver-wrapper .mountain-time-box .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5l0 39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9l0 39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7l0-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1L257 256c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z'/%3E%3C/svg%3E");
  margin-top: 24px;
  color: #292D32;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  padding-block: 10px;
}

.signup-driver-wrapper .mountain-time-box .form-select:focus,
.signup-driver-wrapper .mountain-time-box .form-select:hover {
  box-shadow: unset;
  border: 1px solid #292D32;
}

.signup-driver-wrapper .calendar-time-title {
  font-family: "Lato", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #2D2D2D;
}

.signup-driver-wrapper .flatpickr-weekday {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #555656;
}

/* signup-driver-2 */
.signup-driver-rt-wrapper .time-slot-wrapper {
  max-height: 400px;
  overflow-y: scroll;
}

.signup-driver-2 .driver-input-group {
  margin-bottom: 14px;
}

.signup-driver-2 .driver-input-group .form-control {
  border: 1px solid #AFAFAF;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding: 10px 15px;
  border-radius: 6px;
  outline: 0;
  box-shadow: unset;
}

.signup-driver-2 .driver-input-group .form-control::placeholder {
  color: #97919B;
}

.signup-driver-2 .driver-input-group .form-control:hover,
.signup-driver-2 .driver-input-group .form-control:focus {
  border: 1px solid #292D32;
}

.signup-driver-2 .time-slot label {
  padding: 12px 0px;
  border: 1px solid #0000001A;
  border-radius: 28px;
  color: #37AC4E;
  transition: all .3s ease-in-out;
}

.signup-driver-2 .time-slot-wrapper input:checked+label,
.signup-driver-2 .time-slot label:hover {
  background: #37AC4E;
  color: #fff;
  border: 1px solid #37AC4E;
}

.signup-driver-2 .signup-driver-btn {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #FFFFFF;
  box-shadow: 0px 3.63px 17.24px 0px #37AC4E4D;
  background: #36A74D;
  padding: 13px;
  width: 100%;
  border: 0px;
  border-radius: 10px;
  text-align: center;
  margin-top: 28px;
}

.signup-driver-2 .signup-driver-lt-wrapper {
  padding-right: 24px;
  border-right: 1px solid #0000001F;
}


.signup-driver-2 .flatpickr-day.selected::after,
.signup-driver-2 .flatpickr-day:hover::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  background-color: #37AC4E !important;
  color: white !important;
  border-color: #37AC4E;
  min-width: 41px !important;
  max-width: 41px !important;
  z-index: -1;
  border-radius: 50px;
}

.signup-driver-2 .signup-driver-header-text {
  top: 0px;
}

.signup-driver-2 .signup-driver-header-text h5 {
  padding: 8px 12px;
  border: 1px solid #E4E9EE;
  background: #E9E9E9;
  border-radius: 6px;
}

.signup-driver-2 .flatpickr-weekdays {
  border-bottom: 1px solid #DEDEDE;
}

/* confirm-appointment-modal */

.confirm-appointment-modal p {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #3A3A3A;
  max-width: 30ch;
  margin-inline: auto;
}

.confirm-appointment-modal .modal-content {
  box-shadow: 0px 8.03px 9.63px -1.61px #1018281A;
  border-radius: 8px;
}

.confirm-appointment-modal .btn:first-child:active {
  border: 0px;
}

.confirm-appointment-modal .confrim-yes-btn {
  background: var(--sss, linear-gradient(180deg, #37ac4e 0%, #06ca2c 100%));
}

.confirm-appointment-modal .confrim-no-btn {
  background: var(--bs-black-100);
  color: #ffffff;
}

.confirm-appointment-modal .confrim-yes-btn:active,
.confirm-appointment-modal .confrim-yes-btn:hover {
  color: #fff;
  border: 1px solid var(--bs-theme-primary);
}

.confirm-appointment-modal .confrim-no-btn:active,
.confirm-appointment-modal .confrim-no-btn:hover {
  background: var(--bs-black-100);
  color: #ffffff;
}

/* service page */

.service-banner .full-width {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 405px;
}

.service-slide-show {
  opacity: 0;
}

.service-slide-show.slick-initialized.slick-slider {
  opacity: 1;
}

.service-slide-show .custom-arrow-prev {
  left: 25px;
}

.service-slide-show .custom-arrow-next {
  right: 25px;
}

.servive-details {
  max-width: 1360px;
  padding-inline: 60px;
  margin-inline: auto;
  width: 100%;
  margin-top: -74px;
  position: relative;
  z-index: 1;
}

.servive-details .servive-details-wrapper {
  padding-block: 22px;
  padding-inline: 30px 40px;
  border: 1px solid #d9d9d9;
  /* box-shadow: 0px 6.48px 6.48px -3.24px #1018280A; */
  box-shadow: 0px 16.21px 19.45px -3.24px #1018281a;
  border-radius: 8px;
  background: #fff;
}

.servive-details .servive-details-img img {
  width: 81px;
  height: 81px;
  object-fit: cover;
  display: block;
  border-radius: 50px;
}

.servive-details .servive-content-wrapper {
  gap: 40px;
}

.servive-details .servive-content-wrapper li {
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  line-height: 1.5;
}

.servive-details .servive-content-wrapper li img,
.servive-details .servive-content-wrapper li i {
  width: 14px;
  height: 14px;
  display: block;
  font-size: 14px;
  color: #1ac84b;
}

.servive-details .servive-details-wrapper h5 {
  font-family: "Lato", serif;
  font-size: 24px;
  font-weight: 700;
  color: #03081f;
  margin-bottom: 12px;
  line-height: 1.2;
}

.servive-details .servive-details-lt-wrapper {
  gap: 18px;
}

.servive-details .servive-delivery-box,
.servive-details .servive-price-box {
  border-left: 1px solid #c2c2c2;
}

.servive-details .servive-details-rt-wrapper {
  max-width: 370px;
  width: 100%;
}

.servive-details .servive-input-group .form-control {
  padding-block: 11px;
  padding-inline: 45px 20px;
  background: #e8e8e8;
  border: 1px solid #c1c1c11a;
  border-radius: 50px;
  font-family: "Lato", serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.1;
  width: 100%;
}

.servive-details .servive-input-group .form-control:focus {
  box-shadow: unset;
}

.servive-details .servive-input-group .form-control::placeholder {
  color: #494949;
}

.servive-details .servive-input-group .servive-input-btn {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: 0px;
  padding: 0px;
}

.servive-close-bar,
.service-store {
  max-width: 1360px;
  padding-inline: 60px;
  margin-inline: auto;
  width: 100%;
}

.service-store .service-store-lt .service-check-label {
  font-family: "Lato", serif;
  font-size: 18px;
  font-weight: 500;
  color: #1a1a1a;
  line-height: 1.5;
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}

.service-store .service-store-lt .service-check-label img {
  width: 23px;
  height: 23px;
  object-fit: cover;
  flex: 0 auto;
}

.service-store .book-appointment-btn {
  border: 1px solid #d9d9d9;
  /* box-shadow: 0px 6.48px 6.48px -3.24px #1018280A; */
  box-shadow: 0px 16.21px 19.45px -3.24px #1018281a;
  border-radius: 8px;
  overflow: hidden;
}

.service-store .store-menu-wrapper {
  border: 1px solid #d9d9d9;
  box-shadow: 0px 16.21px 19.45px -3.24px #1018281a;
  border-radius: 8px;
}

.service-store .store-menu-wrapper .store-menu-btn {
  padding-block: 18px;
  padding-inline: 16px 24px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  background: #fff;
  font-family: "Lato", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #1A1A1A;
  overflow: hidden;
  border-radius: 8px;
}

.service-store .store-menu-wrapper .menu-content-wrapper {
  padding-block: 18px 24px;
  padding-inline: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  border-top: 1px solid #cccccc;
}

.service-store #store-menu-content {
  display: none;
}

.service-store #store-menu-content.show {
  display: block;
}

.store-menu-btn.active .arrow-down svg {
  transform: rotate(-180deg);
  transition: transform 0.3s;
}

.service-store .service-store-lt .radio-checked {
  display: none;
}

.service-store .service-store-lt input:checked+label .radio-checked {
  display: block;
}

.service-store .service-store-lt input:checked+label .radio-normal {
  display: none;
}

.service-store .book-appointment-btn input,
.service-store .service-form-check input {
  display: none;
}

.service-store .service-store-lt .book-appointment-btn label {
  padding-block: 18px;
  padding-inline: 16px;
}



.service-store h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 0px;
}

.service-store .store-slide-btn {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1px solid #37ac4e;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  transition: all .4s ease-in-out;
}

.service-store .store-slide-btn:hover,
.service-store .store-slide-btn:focus,
.service-store .store-slide-btn:hover svg path,
.service-store .store-slide-btn:focus svg path {
  background: #37ac4e;
  fill: #fff;
}


.service-store .savings-slider-box {
  border-radius: 6px;
  overflow: hidden;
  margin-inline: 8px;
  height: inherit !important;
}

.service-store .savings-slider-box-wrapper {
  height: 100%;
}

.service-store .savings-slider-box-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 90%);
  border-radius: 6px;
}

.service-store .savings-box-slider,
.service-store .feature-product-slider,
.service-store .product-slider {
  margin-inline: -8px;
}

.service-store .savings-slider-box h5 {
  font-family: "Lato", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  max-width: 22ch;
}

.service-store .savings-slider-box p {
  font-family: "Lato", serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: #ffffff;
  max-width: 40ch;
  margin-bottom: 0px;
}

.service-store .slick-track {
  margin-left: unset !important;
  display: flex !important;
}

.service-store .savings-slider-box img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.service-store .savings-slider-box .savings-slider-box-content {
  position: relative;
  z-index: 2;
  padding-block: 18px 24px;
  padding-inline: 20px;
}

.service-store .feature-product-item-box .feature-more-btn {
  width: 24px;
  height: 24px;
  padding: 0px;
  border-radius: 50px;
  border: 0px;
  background: #37ac4e;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-store .feature-product-item-box .feature-item-name {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  color: #1a1a1a;
}

.service-store .feature-product-item-box .feature-item-cost {
  font-size: 14px;
  font-weight: 600;
  color: #37aa4c;
  line-height: 1.4;
}

.service-store .feature-product-item-box .feature-item-content {
  padding-block: 6px 8px;
  padding-inline: 10px;
}

.service-store .feature-product-slider .feature-product-item-box {
  height: inherit !important;
}

.service-store .feature-product-slider .feature-item-box {
  border: 1px solid #e6e6e6;
  box-shadow: 0px 0px 6.54px 0px #37aa4c26;
  margin-inline: 8px;
  overflow: hidden;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  height: 100%;
}

.service-store .feature-product-slider .feature-item-box:hover,
.service-store .feature-product-item-box.slick-current.slick-active .feature-item-box {
  border: 1px solid #37aa4c;
}

.service-store .feature-product-item-box .feature-item-img img {
  max-width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
  width: 100%;
}

.service-store .product-slider .slick-slide {
  margin: 5px;
}


.service-store .product-slider .name {
  font-size: 16px;
  margin-bottom: 4px;
}

.service-store .product-slider .sold-by {
  font-size: 14px;
  margin-bottom: 4px;
}

.service-store .product-slider .info {
  font-size: 13px;
}

.service-store .product-slider .variation-select {
  font-size: 10px;
}

.service-store .product-slider .product-img {
  max-width: 120px;
  height: 135px;
}


.rating-review-btn button {
  padding-inline: 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.rating-review-box .customer-profile-wrapper,
.rating-review-box .rating-review-box-lt {
  gap: 12px;
}

.rating-review-box .customer-name {
  font-family: "Lato", serif;
  font-size: 14px;
  font-weight: 500;
  color: #0b0f0e;
  line-height: 1.5;
}

.rating-review-box .customer-profile-img img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}

.rating-review-box .customer-note {
  font-family: "Lato", serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.16px;
  color: #0b0f0e;
}

.rating-review-box .note-send-time {
  font-family: "Lato", serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #818b9c;
}

.rating-review-box .like-btn,
.rating-review-box .dislike-btn {
  padding: 6px 9px;
  display: flex;
  gap: 6px;
  align-items: center;
  border: 1px solid #e4e9ee;
  border-radius: 4px;
  background: #fff;
  font-family: "Lato", serif;
  font-size: 12px;
  font-weight: 400;
  color: #0b0f0e;
  line-height: 1.5;
  transition: all 0.3s ease-in-out;
}

.rating-review-box .like-btn:hover svg,
.rating-review-box .dislike-btn:hover svg {
  transform: scale(1.1);
}

.rating-review-box .dislike-btn:hover svg,
.rating-review-box .dislike-btn:hover svg path {
  stroke: #1d9e34;
}


.rating-review-box {
  border-bottom: 1px solid #e4e9ee;
  box-shadow: 0px 0px 10px 0px rgba(55, 170, 76, 0.15);
  border: 1px solid var(--bs-gray-1600);
  border-radius: 6px;
  padding: 12px 10px;
}



.rating-review-box .customer-rating-wrapper img,
.rating-review-box .customer-rating-wrapper i {
  width: 12px;
  height: 12px;
  object-fit: cover;
  font-size: 12px;
  color: #FFA439;
  display: block;

}

.savings-box-wrapper .slick-prev.slick-arrow,
.savings-box-wrapper .slick-next.slick-arrow,
.feature-product-wrapper .slick-prev.slick-arrow,
.feature-product-wrapper .slick-next.slick-arrow {
  display: none !important;
}



/* shopping cart */

.additional-cart .modal-body::-webkit-scrollbar,
.offcanvas-body::-webkit-scrollbar,
.signup-driver-rt-wrapper .time-slot-wrapper::-webkit-scrollbar {
  width: 5px;
}

.additional-cart .modal-body::-webkit-scrollbar-thumb,
.offcanvas-body::-webkit-scrollbar-thumb,
.signup-driver-rt-wrapper .time-slot-wrapper::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: linear-gradient(180deg, #37AC4E 0%, #06CA2C 100%);
  height: 20px;
  max-height: 20px;
  min-height: 10px;
}


.shopping-cart-sidebar {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.shopping-cart-sidebar .shopping-cart-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.shopping-cart-sidebar .btn-close {
  padding: 0 !important;
  opacity: 1;
  font-size: 18px;
  line-height: 1;
  outline: 0px;
  box-shadow: unset;
}

.shopping-cart-sidebar .offcanvas-body,
.shopping-cart-sidebar .offcanvas-header {
  padding-inline: 16px;
}

.shopping-cart-sidebar .cart-product-name {
  font-family: "Lato", serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 0;
  color: #1A1A1A;
}

.shopping-cart-sidebar .shopping-cart-header h5 {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  line-height: 1.4;
}

.shopping-cart-sidebar .shopping-cart-subtotal {
  background: #37AC4E;
  color: #Ffffff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0.005em;
}

.shopping-cart-sidebar .disabled {
  color: #666666 !important;
}

.shopping-cart-sidebar .shopping-cart-products {
  padding-block: 20px;
  padding-inline: 16px;
  margin-inline: -16px;
}

.shopping-cart-sidebar .offcanvas-header,
.shopping-cart-sidebar .shopping-cart-products {
  border-bottom: 1px solid #00000038;
}

.shopping-cart-product-title h4 {
  font-family: "Lato", serif;
  color: #37AA4C;
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 0;
  font-weight: 600;
}

.shopping-cart-sidebar .cart-product-image {
  border-radius: 4px;
  width: 50px;
  height: 50px;
  object-fit: cover;
  display: block;
}

.shopping-cart-sidebar .counter-container {
  max-width: 88px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.shopping-cart-sidebar .counter-container input {
  min-width: 80px;
  height: 35px;
  border: 1px solid #e6e6e6;
  border-radius: 50px;
  max-width: 88px;
  padding-block: 5px;
  padding-inline: 30px;
  text-align: center;
  outline: 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #1A1A1A;
}

.shopping-cart-sidebar .counter-container button {
  color: #666666;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
  background: #F2F2F2;
  padding: 0;
  font-size: 14px;
  border: 0px;
}

.shopping-cart-sidebar .counter-container .btn-minus {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.shopping-cart-sidebar .counter-container .btn-plus {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.shopping-cart-sidebar .counter-container button:hover {
  color: #ffffff !important;
  background: #00b207 !important;
}



.shopping-cart-sidebar .product-price {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #808080;
  margin-bottom: 0;
  text-align: end;
  font-weight: 500;

}

.shopping-cart-sidebar .shopping-cart-product-title {
  margin-bottom: 12px;
}

.shopping-cart-sidebar .shopping-cart-product {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr !important;
}


.shopping-cart-sidebar .shopping-cart-product-detail {
  display: flex;
  gap: 10px;
  flex: 0 1 auto;
}

.cart-featured-product-slider.product-slider .product-img {
  height: 90px;
  max-width: 90px;
}

.cart-featured-product-slider.product-slider .slick-slide {
  padding: 8px;
  border-color: #37AA4C;
  margin: 0 4px;
}

.shopping-cart-sidebar .cart-featured-product-slider .name {
  font-size: 12px;
  margin-bottom: 0px;
}

.shopping-cart-sidebar .sold-by i {
  font-size: 11px;
}


.cart-featured-product-slider.product-slider .badge-primary,
.cart-featured-product-slider.product-slider .badge-dark {
  padding: 5px 6px;
  font-size: 10px;
  line-height: 1.4;
}

.cart-featured-product-slider .sold-by {
  font-size: 11px;
  margin-bottom: 0px;
}

.cart-featured-product-slider .info {
  font-size: 12px;
  margin-bottom: 4px;
  font-weight: 500;
}


.shopping-cart-sidebar .variation-select {
  width: fit-content;
  font-size: 8px;
  color: #0B0F0E;
  font-weight: 500;
}

.cart-featured-product-slider .variation-select {
  appearance: auto;
}

.cart-featured-product-slider .add-to-cart {
  background: #37AC4E;
  border: 0;
  border-radius: 4px;
  width: 100%;
  padding-block: 6px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 8px;
  letter-spacing: 0.005em;
}




.cart-featured-product-slider .product-price h6 {
  color: #37AA4C;
  margin: 0;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
}

.cart-featured-product-slider .slick-arrow {
  font-size: 0;
  background: url('data:image/svg+xml,<svg width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.25" y="0.726562" width="25.62" height="25.62" rx="12.81" fill="%2337966F" fill-opacity="0.12"/><path d="M15.2573 17.771L15.2574 17.7711L15.2624 17.7661C15.4789 17.5516 15.4789 17.1983 15.2624 16.9838L12.1903 13.9398C12.044 13.7949 12.044 13.5599 12.1903 13.415L15.2624 10.371C15.4789 10.1565 15.4789 9.80322 15.2624 9.58866C15.0469 9.37512 14.6936 9.37512 14.4781 9.58866L11.406 12.6326C10.8266 13.2067 10.8266 14.1481 11.406 14.7222L14.4781 17.7661C14.5888 17.8759 14.7305 17.9275 14.8702 17.9275C15.0159 17.9275 15.1533 17.8672 15.2573 17.771Z" fill="%231A742C" stroke="%231A742C" stroke-width="0.404712"/></svg>');
  border: 0;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 12%;
}

.cart-featured-product-slider .slick-next.slick-arrow {
  transform: rotate(180deg);
  right: 0;
}

.cart-featured-product-slider {
  position: static !important;
  margin-top: 24px;
  padding: 0 !important;
}

.cart-featured-products h4 {
  font-family: "Lato", serif;
  color: #1A1A1A;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 0;
  font-weight: 700;
  max-width: 24ch;
}

.shopping-cart-sidebar .order-note-wrapper {
  background: #E7E7E7;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.shopping-cart-sidebar .order-note-text h4 {
  color: #1F1724;
  font-family: "Lato", serif;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 2px;
}

.shopping-cart-sidebar .order-note-text p {
  color: #656565;
  font-family: "Lato", serif;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 0;
  font-weight: 400;
}

.shopping-cart-sidebar .order-note-btn {
  font-family: "Lato", serif;
  color: #37AC4E;
  background: #Ffffff;
  border: 0;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.2;
  padding: 6px 16px;
  font-weight: 600;
}

.shopping-cart-sidebar .slick-slide.slick-current.slick-active {
  margin-left: 0;
}

.shopping-cart-sidebar .offcanvas-footer {
  border-top: 1px dashed #D1D1D1;
  padding: 16px;
}

.shopping-cart-sidebar .subtotal-text h3,
.shopping-cart-sidebar .subtotal-text p {
  color: #1A1A1A;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 0;
  font-family: "Lato", serif;
  font-weight: 600;
}


.shopping-cart-sidebar .subtotal-text {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.shopping-cart-sidebar .sidebar-footer-btn {
  width: 100%;
  background: #37AC4E;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  padding: 10px;
  font-family: "Lato", serif;
  font-size: 18px;
  line-height: 1.2;
}

.shopping-cart-sidebar .product-close-btn {
  padding: 0px;
  border: 0px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 99;
  width: 15px;
  height: 15px;
}

.shopping-cart-sidebar .product-close-btn svg {
  width: 100%;
  height: 100%;
  fill: #ff0000;
}

.shopping-cart-product-wrapper {
  margin-bottom: 30px;
}

.additional-cart .btn-close,
.add-order-note .btn-close {
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 0 !important;
  background: transparent;
  opacity: 1;
  width: 30px;
  height: 30px;
}

.additional-cart .btn-close svg,
.add-order-note .btn-close svg {
  width: 100%;
  height: 100%;
}

.add-order-note .modal-title {
  font-family: "Lato", serif;
  text-align: center;
  color: #252525;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}

.order-note-wrapper .form-control {
  border-color: #525252;
  resize: none;
  font-size: 16px;
  line-height: 1.4;
}

.additional-cart .btn-close:focus,
.order-note-wrapper .form-control:focus,
.add-order-note .btn-close:focus {
  box-shadow: none;
}

.order-note-wrapper .form-control::placeholder {
  color: rgb(58, 58, 58, 50%);
  text-align: center;
}

.additional-cart .modal-footer button,
.add-order-note .modal-footer button {
  background: #37AC4E;
  width: 100%;
  border-radius: 20px;
  border: 1px solid;
  padding: 10px;
  max-width: 80%;
  margin: 0 auto;
  font-family: "Lato", serif;
  font-weight: 600;
  color: #ffffff;
  transition: all .4s ease;

}

.additional-cart .modal-footer button:hover,
.add-order-note .modal-footer button:hover {
  transform: translateY(-5px);
}

/* Setup Account page */


.account-setup {
  max-width: 1360px;
  padding-inline: 60px;
  margin-inline: auto;
  width: 100%;
}

.account-setup .account-setup-wrapper {
  box-shadow: 0px 7.56px 40.47px -3.78px #10182817;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding: 24px 32px;
}

.account-setup .account-setup-wrapper h4,
.account-setup .cart-summary-detatils {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 0px;
}

.account-setup .cart-summary-detatils {
  letter-spacing: 0.005em;
}

.account-setup .account-setup-wrapper .form-control {
  border: 0.81px solid #0000001A;
  box-shadow: 0px 4.86px 23.47px 0px #00000014;
  border-radius: 8px;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 14px 16px;
  line-height: 1.2;
}

.account-setup .account-setup-wrapper .form-control::placeholder {
  color: #494949;
}

.account-setup .account-setup-wrapper .calendar-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  pointer-events: none;
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active {
  border: 1px solid #37AC4E;
  background: #37AC4E;
}

#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight {
  border: 1px solid #37AC4E;
  background: #37AC4E;
  color: #ffffff;
}

.account-setup .birth-date-wrapper input {
  cursor: pointer;
}

.account-setup .custom-form-group p {
  font-family: "Lato", serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.005em;
  color: #8B8B8B;
  margin-bottom: 10px;
}

.account-setup .custom-form-group .customer-id-wrapper {
  padding: 8px 15px;
  border-radius: 12px;
  border: 1px solid #37966F66;
  width: fit-content;
  font-family: "Lato", serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.005em;
  color: #494949;
  gap: 12px;
  cursor: pointer;
}

.account-setup .custom-form-group .customer-id-wrapper span {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #37966F1A;
  border-radius: 50px;
  flex-shrink: 0;
  position: relative;
}

.account-setup .custom-form-group .file-input {
  position: relative;
  overflow: hidden;
  width: fit-content;
}

.account-setup .custom-form-group .file-input-input {
  width: 100%;
  height: 0px;
  opacity: 0;
  position: absolute;
  z-index: 2;
  inset: 0px;
  cursor: pointer;
}

.account-setup .form-check-label {
  font-family: "Lato", serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.005em;
  color: #636363;
}

.account-setup .medical-card-wrapper {
  padding: 12px 16px;
  border: 1px solid #0000001A;
  box-shadow: 0px 8.9px 22.66px 0px #0000000F;
  border-radius: 10px;
}

.account-setup .form-check-input:checked {
  border-color: #37AC4E;
  background-color: #37AC4E;
  box-shadow: unset;
}

.account-setup .custom-form-check input {
  box-shadow: unset;
  border-color: #636363;
}

.account-setup .custom-form-check input:focus {
  border-color: #37AC4E;
}

.account-setup .create-account-btn {
  border-radius: 6px;
  background: #37AC4E;
  border: 0px;
  padding: 13px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.005em;
  text-align: center;
  color: #fff;
  line-height: 1.4;
  border: 1px solid transparent;
  transition: all .4s ease;
}

.account-setup .create-account-btn:hover {
  color: #37AC4E;
  background: #ffffff;
  border: 1px solid #37AC4E;
}

.account-setup .sign-in-btn {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  color: #494949;
  border-radius: 8px;
  background: #fff;
  border: 0px;
  padding: 13px;
  font-size: 14px;
  text-align: center;
  line-height: 1.4;
  box-shadow: 0px 4.86px 23.47px 0px #00000014;
  border: 1px solid #0000001A;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.account-setup .sign-in-btn img {
  width: 16px;
  height: 16px;
}

.account-setup .custom-hr {
  border-color: #0000001A !important;
}

.account-setup .option-wrap-cos .custom-hr {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0px;
  transform: translateY(-50%);
  z-index: 0;
}

.account-setup .option-wrap-cos .option-wrap {
  font-family: "Lato", serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.005em;
  color: #636363;
  background: #fff;
  position: relative;
  z-index: 2;
}

.account-setup .accordion-button::after {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.355469" y="0.566406" width="29.3198" height="29.309" rx="5.32891" fill="%23F3F4F6"/><path d="M13.7126 9.42053L18.7936 14.7494C18.9231 14.879 18.9879 15.027 18.9879 15.1935C18.9879 15.36 18.9231 15.5173 18.7936 15.6653L13.7126 20.9665C13.4164 21.2255 13.1018 21.2348 12.7686 20.9942C12.5094 20.6797 12.5094 20.3651 12.7686 20.0506L17.4331 15.1658L12.7686 10.3642C12.5094 10.0311 12.5094 9.71658 12.7686 9.42053C13.1018 9.16148 13.4164 9.16148 13.7126 9.42053Z" fill="%23494949"/></svg>') !important;
}

.account-setup .accordion-button:not(.collapsed)::after {
  transform: rotate(90deg) !important;
}

.account-setup .accordion-button {
  padding: 14px;
  background: #fff;
  border: 0;
  box-shadow: unset;
}

.account-setup .cart-summary-list .accordion-item {
  border: 1px solid #D9D9D9;
  /* box-shadow: 0px 7.56px 7.56px -3.78px #1018280A; */
  box-shadow: 0px 18.9px 22.68px -3.78px #1018281A;
  border-radius: 8px;
  overflow: hidden;
}

.account-setup .cart-product-box img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 8px;
}

.account-setup .cart-product-box h5 {
  font-family: "Lato", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.005em;
  color: #000000;
  margin-bottom: 0px;
}

.account-setup .cart-summary-list .accordion-body {
  padding-inline: 14px;
  padding-block: 0px 16px;
}

.account-setup .product-select-quantity {
  padding: 6px;
  background: #F3F4F6;
  border-radius: 6px;
  font-family: "Lato", serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.005em;
  color: #494949;
  line-height: 1.6;
  max-width: 62px;
  width: 100%;
  text-align: center;
}

.account-setup .cart-product-title {
  font-family: "Lato", serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.005em;
  color: #000000;
  margin-bottom: 2px;
}

.account-setup .cart-product-price {
  font-family: "Lato", serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.005em;
  color: #111729;
  line-height: 1.4;
}

.account-setup .promotion-wrapper {
  border-radius: 8px;
  overflow: hidden;
  padding: 14px;
  border: 1px solid #D9D9D9;
  box-shadow: 0px 7.56px 40.47px -3.78px #10182817;
}

.account-setup .promotion-wrapper .add-promo-title {
  font-family: "Lato", serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.005em;
  color: #000000;
  line-height: 1.5;
}

.account-setup .promotion-wrapper .accordion-item {
  border: 0px;
}

.account-setup .promotion-wrapper .promo-input-group {
  gap: 12px;
  margin-bottom: 12px;
}

.account-setup .promotion-wrapper .promo-input-group input {
  max-width: 100%;
  width: 100%;
  border: 0.87px solid #DDDDDD;
  background: #F3F4F6;
  border-radius: 6px;
  box-shadow: unset;
  padding: 6px;
  text-align: center;
}

.account-setup .promotion-wrapper .promo-input-group input:focus,
.account-setup .promotion-wrapper .promo-input-group input:active {
  border: 1px solid #37AC4E;
  background: #E7F5EA;
}

.account-setup .promotion-wrapper .promo-btn {
  border: 1px solid #37AC4E;
  border-radius: 6px;
  background: #fff;
  padding: 8px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.005em;
  color: #37AC4E;
  line-height: 1.4;
  width: 100%;
  text-align: center;
  transition: all .3s ease-in-out;
}

.account-setup .promotion-wrapper .promo-btn:hover {
  background: #37AC4E;
  color: #fff;
}

.account-setup .promotion-wrapper .list-group-item {
  padding-block: 10px;
  border-bottom: 1px solid #E3E3E3;
}

.account-setup .promotion-wrapper .list-group-item span {
  font-size: 15px;
  font-weight: 400;
  color: #1A1A1A;
  line-height: 1;
}

.account-setup .promotion-wrapper .list-group-item .list-group-amount {
  font-family: "Lato", serif;
  font-weight: 600;
}

.account-setup .promotion-wrapper .list-group-item .cart-qty-btn {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.005em;
  color: #494949;
  line-height: 1.5;
  padding: 6px 9px;
  border-radius: 6px;
  background: #F3F4F6;
  cursor: pointer;
  border: 0px;
}

.account-setup .promotion-wrapper .list-group-item .custom-input {
  position: absolute;
  inset: 0;
  border: 0;
  border-radius: 0;
  background: #37AC4E;
  color: #fff;
  border-radius: 6px;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
}

.account-setup .promotion-wrapper .list-group-item .custom-input::placeholder {
  color: #fff;
}

.account-setup .promotion-wrapper .tip-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.005em;
  color: #9C9C9C;
}

.account-setup .promotion-wrapper .list-group-price-total p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #1A1A1A;
  margin-bottom: 0px;
}

.account-setup .account-summary-description p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.005em;
  color: #9C9C9C;
}

.account-setup .cart-price-wrap .cart-price-option {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.005em;
  color: #494949;
  line-height: 1.5;
  padding: 6px 9px;
  border-radius: 6px;
  background: #F3F4F6;
  cursor: pointer;
}

.account-setup .cart-price-wrap input {
  display: none;
}

.account-setup .cart-price-wrap input:checked+label {
  background: #37AC4E;
  color: #fff;
}


/* store closed modal */
.store-closed-popup-content img {
  width: 150px;
  height: auto;
  display: block;
}

.store-closed-modal .modal-content {
  border-radius: 20px;
}

.store-closed-popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.store-closed-popup-content h3 {
  font-size: 18px;
  line-height: 1.4;
  max-width: 24ch;
  font-weight: 600;
  margin-bottom: 8px;
  color: #000;
}

.store-closed-popup-content p {
  color: #97919B;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  max-width: 43ch;
  margin: 0;
}

.store-closed-popup-content p strong {
  color: #494949;
  font-weight: 500;
}

.store-closed-modal .header-btn-close {
  width: 30px !important;
  height: 30px;
  position: absolute;
  right: 16px;
  box-shadow: unset;
}

.store-closed-modal .header-btn-close img {
  max-width: 100%;
  height: auto;
}

.store-closed-modal .modal-footer {
  padding-top: 28px;
  border-top: 1px solid #00000012;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.store-closed-modal .modal-footer button {
  border-radius: 6px;
  width: 100%;
  padding: 16px 10px;
  border: 1px solid;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
  transition: all .4s ease;
}

.store-closed-modal .modal-footer button:focus {
  box-shadow: none;
}

.store-closed-modal .continue-btn {
  background: #37AC4E;
  border-color: #37AC4E;
  color: #ffffff;
}

.store-closed-modal .continue-btn:hover {
  color: #37AC4E;
  background: #ffffff;
}

.store-closed-modal button.cancel-btn {
  background: #E1E1E1;
  border-color: #E1E1E1;
  color: #333433;
}

.signup-driver-wrapper .dayContainer {
  row-gap: 6px;
}

.signup-driver-1 .time-slot-wrapper::-webkit-scrollbar {
  width: 5px;
}

.signup-driver-1 .time-slot-wrapper::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: linear-gradient(180deg, #6854f7 0%, #6854f7 100%);
  height: 20px;
  max-height: 20px;
  min-height: 10px;
}

/* additional cart modal */
.additional-cart .modal-title {
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #252525;
  text-align: center;
  width: 100%;
  line-height: 1.4;
}

.additional-cart .modal-content {
  border-radius: 10px;
}

.additional-cart .modal-header {
  border-color: #D3D3D3;
}

.additional-cart .additional-cart-more-btn {
  width: 24px;
  height: 24px;
  padding: 0px;
  border-radius: 50px;
  border: 0px;
  background: #37ac4e;
  display: flex;
  align-items: center;
  justify-content: center;
}

.additional-cart .additional-cart-item-name {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #1A1A1A;
}

.additional-cart .additional-cart-item-cost {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #808080;
}

.additional-cart .additional-cart-content-item {
  border-bottom: 1px dashed #E6E6E6;
  padding-block: 9px;
  padding-inline: 15px;
}

/* main-auth */

.we-deliver img {
  max-width: 214px;
  display: block;
}

.custom-container {
  width: 100%;
  margin-inline: auto;
  max-width: 1360px;
  padding-inline: 30px;
}

/* orders  page  23-10-2024 */
/* 
.main-content-wrapper {

  width: 100%;
  transition: 0.5s;
  margin-left: auto;
} */

.main-content-wrapper {
  width: 100%;
  max-width: 1360px;
  margin: auto;
  height: 100%;
}


.all-tasks-wrapper {
  height: 100%;
  padding-block: 24px;
  padding-inline: 20px;
}

.main-content-wrapper .main-title,
.all-tasks-wrapper .main-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
}

.box-wrap-ps {
  padding: 16px 20px;
  border: 0.68px solid #EDEDED;
  box-shadow: 0px 6.31px 6.31px -3.15px #1018280A;
  border-radius: 8px;
  margin-bottom: 16px;
}

.favorites-cos-wrapper .product-container {
  margin-inline: 0px;
}

.favorites-cos-wrapper .products-box {
  max-width: 100%;
}

.favorites-cos-wrapper .products-box-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* column-gap: 4px; */
}

.favorites-cos-wrapper .products-box-grid .product-container .product-img {
  max-width: 138px;
}


.custom-filter-box .dropdown-toggle {
  padding: 10px 36px;
  border-radius: 50px;
  border: 0px;
  background: #37AA4C;
  gap: 8px;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-filter-box .dropdown-toggle span {
  color: #FFFFFF;
  font-family: "Mulish", serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.custom-filter-box .dropdown-toggle svg {
  width: 12px;
  height: 12px;
}

.custom-filter-box .dropdown-toggle::after {
  display: none;
}

.orders-cos-wrapper .box-search-wrapper {
  box-shadow: 2.7px 2.7px 13.51px -1.35px #0000001A;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 20px;
}

.orders-cos-wrapper .box-search-wrapper .form-control {
  border: 1px solid #3A3A3A;
  background: #F5F5F54D;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  padding-block: 12px;
  padding-inline: 14px 30px;
  width: 100%;
  box-shadow: none;
}

.orders-cos-wrapper .box-search-wrapper .form-control::placeholder {
  color: #393939;
}

.orders-cos-wrapper .box-search-wrapper .search-btn {
  position: absolute;
  right: 12px;
  transform: translateY(-50%);
  top: 50%;
  background: transparent;
}

.orders-cos-wrapper .order-information-tab {
  gap: 6px;
}

.orders-cos-wrapper .order-information-tab .nav-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  color: #464646;
  background: #F5F5F5;
  border-radius: 50px;
}

.orders-cos-wrapper .order-information-tab .nav-link.active {
  background: #37AA4C;
  color: #fff;
}

.orders-cos-wrapper .order-detail-container .order-detail-top-bar {
  padding: 10px 16px;
  background: #F0F2F1;
  border-bottom: 1px solid #D9D9D9;
}

.orders-cos-wrapper .order-detail-container {
  border: 1px solid #D9D9D9;
  border-radius: 12px;
  overflow: hidden;
}

.orders-cos-wrapper .order-detail-container .order-detail-top-bar h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: #000000;
  margin-bottom: 4px;
}

.orders-cos-wrapper .order-detail-container .order-detail-top-bar p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  color: #333433;
  margin-bottom: 0px;
}

.text-green-100 {
  color: #37AA4C !important;
}

.orders-cos-wrapper .order-detail-container .view-invoice {
  color: #477A85;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 16px;
}

.orders-cos-wrapper .order-detail-container .order-item-details {
  padding-block: 16px 30px;
  padding-inline: 16px;
}

.orders-cos-wrapper .order-detail-container .order-details-btn {
  border: 1px solid #D9D9D9;
  background: #fff;
  padding: 8px;
  border-radius: 20px;
  font-family: "Mulish", serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  color: #333433;
  width: 100%;
  max-width: 160px;
  transition: all .3s ease-in-out;
}

.orders-cos-wrapper .order-detail-container .order-details-btn:hover {
  background: #37AA4C;
  color: #fff;
  border-color: #37AA4C;
}

.orders-cos-wrapper .order-status-check {
  gap: 6px;
}

.orders-cos-wrapper .order-status-check h5 {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
  margin-bottom: 0px;
}

.orders-cos-wrapper .order-status-check .badge-status {
  padding-block: 5px;
  padding-inline: 16px 8px;
  margin: 0;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  position: relative;
}

.orders-cos-wrapper .order-status-check .badge-status::after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}

.orders-cos-wrapper .order-status-check .oder-processing {
  color: #175CD3;
  background: #F0F9FF;
}

.orders-cos-wrapper .order-status-check .oder-processing::after {
  background: #4B8AF8;
}

.orders-cos-wrapper .order-status-check .order-item-Completed {
  background: #ECFDF3;
  color: #027A48;
}

.orders-cos-wrapper .order-status-check .order-item-Completed::after {
  background: #12B76A;
}

.orders-cos-wrapper .order-status-check .oder-item-cancelled {
  background: #FEF3F2;
  color: #B42318;
}

.orders-cos-wrapper .order-status-check .oder-item-cancelled::after {
  background: #F04438;
}

.orders-cos-wrapper .order-item-details .order-sold-cos {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  color: #000;
  margin-bottom: 0px;
}

/* 18-02-2025 start */
.orders-cos-wrapper .order-item-details .buy-btn {
  background: #37AA4C;
  border: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #fff;
  padding: 8px 12px;
  border-radius: 20px;
  transition: all .3s ease-in-out;
  display: inline-block;
}

/* 18-02-2025 end */
.orders-cos-wrapper .order-item-details .buy-btn:hover {
  background: #1e8331;
}

.orders-cos-wrapper .order-item-details .more-btn {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #37AA4C;
  border: 0;
  background: transparent;
  padding: 0;
}

.orders-cos-wrapper .favorites-product-content .product-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #000000;
}

.orders-cos-wrapper .favorites-product-content .product-short-text {
  color: #5C5C5C;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 8px;
}

/* 18-02-2025 start */

.orders-cos-wrapper .favorites-product-box {
  display: flex;
  gap: 14px;
  /* margin-top: 20px;
  margin-bottom: 6px; */
  padding-inline: 30px;
  padding-block: 20px 6px;
}

.orders-cos-wrapper .owl-carousel .owl-stage-outer {
  height: 100% !important;
}

/* 18-02-2025 end */

.orders-cos-wrapper .favorites-product-box .favorites-product-img {
  border: 1px solid #37AA4C;
  box-shadow: 0px 1.35px 32.42px 0px #00000033;
  border-radius: 6px;
  overflow: hidden;
  height: max-content;
}

.orders-cos-wrapper .favorites-product-box .favorites-product-img img {
  width: 104px;
  height: 104px;
  object-fit: cover;
  display: block;
}

.orders-cos-wrapper .favorites-product-content {
  max-width: 40ch;
}


/* favorites page */

.all-tasks-wrapper .main-sub-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 0px;
}

.products-box .product-container .fav-btn {
  background: #fff;
}

.products-box .product-container .fav-btn img {
  width: 16px;
  height: 16px;
}

.products-box-grid .product-container .fav-btn img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* billing page */
.billing-details-wrapper .gift-card-box {
  background: #FAA300;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  max-width: 300px;
}

.billing-details-wrapper .gift-card-box .gift-card-btn {
  padding: 9px;
  border: 0px;
  border-radius: 20px;
  background: #37AA4C;
  font-family: "Mulish", serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
}

.billing-details-wrapper .gift-card-box .gift-card-title {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  color: #FFFFFF;
}

.billing-details-wrapper .gift-card-box .gift-amount {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.4;
  color: #FFFFFF;
  margin-bottom: 0;
}

.billing-details-wrapper .payment-method-wrapper,
.billing-details-wrapper .payment-method-inform {
  box-shadow: 3.38px 3.38px 22.96px 0px #00000040;
  border-radius: 10px;
  padding: 20px 20px 30px;
  height: 100%;
}

.billing-details-wrapper .payment-method-wrapper {
  gap: 30px;
}



.billing-details-wrapper .payment-sub-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 10px;
}

.billing-details-wrapper .payment-select-lists .payment-select-list-item {
  padding: 8px;
  box-shadow: 0px 1.35px 32.42px 0px #0000001F;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid transparent;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.billing-details-wrapper .payment-select-lists .payment-select-list-item:hover,
.billing-details-wrapper .payment-select-lists .payment-select-list-item:focus {
  border: 1px solid #37AC4E4D;
}

.billing-details-wrapper .payment-select-lists p {
  font-size: 12px;
  font-weight: 400;
  color: #1F1724;
  line-height: normal;
}

.billing-details-wrapper .payment-select-lists span {
  width: 25px;
  height: 25px;
  background: #37966F1A;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.billing-details-wrapper .payment-method-inform h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #000;
}

.billing-details-wrapper .payment-method-inform p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.cash-app-details-wrapper .offcanvas-body .form-control,
.cash-app-details-wrapper .offcanvas-body .form-select {
  font-family: "Mulish", sans-serif;
  border: 1px solid rgb(225 225 225 / 80%);
  border-radius: 10px;
  box-shadow: 0 1.35px 32.42px rgb(0 0 0 / 12%);
  color: #1B1919;
  font-weight: 600;
  padding: 10px 12px;
  font-size: 15px;
}

.cash-app-details-wrapper .offcanvas-body .form-control:focus,
.cash-app-details-wrapper .offcanvas-body .form-select:focus {
  border: 1px solid #3A3A3A;
}



.cash-app-details-wrapper .offcanvas-body .form-control::placeholder {
  color: #1B1919;
}

.country-language-sidebar .offcanvas-title,
.phone-settings-sidebar .offcanvas-title,
.add-address-canvas-wrap .offcanvas-title,
.open-ticket-canvas-wrap .offcanvas-title,
.cash-app-details-wrapper .offcanvas-title {
  color: #000000;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
}

.phone-settings-sidebar .btn-close,
.country-language-sidebar .btn-close,
.add-address-canvas-wrap .btn-close,
.open-ticket-canvas-wrap .btn-close,
.cash-app-details-wrapper .btn-close {
  opacity: 1;
  box-shadow: unset;
}

.cash-app-details-wrapper .offcanvas-body .form-control::placeholder {
  color: #1B1919;
}

.sidebar-cancel-btn,
.sidebar-cancel-btn:hover {
  background: #E1E1E1;
  border-radius: 8px;
  color: #333433;
  font-family: "Lato", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  padding: 10px;
}

.sidebar-submit-btn {
  background-color: #37AA4C;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  padding: 10px;
  transition: all .3s ease-in-out;
}

.documents-wrapper-cos .documents-save-btn:hover,
.sidebar-submit-btn:hover {
  background: #1e8331;
  color: #ffffff;
}



.add-address-canvas-wrap,
.open-ticket-canvas-wrap,
.cash-app-details-wrapper {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.cash-app-details-wrapper .cash-card-box {
  border-radius: 14px;
  overflow: hidden;
}

.cash-app-details-wrapper .cash-card-box img {
  max-width: 100%;
  width: 100%;
  object-fit: contain;
}

.cash-app-details-wrapper .card-logo-box {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.cash-app-details-wrapper .card-logo-box img {
  max-width: 18px;
}

/* cash card wrap */

.cash-card-wrap .offcanvas-body .form-control::placeholder {
  color: #DCDCE4;
  font-size: 13px;
}

.cash-card-wrap .cash-card-input .form-control {
  padding-block: 15px 5px;
  padding-inline: 12px 30px;
}

.cash-card-wrap .cash-card-input .form-control::placeholder {
  color: #3A3A3A;
  font-size: 13px;
}

.cash-card-wrap .cash-card-input .form-label {
  font-family: "Mulish", sans-serif;
  position: absolute;
  left: 12px;
  top: 5px;
  font-size: 13px;
  color: #DCDCE4;
  margin: 0;
  line-height: 1;
}

.open-ticket-canvas-wrap .sidebar-submit-btn,
.cash-card-wrap .sidebar-submit-btn {
  border-radius: 20px;
}

/* Document page */
.documents-wrapper-cos .documents-box-wrapper {
  box-shadow: 0px 1.35px 32.42px 0px #0000001F;
  border-radius: 8px;
  padding: 22px 24px;
}

.documents-wrapper-cos .documents-box-img {
  border: 1px solid #37AA4C;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  height: 152px;
  overflow: hidden;
}

.documents-wrapper-cos .documents-box-img img {
  width: 250px;
  border-radius: 4px;
  height: 110px;
  object-fit: cover;
}

.documents-wrapper-cos .documents-box-img svg {
  width: 70px;
  height: 70px;
  object-fit: cover;
  fill: #37AA4C;
}


.documents-wrapper-cos .documents-box-wrapper-items .file-input-input {
  width: 100%;
  height: 0px;
  opacity: 0;
  position: absolute;
  z-index: 2;
  inset: 0px;
  cursor: pointer;
}

.documents-wrapper-cos .image-upload {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  width: 100%;
}

.documents-wrapper-cos .documents-box-wrapper-items h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #000000;
}

.documents-wrapper-cos .documents-box-wrapper-items h6 span {
  color: #eb001b;
}

.documents-wrapper-cos .documents-save-btn {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #FFFFFF;
  background: #37AA4C;
  border: 0px;
  border-radius: 20px;
  line-height: 1.2;
  padding: 10px;
  max-width: 386px;
  width: 100%;
  transition: all .3s ease-in-out;
}

.help-wrapper-cos .documents-box-close-btn,
.documents-wrapper-cos .documents-box-close-btn {
  position: absolute;
  top: -12px;
  right: -10px;
  background: transparent;
}

/* help page  */

.help-wrapper-cos .com-help-box {
  box-shadow: 0px 1.35px 32.39px 0px #0000001F;
  border-radius: 8px;
  padding-block: 24px 64px;
  padding-inline: 20px;
  min-height: 80vh;
  display: flex;
  flex-direction: column;
}

.help-wrapper-cos .sub-title-sm {
  font-family: "Inter", serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.2px;
  color: #97919B;
  margin-bottom: 14px;
}

.help-wrapper-cos .card-box {
  padding: 26px;
  border: 1px solid #E5DFED;
  border-radius: 26px;
  height: 100%;
  transition: all .3s ease-in-out;
  display: block;
  text-decoration: none;
}

.help-wrapper-cos .card-box:hover,
.help-wrapper-cos .card-box:focus {
  transform: translateY(-3px);
}


.help-wrapper-cos .card-box-icon {
  width: 87px;
  height: 87px;
  border-radius: 50px;
}

.help-wrapper-cos .card-box-icon img {
  max-width: 30px;
  display: block;
}

.help-wrapper-cos .card-box-title {
  font-family: "Inter", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.3px;
  text-align: center;
  color: #1F1724;
}

.help-wrapper-cos .card-box-sub-title {
  font-family: "Inter", serif;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #97919B;
  line-height: 1.4;
}

.help-wrapper-cos .open-ticket-cs {
  background: #4FBF671A;
}

.help-wrapper-cos .video-train-cs {
  background: #FF66281A;
}

.help-wrapper-cos .chat-spot-cs {
  background: #9B51E01A;
}

.help-wrapper-cos .faq-cs {
  background: #FFCF191A;
}

.help-wrapper-cos .btn-width-wrap {
  padding-top: 200px;
  max-width: 264px;
  width: 100%;
  margin-top: auto;
}

.custom-secondary-btn {
  border: 1px solid #37AA4C;
  padding: 10px;
  border-radius: 20px;
  font-family: "Inter", serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #37AA4C;
  background: #fff;
  transition: all .3s ease-in-out;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-decoration: none;
}

.custom-secondary-btn svg path,
.custom-secondary-btn svg {
  transition: all .3s ease-in-out;
}

.custom-secondary-btn:hover {
  background: #37AA4C;
  color: #fff;
}

.custom-secondary-btn:hover svg path {
  fill: #fff;
}

.help-wrapper-cos .open-ticket-btn {
  font-family: "Mulish", serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  border-radius: 20px;
  background: #37AA4C;
  border: 0;
  color: #fff;
  padding: 8px 35px;
}

.help-wrapper-cos .search-input-wrapper input {
  background: #F5F5F54D;
  border: 1px solid #3A3A3A;
  border-radius: 10px;
  font-family: "Mulish", serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #393939;
  padding-block: 10px;
  padding-inline: 10px 30px;
  width: 100%;
  box-shadow: none;
}

.help-wrapper-cos .search-input-wrapper input::placeholder {
  color: #393939;
}

.help-wrapper-cos .search-input-wrapper .search-btn {
  position: absolute;
  right: 12px;
  transform: translateY(-50%);
  top: 50%;
  background: transparent;
}

.help-wrapper-cos .search-input-wrapper {
  margin-block: 30px 20px;
}

.help-wrapper-cos .ticket-list-wrapper thead th,
.help-wrapper-cos .ticket-list-wrapper tbody tr,
.help-wrapper-cos .ticket-list-wrapper tbody td {
  border: 1px solid #E5DFED;
}

.help-wrapper-cos .ticket-list-wrapper tbody tr:nth-child(odd) {
  background-color: #E5DFED42;
}

.help-wrapper-cos .ticket-list-wrapper tbody td {
  background: transparent;
  font-family: "Inter", serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #97919B;
  padding: 8px 16px;
  white-space: nowrap;
}

.help-wrapper-cos .ticket-list-wrapper {
  box-shadow: 0px 1.35px 32.39px 0px #0000001F;
}

.help-wrapper-cos .ticket-list-wrapper thead th {
  font-family: "Inter", serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #1F1724;
  padding-inline: 16px;
  padding-block: 12px 8px;
}

/* open ticket canvas */

.open-ticket-canvas-wrap .form-label {
  font-family: "Inter", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #97919B;
  margin-bottom: 4px;
}

.open-ticket-canvas-wrap .form-control {
  font-family: "Inter", serif;
  font-size: 16px;
  font-weight: 500;
  color: #1F1724;
  border: 0px;
  padding: 0px 0px 4px;
  border-bottom: 1px solid #97919B33;
  border-radius: 0px;
  box-shadow: none;
}

.open-ticket-canvas-wrap textarea.form-control {
  background: #D9D9D91F;
  padding: 0px !important;
  border-radius: 6px;
  overflow: hidden;
  border: 0px;
}


/* video training */
.help-wrapper-cos .card-video-container {
  position: relative;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  cursor: pointer;
  aspect-ratio: 16/9;
}

.help-wrapper-cos .card-video-container::after {
  content: '';
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.help-wrapper-cos .card-video-container .card-video-box img {
  max-width: 100%;
  display: block;
}

.help-wrapper-cos .card-video-container .card-video-box-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  inset: 0;
  z-index: 0;
}

.help-wrapper-cos .card-video-container .video-play-btn {
  position: relative;
  z-index: 3;
  background: #1F172426;
  width: 54px;
  height: 54px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.help-wrapper-cos .card-video-container .video-play-btn img {
  max-width: 46px;
}

.help-wrapper-cos .card-video-container .video-title {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  width: 100%;
  max-width: 24ch;
  font-family: "Inter", serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

/* chat page */
.chat-support-wrapper .chat-member-info {
  border-top: 1px solid #E5DFED;
  border-bottom: 1px solid #E5DFED;
  padding-block: 8px;
}

.chat-support-wrapper .name-icon img {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  object-fit: cover;
}

.chat-support-wrapper .about-member h3 {
  font-family: "Inter", serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 2px;
  color: #1F1724;
}

.chat-support-wrapper .about-member .active-time {
  font-family: "Inter", serif;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.2;
  color: #97919B80;
}

.chat-support-wrapper .bg-light-chat .chat-message {
  background: rgb(229 223 237 / 20%);
  max-width: 360px;
  font-family: "Inter", serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  border-radius: 10px;
  color: #97919B;
  border-bottom-left-radius: 0;
  margin-bottom: 10px;
  padding: 10px 14px;
}

.chat-support-wrapper .bg-green-chat {
  max-width: 360px;
  margin-left: auto;
}

.chat-support-wrapper .bg-green-chat .chat-message {
  background: #37AA4C;
  font-family: "Inter", serif;
  font-weight: 500;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 10px;
  padding: 10px 14px;
}

.chat-support-wrapper .chat-message-time {
  color: #97919B !important;
  font-family: "Inter", serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.chat-support-wrapper .bg-green-chat .chat-message-time {
  text-align: end;
}


.chat-support-wrapper .chat-input-container .msg-input-field {
  padding: 10px 32px;
  background: #FAF9FB;
  border: 0px;
  box-shadow: unset;
  font-family: "Inter", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  border-radius: 8px;
  width: 100%;
}

.chat-support-wrapper .chat-input-container .msg-input-field::placeholder {
  color: #97919B;
}

.chat-support-wrapper .chat-input-container button {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: unset;
}

.chat-support-wrapper .chat-input-container .image-upload-btn {
  position: absolute;
  left: 10px;
  transform: translateY(-50%);
  top: 50%;
}

.chat-support-wrapper .chat-input-container .emoji-upload-btn {
  position: absolute;
  right: 10px;
  transform: translateY(-50%);
  top: 50%;
}

.chat-support-wrapper .chat-input-container {
  border-top: 1px solid #F3F3F3;
  padding: 10px;
}


.chat-support-wrapper .com-help-box {
  padding-block: 12px 40px !important;
}

.chat-support-wrapper .chat-member-info .user-active-in {
  border: 2px solid #FFFFFF;
  background: #4FBF67;
  position: absolute;
  right: -4px;
  bottom: -2px;
  width: 12px;
  height: 12px;
  border-radius: 50px;
}

.chat-support-wrapper .chat-box-container {
  max-height: calc(100vh - 165px);
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.chat-support-wrapper .support-main-chat {
  flex-grow: 1;
  overflow-y: auto;
  padding-inline: 12px;
}

.chat-support-wrapper .support-main-chat .row {
  row-gap: 16px;
}

.chat-support-wrapper .support-main-chat::-webkit-scrollbar {
  width: 5px;
}

.chat-support-wrapper .support-main-chat::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: linear-gradient(180deg, #37AC4E 0%, #06CA2C 100%);
  height: 20px;
  max-height: 20px;
  min-height: 10px;
}

.chat-support-wrapper .com-help-box {
  padding-block: 12px 40px !important;
  height: calc(100% - 60px);
}

.faq-wrapper .faq-title h4 {
  color: #37AA4C;
  font-family: "Inter", serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.faq-wrapper .faq-title h4 {
  color: #37AA4C;
  font-family: "Inter", serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.faq-wrapper .accordion-item {
  border: 0;
  border-bottom: 1px solid #ECECEC;
  border-radius: 0;
}

.faq-wrapper .accordion-button {
  padding-left: 0;
  color: #1F1724;
  font-family: "Inter", serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  padding-block: 14px;
}

.faq-wrapper .accordion-button:focus,
.faq-wrapper .accordion-button:not(.collapsed) {
  box-shadow: none;
  background-color: transparent;
}

.faq-wrapper .accordion-body {
  font-family: "Inter", serif;
  font-weight: 400;
  color: #97919B;
  font-size: 14px;
  line-height: 1.4;
  padding-left: 0;
}

.faq-wrapper .accordion {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.faq-wrapper .accordion-button::after {
  width: 16px;
  height: 16px;
  background-size: contain;
}

.customer-sms-box .sms-header {
  border-bottom: 1px solid #C2C2C2;
  padding: 14px 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.customer-sms-box .sms-header button {
  background: transparent;
  border: 0;
}

.customer-sms-box .sms-header button img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.customer-sms-box .sms-header h3 {
  font-family: "Lato", serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  margin: 0;
}

.com-help-box.customer-sms-box {
  padding: 0;
}

.customer-sms-box .sms-wrapper {
  padding: 20px 26px;
  flex: 1;
}

.customer-sms-box .sms-wrapper .row {
  row-gap: 20px;
}

.customer-sms-box .sms-time p {
  text-align: center;
  color: #666668;
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 16px;
}

.customer-sms-box .sms-header {
  border-bottom: 1px solid #C2C2C2;
  padding: 14px 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.customer-sms-box .sms-header button {
  background: transparent;
  border: 0;
}

.customer-sms-box .sms-header button img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.customer-sms-box .sms-header h3 {
  font-family: "Lato", serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  margin: 0;
}

.com-help-box.customer-sms-box {
  padding: 0;
}

.customer-sms-box .sms-wrapper {
  padding: 20px 26px;
  max-height: 70vh;
  overflow-y: scroll;
}

.customer-sms-box .sms-time p {
  text-align: center;
  color: #666668;
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 30px;
}

.customer-sms-box .sms-content-box {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}

.customer-sms-box .sms-text {
  background: #37AA4C;
  border-radius: 10px;
  padding: 16px 20px;
  border-top-left-radius: 0;
  max-width: 370px;
  position: relative;
}

.sms-footer input {
  background: rgb(235 234 234 / 87%);
  border: 0;
  border-radius: 16px;
  width: 100%;
  padding: 16px 50px 16px 68px;
  font-family: "Lato", serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  height: 100%;
}

.sms-footer input::placeholder {
  color: #6E6E6E;
}

.customer-sms-box .sms-text p,
.customer-sms-box .sms-text a {
  font-family: "Lato", serif;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
  line-height: 1.6;
  font-size: 16px;
}

.customer-sms-box .sms-text a {
  font-weight: 600;
  display: block;
  text-underline-offset: 4px;
}

.customer-sms-box .sms-text strong {
  font-weight: 600;
}

.customer-sms-box .sms-text::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7576 0.0820312C13.7576 0.0820312 4.56472 0.0820312 2.22233 0.0820312C-0.120054 0.0820312 -0.66144 2.48521 1.50142 4.88839C3.66427 7.29157 12.9575 15.3022 13.7576 17.7054C14.5576 20.1085 13.7576 0.0820312 13.7576 0.0820312Z" fill="%2337AA4C"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: -15px;
}

.customer-sms-box .sms-footer .input-text-msg button {
  position: absolute;
  top: 50%;
  border: 0;
  background: transparent;
  transform: translateY(-50%);
  padding: 0;
}

.customer-sms-box .sms-footer .emoji-upload-btn {
  right: 5.35%;
}

.customer-sms-box .sms-footer .camera-btn {
  right: 2%;
}

.sms-footer {
  padding-inline: 26px;
  padding-block: 20px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.microphone-icon {
  background: transparent;
  border: 0;
  padding: 0;
}

.customer-sms-box .sms-footer .image-upload-btn {
  left: 2%;
}

.microphone-icon svg {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.customer-sms-box .sms-user img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.promotion-content li {
  padding: 14px;
  border-radius: 10px;
  box-shadow: 0px 1.35px 32.39px 0px rgb(0 0 0 / 12%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.promotion-content ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.notification-cos-wrapper .notification-list-content .main-text,
.promotions-content-wrapper .promotion-text h5 {
  font-family: "Inter", serif;
  font-weight: 700;
  color: #1F1724;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 8px;
}

.notification-cos-wrapper .notification-list-content .sub-text,
.promotions-content-wrapper .promotion-text p {
  font-family: "Inter", serif;
  font-weight: 400;
  color: #97919B;
  font-size: 14px;
  line-height: 1.2;
  margin: 0;
}

.promotions-content-wrapper .promo-date p {
  font-family: "Inter", serif;
  font-weight: 400;
  color: #97919B;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 10px;
}


.promotions-content-wrapper .promo-date .view-btn {
  background: #37AA4C;
  border: 0;
  border-radius: 18px;
  padding: 8px 10px;
  color: #FFFFFF;
  font-family: "Inter", serif;
  font-weight: 500;
  font-size: 14px;
  min-width: 92px;
  text-align: center;
  border: 1px solid #37AA4C;
  transition: all .3s ease-in-out;
}

.promotions-content-wrapper .promo-date .view-btn:hover {
  background: transparent;
  color: #37AA4C;
}

.promotions-content-wrapper .promo-date {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.promotion-title h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 30px;
}

.promotions-content-wrapper {
  padding-inline: 20px;
  padding-block: 24px;
}

.promotion-modal-wrapper .modal-body {
  background: rgb(55 170 76 / 20%);
}

.promotion-modal-inner {
  background: #ffffff;
  border-radius: 10px;
}

.promotion-modal-inner h2 {
  font-family: "Oleo Script", system-ui;
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 10px;
}

.promotion-modal-inner p {
  color: #333433;
  font-size: 16px;
  line-height: 1.8;
}

.promotion-modal-inner .form-control {
  font-family: "Mulish", serif;
  font-weight: 400;
  color: #333433;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 14px;
  border-color: #D9D9D9;
}

.promotion-modal-inner form {
  max-width: 334px;
}

/* promotions 2 */
.promotions-content-wrapper .promotions-content-box {
  box-shadow: 0px 1.35px 32.39px 0px #0000001F;
  background: #37AA4C33;
  border-radius: 8px;
  padding-block: 90px;
  padding-inline: 100px;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.promotions-content-wrapper .promotions-content-box-inner .box-close-btn {
  position: absolute;
  top: -12px;
  right: -10px;
  background: transparent;
  z-index: 2;
}

.promotions-content-wrapper .promotions-content-box-inner {
  background: #FFFFFF;
  border-radius: 8px;
  padding-block: 25px 45px;
  padding-inline: 35px;
  max-width: 80%;
  margin-inline: auto;
  width: 100%;
}

.promotions-content-wrapper .promotions-content-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: 100%;
}

.promotions-content-wrapper .promotions-content-img {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  width: 50%;
  border-radius: 0px 8px 8px 0px;
  overflow: hidden;
}

.promotions-content-wrapper .promotion-sub-title {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  line-height: 1.5;
}

.promotions-content-wrapper .promotion-title {
  font-family: "Oleo Script", serif;
  font-size: 40px;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  margin-bottom: 12px;
}

.promotions-content-wrapper .promotion-text {
  font-size: 14px;
  font-weight: 400;
  color: #333433;
  line-height: 1.4;
  margin-bottom: 20px;
}

.promotions-content-wrapper .promotion-news-letter .form-control {
  font-family: "Mulish", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 8px 16px;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
  box-shadow: none;
}

.promotions-content-wrapper .promotion-news-letter .form-control::placeholder {
  color: #333433;
}

.promotions-content-wrapper .promotion-news-letter .form-control:focus {
  border: 1px solid #000;
}

.promotions-content-wrapper .promotion-btn-wrapper button {
  font-family: "Mulish", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  padding: 8px 16px;
  border: 1px solid transparent;
  transition: all .3s ease-in-out;
  background: #fff;
  color: #333433;
  border-radius: 20px;
}

.promotions-content-wrapper .promotion-btn-wrapper .promotion-btn-1:hover {
  background: #37AA4C;
  color: #fff;
}

.promotions-content-wrapper .promotion-btn-wrapper .promotion-btn-2 {
  background: #37AA4C;
  font-weight: 700;
  color: #fff;
}

.promotions-content-wrapper .promotion-btn-wrapper .promotion-btn-2:hover {
  background: #fff;
  color: #37AA4C;
  border-color: #37AA4C;
}

.promotions-content-wrapper .promotion-btn-wrapper,
.promotions-content-wrapper .promotion-news-letter {
  max-width: 300px;
  width: 100%;
}

/* delivery address page */
.setting-content-wrapper,
.notification-cos-wrapper,
.delivery-address-wrapper {
  padding-block: 24px;
  padding-inline: 20px;
}

.delivery-address-wrapper .add-address-btn {
  background: #37AA4C;
  color: #FFFFFF;
  font-family: "Mulish", serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 20px;
  transition: all .3s ease-in-out;
}

.delivery-address-wrapper .add-address-btn svg path {
  transition: all .3s ease-in-out;
}

.delivery-address-wrapper .add-address-btn:hover {
  border: 1px solid #37AA4C;
  background: #fff;
  color: #37AA4C;
}

.delivery-address-wrapper .add-address-btn:hover svg path {
  fill: #37AA4C;
}

.delivery-address-wrapper .delivery-address-box {
  padding: 16px 24px 26px;
  box-shadow: 0px 1.35px 32.39px 0px #0000001F;
  border-radius: 8px;
}

.delivery-address-box-header h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
  margin-bottom: 0px;
}

.delivery-address-wrapper .address-card button {
  width: 28px;
  height: 28px;
  background: #37966F1A;
  padding: 0;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  transition: all .3s ease-in-out;
}

.delivery-address-wrapper .address-card button:hover {
  border: 1px solid #37AA4C;
}

.delivery-address-wrapper .address-card .main-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #000000;
}

.delivery-address-wrapper .address-card .sub-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #3334337D;
}

.delivery-address-wrapper .address-card .form-check-input {
  box-shadow: none;
}

.delivery-address-wrapper .address-card .form-check-input:checked {
  background-color: #37AA4C;
  border-color: #37AA4C;
}

/* Add Address popup */
.add-address-canvas-wrap .offcanvas-body select,
.add-address-canvas-wrap .form-select,
.add-address-canvas-wrap .form-control {
  font-family: "Mulish", sans-serif;
  border-radius: 10px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 1.35px 32.39px 0px #0000001F;
  font-weight: 600;
  line-height: 1;
  color: #1B1919;

}

.add-address-canvas-wrap .offcanvas-body select:focus,
.add-address-canvas-wrap .form-select:focus,
.add-address-canvas-wrap .form-control:focus {
  border: 1px solid #1F1724;
}

.add-address-canvas-wrap .form-control::placeholder {
  color: #DCDCE4;
}

.add-address-canvas-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: "Mulish", sans-serif !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 1.35px 32.39px 0px #0000001F;
  font-weight: 600;
  line-height: 1.2 !important;
  padding: 10px !important;
  height: 40px !important;
  color: #1B1919;

}

.add-address-canvas-wrap .select2-container--default .select2-selection--single {
  border: 0px !important;
  height: 40px !important;
}

.add-address-canvas-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-family: "Mulish", sans-serif !important;
  color: #DCDCE4 !important;
}

.add-address-canvas-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
  right: 8px !important;

}

.add-address-canvas-wrap .select2-container--default.select2-container--focus.select2-container--open .select2-selection__rendered {
  border: 1px solid #1F1724 !important;

}

.add-address-canvas-wrap .select2-dropdown {
  width: 368px !important;
}

.add-address-canvas-wrap .add-address-search-input .form-control {
  padding-right: 30px;
}



.add-address-canvas-wrap .add-address-search-btn {
  border: 0;
  padding: 0;
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.add-address-canvas-wrap .add-address-search-btn svg {
  width: 16px;
  height: 16px;
  fill: #3334335C;
}

.add-address-canvas-wrap .custom-form-check-label img {
  width: 14px;
  height: 14px;
  object-fit: contain;
}

.add-address-canvas-wrap .custom-input-check-wrap .custom-form-check-label {
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #33343399;
}

.add-address-canvas-wrap .custom-form-check-label .radio-checked,
.add-address-canvas-wrap .custom-input-check-wrap input {
  display: none;
}

.add-address-canvas-wrap .custom-input-check-wrap input:checked+.custom-form-check-label .radio-checked {
  display: block;
}

.add-address-canvas-wrap .custom-input-check-wrap input:checked+.custom-form-check-label {
  color: #000;
}

.add-address-canvas-wrap .custom-input-check-wrap input:checked+.custom-form-check-label .radio-normal {
  display: none;
}

.add-address-canvas-wrap .map-wrapper iframe {
  border-radius: 8px;
  max-height: 200px;
}

.add-address-canvas-wrap .btn.sidebar-submit-btn {
  border-radius: 20px;
}

/* Notifications page */

.notification-cos-wrapper .nav-pills .nav-link {
  padding: 8px 20px;
  border-radius: 20px;
  background: #F5F2F8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #97919B;
}

.notification-cos-wrapper .nav-pills .nav-link.active {
  background: #37AA4C;
  color: #fff;
  font-weight: 700;
}

.notification-cos-wrapper .notification-date p {
  font-family: "Inter", serif;
  font-weight: 500;
  color: #97919B;
  font-size: 12px;
  line-height: 1.2;
}

.notification-cos-wrapper .notification-date .view-btn {
  font-family: "Inter", serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background: #37AA4C;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 6px 16px;
  transition: all .3s ease-in-out;
}

.notification-cos-wrapper .notification-date .view-btn:hover {
  border: 1px solid #37AA4C;
  background: #fff;
  color: #37AA4C;
}

.notification-cos-wrapper .notification-list-icon {
  width: 40px;
  height: 40px;
  background: #FD744A1A;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notification-cos-wrapper .notification-list-lt {
  gap: 10px;
}

.notification-cos-wrapper .notification-list-item {
  padding: 10px 12px;
  box-shadow: 0px 1.35px 32.39px 0px #0000001F;
  border-radius: 8px;
}

/*  Notifications Modal */

.notifications-modal-1 .thanks-order-box img {
  max-width: 50px;
  display: block;
}

.notifications-modal-1 .thanks-order-box p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #37AA4C;
}

.notifications-modal-1 .thanks-order-box {
  padding: 6px 10px;
  background: #37966F1A;
  border: 1px solid #37966F24;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-block: 20px;
  margin-inline: 16px;
}

.notifications-modal-1 .modal-close {
  position: absolute;
  top: 14px;
  right: 15px;
  background: transparent;
}

/* .notifications-modal-1 .modal-dialog {
  max-width: 420px;
} */

.notifications-modal-1 .modal-content,
.order-popop-main .modal-content {
  border-radius: 20px;
}

.notifications-modal-1 .modal-logo img {
  max-width: 200px;
}

.notifications-modal-1 .modal-logo {
  margin-inline: auto;
}

.notifications-modal-1 .store-closed-popup-content {
  padding-top: 20px;
  border-top: 1px solid #00000038;
}

.notifications-modal-1 .modal-footer button {
  font-family: "Lato", serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  color: #333433;
  margin: 0;
  padding: 12px;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all .3s ease-in-out;
}


.notifications-modal-1 .modal-footer {
  flex-wrap: nowrap;
  padding: 16px;
}

.notifications-modal-1 .modal-footer .modal-ok-btn {
  background: #37AC4E;
  color: #fff;
}

.notifications-modal-1 .modal-footer .modal-ok-btn:hover {
  background: #1e8331;
}

.notifications-modal-1 .modal-footer .modal-cancle-btn:hover {
  background: #5c636a;
  color: #fff;
}

/* settings page */

.setting-content-wrapper .user-img {
  border: 5px solid #37AA4C;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  width: fit-content;
}

.setting-content-wrapper .icon {
  background: #37966F1A;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
}

/* 18-02-2024 start */
.settings-content-wrapper .user-account {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-right: 16px;
  margin-bottom: 30px;
}

.user-upload-img .image-upload {
  cursor: pointer;
  width: 60px;
  height: 61px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-upload-img .image-upload svg {
  fill: #37AA4C;
}

/* 18-02-2024 end */
.settings-content-wrapper .user-details h3 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 6px;
}

.settings-content-wrapper .user-details p {
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 6px;
  font-weight: 400;
  color: #333433;
}

.settings-content-wrapper .user-img img {
  width: 98px;
  height: 98px;
  object-fit: contain;
}

.settings-content-wrapper {
  box-shadow: 0 1.35px 32.39px rgb(0 0 0 / 12%);
  padding: 26px 24px;
  height: calc(100vh - 160px);
  border-radius: 10px;
}


/* .settings-content-wrapper .user-account::after, */
.settings-content-wrapper .setting-options::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg width="17" height="26" viewBox="0 0 17 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_9864_8710)"><path d="M6.60247 8.04259C6.47679 8.2375 6.40625 8.50117 6.40625 8.776C6.40625 9.05082 6.47679 9.31449 6.60247 9.5094L8.9912 13.244L6.60247 16.9267C6.47679 17.1216 6.40625 17.3852 6.40625 17.6601C6.40625 17.9349 6.47679 18.1985 6.60247 18.3935C6.6652 18.491 6.73983 18.5684 6.82206 18.6212C6.90429 18.674 6.99249 18.7012 7.08157 18.7012C7.17065 18.7012 7.25884 18.674 7.34107 18.6212C7.4233 18.5684 7.49793 18.491 7.56066 18.3935L10.4217 13.9826C10.485 13.8859 10.5352 13.7709 10.5694 13.6441C10.6037 13.5173 10.6213 13.3814 10.6213 13.244C10.6213 13.1067 10.6037 12.9707 10.5694 12.844C10.5352 12.7172 10.485 12.6021 10.4217 12.5054L7.56066 8.04259C7.49793 7.94509 7.4233 7.8677 7.34107 7.81488C7.25884 7.76207 7.17065 7.73488 7.08157 7.73488C6.99249 7.73488 6.90429 7.76207 6.82206 7.81488C6.73983 7.8677 6.6652 7.94509 6.60247 8.04259Z" fill="%231F1724" /></g><defs><clipPath id="clip0_9864_8710"><rect width="24.9668" height="16.1946" fill="white" transform="matrix(0 -1 1 0 0.414062 25.7275)" /></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: center;
  object-fit: contain;
  margin-left: auto;
}

.settings-content-wrapper .setting-options {
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 1.35px 32.39px rgb(0 0 0 / 12%);
  border-radius: 10px;
  padding: 14px 16px;
  cursor: pointer;
}

.settings-content-wrapper .user-details-wrapper {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.settings-content-wrapper .setting-options .icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  border-radius: 8px;
}

.settings-content-wrapper .setting-option-type h5 {
  font-family: "Inter", serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 6px;
  color: #1F1724;
}

.settings-content-wrapper .setting-option-type p {
  font-family: "Inter", serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #97919B;
  margin-bottom: 0;
}


.phone-settings-sidebar .offcanvas-footer {
  background: #D7D9E3;
  padding: 24px 16px;
}

.phone-settings-sidebar .footer-btns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.phone-settings-sidebar .footer-btns button {
  border: 0;
  background: #Ffffff;
  border-radius: 4px;
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  gap: 5px;
  box-shadow: 0px 0.74px 0px 0px #0000004D;
}

.phone-settings-sidebar .footer-btns button span {
  font-size: 10px;
}

.grid-2 {
  grid-column: 2;
}

.country-language-sidebar,
.phone-settings-sidebar {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}


.phone-settings-sidebar .offcanvas-body h5 {
  font-family: "Inter", serif;
  font-weight: 600;
  color: #1F1724;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 6px;
}

.phone-settings-sidebar .offcanvas-body p {
  color: #97919B;
  font-family: "Inter", serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  margin: 0;
}

.phone-settings-sidebar .sidebar-title {
  font-family: "Inter", serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 16px;
}


.phone-settings-sidebar .form-control {
  border: 1px solid #E5DFED;
  border-radius: 8px;
  color: #1F1724;
  font-family: "Inter", serif;
  padding: 10px;
  box-shadow: unset;
}

.phone-settings-sidebar .form-control:focus {
  border: 1px solid #1F1724;
}

.country-language-sidebar .submit-btn,
.phone-settings-sidebar .submit-btn {
  background: #37AA4C;
  width: 100%;
  padding: 12px;
  border: 0;
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
  border-radius: 22px;
  margin-top: 50px;
  font-weight: 600;
  text-align: center;
  transition: all .3s ease-in-out;
}

.country-language-sidebar .submit-btn {
  margin: 0px;
}

.phone-settings-sidebar .submit-btn:hover {
  background: #1e8331;
}

.phone-settings-sidebar .number-input-wraper .form-label {
  font-family: "Inter", serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #1F1724;
  margin-bottom: 8px;
}



.country-language-sidebar .language-info {
  gap: 10px;
}

.country-language-sidebar .language-info .flag-img img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 50%;
}



.country-language-sidebar .offcanvas-body h3 {
  font-weight: 600;
  color: #000000;
  font-size: 20px;
  line-height: 1.4;
  max-width: 20ch;
  margin-bottom: 24px;
}

.country-language-sidebar .languages-wrapper h4 {
  font-size: 16px;
  line-height: 1.2;
  color: #000000;
  margin-bottom: 16px;
  font-weight: 600;
}

.country-language-sidebar .language-name p {
  font-family: "Inter", serif;
  color: #97919B;
  font-size: 12px;
  line-height: 1.2;
  margin: 0;
  font-weight: 400;
  letter-spacing: 0.6px;
}

.country-language-sidebar .language-name h5 {
  font-family: "Inter", serif;
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.6px;
  color: #1F1724;
}

.country-language-sidebar .offcanvas-footer {
  padding: 24px 16px;
}

.country-language-sidebar .language-label {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  border-radius: 8px;
  padding: 12px;
  gap: 12px;
  box-shadow: 0px 1.35px 32.39px 0px #0000001F;
}

.country-language-sidebar .language-label img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.country-language-sidebar .language-label .radio-checked,
.country-language-sidebar .language-form-check input {
  display: none;
}

.country-language-sidebar .language-form-check input:checked+.language-label .radio-checked {
  display: block;
}

.country-language-sidebar .language-form-check input:checked+.language-label {
  color: #000;
}

.country-language-sidebar .language-form-check input:checked+.language-label .radio-normal {
  display: none;
}

/* Checkout  Select Delivery page */
.checkout-setup-wrapper {
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  box-shadow: 0px 18.92px 22.7px -3.78px #1018281A;
  padding-inline: 32px;
  padding-block: 16px 32px;
}

.checkout-setup-wrapper .store-list-item-icon {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  overflow: hidden;
  background: #37AC4E;
}


.checkout-setup-wrapper .payment-ckeck-label .store-list-item-icon img {
  height: 100%;
  max-width: 100%;
  width: 100%;
  object-fit: contain;

}


.checkout-setup-wrapper .store-list-item-icon img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: 24px;
}


.checkout-setup-wrapper .store-list-item {
  padding-block: 10px;
  padding-inline: 6px;
  border-bottom: 1px dashed #B3B3B3;
}

.checkout-setup-wrapper .store-saller-name {
  font-family: "Lato", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.005em;
  color: #000;
}

.checkout-setup-wrapper .store-location {
  font-family: "Lato", serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.005em;
}

.checkout-setup-wrapper .option-item-check .form-check-label p,
.checkout-setup-wrapper .option-item-check .form-check-label {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #000000;
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
}

.checkout-setup-wrapper .option-item-check .form-check-label span {
  font-family: "Lato", serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.005em;
  color: #8B8B8B;
}

.checkout-setup-wrapper .payment-list-item input,
.payment-list-item input:checked+.payment-ckeck-label .radio-normal,
.payment-list-item .payment-ckeck-label .radio-checked,
.checkout-setup-wrapper .option-item-check .form-check-label .radio-checked,
.checkout-setup-wrapper .option-item-check input:checked+.form-check-label .radio-normal,
.checkout-setup-wrapper .option-item-check input {
  display: none;
}

.checkout-setup-wrapper .payment-list-item input:checked+.payment-ckeck-label .radio-checked,
.checkout-setup-wrapper .option-item-check input:checked+.form-check-label .radio-checked {
  display: block;
}


/* .form-check-label */

.checkout-setup-wrapper .store-details-title {
  color: #333433;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.checkout-setup-wrapper .option-item-check label {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #000000;
}

.checkout-setup-wrapper .checkout-header-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #000000;
}

.checkout-setup-wrapper .checkout-edit-btn {
  padding: 10px 32px;
  border: 0px;
  background: #F3F4F6;
  font-family: "Lato", serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.005em;
  color: #494949;
  border-radius: 8px;
}

.checkout-setup-wrapper .store-title-sm {
  color: #000;
  font-family: "Lato", serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.005em;
}

.checkout-setup-wrapper .store-sub-title-sm {
  font-family: "Lato", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.005em;

}

.checkout-setup-wrapper .date-selection-title {
  font-size: 18px;
  color: #333433;
  font-weight: 600;
  line-height: 1.4;
}



.checkout-setup-wrapper .date-selection-wrapper .option-date {
  font-family: "Lato", serif;
  border: 1px solid #e9e5e5 !important;
  padding: 8px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #1e1e1e;
  min-width: 96px;
  cursor: pointer;
  margin-block: 1px;
}

.checkout-setup-wrapper .date-selection-wrapper .option-date span {
  font-family: "Lato", serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  color: #000000;
}

.checkout-setup-wrapper .date-selection-wrapper input:checked+.option-date {
  border: 1px solid #37AA4C !important;
  background: #F6FFF9;
}


.checkout-setup-wrapper .date-selection-wrapper .date-form-check input {
  display: none;
}

.checkout-setup-wrapper .date-selection-option {
  gap: 10px;
}

.checkout-setup-wrapper .date-selection-next-btn {
  width: 24px;
  height: 24px;
  background: #37AC4E;
  border: 0;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.checkout-setup-wrapper .date-selection-wrapper {
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 5px;
  margin-bottom: 30px;
}

.checkout-setup-wrapper .paymeny-select-wrap h5 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: #000000;
}

.checkout-setup-wrapper .paymeny-select-wrap .paymeny-add-btn {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.005em;
  color: #FFFFFF;
  background: #37AC4E;
  border: 0;
  border-radius: 6px;
  padding: 6px 24px;
}

.checkout-setup-wrapper .payment-ckeck-label {
  gap: 20px;
}

.checkout-setup-wrapper .payment-ckeck-label img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.account-setup .checkout-pay-btn {
  font-family: "Lato", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: #FFFFFF;
  background: #37AC4E;
  border-radius: 8px;
  text-align: center;
  border: 0;
  padding: 12px;
  transition: all .4s ease;
  border: 1px solid #37AC4E;
}

.account-setup .checkout-pay-btn:hover {
  color: #37AC4E;
  background: #ffffff;
  border: 1px solid #37AC4E;
}

/* Animation to change circle color */
@keyframes colorChange {

  0%,
  100% {
    fill: #D9D9D9;
  }

  50% {
    fill: #37AC4E;
  }
}

.processing-animation svg circle:nth-child(1) {
  animation: colorChange 3s infinite;
}

.processing-animation svg circle:nth-child(2) {
  animation: colorChange 3s 0.4s infinite;
}

.processing-animation svg circle:nth-child(3) {
  animation: colorChange 3s 0.8s infinite;
}

.processing-animation svg circle:nth-child(4) {
  animation: colorChange 3s 1.2s infinite;
}

.processing-animation svg circle:nth-child(5) {
  animation: colorChange 3s 1.6s infinite;
}

.processing-animation svg circle:nth-child(6) {
  animation: colorChange 3s 2s infinite;
}

.processing-animation svg circle:nth-child(7) {
  animation: colorChange 3s 2.4s infinite;
}

.processing-animation svg circle:nth-child(8) {
  animation: colorChange 3s 2.8s infinite;
}

.payment-processing-modal .modal-content {
  border-radius: 20px;
  border: 1px solid rgb(0, 0, 0, 22%);
}

.payment-processing-modal .modal-header {
  flex-direction: column;
  text-align: center;
  border-color: rgb(0 0 0 / 22%);
  padding-block: 24px;
  gap: 20px;
}

.payment-processing-modal .modal-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 14px;
}

.payment-processing-modal .header-content p {
  color: #676767;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 0;
}

.payment-processing-modal .processing-animation,
.payment-declined-modal .declined-img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.payment-processing-modal .processing-animation svg {
  width: 152px;
  height: 152px;
  display: block;
  object-fit: contain;
}

.payment-processing-modal .modal-body {
  padding-block: 52px;
}

.payment-processing-modal .btn-close,
.payment-declined-modal .btn-close {
  padding: 0;
  width: 30px;
  height: 30px;
  opacity: 1;
  margin-right: 0;
}

.payment-declined-modal .btn-close {
  margin-top: -4px;
}

.payment-processing-modal .btn-close:focus,
.payment-declined-modal .btn-close:focus {
  box-shadow: none;
}

.payment-processing-modal .btn-close svg,
.payment-declined-modal .btn-close svg {
  width: 100%;
  height: 100%;
}

.payment-declined-modal .declined-img-wrapper img {
  width: 180px;
  height: auto;
  object-fit: contain;
}

.payment-declined-modal .modal-footer {
  border-top: 1px dashed #B0B0B0;
  justify-content: center;
}

.payment-declined-modal .declined-content h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  margin-bottom: 10px;
}

.payment-successful-popup .declined-content h2 {
  color: #000;
}

.payment-declined-modal .declined-content p {
  font-size: 18px;
  line-height: 1.2;
  font-family: "Lato", serif;
  font-weight: 400;
  color: #545454;
  text-align: center;
}

.payment-declined-modal .modal-content {
  border-radius: 12px;
  border: 0px;
}


.popup-cancel-btn {
  border: 0;
  background: #E1E1E1;
  font-family: "Lato", serif;
  font-weight: 700;
  padding: 14px;
  color: #333433;
  border-radius: 6px;
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 1;
}

.btn-accent {
  border: 0;
  background: #37AC4E;
  font-family: "Lato", serif;
  font-weight: 700;
  padding: 14px;
  color: #ffffff;
  border-radius: 6px;
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  transition: all .4s ease;
}

.declined-footer-btns {
  display: flex;
  gap: 2px;
  gap: 10px;
}

.declined-footer-btns button {
  flex: 1;
}


body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  min-height: 362px;
  margin-top: auto;
}

.custom-popup-btn-cs {
  width: fit-content;
}

.main-wrapper.active .main-content-wrapper {
  width: 100%;
  max-width: calc(100% - 300px);
  margin: auto;
  height: 100%;
  margin-right: 0;
}

/* Checkout  Select Delivery page modals */

.checkout-popop-main .modal-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #000000;
  max-width: 36ch;
}

.checkout-popop-main .btn-close {
  position: absolute;
  right: 6px;
  top: 6px;
  padding: 0 !important;
  background: transparent;
  opacity: 1;
  width: 30px;
  height: 30px;
}

.checkout-popop-main .btn-close svg {
  width: 100%;
  height: 100%;
}

.checkout-popop-main .modal-header {
  padding: 18px 20px;
}

.checkout-popop-main .modal-footer {
  padding: 20px;
}

.checkout-popop-main .modal-body {
  padding-inline: 20px;
}

.checkout-popop-main .checkout-save-btn,
.order-popop-main .order-save-btn {
  background: #37AC4E;
  width: 100%;
  border-radius: 6px;
  border: 0px;
  padding: 12px;
  font-weight: 600;
  color: #ffffff;
  transition: all .4s ease;
  margin: 0px;
  font-size: 16px;
  letter-spacing: 0.005em;
  line-height: 1.2;
  text-align: center;
}

.order-popop-main .order-cancel-btn {
  background: #E1E1E1;
  width: 100%;
  border-radius: 6px;
  border: 1px solid transparent;
  padding: 12px;
  font-weight: 600;
  color: #333433;
  transition: all .4s ease;
  margin: 0px;
  font-size: 16px;
  letter-spacing: 0.005em;
  line-height: 1.2;
  text-align: center;
}

.order-request-popup .order-cancel-btn {
  font-family: "Lato", sans-serif;
}


.order-popop-main .order-cancel-btn:hover {
  background: #5c636a;
  color: #fff;
}

.btn-accent:hover,
.checkout-popop-main .checkout-save-btn:hover,
.order-popop-main .order-save-btn:hover {
  background: #1e8331;
  color: #ffffff;
}

.checkout-popop-main .btn-close:focus {
  box-shadow: none;
}

.checkout-popop-main .form-control,
.checkout-popop-main .form-select {
  font-family: "Mulish", sans-serif;
  box-shadow: 0px 4.86px 23.5px 0px #00000014;
  border: 1px solid #0000001A;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  border-radius: 10px;
  padding: 12px;
  color: #494949;
}

.checkout-popop-main .form-control::placeholder {
  color: #494949;
}

.checkout-popop-main .form-control:focus,
.checkout-popop-main .form-select:focus {
  border: 1px solid #3A3A3A;
}

.checkout-popop-main .modal-content {
  border-radius: 12px;
}

.checkout-select-time .modal-header {
  border-bottom: 1px solid #D3D3D3;
}


.checkout-select-time .modal-title {
  font-family: "Lato", sans-serif;
  max-width: 100%;
  color: #252525;
  font-weight: 700;
}

.checkout-select-time .time-slot-control {
  position: relative;
  padding: 12px 25px;
  width: 100%;
  border-bottom: 1px solid #D3D3D3;
  background: #fff;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #1A1A1A;
}

.checkout-select-time .time-slot-control::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.63337%200.768555C3.86585%200.768555%200.802734%203.83167%200.802734%207.59919C0.802734%2011.3667%203.86585%2014.4298%207.63337%2014.4298C11.4009%2014.4298%2014.464%2011.3667%2014.464%207.59919C14.464%203.83167%2011.4009%200.768555%207.63337%200.768555Z%22%20fill%3D%22%234BAE4F%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.9376%205.29648C11.103%205.46191%2011.103%205.73407%2010.9376%205.8995L6.93528%209.90183C6.85257%209.98454%206.74317%2010.0272%206.63378%2010.0272C6.52438%2010.0272%206.41498%209.98454%206.33227%209.90183L4.3311%207.90066C4.16567%207.73523%204.16567%207.46308%204.3311%207.29765C4.49653%207.13222%204.76869%207.13222%204.93412%207.29765L6.63378%208.9973L10.3346%205.29648C10.5%205.12839%2010.7722%205.12839%2010.9376%205.29648Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: none;
  border-radius: 50px;
}

.checkout-select-time .time-slot-wrapper input {
  display: none;
}

.checkout-select-time .modal-content {
  overflow: hidden;
}

.checkout-select-time .time-slot-wrapper input:checked+.time-slot-control {
  background: #E7F5EA;
}

.checkout-select-time .time-slot-wrapper input:checked+.time-slot-control::after {
  display: block;
}

.order-popop-main .modal-body::-webkit-scrollbar,
.checkout-popop-main .modal-body::-webkit-scrollbar {
  width: 5px;
}

.order-popop-main .modal-body::-webkit-scrollbar-thumb,
.checkout-popop-main .modal-body::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: linear-gradient(180deg, #37ac4e 0%, #06ca2c 100%);
  height: 20px;
  max-height: 20px;
  min-height: 10px;
}

.checkout-payment-method .form-check-label {
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid transparent;
  transition: all .3s ease-in-out;
  cursor: pointer;
  box-shadow: 0px 1.62px 38.9px 0px #0000001F;
  padding-block: 9px;
  padding-inline: 10px 40px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
  color: #1F1724;
  line-height: normal;
}

.checkout-payment-method .form-check-label::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none" viewBox="0 0 21 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.406 0.480957C5.04242 0.480957 0.681641 4.84174 0.681641 10.2053C0.681641 15.5689 5.04242 19.9297 10.406 19.9297C15.7696 19.9297 20.1304 15.5689 20.1304 10.2053C20.1304 4.84174 15.7696 0.480957 10.406 0.480957Z" fill="%234BAE4F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.1073 6.92655C15.3428 7.16207 15.3428 7.54952 15.1073 7.78503L9.40945 13.4829C9.29169 13.6007 9.13595 13.6614 8.98021 13.6614C8.82446 13.6614 8.66872 13.6007 8.55096 13.4829L5.70202 10.634C5.46651 10.3985 5.46651 10.011 5.70202 9.77549C5.93754 9.53998 6.32499 9.53998 6.56051 9.77549L8.98021 12.1952L14.2488 6.92655C14.4844 6.68724 14.8718 6.68724 15.1073 6.92655Z" fill="%23FFF"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: none;
}

.checkout-payment-method .form-check-label::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><rect x="1.36272" y="0.907644" width="17.6723" height="17.6723" rx="8.83616" fill="%23FFF" stroke="%2300B307" stroke-width="1.77623"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
}

.checkout-payment-method .form-check-label span {
  width: 30px;
  height: 30px;
  background: #37966F1A;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkout-payment-method .form-check-label img {
  max-width: 20px;
  display: block;
  max-height: 20px;
  object-fit: contain;
}

.checkout-payment-method .form-check-wrapper input:checked+.form-check-label::before,
.checkout-payment-method .form-check-wrapper input {
  display: none;
}


.checkout-payment-method .form-check-wrapper input:checked+.form-check-label::after {
  display: block;
}

.checkout-payment-method .form-check-wrapper input:checked+.form-check-label {
  border: 1px solid #37AC4E4D;
}

.checkout-gift-card .modal-body {
  min-height: 200px;
}

/* order details popups  */

.order-popop-main .modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: transparent;
  opacity: 1;
  width: 30px;
  height: 30px;
  z-index: 22;
}

.order-popop-main .modal-close svg {
  width: 100%;
  height: 100%;
}

.order-popop-main .modal-logo img {
  max-width: 200px;
  display: block;
}

.order-popop-main .order-save-btn {
  font-family: "Lato", sans-serif;
  font-weight: 700;
}

.order-popop-main .modal-header {
  border-bottom: 1px solid #00000038;
}

.order-popop-main .modal-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: #000000;
  text-align: center;
}

.order-request-popup .modal-title {
  font-size: 24px;
}


.order-rejected-popup .modal-title {
  color: #F15223;
}

.order-popop-main .modal-title span {
  color: #37AC4E !important;
}

.order-popop-main .text-sm {
  font-weight: 400;
  text-align: center;
  color: #676767;
  font-size: 15px;
  line-height: 1.4;
  max-width: 42ch;
  margin-inline: auto;
}

.feedback-popop-wrapper .text-sm {
  color: #97919B;
}

.order-popop-main .order-code-box {
  padding: 12px 30px;
  border: 1px solid #00000017;
  background: #EBEBEB;
  border-radius: 6px;
  width: fit-content;
  margin-inline: auto;
}

.order-popop-main .order-code-box p {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #747474;
}

.order-popop-main .modal-footer {
  padding: 20px;
}

.order-request-popup .modal-footer {
  border-color: #00000038;
}

.order-popop-main .modal-body {
  padding-bottom: 10px;
}

.order-popop-main .driver-assigned-box-details img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50px;
}

.order-popop-main .driver-assigned-box {
  padding: 12px;
  border: 1px solid #CDCDCD;
  border-radius: 8px;
}

.order-popop-main .driver-assigned-box-details h5 {
  font-family: "Lato", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.order-popop-main .driver-assigned-box-details p {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #757575;
}

.order-popop-main .order-estimated-box {
  padding: 12px 24px 0px;
  margin: 12px -12px 0px;
}

.order-popop-main .order-estimated-box p {
  font-family: "Lato", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #000;
}

.order-popop-main .order-estimated-box p span {
  color: #757575;
  font-family: "Lato", sans-serif;
}

.order-popop-main .border-end,
.order-popop-main .border-top,
.order-popop-main .border-bottom {
  border-color: #CDCDCD !important;
}

.order-popop-main .feedback-text-sm {
  font-family: "Lato", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #000;
  text-align: center;
}

.order-popop-main .order-time-details {
  border: 1px solid #CDCDCD;
  border-radius: 8px;
}

.order-popop-main .order-time-details li {
  padding: 9px 12px;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #747474;
}

.order-popop-main .order-time-details li span {
  color: #000 !important;
}

.order-popop-main .emoji-rating {
  padding: 10px 30px;
  background: #97919B17;
  border-radius: 50px;
  margin-inline: auto;
  width: fit-content;
}

.order-popop-main .emoji-rating .emoji {
  font-size: 26px;
  transition: transform 0.2s ease;
  cursor: pointer;
  line-height: normal;
}

.order-popop-main .emoji-rating .emoji:hover {
  transform: scale(1.4);
  filter: drop-shadow(0px 6.56px 6.56px #00000033);
}

.order-popop-main .feedback-form-label {
  font-family: "Inter", serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.3px;
  color: #1F1724;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.order-popop-main .form-control {
  font-family: "Inter", serif;
  background: #97919B21;
  color: #000;
  font-size: 15px;
  border: 1px solid transparent;
  box-shadow: none;
  padding: 12px;
}

.order-popop-main .form-control:focus {
  border: 1px solid #000;
}

.order-popop-main .custom-hr {
  border-color: #000;
  margin-inline: -16px;
}

.order-popop-main .offer-status-box {
  padding: 12px 30px;
  background: #FFEBEE;
  border-radius: 6px;
  width: 100%;
  text-align: center;
}

.order-popop-main .offer-status-box p {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #E44010;
}

.order-ready-popup .modal-title {
  font-size: 36px;
}

.payment-successful-popup .payment-box-wrapper {
  background: #37966F1A;
  border: 1px solid #37966F24;
  border-radius: 6px;
  padding: 12px 20px;
  margin: 0px;
}

.payment-successful-popup .payment-box-wrapper p {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #545454;
}

.payment-successful-popup .payment-box-wrapper .total-amount {
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  color: #1B1B1B;
}

.order-request-popup .countdown-wrapper {
  width: 90px;
  height: 90px;
  margin: 0px;
}

.order-request-popup .countdown-wrapper svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

/* svg {
  transform: rotate(-90deg);
} */
.order-request-popup .time-display {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #000;
}

.order-request-popup .countdown-wrapper .background {
  fill: none;
  stroke: #E1E1E1;
  stroke-width: 18;
}

.order-request-popup .countdown-wrapper .progress {
  fill: none;
  stroke: #37AC4E;
  stroke-width: 18;
  stroke-dasharray: 565.48;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  transition: stroke-dashoffset 1s linear;
}

/* order-closed popup css starts */
.order-closed-modal .modal-dialog,
.clear-cart-modal .modal-dialog {
  max-width: 426px;
  margin-inline: auto;
}

.order-closed-modal .modal-content,
.clear-cart-modal .modal-content {
  border: 0.6px solid #B0B0B0;
  border-radius: 20px;
}

.order-closed-modal .btn-close,
.clear-cart-modal .btn-close {
  margin: 0 !important;
  background: no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
}

.order-closed-modal .btn-close:focus,
.clear-cart-modal .btn-close:focus {
  box-shadow: none;
}

.order-closed-modal .btn-close svg,
.clear-cart-modal .btn-close svg {
  width: 100%;
  height: 100%;
}

.order-closed-modal .order-closed-img-wrapper,
.clear-cart-modal .clear-cart-img-wrapper {
  display: flex;
  justify-content: center;
}

.order-closed-modal .modal-body,
.clear-cart-modal .modal-body {
  padding: 18px 12px;
}

.order-closed-modal .modal-footer,
.clear-cart-modal .modal-footer {
  border-top: .67px dashed #B0B0B0;
  padding: 16px 12px 13px;
}

.order-closed-modal .modal-footer .order-closed-content h2,
.clear-cart-modal .modal-footer .clear-cart-content h2 {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  line-height: 1.2;
  color: #000000;
  max-width: 24ch;
  text-align: center;
  margin: 0 auto 14px;
  font-weight: 600;
}

.clear-cart-modal .modal-footer .clear-cart-content h2 {
  margin-bottom: 9px;
}

.order-closed-modal .order-closed-content p,
.clear-cart-modal .clear-cart-content p {
  font-family: "Lato", serif;
  color: #545454;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  margin: 0;
}

.order-closed-modal .order-closed-content {
  margin-bottom: 26px;
}

.order-closed-modal .popup-cancel-btn,
.clear-cart-modal .popup-cancel-btn {
  background: #E1E1E1;
  border: 0;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.2;
  font-family: "Lato", serif;
  font-weight: 700;
  padding: 12px;
  color: #333433;
  display: block;
  width: 100%;
}

.order-closed-modal .btn-accent,
.clear-cart-modal .btn-accent {
  background: #37AC4E;
  border: 0;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.2;
  font-family: "Lato", serif;
  font-weight: 700;
  padding: 12px;
  display: block;
  color: #FFFFFF;
  width: 100%;
  transition: all .4s ease-in-out;
}

.order-closed-modal .btn-accent:hover,
.clear-cart-modal .btn-accent:hover {
  background: #1e8331;
}

.order-closed-modal .order-closed-footer-btns,
.clear-cart-modal .clear-cart-footer-btns {
  display: flex;
  gap: 10px;
}

.clear-cart-modal .clear-cart-content {
  margin: 0 0 31px;
}

.clear-cart-modal .clear-cart-content p {
  max-width: 44ch;
  margin-inline: auto;
}


/* address-modal start */

#address-modal .custom-input-check-wrap .custom-form-check-label {
  padding-left: 20px;
  position: relative;
}

#address-modal .custom-input-check-wrap input {
  display: none;
}

#address-modal .custom-input-check-wrap .custom-form-check-label::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><rect x="1.36272" y="0.907644" width="17.6723" height="17.6723" rx="8.83616" fill="%23FFF" stroke="%2300B307" stroke-width="1.77623"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
}

#address-modal .custom-input-check-wrap .custom-form-check-label::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"%3E%3Ccircle cx="5.15464" cy="5.23374" r="4.35187" stroke="%2337AA4C" stroke-width="0.742254"/%3E%3Ccircle cx="5.15494" cy="5.23209" r="2.02313" fill="%2363AC70" stroke="%2337AA4C" stroke-width="1.34955"/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  display: none;
}


#address-modal .custom-input-check-wrap input:checked+.custom-form-check-label::after {
  display: block;
}

#address-modal .custom-input-check-wrap input:checked+.custom-form-check-label::before {
  display: none;
}


.modal[aria-hidden="true"] {
  pointer-events: none;
  visibility: hidden;
}

/* 16-05-25 start */

.offer-slider-1 .slick-slide::after,
.offer-slider-2 .slick-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 90%);
  border-radius: 10px;
}

.offer-slider-1 .slick-slide>.d-flex p,
.offer-slider-1 .slick-slide>.d-flex h5,
.offer-slider-1 .slick-slide>.d-flex .book-now,
.offer-slider-2 .slick-slide>.d-flex p,
.offer-slider-2 .slick-slide>.d-flex h5,
.offer-slider-2 .slick-slide>.d-flex .book-now {
  position: relative;
  z-index: 2;
}

.rating-review-cs h2 {
  font-size: 16px;
}

/* 16-05-25 end */


/* 20-05-25 start */
.category-tab-slider .slick-tabs .nav-link {
  font-family: "Lato", serif;
  padding: 8px 20px;
  border-radius: 20px;
  background: #f3f3f3;
  font-size: 15px;
  color: #494949;
  border: none;
  transition: all 0.3s ease;
}

.category-tab-slider .slick-tabs .nav-link select {
  color: #494949;
  background: transparent;
  border: 0px;
  outline: none;
}

.category-tab-slider .slick-tabs .nav-link.active,
.category-tab-slider .slick-tabs .nav-link.active select {
  color: #fff !important;
  background: #37AA4C !important;
}

.category-tab-slider .slick-track {
  gap: 12px;
  display: flex;
}

.category-tab-slider {
  padding-bottom: 20px;
  padding-inline: 24px;
}

.category-tab-slider .slick-tabs .slide-pull-left {
  font-size: 16px;
  color: #37AA4C !important;
  left: -20px;
}

.category-tab-slider .slick-tabs .slide-pull-right {
  font-size: 16px;
  color: #37AA4C !important;
  right: -20px;
}

.category-tab-slider .slick-tabs .slick-prev:before,
.category-tab-slider .slick-tabs .slick-next:before {
  display: none;
}


.footer-logo h4 {
  margin-block: 6px 20px !important;
}

.footer-logo img {
  margin-left: -12px;
}


/* 20-05-25 start */

/* 23-05-25 start */

.product-pagination a.page-link {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-color: #F3F4F6;
  color: #000;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  border: 1px solid #F3F4F6;
  box-shadow: none;
}

.product-pagination a.page-link span {
  font-size: 18px;
}

.product-pagination .page-item.active a.page-link,
.product-pagination a.page-link:hover,
.product-pagination a.page-link:focus {
  background-color: #37AA4C;
  color: #fff;
  box-shadow: none;
}


/* 23-05-25 end */


.custom-check {
  appearance: none;
  -webkit-appearance: none;
  min-width: 16px;
  min-height: 16px;
  border: 2px solid #e9e5e5;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  border-radius: 3px;
}

.custom-check:checked {
  background-color: #37aa4c;
  border: 2px solid #37aa4c;
}

.custom-check:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.checkbox-group label {
  font-size: 15px !important;
}


/* 28-05-2025 start */

/* popup-non-listed start */


.seller-theme-modal .modal-body {
  padding: 30px 40px 54px;
}

.seller-theme-modal .modal-body .store-icon {
  width: 200px;
  height: 200px;
  object-fit: contain;
  display: block;
}

.seller-theme-modal .modal-content {
  border-radius: 24px;
  text-align: center;
}

.seller-theme-modal .close-btn {
  border: 0px;
  position: absolute;
  right: 25px;
  top: 25px;
  padding: 0 !important;
  background: transparent;
  opacity: 1;
  width: 32px;
  height: 32px;
}

.seller-theme-modal .close-btn svg {
  width: 100%;
  height: 100%;
}

.seller-theme-modal .modal-footer-link {
  font-family: "Lato", sans-serif;
  color: #1A51C8;
  font-weight: 500;
  font-style: italic;
}

.seller-theme-modal p {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  line-height: 2;
}



@media (max-width: 575.98px) {
  .seller-theme-modal .modal-body .store-icon {
    width: 180px;
    height: 180px;
  }

  .seller-theme-modal .modal-body {
    padding: 24px !important;
  }

}

/* popup-non-listed end */

/* 28-05-2025 end */




/* 29-05-2025  */

/* delivery wrapper start */

.delivery-wrapper {
  padding-block: 90px;
  padding-inline: 20px;
}

.delivery-wrapper img {
  max-width: 340px;
  display: block;
  margin-inline: auto;
  margin-bottom: 24px;
  width: 100%;
}

.delivery-wrapper .section-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  color: #000;
}

.delivery-wrapper p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #707070;
}

.delivery-wrapper .btn-accent {
  font-family: "Mulish", sans-serif;
  border-radius: 50px;
  font-weight: 700;
  font-size: 18px;
  display: inline-block;
  width: fit-content;
  text-decoration: none;
  padding-inline: 40px;
  padding-block: 14px;
  min-width: 180px;
}

.cannabis-wrapper {
  padding-top: 60px;
}



/* home-1 start */
/* 09-06-2025 */


.custom-section-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.3;
  color: #131313;
}

.custom-section-subtitle {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: #868585;
}

/* hero sectiom start */

.hero-section {
  background-size: cover !important;
  background-position: center !important;
  /* padding-block: 146px 88px !important;
  padding-inline: 80px !important; */
  position: relative;
}

.hero-section::after {
  content: '';
  background: #0000004D;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: block !important;
}

.hero-section>div {
  position: relative;
  z-index: 2;
}

.hero-section h2 {
  max-width: 42ch;
}

.text-gray-850 {
  color: #ADACAB;
}

.feature-section {
  padding-block: 68px;
}

.mb-64 {
  margin-bottom: 64px;
}

.feature-section .feature-section-img img {
  border-radius: 32px;
  width: 100%;
  display: block;
}

.feature-section-content .custom-section-title {
  margin-bottom: 40px;
}

.feature-section .section-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: #333333;
  max-width: 30ch;
  margin-bottom: 46px;
  letter-spacing: 0.183px;
}

.feature-section .feature-section-bg {
  position: absolute;
  right: 0px;
  bottom: 0px;
  max-width: 310px;
}

.feature-section .feature-section-bg img {
  display: block;
  max-width: 100%;
}

.feature-section .feature-section-content {
  padding-left: 40px;
}

.feature-section .get-blazy-wrap img {
  max-width: 48px;
}

.feature-section .get-blazy {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  color: #131313;
  text-decoration: none;
}


/* hero sectiom end */

.shopping-features {
  padding-bottom: 48px;
}

.shopping-features .info-card {
  border-radius: 32.228px;
  background: #fff;
  box-shadow: 0px 1.667px 40px 0px rgba(0, 0, 0, 0.12);
  padding: 30px 20px;
  text-align: center;
  max-width: 233px;
}

.shopping-features .info-card .icon {
  margin-bottom: 20px;
}

.shopping-features .info-card img {
  max-width: 108px;
  display: block;
  margin-inline: auto;
}

.shopping-features .info-card h4 {
  font-size: 18px;
  color: #131313;
  line-height: 32.228px;
  font-weight: 500;
}

.shopping-features .info-card h4,
.shopping-features .info-card p {
  font-family: "Inter", sans-serif;
}

.shopping-features .info-card p {
  font-size: 13px;
  color: #868585;
  margin-bottom: 0px;
  line-height: 18.333px;
}

/* business growth */
.business-growth {
  padding-top: 40px;
}

.business-growth img {
  border-radius: 32px;
  display: block;
}

.business-growth .section-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 40px;
  max-width: 48ch;
  letter-spacing: 0.183px;
}

.business-growth .business-growth-content {
  padding-left: 40px;
}

.business-growth .custom-section-title {
  max-width: 24ch;
}

/* brand partners */
.brand-partners {
  padding-block: 60px;
}

.brand-partners .brand-partner-item img {
  display: block;
  object-fit: contain;
  max-width: 325px;
  max-height: 60px;
  width: 100%;
}

.brand-partners-wrapper {
  padding-inline: 36px;
  gap: 50px;
}


/* blazy-tools */

.blazy-tools {
  overflow: hidden;
}

.blazy-tools .title-sm {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
  color: #131313;
}

.blazy-tools .text {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.3;
  color: #333333;
  margin-bottom: 0px;
}

.blazy-tools .blazy-hub-tool {
  background: #FBFBFB;
  height: 100%;
}

.blazy-tools .blazy-pay-tool {
  background: #37AA4C;
  color: #fff;
}

.blazy-tools .blazy-hub-tool,
.blazy-tools .blazy-pay-tool {
  padding: 32px;
  border-radius: 26px;
}




.blazy-tools .blazy-pay-tool-bg {
  position: absolute;
  bottom: -66px;
  right: -34px;
  max-width: 270px;
  z-index: 0;
}

.blazy-tools .blazy-pay-tool-bg img {
  display: block;
  max-width: 100%;
}

.blazy-tools .blazy-hub-tool ul li::before {
  display: inline-block;
  content: "";
  background-image: url(../images/tick-circle-green.svg);
}

.blazy-tools .blazy-pay-tool ul li::before {
  display: inline-block;
  content: "";
  background-image: url(../images/tick-circle-white.svg);
}

.blazy-tools .blazy-hub-tool ul li::before,
.blazy-tools .blazy-pay-tool ul li::before {
  height: 24px;
  width: 24px;
  flex: 0 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
}

.blazy-tools .brand-logo img {
  max-width: 200px;
  display: block;
}

.blazy-tools .brand-mark img {
  max-width: 48px;
}

.blazy-tools ul li {
  display: flex;
  align-items: flex-start;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3;
  color: #333333;
  gap: 14px;
}

.blazy-tools .blazy-pay-tool ul li {
  color: #fff;
}

.blazy-tools ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0px;
  max-width: 36ch;
}

.blazy-hub-tool,
.blazy-pay-tool {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.blazy-tools .cta-title {
  padding-block: 60px;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
  color: #131313;
}


.custom-footer .title {
  line-height: 1.3;
}

.custom-footer h4.mt-0 {
  margin-top: 0px !important;
}

.note-1 {
  font-size: 15px;
}


/* home-1 end */


@media screen and (max-width:1500px) {

  .hero-section h2 {
    max-width: 42ch;
    font-size: 34px;
  }

  .custom-section-title {
    font-size: 32px;
  }

  .custom-section-subtitle {
    font-size: 17px;
  }

  .feature-section {
    padding-block: 60px;
  }

  .feature-section .section-text {
    margin-bottom: 40px;
  }

  .feature-section .feature-section-bg {
    right: -8px;
    max-width: 250px;
  }

  .mb-64 {
    margin-bottom: 48px;
  }

  .feature-section .feature-section-content,
  .business-growth .business-growth-content {
    padding-left: 24px;
  }

}

@media (max-width: 768px) {
  .delivery-wrapper {
    padding-block: 60px;
  }
}


@media screen and (max-width:479px) {

  .order-closed-modal .modal-dialog,
  .clear-cart-modal .modal-dialog {
    max-width: 100%;
    margin-inline: 20px;
  }

  .order-closed-modal .btn-close,
  .clear-cart-modal .btn-close {
    width: 32px;
    height: 32px;
    top: 12px;
    right: 12px;
  }

  .order-closed-modal .modal-footer .order-closed-content h2,
  .clear-cart-modal .modal-footer .clear-cart-content h2 {
    font-size: 20px;
  }

  .order-closed-modal .order-closed-footer-btns,
  .clear-cart-modal .clear-cart-footer-btns {
    flex-direction: column;
  }

  .order-closed-modal .order-closed-content,
  .clear-cart-modal .clear-cart-content {
    margin-bottom: 20px;
  }
}



@media only screen and (min-width:1200px) and (max-width:1400px) {
  .main-wrapper.active .favorites-cos-wrapper .products-box-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
  .main-wrapper.active .favorites-cos-wrapper .products-box-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width:991px) and (max-width:1024px) {
  .main-wrapper.active .favorites-cos-wrapper .products-box-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}



@media (max-width: 1499.98px) {
  .breadcrumb-box.slider .carousel-item .caption-box {
    padding: 56px 56px 0 56px;
  }

  .banner-slide-box .banner-title {
    font-size: 38px;
  }

  .banner-slide-box .banner-title-sm {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .banner-slide-box .get-delivery-icon img {
    width: 50px;
    height: 50px;
  }

  .banner-slide-box .get-delivery-box {
    padding-block: 12px;
    padding-inline: 55px 16px;
  }

  .banner-slide-box .get-delivery-box p {
    font-size: 13px;
  }

  .banner-slide-box .contact-us-btn {
    font-size: 16px;
    padding: 12px 28px;
  }

  .banner-slide-box,
  .banner-slide-box .banner-slider,
  .banner-slide-box .slick-slide {
    height: auto !important;
    max-height: none !important;
  }

  .banner-slide-box .banner-rating-box p {
    font-size: 14px;
  }

  .banner-slide-box .banner-rating-img img {
    width: 60px;
    height: 60px;
  }

  .banner-slide-box .banner-rating-rt span {
    font-size: 14px;
    margin-top: 2px;
  }

  .banner-slide-box .banner-rating-icon i {
    font-size: 14px;
  }

  .banner-slide-box .banner-sub-title {
    font-size: 17px;
  }

  .banner-slide-box .banner-slider {
    padding-block: 50px;
  }

  .banner-slide-box .get-delivery-box,
  .banner-slide-box .contact-us-btn {
    margin-top: 40px;
  }

}

@media (max-width: 1399.98px) {

  .accept-payment-box {
    max-width: 90%;
    margin: auto;
  }

  .accept-payment-box .inner {
    padding-bottom: 50px;
  }

  .accept-payment-box .choose-blazy-pay-btn {
    border-radius: 0px 50px 50px 0;
    margin-left: -15px;
    text-align: center;
  }

  .banner-2-box {
    height: 550px;
  }

  .banner-2-box .container {
    max-width: 90%;
  }

  .banner-2-box .title {
    font-size: 30px;
  }

  .banner-2-box .description {
    font-size: 16px;
  }

  .custom-arrow-prev {
    left: -50px;
  }

  .custom-arrow-next {
    right: -50px;
  }

  .store-prev-btn {
    width: 36px;
    height: 30px;
  }

  .category-nav-container .store-prev-btn {
    left: 10px;
  }

  .store-close-btn {
    width: 32px;
    height: 32px;
  }

  .category-nav-container .store-close-btn {
    right: 16px;
  }

  .category-nav-container .category-nav li a {
    padding: 10px 22px;
    font-size: 14px;
  }



}

@media screen and (max-width: 1200px) {
  .product-wrapper {
    padding-inline: 20px;
  }

  .favorites-cos-wrapper .products-box-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .banner-slide-box .banner-title {
    font-size: 36px;
  }

  .banner-slide-box .banner-sub-title {
    font-size: 16px;
  }

  .slider-wrapper {
    padding: 0 50px;
  }

  .custom-arrow-next {
    right: -36px;
  }

  .custom-arrow-prev {
    left: -36px;
  }


  .blazy-tools .blazy-pay-tool-bg {
    max-width: 210px;
    bottom: -50px;
    right: -28px;
  }

  .blazy-tools ul {
    max-width: 31ch;
  }
}

@media screen and (max-width: 1024px) {
  .promotions-content-wrapper .promotions-content-box-inner {
    max-width: 100%;
  }

  .favorites-cos-wrapper .products-box-grid {
    grid-template-columns: repeat(3, 1fr);
  }


  /* .shopping-features .info-card {
    flex: 0 0 250px;
  } */

}


@media (max-width: 991.98px) {
  .banner {
    background-size: cover;
  }

  .shop-premium-box h1 {
    font-size: 36px;
  }

  .blazy-help-box {
    text-align: center;
  }

  .blazy-help-box img {
    margin-bottom: 20px;
  }

  .blazy-help-box .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .blazy-help-box .content-box {
    margin: auto;
  }

  .blazy-help-box .title {
    font-size: 24px;
  }

  .blazy-help-box p {
    font-size: 16px;
  }

  .select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 20px) !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + 0.75rem + 20px) !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px !important;
  }

  .blazy-help-box-img-wrapper {
    max-width: 560px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }

  .blazy-help-box-img-wrapper .help-box-img-2 {
    left: calc(100% - 82%);
  }

  .slider-wrapper {
    padding: 0 50px;
  }

  .category-nav li a {
    display: inline-block;
    padding: 10px 12px;
  }

  .offer-modal-1 .modal-dialog {
    max-width: 90%;
  }

  .offer-modal-1 .modal-dialog .content-box {
    padding: 30px;
  }

  .quick-view-modal .modal-dialog {
    padding-inline: 10px;
  }

  .breadcrumb-bar {
    padding-block: 15px;
  }

  .breadcrumb-bar .breadcrumb-item a,
  .breadcrumb-bar .breadcrumb-item {
    font-size: 12px;
  }

  .product-details-main .product-details-wrapper {
    padding-left: 15px;
  }

  .related-products-wrapper {
    padding-bottom: 50px !important;
  }

  .product-details-main {
    max-width: 100%;
  }

  footer .common-area {
    padding: 30px 0 30px;
  }

  footer .app-store-box {
    margin-bottom: 15px;
  }

  footer .subscription-box input {
    border-radius: 100px !important;
    margin-bottom: 10px;
  }

  footer .subscription-box .input-group-text {
    width: 100%;
  }

  footer .subscription-box .input-group-text .btn {
    width: 100%;
    margin-left: 0px;
  }

  footer .social-media-box {
    margin-bottom: 15px;
  }

  .banner-slide-box .banner-slider {
    padding-inline: 20px;
  }

  .last-step-popup .signup-age-modal {
    margin: 0 auto;
  }

  .breadcrumb-box ul li {
    padding: 0 4px;
    font-size: 18px;
  }

  .breadcrumb-box ul li a {
    font-size: 18px;
  }

  .breadcrumb-box.slider .carousel-control-prev {
    left: 10px;
  }

  .breadcrumb-box.slider .carousel-control-next {
    right: 10px;
  }

  .breadcrumb-box.slider .carousel-item .caption-box {
    padding: 20px 20px 0 20px;
  }

  .breadcrumb-box.slider .carousel-item .caption-box-2 {
    padding: 20px;
  }

  .breadcrumb-box.slider .carousel-control-next,
  .breadcrumb-box.slider .carousel-control-prev {
    z-index: 1;
    display: none;
  }

  .store-map-wrapper .store-input-group .form-control {
    padding-block: 14px;
    padding-inline: 40px 14px;
    font-size: 16px;
  }

  .store-map-wrapper .store-input-btn svg {
    width: 14px;
    height: 14px;
  }

  .store-map-wrapper .store-input-group .store-input-btn {
    left: 16px;
  }

  .store-prev-btn {
    width: 40px;
    height: 30px;
  }

  .store-prev-btn svg {
    width: 14px;
    height: 14px;
  }

  .store-close-btn {
    width: 30px;
    height: 30px;
  }

  .store-close-btn svg {
    width: 12px;
    height: 12px;
  }

  .store-box-wrapper {
    padding: 8px 10px;
    gap: 12px;
  }

  .store-box-wrapper .store-item-title {
    font-size: 18px;
  }

  .store-box-wrapper .store-box-lt {
    flex: 0 0 120px;
  }

  .store-box-wrapper .store-box-img {
    height: 90px;
  }

  .store-box-wrapper .name-box h5 {
    font-size: 12px;
  }

  .store-box-wrapper .store-list-item img {
    width: 14px;
    height: 14px;
    object-fit: contain;
  }

  .store-btns-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
  }

  .category-nav-container .store-prev-btn,
  .category-nav-container .store-close-btn {
    position: static;
  }

  .category-nav-container,
  .filter-box-container,
  .store-close-bar .container,
  .store-map-wrapper .container {
    padding-inline: 20px;
  }

  .store-box-wrapper-2 .store-item-img {
    height: 100%;
  }

  .store-box-wrapper-2 .store-box-img {
    height: 160px;
  }


  .servive-close-bar,
  .service-store,
  .servive-details,
  .account-setup {
    padding-inline: 40px;
  }

  .service-store .savings-slider-box h5 {
    font-size: 16px;
  }

  .servive-details .servive-details-wrapper {
    padding-block: 20px;
    padding-inline: 24px;
  }

  .servive-details .servive-content-wrapper {
    gap: 20px;
  }

  .signup-driver-2 .signup-driver-lt-wrapper {
    padding-right: 0px;
    border-right: 0px;
  }

  .customer-sms-box .sms-footer .image-upload-btn {
    left: 26px;
  }

  .customer-sms-box .sms-user img {
    width: 34px;
    height: 34px;
  }

  .customer-sms-box .sms-footer .emoji-upload-btn {
    right: 56px;
  }

  .customer-sms-box .sms-footer .camera-btn {
    right: 20px;
  }

  .promotions-content-wrapper .promotions-content-box {
    padding: 50px;
  }


  .main-wrapper.active .main-content-wrapper {
    width: 100%;
    max-width: 100%;
    margin: auto;
    height: 100%;
    margin-right: 0;
  }

  .service-slide-show .slick-prev.slick-arrow,
  .service-slide-show .slick-next.slick-arrow {
    display: none !important;
  }

  .feature-section .feature-section-content,
  .business-growth .business-growth-content {
    padding-left: 0px;
  }


  .business-growth .custom-section-title,
  .business-growth .section-text {
    max-width: 100%;
  }

  .brand-partners-wrapper {
    padding-inline: 0px;
  }

}

@media screen and (max-width: 768px) {
  .slider-wrapper {
    padding: 0 20px;
  }

  .slider-wrapper .custom-arrow-next {
    right: -10px;
  }

  .slider-wrapper .custom-arrow-prev {
    left: -10px;
  }

  .accept-payment-box .choose-blazy-pay-btn {
    width: 100%;
  }

  .product-wrapper .product-container {
    margin-inline: 0;
  }

  .product-custom-cos h2 {
    font-size: 20px;
    max-width: 100%;
    margin-bottom: 16px !important;
  }

  .quick-view-modal .modal-header {
    padding: 20px 15px 15px;
  }

  .product-custom-cos .product-slide-container img {
    height: 300px;
    width: 100%;
    object-fit: contain;
  }

  .product-custom-cos .product-slide-container {
    padding: 18px;
  }

  .product-custom-cos .product-slide-container .custom-arrow-next {
    right: -10px;
  }

  .product-custom-cos .product-slide-container .custom-arrow-prev {
    left: -10px;
  }

  .quick-view-modal .modal-logo img {
    max-width: 150px;
  }

  .quick-view-modal .modal-body {
    padding: 0px 12px 24px;
  }

  .quick-view-modal .modal-close-btn,
  .quick-view-modal .modal-close-btn img {
    width: 24px;
    height: 24px;
  }

  .product-details-main .product-details-wrapper {
    padding-left: 0px;
  }

  .product-details-main .product-dose-select .dose-select {
    font-size: 14px;
    min-width: 86px;
  }

  .product-details-main .product-description-wrapper p {
    font-size: 14px;
  }

  .product-details-main .product-description-title {
    font-size: 15px;
  }

  .store-map-wrapper {
    padding-bottom: 50px;
  }

  .store-map-wrapper .store-list,
  .store-map-wrapper .store-list-2 {
    max-height: 100%;
  }

  .store-close-bar .container,
  .store-map-wrapper .container {
    padding-inline: 12px;
  }

  .store-map-wrapper .map-container {
    height: 380px;
  }

  .service-store .savings-slider-box h5,
  .service-store .savings-slider-box p {
    max-width: 50ch;
  }

  .servive-details .servive-details-wrapper {
    padding: 20px;
  }

  .servive-details .servive-details-img img {
    width: 65px;
    height: 65px;
  }

  .servive-details .servive-details-wrapper h5 {
    font-size: 20px;
  }

  .servive-details .servive-details-rt-wrapper {
    max-width: 100%;
  }

  .servive-details .servive-details-rt-wrapper .servive-input-group {
    max-width: 370px;
    width: 100%;
  }

  .service-store .feature-product-item-box .feature-item-img img {
    height: 250px;
  }

  .service-store .savings-slider-box h5 {
    font-size: 20px;
  }

  .service-store .savings-slider-box p {
    font-size: 15px;
  }

  .service-store #store-menu-content {
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 2;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 16.21px 19.45px -3.24px #1018281a;
    border-radius: 8px;
    margin-top: 4px;
  }

  .service-store .store-menu-wrapper .menu-content-wrapper {
    border-top: 0px;
  }

  .checkout-setup-wrapper,
  .account-setup .account-setup-wrapper {
    padding: 20px;
  }

  .additional-cart .btn-close,
  .add-order-note .btn-close {
    width: 25px;
    height: 25px;
  }

  .service-store .product-slider .product-img {
    max-width: 150px;
    height: 172px;
  }

  .documents-wrapper-cos .documents-box-img {
    height: 172px;
  }

  .documents-wrapper-cos .image-upload {
    padding: 15px;
  }

  .documents-wrapper-cos .documents-box-wrapper {
    padding: 20px 15px;
  }

  .documents-wrapper-cos .documents-box-img img {
    height: 140px;
  }

  .help-wrapper-cos .btn-width-wrap {
    padding-top: 160px;
  }

  .help-wrapper-cos .ticket-list-wrapper thead th {
    min-width: 110px;
  }

  .customer-sms-box .sms-text p,
  .customer-sms-box .sms-text a {
    font-size: 14px;
  }

  .promotion-title h2 {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .favorites-cos-wrapper .products-box-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .service-slide-show .custom-arrow-prev,
  .service-slide-show .custom-arrow-next {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .promotions-content-wrapper .promotions-content-img {
    position: static;
    margin-top: 30px;
    width: 100%;
    border-radius: 0px 0px 8px 8px;
  }

  .promotions-content-wrapper .promotions-content-img img {
    height: 350px;
  }

  .promotions-content-wrapper .promotions-content-bot-lt {
    padding-top: 25px;
    padding-inline: 35px;
  }

  .promotions-content-wrapper .promotions-content-box-inner {
    padding: 0px;
  }

  /* 18-02-2024 start */

  .login-sign-custom .top-right-list li:first-child {
    padding-left: 0px;
  }

  .login-sign-custom .top-right-list li .btn {
    line-height: 1.4;
    font-size: 12px;
    padding: 5px 10px;
  }

  .login-sign-custom .top-right-list li .btn.min-w-100 {
    min-width: 72px !important;
  }

  .login-sign-custom .top-right-list li {
    padding-inline: 5px;
  }

  /* 18-02-2024 end */

  .banner-slide-box,
  .banner-slide-box .banner-slider,
  .banner-slide-box .slick-slide {
    height: auto !important;
    max-height: none;
  }

  .product-details-main .product-prev-btn {
    margin-bottom: 18px;
    margin-top: -20px;
  }

  .checkout-setup-wrapper .store-list-item-icon img {
    max-width: 18px;
  }

  .custom-section-title {
    font-size: 28px;
  }

  .custom-section-subtitle {
    font-size: 15px;
  }

  .feature-section {
    padding-block: 50px;
  }

  .mb-64 {
    margin-bottom: 40px;
  }

  .feature-section-content .custom-section-title {
    margin-bottom: 28px;
  }


  .feature-section .feature-section-bg {
    max-width: 290px;
  }

  .feature-section .get-blazy-wrap img {
    max-width: 40px;
  }

  .feature-section .get-blazy {
    font-size: 20px;
  }

  .business-growth {
    padding-top: 24px;
  }

  .business-growth .section-text {
    font-size: 15px;
  }

  .brand-partners-wrapper {
    gap: 24px;
    padding: 0px;
  }

  .blazy-tools .cta-title {
    font-size: 22px;
    padding-block: 70px 50px;
  }

  .blazy-tools .brand-logo img {
    max-width: 140px;
  }

  .blazy-tools .title-sm {
    font-size: 22px;
  }

  .blazy-tools .text {
    font-size: 17px;
  }

  .blazy-tools .blazy-hub-tool,
  .blazy-tools .blazy-pay-tool {
    padding: 24px;
    border-radius: 24px;
  }

  .blazy-tools .brand-mark img {
    max-width: 40px;
  }

  .hero-section::after {
    background: #00000080;
  }

  .banner .search-box input {
    margin: 15px 0;
  }

  .banner .search-box span {
    width: 100%;
    justify-content: center;
    padding: 0;
  }

  .banner .search-box span .btn {
    width: 100%;
    z-index: initial;
  }

}


@media (max-width: 767.99px) {
  .content {
    margin-left: 0;
  }

  .banner-slide-box .banner-slider {
    padding-block: 50px 40px;
    padding-inline: 10px;
  }

  .banner-slide-box .banner-title-sm {
    padding: 4px 12px;
  }

  .banner-title-sm-wrapper p {
    font-size: 16px;
  }

  /* .banner-slide-box .banner-title {
    font-size: 40px;
  } */
  .banner-slide-box .banner-slider .row .col-md-6.mt-5 {
    align-items: flex-end !important;
  }


  .banner-slide-box .get-delivery-box p {
    font-size: 12px;
  }

  .banner-slide-box .get-delivery-icon img {
    width: 50px;
    height: 50px;
  }

  .banner-slide-box .get-delivery-box {
    padding-block: 12px;
    padding-inline: 53px 12px;
    margin-top: 50px;
  }

  .banner-slide-box .contact-us-btn {
    font-size: 14px;
    padding: 12px 20px;
    margin-top: 40px;
  }

  .banner-slide-box .banner-rating-img img {
    width: 50px;
    height: 50px;
  }

  .banner-slide-box .banner-rating-box {
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 0px;
  }

  .banner-slide-box .banner-rating-box p {
    font-size: 14px;
  }

  .banner-slide-box .banner-slide-box-btn {
    margin-top: 40px;
  }

  .banner-slide-box .banner-title span {
    font-size: 28px;
  }

  .banner-slide-box .banner-rating-icon i {
    font-size: 14px;
  }

  .help-wrapper-cos .card-video-container {
    height: 200px;
  }


  .promotions-content-wrapper .promotions-content-box {
    padding: 30px;
  }

  .promotions-content-wrapper .promotion-sub-title {
    font-size: 20px;
  }

}

@media (max-width: 575.98px) {
  .banner {
    padding: 100px 15px 80px;
  }

  .banner h2 {
    font-size: 34px;
  }

  .banner .location-box {
    padding: 15px;
  }

  .banner .location-box .nav {
    padding: 7px;
    border-radius: 9px;
    margin-bottom: 12px;
  }

  .banner .location-box .nav-pills .nav-link.active {
    border-radius: 50px;
  }

  .banner .location-box ul li {
    padding: 10px 12px;
    font-size: 14px;
  }

  .banner .location-box ul li img {
    width: 10px;
    margin-right: 4px;
  }

  .shop-premium-box h1 {
    font-size: 20px;
  }

  .icon-section {
    margin-bottom: 50px;
  }

  .accept-payment-box .title {
    font-size: 22px;
  }

  .accept-payment-box .inner {
    padding-bottom: 50px;
  }

  .accept-payment-box .choose-blazy-pay-btn {
    font-size: 22px;
    width: auto;
  }

  .accept-payment-box .content-box {
    margin-right: 20px;
  }

  .age-modal .content {
    padding: 0 10px;
  }

  .sign-in-modal .modal-dialog,
  .signup-modal .modal-dialog {
    margin-right: initial;
    margin: 80px auto;
    max-width: 98%;
  }

  .blazy-help-box-img-wrapper {
    max-width: calc (100% - 20px);
    padding-top: 30px;
  }

  .blazy-help-box-img-wrapper img {
    max-height: 100%;
    height: auto;
  }

  .blazy-help-box-img-wrapper .help-box-img-2 {
    left: calc(100% - 95%);
  }

  .pac-container {
    max-width: 82%;
  }

  .sign-in-modal .modal-body {
    padding: 10px 16px 25px;
  }

  .sign-in-modal .form-group label {
    font-size: 14px;
  }

  .title-wrapper {
    padding: 20px;
  }

  .offer-modal-3 .bg-1 {
    top: -25px;
  }

  .product-wrapper {
    padding-inline: 20px;
  }

  .quick-view-modal .modal-dialog {
    padding-inline: 0px;
  }

  .product-custom-cos .solid-rating-wrapper .product-price {
    font-size: 18px;
  }

  .product-details-main .product-slide-container {
    height: 330px;
  }

  .product-details-main .product-prev-btn {
    height: 30px;
    width: 30px;
  }

  .product-details-main .product-prev-btn svg {
    width: 12px;
    height: 12px;
  }

  .product-custom-cos .custom-arrow-prev,
  .product-custom-cos .custom-arrow-next {
    width: 24px;
    height: 24px;
    background-size: 12px;
  }

  .product-details-main .product-nav-slide {
    padding-top: 16px;
  }

  .product-details-main .product-nav-slide-item {
    margin-inline: 4px;
  }

  .breadcrumb-bar .breadcrumb-item a,
  .breadcrumb-bar .breadcrumb-item {
    font-size: 10px;
  }

  .breadcrumb-bar .breadcrumb-item img {
    max-width: 11px;
    width: 15px;
    height: 15px;
    object-fit: contain;
  }

  .product-details-main .product-nav-slide-item img {
    height: 55px;
  }

  .last-step-popup .signup-age-modal .modal-body {
    padding: 40px 20px;
  }

  .last-step-popup .signup-age-modal .label-check,
  .last-step-popup form p {
    font-size: 14px;
  }

  .last-step-popup .signup-age-modal .title {
    margin-bottom: 18px;
    font-size: 21px;
  }

  .last-step-popup .signup-age-modal .logo img {
    width: 200px;
  }

  .breadcrumb-box .title {
    font-size: 40px;
  }

  .breadcrumb-box .content-box {
    padding: 40px 40px;
  }

  .breadcrumb-box ul li {
    font-size: 18px;
  }

  .breadcrumb-box ul li a {
    font-size: 18px;
  }

  .breadcrumb-box ul li i {
    font-size: 12px;
  }

  .content-container {
    padding: 50px 30px;
  }

  .content-container .link-box {
    padding: 26px;
  }

  .content-container .social-links-box ul li img {
    max-width: 40px;
    margin: 0 5px;
  }

  .banner-slide-box .custom-arrow-prev,
  .banner-slide-box .custom-arrow-next {
    display: none !important;
  }

  .banner-slide-box .banner-rating-rt span {
    font-size: 14px;
    margin-top: 0px;
  }

  .banner-slide-box .banner-rating-icon {
    margin-top: 4px;
  }

  .banner-slide-box .banner-rating-icon i {
    font-size: 12px;
  }

  .breadcrumb-box.slider .carousel-item .caption-box {
    padding: 5px 8px 0 10px;
  }

  .breadcrumb-box.slider .carousel-item .caption-box-2 {
    padding: 14px 14px 10px 14px;
  }

  .breadcrumb-box.slider .carousel-item .caption-box-2 h4 {
    font-size: 16px;
    margin-bottom: 4px;
  }

  .breadcrumb-box.slider .carousel-item .caption-box-2 p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
  }

  .click-to-signup-box h4 {
    font-size: 24px;
  }

  .click-to-signup-box p {
    font-size: 18px;
  }

  .store-box-wrapper .store-box-lt {
    flex: 0 0 90px;
  }

  .store-box-wrapper .store-box-img {
    height: 70px;
  }

  .store-box-wrapper .name-box {
    padding: 4px;
  }

  .store-box-wrapper .name-box h5 {
    font-size: 10px;
  }

  .store-box-wrapper .store-box-lt-inner {
    border-radius: 8px;
  }

  .store-box-wrapper .store-item-title {
    font-size: 15px;
  }

  .store-box-wrapper .store-box-rt .store-item-sub-title {
    font-size: 10px;
  }

  .store-box-wrapper .store-box-rt .store-list-item,
  .store-box-wrapper .store-box-rt .store-list-item a {
    font-size: 11px;
  }

  .store-box-wrapper .store-status,
  .store-box-wrapper .store-status-time,
  .store-box-wrapper-2 .store-status-time,
  .store-box-wrapper-2 .pickup-time {
    font-size: 11px;
  }

  .seller-slider .slick-slide .cat-img {
    min-height: 250px;
    max-height: 250px;
  }

  .servive-close-bar,
  .service-store,
  .servive-details,
  .account-setup {
    padding-inline: 20px;
  }

  .servive-details .servive-details-rt-wrapper {
    max-width: 100%;
    align-items: center;
  }

  .servive-details .servive-details-wrapper {
    padding-inline: 16px;
  }

  .servive-details .servive-content-wrapper {
    gap: 10px;
  }

  .service-store .feature-product-item-box .feature-item-img img {
    height: 220px;
  }

  .service-store .savings-slider-box h5,
  .service-store .savings-slider-box p {
    max-width: 100%;
  }

  .service-store .savings-slider-box h5 {
    font-size: 18px;
  }

  .service-store .savings-slider-box p {
    font-size: 12px;
  }

  .servive-details .servive-content-wrapper li {
    font-size: 11px;
  }

  .servive-details .servive-content-wrapper .ps-3 {
    padding-left: 10px !important;
  }

  .service-store .service-store-lt .service-check-label img {
    width: 19px;
    height: 19px;
  }

  .signup-driver-wrapper .mountain-time-box {
    max-width: 100%;
  }

  .signup-driver-wrapper .time-slot label {
    padding: 10px 0;
  }

  .signup-driver-wrapper .calendar-time-title {
    font-size: 14px;
  }

  .signup-driver-wrapper .mountain-time-box .form-select,
  .signup-driver-wrapper .flatpickr-weekday {
    font-size: 13px;
  }

  .signup-driver-wrapper .signup-driver-header-text {
    position: static;
    margin-bottom: 8px;
  }

  .signup-driver-wrapper .flatpickr-innerContainer {
    margin-top: 10px;
  }

  .signup-driver-wrapper .flatpickr-months {
    justify-content: center;
  }

  .signup-driver-wrapper .signup-driver-header-text h5 {
    font-size: 13px;
  }

  .signup-driver-2 .signup-driver-btn {
    font-size: 16px;
    padding: 12px;
  }

  .cart-featured-product-slider .slick-arrow {
    width: 28px;
    height: 28px;
  }

  .shopping-cart-sidebar .sidebar-footer-btn {
    font-size: 16px;
  }


  .store-closed-popup-content img {
    width: 120px;
  }

  .store-closed-popup-content h3 {
    font-size: 16px;
    margin-bottom: 4px;
  }

  .store-closed-modal .modal-footer button {
    padding: 14px 10px;
    font-size: 16px;
  }

  .store-closed-modal .modal-footer {
    padding-top: 16px;
  }

  .custom-container {
    padding-inline: 20px;
  }

  .custom-filter-box .dropdown-toggle {
    padding: 10px;
    border-radius: 6px;
  }

  .orders-cos-wrapper .box-search-wrapper .form-control {
    padding-block: 10px;
  }

  .custom-filter-box .dropdown-toggle span {
    display: none;
  }

  .box-wrap-ps {
    padding: 16px;
  }

  .orders-cos-wrapper .box-search-wrapper {
    border-radius: 8px;
    padding: 10px;
  }

  .orders-cos-wrapper .order-detail-container .order-detail-top-bar,
  .orders-cos-wrapper .order-detail-container .order-item-details {
    padding: 10px;
  }

  .orders-cos-wrapper .favorites-product-box .favorites-product-img img {
    width: 80px;
    height: 80px;
  }

  .orders-cos-wrapper .favorites-product-content .product-title {
    font-size: 14px;
  }

  .orders-cos-wrapper .favorites-product-content .product-short-text,
  .orders-cos-wrapper .order-item-details .more-btn,
  .orders-cos-wrapper .order-item-details .buy-btn {
    font-size: 12px;
  }

  .main-content-wrapper .main-title {
    font-size: 18px;
  }

  .chat-support-wrapper .bg-green-chat .chat-message,
  .chat-support-wrapper .bg-light-chat .chat-message {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 8px;
  }

  .chat-support-wrapper .bg-green-chat,
  .chat-support-wrapper .bg-light-chat .chat-message {
    max-width: 250px;
  }

  .chat-support-wrapper .chat-message-time {
    font-size: 12px;
  }

  .help-wrapper-cos .com-help-box {
    padding-inline: 10px;
  }

  .chat-support-wrapper .support-main-chat .row {
    row-gap: 20px;
  }

  .customer-sms-box .sms-header {
    padding: 14px 16px;
  }

  .customer-sms-box .sms-header h3 {
    font-size: 18px;
  }

  .customer-sms-box .sms-header button img {
    width: 22px;
    height: 22px;
  }

  .com-help-box.customer-sms-box {
    padding: 0;
  }

  .customer-sms-box .sms-wrapper {
    padding: 16px 16px;
  }

  .microphone-icon svg {
    width: 34px;
    height: 34px;
  }

  .sms-footer {
    padding: 16px;
    gap: 8px;
  }

  .sms-footer input {
    padding: 6px 44px 6px 30px;
    font-size: 14px;
    border-radius: 10px;
  }

  .customer-sms-box .sms-footer .input-text-msg button svg {
    width: 16px;
    height: 16px;
  }

  .customer-sms-box .sms-footer .image-upload-btn {
    left: 10px;
  }

  .customer-sms-box .sms-footer .camera-btn {
    right: 10px;
  }

  .customer-sms-box .sms-footer .emoji-upload-btn {
    right: 30px;
  }

  .customer-sms-box .sms-time p {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .customer-sms-box .sms-user img {
    width: 22px;
    height: 22px;
  }

  .customer-sms-box .sms-wrapper {
    padding: 16px 12px;
  }

  .customer-sms-box .sms-text {
    padding: 12px;
    max-width: 250px;
  }

  .customer-sms-box .sms-content-box {
    gap: 15px;
  }

  .promotion-title h2 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .promotion-content li {
    gap: 12px;
  }

  .promotions-content-wrapper .promotions-content-box {
    padding: 24px;
  }

  .promotions-content-wrapper .promotions-content-bot-lt {
    padding-top: 20px;
    padding-inline: 20px;
  }

  .promotions-content-wrapper .promotion-sub-title {
    font-size: 18px;
  }

  .promotions-content-wrapper .promotion-title {
    font-size: 32px;
  }

  .promotions-content-wrapper .promotion-btn-wrapper,
  .promotions-content-wrapper .promotion-news-letter {
    flex-wrap: wrap;
    max-width: 100%;
  }

  .delivery-address-wrapper .delivery-address-box {
    padding: 16px 16px 20px;
  }

  .settings-content-wrapper {
    padding: 16px 12px;
  }

  .settings-content-wrapper .user-img img {
    width: 50px;
    height: 50px;
  }

  .setting-content-wrapper .user-img {
    border: 3px solid #37AA4C;
  }

  .settings-content-wrapper .user-account {
    gap: 12px;
  }

  .settings-content-wrapper .user-details p {
    font-size: 12px;
    margin-bottom: 4px;
  }

  .settings-content-wrapper .user-details h3 {
    font-size: 16px;
    margin-bottom: 4px;
  }

  .settings-content-wrapper .setting-options {
    padding: 10px 12px;
  }

  .settings-content-wrapper .setting-option-type p {
    font-size: 11px;
  }

  .settings-content-wrapper .setting-option-type h5 {
    font-size: 13px;
    margin-bottom: 4px;
  }

  .setting-content-wrapper .icon {
    width: 36px;
    height: 36px;
  }

  .settings-content-wrapper .setting-options .icon img {
    width: 20px;
    height: 20px;
  }

  .settings-content-wrapper .user-account {
    padding-right: 12px;
  }

  .favorites-cos-wrapper .products-box-grid {
    grid-template-columns: 1fr;
  }

  .checkout-setup-wrapper .store-saller-name {
    font-size: 14px;
  }

  .checkout-setup-wrapper .store-sub-title-sm,
  .checkout-setup-wrapper .store-location {
    font-size: 12px;
  }

  .checkout-setup-wrapper .store-title-sm {
    font-size: 13px;
  }

  .checkout-setup-wrapper .date-selection-wrapper .option-date {
    padding: 6px;
    font-size: 14px;
    min-width: 86px;
  }

  .checkout-setup-wrapper .checkout-edit-btn {
    padding: 10px 20px;
  }

  .checkout-setup-wrapper .paymeny-select-wrap .paymeny-add-btn {
    padding: 6px 20px;
  }

  .checkout-setup-wrapper .payment-ckeck-label {
    gap: 15px;
  }

  .checkout-setup-wrapper .store-list-item-icon {
    width: 40px;
    height: 40px;
  }

  .checkout-setup-wrapper .payment-ckeck-label img {
    width: 20px;
    height: 20px;
  }

  .payment-processing-modal .processing-animation svg {
    width: 100px;
    height: 100px;
  }

  .payment-processing-modal .modal-body {
    padding-block: 40px;
  }

  .payment-processing-modal .modal-title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .payment-processing-modal .header-content p {
    font-size: 13px;
  }

  .payment-processing-modal .btn-close {
    width: 26px;
    height: 26px;
  }

  .payment-processing-modal .modal-header {
    padding-block: 20px;
    gap: 12px;
  }

  .payment-declined-modal .declined-img-wrapper img {
    width: 120px;
  }

  .payment-successful-popup .payment-box-wrapper .total-amount,
  .payment-declined-modal .declined-content h2 {
    font-size: 22px;
  }


  .payment-declined-modal .declined-content p {
    font-size: 16px;
  }

  .checkout-popop-main .modal-header,
  .checkout-popop-main .modal-body,
  .checkout-popop-main .modal-footer {
    padding: 16px;
  }

  .banner-slide-box .banner-title {
    font-size: 32px;
  }

  .product-pagination .page-item {
    display: none;
  }

  .product-pagination .page-item.active,
  .product-pagination .page-item:first-child,
  .product-pagination .page-item:last-child {
    display: inline-block;
  }

  .product-pagination a.page-link {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }

  .breadcrumb-item+.breadcrumb-item::before {
    padding-right: 8px;
  }

  .breadcrumb-bar .breadcrumb-item+.breadcrumb-item {
    padding-left: 8px;
  }

  .feature-section .section-text {
    font-size: 14px;
    max-width: 100%;
  }

  .feature-section .feature-section-bg {
    max-width: 144px;
    right: 12px;
    bottom: -12px;
  }

  .feature-section .get-blazy {
    font-size: 18px;
  }

  .brand-partners-wrapper {
    flex-wrap: wrap;
  }

  .brand-partner-item {
    flex: 0 0 140px;
  }

  .blazy-tools .blazy-hub-tool ul li::before,
  .blazy-tools .blazy-pay-tool ul li::before {
    height: 20px;
    width: 20px;
  }

  .blazy-tools .blazy-pay-tool-bg {
    bottom: -76px;
    right: 0;
    position: relative;
    margin-top: -110px;
    margin-inline: auto;
  }

  .blazy-hub-tool,
  .blazy-pay-tool {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .blazy-tools ul li {
    font-size: 15px;
  }

  .hero-section h2 {
    font-size: 28px;
  }

  .hero-section {
    padding-inline: 15px !important;
  }

}



@media screen and (max-width:400px) {
  .cart-featured-products .slider-wrapper .slick-track {
    margin-left: 33%;
  }

  .shopping-cart-sidebar .cart-product-name {
    font-size: 14px;
  }

  .shopping-cart-product-title h4 {
    font-size: 16px;
  }

  .cart-featured-products h4 {
    font-size: 17px;
  }

  .account-setup .account-setup-wrapper {
    padding: 14px;
  }

  .additional-cart .modal-footer button {
    max-width: 100%;
  }

  .additional-cart .additional-cart-content-item {
    padding-block: 8px;
    padding-inline: 0px;
  }

  .additional-cart .modal-title {
    font-size: 18px;
  }

  .promotions-content-wrapper .promotion-text {
    font-size: 12px;
  }

  .documents-wrapper-cos .documents-box-img img,
  .documents-wrapper-cos .image-upload {
    width: 100%;
  }

  .checkout-setup-wrapper .store-list-item {
    flex-wrap: wrap;
    padding-inline: 0px;
  }

  .checkout-setup-wrapper .store-list-item .store-col-rt {
    margin-left: auto;
  }

  .notifications-modal-1 .thanks-order-box p {
    font-size: 14px;
  }

  .order-popop-main .modal-logo img,
  .notifications-modal-1 .modal-logo img {
    max-width: 180px;
  }

  .order-popop-main .modal-title {
    font-size: 18px;
  }

  .order-popop-main .driver-assigned-box-details img {
    width: 30px;
    height: 30px;
  }

  .order-popop-main .driver-assigned-box-details h5 {
    font-size: 14px;
    margin-bottom: 2px !important;
  }

  .order-popop-main .driver-assigned-box-details p {
    font-size: 12px;
  }

  .order-popop-main .order-time-details li,
  .order-popop-main .order-estimated-box p {
    font-size: 14px;
  }

  .order-popop-main .order-estimated-box {
    padding: 12px 20px 0px;
  }

  .order-ready-popup .modal-title {
    font-size: 28px;
  }

  .banner-slide-box .get-delivery-box p {
    font-size: 11px;
  }

}