.m-10 {
  margin: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.mt-10 {
  margin-top: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.mb-10 {
  margin-bottom: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.ml-10 {
  margin-left: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.mr-10 {
  margin-right: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.mx-10 {
  margin-left: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
  margin-right: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.my-10 {
  margin-top: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
  margin-bottom: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.p-10 {
  padding: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.pt-10 {
  padding-top: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.pb-10 {
  padding-bottom: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.pl-10 {
  padding-left: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.pr-10 {
  padding-right: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.px-10 {
  padding-left: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
  padding-right: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.py-10 {
  padding-top: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
  padding-bottom: clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.m-15 {
  margin: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.mt-15 {
  margin-top: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.mb-15 {
  margin-bottom: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.ml-15 {
  margin-left: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.mr-15 {
  margin-right: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.mx-15 {
  margin-left: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
  margin-right: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.my-15 {
  margin-top: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
  margin-bottom: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.p-15 {
  padding: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.pt-15 {
  padding-top: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.pb-15 {
  padding-bottom: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.pl-15 {
  padding-left: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.pr-15 {
  padding-right: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.px-15 {
  padding-left: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
  padding-right: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.py-15 {
  padding-top: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
  padding-bottom: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.m-20 {
  margin: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.mt-20 {
  margin-top: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.mb-20 {
  margin-bottom: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.ml-20 {
  margin-left: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.mr-20 {
  margin-right: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.mx-20 {
  margin-left: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
  margin-right: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.my-20 {
  margin-top: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
  margin-bottom: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.p-20 {
  padding: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.pt-20 {
  padding-top: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.pb-20 {
  padding-bottom: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.pl-20 {
  padding-left: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.pr-20 {
  padding-right: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.px-20 {
  padding-left: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
  padding-right: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.py-20 {
  padding-top: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
  padding-bottom: clamp(10px, calc(10px + (20 - 10) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.m-25 {
  margin: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.mt-25 {
  margin-top: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.mb-25 {
  margin-bottom: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.ml-25 {
  margin-left: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.mr-25 {
  margin-right: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.mx-25 {
  margin-left: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
  margin-right: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.my-25 {
  margin-top: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
  margin-bottom: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.p-25 {
  padding: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.pt-25 {
  padding-top: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.pb-25 {
  padding-bottom: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.pl-25 {
  padding-left: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.pr-25 {
  padding-right: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.px-25 {
  padding-left: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
  padding-right: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.py-25 {
  padding-top: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
  padding-bottom: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - 360px) / (1920 - 360))), 25px) !important;
}
.m-30 {
  margin: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.mt-30 {
  margin-top: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.mb-30 {
  margin-bottom: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.ml-30 {
  margin-left: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.mr-30 {
  margin-right: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.mx-30 {
  margin-left: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
  margin-right: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.my-30 {
  margin-top: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
  margin-bottom: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.p-30 {
  padding: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.pt-30 {
  padding-top: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.pb-30 {
  padding-bottom: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.pl-30 {
  padding-left: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.pr-30 {
  padding-right: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.px-30 {
  padding-left: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
  padding-right: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.py-30 {
  padding-top: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
  padding-bottom: clamp(15px, calc(15px + (30 - 15) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.m-40 {
  margin: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.mt-40 {
  margin-top: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.mb-40 {
  margin-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.ml-40 {
  margin-left: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.mr-40 {
  margin-right: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.mx-40 {
  margin-left: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
  margin-right: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.my-40 {
  margin-top: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
  margin-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.p-40 {
  padding: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.pt-40 {
  padding-top: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.pb-40 {
  padding-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.pl-40 {
  padding-left: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.pr-40 {
  padding-right: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.px-40 {
  padding-left: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
  padding-right: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.py-40 {
  padding-top: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
  padding-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.m-50 {
  margin: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.mt-50 {
  margin-top: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.mb-50 {
  margin-bottom: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.ml-50 {
  margin-left: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.mr-50 {
  margin-right: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.mx-50 {
  margin-left: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
  margin-right: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.my-50 {
  margin-top: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
  margin-bottom: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.p-50 {
  padding: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.pt-50 {
  padding-top: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.pb-50 {
  padding-bottom: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.pl-50 {
  padding-left: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.pr-50 {
  padding-right: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.px-50 {
  padding-left: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
  padding-right: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.py-50 {
  padding-top: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
  padding-bottom: clamp(25px, calc(25px + (50 - 25) * ((100vw - 360px) / (1920 - 360))), 50px) !important;
}
.m-60 {
  margin: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.mt-60 {
  margin-top: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.mb-60 {
  margin-bottom: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.ml-60 {
  margin-left: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.mr-60 {
  margin-right: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.mx-60 {
  margin-left: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
  margin-right: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.my-60 {
  margin-top: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
  margin-bottom: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.p-60 {
  padding: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.pt-60 {
  padding-top: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.pb-60 {
  padding-bottom: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.pl-60 {
  padding-left: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.pr-60 {
  padding-right: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.px-60 {
  padding-left: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
  padding-right: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.py-60 {
  padding-top: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
  padding-bottom: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / (1920 - 360))), 60px) !important;
}
.m-70 {
  margin: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.mt-70 {
  margin-top: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.mb-70 {
  margin-bottom: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.ml-70 {
  margin-left: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.mr-70 {
  margin-right: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.mx-70 {
  margin-left: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
  margin-right: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.my-70 {
  margin-top: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
  margin-bottom: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.p-70 {
  padding: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.pt-70 {
  padding-top: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.pb-70 {
  padding-bottom: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.pl-70 {
  padding-left: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.pr-70 {
  padding-right: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.px-70 {
  padding-left: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
  padding-right: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.py-70 {
  padding-top: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
  padding-bottom: clamp(35px, calc(35px + (70 - 35) * ((100vw - 360px) / (1920 - 360))), 70px) !important;
}
.m-80 {
  margin: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.mt-80 {
  margin-top: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.mb-80 {
  margin-bottom: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.ml-80 {
  margin-left: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.mr-80 {
  margin-right: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.mx-80 {
  margin-left: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
  margin-right: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.my-80 {
  margin-top: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
  margin-bottom: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.p-80 {
  padding: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.pt-80 {
  padding-top: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.pb-80 {
  padding-bottom: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.pl-80 {
  padding-left: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.pr-80 {
  padding-right: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.px-80 {
  padding-left: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
  padding-right: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.py-80 {
  padding-top: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
  padding-bottom: clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / (1920 - 360))), 80px) !important;
}
.m-90 {
  margin: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.mt-90 {
  margin-top: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.mb-90 {
  margin-bottom: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.ml-90 {
  margin-left: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.mr-90 {
  margin-right: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.mx-90 {
  margin-left: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
  margin-right: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.my-90 {
  margin-top: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
  margin-bottom: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.p-90 {
  padding: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.pt-90 {
  padding-top: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.pb-90 {
  padding-bottom: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.pl-90 {
  padding-left: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.pr-90 {
  padding-right: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.px-90 {
  padding-left: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
  padding-right: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.py-90 {
  padding-top: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
  padding-bottom: clamp(45px, calc(45px + (90 - 45) * ((100vw - 360px) / (1920 - 360))), 90px) !important;
}
.m-100 {
  margin: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.mt-100 {
  margin-top: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.mb-100 {
  margin-bottom: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.ml-100 {
  margin-left: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.mr-100 {
  margin-right: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.mx-100 {
  margin-left: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
  margin-right: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.my-100 {
  margin-top: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
  margin-bottom: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.p-100 {
  padding: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.pt-100 {
  padding-top: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.pb-100 {
  padding-bottom: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.pl-100 {
  padding-left: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.pr-100 {
  padding-right: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.px-100 {
  padding-left: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
  padding-right: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.py-100 {
  padding-top: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
  padding-bottom: clamp(50px, calc(50px + (100 - 50) * ((100vw - 360px) / (1920 - 360))), 100px) !important;
}
.m-110 {
  margin: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.mt-110 {
  margin-top: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.mb-110 {
  margin-bottom: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.ml-110 {
  margin-left: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.mr-110 {
  margin-right: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.mx-110 {
  margin-left: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
  margin-right: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.my-110 {
  margin-top: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
  margin-bottom: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.p-110 {
  padding: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.pt-110 {
  padding-top: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.pb-110 {
  padding-bottom: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.pl-110 {
  padding-left: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.pr-110 {
  padding-right: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.px-110 {
  padding-left: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
  padding-right: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.py-110 {
  padding-top: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
  padding-bottom: clamp(55px, calc(55px + (110 - 55) * ((100vw - 360px) / (1920 - 360))), 110px) !important;
}
.m-120 {
  margin: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.mt-120 {
  margin-top: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.mb-120 {
  margin-bottom: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.ml-120 {
  margin-left: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.mr-120 {
  margin-right: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.mx-120 {
  margin-left: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
  margin-right: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.my-120 {
  margin-top: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
  margin-bottom: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.p-120 {
  padding: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.pt-120 {
  padding-top: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.pb-120 {
  padding-bottom: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.pl-120 {
  padding-left: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.pr-120 {
  padding-right: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.px-120 {
  padding-left: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
  padding-right: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.py-120 {
  padding-top: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
  padding-bottom: clamp(60px, calc(60px + (120 - 60) * ((100vw - 360px) / (1920 - 360))), 120px) !important;
}
.m-130 {
  margin: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.mt-130 {
  margin-top: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.mb-130 {
  margin-bottom: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.ml-130 {
  margin-left: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.mr-130 {
  margin-right: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.mx-130 {
  margin-left: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
  margin-right: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.my-130 {
  margin-top: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
  margin-bottom: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.p-130 {
  padding: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.pt-130 {
  padding-top: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.pb-130 {
  padding-bottom: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.pl-130 {
  padding-left: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.pr-130 {
  padding-right: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.px-130 {
  padding-left: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
  padding-right: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.py-130 {
  padding-top: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
  padding-bottom: clamp(65px, calc(65px + (130 - 65) * ((100vw - 360px) / (1920 - 360))), 130px) !important;
}
.m-140 {
  margin: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.mt-140 {
  margin-top: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.mb-140 {
  margin-bottom: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.ml-140 {
  margin-left: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.mr-140 {
  margin-right: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.mx-140 {
  margin-left: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
  margin-right: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.my-140 {
  margin-top: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
  margin-bottom: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.p-140 {
  padding: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.pt-140 {
  padding-top: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.pb-140 {
  padding-bottom: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.pl-140 {
  padding-left: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.pr-140 {
  padding-right: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.px-140 {
  padding-left: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
  padding-right: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.py-140 {
  padding-top: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
  padding-bottom: clamp(70px, calc(70px + (140 - 70) * ((100vw - 360px) / (1920 - 360))), 140px) !important;
}
.m-150 {
  margin: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.mt-150 {
  margin-top: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.mb-150 {
  margin-bottom: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.ml-150 {
  margin-left: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.mr-150 {
  margin-right: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.mx-150 {
  margin-left: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
  margin-right: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.my-150 {
  margin-top: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
  margin-bottom: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.p-150 {
  padding: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.pt-150 {
  padding-top: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.pb-150 {
  padding-bottom: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.pl-150 {
  padding-left: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.pr-150 {
  padding-right: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.px-150 {
  padding-left: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
  padding-right: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.py-150 {
  padding-top: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
  padding-bottom: clamp(75px, calc(75px + (150 - 75) * ((100vw - 360px) / (1920 - 360))), 150px) !important;
}
.m-160 {
  margin: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.mt-160 {
  margin-top: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.mb-160 {
  margin-bottom: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.ml-160 {
  margin-left: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.mr-160 {
  margin-right: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.mx-160 {
  margin-left: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
  margin-right: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.my-160 {
  margin-top: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
  margin-bottom: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.p-160 {
  padding: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.pt-160 {
  padding-top: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.pb-160 {
  padding-bottom: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.pl-160 {
  padding-left: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.pr-160 {
  padding-right: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.px-160 {
  padding-left: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
  padding-right: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.py-160 {
  padding-top: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
  padding-bottom: clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / (1920 - 360))), 160px) !important;
}
.m-170 {
  margin: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.mt-170 {
  margin-top: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.mb-170 {
  margin-bottom: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.ml-170 {
  margin-left: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.mr-170 {
  margin-right: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.mx-170 {
  margin-left: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
  margin-right: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.my-170 {
  margin-top: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
  margin-bottom: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.p-170 {
  padding: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.pt-170 {
  padding-top: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.pb-170 {
  padding-bottom: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.pl-170 {
  padding-left: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.pr-170 {
  padding-right: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.px-170 {
  padding-left: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
  padding-right: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.py-170 {
  padding-top: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
  padding-bottom: clamp(85px, calc(85px + (170 - 85) * ((100vw - 360px) / (1920 - 360))), 170px) !important;
}
.m-180 {
  margin: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.mt-180 {
  margin-top: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.mb-180 {
  margin-bottom: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.ml-180 {
  margin-left: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.mr-180 {
  margin-right: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.mx-180 {
  margin-left: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
  margin-right: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.my-180 {
  margin-top: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
  margin-bottom: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.p-180 {
  padding: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.pt-180 {
  padding-top: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.pb-180 {
  padding-bottom: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.pl-180 {
  padding-left: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.pr-180 {
  padding-right: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.px-180 {
  padding-left: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
  padding-right: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.py-180 {
  padding-top: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
  padding-bottom: clamp(90px, calc(90px + (180 - 90) * ((100vw - 360px) / (1920 - 360))), 180px) !important;
}
.m-190 {
  margin: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.mt-190 {
  margin-top: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.mb-190 {
  margin-bottom: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.ml-190 {
  margin-left: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.mr-190 {
  margin-right: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.mx-190 {
  margin-left: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
  margin-right: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.my-190 {
  margin-top: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
  margin-bottom: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.p-190 {
  padding: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.pt-190 {
  padding-top: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.pb-190 {
  padding-bottom: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.pl-190 {
  padding-left: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.pr-190 {
  padding-right: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.px-190 {
  padding-left: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
  padding-right: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.py-190 {
  padding-top: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
  padding-bottom: clamp(95px, calc(95px + (190 - 95) * ((100vw - 360px) / (1920 - 360))), 190px) !important;
}
.m-200 {
  margin: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.mt-200 {
  margin-top: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.mb-200 {
  margin-bottom: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.ml-200 {
  margin-left: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.mr-200 {
  margin-right: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.mx-200 {
  margin-left: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
  margin-right: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.my-200 {
  margin-top: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
  margin-bottom: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.p-200 {
  padding: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.pt-200 {
  padding-top: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.pb-200 {
  padding-bottom: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.pl-200 {
  padding-left: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.pr-200 {
  padding-right: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.px-200 {
  padding-left: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
  padding-right: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.py-200 {
  padding-top: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
  padding-bottom: clamp(100px, calc(100px + (200 - 100) * ((100vw - 360px) / (1920 - 360))), 200px) !important;
}
.text-10 {
  font-size: clamp(6.6666666667px, calc(6.6666666667px + (10 - 6.6666666667) * ((100vw - 360px) / (1920 - 360))), 10px) !important;
}
.text-12 {
  font-size: clamp(8px, calc(8px + (12 - 8) * ((100vw - 360px) / (1920 - 360))), 12px) !important;
}
.text-14 {
  font-size: clamp(9.3333333333px, calc(9.3333333333px + (14 - 9.3333333333) * ((100vw - 360px) / (1920 - 360))), 14px) !important;
}
.text-15 {
  font-size: clamp(10px, calc(10px + (15 - 10) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.text-16 {
  font-size: clamp(10.6666666667px, calc(10.6666666667px + (16 - 10.6666666667) * ((100vw - 360px) / (1920 - 360))), 16px) !important;
}
.text-18 {
  font-size: clamp(12px, calc(12px + (18 - 12) * ((100vw - 360px) / (1920 - 360))), 18px) !important;
}
.text-20 {
  font-size: clamp(13.3333333333px, calc(13.3333333333px + (20 - 13.3333333333) * ((100vw - 360px) / (1920 - 360))), 20px) !important;
}
.text-21 {
  font-size: clamp(14px, calc(14px + (21 - 14) * ((100vw - 360px) / (1920 - 360))), 21px) !important;
}
.text-22 {
  font-size: clamp(14.6666666667px, calc(14.6666666667px + (22 - 14.6666666667) * ((100vw - 360px) / (1920 - 360))), 22px) !important;
}
.text-23 {
  font-size: clamp(15.3333333333px, calc(15.3333333333px + (23 - 15.3333333333) * ((100vw - 360px) / (1920 - 360))), 23px) !important;
}
.text-24 {
  font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 360px) / (1920 - 360))), 24px) !important;
}
.text-26 {
  font-size: clamp(17.3333333333px, calc(17.3333333333px + (26 - 17.3333333333) * ((100vw - 360px) / (1920 - 360))), 26px) !important;
}
.text-28 {
  font-size: clamp(18.6666666667px, calc(18.6666666667px + (28 - 18.6666666667) * ((100vw - 360px) / (1920 - 360))), 28px) !important;
}
.text-30 {
  font-size: clamp(20px, calc(20px + (30 - 20) * ((100vw - 360px) / (1920 - 360))), 30px) !important;
}
.text-32 {
  font-size: clamp(21.3333333333px, calc(21.3333333333px + (32 - 21.3333333333) * ((100vw - 360px) / (1920 - 360))), 32px) !important;
}
.text-34 {
  font-size: clamp(22.6666666667px, calc(22.6666666667px + (34 - 22.6666666667) * ((100vw - 360px) / (1920 - 360))), 34px) !important;
}
.text-36 {
  font-size: clamp(24px, calc(24px + (36 - 24) * ((100vw - 360px) / (1920 - 360))), 36px) !important;
}
.text-38 {
  font-size: clamp(25.3333333333px, calc(25.3333333333px + (38 - 25.3333333333) * ((100vw - 360px) / (1920 - 360))), 38px) !important;
}
.text-40 {
  font-size: clamp(26.6666666667px, calc(26.6666666667px + (40 - 26.6666666667) * ((100vw - 360px) / (1920 - 360))), 40px) !important;
}
.text-42 {
  font-size: clamp(28px, calc(28px + (42 - 28) * ((100vw - 360px) / (1920 - 360))), 42px) !important;
}
.text-44 {
  font-size: clamp(29.3333333333px, calc(29.3333333333px + (44 - 29.3333333333) * ((100vw - 360px) / (1920 - 360))), 44px) !important;
}
.text-46 {
  font-size: clamp(30.6666666667px, calc(30.6666666667px + (46 - 30.6666666667) * ((100vw - 360px) / (1920 - 360))), 46px) !important;
}
.text-48 {
  font-size: clamp(32px, calc(32px + (48 - 32) * ((100vw - 360px) / (1920 - 360))), 48px) !important;
}
h1 {
  font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 360px) / (1920 - 360))), 24px) !important;
}
h2 {
  font-size: clamp(12.6666666667px, calc(12.6666666667px + (19 - 12.6666666667) * ((100vw - 360px) / (1920 - 360))), 19px) !important;
  font-weight: 700 !Important;
}
h3 {
  font-size: clamp(10px, calc(10px + (15 - 10) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
h4 {
  font-size: clamp(10px, calc(10px + (15 - 10) * ((100vw - 360px) / (1920 - 360))), 15px) !important;
}
.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.btn-icon .btn-icon-text {
  margin-left: 0.5rem;
}
.btn-icon .btn-icon-single {
  margin-left: 0;
}
.btn {
  padding: 0.5rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}