@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url('https://fonts.cdnfonts.com/css/sf-pro-display');
:root {
  --alt-font: 'SFUIDisplay', sans-serif;
  --primary-font: 'SFUIDisplay', sans-serif;
}


@font-face {
  font-family: 'SFUIDisplay';
  src: url('../fonts/SFUIDisplay-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'SFUIDisplay';
  src: url('../fonts/SFUIDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SFUIDisplay';
  src: url('../fonts/SFUIDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* ===================================
    02. CSS color variable
====================================== */
:root {
  --base-color: #d93a63;
  --secodary-color:#585289;
  --white: #ffffff;
  --black: #000000;
  /*--red: #dc3131;*/
  --red: #ff0000;
  --light-red: #feedec;
  --green: #2ebb79;
  --crusoe-green: #d39121;
  --yellow: #ffea23;
  --dark-gray: #232323;
  --medium-gray: #717580;
  --extra-medium-gray: #e4e4e4;
  --light-gray: #a8a8a8;
  --very-light-gray: #f7f7f7;
  --light-medium-gray: #eaeaeb;
  --charcoal-blue: #202329;
  --slate-blue: #262b35;
  --medium-slate-blue: #374162;
  --extra-medium-slate-blue: #23262d;
  --dark-slate-blue: #1f232c;
  --extra-dark-slate-blue: #121418;
  --extra-very-slate-blue: #161620;
  --tussock-yellow: #BC8947;
  --aluminium-grey:#80858F;
  --solitude-blue:#f0f4fd;
  --golden-yellow:#fd961e;
  --selago:#eaedff;
  --white-ice:#d8f5ef;
  --cornflower-blue:#445fed;
  --jade:#00AF6B;
  --orange: #ef991f;
  --majorelle-blue: #724ade;
  --light-majorelle-blue: #f2edfe;
  --spring-wood: #f9f6f3;
  --tropical-blue: #1ea3b1;
  --camarone: #20642b;
  --seal-brown: #0e0708;
  --Wasabi: #8ea63a;
  --bgMain: #4262ff;
  --gradientFrom:rgb(160, 0, 223);
  --gradientTo: rgba(252, 70, 146, 1);
  --pinkbutton: #cc0461;
  }
/* ===================================
    03. Reset
====================================== */
html, body {
      height: 100%;
      margin: 0;
    font-family: var(--primary-font);
    }

.logo {
  position: absolute;
  inset: 0;
  background-color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 100px;
  font-weight: 700;
  top: 5px;
}
.splash-screen-logo{
  color:var(--logoText);
}
body{
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(180deg,var(--white) 0%, var(--light-gray) 98%);
  overflow-x: hidden;
}

.appbg{
background: var(--bgMain);
background: linear-gradient(180deg,var(--gradientFrom) 0%, var(--gradientTo) 98%);
}
.body-white{
  background: white !important;
}
.body-black{
  background: rgb(29, 29, 29) !important;
}
.alt-font {
  font-family: var(--alt-font);
}
.primary-font {
  font-family: var(--primary-font) !important;
}
html {
  font-size: 16px;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  color: var(--medium-gray);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}
a:hover {
  color: var(--base-color);
  text-decoration: none;
}
p {
  margin-bottom: 25px;
}
/*====================================
                 FORMS
======================================*/
:root {
  --light-gray: #a8a8a8;
  --medium-gray: #717580;
}
.errormsg{
  display:flex;
  width: fit-content;
  font-size: 14px;
  color:var(--red);
  line-height: 24px;
  align-items: start;
  margin: 5px 10px;
  overflow: visible;
  word-wrap: normal;
}
  
/* General input types */
input[type="text"],
input[type="password"],
select,
textarea {
  border: 1px solid var(--light-medium-gray);
  border-radius: 21px;
  background-color: var(--very-light-gray);
  color: rgb(65, 65, 65);
  font-family: 'SFUIDisplayLight' serif;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
  outline: none;
  /*width: 180px;  /* adjust as needed */
  height: 42px; /* creates a perfect circle if width = height */
  box-sizing: border-box;
}

/* Optional: Remove default dropdown arrow (on WebKit)
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: center;
} */

/* Style checkbox */
input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(----light-gray);
  border: 2px solid var(--white);
  width: 20px;
  height: 20px;
  border-radius: 50%; /* makes checkbox and radio round */
  cursor: pointer;
  display: inline-block;
  position: relative;
}

/* Checked state for checkbox and radio */
input[type="checkbox"]:checked::after,
input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}

/* Ensure radio behaves like radio (mutual exclusion) */
input[type="radio"] {
  border-radius: 50%;
}


.form-wrapper{
  display:flex;
  flex-direction: column;
  position:relative;
  width:95%;
  left:5%;
  margin-top: 40px;
}
.form-control-block{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  width: auto;
  margin:10px 0;
}
.formLabel{
  font-size: 14px;
  color: var(--medium-gray);
  margin-bottom:5px;
}

/* ===================================
    04. Typography
====================================== */
/* Heading */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 30px;
  letter-spacing: -0.5px;
  font-weight: inherit;
}
h1, .h1 {
  font-size: 4.375rem;
  line-height: 4.375rem;
}
h2, .h2 {
  font-size: 3.438rem;
  line-height: 3.438rem;
}
h3, .h3 {
  font-size: 2.813rem;
  line-height: 3.125rem;
}
h4 {
  font-size: 2.375rem;
  line-height: 2.7rem;
}
h5 {
  font-size: 2rem;
  line-height: 2.2rem;
}
h6 {
  font-size: 1.75rem;
  line-height: 1.95rem;
}
/* Font custom */
.font-style-italic {
  font-style: italic;
}
.hover-text {
  display: none;
}
b, strong {
  font-weight: 700;
}
.text-white-space-nowrap {
  white-space: nowrap;
}
.text-white-space-normal {
  white-space: normal;
}
.text-transform-none {
  text-transform: none !important;
}
.text-uppercase-inherit {
  text-transform: inherit !important;
}
.word-break-normal {
  word-break: normal;
}
.vertical-align-top {
  vertical-align: top;
}
/*Font weight*/
.fw-100{
  font-weight: 100 !important;
}
.fw-200{
  font-weight: 200 !important;
}
.fw-300{
  font-weight: 300 !important;
}
.fw-400{
  font-weight: 400 !important;
}
.fw-500{
  font-weight: 500 !important;
}
.fw-700{
  font-weight: 700 !important;
}
/* Font size */
.fs-0 {
  font-size: 0;
}
.fs-9 {
  font-size: 9px;
}
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 11px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-17 {
  font-size: 17px;
}
.fs-18 {
  font-size: 18px;
}
.fs-19 {
  font-size: 19px;
}
.fs-20 {
  font-size: 20px;
}
.fs-22 {
  font-size: 22px;
}
.fs-24 {
  font-size: 24px;
  line-height: 32px;
}
.fs-26 {
  font-size: 26px;
  line-height: 38px;
}
.fs-28 {
  font-size: 1.75rem;
  line-height: 2.6rem;
}
.fs-30 {
  font-size: 1.875rem;
  line-height: 2.8rem;
}
.fs-32 {
  font-size: 2rem;
  line-height: 2.5rem;
}
.fs-40 {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.fs-45 {
  font-size: 2.813rem;
  line-height: 3rem;
}
.fs-50 {
  font-size: 3.125rem;
  line-height: 3.25rem;
}
.fs-55 {
  font-size: 3.438rem;
  line-height: 3.5rem;
}
.fs-60 {
  font-size: 3.75rem;
  line-height: 3.75rem;
}
.fs-65 {
  font-size: 4.063rem;
  line-height: 4.688rem;
}
.fs-70 {
  font-size: 4.375rem;
  line-height: 4.375rem;
}
.fs-75 {
  font-size: 4.668rem;
  line-height: 4.668rem;
}
.fs-80 {
  font-size: 5rem;
  line-height: 5rem;
}
.fs-85 {
  font-size: 5.313rem;
  line-height: 5.313rem;
}
.fs-90 {
  font-size: 5.625rem;
  line-height: 5.625rem;
}
.fs-95 {
  font-size: 5.938rem;
  line-height: 5.938rem;
}
.fs-100 {
  font-size: 6.25rem;
  line-height: 6.25rem;
}
.fs-110 {
  font-size: 6.875rem;
  line-height: 6.875rem;
}
.fs-120 {
  font-size: 7.5rem;
  line-height: 7.5rem;
}
.fs-130 {
  font-size: 8.125rem;
  line-height: 8.125rem;
}
.fs-140 {
  font-size: 8.75rem;
  line-height: 8.75rem;
}
.fs-150 {
  font-size: 9.375rem;
  line-height: 9.375rem;
}
.fs-160 {
  font-size: 10rem;
  line-height: 10rem;
}
.fs-170 {
  font-size: 10.625rem;
  line-height: 10.625rem;
}
.fs-180 {
  font-size: 11.25rem;
  line-height: 11.25rem;
}
.fs-190 {
  font-size: 11.875rem;
  line-height: 11.875rem;
}
.fs-200 {
  font-size: 12.5rem;
  line-height: 12.5rem;
}
.fs-225 {
  font-size: 14.063rem;
  line-height: 14.063rem;
}
.fs-250 {
  font-size: 15.625rem;
  line-height: 15.625rem;
}
.fs-275 {
  font-size: 17.188rem;
  line-height: 17.188rem;
}
.fs-300 {
  font-size: 18.75rem;
  line-height: 18.75rem;
}
.fs-350 {
  font-size: 21.875rem;
  line-height: 21.875rem;
}
.fs-400 {
  font-size: 25rem;
  line-height: 25rem;
}
/* Line height */
.lh-0px {
  line-height: 0px;
}
.lh-10 {
  line-height: 10px;
}
.lh-11 {
  line-height: 11px;
}
.lh-12 {
  line-height: 12px;
}
.lh-13 {
  line-height: 13px;
}
.lh-14 {
  line-height: 14px;
}
.lh-15 {
  line-height: 15px;
}
.lh-16 {
  line-height: 16px;
}
.lh-18 {
  line-height: 18px;
}
.lh-19 {
  line-height: 19px;
}
.lh-20 {
  line-height: 20px;
}
.lh-22 {
  line-height: 22px;
}
.lh-24 {
  line-height: 24px;
}
.lh-26 {
  line-height: 26px;
}
.lh-28 {
  line-height: 28px;
}
.lh-30 {
  line-height: 30px;
}
.lh-32 {
  line-height: 2rem;
}
.lh-34 {
  line-height: 2.125rem;
}
.lh-36 {
  line-height: 2.25rem;
}
.lh-38 {
  line-height: 2.375rem;
}
.lh-40 {
  line-height: 2.5rem;
}
.lh-42 {
  line-height: 2.625rem;
}
.lh-44 {
  line-height: 2.75rem;
}
.lh-46 {
  line-height: 2.875rem;
}
.lh-48 {
  line-height: 3rem;
}
.lh-50 {
  line-height: 3.125rem;
}
.lh-55 {
  line-height: 3.438rem;
}
.lh-60 {
  line-height: 3.75rem;
}
.lh-65 {
  line-height: 4.063rem;
}
.lh-70 {
  line-height: 4.375rem;
}
.lh-75 {
  line-height: 4.688rem;
}
.lh-80 {
  line-height: 5rem;
}
.lh-85 {
  line-height: 5.313rem;
}
.lh-90 {
  line-height: 5.625rem;
}
.lh-95 {
  line-height: 5.938rem;
}
.lh-100 {
  line-height: 6.25rem;
}
.lh-105 {
  line-height: 6.563rem;
}
.lh-110 {
  line-height: 6.875rem;
}
.lh-115 {
  line-height: 7.188rem;
}
.lh-120 {
  line-height: 7.5rem;
}
.lh-0 {
  line-height: 0;
}
.lh-normal {
  line-height: normal;
}
.lh-initial {
  line-height: initial;
}
.lh-inherit {
  line-height: inherit;
}
/* Text color */
.text-white, .btn-link.text-white, a.text-white-hover:hover {
  color: var(--white);
}
.text-base-color-hover:hover {
  color: var(--base-color) !important;
}
.text-base-color, .btn-link.text-base-color {
  color: var(--base-color);
}
.text-black, .btn-link.text-black, a.text-black-hover:hover {
  color: var(--black);
}
.text-dark-gray, .btn-link.text-dark-gray, a.text-dark-gray-hover:hover {
  color: var(--dark-gray);
}
.text-medium-gray, .btn-link.text-medium-gray, a.text-medium-gray-hover:hover {
  color: var(--medium-gray);
}
.text-extra-medium-gray, .btn-link.text-extra-medium-gray, a.text-extra-medium-gray-hover:hover {
  color: var(--extra-medium-gray);
}
.text-light-medium-gray, .btn-link.text-light-medium-gray, a.text-light-medium-gray:hover {
  color: var(--light-medium-gray);
}
.text-light-gray, .btn-link.text-light-gray, a.text-light-gray-hover:hover {
  color: var(--light-gray);
}
.text-very-light-gray, .btn-link.text-very-light-gray, a.text-very-light-gray-hover:hover {
  color: var(--very-light-gray);
}
.text-red, .btn-link.text-red, a.text-red-hover:hover {
  color: var(--red);
}
.text-green, .btn-link.text-green, a.text-green-hover:hover {
  color: var(--green);
}
.text-yellow, .btn-link.text-yellow, a.text-yellow-hover:hover {
  color: var(--yellow);
}
.text-golden-yellow, .btn-link.text-golden-yellow, a.text-golden-yellow-hover:hover {
  color: var(--golden-yellow);
}
.text-tussock-yellow, .btn-link.text-tussock-yellow, a.text-tussock-yellow-hover:hover {
  color: var(--tussock-yellow);
}
.text-cornflower-blue, .btn-link.text-cornflower-blue, a.text-cornflower-blue-hover:hover {
  color: var(--cornflower-blue);
}
.text-jade, .btn-link.text-jade, a.text-jade-hover:hover {
  color: var(--jade);
}
.text-majorelle-blue {
  color: var(--majorelle-blue);
}
.text-orange {
  color: var(--orange);
}
.text-crusoe-green {
  color: var(--crusoe-green);
}
.text-tropical-blue {
  color: var(--tropical-blue) !important;
}
.text-camarone {
  color: var(--camarone);
}
.text-seal-brown {
  color: var(--seal-brown);
}
.text-Wasabi {
  color: var(--Wasabi);
}
/* Text gradient color */
.text-gradient-blue-magenta-orange, .text-gradient-light-gray-white, .text-gradient-light-purple-light-orange, .text-gradient-sky-blue-pink, .text-gradient-light-blue-light-turquoise, .text-gradient-fast-blue-purple-light-orange, .text-gradient-light-pink-light-purple, .text-gradient-fast-blue-purple, .text-gradient-pink-orange, .text-gradient-fast-pink-light-yellow, .text-gradient-purple-pink, .text-gradient-light-pink-light-orange {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-light-pink-light-orange {
  background-image: linear-gradient(to right, #ffafbd, #ffb3b4, #ffb7ac, #ffbda5, #ffc3a0);
}
.text-gradient-purple-pink {
  background-image: linear-gradient(to right, #8b14b1, #ab019e, #c00c8b, #cd267b, #d53d6e);
}
.text-gradient-fast-pink-light-yellow {
  background-image: linear-gradient(to right, #f7567f, #fe7177, #ff8a74, #ffa378, #ffba83);
}
.text-gradient-pink-orange {
  background-image: linear-gradient(to right, #de347f, #e73a70, #ed4461, #f05152, #ef5f43);
}
.text-gradient-fast-blue-purple {
  background-image: linear-gradient(to right, #2a46f4, #5f42f9, #833cfc, #a233fe, #bf25ff);
}
.text-gradient-light-pink-light-purple {
  background-image: linear-gradient(to right, #ed579b, #e855ad, #df57c0, #d15cd4, #bc63e8);
}
.text-gradient-fast-blue-purple-light-orange {
  background-image: linear-gradient(to right top, #183fb9, #4f41df, #ae2eb9, #ef3f59, #e9522d);
}
.text-gradient-light-blue-light-turquoise {
  background-image: linear-gradient(to right, #18cdbb, #22d2ae, #3cd69d, #57da89, #73dc73);
}
.text-gradient-sky-blue-pink {
  background-image: linear-gradient(to right, #556fff, #556fff, #e05fc4, #f767a6, #ff798e);
}
.text-gradient-light-purple-light-orange {
  background-image: linear-gradient(to right, #b783ff, #b783ff, #fa7cc1, #ff85a6, #ff9393);
}
.text-gradient-light-gray-white {
  background-image: linear-gradient(to bottom, #efefef, #efefef, #f7f7f7, #fdfdfc, #ffffff);
}
.text-gradient-blue-magenta-orange {
  background-image: linear-gradient(to right, #002fff, #ab00ff, #ff137d, #ff562f, #ee8502);
}
/* Text shadow */
.text-shadow-large {
  text-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
}
.text-shadow-extra-large {
  text-shadow: 0 0 60px rgba(0, 0, 0, 0.9);
}
.text-shadow-double-large {
  text-shadow: 0 0 100px rgba(0, 0, 0, 0.9);
}
/* Text bottom line */
.text-decoration-line-bottom {
  border-bottom: 1px solid;
}
.text-decoration-line-bottom-medium {
  border-bottom: 2px solid;
}
.text-decoration-line-bottom-thick {
  border-bottom: 3px solid;
}
.text-decoration-line-through {
  text-decoration: line-through;
}
/* Text outline*/
.text-outline {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
}
/* Text stroke width */
.text-outline-width-1px {
  -webkit-text-stroke-width: 1px;
}
.text-outline-width-2px {
  -webkit-text-stroke-width: 2px;
}
.text-outline-width-3px {
  -webkit-text-stroke-width: 3px;
}
.text-outline-width-4px {
  -webkit-text-stroke-width: 4px;
}
.text-outline-width-5px {
  -webkit-text-stroke-width: 5px;
}
/* Text stroke color */
.text-outline-color-black {
  -webkit-text-stroke-color: var(--black);
}
.text-outline-color-base-color {
  -webkit-text-stroke-color: var(--base-color);
}
.text-outline-color-red {
  -webkit-text-stroke-color: var(--red);
}
.text-outline-color-dark-gray {
  -webkit-text-stroke-color: var(--dark-gray);
}
.text-outline-color-medium-gray {
  -webkit-text-stroke-color: var(--medium-gray);
}
.text-outline-color-extra-medium-gray {
  -webkit-text-stroke-color: var(--extra-medium-gray);
}
/* Letter spacing */
.ls-0px {
  letter-spacing: 0px !important;
}
.ls-05px {
  letter-spacing: 0.5px !important;
}
.ls-1px {
  letter-spacing: 1px !important;
}
.ls-2px {
  letter-spacing: 2px !important;
}
.ls-3px {
  letter-spacing: 3px !important;
}
.ls-4px {
  letter-spacing: 4px !important;
}
.ls-5px {
  letter-spacing: 5px !important;
}
.ls-6px {
  letter-spacing: 6px !important;
}
.ls-7px {
  letter-spacing: 7px !important;
}
.ls-8px {
  letter-spacing: 8px !important;
}
.ls-9px {
  letter-spacing: 9px !important;
}
.ls-10px {
  letter-spacing: 10px !important;
}
.ls-minus-05px {
  letter-spacing: -0.5px !important;
}
.ls-minus-1px {
  letter-spacing: -1px !important;
}
.ls-minus-2px {
  letter-spacing: -2px !important;
}
.ls-minus-3px {
  letter-spacing: -3px !important;
}
.ls-minus-4px {
  letter-spacing: -4px !important;
}
.ls-minus-5px {
  letter-spacing: -5px !important;
}
.ls-minus-6px {
  letter-spacing: -6px !important;
}
.ls-minus-7px {
  letter-spacing: -7px !important;
}
.ls-minus-8px {
  letter-spacing: -8px !important;
}
.ls-minus-9px {
  letter-spacing: -9px !important;
}
.ls-minus-10px {
  letter-spacing: -10px !important;
}
/* Icon size */
.icon-extra-double-large {
  font-size: 80px;
}
.icon-double-large {
  font-size: 60px;
}
.icon-extra-large {
  font-size: 50px;
}
.icon-large {
  font-size: 42px;
}
.icon-medium {
  font-size: 34px;
}
.icon-very-medium {
  font-size: 28px;
}
.icon-extra-medium {
  font-size: 24px;
}
.icon-small {
  font-size: 18px;
}
.icon-very-small {
  font-size: 14px;
}

/* Opacity */
.opacity-full-dark, .opacity-full, .opacity-medium, .opacity-extra-medium, .opacity-light, .opacity-very-light {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.opacity-very-light {
  opacity: 0.2;
}
.opacity-light {
  opacity: 0.3;
}
.opacity-extra-medium {
  opacity: 0.5;
}
.opacity-medium {
  opacity: 0.75;
}
.opacity-full {
  opacity: 0.8;
}
.opacity-full-dark {
  opacity: 0.9;
}

/* ===================================
    06. Background and border
====================================== */
/* Background color */
.bg-base-color {
  background-color: var(--base-color);
}
.bg-dark-gray,
.bg-dark-gray:focus {
  background-color: var(--dark-gray);
}
.bg-black {
  background-color: var(--black);
}
.bg-medium-gray {
  background-color: var(--medium-gray);
}
.bg-light-medium-gray {
  background-color: var(--light-medium-gray);
}
.bg-extra-medium-gray {
  background-color: var(--extra-medium-gray);
}
.bg-light-gray {
  background-color: var(--light-gray);
}
.bg-very-light-gray {
  background-color: var(--very-light-gray);
}
.bg-red {
  background-color: var(--red);
}
.bg-light-red {
  background-color: var(--light-red);
}
.bg-green {
  background-color: var(--green);
}
.bg-crusoe-green {
  background-color: var(--crusoe-green);
}
.bg-yellow {
  background-color: var(--yellow);
}
.bg-charcoal-blue {
  background-color: var(--charcoal-blue);
}
.bg-slate-blue {
  background-color: var(--slate-blue);
}
.bg-medium-slate-blue {
  background-color: var(--medium-slate-blue);
}
.bg-extra-medium-slate-blue {
  background-color: var(--extra-medium-slate-blue);
}
.bg-dark-slate-blue {
  background-color: var(--dark-slate-blue);
}
.bg-extra-dark-slate-blue {
  background-color: var(--extra-dark-slate-blue);
}
.bg-extra-very-slate-blue {
  background-color: var(--extra-very-slate-blue);
}
.bg-tussock-yellow {
  background-color: var(--tussock-yellow);
}
.bg-solitude-blue {
  background-color: var(--solitude-blue);
}
.bg-aluminium-grey {
  background-color: var(--aluminium-grey);
}
.bg-selago {
  background-color: var(--selago);
}
.bg-white-ice {
  background-color: var(--white-ice);
}
.bg-golden-yellow {
  background-color: var(--golden-yellow);
}
.bg-jade {
  background-color: var(--jade);
}
.bg-orange {
  background-color: var(--orange);
}
.bg-light-majorelle-blue {
  background-color: var(--light-majorelle-blue);
}
.bg-majorelle-blue {
  background-color: var(--majorelle-blue);
}
.bg-spring-wood {
  background-color: var(--spring-wood);
}
.bg-tropical-blue {
  background-color: var(--tropical-blue);
}
.bg-cornflower-blue {
  background-color: var(--cornflower-blue);
}
.bg-camarone {
  background-color: var(--camarone);
}
.bg-seal-brown {
  background-color: var(--seal-brown);
}
.bg-Wasabi {
  background-color: var(--Wasabi);
}
/* Gradient background color */
.bg-gradient-light-pink-light-orange {
  background-image: linear-gradient(to right top, #ffafbd, #ffb3b4, #ffb7ac, #ffbda5, #ffc3a0);
}
.bg-gradient-purple-pink {
  background-image: linear-gradient(to right top, #8b14b1, #ab019e, #c00c8b, #cd267b, #d53d6e);
}
.bg-gradient-fast-pink-light-yellow {
  background-image: linear-gradient(to right top, #f7567f, #fe7177, #ff8a74, #ffa378, #ffba83);
}
.bg-gradient-pink-orange {
  background-image: linear-gradient(to right top, #de347f, #e73a70, #ed4461, #f05152, #ef5f43);
}
.bg-gradient-fast-blue-purple {
  background-image: linear-gradient(to right top, #2a46f4, #5f42f9, #833cfc, #a233fe, #bf25ff);
}
.bg-gradient-light-pink-light-purple {
  background-image: linear-gradient(to right top, #ed579b, #e855ad, #df57c0, #d15cd4, #bc63e8);
}
.bg-gradient-purple-magento {
  background-image: linear-gradient(to right top, #5553e1, #a34dcc, #ce4fb5, #e75ca1, #f47291);
}
.bg-gradient-blue-green {
  background-image: linear-gradient(to right top, #18cdbb, #22d2ae, #3cd69d, #57da89, #73dc73);
}
.bg-gradient-light-purple-light-orange {
  background-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393);
}
.bg-gradient-sky-blue-pink {
  background-image: linear-gradient(to right top, #5758df, #a553cb, #d055b5, #ea63a0, #f77991);
}
.bg-gradient-dark-gray-brown {
  background-image: linear-gradient(to right top, #0f130f, #1e1d15, #3d2f20, #4e3b27, #664a2f);
}
.bg-gradient-tan-geraldine {
  background-image: linear-gradient(to right top, #fb7f87, #fc8a82, #fb957f, #fa9f7f, #f7aa80);
}
.bg-gradient-very-light-gray {
  background-image: linear-gradient(to bottom, #f7f8f9, #f9fafb, #fbfbfc, #fdfdfd, #ffffff);
}
.bg-gradient-top-very-light-gray {
  background-image: linear-gradient(to top, #f7f7f7, #f7f7f7, #fcfafa, #fcfafa, #ffffff);
}
.bg-gradient-orange-transparent {
  background: linear-gradient(to right, rgb(233, 117, 34) 10%, rgba(255, 255, 255, 0) 95%);
}
.bg-gradient-blue-transparent {
  background: linear-gradient(to right, rgb(30, 163, 177) 10%, rgba(255, 255, 255, 0) 95%);
}
.bg-gradient-emerald-blue-emerald-green {
  background-image: linear-gradient(50deg, #09afea 0, #19e089 100%);
}
.bg-gradient-very-ghost-white {
  background-image: linear-gradient(to bottom, #f4f6ff, #f7f8ff, #fafaff, #fdfdff, #ffffff);
}
/* Transparent background color */
.bg-transparent {
  background-color: transparent;
}
.bg-gradient-fast-blue-purple-transparent {
  background-image: linear-gradient(to right top, rgb(42, 70, 244), rgba(95, 66, 249, 0.9), rgba(131, 60, 252, 0.9), rgba(162, 51, 254, 0.9), rgba(191, 37, 255, 0.9));
}
.bg-gradient-fast-pink-light-yellow-transparent {
  background-image: linear-gradient(to right top, rgba(247, 86, 127, 0.9), rgba(254, 113, 119, 0.9), rgba(255, 138, 116, 0.9), rgba(255, 163, 120, 0.9), rgba(255, 186, 131, 0.9));
}
.bg-gradient-sky-blue-pink-transparent {
  background-image: linear-gradient(to right top, rgba(87, 88, 223, 0.9), rgba(165, 83, 203, 0.9), rgba(208, 85, 181, 0.9), rgba(234, 99, 160, 0.9), rgba(247, 121, 145, 0.9));
}
.bg-gradient-gray-light-dark-transparent {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 35, 41, 0.8)), to(transparent));
  background-image: linear-gradient(to top, rgba(32, 35, 41, 0.8) 0%, transparent 100%);
}
.bg-gradient-dark-transparent {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #141622), to(transparent));
  background: linear-gradient(to top, #141622 7%, transparent 100%);
}
.bg-gradient-dark-gray-left-transparent {
  background: -webkit-linear-gradient(right, rgba(24, 25, 28, 0.5), rgba(255, 255, 255, 0));
  background: linear-gradient(to right, rgba(24, 25, 28, 0.5), rgba(255, 255, 255, 0));
}
.bg-gradient-white-transparent {
  background: linear-gradient(to top, #ffffff 20%, rgba(255, 255, 255, 0) 80%);
}
.bg-gradient-white-dark-transparent {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, #ffffff), to(transparent));
  background: linear-gradient(to top, #ffffff 30%, rgba(255, 255, 255, 0) 70%);
}
.bg-gradient-white-bottom-transparent {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 60%);
}
.bg-gradient-black-bottom-transparent {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.bg-gradient-solitude-blue-transparent {
  background: -webkit-linear-gradient(bottom, rgb(240, 244, 253), rgba(255, 255, 255, 0));
  background: linear-gradient(to top, rgb(240, 244, 253), rgba(255, 255, 255, 0));
}
.bg-gradient-extra-midium-gray-transparent {
  background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(150%, rgba(20, 20, 20, 0.3)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(20, 20, 20, 0.3) 150%);
}
.bg-dark-gray-transparent {
  background-color: rgba(35, 35, 35, 0.8);
}
.bg-dark-gray-transparent-light {
  background-color: rgba(35, 35, 35, 0.2);
}
.bg-dark-gray-transparent-medium {
  background-color: rgba(35, 35, 35, 0.4);
}
.bg-medium-gray-transparent {
  background-color: rgba(111, 111, 111, 0.1);
}
.bg-light-gray-transparent {
  background-color: rgb(251, 251, 251);
}
.bg-medium-gray-transparent {
  background-color: rgba(136, 136, 136, 0.3);
}
.bg-black-transparent-light {
  background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-transparent-medium {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-transparent {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-white-transparent-extra-light,
.bg-white-transparent-extra-light:focus {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg-white-transparent-very-light {
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-white-transparent-light {
  background-color: rgba(255, 255, 255, 0.4);
}
.bg-white-transparent {
  background-color: rgba(255, 255, 255, 0.7);
}


/* ===================================
    07. Width
====================================== */
.w-1px {
  width: 1px !important;
}
.w-2px {
  width: 2px !important;
}
.w-3px {
  width: 3px !important;
}
.w-4px {
  width: 4px !important;
}
.w-5px {
  width: 5px !important;
}
.w-6px {
  width: 6px !important;
}
.w-7px {
  width: 7px !important;
}
.w-8px {
  width: 8px !important;
}
.w-9px {
  width: 9px !important;
}
.w-10px {
  width: 10px !important;
}
.w-15px {
  width: 15px !important;
}
.w-20px {
  width: 20px !important;
}
.w-25px {
  width: 25px !important;
}
.w-30px {
  width: 30px !important;
}
.w-35px {
  width: 35px !important;
}
.w-40px {
  width: 40px !important;
}
.w-45px {
  width: 45px !important;
}
.w-50px {
  width: 50px !important;
}
.w-55px {
  width: 55px !important;
}
.w-60px {
  width: 60px !important;
}
.w-65px {
  width: 65px !important;
}
.w-70px {
  width: 70px !important;
}
.w-75px {
  width: 75px !important;
}
.w-80px {
  width: 80px !important;
}
.w-85px {
  width: 85px !important;
}
.w-90px {
  width: 90px !important;
}
.w-95px {
  width: 95px !important;
}
.w-100px {
  width: 100px !important;
}
.w-110px {
  width: 110px !important;
}
.w-120px {
  width: 120px !important;
}
.w-130px {
  width: 130px !important;
}
.w-140px {
  width: 140px !important;
}
.w-150px {
  width: 150px !important;
}
.w-160px {
  width: 160px !important;
}
.w-170px {
  width: 170px !important;
}
.w-180px {
  width: 180px !important;
}
.w-190px {
  width: 190px !important;
}
.w-200px {
  width: 200px !important;
}
.w-210px {
  width: 210px !important;
}
.w-220px {
  width: 220px !important;
}
.w-230px {
  width: 230px !important;
}
.w-240px {
  width: 240px !important;
}
.w-250px {
  width: 250px !important;
}
.w-260px {
  width: 260px !important;
}
.w-270px {
  width: 270px !important;
}
.w-280px {
  width: 280px !important;
}
.w-290px {
  width: 290px !important;
}
.w-300px {
  width: 300px !important;
}
.w-310px {
  width: 310px !important;
}
.w-320px {
  width: 320px !important;
}
.w-330px {
  width: 330px !important;
}
.w-340px {
  width: 340px !important;
}
.w-350px {
  width: 350px !important;
}
.w-360px {
  width: 360px !important;
}
.w-370px {
  width: 370px !important;
}
.w-380px {
  width: 380px !important;
}
.w-390px {
  width: 390px !important;
}
.w-400px {
  width: 400px !important;
}
.w-450px {
  width: 450px !important;
}
.w-500px {
  width: 500px !important;
}
.w-550px {
  width: 550px !important;
}
.w-600px {
  width: 600px !important;
}
.w-650px {
  width: 650px !important;
}
.w-700px {
  width: 700px !important;
}
.w-750px {
  width: 750px !important;
}
.w-800px {
  width: 800px !important;
}
.w-850px {
  width: 850px !important;
}
.w-900px {
  width: 900px !important;
}
.w-950px {
  width: 950px !important;
}
.w-1000px {
  width: 1000px !important;
}
.w-10 {
  width: 10% !important;
}
.w-15 {
  width: 15% !important;
}
.w-20 {
  width: 20% !important;
}
.w-25 {
  width: 25% !important;
}
.w-30 {
  width: 30% !important;
}
.w-35 {
  width: 35% !important;
}
.w-40 {
  width: 40% !important;
}
.w-45 {
  width: 45% !important;
}
.w-50 {
  width: 50% !important;
}
.w-55 {
  width: 55% !important;
}
.w-60 {
  width: 60% !important;
}
.w-65 {
  width: 65% !important;
}
.w-70 {
  width: 70% !important;
}
.w-75 {
  width: 75% !important;
}
.w-80 {
  width: 80% !important;
}
.w-85 {
  width: 85% !important;
}
.w-90 {
  width: 90% !important;
}
.w-95 {
  width: 95% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
/* ===================================
    08. Height
====================================== */
.h-1px {
  height: 1px !important;
}
.h-2px {
  height: 2px !important;
}
.h-3px {
  height: 3px !important;
}
.h-4px {
  height: 4px !important;
}
.h-5px {
  height: 5px !important;
}
.h-6px {
  height: 6px !important;
}
.h-7px {
  height: 7px !important;
}
.h-8px {
  height: 8px !important;
}
.h-9px {
  height: 9px !important;
}
.h-10px {
  height: 10px !important;
}
.h-11px {
  height: 11px !important;
}
.h-12px {
  height: 12px !important;
}
.h-13px {
  height: 13px !important;
}
.h-14px {
  height: 14px !important;
}
.h-15px {
  height: 15px !important;
}
.h-20px {
  height: 20px !important;
}
.h-25px {
  height: 25px !important;
}
.h-30px {
  height: 30px !important;
}
.h-35px {
  height: 35px !important;
}
.h-40px {
  height: 40px !important;
}
.h-42px {
  height: 42px !important;
}
.h-45px {
  height: 45px !important;
}
.h-50px {
  height: 50px !important;
}
.h-55px {
  height: 55px !important;
}
.h-60px {
  height: 60px !important;
}
.h-65px {
  height: 65px !important;
}
.h-70px {
  height: 70px !important;
}
.h-75px {
  height: 75px !important;
}
.h-80px {
  height: 80px !important;
}
.h-85px {
  height: 85px !important;
}
.h-90px {
  height: 90px !important;
}
.h-95px {
  height: 95px !important;
}
.h-100px {
  height: 100px !important;
}
.h-110px {
  height: 110px !important;
}
.h-120px {
  height: 120px !important;
}
.h-130px {
  height: 130px !important;
}
.h-140px {
  height: 140px !important;
}
.h-150px {
  height: 150px !important;
}
.h-160px {
  height: 160px !important;
}
.h-170px {
  height: 170px !important;
}
.h-180px {
  height: 180px !important;
}
.h-190px {
  height: 190px !important;
}
.h-200px {
  height: 200px !important;
}
.h-210px {
  height: 210px !important;
}
.h-220px {
  height: 220px !important;
}
.h-230px {
  height: 230px !important;
}
.h-240px {
  height: 240px !important;
}
.h-250px {
  height: 250px !important;
}
.h-260px {
  height: 260px !important;
}
.h-270px {
  height: 270px !important;
}
.h-280px {
  height: 280px !important;
}
.h-290px {
  height: 290px !important;
}
.h-300px {
  height: 300px !important;
}
.h-350px {
  height: 350px !important;
}
.h-400px {
  height: 400px !important;
}
.h-450px {
  height: 450px !important;
}
.h-480px {
  height: 480px !important;
}
.h-500px {
  height: 500px !important;
}
.h-550px {
  height: 550px !important;
}
.h-580px {
  height: 580px !important;
}
.h-600px {
  height: 600px !important;
}
.h-650px {
  height: 650px !important;
}
.h-700px {
  height: 700px !important;
}
.h-750px {
  height: 750px !important;
}
.h-800px {
  height: 800px !important;
}
.h-850px {
  height: 850px !important;
}
.h-auto {
  height: auto !important;
}
/* Screen height */
.extra-very-small-screen {
  height: 250px !important;
}
.extra-small-screen {
  height: 300px !important;
}
.small-screen {
  height: 400px !important;
}
.one-half-screen {
  height: 600px !important;
}
.one-third-screen {
  height: 700px !important;
}
.one-fourth-screen {
  height: 800px !important;
}
.one-fifth-screen {
  height: 900px !important;
}
.one-sixth-screen {
  height: 1000px !important;
}
.one-seventh-screen {
  height: 1200px !important;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto;
  }
}
/* ===================================
    09. Loop - Padding, margin, position, font weight, min height, opacity and z-index
====================================== */
/* Padding and margin */
.p-5px {
  padding: 5px !important;
}
.p-10px {
  padding: 10px !important;
}
.p-15px {
  padding: 15px !important;
}
.p-20px {
  padding: 20px !important;
}
.p-25px {
  padding: 25px !important;
}
.p-30px {
  padding: 30px !important;
}
.p-35px {
  padding: 35px !important;
}
.p-40px {
  padding: 40px !important;
}
.p-45px {
  padding: 45px !important;
}
.p-50px {
  padding: 50px !important;
}
.p-55px {
  padding: 55px !important;
}
.p-60px {
  padding: 60px !important;
}
.p-65px {
  padding: 65px !important;
}
.p-70px {
  padding: 70px !important;
}
.p-1 {
  padding: 1% !important;
}
.p-2 {
  padding: 2% !important;
}
.p-3 {
  padding: 3% !important;
}
.p-4 {
  padding: 4% !important;
}
.p-5 {
  padding: 5% !important;
}
.p-6 {
  padding: 6% !important;
}
.p-7 {
  padding: 7% !important;
}
.p-8 {
  padding: 8% !important;
}
.p-9 {
  padding: 9% !important;
}
.p-10 {
  padding: 10% !important;
}
.p-11 {
  padding: 11% !important;
}
.p-12 {
  padding: 12% !important;
}
.p-13 {
  padding: 13% !important;
}
.p-14 {
  padding: 14% !important;
}
.p-15 {
  padding: 15% !important;
}
.p-16 {
  padding: 16% !important;
}
.p-17 {
  padding: 17% !important;
}
.p-18 {
  padding: 18% !important;
}
.p-19 {
  padding: 19% !important;
}
.p-20 {
  padding: 20% !important;
}
.p-21 {
  padding: 21% !important;
}
.p-22 {
  padding: 22% !important;
}
.p-23 {
  padding: 23% !important;
}
.p-24 {
  padding: 24% !important;
}
.p-25 {
  padding: 25% !important;
}
.p-26 {
  padding: 26% !important;
}
.p-27 {
  padding: 27% !important;
}
.p-28 {
  padding: 28% !important;
}
.p-29 {
  padding: 29% !important;
}
.p-30 {
  padding: 30% !important;
}
.pt-5px {
  padding-top: 5px !important;
}
.pt-10px {
  padding-top: 10px !important;
}
.pt-15px {
  padding-top: 15px !important;
}
.pt-20px {
  padding-top: 20px !important;
}
.pt-25px {
  padding-top: 25px !important;
}
.pt-30px {
  padding-top: 30px !important;
}
.pt-35px {
  padding-top: 35px !important;
}
.pt-40px {
  padding-top: 40px !important;
}
.pt-45px {
  padding-top: 45px !important;
}
.pt-50px {
  padding-top: 50px !important;
}
.pt-55px {
  padding-top: 55px !important;
}
.pt-60px {
  padding-top: 60px !important;
}
.pt-65px {
  padding-top: 65px !important;
}
.pt-70px {
  padding-top: 70px !important;
}
.pt-1 {
  padding-top: 1% !important;
}
.pt-2 {
  padding-top: 2% !important;
}
.pt-3 {
  padding-top: 3% !important;
}
.pt-4 {
  padding-top: 4% !important;
}
.pt-5 {
  padding-top: 5% !important;
}
.pt-6 {
  padding-top: 6% !important;
}
.pt-7 {
  padding-top: 7% !important;
}
.pt-8 {
  padding-top: 8% !important;
}
.pt-9 {
  padding-top: 9% !important;
}
.pt-10 {
  padding-top: 10% !important;
}
.pt-11 {
  padding-top: 11% !important;
}
.pt-12 {
  padding-top: 12% !important;
}
.pt-13 {
  padding-top: 13% !important;
}
.pt-14 {
  padding-top: 14% !important;
}
.pt-15 {
  padding-top: 15% !important;
}
.pt-16 {
  padding-top: 16% !important;
}
.pt-17 {
  padding-top: 17% !important;
}
.pt-18 {
  padding-top: 18% !important;
}
.pt-19 {
  padding-top: 19% !important;
}
.pt-20 {
  padding-top: 20% !important;
}
.pt-21 {
  padding-top: 21% !important;
}
.pt-22 {
  padding-top: 22% !important;
}
.pt-23 {
  padding-top: 23% !important;
}
.pt-24 {
  padding-top: 24% !important;
}
.pt-25 {
  padding-top: 25% !important;
}
.pt-26 {
  padding-top: 26% !important;
}
.pt-27 {
  padding-top: 27% !important;
}
.pt-28 {
  padding-top: 28% !important;
}
.pt-29 {
  padding-top: 29% !important;
}
.pt-30 {
  padding-top: 30% !important;
}
.pe-5px {
  padding-right: 5px !important;
}
.pe-10px {
  padding-right: 10px !important;
}
.pe-15px {
  padding-right: 15px !important;
}
.pe-20px {
  padding-right: 20px !important;
}
.pe-25px {
  padding-right: 25px !important;
}
.pe-30px {
  padding-right: 30px !important;
}
.pe-35px {
  padding-right: 35px !important;
}
.pe-40px {
  padding-right: 40px !important;
}
.pe-45px {
  padding-right: 45px !important;
}
.pe-50px {
  padding-right: 50px !important;
}
.pe-55px {
  padding-right: 55px !important;
}
.pe-60px {
  padding-right: 60px !important;
}
.pe-65px {
  padding-right: 65px !important;
}
.pe-70px {
  padding-right: 70px !important;
}
.pe-1 {
  padding-right: 1% !important;
}
.pe-2 {
  padding-right: 2% !important;
}
.pe-3 {
  padding-right: 3% !important;
}
.pe-4 {
  padding-right: 4% !important;
}
.pe-5 {
  padding-right: 5% !important;
}
.pe-6 {
  padding-right: 6% !important;
}
.pe-7 {
  padding-right: 7% !important;
}
.pe-8 {
  padding-right: 8% !important;
}
.pe-9 {
  padding-right: 9% !important;
}
.pe-10 {
  padding-right: 10% !important;
}
.pe-11 {
  padding-right: 11% !important;
}
.pe-12 {
  padding-right: 12% !important;
}
.pe-13 {
  padding-right: 13% !important;
}
.pe-14 {
  padding-right: 14% !important;
}
.pe-15 {
  padding-right: 15% !important;
}
.pe-16 {
  padding-right: 16% !important;
}
.pe-17 {
  padding-right: 17% !important;
}
.pe-18 {
  padding-right: 18% !important;
}
.pe-19 {
  padding-right: 19% !important;
}
.pe-20 {
  padding-right: 20% !important;
}
.pe-21 {
  padding-right: 21% !important;
}
.pe-22 {
  padding-right: 22% !important;
}
.pe-23 {
  padding-right: 23% !important;
}
.pe-24 {
  padding-right: 24% !important;
}
.pe-25 {
  padding-right: 25% !important;
}
.pe-26 {
  padding-right: 26% !important;
}
.pe-27 {
  padding-right: 27% !important;
}
.pe-28 {
  padding-right: 28% !important;
}
.pe-29 {
  padding-right: 29% !important;
}
.pe-30 {
  padding-right: 30% !important;
}
.pb-5px {
  padding-bottom: 5px !important;
}
.pb-10px {
  padding-bottom: 10px !important;
}
.pb-15px {
  padding-bottom: 15px !important;
}
.pb-20px {
  padding-bottom: 20px !important;
}
.pb-25px {
  padding-bottom: 25px !important;
}
.pb-30px {
  padding-bottom: 30px !important;
}
.pb-35px {
  padding-bottom: 35px !important;
}
.pb-40px {
  padding-bottom: 40px !important;
}
.pb-45px {
  padding-bottom: 45px !important;
}
.pb-50px {
  padding-bottom: 50px !important;
}
.pb-55px {
  padding-bottom: 55px !important;
}
.pb-60px {
  padding-bottom: 60px !important;
}
.pb-65px {
  padding-bottom: 65px !important;
}
.pb-70px {
  padding-bottom: 70px !important;
}
.pb-1 {
  padding-bottom: 1% !important;
}
.pb-2 {
  padding-bottom: 2% !important;
}
.pb-3 {
  padding-bottom: 3% !important;
}
.pb-4 {
  padding-bottom: 4% !important;
}
.pb-5 {
  padding-bottom: 5% !important;
}
.pb-6 {
  padding-bottom: 6% !important;
}
.pb-7 {
  padding-bottom: 7% !important;
}
.pb-8 {
  padding-bottom: 8% !important;
}
.pb-9 {
  padding-bottom: 9% !important;
}
.pb-10 {
  padding-bottom: 10% !important;
}
.pb-11 {
  padding-bottom: 11% !important;
}
.pb-12 {
  padding-bottom: 12% !important;
}
.pb-13 {
  padding-bottom: 13% !important;
}
.pb-14 {
  padding-bottom: 14% !important;
}
.pb-15 {
  padding-bottom: 15% !important;
}
.pb-16 {
  padding-bottom: 16% !important;
}
.pb-17 {
  padding-bottom: 17% !important;
}
.pb-18 {
  padding-bottom: 18% !important;
}
.pb-19 {
  padding-bottom: 19% !important;
}
.pb-20 {
  padding-bottom: 20% !important;
}
.pb-21 {
  padding-bottom: 21% !important;
}
.pb-22 {
  padding-bottom: 22% !important;
}
.pb-23 {
  padding-bottom: 23% !important;
}
.pb-24 {
  padding-bottom: 24% !important;
}
.pb-25 {
  padding-bottom: 25% !important;
}
.pb-26 {
  padding-bottom: 26% !important;
}
.pb-27 {
  padding-bottom: 27% !important;
}
.pb-28 {
  padding-bottom: 28% !important;
}
.pb-29 {
  padding-bottom: 29% !important;
}
.pb-30 {
  padding-bottom: 30% !important;
}
.ps-5px {
  padding-left: 5px !important;
}
.ps-10px {
  padding-left: 10px !important;
}
.ps-15px {
  padding-left: 15px !important;
}
.ps-20px {
  padding-left: 20px !important;
}
.ps-25px {
  padding-left: 25px !important;
}
.ps-30px {
  padding-left: 30px !important;
}
.ps-35px {
  padding-left: 35px !important;
}
.ps-40px {
  padding-left: 40px !important;
}
.ps-45px {
  padding-left: 45px !important;
}
.ps-50px {
  padding-left: 50px !important;
}
.ps-55px {
  padding-left: 55px !important;
}
.ps-60px {
  padding-left: 60px !important;
}
.ps-65px {
  padding-left: 65px !important;
}
.ps-70px {
  padding-left: 70px !important;
}
.ps-1 {
  padding-left: 1% !important;
}
.ps-2 {
  padding-left: 2% !important;
}
.ps-3 {
  padding-left: 3% !important;
}
.ps-4 {
  padding-left: 4% !important;
}
.ps-5 {
  padding-left: 5% !important;
}
.ps-6 {
  padding-left: 6% !important;
}
.ps-7 {
  padding-left: 7% !important;
}
.ps-8 {
  padding-left: 8% !important;
}
.ps-9 {
  padding-left: 9% !important;
}
.ps-10 {
  padding-left: 10% !important;
}
.ps-11 {
  padding-left: 11% !important;
}
.ps-12 {
  padding-left: 12% !important;
}
.ps-13 {
  padding-left: 13% !important;
}
.ps-14 {
  padding-left: 14% !important;
}
.ps-15 {
  padding-left: 15% !important;
}
.ps-16 {
  padding-left: 16% !important;
}
.ps-17 {
  padding-left: 17% !important;
}
.ps-18 {
  padding-left: 18% !important;
}
.ps-19 {
  padding-left: 19% !important;
}
.ps-20 {
  padding-left: 20% !important;
}
.ps-21 {
  padding-left: 21% !important;
}
.ps-22 {
  padding-left: 22% !important;
}
.ps-23 {
  padding-left: 23% !important;
}
.ps-24 {
  padding-left: 24% !important;
}
.ps-25 {
  padding-left: 25% !important;
}
.ps-26 {
  padding-left: 26% !important;
}
.ps-27 {
  padding-left: 27% !important;
}
.ps-28 {
  padding-left: 28% !important;
}
.ps-29 {
  padding-left: 29% !important;
}
.ps-30 {
  padding-left: 30% !important;
}
.m-5px {
  margin: 5px !important;
}
.m-10px {
  margin: 10px !important;
}
.m-15px {
  margin: 15px !important;
}
.m-20px {
  margin: 20px !important;
}
.m-25px {
  margin: 25px !important;
}
.m-30px {
  margin: 30px !important;
}
.m-35px {
  margin: 35px !important;
}
.m-40px {
  margin: 40px !important;
}
.m-45px {
  margin: 45px !important;
}
.m-50px {
  margin: 50px !important;
}
.m-55px {
  margin: 55px !important;
}
.m-60px {
  margin: 60px !important;
}
.m-65px {
  margin: 65px !important;
}
.m-70px {
  margin: 70px !important;
}
.m-1 {
  margin: 1% !important;
}
.m-2 {
  margin: 2% !important;
}
.m-3 {
  margin: 3% !important;
}
.m-4 {
  margin: 4% !important;
}
.m-5 {
  margin: 5% !important;
}
.m-6 {
  margin: 6% !important;
}
.m-7 {
  margin: 7% !important;
}
.m-8 {
  margin: 8% !important;
}
.m-9 {
  margin: 9% !important;
}
.m-10 {
  margin: 10% !important;
}
.m-11 {
  margin: 11% !important;
}
.m-12 {
  margin: 12% !important;
}
.m-13 {
  margin: 13% !important;
}
.m-14 {
  margin: 14% !important;
}
.m-15 {
  margin: 15% !important;
}
.m-16 {
  margin: 16% !important;
}
.m-17 {
  margin: 17% !important;
}
.m-18 {
  margin: 18% !important;
}
.m-19 {
  margin: 19% !important;
}
.m-20 {
  margin: 20% !important;
}
.m-21 {
  margin: 21% !important;
}
.m-22 {
  margin: 22% !important;
}
.m-23 {
  margin: 23% !important;
}
.m-24 {
  margin: 24% !important;
}
.m-25 {
  margin: 25% !important;
}
.m-26 {
  margin: 26% !important;
}
.m-27 {
  margin: 27% !important;
}
.m-28 {
  margin: 28% !important;
}
.m-29 {
  margin: 29% !important;
}
.m-30 {
  margin: 30% !important;
}
.mt-5px {
  margin-top: 5px !important;
}
.mt-10px {
  margin-top: 10px !important;
}
.mt-15px {
  margin-top: 15px !important;
}
.mt-20px {
  margin-top: 20px !important;
}
.mt-25px {
  margin-top: 25px !important;
}
.mt-30px {
  margin-top: 30px !important;
}
.mt-35px {
  margin-top: 35px !important;
}
.mt-40px {
  margin-top: 40px !important;
}
.mt-45px {
  margin-top: 45px !important;
}
.mt-50px {
  margin-top: 50px !important;
}
.mt-55px {
  margin-top: 55px !important;
}
.mt-60px {
  margin-top: 60px !important;
}
.mt-65px {
  margin-top: 65px !important;
}
.mt-70px {
  margin-top: 70px !important;
}
.mt-80px {
  margin-top: 80px !important;
}
.mt-1 {
  margin-top: 1% !important;
}
.mt-2 {
  margin-top: 2% !important;
}
.mt-3 {
  margin-top: 3% !important;
}
.mt-4 {
  margin-top: 4% !important;
}
.mt-5 {
  margin-top: 5% !important;
}
.mt-6 {
  margin-top: 6% !important;
}
.mt-7 {
  margin-top: 7% !important;
}
.mt-8 {
  margin-top: 8% !important;
}
.mt-9 {
  margin-top: 9% !important;
}
.mt-10 {
  margin-top: 10% !important;
}
.mt-11 {
  margin-top: 11% !important;
}
.mt-12 {
  margin-top: 12% !important;
}
.mt-13 {
  margin-top: 13% !important;
}
.mt-14 {
  margin-top: 14% !important;
}
.mt-15 {
  margin-top: 15% !important;
}
.mt-16 {
  margin-top: 16% !important;
}
.mt-17 {
  margin-top: 17% !important;
}
.mt-18 {
  margin-top: 18% !important;
}
.mt-19 {
  margin-top: 19% !important;
}
.mt-20 {
  margin-top: 20% !important;
}
.mt-21 {
  margin-top: 21% !important;
}
.mt-22 {
  margin-top: 22% !important;
}
.mt-23 {
  margin-top: 23% !important;
}
.mt-24 {
  margin-top: 24% !important;
}
.mt-25 {
  margin-top: 25% !important;
}
.mt-26 {
  margin-top: 26% !important;
}
.mt-27 {
  margin-top: 27% !important;
}
.mt-28 {
  margin-top: 28% !important;
}
.mt-29 {
  margin-top: 29% !important;
}
.mt-30 {
  margin-top: 30% !important;
}
.me-5px {
  margin-right: 5px !important;
}
.me-10px {
  margin-right: 10px !important;
}
.me-15px {
  margin-right: 15px !important;
}
.me-20px {
  margin-right: 20px !important;
}
.me-25px {
  margin-right: 25px !important;
}
.me-30px {
  margin-right: 30px !important;
}
.me-35px {
  margin-right: 35px !important;
}
.me-40px {
  margin-right: 40px !important;
}
.me-45px {
  margin-right: 45px !important;
}
.me-50px {
  margin-right: 50px !important;
}
.me-55px {
  margin-right: 55px !important;
}
.me-60px {
  margin-right: 60px !important;
}
.me-65px {
  margin-right: 65px !important;
}
.me-70px {
  margin-right: 70px !important;
}
.me-1 {
  margin-right: 1% !important;
}
.me-2 {
  margin-right: 2% !important;
}
.me-3 {
  margin-right: 3% !important;
}
.me-4 {
  margin-right: 4% !important;
}
.me-5 {
  margin-right: 5% !important;
}
.me-6 {
  margin-right: 6% !important;
}
.me-7 {
  margin-right: 7% !important;
}
.me-8 {
  margin-right: 8% !important;
}
.me-9 {
  margin-right: 9% !important;
}
.me-10 {
  margin-right: 10% !important;
}
.me-11 {
  margin-right: 11% !important;
}
.me-12 {
  margin-right: 12% !important;
}
.me-13 {
  margin-right: 13% !important;
}
.me-14 {
  margin-right: 14% !important;
}
.me-15 {
  margin-right: 15% !important;
}
.me-16 {
  margin-right: 16% !important;
}
.me-17 {
  margin-right: 17% !important;
}
.me-18 {
  margin-right: 18% !important;
}
.me-19 {
  margin-right: 19% !important;
}
.me-20 {
  margin-right: 20% !important;
}
.me-21 {
  margin-right: 21% !important;
}
.me-22 {
  margin-right: 22% !important;
}
.me-23 {
  margin-right: 23% !important;
}
.me-24 {
  margin-right: 24% !important;
}
.me-25 {
  margin-right: 25% !important;
}
.me-26 {
  margin-right: 26% !important;
}
.me-27 {
  margin-right: 27% !important;
}
.me-28 {
  margin-right: 28% !important;
}
.me-29 {
  margin-right: 29% !important;
}
.me-30 {
  margin-right: 30% !important;
}
.mb-5px {
  margin-bottom: 5px !important;
}
.mb-10px {
  margin-bottom: 10px !important;
}
.mb-15px {
  margin-bottom: 15px !important;
}
.mb-20px {
  margin-bottom: 20px !important;
}
.mb-25px {
  margin-bottom: 25px !important;
}
.mb-30px {
  margin-bottom: 30px !important;
}
.mb-35px {
  margin-bottom: 35px !important;
}
.mb-40px {
  margin-bottom: 40px !important;
}
.mb-45px {
  margin-bottom: 45px !important;
}
.mb-50px {
  margin-bottom: 50px !important;
}
.mb-55px {
  margin-bottom: 55px !important;
}
.mb-60px {
  margin-bottom: 60px !important;
}
.mb-65px {
  margin-bottom: 65px !important;
}
.mb-70px {
  margin-bottom: 70px !important;
}
.mb-1 {
  margin-bottom: 1% !important;
}
.mb-2 {
  margin-bottom: 2% !important;
}
.mb-3 {
  margin-bottom: 3% !important;
}
.mb-4 {
  margin-bottom: 4% !important;
}
.mb-5 {
  margin-bottom: 5% !important;
}
.mb-6 {
  margin-bottom: 6% !important;
}
.mb-7 {
  margin-bottom: 7% !important;
}
.mb-8 {
  margin-bottom: 8% !important;
}
.mb-9 {
  margin-bottom: 9% !important;
}
.mb-10 {
  margin-bottom: 10% !important;
}
.mb-11 {
  margin-bottom: 11% !important;
}
.mb-12 {
  margin-bottom: 12% !important;
}
.mb-13 {
  margin-bottom: 13% !important;
}
.mb-14 {
  margin-bottom: 14% !important;
}
.mb-15 {
  margin-bottom: 15% !important;
}
.mb-16 {
  margin-bottom: 16% !important;
}
.mb-17 {
  margin-bottom: 17% !important;
}
.mb-18 {
  margin-bottom: 18% !important;
}
.mb-19 {
  margin-bottom: 19% !important;
}
.mb-20 {
  margin-bottom: 20% !important;
}
.mb-21 {
  margin-bottom: 21% !important;
}
.mb-22 {
  margin-bottom: 22% !important;
}
.mb-23 {
  margin-bottom: 23% !important;
}
.mb-24 {
  margin-bottom: 24% !important;
}
.mb-25 {
  margin-bottom: 25% !important;
}
.mb-26 {
  margin-bottom: 26% !important;
}
.mb-27 {
  margin-bottom: 27% !important;
}
.mb-28 {
  margin-bottom: 28% !important;
}
.mb-29 {
  margin-bottom: 29% !important;
}
.mb-30 {
  margin-bottom: 30% !important;
}
.ms-5px {
  margin-left: 5px !important;
}
.ms-10px {
  margin-left: 10px !important;
}
.ms-15px {
  margin-left: 15px !important;
}
.ms-20px {
  margin-left: 20px !important;
}
.ms-25px {
  margin-left: 25px !important;
}
.ms-30px {
  margin-left: 30px !important;
}
.ms-35px {
  margin-left: 35px !important;
}
.ms-40px {
  margin-left: 40px !important;
}
.ms-45px {
  margin-left: 45px !important;
}
.ms-50px {
  margin-left: 50px !important;
}
.ms-55px {
  margin-left: 55px !important;
}
.ms-60px {
  margin-left: 60px !important;
}
.ms-65px {
  margin-left: 65px !important;
}
.ms-70px {
  margin-left: 70px !important;
}
.ms-1 {
  margin-left: 1% !important;
}
.ms-2 {
  margin-left: 2% !important;
}
.ms-3 {
  margin-left: 3% !important;
}
.ms-4 {
  margin-left: 4% !important;
}
.ms-5 {
  margin-left: 5% !important;
}
.ms-6 {
  margin-left: 6% !important;
}
.ms-7 {
  margin-left: 7% !important;
}
.ms-8 {
  margin-left: 8% !important;
}
.ms-9 {
  margin-left: 9% !important;
}
.ms-10 {
  margin-left: 10% !important;
}
.ms-11 {
  margin-left: 11% !important;
}
.ms-12 {
  margin-left: 12% !important;
}
.ms-13 {
  margin-left: 13% !important;
}
.ms-14 {
  margin-left: 14% !important;
}
.ms-15 {
  margin-left: 15% !important;
}
.ms-16 {
  margin-left: 16% !important;
}
.ms-17 {
  margin-left: 17% !important;
}
.ms-18 {
  margin-left: 18% !important;
}
.ms-19 {
  margin-left: 19% !important;
}
.ms-20 {
  margin-left: 20% !important;
}
.ms-21 {
  margin-left: 21% !important;
}
.ms-22 {
  margin-left: 22% !important;
}
.ms-23 {
  margin-left: 23% !important;
}
.ms-24 {
  margin-left: 24% !important;
}
.ms-25 {
  margin-left: 25% !important;
}
.ms-26 {
  margin-left: 26% !important;
}
.ms-27 {
  margin-left: 27% !important;
}
.ms-28 {
  margin-left: 28% !important;
}
.ms-29 {
  margin-left: 29% !important;
}
.ms-30 {
  margin-left: 30% !important;
}


.row {
    display: flex;
    flex-wrap: wrap;
    margin-inline-end: -0.75rem;
    margin-inline-start: -0.75rem;
}

.no-gutters {
    margin-inline-end: 0;
    margin-inline-start: 0;
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-inline-end: 0;
    padding-inline-start: 0;
}

.order-last {
    order: 13;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

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

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

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

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

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

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

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

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

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

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

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

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

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

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

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

.justify-content-around {
    justify-content: space-around !important;
}

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

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

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

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

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

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

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

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

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

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

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

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}