*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: inherit;
  font-family: inherit;
}

html, body {
  height: 100%;
}

a,
a:link,
a:link::after {
  text-decoration: unset;
}

input,
textarea {
  outline: none;
  border: none;
  background: none;
  resize: none;
}

img, video {
  max-width: 100%;
  height: auto;
}

button {
  outline: none;
  border: none;
  background: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

body {
  font-size: 100%;
  line-height: 1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Colors */
@font-face {
  font-family: "akrobat";
  src: url(../fonts/akrobat-light.otf) format("TrueType");
  font-weight: 300;
}
@font-face {
  font-family: "akrobat";
  src: url(../fonts/akrobat-regular.otf) format("TrueType");
  font-weight: 400;
}
@font-face {
  font-family: "akrobat";
  src: url(../fonts/akrobat-semiBold.otf) format("TrueType");
  font-weight: 600;
}
@font-face {
  font-family: "bio";
  src: url(../fonts/bio-extra-light.otf) format("TrueType");
  font-weight: 200;
}
@font-face {
  font-family: "bio";
  src: url(../fonts/bio-light.otf) format("TrueType");
  font-weight: 300;
}
@font-face {
  font-family: "bio";
  src: url(../fonts/bio-regular.otf) format("TrueType");
  font-weight: 400;
}
@font-face {
  font-family: "bio";
  src: url(../fonts/bio-semibold.otf) format("TrueType");
  font-weight: 600;
}
@font-face {
  font-family: "bio";
  src: url(../fonts/bio-bold.otf) format("TrueType");
  font-weight: 700;
}
@font-face {
  font-family: "bio";
  src: url(../fonts/bio-extra-bold.otf) format("TrueType");
  font-weight: 800;
}
@font-face {
  font-family: "gotham";
  src: url(../fonts/GothamNarrow-Thin.otf) format("TrueType");
  font-weight: 100;
}
@font-face {
  font-family: "gotham";
  src: url(../fonts/GothamNarrow-Book.otf) format("TrueType");
  font-weight: 450;
}
@font-face {
  font-family: "gotham";
  src: url(../fonts/GothamNarrow-Medium.otf) format("TrueType");
  font-weight: 500;
}
@font-face {
  font-family: "gotham";
  src: url(../fonts/GothamNarrow-Bold.otf) format("TrueType");
  font-weight: 700;
}
/* Text Colors */
.text-dark {
  color: black !important;
}

/* Background Colors */
.bg-dark {
  background-color: black !important;
}

/* Border Colors */
.border-dark {
  border-color: black !important;
}

/* Text Colors */
.text-white {
  color: white !important;
}

/* Background Colors */
.bg-white {
  background-color: white !important;
}

/* Border Colors */
.border-white {
  border-color: white !important;
}

/* Text Colors */
.text-soft-blue {
  color: #4b4fad !important;
}

/* Background Colors */
.bg-soft-blue {
  background-color: #4b4fad !important;
}

/* Border Colors */
.border-soft-blue {
  border-color: #4b4fad !important;
}

/* Text Colors */
.text-dark-blue {
  color: #000690 !important;
}

/* Background Colors */
.bg-dark-blue {
  background-color: #000690 !important;
}

/* Border Colors */
.border-dark-blue {
  border-color: #000690 !important;
}

/* Text Colors */
.text-light-blue {
  color: #ebf1fa !important;
}

/* Background Colors */
.bg-light-blue {
  background-color: #ebf1fa !important;
}

/* Border Colors */
.border-light-blue {
  border-color: #ebf1fa !important;
}

/* Text Colors */
.text-purple-blue {
  color: #24325b !important;
}

/* Background Colors */
.bg-purple-blue {
  background-color: #24325b !important;
}

/* Border Colors */
.border-purple-blue {
  border-color: #24325b !important;
}

/* Text Colors */
.text-purple-dark-blue {
  color: #23315a !important;
}

/* Background Colors */
.bg-purple-dark-blue {
  background-color: #23315a !important;
}

/* Border Colors */
.border-purple-dark-blue {
  border-color: #23315a !important;
}

/* Text Colors */
.text-gray {
  color: #5c5c5c !important;
}

/* Background Colors */
.bg-gray {
  background-color: #5c5c5c !important;
}

/* Border Colors */
.border-gray {
  border-color: #5c5c5c !important;
}

/* Text Colors */
.text-gray-100 {
  color: #676767 !important;
}

/* Background Colors */
.bg-gray-100 {
  background-color: #676767 !important;
}

/* Border Colors */
.border-gray-100 {
  border-color: #676767 !important;
}

/* Text Colors */
.text-green {
  color: #51ce78 !important;
}

/* Background Colors */
.bg-green {
  background-color: #51ce78 !important;
}

/* Border Colors */
.border-green {
  border-color: #51ce78 !important;
}

/* Text Colors */
.text-purple {
  color: #403f9e !important;
}

/* Background Colors */
.bg-purple {
  background-color: #403f9e !important;
}

/* Border Colors */
.border-purple {
  border-color: #403f9e !important;
}

/* Text Colors */
.text-soft-red {
  color: #ea6166 !important;
}

/* Background Colors */
.bg-soft-red {
  background-color: #ea6166 !important;
}

/* Border Colors */
.border-soft-red {
  border-color: #ea6166 !important;
}

/* Text Colors */
.text-ghost {
  color: #bdc5d1 !important;
}

/* Background Colors */
.bg-ghost {
  background-color: #bdc5d1 !important;
}

/* Border Colors */
.border-ghost {
  border-color: #bdc5d1 !important;
}

/* Text Colors */
.text-blue-200 {
  color: #3b3a90 !important;
}

/* Background Colors */
.bg-blue-200 {
  background-color: #3b3a90 !important;
}

/* Border Colors */
.border-blue-200 {
  border-color: #3b3a90 !important;
}

/* Text Colors */
.text-grey-300 {
  color: #9ea8b7 !important;
}

/* Background Colors */
.bg-grey-300 {
  background-color: #9ea8b7 !important;
}

/* Border Colors */
.border-grey-300 {
  border-color: #9ea8b7 !important;
}

/* Text Colors */
.text-yellow {
  color: #f7ba00 !important;
}

/* Background Colors */
.bg-yellow {
  background-color: #f7ba00 !important;
}

/* Border Colors */
.border-yellow {
  border-color: #f7ba00 !important;
}

/* Text Colors */
.text-orange {
  color: #f77c00 !important;
}

/* Background Colors */
.bg-orange {
  background-color: #f77c00 !important;
}

/* Border Colors */
.border-orange {
  border-color: #f77c00 !important;
}

.text-start {
  text-align: start !important;
}

.text-center {
  text-align: center !important;
}

.text-end {
  text-align: end !important;
}

.text-justify {
  text-align: justify !important;
}

@media (min-width: 0) {
  .text-xs-start {
    text-align: start !important;
  }
}

@media (min-width: 576px) {
  .text-sm-start {
    text-align: start !important;
  }
}

@media (min-width: 768px) {
  .text-md-start {
    text-align: start !important;
  }
}

@media (min-width: 992px) {
  .text-lg-start {
    text-align: start !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-start {
    text-align: start !important;
  }
}

@media (min-width: 1400px) {
  .text-xxl-start {
    text-align: start !important;
  }
}

@media (min-width: 1600px) {
  .text-xxxl-start {
    text-align: start !important;
  }
}

@media (min-width: 0) {
  .text-xs-center {
    text-align: center !important;
  }
}

@media (min-width: 576px) {
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1600px) {
  .text-xxxl-center {
    text-align: center !important;
  }
}

@media (min-width: 0) {
  .text-xs-end {
    text-align: end !important;
  }
}

@media (min-width: 576px) {
  .text-sm-end {
    text-align: end !important;
  }
}

@media (min-width: 768px) {
  .text-md-end {
    text-align: end !important;
  }
}

@media (min-width: 992px) {
  .text-lg-end {
    text-align: end !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-end {
    text-align: end !important;
  }
}

@media (min-width: 1400px) {
  .text-xxl-end {
    text-align: end !important;
  }
}

@media (min-width: 1600px) {
  .text-xxxl-end {
    text-align: end !important;
  }
}

@media (min-width: 0) {
  .text-xs-justify {
    text-align: justify !important;
  }
}

@media (min-width: 576px) {
  .text-sm-justify {
    text-align: justify !important;
  }
}

@media (min-width: 768px) {
  .text-md-justify {
    text-align: justify !important;
  }
}

@media (min-width: 992px) {
  .text-lg-justify {
    text-align: justify !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-justify {
    text-align: justify !important;
  }
}

@media (min-width: 1400px) {
  .text-xxl-justify {
    text-align: justify !important;
  }
}

@media (min-width: 1600px) {
  .text-xxxl-justify {
    text-align: justify !important;
  }
}

/* Font Weights */
.font-200 {
  font-weight: 200;
}

.font-300 {
  font-weight: 300;
}

.font-400 {
  font-weight: 400;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

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

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

/* Font sizes */
.fs-10 {
  font-size: 10px;
  line-height: 12px;
}

.fs-12 {
  font-size: 12px;
  line-height: 14.4px;
}

.fs-14 {
  font-size: 14px;
  line-height: 16.8px;
}

.fs-16 {
  font-size: 16px;
  line-height: 19.2px;
}

.fs-17 {
  font-size: 17px;
  line-height: 20.4px;
}

.fs-18 {
  font-size: 18px;
  line-height: 21.6px;
}

.fs-20 {
  font-size: 20px;
  line-height: 24px;
}

.fs-22 {
  font-size: 22px;
  line-height: 26.4px;
}

.fs-24 {
  font-size: 24px;
  line-height: 28.8px;
}

.fs-26 {
  font-size: 26px;
  line-height: 31.2px;
}

.fs-28 {
  font-size: 28px;
  line-height: 33.6px;
}

.fs-30 {
  font-size: 30px;
  line-height: 36px;
}

.fs-32 {
  font-size: 32px;
  line-height: 38.4px;
}

.fs-34 {
  font-size: 34px;
  line-height: 40.8px;
}

.fs-36 {
  font-size: 36px;
  line-height: 43.2px;
}

.fs-38 {
  font-size: 38px;
  line-height: 45.6px;
}

.fs-40 {
  font-size: 40px;
  line-height: 48px;
}

.fs-42 {
  font-size: 42px;
  line-height: 50.4px;
}

.fs-44 {
  font-size: 44px;
  line-height: 52.8px;
}

.fs-46 {
  font-size: 46px;
  line-height: 55.2px;
}

.fs-48 {
  font-size: 48px;
  line-height: 57.6px;
}

.fs-60 {
  font-size: 60px;
  line-height: 72px;
}

.fs-56 {
  font-size: 56px;
  line-height: 67.2px;
}

@media (min-width: 0) {
  .fs-xs-10 {
    font-size: 10px;
    line-height: 12px;
  }
  .fs-xs-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-xs-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-xs-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-xs-17 {
    font-size: 17px;
    line-height: 20.4px;
  }
  .fs-xs-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-xs-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-xs-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-xs-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-xs-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-xs-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-xs-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-xs-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-xs-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-xs-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-xs-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-xs-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-xs-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-xs-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-xs-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-xs-48 {
    font-size: 48px;
    line-height: 57.6px;
  }
  .fs-xs-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-xs-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 576px) {
  .fs-sm-10 {
    font-size: 10px;
    line-height: 12px;
  }
  .fs-sm-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-sm-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-sm-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-sm-17 {
    font-size: 17px;
    line-height: 20.4px;
  }
  .fs-sm-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-sm-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-sm-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-sm-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-sm-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-sm-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-sm-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-sm-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-sm-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-sm-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-sm-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-sm-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-sm-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-sm-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-sm-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-sm-48 {
    font-size: 48px;
    line-height: 57.6px;
  }
  .fs-sm-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-sm-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 768px) {
  .fs-md-10 {
    font-size: 10px;
    line-height: 12px;
  }
  .fs-md-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-md-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-md-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-md-17 {
    font-size: 17px;
    line-height: 20.4px;
  }
  .fs-md-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-md-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-md-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-md-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-md-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-md-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-md-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-md-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-md-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-md-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-md-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-md-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-md-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-md-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-md-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-md-48 {
    font-size: 48px;
    line-height: 57.6px;
  }
  .fs-md-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-md-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 992px) {
  .fs-lg-10 {
    font-size: 10px;
    line-height: 12px;
  }
  .fs-lg-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-lg-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-lg-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-lg-17 {
    font-size: 17px;
    line-height: 20.4px;
  }
  .fs-lg-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-lg-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-lg-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-lg-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-lg-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-lg-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-lg-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-lg-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-lg-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-lg-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-lg-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-lg-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-lg-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-lg-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-lg-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-lg-48 {
    font-size: 48px;
    line-height: 57.6px;
  }
  .fs-lg-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-lg-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 1200px) {
  .fs-xl-10 {
    font-size: 10px;
    line-height: 12px;
  }
  .fs-xl-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-xl-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-xl-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-xl-17 {
    font-size: 17px;
    line-height: 20.4px;
  }
  .fs-xl-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-xl-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-xl-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-xl-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-xl-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-xl-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-xl-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-xl-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-xl-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-xl-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-xl-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-xl-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-xl-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-xl-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-xl-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-xl-48 {
    font-size: 48px;
    line-height: 57.6px;
  }
  .fs-xl-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-xl-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 1400px) {
  .fs-xxl-10 {
    font-size: 10px;
    line-height: 12px;
  }
  .fs-xxl-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-xxl-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-xxl-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-xxl-17 {
    font-size: 17px;
    line-height: 20.4px;
  }
  .fs-xxl-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-xxl-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-xxl-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-xxl-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-xxl-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-xxl-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-xxl-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-xxl-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-xxl-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-xxl-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-xxl-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-xxl-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-xxl-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-xxl-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-xxl-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-xxl-48 {
    font-size: 48px;
    line-height: 57.6px;
  }
  .fs-xxl-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-xxl-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 1600px) {
  .fs-xxxl-10 {
    font-size: 10px;
    line-height: 12px;
  }
  .fs-xxxl-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-xxxl-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-xxxl-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-xxxl-17 {
    font-size: 17px;
    line-height: 20.4px;
  }
  .fs-xxxl-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-xxxl-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-xxxl-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-xxxl-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-xxxl-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-xxxl-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-xxxl-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-xxxl-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-xxxl-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-xxxl-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-xxxl-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-xxxl-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-xxxl-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-xxxl-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-xxxl-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-xxxl-48 {
    font-size: 48px;
    line-height: 57.6px;
  }
  .fs-xxxl-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-xxxl-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
/* Opacity */
.opacity-0 {
  opacity: .0;
}

.opacity-1 {
  opacity: .1;
}

.opacity-2 {
  opacity: .2;
}

.opacity-2 {
  opacity: .2;
}

.opacity-3 {
  opacity: .3;
}

.opacity-4 {
  opacity: .4;
}

.opacity-5 {
  opacity: .5;
}

.opacity-6 {
  opacity: .6;
}

.opacity-7 {
  opacity: .7;
}

.opacity-8 {
  opacity: .8;
}

.opacity-9 {
  opacity: .9;
}

/* Gaps sizes */
.gap-5 {
  gap: 5px;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-25 {
  gap: 25px;
}

.gap-30 {
  gap: 30px;
}

.gap-35 {
  gap: 35px;
}

.gap-40 {
  gap: 40px;
}

.gap-45 {
  gap: 45px;
}

.gap-50 {
  gap: 50px;
}

.gap-55 {
  gap: 55px;
}

@media (min-width: 0) {
  .gap-xs-5 {
    gap: 5px;
  }
  .gap-xs-10 {
    gap: 10px;
  }
  .gap-xs-15 {
    gap: 15px;
  }
  .gap-xs-20 {
    gap: 20px;
  }
  .gap-xs-25 {
    gap: 25px;
  }
  .gap-xs-30 {
    gap: 30px;
  }
  .gap-xs-35 {
    gap: 35px;
  }
  .gap-xs-40 {
    gap: 40px;
  }
  .gap-xs-45 {
    gap: 45px;
  }
  .gap-xs-50 {
    gap: 50px;
  }
  .gap-xs-55 {
    gap: 55px;
  }
}
@media (min-width: 576px) {
  .gap-sm-5 {
    gap: 5px;
  }
  .gap-sm-10 {
    gap: 10px;
  }
  .gap-sm-15 {
    gap: 15px;
  }
  .gap-sm-20 {
    gap: 20px;
  }
  .gap-sm-25 {
    gap: 25px;
  }
  .gap-sm-30 {
    gap: 30px;
  }
  .gap-sm-35 {
    gap: 35px;
  }
  .gap-sm-40 {
    gap: 40px;
  }
  .gap-sm-45 {
    gap: 45px;
  }
  .gap-sm-50 {
    gap: 50px;
  }
  .gap-sm-55 {
    gap: 55px;
  }
}
@media (min-width: 768px) {
  .gap-md-5 {
    gap: 5px;
  }
  .gap-md-10 {
    gap: 10px;
  }
  .gap-md-15 {
    gap: 15px;
  }
  .gap-md-20 {
    gap: 20px;
  }
  .gap-md-25 {
    gap: 25px;
  }
  .gap-md-30 {
    gap: 30px;
  }
  .gap-md-35 {
    gap: 35px;
  }
  .gap-md-40 {
    gap: 40px;
  }
  .gap-md-45 {
    gap: 45px;
  }
  .gap-md-50 {
    gap: 50px;
  }
  .gap-md-55 {
    gap: 55px;
  }
}
@media (min-width: 992px) {
  .gap-lg-5 {
    gap: 5px;
  }
  .gap-lg-10 {
    gap: 10px;
  }
  .gap-lg-15 {
    gap: 15px;
  }
  .gap-lg-20 {
    gap: 20px;
  }
  .gap-lg-25 {
    gap: 25px;
  }
  .gap-lg-30 {
    gap: 30px;
  }
  .gap-lg-35 {
    gap: 35px;
  }
  .gap-lg-40 {
    gap: 40px;
  }
  .gap-lg-45 {
    gap: 45px;
  }
  .gap-lg-50 {
    gap: 50px;
  }
  .gap-lg-55 {
    gap: 55px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-5 {
    gap: 5px;
  }
  .gap-xl-10 {
    gap: 10px;
  }
  .gap-xl-15 {
    gap: 15px;
  }
  .gap-xl-20 {
    gap: 20px;
  }
  .gap-xl-25 {
    gap: 25px;
  }
  .gap-xl-30 {
    gap: 30px;
  }
  .gap-xl-35 {
    gap: 35px;
  }
  .gap-xl-40 {
    gap: 40px;
  }
  .gap-xl-45 {
    gap: 45px;
  }
  .gap-xl-50 {
    gap: 50px;
  }
  .gap-xl-55 {
    gap: 55px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-5 {
    gap: 5px;
  }
  .gap-xxl-10 {
    gap: 10px;
  }
  .gap-xxl-15 {
    gap: 15px;
  }
  .gap-xxl-20 {
    gap: 20px;
  }
  .gap-xxl-25 {
    gap: 25px;
  }
  .gap-xxl-30 {
    gap: 30px;
  }
  .gap-xxl-35 {
    gap: 35px;
  }
  .gap-xxl-40 {
    gap: 40px;
  }
  .gap-xxl-45 {
    gap: 45px;
  }
  .gap-xxl-50 {
    gap: 50px;
  }
  .gap-xxl-55 {
    gap: 55px;
  }
}
@media (min-width: 1600px) {
  .gap-xxxl-5 {
    gap: 5px;
  }
  .gap-xxxl-10 {
    gap: 10px;
  }
  .gap-xxxl-15 {
    gap: 15px;
  }
  .gap-xxxl-20 {
    gap: 20px;
  }
  .gap-xxxl-25 {
    gap: 25px;
  }
  .gap-xxxl-30 {
    gap: 30px;
  }
  .gap-xxxl-35 {
    gap: 35px;
  }
  .gap-xxxl-40 {
    gap: 40px;
  }
  .gap-xxxl-45 {
    gap: 45px;
  }
  .gap-xxxl-50 {
    gap: 50px;
  }
  .gap-xxxl-55 {
    gap: 55px;
  }
}
/* Borders */
.border-top {
  border-top: 1px solid;
}

.border-right {
  border-right: 1px solid;
}

.border-bottom {
  border-bottom: 1px solid;
}

.border-left {
  border-left: 1px solid;
}

.border-radius-1 {
  border-radius: 1rem !important;
}

.border-radius-2 {
  border-radius: 2rem !important;
}

.border-radius-3 {
  border-radius: 3rem !important;
}

.border-radius-4 {
  border-radius: 4rem !important;
}

.border-radius-5 {
  border-radius: 5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-150 {
  margin-bottom: 150px;
}

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

.ms-150 {
  margin-left: 150px;
}

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

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

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

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

@media (min-width: 0) {
  .mt-xs-10 {
    margin-top: 10px;
  }
  .mb-xs-10 {
    margin-bottom: 10px;
  }
  .ms-xs-10 {
    margin-left: 10px;
  }
  .me-xs-10 {
    margin-right: 10px;
  }
  .pt-xs-10 {
    padding-top: 10px;
  }
  .pb-xs-10 {
    padding-bottom: 10px;
  }
  .ps-xs-10 {
    padding-left: 10px;
  }
  .pe-xs-10 {
    padding-right: 10px;
  }
  .mt-xs-15 {
    margin-top: 15px;
  }
  .mb-xs-15 {
    margin-bottom: 15px;
  }
  .ms-xs-15 {
    margin-left: 15px;
  }
  .me-xs-15 {
    margin-right: 15px;
  }
  .pt-xs-15 {
    padding-top: 15px;
  }
  .pb-xs-15 {
    padding-bottom: 15px;
  }
  .ps-xs-15 {
    padding-left: 15px;
  }
  .pe-xs-15 {
    padding-right: 15px;
  }
  .mt-xs-20 {
    margin-top: 20px;
  }
  .mb-xs-20 {
    margin-bottom: 20px;
  }
  .ms-xs-20 {
    margin-left: 20px;
  }
  .me-xs-20 {
    margin-right: 20px;
  }
  .pt-xs-20 {
    padding-top: 20px;
  }
  .pb-xs-20 {
    padding-bottom: 20px;
  }
  .ps-xs-20 {
    padding-left: 20px;
  }
  .pe-xs-20 {
    padding-right: 20px;
  }
  .mt-xs-25 {
    margin-top: 25px;
  }
  .mb-xs-25 {
    margin-bottom: 25px;
  }
  .ms-xs-25 {
    margin-left: 25px;
  }
  .me-xs-25 {
    margin-right: 25px;
  }
  .pt-xs-25 {
    padding-top: 25px;
  }
  .pb-xs-25 {
    padding-bottom: 25px;
  }
  .ps-xs-25 {
    padding-left: 25px;
  }
  .pe-xs-25 {
    padding-right: 25px;
  }
  .mt-xs-30 {
    margin-top: 30px;
  }
  .mb-xs-30 {
    margin-bottom: 30px;
  }
  .ms-xs-30 {
    margin-left: 30px;
  }
  .me-xs-30 {
    margin-right: 30px;
  }
  .pt-xs-30 {
    padding-top: 30px;
  }
  .pb-xs-30 {
    padding-bottom: 30px;
  }
  .ps-xs-30 {
    padding-left: 30px;
  }
  .pe-xs-30 {
    padding-right: 30px;
  }
  .mt-xs-40 {
    margin-top: 40px;
  }
  .mb-xs-40 {
    margin-bottom: 40px;
  }
  .ms-xs-40 {
    margin-left: 40px;
  }
  .me-xs-40 {
    margin-right: 40px;
  }
  .pt-xs-40 {
    padding-top: 40px;
  }
  .pb-xs-40 {
    padding-bottom: 40px;
  }
  .ps-xs-40 {
    padding-left: 40px;
  }
  .pe-xs-40 {
    padding-right: 40px;
  }
  .mt-xs-50 {
    margin-top: 50px;
  }
  .mb-xs-50 {
    margin-bottom: 50px;
  }
  .ms-xs-50 {
    margin-left: 50px;
  }
  .me-xs-50 {
    margin-right: 50px;
  }
  .pt-xs-50 {
    padding-top: 50px;
  }
  .pb-xs-50 {
    padding-bottom: 50px;
  }
  .ps-xs-50 {
    padding-left: 50px;
  }
  .pe-xs-50 {
    padding-right: 50px;
  }
  .mt-xs-60 {
    margin-top: 60px;
  }
  .mb-xs-60 {
    margin-bottom: 60px;
  }
  .ms-xs-60 {
    margin-left: 60px;
  }
  .me-xs-60 {
    margin-right: 60px;
  }
  .pt-xs-60 {
    padding-top: 60px;
  }
  .pb-xs-60 {
    padding-bottom: 60px;
  }
  .ps-xs-60 {
    padding-left: 60px;
  }
  .pe-xs-60 {
    padding-right: 60px;
  }
  .mt-xs-70 {
    margin-top: 70px;
  }
  .mb-xs-70 {
    margin-bottom: 70px;
  }
  .ms-xs-70 {
    margin-left: 70px;
  }
  .me-xs-70 {
    margin-right: 70px;
  }
  .pt-xs-70 {
    padding-top: 70px;
  }
  .pb-xs-70 {
    padding-bottom: 70px;
  }
  .ps-xs-70 {
    padding-left: 70px;
  }
  .pe-xs-70 {
    padding-right: 70px;
  }
  .mt-xs-80 {
    margin-top: 80px;
  }
  .mb-xs-80 {
    margin-bottom: 80px;
  }
  .ms-xs-80 {
    margin-left: 80px;
  }
  .me-xs-80 {
    margin-right: 80px;
  }
  .pt-xs-80 {
    padding-top: 80px;
  }
  .pb-xs-80 {
    padding-bottom: 80px;
  }
  .ps-xs-80 {
    padding-left: 80px;
  }
  .pe-xs-80 {
    padding-right: 80px;
  }
  .mt-xs-90 {
    margin-top: 90px;
  }
  .mb-xs-90 {
    margin-bottom: 90px;
  }
  .ms-xs-90 {
    margin-left: 90px;
  }
  .me-xs-90 {
    margin-right: 90px;
  }
  .pt-xs-90 {
    padding-top: 90px;
  }
  .pb-xs-90 {
    padding-bottom: 90px;
  }
  .ps-xs-90 {
    padding-left: 90px;
  }
  .pe-xs-90 {
    padding-right: 90px;
  }
  .mt-xs-100 {
    margin-top: 100px;
  }
  .mb-xs-100 {
    margin-bottom: 100px;
  }
  .ms-xs-100 {
    margin-left: 100px;
  }
  .me-xs-100 {
    margin-right: 100px;
  }
  .pt-xs-100 {
    padding-top: 100px;
  }
  .pb-xs-100 {
    padding-bottom: 100px;
  }
  .ps-xs-100 {
    padding-left: 100px;
  }
  .pe-xs-100 {
    padding-right: 100px;
  }
  .mt-xs-150 {
    margin-top: 150px;
  }
  .mb-xs-150 {
    margin-bottom: 150px;
  }
  .ms-xs-150 {
    margin-left: 150px;
  }
  .me-xs-150 {
    margin-right: 150px;
  }
  .pt-xs-150 {
    padding-top: 150px;
  }
  .pb-xs-150 {
    padding-bottom: 150px;
  }
  .ps-xs-150 {
    padding-left: 150px;
  }
  .pe-xs-150 {
    padding-right: 150px;
  }
}
@media (min-width: 576px) {
  .mt-sm-10 {
    margin-top: 10px;
  }
  .mb-sm-10 {
    margin-bottom: 10px;
  }
  .ms-sm-10 {
    margin-left: 10px;
  }
  .me-sm-10 {
    margin-right: 10px;
  }
  .pt-sm-10 {
    padding-top: 10px;
  }
  .pb-sm-10 {
    padding-bottom: 10px;
  }
  .ps-sm-10 {
    padding-left: 10px;
  }
  .pe-sm-10 {
    padding-right: 10px;
  }
  .mt-sm-15 {
    margin-top: 15px;
  }
  .mb-sm-15 {
    margin-bottom: 15px;
  }
  .ms-sm-15 {
    margin-left: 15px;
  }
  .me-sm-15 {
    margin-right: 15px;
  }
  .pt-sm-15 {
    padding-top: 15px;
  }
  .pb-sm-15 {
    padding-bottom: 15px;
  }
  .ps-sm-15 {
    padding-left: 15px;
  }
  .pe-sm-15 {
    padding-right: 15px;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
  .mb-sm-20 {
    margin-bottom: 20px;
  }
  .ms-sm-20 {
    margin-left: 20px;
  }
  .me-sm-20 {
    margin-right: 20px;
  }
  .pt-sm-20 {
    padding-top: 20px;
  }
  .pb-sm-20 {
    padding-bottom: 20px;
  }
  .ps-sm-20 {
    padding-left: 20px;
  }
  .pe-sm-20 {
    padding-right: 20px;
  }
  .mt-sm-25 {
    margin-top: 25px;
  }
  .mb-sm-25 {
    margin-bottom: 25px;
  }
  .ms-sm-25 {
    margin-left: 25px;
  }
  .me-sm-25 {
    margin-right: 25px;
  }
  .pt-sm-25 {
    padding-top: 25px;
  }
  .pb-sm-25 {
    padding-bottom: 25px;
  }
  .ps-sm-25 {
    padding-left: 25px;
  }
  .pe-sm-25 {
    padding-right: 25px;
  }
  .mt-sm-30 {
    margin-top: 30px;
  }
  .mb-sm-30 {
    margin-bottom: 30px;
  }
  .ms-sm-30 {
    margin-left: 30px;
  }
  .me-sm-30 {
    margin-right: 30px;
  }
  .pt-sm-30 {
    padding-top: 30px;
  }
  .pb-sm-30 {
    padding-bottom: 30px;
  }
  .ps-sm-30 {
    padding-left: 30px;
  }
  .pe-sm-30 {
    padding-right: 30px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mb-sm-40 {
    margin-bottom: 40px;
  }
  .ms-sm-40 {
    margin-left: 40px;
  }
  .me-sm-40 {
    margin-right: 40px;
  }
  .pt-sm-40 {
    padding-top: 40px;
  }
  .pb-sm-40 {
    padding-bottom: 40px;
  }
  .ps-sm-40 {
    padding-left: 40px;
  }
  .pe-sm-40 {
    padding-right: 40px;
  }
  .mt-sm-50 {
    margin-top: 50px;
  }
  .mb-sm-50 {
    margin-bottom: 50px;
  }
  .ms-sm-50 {
    margin-left: 50px;
  }
  .me-sm-50 {
    margin-right: 50px;
  }
  .pt-sm-50 {
    padding-top: 50px;
  }
  .pb-sm-50 {
    padding-bottom: 50px;
  }
  .ps-sm-50 {
    padding-left: 50px;
  }
  .pe-sm-50 {
    padding-right: 50px;
  }
  .mt-sm-60 {
    margin-top: 60px;
  }
  .mb-sm-60 {
    margin-bottom: 60px;
  }
  .ms-sm-60 {
    margin-left: 60px;
  }
  .me-sm-60 {
    margin-right: 60px;
  }
  .pt-sm-60 {
    padding-top: 60px;
  }
  .pb-sm-60 {
    padding-bottom: 60px;
  }
  .ps-sm-60 {
    padding-left: 60px;
  }
  .pe-sm-60 {
    padding-right: 60px;
  }
  .mt-sm-70 {
    margin-top: 70px;
  }
  .mb-sm-70 {
    margin-bottom: 70px;
  }
  .ms-sm-70 {
    margin-left: 70px;
  }
  .me-sm-70 {
    margin-right: 70px;
  }
  .pt-sm-70 {
    padding-top: 70px;
  }
  .pb-sm-70 {
    padding-bottom: 70px;
  }
  .ps-sm-70 {
    padding-left: 70px;
  }
  .pe-sm-70 {
    padding-right: 70px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mb-sm-80 {
    margin-bottom: 80px;
  }
  .ms-sm-80 {
    margin-left: 80px;
  }
  .me-sm-80 {
    margin-right: 80px;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .ps-sm-80 {
    padding-left: 80px;
  }
  .pe-sm-80 {
    padding-right: 80px;
  }
  .mt-sm-90 {
    margin-top: 90px;
  }
  .mb-sm-90 {
    margin-bottom: 90px;
  }
  .ms-sm-90 {
    margin-left: 90px;
  }
  .me-sm-90 {
    margin-right: 90px;
  }
  .pt-sm-90 {
    padding-top: 90px;
  }
  .pb-sm-90 {
    padding-bottom: 90px;
  }
  .ps-sm-90 {
    padding-left: 90px;
  }
  .pe-sm-90 {
    padding-right: 90px;
  }
  .mt-sm-100 {
    margin-top: 100px;
  }
  .mb-sm-100 {
    margin-bottom: 100px;
  }
  .ms-sm-100 {
    margin-left: 100px;
  }
  .me-sm-100 {
    margin-right: 100px;
  }
  .pt-sm-100 {
    padding-top: 100px;
  }
  .pb-sm-100 {
    padding-bottom: 100px;
  }
  .ps-sm-100 {
    padding-left: 100px;
  }
  .pe-sm-100 {
    padding-right: 100px;
  }
  .mt-sm-150 {
    margin-top: 150px;
  }
  .mb-sm-150 {
    margin-bottom: 150px;
  }
  .ms-sm-150 {
    margin-left: 150px;
  }
  .me-sm-150 {
    margin-right: 150px;
  }
  .pt-sm-150 {
    padding-top: 150px;
  }
  .pb-sm-150 {
    padding-bottom: 150px;
  }
  .ps-sm-150 {
    padding-left: 150px;
  }
  .pe-sm-150 {
    padding-right: 150px;
  }
}
@media (min-width: 768px) {
  .mt-md-10 {
    margin-top: 10px;
  }
  .mb-md-10 {
    margin-bottom: 10px;
  }
  .ms-md-10 {
    margin-left: 10px;
  }
  .me-md-10 {
    margin-right: 10px;
  }
  .pt-md-10 {
    padding-top: 10px;
  }
  .pb-md-10 {
    padding-bottom: 10px;
  }
  .ps-md-10 {
    padding-left: 10px;
  }
  .pe-md-10 {
    padding-right: 10px;
  }
  .mt-md-15 {
    margin-top: 15px;
  }
  .mb-md-15 {
    margin-bottom: 15px;
  }
  .ms-md-15 {
    margin-left: 15px;
  }
  .me-md-15 {
    margin-right: 15px;
  }
  .pt-md-15 {
    padding-top: 15px;
  }
  .pb-md-15 {
    padding-bottom: 15px;
  }
  .ps-md-15 {
    padding-left: 15px;
  }
  .pe-md-15 {
    padding-right: 15px;
  }
  .mt-md-20 {
    margin-top: 20px;
  }
  .mb-md-20 {
    margin-bottom: 20px;
  }
  .ms-md-20 {
    margin-left: 20px;
  }
  .me-md-20 {
    margin-right: 20px;
  }
  .pt-md-20 {
    padding-top: 20px;
  }
  .pb-md-20 {
    padding-bottom: 20px;
  }
  .ps-md-20 {
    padding-left: 20px;
  }
  .pe-md-20 {
    padding-right: 20px;
  }
  .mt-md-25 {
    margin-top: 25px;
  }
  .mb-md-25 {
    margin-bottom: 25px;
  }
  .ms-md-25 {
    margin-left: 25px;
  }
  .me-md-25 {
    margin-right: 25px;
  }
  .pt-md-25 {
    padding-top: 25px;
  }
  .pb-md-25 {
    padding-bottom: 25px;
  }
  .ps-md-25 {
    padding-left: 25px;
  }
  .pe-md-25 {
    padding-right: 25px;
  }
  .mt-md-30 {
    margin-top: 30px;
  }
  .mb-md-30 {
    margin-bottom: 30px;
  }
  .ms-md-30 {
    margin-left: 30px;
  }
  .me-md-30 {
    margin-right: 30px;
  }
  .pt-md-30 {
    padding-top: 30px;
  }
  .pb-md-30 {
    padding-bottom: 30px;
  }
  .ps-md-30 {
    padding-left: 30px;
  }
  .pe-md-30 {
    padding-right: 30px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mb-md-40 {
    margin-bottom: 40px;
  }
  .ms-md-40 {
    margin-left: 40px;
  }
  .me-md-40 {
    margin-right: 40px;
  }
  .pt-md-40 {
    padding-top: 40px;
  }
  .pb-md-40 {
    padding-bottom: 40px;
  }
  .ps-md-40 {
    padding-left: 40px;
  }
  .pe-md-40 {
    padding-right: 40px;
  }
  .mt-md-50 {
    margin-top: 50px;
  }
  .mb-md-50 {
    margin-bottom: 50px;
  }
  .ms-md-50 {
    margin-left: 50px;
  }
  .me-md-50 {
    margin-right: 50px;
  }
  .pt-md-50 {
    padding-top: 50px;
  }
  .pb-md-50 {
    padding-bottom: 50px;
  }
  .ps-md-50 {
    padding-left: 50px;
  }
  .pe-md-50 {
    padding-right: 50px;
  }
  .mt-md-60 {
    margin-top: 60px;
  }
  .mb-md-60 {
    margin-bottom: 60px;
  }
  .ms-md-60 {
    margin-left: 60px;
  }
  .me-md-60 {
    margin-right: 60px;
  }
  .pt-md-60 {
    padding-top: 60px;
  }
  .pb-md-60 {
    padding-bottom: 60px;
  }
  .ps-md-60 {
    padding-left: 60px;
  }
  .pe-md-60 {
    padding-right: 60px;
  }
  .mt-md-70 {
    margin-top: 70px;
  }
  .mb-md-70 {
    margin-bottom: 70px;
  }
  .ms-md-70 {
    margin-left: 70px;
  }
  .me-md-70 {
    margin-right: 70px;
  }
  .pt-md-70 {
    padding-top: 70px;
  }
  .pb-md-70 {
    padding-bottom: 70px;
  }
  .ps-md-70 {
    padding-left: 70px;
  }
  .pe-md-70 {
    padding-right: 70px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  .mb-md-80 {
    margin-bottom: 80px;
  }
  .ms-md-80 {
    margin-left: 80px;
  }
  .me-md-80 {
    margin-right: 80px;
  }
  .pt-md-80 {
    padding-top: 80px;
  }
  .pb-md-80 {
    padding-bottom: 80px;
  }
  .ps-md-80 {
    padding-left: 80px;
  }
  .pe-md-80 {
    padding-right: 80px;
  }
  .mt-md-90 {
    margin-top: 90px;
  }
  .mb-md-90 {
    margin-bottom: 90px;
  }
  .ms-md-90 {
    margin-left: 90px;
  }
  .me-md-90 {
    margin-right: 90px;
  }
  .pt-md-90 {
    padding-top: 90px;
  }
  .pb-md-90 {
    padding-bottom: 90px;
  }
  .ps-md-90 {
    padding-left: 90px;
  }
  .pe-md-90 {
    padding-right: 90px;
  }
  .mt-md-100 {
    margin-top: 100px;
  }
  .mb-md-100 {
    margin-bottom: 100px;
  }
  .ms-md-100 {
    margin-left: 100px;
  }
  .me-md-100 {
    margin-right: 100px;
  }
  .pt-md-100 {
    padding-top: 100px;
  }
  .pb-md-100 {
    padding-bottom: 100px;
  }
  .ps-md-100 {
    padding-left: 100px;
  }
  .pe-md-100 {
    padding-right: 100px;
  }
  .mt-md-150 {
    margin-top: 150px;
  }
  .mb-md-150 {
    margin-bottom: 150px;
  }
  .ms-md-150 {
    margin-left: 150px;
  }
  .me-md-150 {
    margin-right: 150px;
  }
  .pt-md-150 {
    padding-top: 150px;
  }
  .pb-md-150 {
    padding-bottom: 150px;
  }
  .ps-md-150 {
    padding-left: 150px;
  }
  .pe-md-150 {
    padding-right: 150px;
  }
}
@media (min-width: 992px) {
  .mt-lg-10 {
    margin-top: 10px;
  }
  .mb-lg-10 {
    margin-bottom: 10px;
  }
  .ms-lg-10 {
    margin-left: 10px;
  }
  .me-lg-10 {
    margin-right: 10px;
  }
  .pt-lg-10 {
    padding-top: 10px;
  }
  .pb-lg-10 {
    padding-bottom: 10px;
  }
  .ps-lg-10 {
    padding-left: 10px;
  }
  .pe-lg-10 {
    padding-right: 10px;
  }
  .mt-lg-15 {
    margin-top: 15px;
  }
  .mb-lg-15 {
    margin-bottom: 15px;
  }
  .ms-lg-15 {
    margin-left: 15px;
  }
  .me-lg-15 {
    margin-right: 15px;
  }
  .pt-lg-15 {
    padding-top: 15px;
  }
  .pb-lg-15 {
    padding-bottom: 15px;
  }
  .ps-lg-15 {
    padding-left: 15px;
  }
  .pe-lg-15 {
    padding-right: 15px;
  }
  .mt-lg-20 {
    margin-top: 20px;
  }
  .mb-lg-20 {
    margin-bottom: 20px;
  }
  .ms-lg-20 {
    margin-left: 20px;
  }
  .me-lg-20 {
    margin-right: 20px;
  }
  .pt-lg-20 {
    padding-top: 20px;
  }
  .pb-lg-20 {
    padding-bottom: 20px;
  }
  .ps-lg-20 {
    padding-left: 20px;
  }
  .pe-lg-20 {
    padding-right: 20px;
  }
  .mt-lg-25 {
    margin-top: 25px;
  }
  .mb-lg-25 {
    margin-bottom: 25px;
  }
  .ms-lg-25 {
    margin-left: 25px;
  }
  .me-lg-25 {
    margin-right: 25px;
  }
  .pt-lg-25 {
    padding-top: 25px;
  }
  .pb-lg-25 {
    padding-bottom: 25px;
  }
  .ps-lg-25 {
    padding-left: 25px;
  }
  .pe-lg-25 {
    padding-right: 25px;
  }
  .mt-lg-30 {
    margin-top: 30px;
  }
  .mb-lg-30 {
    margin-bottom: 30px;
  }
  .ms-lg-30 {
    margin-left: 30px;
  }
  .me-lg-30 {
    margin-right: 30px;
  }
  .pt-lg-30 {
    padding-top: 30px;
  }
  .pb-lg-30 {
    padding-bottom: 30px;
  }
  .ps-lg-30 {
    padding-left: 30px;
  }
  .pe-lg-30 {
    padding-right: 30px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .mb-lg-40 {
    margin-bottom: 40px;
  }
  .ms-lg-40 {
    margin-left: 40px;
  }
  .me-lg-40 {
    margin-right: 40px;
  }
  .pt-lg-40 {
    padding-top: 40px;
  }
  .pb-lg-40 {
    padding-bottom: 40px;
  }
  .ps-lg-40 {
    padding-left: 40px;
  }
  .pe-lg-40 {
    padding-right: 40px;
  }
  .mt-lg-50 {
    margin-top: 50px;
  }
  .mb-lg-50 {
    margin-bottom: 50px;
  }
  .ms-lg-50 {
    margin-left: 50px;
  }
  .me-lg-50 {
    margin-right: 50px;
  }
  .pt-lg-50 {
    padding-top: 50px;
  }
  .pb-lg-50 {
    padding-bottom: 50px;
  }
  .ps-lg-50 {
    padding-left: 50px;
  }
  .pe-lg-50 {
    padding-right: 50px;
  }
  .mt-lg-60 {
    margin-top: 60px;
  }
  .mb-lg-60 {
    margin-bottom: 60px;
  }
  .ms-lg-60 {
    margin-left: 60px;
  }
  .me-lg-60 {
    margin-right: 60px;
  }
  .pt-lg-60 {
    padding-top: 60px;
  }
  .pb-lg-60 {
    padding-bottom: 60px;
  }
  .ps-lg-60 {
    padding-left: 60px;
  }
  .pe-lg-60 {
    padding-right: 60px;
  }
  .mt-lg-70 {
    margin-top: 70px;
  }
  .mb-lg-70 {
    margin-bottom: 70px;
  }
  .ms-lg-70 {
    margin-left: 70px;
  }
  .me-lg-70 {
    margin-right: 70px;
  }
  .pt-lg-70 {
    padding-top: 70px;
  }
  .pb-lg-70 {
    padding-bottom: 70px;
  }
  .ps-lg-70 {
    padding-left: 70px;
  }
  .pe-lg-70 {
    padding-right: 70px;
  }
  .mt-lg-80 {
    margin-top: 80px;
  }
  .mb-lg-80 {
    margin-bottom: 80px;
  }
  .ms-lg-80 {
    margin-left: 80px;
  }
  .me-lg-80 {
    margin-right: 80px;
  }
  .pt-lg-80 {
    padding-top: 80px;
  }
  .pb-lg-80 {
    padding-bottom: 80px;
  }
  .ps-lg-80 {
    padding-left: 80px;
  }
  .pe-lg-80 {
    padding-right: 80px;
  }
  .mt-lg-90 {
    margin-top: 90px;
  }
  .mb-lg-90 {
    margin-bottom: 90px;
  }
  .ms-lg-90 {
    margin-left: 90px;
  }
  .me-lg-90 {
    margin-right: 90px;
  }
  .pt-lg-90 {
    padding-top: 90px;
  }
  .pb-lg-90 {
    padding-bottom: 90px;
  }
  .ps-lg-90 {
    padding-left: 90px;
  }
  .pe-lg-90 {
    padding-right: 90px;
  }
  .mt-lg-100 {
    margin-top: 100px;
  }
  .mb-lg-100 {
    margin-bottom: 100px;
  }
  .ms-lg-100 {
    margin-left: 100px;
  }
  .me-lg-100 {
    margin-right: 100px;
  }
  .pt-lg-100 {
    padding-top: 100px;
  }
  .pb-lg-100 {
    padding-bottom: 100px;
  }
  .ps-lg-100 {
    padding-left: 100px;
  }
  .pe-lg-100 {
    padding-right: 100px;
  }
  .mt-lg-150 {
    margin-top: 150px;
  }
  .mb-lg-150 {
    margin-bottom: 150px;
  }
  .ms-lg-150 {
    margin-left: 150px;
  }
  .me-lg-150 {
    margin-right: 150px;
  }
  .pt-lg-150 {
    padding-top: 150px;
  }
  .pb-lg-150 {
    padding-bottom: 150px;
  }
  .ps-lg-150 {
    padding-left: 150px;
  }
  .pe-lg-150 {
    padding-right: 150px;
  }
}
@media (min-width: 1200px) {
  .mt-xl-10 {
    margin-top: 10px;
  }
  .mb-xl-10 {
    margin-bottom: 10px;
  }
  .ms-xl-10 {
    margin-left: 10px;
  }
  .me-xl-10 {
    margin-right: 10px;
  }
  .pt-xl-10 {
    padding-top: 10px;
  }
  .pb-xl-10 {
    padding-bottom: 10px;
  }
  .ps-xl-10 {
    padding-left: 10px;
  }
  .pe-xl-10 {
    padding-right: 10px;
  }
  .mt-xl-15 {
    margin-top: 15px;
  }
  .mb-xl-15 {
    margin-bottom: 15px;
  }
  .ms-xl-15 {
    margin-left: 15px;
  }
  .me-xl-15 {
    margin-right: 15px;
  }
  .pt-xl-15 {
    padding-top: 15px;
  }
  .pb-xl-15 {
    padding-bottom: 15px;
  }
  .ps-xl-15 {
    padding-left: 15px;
  }
  .pe-xl-15 {
    padding-right: 15px;
  }
  .mt-xl-20 {
    margin-top: 20px;
  }
  .mb-xl-20 {
    margin-bottom: 20px;
  }
  .ms-xl-20 {
    margin-left: 20px;
  }
  .me-xl-20 {
    margin-right: 20px;
  }
  .pt-xl-20 {
    padding-top: 20px;
  }
  .pb-xl-20 {
    padding-bottom: 20px;
  }
  .ps-xl-20 {
    padding-left: 20px;
  }
  .pe-xl-20 {
    padding-right: 20px;
  }
  .mt-xl-25 {
    margin-top: 25px;
  }
  .mb-xl-25 {
    margin-bottom: 25px;
  }
  .ms-xl-25 {
    margin-left: 25px;
  }
  .me-xl-25 {
    margin-right: 25px;
  }
  .pt-xl-25 {
    padding-top: 25px;
  }
  .pb-xl-25 {
    padding-bottom: 25px;
  }
  .ps-xl-25 {
    padding-left: 25px;
  }
  .pe-xl-25 {
    padding-right: 25px;
  }
  .mt-xl-30 {
    margin-top: 30px;
  }
  .mb-xl-30 {
    margin-bottom: 30px;
  }
  .ms-xl-30 {
    margin-left: 30px;
  }
  .me-xl-30 {
    margin-right: 30px;
  }
  .pt-xl-30 {
    padding-top: 30px;
  }
  .pb-xl-30 {
    padding-bottom: 30px;
  }
  .ps-xl-30 {
    padding-left: 30px;
  }
  .pe-xl-30 {
    padding-right: 30px;
  }
  .mt-xl-40 {
    margin-top: 40px;
  }
  .mb-xl-40 {
    margin-bottom: 40px;
  }
  .ms-xl-40 {
    margin-left: 40px;
  }
  .me-xl-40 {
    margin-right: 40px;
  }
  .pt-xl-40 {
    padding-top: 40px;
  }
  .pb-xl-40 {
    padding-bottom: 40px;
  }
  .ps-xl-40 {
    padding-left: 40px;
  }
  .pe-xl-40 {
    padding-right: 40px;
  }
  .mt-xl-50 {
    margin-top: 50px;
  }
  .mb-xl-50 {
    margin-bottom: 50px;
  }
  .ms-xl-50 {
    margin-left: 50px;
  }
  .me-xl-50 {
    margin-right: 50px;
  }
  .pt-xl-50 {
    padding-top: 50px;
  }
  .pb-xl-50 {
    padding-bottom: 50px;
  }
  .ps-xl-50 {
    padding-left: 50px;
  }
  .pe-xl-50 {
    padding-right: 50px;
  }
  .mt-xl-60 {
    margin-top: 60px;
  }
  .mb-xl-60 {
    margin-bottom: 60px;
  }
  .ms-xl-60 {
    margin-left: 60px;
  }
  .me-xl-60 {
    margin-right: 60px;
  }
  .pt-xl-60 {
    padding-top: 60px;
  }
  .pb-xl-60 {
    padding-bottom: 60px;
  }
  .ps-xl-60 {
    padding-left: 60px;
  }
  .pe-xl-60 {
    padding-right: 60px;
  }
  .mt-xl-70 {
    margin-top: 70px;
  }
  .mb-xl-70 {
    margin-bottom: 70px;
  }
  .ms-xl-70 {
    margin-left: 70px;
  }
  .me-xl-70 {
    margin-right: 70px;
  }
  .pt-xl-70 {
    padding-top: 70px;
  }
  .pb-xl-70 {
    padding-bottom: 70px;
  }
  .ps-xl-70 {
    padding-left: 70px;
  }
  .pe-xl-70 {
    padding-right: 70px;
  }
  .mt-xl-80 {
    margin-top: 80px;
  }
  .mb-xl-80 {
    margin-bottom: 80px;
  }
  .ms-xl-80 {
    margin-left: 80px;
  }
  .me-xl-80 {
    margin-right: 80px;
  }
  .pt-xl-80 {
    padding-top: 80px;
  }
  .pb-xl-80 {
    padding-bottom: 80px;
  }
  .ps-xl-80 {
    padding-left: 80px;
  }
  .pe-xl-80 {
    padding-right: 80px;
  }
  .mt-xl-90 {
    margin-top: 90px;
  }
  .mb-xl-90 {
    margin-bottom: 90px;
  }
  .ms-xl-90 {
    margin-left: 90px;
  }
  .me-xl-90 {
    margin-right: 90px;
  }
  .pt-xl-90 {
    padding-top: 90px;
  }
  .pb-xl-90 {
    padding-bottom: 90px;
  }
  .ps-xl-90 {
    padding-left: 90px;
  }
  .pe-xl-90 {
    padding-right: 90px;
  }
  .mt-xl-100 {
    margin-top: 100px;
  }
  .mb-xl-100 {
    margin-bottom: 100px;
  }
  .ms-xl-100 {
    margin-left: 100px;
  }
  .me-xl-100 {
    margin-right: 100px;
  }
  .pt-xl-100 {
    padding-top: 100px;
  }
  .pb-xl-100 {
    padding-bottom: 100px;
  }
  .ps-xl-100 {
    padding-left: 100px;
  }
  .pe-xl-100 {
    padding-right: 100px;
  }
  .mt-xl-150 {
    margin-top: 150px;
  }
  .mb-xl-150 {
    margin-bottom: 150px;
  }
  .ms-xl-150 {
    margin-left: 150px;
  }
  .me-xl-150 {
    margin-right: 150px;
  }
  .pt-xl-150 {
    padding-top: 150px;
  }
  .pb-xl-150 {
    padding-bottom: 150px;
  }
  .ps-xl-150 {
    padding-left: 150px;
  }
  .pe-xl-150 {
    padding-right: 150px;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-10 {
    margin-top: 10px;
  }
  .mb-xxl-10 {
    margin-bottom: 10px;
  }
  .ms-xxl-10 {
    margin-left: 10px;
  }
  .me-xxl-10 {
    margin-right: 10px;
  }
  .pt-xxl-10 {
    padding-top: 10px;
  }
  .pb-xxl-10 {
    padding-bottom: 10px;
  }
  .ps-xxl-10 {
    padding-left: 10px;
  }
  .pe-xxl-10 {
    padding-right: 10px;
  }
  .mt-xxl-15 {
    margin-top: 15px;
  }
  .mb-xxl-15 {
    margin-bottom: 15px;
  }
  .ms-xxl-15 {
    margin-left: 15px;
  }
  .me-xxl-15 {
    margin-right: 15px;
  }
  .pt-xxl-15 {
    padding-top: 15px;
  }
  .pb-xxl-15 {
    padding-bottom: 15px;
  }
  .ps-xxl-15 {
    padding-left: 15px;
  }
  .pe-xxl-15 {
    padding-right: 15px;
  }
  .mt-xxl-20 {
    margin-top: 20px;
  }
  .mb-xxl-20 {
    margin-bottom: 20px;
  }
  .ms-xxl-20 {
    margin-left: 20px;
  }
  .me-xxl-20 {
    margin-right: 20px;
  }
  .pt-xxl-20 {
    padding-top: 20px;
  }
  .pb-xxl-20 {
    padding-bottom: 20px;
  }
  .ps-xxl-20 {
    padding-left: 20px;
  }
  .pe-xxl-20 {
    padding-right: 20px;
  }
  .mt-xxl-25 {
    margin-top: 25px;
  }
  .mb-xxl-25 {
    margin-bottom: 25px;
  }
  .ms-xxl-25 {
    margin-left: 25px;
  }
  .me-xxl-25 {
    margin-right: 25px;
  }
  .pt-xxl-25 {
    padding-top: 25px;
  }
  .pb-xxl-25 {
    padding-bottom: 25px;
  }
  .ps-xxl-25 {
    padding-left: 25px;
  }
  .pe-xxl-25 {
    padding-right: 25px;
  }
  .mt-xxl-30 {
    margin-top: 30px;
  }
  .mb-xxl-30 {
    margin-bottom: 30px;
  }
  .ms-xxl-30 {
    margin-left: 30px;
  }
  .me-xxl-30 {
    margin-right: 30px;
  }
  .pt-xxl-30 {
    padding-top: 30px;
  }
  .pb-xxl-30 {
    padding-bottom: 30px;
  }
  .ps-xxl-30 {
    padding-left: 30px;
  }
  .pe-xxl-30 {
    padding-right: 30px;
  }
  .mt-xxl-40 {
    margin-top: 40px;
  }
  .mb-xxl-40 {
    margin-bottom: 40px;
  }
  .ms-xxl-40 {
    margin-left: 40px;
  }
  .me-xxl-40 {
    margin-right: 40px;
  }
  .pt-xxl-40 {
    padding-top: 40px;
  }
  .pb-xxl-40 {
    padding-bottom: 40px;
  }
  .ps-xxl-40 {
    padding-left: 40px;
  }
  .pe-xxl-40 {
    padding-right: 40px;
  }
  .mt-xxl-50 {
    margin-top: 50px;
  }
  .mb-xxl-50 {
    margin-bottom: 50px;
  }
  .ms-xxl-50 {
    margin-left: 50px;
  }
  .me-xxl-50 {
    margin-right: 50px;
  }
  .pt-xxl-50 {
    padding-top: 50px;
  }
  .pb-xxl-50 {
    padding-bottom: 50px;
  }
  .ps-xxl-50 {
    padding-left: 50px;
  }
  .pe-xxl-50 {
    padding-right: 50px;
  }
  .mt-xxl-60 {
    margin-top: 60px;
  }
  .mb-xxl-60 {
    margin-bottom: 60px;
  }
  .ms-xxl-60 {
    margin-left: 60px;
  }
  .me-xxl-60 {
    margin-right: 60px;
  }
  .pt-xxl-60 {
    padding-top: 60px;
  }
  .pb-xxl-60 {
    padding-bottom: 60px;
  }
  .ps-xxl-60 {
    padding-left: 60px;
  }
  .pe-xxl-60 {
    padding-right: 60px;
  }
  .mt-xxl-70 {
    margin-top: 70px;
  }
  .mb-xxl-70 {
    margin-bottom: 70px;
  }
  .ms-xxl-70 {
    margin-left: 70px;
  }
  .me-xxl-70 {
    margin-right: 70px;
  }
  .pt-xxl-70 {
    padding-top: 70px;
  }
  .pb-xxl-70 {
    padding-bottom: 70px;
  }
  .ps-xxl-70 {
    padding-left: 70px;
  }
  .pe-xxl-70 {
    padding-right: 70px;
  }
  .mt-xxl-80 {
    margin-top: 80px;
  }
  .mb-xxl-80 {
    margin-bottom: 80px;
  }
  .ms-xxl-80 {
    margin-left: 80px;
  }
  .me-xxl-80 {
    margin-right: 80px;
  }
  .pt-xxl-80 {
    padding-top: 80px;
  }
  .pb-xxl-80 {
    padding-bottom: 80px;
  }
  .ps-xxl-80 {
    padding-left: 80px;
  }
  .pe-xxl-80 {
    padding-right: 80px;
  }
  .mt-xxl-90 {
    margin-top: 90px;
  }
  .mb-xxl-90 {
    margin-bottom: 90px;
  }
  .ms-xxl-90 {
    margin-left: 90px;
  }
  .me-xxl-90 {
    margin-right: 90px;
  }
  .pt-xxl-90 {
    padding-top: 90px;
  }
  .pb-xxl-90 {
    padding-bottom: 90px;
  }
  .ps-xxl-90 {
    padding-left: 90px;
  }
  .pe-xxl-90 {
    padding-right: 90px;
  }
  .mt-xxl-100 {
    margin-top: 100px;
  }
  .mb-xxl-100 {
    margin-bottom: 100px;
  }
  .ms-xxl-100 {
    margin-left: 100px;
  }
  .me-xxl-100 {
    margin-right: 100px;
  }
  .pt-xxl-100 {
    padding-top: 100px;
  }
  .pb-xxl-100 {
    padding-bottom: 100px;
  }
  .ps-xxl-100 {
    padding-left: 100px;
  }
  .pe-xxl-100 {
    padding-right: 100px;
  }
  .mt-xxl-150 {
    margin-top: 150px;
  }
  .mb-xxl-150 {
    margin-bottom: 150px;
  }
  .ms-xxl-150 {
    margin-left: 150px;
  }
  .me-xxl-150 {
    margin-right: 150px;
  }
  .pt-xxl-150 {
    padding-top: 150px;
  }
  .pb-xxl-150 {
    padding-bottom: 150px;
  }
  .ps-xxl-150 {
    padding-left: 150px;
  }
  .pe-xxl-150 {
    padding-right: 150px;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-10 {
    margin-top: 10px;
  }
  .mb-xxxl-10 {
    margin-bottom: 10px;
  }
  .ms-xxxl-10 {
    margin-left: 10px;
  }
  .me-xxxl-10 {
    margin-right: 10px;
  }
  .pt-xxxl-10 {
    padding-top: 10px;
  }
  .pb-xxxl-10 {
    padding-bottom: 10px;
  }
  .ps-xxxl-10 {
    padding-left: 10px;
  }
  .pe-xxxl-10 {
    padding-right: 10px;
  }
  .mt-xxxl-15 {
    margin-top: 15px;
  }
  .mb-xxxl-15 {
    margin-bottom: 15px;
  }
  .ms-xxxl-15 {
    margin-left: 15px;
  }
  .me-xxxl-15 {
    margin-right: 15px;
  }
  .pt-xxxl-15 {
    padding-top: 15px;
  }
  .pb-xxxl-15 {
    padding-bottom: 15px;
  }
  .ps-xxxl-15 {
    padding-left: 15px;
  }
  .pe-xxxl-15 {
    padding-right: 15px;
  }
  .mt-xxxl-20 {
    margin-top: 20px;
  }
  .mb-xxxl-20 {
    margin-bottom: 20px;
  }
  .ms-xxxl-20 {
    margin-left: 20px;
  }
  .me-xxxl-20 {
    margin-right: 20px;
  }
  .pt-xxxl-20 {
    padding-top: 20px;
  }
  .pb-xxxl-20 {
    padding-bottom: 20px;
  }
  .ps-xxxl-20 {
    padding-left: 20px;
  }
  .pe-xxxl-20 {
    padding-right: 20px;
  }
  .mt-xxxl-25 {
    margin-top: 25px;
  }
  .mb-xxxl-25 {
    margin-bottom: 25px;
  }
  .ms-xxxl-25 {
    margin-left: 25px;
  }
  .me-xxxl-25 {
    margin-right: 25px;
  }
  .pt-xxxl-25 {
    padding-top: 25px;
  }
  .pb-xxxl-25 {
    padding-bottom: 25px;
  }
  .ps-xxxl-25 {
    padding-left: 25px;
  }
  .pe-xxxl-25 {
    padding-right: 25px;
  }
  .mt-xxxl-30 {
    margin-top: 30px;
  }
  .mb-xxxl-30 {
    margin-bottom: 30px;
  }
  .ms-xxxl-30 {
    margin-left: 30px;
  }
  .me-xxxl-30 {
    margin-right: 30px;
  }
  .pt-xxxl-30 {
    padding-top: 30px;
  }
  .pb-xxxl-30 {
    padding-bottom: 30px;
  }
  .ps-xxxl-30 {
    padding-left: 30px;
  }
  .pe-xxxl-30 {
    padding-right: 30px;
  }
  .mt-xxxl-40 {
    margin-top: 40px;
  }
  .mb-xxxl-40 {
    margin-bottom: 40px;
  }
  .ms-xxxl-40 {
    margin-left: 40px;
  }
  .me-xxxl-40 {
    margin-right: 40px;
  }
  .pt-xxxl-40 {
    padding-top: 40px;
  }
  .pb-xxxl-40 {
    padding-bottom: 40px;
  }
  .ps-xxxl-40 {
    padding-left: 40px;
  }
  .pe-xxxl-40 {
    padding-right: 40px;
  }
  .mt-xxxl-50 {
    margin-top: 50px;
  }
  .mb-xxxl-50 {
    margin-bottom: 50px;
  }
  .ms-xxxl-50 {
    margin-left: 50px;
  }
  .me-xxxl-50 {
    margin-right: 50px;
  }
  .pt-xxxl-50 {
    padding-top: 50px;
  }
  .pb-xxxl-50 {
    padding-bottom: 50px;
  }
  .ps-xxxl-50 {
    padding-left: 50px;
  }
  .pe-xxxl-50 {
    padding-right: 50px;
  }
  .mt-xxxl-60 {
    margin-top: 60px;
  }
  .mb-xxxl-60 {
    margin-bottom: 60px;
  }
  .ms-xxxl-60 {
    margin-left: 60px;
  }
  .me-xxxl-60 {
    margin-right: 60px;
  }
  .pt-xxxl-60 {
    padding-top: 60px;
  }
  .pb-xxxl-60 {
    padding-bottom: 60px;
  }
  .ps-xxxl-60 {
    padding-left: 60px;
  }
  .pe-xxxl-60 {
    padding-right: 60px;
  }
  .mt-xxxl-70 {
    margin-top: 70px;
  }
  .mb-xxxl-70 {
    margin-bottom: 70px;
  }
  .ms-xxxl-70 {
    margin-left: 70px;
  }
  .me-xxxl-70 {
    margin-right: 70px;
  }
  .pt-xxxl-70 {
    padding-top: 70px;
  }
  .pb-xxxl-70 {
    padding-bottom: 70px;
  }
  .ps-xxxl-70 {
    padding-left: 70px;
  }
  .pe-xxxl-70 {
    padding-right: 70px;
  }
  .mt-xxxl-80 {
    margin-top: 80px;
  }
  .mb-xxxl-80 {
    margin-bottom: 80px;
  }
  .ms-xxxl-80 {
    margin-left: 80px;
  }
  .me-xxxl-80 {
    margin-right: 80px;
  }
  .pt-xxxl-80 {
    padding-top: 80px;
  }
  .pb-xxxl-80 {
    padding-bottom: 80px;
  }
  .ps-xxxl-80 {
    padding-left: 80px;
  }
  .pe-xxxl-80 {
    padding-right: 80px;
  }
  .mt-xxxl-90 {
    margin-top: 90px;
  }
  .mb-xxxl-90 {
    margin-bottom: 90px;
  }
  .ms-xxxl-90 {
    margin-left: 90px;
  }
  .me-xxxl-90 {
    margin-right: 90px;
  }
  .pt-xxxl-90 {
    padding-top: 90px;
  }
  .pb-xxxl-90 {
    padding-bottom: 90px;
  }
  .ps-xxxl-90 {
    padding-left: 90px;
  }
  .pe-xxxl-90 {
    padding-right: 90px;
  }
  .mt-xxxl-100 {
    margin-top: 100px;
  }
  .mb-xxxl-100 {
    margin-bottom: 100px;
  }
  .ms-xxxl-100 {
    margin-left: 100px;
  }
  .me-xxxl-100 {
    margin-right: 100px;
  }
  .pt-xxxl-100 {
    padding-top: 100px;
  }
  .pb-xxxl-100 {
    padding-bottom: 100px;
  }
  .ps-xxxl-100 {
    padding-left: 100px;
  }
  .pe-xxxl-100 {
    padding-right: 100px;
  }
  .mt-xxxl-150 {
    margin-top: 150px;
  }
  .mb-xxxl-150 {
    margin-bottom: 150px;
  }
  .ms-xxxl-150 {
    margin-left: 150px;
  }
  .me-xxxl-150 {
    margin-right: 150px;
  }
  .pt-xxxl-150 {
    padding-top: 150px;
  }
  .pb-xxxl-150 {
    padding-bottom: 150px;
  }
  .ps-xxxl-150 {
    padding-left: 150px;
  }
  .pe-xxxl-150 {
    padding-right: 150px;
  }
}
.lh-0 {
  line-height: 0;
}

.font-akrobat {
  font-family: "akrobat";
}

.font-gotham {
  font-family: "gotham";
}

.font-roboto {
  font-family: "Roboto", sans-serif;
}

.text-gradient-primary {
  background: linear-gradient(90deg, rgb(62, 60, 148) 0%, rgb(36, 50, 91) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.text-italic {
  font-style: italic;
}

.aspect-1 {
  aspect-ratio: 1;
}

.vertical-divider {
  height: 100%;
  width: 2px;
  border-radius: 2px;
}

.box-shadow {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

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

.w-max-content {
  width: -moz-max-content;
  width: max-content;
}

.text-underline {
  text-decoration: underline;
}

.cursor-pointer {
  cursor: pointer;
}

html,
body {
  font-size: 18px;
  font-family: "bio";
  background-color: #ebf1fa;
  font-weight: 400;
  color: black;
}

a {
  transition: 0.4s;
}

@media (max-width: 991px) {
  html,
  body {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  html,
  body {
    font-size: 14px;
  }
}
header {
  background-color: #ebf1fa;
  z-index: 999;
  width: 100%;
  left: 0;
  position: fixed;
  transition: 0.4s;
  top: 78px;
}
header.scrolled {
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media (max-width: 767px) {
  header {
    top: 39px;
  }
}
@media (max-width: 420px) {
  header {
    top: 48px;
  }
}
header .container {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .logo {
  max-width: 260px;
  width: 100%;
  display: block;
}
header .logo img {
  max-height: 50px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header .navbar .nav {
  list-style: none;
  display: flex;
  gap: 18px;
}
header .navbar .nav li.dropdown-wrap-level-2 {
  position: relative;
}
header .navbar .nav li.dropdown-wrap-level-2:hover > .dropdown-content {
  display: block;
}
header .navbar .nav li.dropdown-wrap-level-2 > .dropdown-content {
  background-color: white;
  z-index: 2;
  position: absolute;
  left: 100%;
  top: 0;
  list-style: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: none;
  width: 260px;
  padding: 10px;
}
header .navbar .nav li.dropdown-wrap-level-2 > .dropdown-content > li > .nav-link {
  font-weight: 300;
  font-size: 18px;
  display: block;
  padding: 14px 10px;
  transition: 0.4s;
  display: flex;
  align-items: center;
}
header .navbar .nav li.dropdown-wrap-level-2 > .dropdown-content > li > .nav-link:hover {
  background-color: #ebf1fa;
}
header .navbar .nav li.dropdown-wrap {
  position: relative;
}
header .navbar .nav li.dropdown-wrap:hover > .dropdown-content {
  display: block;
}
header .navbar .nav li.dropdown-wrap > .dropdown-content {
  background-color: white;
  z-index: 2;
  position: absolute;
  list-style: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: none;
  width: 260px;
  padding: 10px;
}
header .navbar .nav li.dropdown-wrap > .dropdown-content > li > .nav-link {
  font-weight: 300;
  font-size: 18px;
  display: block;
  padding: 14px 10px;
  transition: 0.4s;
  display: flex;
  align-items: center;
}
header .navbar .nav li.dropdown-wrap > .dropdown-content > li > .nav-link > i {
  margin-left: auto;
}
header .navbar .nav li.dropdown-wrap > .dropdown-content > li > .nav-link:hover {
  background-color: #ebf1fa;
}
header .navbar .nav > li > .nav-link {
  font-weight: 300;
  font-size: 18px;
  display: block;
  padding: 10px;
}
header .header-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1399px) {
  header .logo {
    max-width: unset;
    width: auto;
    display: block;
  }
  header .logo img {
    max-height: 40px;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  header .navbar .nav {
    gap: 10px;
  }
  header .navbar .nav > li > .nav-link {
    font-size: 14px;
    padding: 10px;
  }
  header .header-toolbar {
    display: flex;
    justify-content: space-between;
  }
  header .header-toolbar .btn {
    padding: 0 10px;
    min-width: auto;
  }
  header .header-toolbar .btn i {
    font-size: 26px;
    margin: auto;
  }
}
@media (max-width: 1199px) {
  header .logo {
    max-width: unset;
    width: auto;
    display: block;
  }
  header .logo img {
    max-height: 40px;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  header .navbar .nav {
    gap: 10px;
  }
  header .navbar .nav > li > .nav-link {
    font-size: 14px;
    padding: 10px;
  }
  header .header-toolbar {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 575px) {
  header .logo img {
    max-height: 30px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 991px) {
  header {
    background-color: #ebf1fa;
  }
  header .container {
    height: 60px;
  }
  header .navbar-closer-btn {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: 10px;
    font-size: 40px;
  }
  header .navbar {
    transform: translateX(-100%);
    transition: 0.4s;
    position: fixed;
    left: 0;
    height: 100%;
    top: 0;
    background: white;
    z-index: 999;
    width: 100%;
    padding: 20px;
  }
  header .navbar.active {
    transform: translateX(0);
  }
}
@media (max-width: 991px) and (max-width: 575px) {
  header .navbar {
    width: 100%;
  }
}
@media (max-width: 991px) {
  header .navbar > .logo {
    margin-top: 60px;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: solid 1px #ececec;
  }
  header .navbar > .logo img {
    max-height: 120px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 991px) {
  header .navbar .nav {
    display: block;
    gap: unset;
    height: calc(100% - 180px);
    overflow-y: auto;
  }
  header .navbar .nav li {
    margin: 0;
    padding: 8px 0;
    border-bottom: solid 1px #ececec;
  }
  header .navbar .nav li.dropdown-wrap-level-2 {
    position: relative;
  }
  header .navbar .nav li.dropdown-wrap-level-2:hover > .dropdown-content {
    display: block;
  }
  header .navbar .nav li.dropdown-wrap-level-2 > .dropdown-content {
    background-color: white;
    z-index: 2;
    position: unset;
    box-shadow: unset;
    display: none;
    width: 100%;
    padding: 10px;
    padding-left: 20px;
  }
  header .navbar .nav li.dropdown-wrap-level-2 > .dropdown-content > li > .nav-link {
    font-weight: 300;
    font-size: 18px;
    display: block;
    padding: 14px 10px;
    transition: 0.4s;
    display: flex;
    align-items: center;
  }
  header .navbar .nav li.dropdown-wrap-level-2 > .dropdown-content > li > .nav-link:hover {
    background-color: #ebf1fa;
  }
  header .navbar .nav li.dropdown-wrap {
    position: relative;
  }
  header .navbar .nav li.dropdown-wrap:hover > .dropdown-content {
    display: block;
  }
  header .navbar .nav li.dropdown-wrap > .dropdown-content {
    box-shadow: unset;
    display: none;
    position: unset;
    width: 100%;
  }
  header .navbar .nav li.dropdown-wrap > .dropdown-content > li > .nav-link {
    font-weight: 300;
    font-size: 18px;
    display: block;
    padding: 14px 10px;
    transition: 0.4s;
    display: flex;
    align-items: center;
  }
  header .navbar .nav li.dropdown-wrap > .dropdown-content > li > .nav-link > i {
    margin-left: auto;
  }
  header .navbar .nav li.dropdown-wrap > .dropdown-content > li > .nav-link:hover {
    background-color: #ebf1fa;
  }
  header .navbar .nav > li > .nav-link {
    font-weight: 300;
    font-size: 18px;
    display: block;
    padding: 10px;
  }
}
[topbar-header] {
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999;
}

body {
  margin-top: 181px;
}

@media (max-width: 991px) {
  body {
    margin-top: 136px;
  }
}
@media (max-width: 767px) {
  body {
    margin-top: 100px;
  }
}
footer {
  background-color: white;
  padding-top: 70px;
}
footer .footer-end {
  background-color: #3b3a90;
  height: 16px;
}
footer .footer-logo img {
  max-height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .price-icons-image {
  max-height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991px) {
  footer .footer-logo {
    width: 100%;
    order: 0;
    max-width: 500px;
    margin: 0 auto;
  }
  footer .footer-logo img {
    max-height: unset;
    -o-object-fit: unset;
       object-fit: unset;
    width: 100%;
  }
  footer .price-icons-image {
    order: 1;
    max-height: unset;
    width: 100%;
    -o-object-fit: unset;
       object-fit: unset;
    max-width: 500px;
    margin: 0 auto;
  }
  footer .text-flat-footer {
    width: 100%;
    text-align: start;
    order: 2;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  min-width: 174px;
  padding: 0 18px;
  border-radius: 8px;
  font-size: 19px;
  font-weight: 600;
  transition: 0.4s;
  color: white;
}
.btn.mw-auto {
  min-width: auto;
}
.btn.mh-50 {
  min-height: 50px;
}
.btn.dark-gradient {
  background: linear-gradient(90deg, rgb(62, 60, 148) 0%, rgb(36, 50, 91) 100%);
}
.btn.success-gradient {
  background: linear-gradient(90deg, rgb(81, 206, 120) 0%, rgb(47, 206, 96) 100%);
}
.btn.red-gradient {
  background: linear-gradient(90deg, rgb(206, 81, 81) 0%, rgb(206, 47, 47) 100%);
}
.btn.l-icon i {
  font-size: 28px;
  margin-right: 10px;
  margin-left: -25px;
}
.btn.btn-shadow {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.btn.btn-sm {
  min-height: 45px;
  font-size: 13px;
}
.btn.btn-xl {
  min-width: 265px;
}
.btn:hover {
  opacity: 0.7;
  color: white;
}
.btn:active {
  color: white !important;
}

.btn-long-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  min-width: 210px;
  padding: 0 32px;
  border-radius: 8px;
  font-size: 19px;
  font-weight: 600;
  transition: 0.4s;
  color: white;
}
.btn-long-img:hover {
  opacity: 0.8;
  color: white;
}
.btn-long-img.dark-gradient {
  background: linear-gradient(90deg, rgb(62, 60, 148) 0%, rgb(36, 50, 91) 100%);
}
.btn-long-img.btn-shadow {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.btn-long-img img {
  max-height: 20px;
  height: 100%;
  margin-right: 16px;
  margin-left: -14px;
}

@media (max-width: 991px) {
  .btn {
    min-width: 150px;
    padding: 0 14px;
    font-size: 16px;
    min-height: 40px;
  }
  .btn.l-icon i {
    font-size: 28px;
    margin-right: 10px;
    margin-left: -25px;
  }
  .btn.btn-xl {
    min-width: 200px;
  }
  .btn:hover {
    opacity: 0.7;
  }
  .btn-long-img {
    min-height: 50px;
    min-width: 180px;
    padding: 0 32px;
    font-size: 16px;
  }
  .btn-long-img img {
    max-height: 16px;
    height: 100%;
    margin-right: 16px;
    margin-left: -10px;
  }
}
@media (max-width: 767px) {
  .btn.btn-fatura {
    min-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 13px;
    min-width: auto;
  }
  .btn.btn-fatura i {
    margin: auto;
    font-size: 16px;
  }
}
.card {
  background-color: white;
  border-radius: 16px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 30px;
}

.rounded-icon-box {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  font-size: 30px;
  color: #000690;
  position: relative;
}
.rounded-icon-box.dark-gradient {
  color: white;
  background: linear-gradient(90deg, rgb(62, 60, 148) 0%, rgb(36, 50, 91) 100%);
}
.rounded-icon-box.medium {
  width: 60px;
  height: 60px;
  font-size: 40px;
}
.rounded-icon-box.large {
  width: 80px;
  height: 80px;
  font-size: 50px;
}
.rounded-icon-box .badge {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  font-size: 16px;
  position: absolute;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -4px;
  right: -10px;
  background: linear-gradient(90deg, rgb(62, 60, 148) 0%, rgb(36, 50, 91) 100%);
  color: white;
}

@media (max-width: 991px) {
  .rounded-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    font-size: 24px;
  }
  .rounded-icon-box.medium {
    width: 60px;
    height: 60px;
    font-size: 40px;
  }
  .rounded-icon-box.large {
    width: 80px;
    height: 80px;
    font-size: 50px;
  }
  .rounded-icon-box .badge {
    width: 18px;
    height: 18px;
    border-radius: 18px;
    font-size: 14px;
  }
}
.index-hero {
  height: 630px;
  position: relative;
}
.index-hero .swiper {
  height: 100%;
}
.index-hero .swiper .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media (max-width: 991px) {
  .index-hero {
    height: 380px;
  }
}
.index-hero .hero-swiper-pagination {
  position: relative;
  margin-top: -20px;
}
.index-hero .hero-swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
}
.index-hero .hero-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(90deg, rgb(62, 60, 148) 0%, rgb(36, 50, 91) 100%);
}
.index-hero .hero-slider-arrows {
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  z-index: 3;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  transition: 0.4s;
}
.index-hero .hero-slider-arrows:hover {
  opacity: 0.7;
}
.index-hero .hero-slider-arrows.left-side {
  left: 60px;
}
.index-hero .hero-slider-arrows.right-side {
  right: 20px;
}
@media (max-width: 991px) {
  .index-hero .hero-slider-arrows {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 20px;
  }
}

.divider {
  border-radius: 4px;
  height: 4px;
  background: linear-gradient(90deg, rgb(62, 60, 148) 0%, rgb(36, 50, 91) 100%);
  width: 100%;
  border: none;
}

@media (max-width: 767px) {
  .md-remove-border {
    border: none;
  }
}
.badge-medium {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}

.badge-ux {
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
@media (min-width: 992px) {
  .badge-ux.ux-large {
    min-width: 80px;
    min-height: 80px;
    font-size: 30px;
  }
}

.text-strike {
  text-decoration: line-through;
}

.fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.large-badge-image {
  border-radius: 10px;
  overflow: hidden;
}

.form-multi-row {
  display: flex;
  align-items: center;
  min-height: 70px;
  border: solid 1px #bdc5d1;
  border-radius: 34px;
  background-color: white;
  padding: 0 40px;
  padding-right: 6px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.form-multi-row .divider-center {
  width: 1px;
  height: 40px;
  background: #bdc5d1;
  margin: 0 20px;
}
.form-multi-row .rounded-icon-box {
  width: 55px;
  height: 55px;
}
.form-multi-row .send-button {
  transition: 0.3s;
}
.form-multi-row .send-button:hover {
  box-shadow: none;
  scale: 0.9;
}
.form-multi-row .send-button svg {
  fill: white;
  width: 24px;
  height: 24px;
}
.form-multi-row input {
  width: 100%;
  flex: 1;
}
.form-multi-row input::-moz-placeholder {
  font-size: 18px;
  color: #a7a7a7;
}
.form-multi-row input::placeholder {
  font-size: 18px;
  color: #a7a7a7;
}

@media (max-width: 991px) {
  .form-multi-row {
    padding: 0 20px;
    padding-right: 10px;
    min-height: 50px;
    border-radius: 14px;
  }
  .form-multi-row input {
    font-size: 16px;
  }
  .form-multi-row input::-moz-placeholder {
    font-size: 16px;
  }
  .form-multi-row input::placeholder {
    font-size: 16px;
  }
  .form-multi-row .rounded-icon-box {
    width: 35px;
    height: 35px;
  }
  .form-multi-row .send-button svg {
    width: 14px;
    height: 14px;
  }
}
.three-images-social {
  max-height: 40px;
  height: 100%;
}
@media (max-width: 1399px) {
  .three-images-social {
    max-height: 40px;
  }
}

.border-lg-none {
  border: none;
}

.breadcrumb {
  padding-top: 20px;
  margin-bottom: 50px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #676767;
}
.breadcrumb .breadcrumb-box {
  width: 16px;
  height: 16px;
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #676767;
  color: white;
  border-radius: 50%;
}
.breadcrumb .breadcrumb-box i {
  line-height: 0;
}

.star-group img {
  max-width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991px) {
  .star-group img {
    max-width: 15px;
  }
}
@media (max-width: 575px) {
  .star-group img {
    max-width: 10px;
  }
}

.lesson-detail-tabbar {
  background-color: white;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.lesson-detail-tabbar .lesson-header {
  display: flex;
}
.lesson-detail-tabbar .lesson-header .lesson-header-tab {
  flex: 1;
  text-align: center;
  background-color: #f7fafd;
  padding: 50px 10px;
  font-size: 24px;
  color: #3e3c94;
  font-weight: 600;
  position: relative;
  transition: 0.4s;
}
.lesson-detail-tabbar .lesson-header .lesson-header-tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 1px;
  transition: 0.4s;
}
.lesson-detail-tabbar .lesson-header .lesson-header-tab.opened {
  background-color: white;
}
.lesson-detail-tabbar .lesson-content {
  padding: 24px;
  padding-top: 32px;
}
.lesson-detail-tabbar .lesson-content .content-about {
  font-size: 22px;
  font-style: italic;
  font-weight: 200;
  line-height: 40px;
}
.lesson-detail-tabbar .lesson-content .content-about p {
  padding-bottom: 30px;
}
@media (max-width: 991px) {
  .lesson-detail-tabbar .lesson-header .lesson-header-tab {
    font-size: 20px;
    padding: 30px 10px;
  }
  .lesson-detail-tabbar .lesson-content {
    padding: 20px;
    padding-top: 30px;
  }
  .lesson-detail-tabbar .lesson-content .content-about {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .lesson-detail-tabbar .lesson-header .lesson-header-tab {
    font-size: 14px;
    padding: 20px 10px;
  }
  .lesson-detail-tabbar .lesson-content {
    padding: 10px;
    padding-top: 20px;
  }
  .lesson-detail-tabbar .lesson-content .content-about {
    font-size: 14px;
    line-height: 24px;
  }
}

.line-textarea {
  padding: 20px;
  border: solid 1px rgba(92, 92, 92, 0.6);
  border-radius: 6px;
}
.line-textarea textarea {
  width: 100%;
  font-size: 24px;
  height: 180px;
}
.line-textarea textarea::-moz-placeholder {
  font-size: 24px;
  color: #5c5c5c;
  opacity: 0.7;
}
.line-textarea textarea::placeholder {
  font-size: 24px;
  color: #5c5c5c;
  opacity: 0.7;
}

@media (max-width: 991px) {
  .line-textarea textarea {
    font-size: 20px;
    height: 120px;
  }
  .line-textarea textarea::-moz-placeholder {
    font-size: 20px;
  }
  .line-textarea textarea::placeholder {
    font-size: 20px;
  }
}
.line-textarea-v2 {
  padding: 20px;
  border: solid 1px rgba(92, 92, 92, 0.4);
  border-radius: 6px;
}
.line-textarea-v2.line-sm {
  height: 100px;
}
.line-textarea-v2 textarea {
  width: 100%;
  font-size: 20px;
  height: 200px;
}
.line-textarea-v2 textarea::-moz-placeholder {
  font-size: 20px;
  color: #5c5c5c;
  opacity: 0.7;
}
.line-textarea-v2 textarea::placeholder {
  font-size: 20px;
  color: #5c5c5c;
  opacity: 0.7;
}
.line-textarea-v2 {
  padding: 20px;
  border: solid 1px rgba(92, 92, 92, 0.4);
  border-radius: 6px;
}
.line-textarea-v2.line-sm {
  height: 100px;
}
.line-textarea-v2 textarea {
  width: 100%;
  font-size: 20px;
  height: 200px;
}
.line-textarea-v2 textarea::-moz-placeholder {
  font-size: 20px;
  color: #5c5c5c;
  opacity: 0.7;
}
.line-textarea-v2 textarea::placeholder {
  font-size: 20px;
  color: #5c5c5c;
  opacity: 0.7;
}

.line-textarea-v2-new  {
  width: 100%;
  font-size: 20px;
  padding: 20px;
  border: solid 1px rgba(92, 92, 92, 0.4);
  border-radius: 6px;
}
.line-textarea-v2-new ::-moz-placeholder {
  font-size: 20px;
  color: #5c5c5c;
  opacity: 0.7;
}
.line-textarea-v2-new ::placeholder {
  font-size: 20px;
  color: #5c5c5c;
  opacity: 0.7;
}

.line-textarea-v2-form textarea {
  width: 100%;
  font-size: 20px;
  padding: 20px;
  border: solid 1px rgba(92, 92, 92, 0.4);
  border-radius: 6px;
}
.line-textarea-v2-form textarea::-moz-placeholder {
  font-size: 20px;
  color: #5c5c5c;
  opacity: 0.7;
}
.line-textarea-v2-form textarea::placeholder {
  font-size: 20px;
  color: #5c5c5c;
  opacity: 0.7;
}

@media (max-width: 991px) {
  .line-textarea textarea {
    font-size: 16px;
    height: 200px;
  }
  .line-textarea textarea::-moz-placeholder {
    font-size: 16px;
  }
  .line-textarea textarea::placeholder {
    font-size: 16px;
  }
  .line-textarea.line-sm {
    height: 60px;
  }
}
.line-select-option {
  border-radius: 6px;
  width: 100%;
  font-size: 22px;
  height: 60px;
  padding-left: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.4);
  background: url("../img/icons/dropdownarrow.png") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.line-select-option::-moz-placeholder {
  font-size: 26px;
  color: #5c5c5c;
  opacity: 0.7;
}
.line-select-option::placeholder {
  font-size: 26px;
  color: #5c5c5c;
  opacity: 0.7;
}

@media (max-width: 991px) {
  .line-select-option {
    font-size: 18px;
    height: 50px;
  }
  .line-select-option::-moz-placeholder {
    font-size: 18px;
  }
  .line-select-option::placeholder {
    font-size: 18px;
  }
}
.comment-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
}
.comment-pagination .cm-link + .cm-link {
  border-left: solid 1px;
}
.comment-pagination a {
  padding: 0 10px;
  margin: 0 2px;
}
.comment-pagination a.active {
  text-decoration: underline;
}
.comment-pagination a:hover {
  text-decoration: underline;
}
.comment-pagination i {
  font-size: 32px;
  line-height: 0;
}
@media (max-width: 991px) {
  .comment-pagination a {
    padding: 0 5px;
    margin: 0 1px;
  }
  .comment-pagination i {
    font-size: 24px;
  }
}

.accordion-wrap {
  border: solid 1px #f1f1f1;
}

.accordion {
  border-bottom: solid 1px #eaecf0;
}
.accordion .butonned {
  padding-right: 10px;
  display: flex;
  align-items: center;
}
.accordion .butonned i {
  font-size: 44px;
  color: #3b3a90;
  line-height: 0;
  transition: 0.4s;
}
.accordion.active .butonned i {
  transform: rotate(180deg);
}
.accordion .acc-content {
  padding-left: 68px;
}
.accordion .acc-content .list-detail-item {
  padding: 15px;
  padding-left: 0px;
  display: flex;
  border-top: solid 1px #f1f1f1;
  align-items: center;
}
.accordion .acc-content .play-btn {
  font-size: 32px;
  color: #3b3a90;
}
.accordion .acc-content p {
  font-size: 22px;
  color: #676767;
  font-weight: 600;
  padding-left: 16px;
}
.accordion .acc-title {
  display: flex;
  align-items: center;
  padding: 20px;
  cursor: pointer;
}
.accordion .acc-title > p {
  font-weight: 600;
  font-size: 22px;
  color: #3b3a90;
}

@media (max-width: 991px) {
  .accordion .butonned i {
    font-size: 32px;
  }
  .accordion .acc-content {
    padding-left: 50px;
  }
  .accordion .acc-content .list-detail-item {
    padding: 10px;
    padding-left: 0px;
    display: flex;
    border-top: solid 1px #f1f1f1;
    align-items: center;
  }
  .accordion .acc-content .play-btn {
    font-size: 24px;
  }
  .accordion .acc-content p {
    font-size: 18px;
    padding-left: 16px;
  }
  .accordion .acc-title {
    padding: 10px;
  }
  .accordion .acc-title > p {
    font-size: 18px;
  }
}
.progress-bar {
  background-color: #e8e8e8;
  padding: 3px;
  border-radius: 10px;
}
.progress-bar .progres-bar-inside {
  background-color: #00bcff;
  border-radius: 7px;
  height: 7px;
  position: relative;
}
.progress-bar .progres-bar-inside .percent-text {
  position: absolute;
  top: -30%;
  font-size: 14px;
  font-weight: 600;
}
.progress-bar .progres-bar-inside .progres-round-out {
  position: absolute;
  z-index: 99;
  left: calc(100% - 20px);
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.199);
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress-bar .progres-bar-inside .progres-round-out .progres-round {
  background-color: #f4f4f4;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress-bar .progres-bar-inside .progres-round-out .progres-round .progres-round-inner {
  border: solid 1px #ebebeb;
  background-color: #00bcff;
  width: 20px;
  height: 20px;
  padding: 1px;
  border-radius: 30px;
}

.product-kurslarim-responsive-wrap {
  height: 100%;
}
.product-kurslarim-responsive-wrap .product-kurslarim-responsive-img-horizontal {
  aspect-ratio: 16/9;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  display: none;
}
@media (max-width: 991px) {
  .product-kurslarim-responsive-wrap .product-kurslarim-responsive-img-horizontal {
    display: block;
  }
}
.product-kurslarim-responsive-wrap .product-kurslarim-responsive-img {
  height: 100%;
  display: block;
  width: 100%;
}
@media (max-width: 1399px) {
  .product-kurslarim-responsive-wrap .product-kurslarim-responsive-img {
    -o-object-fit: contain;
       object-fit: contain;
    border: solid 1px #f1f1f1;
    padding: 20px;
    border-radius: 20px;
    margin: auto;
  }
}
@media (max-width: 991px) {
  .product-kurslarim-responsive-wrap .product-kurslarim-responsive-img {
    display: none;
  }
}

.kurslarim-header-tab {
  text-align: center;
  display: flex;
  overflow: hidden;
  border-radius: 14px;
  background-color: #fbfcfe;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
}
.kurslarim-header-tab > a {
  flex: 1;
  font-size: 24px;
  font-weight: 600;
  color: #3b3a90;
  padding-top: 50px;
  padding-bottom: 40px;
  border-bottom: solid 10px transparent;
  transition: 0.4s;
}
.kurslarim-header-tab > a:hover {
  background-color: white;
  border-color: #3b3a90;
}
.kurslarim-header-tab > a.active {
  background-color: white;
  border-color: #3b3a90;
}

@media (max-width: 991px) {
  .kurslarim-header-tab {
    margin-bottom: 20px;
  }
  .kurslarim-header-tab > a {
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .kurslarim-header-tab {
    margin-bottom: 20px;
  }
  .kurslarim-header-tab > a {
    font-size: 12px;
    padding-top: 25px;
    padding-bottom: 15px;
  }
}
.message-chat-dialogs {
  height: 400px;
  margin-top: 20px;
  overflow: auto;
  padding-right: 20px;
}
.message-chat-dialogs::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}
.message-chat-dialogs::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #ebf1fa;
}
.message-chat-dialogs::-webkit-scrollbar-thumb {
  background: #3b3a90;
  border-radius: 10px;
}
.message-chat-dialogs .message-chat-box {
  background-color: #e9eff8;
  border-radius: 14px;
  padding: 15px 20px;
  margin-bottom: 30px;
  max-width: 70%;
  width: -moz-fit-content;
  width: fit-content;
}
.message-chat-dialogs .message-chat-box .title-text {
  font-size: 10px;
  font-weight: 300;
  color: #afafaf;
  margin-bottom: 5px;
}
.message-chat-dialogs .message-chat-box .message-text {
  font-size: 20px;
  font-weight: 600;
  color: #afafaf;
}
.message-chat-dialogs .message-chat-box.current {
  background-color: #eef5f7;
  margin-left: auto;
  text-align: right;
}

@media (max-width: 991px) {
  .message-chat-dialogs {
    height: 300px;
  }
  .message-chat-dialogs .message-chat-box .title-text {
    font-size: 10px;
  }
  .message-chat-dialogs .message-chat-box .message-text {
    font-size: 16px;
  }
}
.form-control {
  height: 60px;
  border-radius: 10px;
  border: solid 1px rgba(103, 103, 103, 0.3490196078);
  padding: 0 20px;
  display: flex;
  align-items: center;
}
.form-control input {
  color: #676767;
  font-weight: 300;
  font-size: 24px;
  width: 100%;
}
.form-control input::-moz-placeholder {
  color: rgba(103, 103, 103, 0.4117647059);
  font-size: 24px;
}
.form-control input::placeholder {
  color: rgba(103, 103, 103, 0.4117647059);
  font-size: 24px;
}
.form-control input:focus {
  border-color: #3b3a90;
}
.form-control.textarea {
  height: 120px;
  padding-top: 5px;
  padding-bottom: 5px;
  align-items: start;
}
.form-control.textarea textarea {
  height: 100%;
  resize: none;
}
.form-control textarea {
  color: #676767;
  font-weight: 300;
  font-size: 24px;
}
.form-control textarea::-moz-placeholder {
  color: rgba(103, 103, 103, 0.4117647059);
  font-size: 24px;
}
.form-control textarea::placeholder {
  color: rgba(103, 103, 103, 0.4117647059);
  font-size: 24px;
}
.form-control textarea:focus {
  border-color: #3b3a90;
}

@media (max-width: 991px) {
  .form-control {
    height: 50px;
  }
  .form-control input {
    font-size: 18px;
  }
  .form-control input::-moz-placeholder {
    font-size: 18px;
  }
  .form-control input::placeholder {
    font-size: 18px;
  }
  .form-control.textarea {
    height: 100px;
  }
  .form-control.textarea textarea {
    font-size: 18px;
  }
  .form-control textarea {
    font-size: 18px;
  }
  .form-control textarea::-moz-placeholder {
    font-size: 18px;
  }
  .form-control textarea::placeholder {
    font-size: 18px;
  }
}
.profile-tabbar-area {
  position: relative;
  padding-right: 30px;
}
.profile-tabbar-area::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 60%;
  background-color: #ebebeb;
}

.profile-tabbar a {
  display: block;
  padding: 15px 0;
  padding-left: 10px;
  color: #676767;
  font-size: 24px;
  border-bottom: solid 1px #eef5f7;
}
.profile-tabbar a.opened {
  font-weight: 600;
  color: #3b3a90;
}

.profile-image {
  max-width: 240px;
  max-height: 240px;
  border-radius: 50%;
  aspect-ratio: 1;
  overflow: hidden;
  border: solid 14px #ebf1fa;
  margin: auto;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .profile-tabbar-area {
    padding-right: 0;
  }
  .profile-tabbar-area::after {
    display: none;
  }
  .profile-tabbar a {
    font-size: 18px;
  }
}
.main-basket-area-outsider {
  min-height: auto;
}

.main-basket-area {
  border-bottom: solid 1px #ebebeb;
  border-top: solid 1px #ebebeb;
}
.main-basket-area .basket-table {
  padding: 10px 0;
  margin: 0;
}
.main-basket-area .basket-table + .basket-table {
  border-top: solid 1px #ebebeb;
}
.main-basket-area .basket-table .basket-table-column {
  position: relative;
}
.main-basket-area .basket-table .basket-table-column.inner-image img {
  aspect-ratio: 1;
}
.main-basket-area .basket-table .basket-table-column + .basket-table-column::after {
  content: "";
  position: absolute;
  left: 0;
  top: -50%;
  width: 1px;
  height: 80%;
  transform: translateY(75%);
  background-color: #ebebeb;
}

.checkout-divider-side {
  position: relative;
}
.checkout-divider-side::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
}
@media (max-width: 991px) {
  .checkout-divider-side::after {
    display: none;
  }
}

@media (max-width: 991px) {
  .spec-border-area > div + div + div {
    margin-top: 30px;
  }
  .spec-border-area > div + div + div::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 1px;
    right: 0;
    margin-top: -15px;
  }
}
@media (min-width: 992px) {
  .spec-border-area {
    position: relative;
  }
  .spec-border-area .vertical-divider-spec {
    display: contents;
  }
  .spec-border-area .vertical-divider-spec::after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.2);
    height: 93%;
    width: 1px;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
    transform: translateY(-50%);
  }
  .spec-border-area > div + div + div + div::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.2);
    width: 50%;
    height: 1px;
    right: 0;
    margin-top: -15px;
  }
  .spec-border-area > div + div + div + div:nth-child(2n+0)::before {
    left: 0;
  }
}
.video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.main-video-player-area {
  display: block;
  position: relative;
  height: 100%;
}
.main-video-player-area:hover .video-play-btn {
  opacity: 0.8;
}

.dropdown-wrap-js {
  position: relative;
  z-index: 5;
}
.dropdown-wrap-js.opened-dropdown .dropdown-content-js-menu {
  top: 110%;
  opacity: 1;
  visibility: visible;
}
.dropdown-wrap-js .dropdown-content-js-menu {
  position: absolute;
  background: white;
  width: 500px;
  right: 0;
  top: 130%;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-footer {
  display: flex;
  align-items: center;
  padding: 15px;
  position: relative;
  min-height: 70px;
  border-top: 1px solid #d1d5da;
  z-index: 2;
  border-radius: 0 0 10px 10px;
  font-weight: 700;
  color: #000690;
  background: #f8fbfe;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-footer .price-total {
  color: #58758c;
  font-size: 18px;
  font-weight: 700;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  position: relative;
  min-height: 70px;
  border-bottom: 1px solid #d1d5da;
  z-index: 2;
  border-radius: 10px 10px 0 0;
  font-weight: 700;
  color: #000690;
  background: #f8fbfe;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body-empty {
  max-height: calc(80vh - 170px);
  overflow: hidden;
  position: relative;
  padding: 15px;
  text-align: center;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body-empty .empty-card-icon {
  font-size: 50px;
  color: #d1d5da;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body-empty .empty-text {
  font-size: 28px;
  color: #d1d5da;
  margin: 20px 0;
  font-weight: 600;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body {
  max-height: calc(80vh - 170px);
  overflow: auto;
  position: relative;
  padding: 15px;
  text-align: center;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body .dropdown-cart-item {
  display: flex;
  position: relative;
  padding: 8px 0;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body .dropdown-cart-item.dropdown-cart-item + .dropdown-cart-item {
  border-top: 1px solid rgba(156, 175, 191, 0.2);
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body .dropdown-cart-item .cart-item-image {
  height: 77px;
  width: 70px;
  display: block;
  margin-right: 15px;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body .dropdown-cart-item .cart-item-title {
  font-size: 16px;
  font-weight: 600;
  color: #9ea8b7;
  padding-bottom: 4px;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body .dropdown-cart-item .cart-item-price {
  font-size: 24px;
  font-weight: 600;
  color: #000690;
  display: flex;
  flex-direction: column;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body .dropdown-cart-item .cart-item-remove {
  color: #676767;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  background: #9ea8b7;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 8px;
}
.dropdown-wrap-js .dropdown-content-js-menu .dropdown-content-body .dropdown-cart-item .cart-item-remove:hover {
  color: rgb(224, 223, 223);
}

@media (max-width: 767px) {
  .dropdown-wrap-js .dropdown-content-js-menu {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .dropdown-wrap-js .dropdown-content-js-menu {
    width: 300px;
    right: -100%;
  }
}
.modal-barrier {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.product-image-wrap .horizontal-rectangle {
  aspect-ratio: 16/9;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  display: none;
}
.product-image-wrap .vertical-rectangle {
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}

@media (max-width: 1399px) {
  .product-image-wrap .horizontal-rectangle {
    display: block;
    aspect-ratio: 16/9;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 20px;
  }
  .product-image-wrap .vertical-rectangle {
    display: none;
  }
}
body:not(.page-loaded) * {
  transition: unset !important;
}

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

/* FURKAN START */


.dropdown-wrap-js-profile {
  position: relative;
  z-index: 5;
}
.dropdown-wrap-js-profile.opened-dropdown .dropdown-content-js-profile-menu {
  top: 110%;
  opacity: 1;
  visibility: visible;
}
.dropdown-wrap-js-profile .dropdown-content-js-profile-menu {
  position: absolute;
  background: white;
  width: 250px;
  right: 0;
  top: 130%;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.dropdown-wrap-js-profile .dropdown-content-js-profile-menu .dropdown-content-footer {
  display: flex;
  align-items: center;
  padding: 15px;
  position: relative;
  min-height: 70px;
  border-top: 1px solid #d1d5da;
  z-index: 2;
  border-radius: 0 0 10px 10px;
  font-weight: 700;
  color: #000690;
  background: #f8fbfe;
}
.dropdown-wrap-js-profile .dropdown-content-js-profile-menu .dropdown-content-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  position: relative;
  min-height: 70px;
  border-bottom: 1px solid #d1d5da;
  z-index: 2;
  border-radius: 10px 10px 0 0;
  font-weight: 700;
  color: #000690;
  background: #f8fbfe;
  text-transform: capitalize;
}
.dropdown-wrap-js-profile .dropdown-content-js-profile-menu .dropdown-content-body {
  max-height: calc(80vh - 170px);
  overflow: auto;
  position: relative;
  padding: 15px;
}
.dropdown-wrap-js-profile .dropdown-content-js-profile-menu .dropdown-content-body ul {
  list-style: none;
}
.dropdown-wrap-js-profile .dropdown-content-js-profile-menu .dropdown-content-body ul li {
  /*transition: .2s;*/
  margin-right: -15px;
  border-radius: 0 3px 3px 0;
  padding: 0 8px !important;
  position: relative;
}
.dropdown-wrap-js-profile .dropdown-content-js-profile-menu .dropdown-content-body ul li:hover {
  background-color: RGBA(100,121,150,0.1 );
  color: #754FFE;
}
.dropdown-wrap-js-profile .dropdown-content-js-profile-menu .dropdown-content-body ul li a{
  padding: 10px 0;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  display: block;
  color: var(--color-1);
}
.dropdown-wrap-js-profile .dropdown-content-js-profile-menu .dropdown-content-body ul li a i{
  font-size: 15px;
  margin: 0 10px 0 0;
}

@media (max-width: 767px) {
  .dropdown-wrap-js-profile .dropdown-content-js-profile-menu {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .dropdown-wrap-js-profile .dropdown-content-js-profile-menu {
    width: 300px;
    right: -100%;
  }
}

.modal-barrier {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.d-hidden{
   display: none;
 }

.rate{
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center
}

.rating>input {
  display: none
}

.rating>label {
  position: relative;
  width: 1em;
  font-size: 30px;
  font-weight: 300;
  color: #f77c00;
  cursor: pointer
}

.rating>label::before {
  content: "\2605";
  position: absolute;
  opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
  opacity: 1 !important
}

.rating>input:checked~label:before {
  opacity: 1
}

.rating:hover>input:checked~label:before {
  opacity: 0.4
}


/*=========================
Sign Up Page
==================================*/
.sing-up-img img{
  width: 100%;
  height: auto;
}
.sing-up-right h3{
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 16px;
}
.sing-up-right h3 span{
  color: #754FFE;
}
.sing-up-right p{
  margin-bottom: 51px;
}
.sing-up-right  h5{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.sing-up-right .name{
  margin-bottom: 30px;
}
.sing-up-right .form-control  {
  padding: 14px 0px 13px 48px;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 400;
  color: #6E798A;
  width: 100%;
  height: auto;
  border: none;
  background-color: #6e798a1c;
}
.sing-up-right form{
  position: relative;
}
.sing-up-right i {
  position: absolute;
  left: 18px;
  top: 34%;
  color: #6e798aae;
}
.sing-up-right .eye-icon i{
  position: absolute;
  left: 93%;
  top: 25%;
  color: #6e798aae;
}
.sing-up-right .form-control:focus{
  box-shadow: none;
  border-color: none;
}
.sing-up-right .log-in .btn {
  border: 1.5px solid #6e798a45;
  width: 100%;
  margin-left: 0;
  background-color: var(--color-4);
  padding: 12px 30px;
  margin-bottom: 30px;
}
.sing-up-right .log-in .btn a{
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}
.sing-up-right .another p{
  margin-bottom: 30px;
}
.sing-up-right .another p a{
  margin-left: 10px;
}
.sing-up-right .another h5{
  position: relative;
}
.sing-up-right .another h5::after{
  content: "";
  position: absolute;
  width: 45%;
  height: 1.5px;
  background-color: #6e798a72;
  left: 0;
  top: 50%;
}
.sing-up-right .another h5::before{
  content: "";
  position: absolute;
  width: 45%;
  height: 1.5px;
  background-color: #6e798a72;
  right: 0;
  top: 50%;
}
.sing-up-right .social-media img{
  height: 23px;
  width: 23px;
  margin-right: 10px;

}
.sing-up-right .social-media a{
  text-decoration: none;
  color: var(--color-1);

}
.sing-up-right .social-media .btn {
  width: 100%;
  margin-left: 0;
  margin-bottom: 50px;
  padding: 11px 20px;
  background-color: var(--color-4);
}
.sing-up-right .social-media .btn:hover {
  background-color: var(--bg-white-2);
  border-color: #6e798a45;
}
.forget-pass{
  margin-top: 100px;
}
.forget-pass .name {
  margin-bottom: 0px;
}
.sing-up-right .resend-code .form-control {
  padding: 0;
  border-radius: 0;
  font-size: 30px;
  font-weight: 400;
  color: var(--color-1);
  width: 44px;
  border: none;
  border-bottom: 2px solid var(--color-4);
  background-color: transparent;
  display: inline;
  margin: 0px 21px 8px 2px;
}
.sing-up-right .resend-code .btn {
  border: 1.5px solid #6e798a45;
  margin-top: 0px;
  margin-left: 0;
  background-color: var(--color-4);
  margin-bottom: 30px;
  padding: 12px 14px 12px 14px;
}
.sing-up-right .resend-code .btn a{
  text-decoration: none;
  color: var(--color-9);
}
.profile-image img{
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0px 0px;
}
.profile-image{
  margin-top: 50px;
}

:root {
  --bs-link-color: black;
}
p {
  margin-bottom: 0;
}
a {
  text-decoration: none;
  display: inline-block;
}
h2{
  font-weight: bold !important;
}
@media (min-width: 1520px){
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1470px;
  }
}


/* FURKAN END */