/* main */
.m-auto {
  margin-left: auto;
  margin-right: auto;
}

/* margin */
.m-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

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

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

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

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

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

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

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

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.me-0 {
  margin-right: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-120 {
  margin-right: 120px !important;
}

.me-150 {
  margin-right: 150px !important;
}

.me-20per {
  margin-right: 20% !important;
}

.me-35per {
  margin-right: 35% !important;
}

.mx-15per {
  margin-left: 15% !important;
  margin-right: 15% !important;
}

.ms-0 {
  margin-left: 0px !important;
}

.ms-2 {
  margin-left: 2px !important;
}

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

.ms-7 {
  margin-left: 7px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mt-0 {
  margin-top: 0px !important;
}

.mt-5 {
  margin-top: 5px;
}

.mt-minus-5 {
  margin-top: -5px;
}

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

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

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

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

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

.mt-35 {
  margin-top: 35px;
}

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

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

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

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

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

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

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

.mt-110 {
  margin-top: 110px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

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

.mt-220 {
  margin-top: 220px;
}

.mt-230 {
  margin-top: 230px;
}

.mt-240 {
  margin-top: 220px;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-120 {
  margin-bottom: 120px !important;
}

.mb-130 {
  margin-bottom: 130px;
}
.mb-180 {
  margin-bottom: 180px;
}

.mb-minus-90 {
  margin-bottom: -90px;
}

/* padding */
.p-5 {
  padding: 5px !important;
}

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

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

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

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

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

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

.px-17 {
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

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

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

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

.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

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

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

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

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

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

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.py-180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.px-15per {
  padding-left: 15% !important;
  padding-right: 15% !important;
}

. {
  padding-left: 20% !important;
  padding-right: 20% !important;
}

.px-22per {
  padding-left: 22% !important;
  padding-right: 22% !important;
}

.px-25per {
  padding-left: 25% !important;
  padding-right: 25% !important;
}

.px-30per {
  padding-left: 30% !important;
  padding-right: 30% !important;
}

.px-50per {
  padding-left: 50% !important;
  padding-right: 50% !important;
}

.pe-20per {
  padding-right: 20% !important;
}

.pe-30per {
  padding-right: 30% !important;
}

.p-0 {
  padding: 0 !important;
}

.pe-0 {
  padding-right: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pe-220 {
  padding-bottom: 220px;
}

.pe-150 {
  padding-right: 150px !important;
}

.pe-310 {
  padding-right: 310px;
}

.ps-0 {
  padding-left: 0px !important;
}

.ps-2 {
  padding-left: 2px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ps-150 {
  padding-left: 150px !important;
}

.ps-310 {
  padding-left: 310px;
}

.pt-0 {
  padding-top: 0 !important;
}

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

.pt-8 {
  padding-top: 8px !important;
}

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

.pt-12 {
  padding-top: 12px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.pt-110 {
  padding-top: 110px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pt-130 {
  padding-top: 130px !important;
}

.pt-150 {
  padding-top: 150px !important;
}

.pt-160 {
  padding-top: 160px !important;
}

.pt-170 {
  padding-top: 170px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pt-220 {
  padding-top: 220px !important;
}

.pt-230 {
  padding-top: 230px !important;
}

.pt-240 {
  padding-top: 240px !important;
}

.pt-270 {
  padding-top: 270px !important;
}

.pt-320 {
  padding-top: 320px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

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

.pb-8 {
  padding-bottom: 8px !important;
}

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

.pb-12 {
  padding-bottom: 12px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pb-110 {
  padding-bottom: 110px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pb-130 {
  padding-bottom: 130px !important;
}

.pb-150 {
  padding-bottom: 150px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.pb-230 {
  padding-bottom: 230px !important;
}

.pb-250 {
  padding-bottom: 250px !important;
}

.pb-300 {
  padding-bottom: 300px !important;
}

.pb-320 {
  padding-bottom: 320px !important;
}

.pb-330 {
  padding-bottom: 330px !important;
}

/* color */
.text-white,
.hover-text-white:hover,
.hover-text-white:hover *,
.active.active-text-white,
.active.active-text-white *,
.swiper-slide-active.active-text-white,
.swiper-slide-active.active-text-white *,
.swiper-slide-active .active-text-white,
.swiper-slide-active .active-text-white h6,
.swiper-slide-active .active-text-white h5 {
  color: #fff !important;
}

/* color */
/* .text-white,
.active.active-text-white {
    color: #fff !important;
} */

.text-black,
.hover-parent:hover,
.hover-parent:hover .hover-text-black,
.hover-text-black:hover {
  color: #000 !important;
}

.brown-bg:hover {
  background-color: #c28c64;
}

.color-7bb5 {
  color: #7bb58b;
}
.color-0a {
  color: #0a0a0a;
}

.color-1f {
  color: #1f242e !important;
}

.color-cc {
  color: #ccc !important;
}

.color-dd {
  color: #ddd !important;
}

.color-a1 {
  color: #a1a1a1 !important;
}

.color-black-33 {
  color: #333333 !important;
}

.color-a5 {
  color: #a5a5a5 !important;
}

.color-555 {
  color: #555 !important;
}

.color-255-1 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.color-255-4 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.color-255-7 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.color-e8ec {
  color: #e8ecf3;
}

.color-black-opsty-3 {
  color: rgba(0, 0, 0, 0.3);
}
.fill-white {
  fill: #fff !important;
}

.bg-white,
.active.active-bg-white,
.hover-bg-white:hover,
.hover-parent:hover .hover-bg-white,
.hover-bg-white-none::before {
  background-color: #fff !important;
}

.bg-transparent,
.active.active-bg-transparent,
.hover-bg-white-none:hover::before {
  background-color: transparent !important;
}

.bg-inherit {
  background-color: inherit !important;
}

.bg-black,
.hover-bg-black:hover,
.before-slideshow-bg-black::before {
  background-color: #000 !important;
}

.before-slideshow-bg-black::before {
  top: 2%;
  opacity: 0.5;
  left: 1%;
  height: 96%;
  width: 98%;
}

.bg-black-03 {
  background-color: rgba(0, 0, 0, 0.03) !important;
}

.bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.bg-black-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.bg-black-21 {
  background-color: #212121 !important;
}

.bg-black-22 {
  background-color: #222222 !important;
}

.bg-black-33 {
  background-color: #333333 !important;
}

.bg-black-26 {
  background-color: #262626;
}

.bg-0a {
  background-color: #0a0a0a;
}

.bg-black-1c {
  background-color: #1c1c1c;
}

.bg-black-1f {
  background-color: #1f242e;
}

.bg-ef {
  background-color: #efefef;
}

.bg-ed {
  background-color: #ededed;
}

.after-bg-black-45::after {
  background: rgba(0, 0, 0, 0.45);
}

.bg-black-ops {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.bg-black-01 {
  background-color: rgba(0, 0, 0, 0.01) !important;
}

.bg-black-04 {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

.bg-black-05 {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.bg-black-09 {
  background-color: rgba(0, 0, 0, 0.09) !important;
}

.bg-black-50,
.before-bg-black-50::before {
  background: rgba(0, 0, 0, 0.5) !important;
}

.bg-white-7 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.bg-white-8 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.bg-white-2 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.bg-white-5 {
  background-color: rgba(255, 255, 255, 0.54) !important;
}

.bg-white-09 {
  background-color: rgba(255, 255, 255, 0.09) !important;
}

.bg-f2 {
  background-color: #f2f2f2 !important;
}

.bg-red {
  background-color: #fc6269 !important;
}

.bg-blue {
  background-color: #54687c !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.letter-sp-1 {
  letter-spacing: 1px;
}

.letter-sp-2 {
  letter-spacing: 2px;
}

.letter-sp-3 {
  letter-spacing: 3px;
}

.letter-sp-4 {
  letter-spacing: 4px;
}

.letter-sp-5 {
  letter-spacing: 5px;
}

/* display */
.d-flex {
  display: flex !important;
}

.d-grid {
  display: grid !important;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.d-inline-flex {
  display: inline-flex !important;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-center {
  justify-content: center !important;
}

.align-self-end {
  align-self: flex-end;
}

/* text-alighn */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/* gap */
.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

/* display */
.d-block {
  display: block;
}

.inline-block {
  display: inline-block;
}

/* position */
.position-absolute-center {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

/* border */
.round-0 {
  border-radius: 0 !important;
}

.rounded {
  border-radius: 50%;
}

.round-3 {
  border-radius: 3px !important;
}

.round-5 {
  border-radius: 5px !important;
}

.round-10 {
  border-radius: 10px;
}

.round-20 {
  border-radius: 20px;
}

.round-30 {
  border-radius: 30px;
}

.round-40 {
  border-radius: 40px;
}

.hover-round-50:hover,
.round-50 {
  border-radius: 50px !important;
}

.border-none {
  border: none !important;
}

.active.active-border-none,
.hover-border-none:hover {
  border-color: transparent !important;
}

.br-1 {
  border-width: 1px;
}

.br-2 {
  border-width: 2px;
}

.br-4 {
  border-width: 4px;
}

.br-5 {
  border-width: 5px;
}

.br-6 {
  border-width: 6px;
}

.br-7 {
  border-width: 7px;
}

.br-3 {
  border-width: 3px;
}

.br-8 {
  border-width: 8px;
}

.br-solid {
  border-style: solid;
}

.br-dashed {
  border-style: dashed;
}

.br-t-none {
  border-top-width: 0px !important;
}

.br-t {
  border-width: 1px 0 0 0 !important;
}

.br-t2 {
  border-width: 2px 0 0 0 !important;
}

.br-b-none {
  border-bottom-width: 0px !important;
}

.br-b {
  border-width: 0 0 1px 0 !important;
}

.br-b2 {
  border-width: 0 0 2px 0 !important;
}

.br-b3 {
  border-width: 0 0 3px 0 !important;
}

.br-s {
  border-width: 0 0 0 1px !important;
}

.br-s2 {
  border-width: 0 0 0 2px !important;
}

.br-s3 {
  border-width: 0 0 0 3px !important;
}

.br-s4 {
  border-width: 0 0 0 4px !important;
}

.br-e {
  border-width: 0 1px 0 0 !important;
}

.br-tran {
  border-color: transparent;
}

.br-red {
  border-color: rgb(252, 98, 105) !important;
}

.br-blue {
  border-color: #54687c;
}

.br-e6 {
  border-color: #e6e6e6 !important;
}

.br-dd {
  border-color: #dddddd !important;
}

.br-ef {
  border-color: #efefef !important;
}

.br-99 {
  border-color: rgba(9, 9, 9.02) !important;
}

.br-gray {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.br-black {
  border-color: rgba(0, 0, 0, 0.1);
}

.br-footer {
  border-color: rgba(255, 255, 255, 0.04);
}

.br-white {
  border-color: rgba(255, 255, 255);
}

.br-pur {
  border-color: rgba(255, 255, 255, 0.4);
}

.br-white-07 {
  border-color: rgba(255, 255, 255, 0.7);
}

.hover-br-dd:hover {
  border: 1px solid #ddd !important;
}

.br-09 {
  border-color: rgb(0, 0, 0, 0.09);
}

/* shadow */
.shadow {
  box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.35);
}

.active.active-shadow-1,
.shadow-1 {
  box-shadow: 0px 0px 20px 0px rgb(0, 0, 0, 0.07);
}

.hover-shadow:hover,
.active.active-shadow {
  box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.35);
}

.hover-shadow-1:hover {
  box-shadow: 0px 0px 20px 0px rgb(0, 0, 0, 0.07);
}

/* .hover-bg-shadow:hover {
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 7%);
 } */
/* overflow */
.overflow-hidden {
  overflow: hidden;
}

/* width */
.w-100 {
  width: 100%;
}

.w-14 {
  width: 14px !important;
}

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

.w-20per {
  width: 20% !important;
}

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

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

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

.w-33per {
  width: 33% !important;
}

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

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

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

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

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

.w-55per {
  width: 55% !important;
}

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

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

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

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

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

.w-50per {
  width: 50%;
}

.w-60per {
  width: 60%;
}

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

.w-70per {
  width: 70% !important;
}

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

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

.w-80per {
  width: 80% !important;
}

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

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

.w-112 {
  width: 112px !important;
}

.w-140 {
  width: 140px !important;
}

.w-460 {
  width: 460px !important;
}

.max-w-150 {
  max-width: 150px;
}

.max-w-300 {
  max-width: 300px;
}

/* height */
.h-100 {
  height: 100% !important;
}

.h-2 {
  height: 2px !important;
}

.h-3 {
  height: 3px !important;
}

.h-5 {
  height: 5px !important;
}

.h-6 {
  height: 6px !important;
}

.h-7 {
  height: 7px !important;
}

.h-8 {
  height: 8px !important;
}

.h-10 {
  height: 10px !important;
}

.h-14 {
  height: 14px !important;
}

.h-20 {
  height: 20px !important;
}

.h-25 {
  height: 25px !important;
}

.h-30 {
  height: 30px !important;
}

.h-35 {
  height: 35px !important;
}

.h-40 {
  height: 40px !important;
}

.h-45 {
  height: 45px !important;
}

.h-50 {
  height: 50px !important;
}

.max-h-50 {
  max-height: 50px !important;
}

.h-55 {
  height: 55px !important;
}

.h-50per {
  height: 50%;
}

.h-60per {
  height: 60%;
}

.h-60 {
  height: 60px !important;
}

.h-65 {
  height: 65px !important;
}

.h-70 {
  height: 70px !important;
}

.h-80 {
  height: 80px !important;
}

.h-90 {
  height: 90px !important;
}

.max-h-90 {
  max-height: 90px !important;
}

.h-100px {
  height: 100px !important;
}

.max-h-100 {
  max-height: 100px;
}

.h-112 {
  height: 112px !important;
}

.h-130 {
  height: 130px;
}

.h-135 {
  height: 135px !important;
}

.h-140 {
  height: 140px !important;
}

.h-150 {
  height: 150px !important;
}

.h-200 {
  height: 200px !important;
}

.h-300 {
  height: 300px !important;
}

.h-340 {
  height: 340px !important;
}

.h-360 {
  height: 360px !important;
}

.h-400 {
  height: 400px !important;
}

.h-430 {
  height: 430px !important;
}

.h-530 {
  height: 530px !important;
}

.h-500 {
  height: 500px !important;
}

.h-550 {
  height: 550px !important;
}

.h-600 {
  height: 600px !important;
}

/* font-size */
.fs-10 {
  font-size: 10px !important;
}

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

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

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

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

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

.fs-22 {
  font-size: 22px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-45 {
  font-size: 45px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-60 {
  font-size: 60px !important;
}

.fs-65 {
  font-size: 65px !important;
}

.fs-70 {
  font-size: 70px !important;
}

.fs-96 {
  font-size: 6rem !important;
}

/* font-weight  */
.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

/* font-style */
.font-italic {
  font-style: italic;
}

/* line-height */
.line-height-50 {
  line-height: 50px !important;
}

/* opacity */
.opacity-0 {
  opacity: 0 !important;
}

.opacity-01 {
  opacity: 0.1 !important;
}

.opacity-02 {
  opacity: 0.2 !important;
}

.opacity-03 {
  opacity: 0.3 !important;
}

.opacity-003 {
  opacity: 0.03 !important;
}

.opacity-04 {
  opacity: 0.4 !important;
}

.opacity-05 {
  opacity: 0.5 !important;
}

.opacity-06 {
  opacity: 0.6 !important;
}

.opacity-07 {
  opacity: 0.7 !important;
}

.opacity-08 {
  opacity: 0.8 !important;
}

.opacity-09 {
  opacity: 0.9 !important;
}

.opacity-1 {
  opacity: 1 !important;
}

.before-bg-none::before {
  background: none !important;
}

.before-bg-black-gradient::before {
  background: linear-gradient(180deg, #2b2b2b00 50%, #2b2b2b 100%) !important;
}

.before-bg-black-radial::before {
  background: radial-gradient(at center center, #00000000 0%, #000000d6 85%);
}

.before-bg-black-gradient::after {
  background: rgba(0, 0, 0, 0.66) !important;
}

.toga-star-rating {
  color: #ffbf00;
  font-size: 0.857em;
}

.hover-translate-10:hover {
  transform: translateY(-10px);
  transition: 0.3s ease-in-out;
}

.hover-translate-4:hover {
  transform: translateY(-4px);
}

.hover-translateX-20:hover {
  transform: translateX(20px);
}

.hover-flex-15:hover {
  flex: 1.5 !important;
}

.lh-1 {
  line-height: 1rem;
}

.lh-1-8 {
  line-height: 1.8;
}

/* rotate */
.rotate-10-deg {
  transform: rotate(10deg);
}
@media (max-width: 768px) {
  header.toga-site-header:not(.toga-sticky-head) {
    padding: 0 30px;
  }
  .toga-site-header .toga-site-navigation {
    justify-content: flex-end;
  }
  .toga-responsive-btn {
    border: 1px solid #eee;
    border-radius: 5px;
  }

  .play-video {
    height: auto !important;
    width: 320px !important;
  }
  .play-triangle {
    height: auto !important;
    width: 320px !important;
  }
  .toga-play-video {
    width: 70px;
    height: 70px;
    position: relative;
    cursor: pointer;
  }
  .d-sm-none {
    display: none !important;
  }
  .m-md-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .m-md-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mt-md-80 {
    margin-top: 80px !important;
  }
  .mt-md-200 {
    margin-top: 200px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .toga-slide-arrow.toga-slide-next,
  .toga-slide-arrow.toga-slide-prev {
    display: none;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .toga-main-logo {
    width: 70px !important;
  }
}