@charset "UTF-8";
/*!==============================================================================
   📚 01. Base
  ==============================================================================*/
/*!======================  🧩 1.1. Variables ======================*/
:root {
   --heading-font-family: 'Bricolage Grotesque', sans-serif;
   --body-font-family: Hind, sans-serif;
   --heading-font-weight: 700;
   --section-title-font-weight: 700;
   --body-font-size: 16px;
   --display-one: 3rem;
   --display-two: 2.5rem;
   --display-three: 2.25rem;
   --heading-one: 2rem;
   --heading-two: 1.75rem;
   --heading-three: 1.375rem;
   --heading-four: 1.25rem;
   --heading-five: 1.125rem;
   --heading-six: 1rem;
   --brand-color: #58A942;
   --brand-color-1: #094f98;
   --brand-color-rgb: 245, 66, 49;
   --brand-color-1-rgb: 9, 79, 152;
   --brand-h: 5.2040816327deg;
   --brand-s: 90.7407407407%;
   --brand-l: 57.6470588235%;
   --brand-color-light-5: hsl(var(--brand-h), var(--brand-s), calc(var(--brand-l) + 5%));
   --brand-color-light-10: hsl(var(--brand-h), var(--brand-s), calc(var(--brand-l) + 10%));
   --white-color: #fff;
   --white-color-rgb: 255, 255, 255;
   --dark-color: #063668;
   --dark-color-rgb: 6, 54, 104;
   --light-color: #edf8fe;
   --light-color-rgb: 237, 248, 254;
   --text-color: #768492;
   --border-color: #eee;
   --border-dark-color: rgba(255, 255, 255, 0.1);
   --bs-border-radius: 0;
   --bs-primary-rgb: var(--brand-color-rgb);
   --bs-dark-rgb: var(--dark-color-rgb);
   --bs-light-rgb: var(--light-color-rgb);
   --bs-border-color: var(--border-color);
   --bs-progress-height: 0.6rem;
   --bs-progress-font-size: 0.75rem;
   --bs-progress-bar-color: var(--white-color);
   --bs-progress-bar-bg: var(--brand-color)
}

@supports (font-size:clamp(1rem, 1vw, 2rem)) {
   :root {
      --display-one: clamp(3rem, 1.8rem + 4vw, 4.5rem);
      --display-two: clamp(2.45rem, 1.5rem + 3vw, 4.35rem);
      --display-three: clamp(2.25rem, 1.4rem + 2.5vw, 3.5rem);
      --heading-one: clamp(2rem, 1.4rem + 2vw, 3.125rem);
      --heading-two: clamp(1.75rem, 1.2rem + 1.5vw, 2.55rem);
      --heading-three: clamp(1.375rem, 1rem + 1vw, 1.625rem);
      --heading-four: clamp(1.25rem, 0.95rem + 0.8vw, 1.5rem);
      --heading-five: clamp(1.125rem, 0.85rem + 0.6vw, 1.25rem);
      --heading-six: clamp(1rem, 0.875rem + 0.5vw, 1.125rem)
   }
}

/*!======================  ♻️ 1.2. Reset ======================*/
body,
html {
   overflow-x: hidden
}

body {
   word-break: break-word;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   font-family: var(--body-font-family);
   color: var(--text-color)
}

:root {
   scroll-behavior: inherit;
   font-size: var(--body-font-size)
}

img {
   max-width: 100%
}

a {
   color: var(--dark-color);
   transition: .5s;
   text-decoration: none;
   outline: 0 !important;
   cursor: pointer
}

a:focus,
a:hover {
   text-decoration: none
}

:focus-visible {
   outline: 2px solid var(--brand-color);
   outline-offset: 3px
}

.btn,
.nav-link {
   font-family: var(--heading-font-family)
}

/*!======================  ✍️ 1.3. Typography ======================*/
a {
   text-decoration: none;
   color: inherit
}

ol,
ul {
   padding: 0;
   margin: 0;
   list-style: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: var(--heading-font-family);
   font-weight: var(--heading-font-weight);
   color: var(--dark-color)
}

.bg-dark .h1,
.bg-dark .h2,
.bg-dark .h3,
.bg-dark .h4,
.bg-dark .h5,
.bg-dark .h6,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark.h1,
.bg-dark.h2,
.bg-dark.h3,
.bg-dark.h4,
.bg-dark.h5,
.bg-dark.h6,
.bg-primary .h1,
.bg-primary .h2,
.bg-primary .h3,
.bg-primary .h4,
.bg-primary .h5,
.bg-primary .h6,
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary.h1,
.bg-primary.h2,
.bg-primary.h3,
.bg-primary.h4,
.bg-primary.h5,
.bg-primary.h6 {
   color: var(--white-color)
}

.bg-white .h1,
.bg-white .h2,
.bg-white .h3,
.bg-white .h4,
.bg-white .h5,
.bg-white .h6,
.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6 {
   color: var(--dark-color)
}

.heading-font-family {
   font-family: var(--heading-font-family)
}

.display1 {
   font-size: var(--display-one)
}

.display2 {
   font-size: var(--display-two)
}

.display3 {
   font-size: var(--display-three)
}

.h1,
h1 {
   font-size: var(--heading-one)
}

.h2,
h2 {
   font-size: var(--heading-two)
}

.h3,
h3 {
   font-size: var(--heading-three)
}

.h4,
h4 {
   font-size: var(--heading-four)
}

.h5,
h5 {
   font-size: var(--heading-five)
}

.h6,
h6 {
   font-size: var(--heading-six)
}

dt {
   color: var(--dark-color)
}

blockquote {
   padding: 30px 70px 30px 100px;
   background-color: var(--white-color);
   display: flex;
   align-items: start;
   font-family: var(--heading-font-family);
   color: var(--dark-color);
   position: relative
}

blockquote p:before {
   font-family: Phosphor-Thin !important;
   content: "\e660";
   position: absolute;
   top: 33px;
   left: 30px;
   font-size: 42px;
   line-height: 54px;
   letter-spacing: -.02em;
   color: var(--brand-color);
   transform: rotate(180deg)
}

blockquote cite {
   font-style: normal;
   text-transform: uppercase;
   font-family: var(--heading-font-family)
}

blockquote cite:before {
   content: "\e32a";
   font-family: Phosphor-Bold !important;
   font-size: 16px;
   margin-right: 5px
}

.list-check li {
   display: flex;
   gap: 9px
}

.list-check li:before {
   font-family: Phosphor-Fill !important;
   content: "\eba6";
   color: var(--brand-color)
}

hr {
   border-top: 1px solid var(--border-color);
   opacity: 1
}

.content hr {
   border-top: 1px solid rgba(0, 0, 0, .07);
   opacity: 1
}

.sub-title-after:after {
   content: "\e32a";
   font-family: Phosphor-Bold !important;
   margin-left: 5px;
   margin-right: 16px
}

.ellipsis-2-lines {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal
}

/*!======================  🎨 1.4. Colors ======================*/
.bg-brand {
   background-color: var(--brand-color)
}

.bg-brand-1 {
   background-color: var(--brand-color-1)
}

.bg-brand-rgb-10 {
   background-color: rgba(var(--brand-color-rgb), .1)
}

.bg-dark {
   background-color: var(--dark-color)
}

.bg-darker {
   background-color: rgba(0, 0, 0, .1)
}

.bg-dark-rgb-30 {
   background-color: rgba(var(--dark-color-rgb), .3)
}

.bg-dark-rgb-50 {
   background-color: rgba(var(--dark-color-rgb), .5)
}

.bg-dark-rgb-80 {
   background-color: rgba(var(--dark-color-rgb), .8)
}

.bg-white-rgb-10 {
   background-color: rgba(var(--white-color-rgb), .1)
}

.bg-white-rgb-30 {
   background-color: rgba(var(--white-color-rgb), .3)
}

.text-light {
   color: rgba(var(--white-color-rgb), .9)
}

.text-brand-1 {
   color: var(--brand-color-1)
}

.hover-bg-primary:hover {
   background-color: var(--brand-color) !important
}

.hover-text-primary:hover {
   color: var(--brand-color) !important
}

.hover-bg-dark:hover {
   background-color: var(--dark-color) !important
}

.hover-text-dark:hover {
   color: var(--dark-color) !important
}

.hover-bg-white:hover {
   background-color: var(--white-color) !important
}

.hover-text-white:hover {
   color: var(--white-color) !important
}

/*!==============================================================================
  🧭 02. Layout
  ==============================================================================*/
.header-info-item {
   padding-right: 14px
}

.header-info-item+.header-info-item {
   border-left: 1px solid rgba(var(--white-color-rgb), .2);
   padding-left: 14px
}

.bg-stripes-light {
   background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 7px, rgba(255, 255, 255, .03) 7px, rgba(255, 255, 255, .03) 14px)
}

.bg-stripes-light-1 {
   background: repeating-linear-gradient(-45deg, #fff, #fff 9px, rgba(255, 255, 255, .2) 9px, rgba(255, 255, 255, .2) 18px)
}

.header-main {
   transition: .2s linear;
   z-index: 100;
   will-change: transform, opacity;
   position: relative
}

.header-main.fixed-header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 100;
   backdrop-filter: blur(24px);
   animation: slideDown .35s ease-out;
   box-shadow: 0 5px 16px rgba(var(--dark-color-rgb), .1);
   background-color: rgba(var(--white-color-rgb), .9)
}
.header-top-min {
   height: 12px;
   background: linear-gradient(120deg, #063668 0%, #094f98 50%, #58a942 100%);
   box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
   overflow: hidden;
   position: relative
}

.header-top-min::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(90deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
   transform: translateX(-100%);
   animation: topShimmer 7s linear infinite
}

@keyframes topShimmer {
   0% {
      transform: translateX(-120%)
   }
   100% {
      transform: translateX(120%)
   }
}

.navbar-logo {
   background-color: var(--dark-color);
   position: relative;
   z-index: 1
}

.navbar-logo::before {
   content: "";
   position: absolute;
   display: block;
   top: 0;
   left: -9999999px;
   right: 0;
   bottom: 0;
   background-color: var(--dark-color);
   z-index: -1
}

.nav-menu {
   column-gap: 24px
}

.nav-menu-item.active>a,
.nav-menu-item:hover>a {
   color: var(--brand-color)
}

.nav-menu-link {
   display: block;
   color: var(--dark-color);
   font-family: var(--heading-font-family);
   font-weight: var(--heading-font-weight);
   padding: 34px 12px 34px 0
}

@media (min-width:991px) {
   .nav-menu-link {
      font-size: 18px
   }
}

.has-submenu {
   position: relative
}

.has-submenu .nav-menu-link.active,
.has-submenu .nav-menu-link.active::before,
.has-submenu .nav-submenu-item.active a {
   color: var(--brand-color)
}

.has-submenu .nav-menu-link.active::before {
   transform: translateY(-50%) rotate(180deg) !important
}

.has-submenu:focus-within .nav-submenu,
.has-submenu:hover .nav-submenu {
   visibility: visible;
   opacity: 1
}

.has-submenu:focus-within>a::before,
.has-submenu:hover>a::before {
   transform: translateY(-50%) rotate(180deg)
}

.has-submenu>a {
   position: relative;
   padding-right: 20px
}

.has-submenu>a::before {
   position: absolute;
   content: "\e3d4";
   font-family: Phosphor !important;
   font-size: 14px;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   margin-left: 5px;
   transition: .2s linear
}

.nav-submenu {
   position: absolute;
   top: 100%;
   min-width: 190px;
   width: max-content;
   background-color: #fff;
   padding: 7px 0;
   visibility: hidden;
   opacity: 0;
   transition: .2s linear;
   z-index: 99;
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, .09), inset 0 4px 0 0 var(--brand-color)
}

@media (min-width:768px) {
   .nav-submenu {
      max-height: 400px;
      overflow-y: auto
   }
}

.nav-submenu-item {
   display: block;
   transition: .2s linear;
   position: relative
}

.nav-submenu-item.active .nav-submenu-link {
   color: var(--dark-color)
}

.nav-submenu-link {
   display: block;
   padding: 12px 14px;
   border-bottom: 1px solid var(--border-color);
   border-radius: inherit;
   color: var(--dark-color);
   font-weight: var(--heading-font-weight);
   font-family: var(--heading-font-family);
   text-transform: none;
   position: relative
}

.nav-submenu-link::before {
   position: absolute
}

.nav-submenu-link:hover {
   color: var(--brand-color)
}

.nav-submenu-item:last-child .nav-submenu-link {
   border-bottom: 0
}

.mobile-menu-wrapper {
   position: fixed;
   top: 0;
   background-color: var(--white-color);
   width: 300px;
   height: 100vh;
   overflow-y: auto;
   padding: 24px;
   padding-block-end: 68px;
   z-index: 991;
   transform: translateX(-100%);
   transition: .2s linear
}

.mobile-menu-wrapper.active {
   transform: translateX(0)
}

.close-button {
   position: absolute;
   inset-inline-end: 16px;
   inset-block-start: 16px;
   width: 28px;
   height: 28px;
   background-color: var(--brand-color);
   color: var(--white-color);
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: .2s
}

.close-button:hover {
   background-color: var(--brand-color);
   color: var(--white-color)
}

.has-submenu.submenu-open .nav-menu-link::before {
   transform: translateY(-50%) rotate(180deg)
}

.nav-menu-mobile {
   display: block
}

.nav-menu-mobile .nav-menu-link {
   border-bottom: 1px solid var(--border-color);
   position: relative;
   padding: 12px 16px 12px 0
}

.nav-menu-mobile .nav-submenu {
   position: static;
   visibility: visible;
   opacity: 1;
   box-shadow: none;
   width: 100%;
   top: 0;
   padding: 0;
   margin-left: 16px;
   display: none;
   transition: none
}

.nav-menu-mobile .nav-submenu-link {
   width: 100%;
   padding: 10px 0;
   border-radius: 0;
   border-bottom: 1px solid var(--border-color)
}

.nav-menu-mobile .nav-submenu-item:hover {
   background-color: transparent;
   color: var(--brand-color)
}

.nav-menu-mobile .nav-submenu-item::before {
   display: none
}

.service-category-item.active>.service-category-link,
.service-category-link:hover {
   color: var(--brand-color) !important
}

body,
html {
   min-height: 100%;
   margin: 0
}

body {
   display: flex;
   flex-direction: column;
   min-height: 100vh
}

.main {
   flex: 1
}

/*!==============================================================================
  🧩 03. Components
  ==============================================================================*/
.bg-img {
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat
}

.bg-img-sliced {
   background-position: top center;
   background-repeat: no-repeat
}

.bg-img-sliced-bottom,
.bg-img-sliced-bottom-lg,
.bg-img-sliced-top {
   position: relative;
   z-index: 0
}

.bg-img-sliced-bottom-lg::after,
.bg-img-sliced-bottom::after,
.bg-img-sliced-top::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   display: block;
   background-color: var(--white-color);
   z-index: -1;
   height: 60px
}

.bg-img-sliced-bottom::after {
   bottom: 0
}

.bg-img-sliced-bottom-lg::after {
   bottom: 0;
   height: 40%
}

.bg-img-sliced-top::after {
   top: 0
}

@media (min-width:768px) {
   .bg-img {
      background-position: center center
   }
}

.cover-img {
   width: 100%;
   height: 100%;
   object-fit: cover
}

.object-position-top {
   object-position: top
}

.bg-attachment-fixed {
   background-attachment: fixed !important
}

.square-pattern {
   background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, .03), rgba(255, 255, 255, .03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(to bottom, rgba(255, 255, 255, .03), rgba(255, 255, 255, .03) 1px, transparent 1px, transparent 12px);
   background-repeat: repeat, repeat;
   background-size: 12px 12px;
   background-position: top left
}

.accordion-item {
   border: 0 !important
}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
   box-shadow: none !important
}

.accordion-button {
   background-color: var(--light-color);
   color: var(--dark-color);
   font-size: 20px;
   font-weight: var(--heading-font-weight);
   transition: all .3s ease
}

.accordion-button.collapsed {
   margin-bottom: 20px
}

.accordion-button:not(.collapsed) {
   background-color: var(--light-color);
   color: var(--dark-color)
}
.section-divider {
   width: 100%;
   height: 1px;
   background: linear-gradient(to right, rgba(var(--brand-color-rgb), 0), rgba(var(--brand-color-rgb), .16), rgba(var(--brand-color-rgb), 0));
   margin: 3rem 0
}
.cta-compact-card,
.faq-compact-card {
   position: relative;
   overflow: hidden;
   transition: transform .3s ease, box-shadow .3s ease
}

.cta-compact-card::after,
.faq-compact-card::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(120deg, rgba(var(--brand-color-rgb), .08), rgba(var(--brand-color-rgb), 0));
   opacity: 0;
   transition: opacity .3s ease;
   pointer-events: none
}

.cta-compact-card:hover,
.faq-compact-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 20px 50px rgba(0, 0, 0, .12)
}

.cta-compact-card:hover::after,
.faq-compact-card:hover::after {
   opacity: 1
}
.btn-soft-primary {
   color: var(--brand-color);
   background-color: rgba(var(--brand-color-rgb), .12);
   border: 1px solid rgba(var(--brand-color-rgb), .2)
}

.btn-soft-primary:hover {
   color: #fff;
   background-color: var(--brand-color);
   border-color: var(--brand-color)
}

.testimonials-adjust {
   margin-top: 8rem;
   padding-top: 0
}

@media (min-width: 992px) {
   .testimonials-adjust {
      margin-top: 12rem
   }
}

button {
   border: 0;
   background: 0 0
}

.btn,
.form-control {
   border-radius: var(--bs-border-radius);
   padding: .8rem 1rem
}

.btn-sm {
   padding: .4rem .75rem
}

.btn {
   position: relative;
   display: inline-flex;
   align-items: center;
   gap: 12px;
   font-weight: var(--heading-font-weight);
   text-transform: uppercase
}

.btn-primary,
.btn:focus-visible {
   background-color: var(--brand-color);
   border-color: var(--brand-color)
}

.btn-primary:hover,
.btn:focus-visible:hover {
   background-color: var(--brand-color-light-5);
   border-color: var(--brand-color-light-5)
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn:focus-visible.active,
.btn:focus-visible:active,
.btn:focus-visible:focus {
   background-color: var(--brand-color-light-10) !important;
   border-color: var(--brand-color-light-10) !important
}

.btn-primary:focus-visible,
.btn:focus-visible:focus-visible {
   box-shadow: 0 0 0 .25rem rgba(var(--brand-color-rgb), .5)
}

.btn-light {
   background-color: var(--light-color)
}

.btn-dark {
   background-color: var(--brand-color-1);
   border-color: var(--brand-color-1)
}

.btn-video-popup {
   transition: all .5s ease
}
.btn-shine-pulse {
   overflow: hidden;
   box-shadow: 0 10px 30px rgba(var(--brand-color-rgb), .35);
   animation: ctaPulse 2.6s ease-in-out infinite
}

.btn-shine-pulse::after {
   content: "";
   position: absolute;
   top: -20%;
   left: -120%;
   width: 60%;
   height: 140%;
   background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%);
   transform: skewX(-18deg);
   opacity: .85;
   mix-blend-mode: screen;
   animation: ctaShine 2.6s linear infinite
}

.btn-shine-pulse:hover {
   box-shadow: 0 12px 36px rgba(var(--brand-color-rgb), .45)
}

.btn.ripple::after,
.btn.ripple::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
   width: 100%;
   height: 100%;
   transform: translate(-50%, -50%);
   box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
   animation: ripple 1.5s infinite
}

.rounded-circle.ripple::after,
.rounded-circle.ripple::before {
   border-radius: 50%
}

.btn-scroll-top {
   position: fixed;
   bottom: 58px;
   right: 78px;
   width: 46px;
   height: 46px;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 46px;
   text-align: center;
   background: var(--white-color);
   color: var(--white-color);
   border: 0;
   border-radius: 50%;
   box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
   cursor: pointer;
   z-index: 100;
   opacity: 0;
   visibility: hidden;
   transform: translateY(15px);
   transition: all .2s linear
}

.btn-scroll-top.active {
   opacity: 1;
   visibility: visible
}

.btn-scroll-top .progress-ring {
   position: absolute;
   transform: rotate(-90deg)
}

.btn-scroll-top .progress-ring-bg {
   fill: none;
   stroke: var(--border-color);
   stroke-width: 2
}

.btn-scroll-top .progress-ring-circle {
   fill: none;
   stroke: var(--brand-color);
   stroke-width: 2;
   stroke-linecap: round;
   stroke-dasharray: 0;
   stroke-dashoffset: 0;
   transition: stroke-dashoffset .2s linear
}

.btn-scroll-top .arrow {
   position: relative;
   z-index: 1;
   color: var(--brand-color);
   font-size: 16px;
   pointer-events: none
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
   outline: 0 !important;
   box-shadow: none !important;
   border-color: var(--border-color);
   transition: border-color .3s ease
}

.progress,
.progress-stacked {
   height: .5rem;
   font-size: .65rem;
   background-color: var(--bs-secondary-bg);
   border-radius: 0;
   overflow: hidden
}

.progress .progress-bar,
.progress-stacked .progress-bar {
   width: 0;
   background-color: var(--brand-color);
   transition: width 1.5s ease-in-out
}

.page-link {
   color: var(--dark-color);
   transition: color .3s ease, background-color .3s ease, border-color .3s ease;
   padding-left: 16px;
   padding-right: 16px;
   border-color: var(--white-color);
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, .09);
   font-family: var(--heading-font-family);
   font-weight: 600
}

.page-link:focus,
.page-link:hover {
   background-color: var(--white-color);
   color: var(--brand-color);
   border-color: var(--white-color)
}

.page-link.active {
   color: var(--white-color);
   background-color: var(--brand-color);
   border-color: var(--brand-color);
   box-shadow: none
}

.page-item.active .page-link {
   color: var(--white-color);
   background-color: var(--brand-color);
   border-color: var(--brand-color)
}

.overlay-dark,
.overlay-linear-left-dark,
.overlay-linear-right-dark,
.overlay-primary {
   position: relative;
   z-index: 1
}

.overlay-dark::before,
.overlay-linear-left-dark::before,
.overlay-linear-right-dark::before,
.overlay-primary::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1
}

.overlay-dark::before {
   background-color: rgba(var(--dark-color-rgb), .65)
}

.overlay-primary::before {
   background-color: rgba(var(--brand-color-rgb), .95)
}

.overlay-linear-left-dark::before {
   background-image: linear-gradient(to right, rgba(var(--dark-color-rgb), .86) 0, rgba(var(--dark-color-rgb), .7) 40%, rgba(var(--dark-color-rgb), .3) 52%, rgba(var(--dark-color-rgb), .1) 60%, rgba(var(--dark-color-rgb), 0) 100%);
   backdrop-filter: blur(0)
}

.overlay-linear-right-dark::before {
   background-image: linear-gradient(to left, rgba(var(--dark-color-rgb), .86) 0, rgba(var(--dark-color-rgb), .7) 40%, rgba(var(--dark-color-rgb), .3) 52%, rgba(var(--dark-color-rgb), .1) 60%, rgba(var(--dark-color-rgb), 0) 100%);
   backdrop-filter: blur(0)
}

@media (max-width:990.98px) {
   .overlay-linear-left-dark::before {
      background-image: linear-gradient(to right, rgba(var(--dark-color-rgb), .9) 0, rgba(var(--dark-color-rgb), .7) 100%)
   }

   .overlay-linear-right-dark::before {
      background-image: linear-gradient(to left, rgba(var(--dark-color-rgb), .9) 0, rgba(var(--dark-color-rgb), .7) 100%)
   }
}

.gallery {
   column-gap: 2rem
}

@media (min-width:768px) {
   .gallery {
      column-count: 2
   }
}

@media (min-width:991px) {
   .gallery {
      column-count: 3
   }
}

.gallery-item-description {
   opacity: 1;
   bottom: 0;
   transition: transform .4s ease, opacity .4s ease
}

@media (min-width:991px) {
   .gallery-item-description {
      bottom: -50%;
      opacity: 0;
      pointer-events: none;
      transition: bottom .4s ease, opacity .4s ease
   }

   .gallery-item:hover>.gallery-item-description {
      bottom: 0;
      opacity: 1;
      pointer-events: auto
   }
}

.counter-item-wrapper+.counter-item-wrapper .counter-item {
   border-left: 1px solid rgba(var(--white-color-rgb), .2)
}
.counter-sweep-target {
   position: relative;
   display: inline-block
}

.counter-sweep-target::after {
   content: "";
   position: absolute;
   top: 0;
   left: -45%;
   width: 32%;
   height: 100%;
   background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, 0) 100%);
   transform: skewX(-18deg);
   opacity: 0;
   pointer-events: none
}

.counter-sweep-animate::after {
   animation: counterShine .9s ease forwards
}
.counter-pulse-animate {
   animation: counterPulse .45s ease-out;
   will-change: transform
}

@keyframes counterShine {
   0% {
      opacity: 0;
      left: -50%
   }
   20% {
      opacity: 1
   }
   100% {
      opacity: 0;
      left: 130%
   }
}

@keyframes counterPulse {
   0% {
      transform: scale(1);
      text-shadow: none
   }
   50% {
      transform: scale(1.08);
      text-shadow: 0 0 12px rgba(var(--brand-color-rgb), .7)
   }
   100% {
      transform: scale(1);
      text-shadow: none
   }
}

.breadcrumb-item+.breadcrumb-item::before {
   margin: 0 5px
}

.bg-dark .breadcrumb-item {
   color: rgba(var(--white-color-rgb), .8)
}

.bg-dark .breadcrumb-item a:hover {
   color: var(--brand-color)
}

.bg-dark .breadcrumb-item i {
   color: var(--brand-color)
}

:root {
   --swiper-pagination-right: 24px;
   --swiper-pagination-color: var(--brand-color);
   --swiper-navigation-size: 20px;
   --swiper-pagination-bullet-vertical-gap: 16px;
   --swiper-pagination-bullet-horizontal-gap: 7px;
   --swiper-navigation-sides-offset: 24px;
   --swiper-navigation-color: rgba(var(--dark-color-rgb), 0.4) !important
}

.swiper-hero,
.swiper-slide {
   height: auto !important
}

.swiper-container-wrapper {
   margin: -20px;
   overflow: hidden;
   padding: 20px
}

.swiper-container-wrapper .swiper {
   overflow: visible
}

.swiper-container-wrapper .swiper-pagination {
   position: relative;
   margin-top: 38px;
   --swiper-pagination-bottom: 0
}

.swiper-pagination-bullet {
   cursor: pointer
}

.swiper-pagination-bullet-active {
   color: var(--brand-color) !important
}

.bg-dark .swiper-pagination-bullet,
.swiper-pagination-bullet.is-dark {
   color: var(--white-color);
   opacity: 1
}

.swiper-button-next,
.swiper-button-prev {
   background-color: var(--swiper-navigation-color)
}

.circle-style:after,
.circle-style:before {
   content: "";
   position: absolute;
   width: 3px;
   height: 77px;
   left: 14px;
   margin-left: -1px
}

.circle-style .swiper-pagination-bullet {
   width: 26px;
   height: 26px;
   background-color: transparent;
   position: relative;
   text-align: center;
   transform: scale(.96);
   transition: all .5s
}

.circle-style .swiper-pagination-bullet::before {
   content: "";
   width: 14px;
   height: 14px;
   background-color: currentColor;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}

.circle-style .swiper-pagination-bullet.swiper-pagination-bullet-active {
   transform: scale(1.2);
   border: 1px solid currentColor
}

.swiper-hero .circle-style:before {
   background: linear-gradient(180deg, rgba(255, 255, 255, .03) 0, #fff 100%);
   bottom: 100%
}

.swiper-hero .circle-style:after {
   background: linear-gradient(0deg, rgba(255, 255, 255, .03) 0, #fff 100%);
   top: 100%
}

.pill-style .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   border-radius: 10px;
   transition: all .3s ease
}

.pill-style .swiper-pagination-bullet-active {
   width: 24px
}

.swiper-hero-btn-next,
.swiper-hero-btn-prev {
   position: absolute;
   top: 50%;
   z-index: 1;
   margin-top: -135px
}

.swiper-hero-btn-prev {
   width: 0;
   height: 0;
   border-top: 100px solid transparent;
   border-bottom: 100px solid transparent;
   border-left: 70px solid var(--brand-color)
}

.swiper-slide-active .animated-fade-right {
   animation: fadeRight .8s ease forwards
}

.swiper-slide-active .animated-fade-left {
   animation: fadeLeft .8s ease forwards
}

.swiper-slide-active .animated-fade-up {
   animation: fadeUp .8s ease forwards
}

.swiper-slide-active .animated-fade-down {
   animation: fadeDown .8s ease forwards
}

.swiper-slide-active .animated-bounce-left {
   animation: bounceInLeft 1s ease forwards
}

.swiper-slide-active .animated-bounce-right {
   animation: bounceInRight 1s ease forwards
}

.swiper-slide-active .animated-bounce-up {
   animation: bounceInUp 1s ease forwards
}

.swiper-slide-active .animated-bounce-down {
   animation: bounceInDown 1s ease forwards
}

.section-title {
   max-width: 680px
}

.section-title .sub-title {
   font-size: 1.275rem;
   font-weight: var(--section-title-font-weight);
   text-transform: uppercase;
   margin-bottom: .75rem;
   color: var(--brand-color);
   letter-spacing: 1px;
   display: inline-flex;
   align-items: center;
   gap: 7px
}

.section-title .sub-title::before {
   content: "\e32a";
   font-family: Phosphor-Bold !important
}

.section-title .title {
   text-transform: none;
   font-weight: var(--section-title-font-weight)
}

.section-title .title .text-focused {
   color: var(--brand-color)
}

.section-title-centered {
   margin-left: auto;
   margin-right: auto;
   text-align: center
}

.section-title-centered .sub-title::after {
   content: "\e32a";
   font-family: Phosphor-Bold !important
}

.description {
   font-size: 1.0625rem
}

@media (max-width:767.98px) {
   .section-title-sm-centered {
      margin-left: auto;
      margin-right: auto;
      text-align: center
   }

   .section-title-sm-centered .sub-title::after {
      content: "\e32a";
      font-family: Phosphor-Bold !important
   }
}

.section-xs {
   padding-top: clamp(1.75rem, 1.364rem + 3.636vw, 2.5rem);
   padding-bottom: clamp(1.75rem, 1.364rem + 3.636vw, 2.5rem)
}

.section-top-xs {
   padding-top: clamp(1.75rem, 1.364rem + 3.636vw, 2.5rem)
}

.section-bottom-xs {
   padding-bottom: clamp(1.75rem, 1.364rem + 3.636vw, 2.5rem)
}

.section-sm {
   padding-top: clamp(2.5rem, 1.364rem + 3.636vw, 3.5rem);
   padding-bottom: clamp(2.5rem, 1.364rem + 3.636vw, 3.5rem)
}

.section-top-sm {
   padding-top: clamp(2.5rem, 1.364rem + 3.636vw, 3.5rem)
}

.section-bottom-sm {
   padding-bottom: clamp(2.5rem, 1.364rem + 3.636vw, 3.5rem)
}

.section-md {
   padding-top: clamp(2.5rem, 1.364rem + 3.636vw, 5rem);
   padding-bottom: clamp(2.5rem, 1.364rem + 3.636vw, 5rem)
}

.section-top-md {
   padding-top: clamp(2.5rem, 1.364rem + 3.636vw, 5rem)
}

.section-bottom-md {
   padding-bottom: clamp(2.5rem, 1.364rem + 3.636vw, 5rem)
}

.section-lg {
   padding-top: clamp(3.75rem, 2.273rem + 4.545vw, 7.5rem);
   padding-bottom: clamp(3.75rem, 2.273rem + 4.545vw, 7.5rem)
}

.section-top-lg {
   padding-top: clamp(3.75rem, 2.273rem + 4.545vw, 7.5rem)
}

.section-bottom-lg {
   padding-bottom: clamp(3.75rem, 2.273rem + 4.545vw, 7.5rem)
}

.section-xl {
   padding-top: clamp(5rem, 2.841rem + 8.864vw, 11.35rem);
   padding-bottom: clamp(5rem, 2.841rem + 8.864vw, 11.35rem)
}

.section-top-xl {
   padding-top: clamp(5rem, 2.841rem + 8.864vw, 11.35rem)
}

.section-bottom-xl {
   padding-bottom: clamp(5rem, 2.841rem + 8.864vw, 11.35rem)
}

.section-xxl {
   padding-top: clamp(6.25rem, 3.409rem + 11.591vw, 12.75rem);
   padding-bottom: clamp(6.25rem, 3.409rem + 11.591vw, 12.75rem)
}

.section-top-xxl {
   padding-top: clamp(6.25rem, 3.409rem + 11.591vw, 12.75rem)
}

.section-bottom-xxl {
   padding-bottom: clamp(6.25rem, 3.409rem + 11.591vw, 12.75rem)
}

.feature-with-drop-col:nth-child(2n) .drop {
   color: var(--white-color)
}

.feature-with-drop-col:nth-child(2n) .drop:before {
   background-color: var(--brand-color-1)
}

.avatar-group>li:not(:last-child) {
   margin-right: -.8rem
}

.article-list-sm .article-item-sm {
   padding-bottom: 24px
}

.article-list-sm .article-item-sm+.article-item-sm {
   border-top: 1px dashed var(--border-color);
   padding-top: 24px
}

.comment {
   margin-top: 32px
}

.comment-list .children {
   position: relative;
   margin-left: 48px
}

.map-wrapper {
   filter: grayscale(100%)
}

/*!==============================================================================
  🧰 04. Utilities
  ==============================================================================*/
.flex-align,
.flex-between,
.flex-center {
   display: flex;
   align-items: center
}

.flex-center {
   justify-content: center
}

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

.top-0 {
   top: 0
}

.top-10px {
   top: 10px
}

.top-minus-10px {
   top: -10px
}

.top-15px {
   top: 15px
}

.top-minus-15px {
   top: -15px
}

.top-24px {
   top: 24px
}

.top-minus-24px {
   top: -24px
}

.top-30px {
   top: 30px
}

.top-minus-30px {
   top: -30px
}

.top-32px {
   top: 32px
}

.top-minus-32px {
   top: -32px
}

.top-36px {
   top: 36px
}

.top-minus-36px {
   top: -36px
}

.top-38px {
   top: 38px
}

.top-minus-38px {
   top: -38px
}

.top-40px {
   top: 40px
}

.top-minus-40px {
   top: -40px
}

.top-48px {
   top: 48px
}

.top-minus-48px {
   top: -48px
}

.top-54px {
   top: 54px
}

.top-minus-54px {
   top: -54px
}

.top-58px {
   top: 58px
}

.top-minus-58px {
   top: -58px
}

.top-60px {
   top: 60px
}

.top-minus-60px {
   top: -60px
}

.top-64px {
   top: 64px
}

.top-minus-64px {
   top: -64px
}

.top-100px {
   top: 100px
}

.top-minus-100px {
   top: -100px
}

.top-120px {
   top: 120px
}

.top-minus-120px {
   top: -120px
}

.top-140px {
   top: 140px
}

.top-minus-140px {
   top: -140px
}

.top-160px {
   top: 160px
}

.top-minus-160px {
   top: -160px
}

.right-0 {
   right: 0
}

.right-10px {
   right: 10px
}

.right-minus-10px {
   right: -10px
}

.right-15px {
   right: 15px
}

.right-minus-15px {
   right: -15px
}

.right-24px {
   right: 24px
}

.right-minus-24px {
   right: -24px
}

.right-30px {
   right: 30px
}

.right-minus-30px {
   right: -30px
}

.right-32px {
   right: 32px
}

.right-minus-32px {
   right: -32px
}

.right-36px {
   right: 36px
}

.right-minus-36px {
   right: -36px
}

.right-38px {
   right: 38px
}

.right-minus-38px {
   right: -38px
}

.right-40px {
   right: 40px
}

.right-minus-40px {
   right: -40px
}

.right-48px {
   right: 48px
}

.right-minus-48px {
   right: -48px
}

.right-54px {
   right: 54px
}

.right-minus-54px {
   right: -54px
}

.right-58px {
   right: 58px
}

.right-minus-58px {
   right: -58px
}

.right-60px {
   right: 60px
}

.right-minus-60px {
   right: -60px
}

.right-64px {
   right: 64px
}

.right-minus-64px {
   right: -64px
}

.right-100px {
   right: 100px
}

.right-minus-100px {
   right: -100px
}

.right-120px {
   right: 120px
}

.right-minus-120px {
   right: -120px
}

.right-140px {
   right: 140px
}

.right-minus-140px {
   right: -140px
}

.right-160px {
   right: 160px
}

.right-minus-160px {
   right: -160px
}

.bottom-0 {
   bottom: 0
}

.bottom-10px {
   bottom: 10px
}

.bottom-minus-10px {
   bottom: -10px
}

.bottom-15px {
   bottom: 15px
}

.bottom-minus-15px {
   bottom: -15px
}

.bottom-24px {
   bottom: 24px
}

.bottom-minus-24px {
   bottom: -24px
}

.bottom-30px {
   bottom: 30px
}

.bottom-minus-30px {
   bottom: -30px
}

.bottom-32px {
   bottom: 32px
}

.bottom-minus-32px {
   bottom: -32px
}

.bottom-36px {
   bottom: 36px
}

.bottom-minus-36px {
   bottom: -36px
}

.bottom-38px {
   bottom: 38px
}

.bottom-minus-38px {
   bottom: -38px
}

.bottom-40px {
   bottom: 40px
}

.bottom-minus-40px {
   bottom: -40px
}

.bottom-48px {
   bottom: 48px
}

.bottom-minus-48px {
   bottom: -48px
}

.bottom-54px {
   bottom: 54px
}

.bottom-minus-54px {
   bottom: -54px
}

.bottom-58px {
   bottom: 58px
}

.bottom-minus-58px {
   bottom: -58px
}

.bottom-60px {
   bottom: 60px
}

.bottom-minus-60px {
   bottom: -60px
}

.bottom-64px {
   bottom: 64px
}

.bottom-minus-64px {
   bottom: -64px
}

.bottom-100px {
   bottom: 100px
}

.bottom-minus-100px {
   bottom: -100px
}

.bottom-120px {
   bottom: 120px
}

.bottom-minus-120px {
   bottom: -120px
}

.bottom-140px {
   bottom: 140px
}

.bottom-minus-140px {
   bottom: -140px
}

.bottom-160px {
   bottom: 160px
}

.bottom-minus-160px {
   bottom: -160px
}

.left-0 {
   left: 0
}

.left-10px {
   left: 10px
}

.left-minus-10px {
   left: -10px
}

.left-15px {
   left: 15px
}

.left-minus-15px {
   left: -15px
}

.left-24px {
   left: 24px
}

.left-minus-24px {
   left: -24px
}

.left-30px {
   left: 30px
}

.left-minus-30px {
   left: -30px
}

.left-32px {
   left: 32px
}

.left-minus-32px {
   left: -32px
}

.left-36px {
   left: 36px
}

.left-minus-36px {
   left: -36px
}

.left-38px {
   left: 38px
}

.left-minus-38px {
   left: -38px
}

.left-40px {
   left: 40px
}

.left-minus-40px {
   left: -40px
}

.left-48px {
   left: 48px
}

.left-minus-48px {
   left: -48px
}

.left-54px {
   left: 54px
}

.left-minus-54px {
   left: -54px
}

.left-58px {
   left: 58px
}

.left-minus-58px {
   left: -58px
}

.left-60px {
   left: 60px
}

.left-minus-60px {
   left: -60px
}

.left-64px {
   left: 64px
}

.left-minus-64px {
   left: -64px
}

.left-100px {
   left: 100px
}

.left-minus-100px {
   left: -100px
}

.left-120px {
   left: 120px
}

.left-minus-120px {
   left: -120px
}

.left-140px {
   left: 140px
}

.left-minus-140px {
   left: -140px
}

.left-160px {
   left: 160px
}

.left-minus-160px {
   left: -160px
}

.top-auto {
   top: auto
}

.center-x {
   left: 50%;
   transform: translateX(-50%)
}

.center-y {
   top: 50%;
   transform: translateY(-50%)
}

.center-xy {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}

@media (min-width:1540px) {
   .left-xxxl-4per {
      left: 4% !important
   }
}

.w-24px {
   width: 1.5rem
}

.h-24px {
   height: 1.5rem
}

.min-w-24px {
   min-width: 1.5rem
}

.max-w-24px {
   max-width: 1.5rem
}

.min-h-24px {
   min-height: 1.5rem
}

.max-h-24px {
   max-height: 1.5rem
}

.w-36px {
   width: 2.25rem
}

.h-36px {
   height: 2.25rem
}

.min-w-36px {
   min-width: 2.25rem
}

.max-w-36px {
   max-width: 2.25rem
}

.min-h-36px {
   min-height: 2.25rem
}

.max-h-36px {
   max-height: 2.25rem
}

.w-38px {
   width: 2.375rem
}

.h-38px {
   height: 2.375rem
}

.min-w-38px {
   min-width: 2.375rem
}

.max-w-38px {
   max-width: 2.375rem
}

.min-h-38px {
   min-height: 2.375rem
}

.max-h-38px {
   max-height: 2.375rem
}

.w-40px {
   width: 2.5rem
}

.h-40px {
   height: 2.5rem
}

.min-w-40px {
   min-width: 2.5rem
}

.max-w-40px {
   max-width: 2.5rem
}

.min-h-40px {
   min-height: 2.5rem
}

.max-h-40px {
   max-height: 2.5rem
}

.w-42px {
   width: 2.625rem
}

.h-42px {
   height: 2.625rem
}

.min-w-42px {
   min-width: 2.625rem
}

.max-w-42px {
   max-width: 2.625rem
}

.min-h-42px {
   min-height: 2.625rem
}

.max-h-42px {
   max-height: 2.625rem
}

.w-44px {
   width: 2.75rem
}

.h-44px {
   height: 2.75rem
}

.min-w-44px {
   min-width: 2.75rem
}

.max-w-44px {
   max-width: 2.75rem
}

.min-h-44px {
   min-height: 2.75rem
}

.max-h-44px {
   max-height: 2.75rem
}

.w-46px {
   width: 2.875rem
}

.h-46px {
   height: 2.875rem
}

.min-w-46px {
   min-width: 2.875rem
}

.max-w-46px {
   max-width: 2.875rem
}

.min-h-46px {
   min-height: 2.875rem
}

.max-h-46px {
   max-height: 2.875rem
}

.w-48px {
   width: 3rem
}

.h-48px {
   height: 3rem
}

.min-w-48px {
   min-width: 3rem
}

.max-w-48px {
   max-width: 3rem
}

.min-h-48px {
   min-height: 3rem
}

.max-h-48px {
   max-height: 3rem
}

.w-52px {
   width: 3.25rem
}

.h-52px {
   height: 3.25rem
}

.min-w-52px {
   min-width: 3.25rem
}

.max-w-52px {
   max-width: 3.25rem
}

.min-h-52px {
   min-height: 3.25rem
}

.max-h-52px {
   max-height: 3.25rem
}

.w-54px {
   width: 3.375rem
}

.h-54px {
   height: 3.375rem
}

.min-w-54px {
   min-width: 3.375rem
}

.max-w-54px {
   max-width: 3.375rem
}

.min-h-54px {
   min-height: 3.375rem
}

.max-h-54px {
   max-height: 3.375rem
}

.w-56px {
   width: 3.5rem
}

.h-56px {
   height: 3.5rem
}

.min-w-56px {
   min-width: 3.5rem
}

.max-w-56px {
   max-width: 3.5rem
}

.min-h-56px {
   min-height: 3.5rem
}

.max-h-56px {
   max-height: 3.5rem
}

.w-58px {
   width: 3.625rem
}

.h-58px {
   height: 3.625rem
}

.min-w-58px {
   min-width: 3.625rem
}

.max-w-58px {
   max-width: 3.625rem
}

.min-h-58px {
   min-height: 3.625rem
}

.max-h-58px {
   max-height: 3.625rem
}

.w-60px {
   width: 3.75rem
}

.h-60px {
   height: 3.75rem
}

.min-w-60px {
   min-width: 3.75rem
}

.max-w-60px {
   max-width: 3.75rem
}

.min-h-60px {
   min-height: 3.75rem
}

.max-h-60px {
   max-height: 3.75rem
}

.w-62px {
   width: 3.875rem
}

.h-62px {
   height: 3.875rem
}

.min-w-62px {
   min-width: 3.875rem
}

.max-w-62px {
   max-width: 3.875rem
}

.min-h-62px {
   min-height: 3.875rem
}

.max-h-62px {
   max-height: 3.875rem
}

.w-64px {
   width: 4rem
}

.h-64px {
   height: 4rem
}

.min-w-64px {
   min-width: 4rem
}

.max-w-64px {
   max-width: 4rem
}

.min-h-64px {
   min-height: 4rem
}

.max-h-64px {
   max-height: 4rem
}

.w-66px {
   width: 4.125rem
}

.h-66px {
   height: 4.125rem
}

.min-w-66px {
   min-width: 4.125rem
}

.max-w-66px {
   max-width: 4.125rem
}

.min-h-66px {
   min-height: 4.125rem
}

.max-h-66px {
   max-height: 4.125rem
}

.w-68px {
   width: 4.25rem
}

.h-68px {
   height: 4.25rem
}

.min-w-68px {
   min-width: 4.25rem
}

.max-w-68px {
   max-width: 4.25rem
}

.min-h-68px {
   min-height: 4.25rem
}

.max-h-68px {
   max-height: 4.25rem
}

.w-72px {
   width: 4.5rem
}

.h-72px {
   height: 4.5rem
}

.min-w-72px {
   min-width: 4.5rem
}

.max-w-72px {
   max-width: 4.5rem
}

.min-h-72px {
   min-height: 4.5rem
}

.max-h-72px {
   max-height: 4.5rem
}

.w-74px {
   width: 4.625rem
}

.h-74px {
   height: 4.625rem
}

.min-w-74px {
   min-width: 4.625rem
}

.max-w-74px {
   max-width: 4.625rem
}

.min-h-74px {
   min-height: 4.625rem
}

.max-h-74px {
   max-height: 4.625rem
}

.w-76px {
   width: 4.75rem
}

.h-76px {
   height: 4.75rem
}

.min-w-76px {
   min-width: 4.75rem
}

.max-w-76px {
   max-width: 4.75rem
}

.min-h-76px {
   min-height: 4.75rem
}

.max-h-76px {
   max-height: 4.75rem
}

.w-78px {
   width: 4.875rem
}

.h-78px {
   height: 4.875rem
}

.min-w-78px {
   min-width: 4.875rem
}

.max-w-78px {
   max-width: 4.875rem
}

.min-h-78px {
   min-height: 4.875rem
}

.max-h-78px {
   max-height: 4.875rem
}

.w-80px {
   width: 5rem
}

.h-80px {
   height: 5rem
}

.min-w-80px {
   min-width: 5rem
}

.max-w-80px {
   max-width: 5rem
}

.min-h-80px {
   min-height: 5rem
}

.max-h-80px {
   max-height: 5rem
}

.w-84px {
   width: 5.25rem
}

.h-84px {
   height: 5.25rem
}

.min-w-84px {
   min-width: 5.25rem
}

.max-w-84px {
   max-width: 5.25rem
}

.min-h-84px {
   min-height: 5.25rem
}

.max-h-84px {
   max-height: 5.25rem
}

.w-90px {
   width: 5.625rem
}

.h-90px {
   height: 5.625rem
}

.min-w-90px {
   min-width: 5.625rem
}

.max-w-90px {
   max-width: 5.625rem
}

.min-h-90px {
   min-height: 5.625rem
}

.max-h-90px {
   max-height: 5.625rem
}

.w-96px {
   width: 6rem
}

.h-96px {
   height: 6rem
}

.min-w-96px {
   min-width: 6rem
}

.max-w-96px {
   max-width: 6rem
}

.min-h-96px {
   min-height: 6rem
}

.max-h-96px {
   max-height: 6rem
}

.w-120px {
   width: 7.5rem
}

.h-120px {
   height: 7.5rem
}

.min-w-120px {
   min-width: 7.5rem
}

.max-w-120px {
   max-width: 7.5rem
}

.min-h-120px {
   min-height: 7.5rem
}

.max-h-120px {
   max-height: 7.5rem
}

.w-140px {
   width: 8.75rem
}

.h-140px {
   height: 8.75rem
}

.min-w-140px {
   min-width: 8.75rem
}

.max-w-140px {
   max-width: 8.75rem
}

.min-h-140px {
   min-height: 8.75rem
}

.max-h-140px {
   max-height: 8.75rem
}

.w-160px {
   width: 10rem
}

.h-160px {
   height: 10rem
}

.min-w-160px {
   min-width: 10rem
}

.max-w-160px {
   max-width: 10rem
}

.min-h-160px {
   min-height: 10rem
}

.max-h-160px {
   max-height: 10rem
}

.w-200px {
   width: 12.5rem
}

.h-200px {
   height: 12.5rem
}

.min-w-200px {
   min-width: 12.5rem
}

.max-w-200px {
   max-width: 12.5rem
}

.min-h-200px {
   min-height: 12.5rem
}

.max-h-200px {
   max-height: 12.5rem
}

.w-220px {
   width: 13.75rem
}

.h-220px {
   height: 13.75rem
}

.min-w-220px {
   min-width: 13.75rem
}

.max-w-220px {
   max-width: 13.75rem
}

.min-h-220px {
   min-height: 13.75rem
}

.max-h-220px {
   max-height: 13.75rem
}

.w-240px {
   width: 15rem
}

.h-240px {
   height: 15rem
}

.min-w-240px {
   min-width: 15rem
}

.max-w-240px {
   max-width: 15rem
}

.min-h-240px {
   min-height: 15rem
}

.max-h-240px {
   max-height: 15rem
}

.w-280px {
   width: 17.5rem
}

.h-280px {
   height: 17.5rem
}

.min-w-280px {
   min-width: 17.5rem
}

.max-w-280px {
   max-width: 17.5rem
}

.min-h-280px {
   min-height: 17.5rem
}

.max-h-280px {
   max-height: 17.5rem
}

.w-340px {
   width: 21.25rem
}

.h-340px {
   height: 21.25rem
}

.min-w-340px {
   min-width: 21.25rem
}

.max-w-340px {
   max-width: 21.25rem
}

.min-h-340px {
   min-height: 21.25rem
}

.max-h-340px {
   max-height: 21.25rem
}

.w-360px {
   width: 22.5rem
}

.h-360px {
   height: 22.5rem
}

.min-w-360px {
   min-width: 22.5rem
}

.max-w-360px {
   max-width: 22.5rem
}

.min-h-360px {
   min-height: 22.5rem
}

.max-h-360px {
   max-height: 22.5rem
}

.w-380px {
   width: 23.75rem
}

.h-380px {
   height: 23.75rem
}

.min-w-380px {
   min-width: 23.75rem
}

.max-w-380px {
   max-width: 23.75rem
}

.min-h-380px {
   min-height: 23.75rem
}

.max-h-380px {
   max-height: 23.75rem
}

.w-400px {
   width: 25rem
}

.h-400px {
   height: 25rem
}

.min-w-400px {
   min-width: 25rem
}

.max-w-400px {
   max-width: 25rem
}

.min-h-400px {
   min-height: 25rem
}

.max-h-400px {
   max-height: 25rem
}

.w-480px {
   width: 30rem
}

.h-480px {
   height: 30rem
}

.min-w-480px {
   min-width: 30rem
}

.max-w-480px {
   max-width: 30rem
}

.min-h-480px {
   min-height: 30rem
}

.max-h-480px {
   max-height: 30rem
}

.w-500px {
   width: 31.25rem
}

.h-500px {
   height: 31.25rem
}

.min-w-500px {
   min-width: 31.25rem
}

.max-w-500px {
   max-width: 31.25rem
}

.min-h-500px {
   min-height: 31.25rem
}

.max-h-500px {
   max-height: 31.25rem
}

.w-520px {
   width: 32.5rem
}

.h-520px {
   height: 32.5rem
}

.min-w-520px {
   min-width: 32.5rem
}

.max-w-520px {
   max-width: 32.5rem
}

.min-h-520px {
   min-height: 32.5rem
}

.max-h-520px {
   max-height: 32.5rem
}

.w-540px {
   width: 33.75rem
}

.h-540px {
   height: 33.75rem
}

.min-w-540px {
   min-width: 33.75rem
}

.max-w-540px {
   max-width: 33.75rem
}

.min-h-540px {
   min-height: 33.75rem
}

.max-h-540px {
   max-height: 33.75rem
}

.w-560px {
   width: 35rem
}

.h-560px {
   height: 35rem
}

.min-w-560px {
   min-width: 35rem
}

.max-w-560px {
   max-width: 35rem
}

.min-h-560px {
   min-height: 35rem
}

.max-h-560px {
   max-height: 35rem
}

.w-580px {
   width: 36.25rem
}

.h-580px {
   height: 36.25rem
}

.min-w-580px {
   min-width: 36.25rem
}

.max-w-580px {
   max-width: 36.25rem
}

.min-h-580px {
   min-height: 36.25rem
}

.max-h-580px {
   max-height: 36.25rem
}

.w-600px {
   width: 37.5rem
}

.h-600px {
   height: 37.5rem
}

.min-w-600px {
   min-width: 37.5rem
}

.max-w-600px {
   max-width: 37.5rem
}

.min-h-600px {
   min-height: 37.5rem
}

.max-h-600px {
   max-height: 37.5rem
}

.w-620px {
   width: 38.75rem
}

.h-620px {
   height: 38.75rem
}

.min-w-620px {
   min-width: 38.75rem
}

.max-w-620px {
   max-width: 38.75rem
}

.min-h-620px {
   min-height: 38.75rem
}

.max-h-620px {
   max-height: 38.75rem
}

@media (min-width:991px) {
   .max-h-lg-580px {
      max-height: 36.25rem
   }

   .min-h-lg-580px {
      min-height: 36.25rem
   }

   .max-h-lg-48px {
      max-height: 3rem
   }

   .max-w-lg-480px {
      max-width: 30rem
   }
}

.w-86per {
   width: 86%
}

.w-96per {
   width: 96%
}

.max-w-65per {
   max-width: 65%
}

.w-fit-content {
   width: fit-content !important
}

.m-8px {
   margin: .5rem
}

.my-8px {
   margin-top: .5rem;
   margin-bottom: .5rem
}

.mt-8px {
   margin-top: .5rem
}

.mb-8px {
   margin-bottom: .5rem
}

.ms-8px {
   margin-left: .5rem
}

.me-8px {
   margin-right: .5rem
}

.mx-8px {
   margin-left: .5rem;
   margin-right: .5rem
}

.m-minus-8px {
   margin: -.5rem
}

.my-minus-8px {
   margin-top: -.5rem;
   margin-bottom: -.5rem
}

.mt-minus-8px {
   margin-top: -.5rem
}

.mb-minus-8px {
   margin-bottom: -.5rem
}

.ms-minus-8px {
   margin-left: -.5rem
}

.me-minus-8px {
   margin-right: -.5rem
}

.mx-minus-8px {
   margin-left: -.5rem;
   margin-right: -.5rem
}

.m-10px {
   margin: .625rem
}

.my-10px {
   margin-top: .625rem;
   margin-bottom: .625rem
}

.mt-10px {
   margin-top: .625rem
}

.mb-10px {
   margin-bottom: .625rem
}

.ms-10px {
   margin-left: .625rem
}

.me-10px {
   margin-right: .625rem
}

.mx-10px {
   margin-left: .625rem;
   margin-right: .625rem
}

.m-minus-10px {
   margin: -.625rem
}

.my-minus-10px {
   margin-top: -.625rem;
   margin-bottom: -.625rem
}

.mt-minus-10px {
   margin-top: -.625rem
}

.mb-minus-10px {
   margin-bottom: -.625rem
}

.ms-minus-10px {
   margin-left: -.625rem
}

.me-minus-10px {
   margin-right: -.625rem
}

.mx-minus-10px {
   margin-left: -.625rem;
   margin-right: -.625rem
}

.m-12px {
   margin: .75rem
}

.my-12px {
   margin-top: .75rem;
   margin-bottom: .75rem
}

.mt-12px {
   margin-top: .75rem
}

.mb-12px {
   margin-bottom: .75rem
}

.ms-12px {
   margin-left: .75rem
}

.me-12px {
   margin-right: .75rem
}

.mx-12px {
   margin-left: .75rem;
   margin-right: .75rem
}

.m-minus-12px {
   margin: -.75rem
}

.my-minus-12px {
   margin-top: -.75rem;
   margin-bottom: -.75rem
}

.mt-minus-12px {
   margin-top: -.75rem
}

.mb-minus-12px {
   margin-bottom: -.75rem
}

.ms-minus-12px {
   margin-left: -.75rem
}

.me-minus-12px {
   margin-right: -.75rem
}

.mx-minus-12px {
   margin-left: -.75rem;
   margin-right: -.75rem
}

.m-16px {
   margin: 1rem
}

.my-16px {
   margin-top: 1rem;
   margin-bottom: 1rem
}

.mt-16px {
   margin-top: 1rem
}

.mb-16px {
   margin-bottom: 1rem
}

.ms-16px {
   margin-left: 1rem
}

.me-16px {
   margin-right: 1rem
}

.mx-16px {
   margin-left: 1rem;
   margin-right: 1rem
}

.m-minus-16px {
   margin: -1rem
}

.my-minus-16px {
   margin-top: -1rem;
   margin-bottom: -1rem
}

.mt-minus-16px {
   margin-top: -1rem
}

.mb-minus-16px {
   margin-bottom: -1rem
}

.ms-minus-16px {
   margin-left: -1rem
}

.me-minus-16px {
   margin-right: -1rem
}

.mx-minus-16px {
   margin-left: -1rem;
   margin-right: -1rem
}

.m-18px {
   margin: 1.125rem
}

.my-18px {
   margin-top: 1.125rem;
   margin-bottom: 1.125rem
}

.mt-18px {
   margin-top: 1.125rem
}

.mb-18px {
   margin-bottom: 1.125rem
}

.ms-18px {
   margin-left: 1.125rem
}

.me-18px {
   margin-right: 1.125rem
}

.mx-18px {
   margin-left: 1.125rem;
   margin-right: 1.125rem
}

.m-minus-18px {
   margin: -1.125rem
}

.my-minus-18px {
   margin-top: -1.125rem;
   margin-bottom: -1.125rem
}

.mt-minus-18px {
   margin-top: -1.125rem
}

.mb-minus-18px {
   margin-bottom: -1.125rem
}

.ms-minus-18px {
   margin-left: -1.125rem
}

.me-minus-18px {
   margin-right: -1.125rem
}

.mx-minus-18px {
   margin-left: -1.125rem;
   margin-right: -1.125rem
}

.m-20px {
   margin: 1.25rem
}

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

.mt-20px {
   margin-top: 1.25rem
}

.mb-20px {
   margin-bottom: 1.25rem
}

.ms-20px {
   margin-left: 1.25rem
}

.me-20px {
   margin-right: 1.25rem
}

.mx-20px {
   margin-left: 1.25rem;
   margin-right: 1.25rem
}

.m-minus-20px {
   margin: -1.25rem
}

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

.mt-minus-20px {
   margin-top: -1.25rem
}

.mb-minus-20px {
   margin-bottom: -1.25rem
}

.ms-minus-20px {
   margin-left: -1.25rem
}

.me-minus-20px {
   margin-right: -1.25rem
}

.mx-minus-20px {
   margin-left: -1.25rem;
   margin-right: -1.25rem
}

.m-24px {
   margin: 1.5rem
}

.my-24px {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem
}

.mt-24px {
   margin-top: 1.5rem
}

.mb-24px {
   margin-bottom: 1.5rem
}

.ms-24px {
   margin-left: 1.5rem
}

.me-24px {
   margin-right: 1.5rem
}

.mx-24px {
   margin-left: 1.5rem;
   margin-right: 1.5rem
}

.m-minus-24px {
   margin: -1.5rem
}

.my-minus-24px {
   margin-top: -1.5rem;
   margin-bottom: -1.5rem
}

.mt-minus-24px {
   margin-top: -1.5rem
}

.mb-minus-24px {
   margin-bottom: -1.5rem
}

.ms-minus-24px {
   margin-left: -1.5rem
}

.me-minus-24px {
   margin-right: -1.5rem
}

.mx-minus-24px {
   margin-left: -1.5rem;
   margin-right: -1.5rem
}

.m-28px {
   margin: 1.75rem
}

.my-28px {
   margin-top: 1.75rem;
   margin-bottom: 1.75rem
}

.mt-28px {
   margin-top: 1.75rem
}

.mb-28px {
   margin-bottom: 1.75rem
}

.ms-28px {
   margin-left: 1.75rem
}

.me-28px {
   margin-right: 1.75rem
}

.mx-28px {
   margin-left: 1.75rem;
   margin-right: 1.75rem
}

.m-minus-28px {
   margin: -1.75rem
}

.my-minus-28px {
   margin-top: -1.75rem;
   margin-bottom: -1.75rem
}

.mt-minus-28px {
   margin-top: -1.75rem
}

.mb-minus-28px {
   margin-bottom: -1.75rem
}

.ms-minus-28px {
   margin-left: -1.75rem
}

.me-minus-28px {
   margin-right: -1.75rem
}

.mx-minus-28px {
   margin-left: -1.75rem;
   margin-right: -1.75rem
}

.m-30px {
   margin: 1.875rem
}

.my-30px {
   margin-top: 1.875rem;
   margin-bottom: 1.875rem
}

.mt-30px {
   margin-top: 1.875rem
}

.mb-30px {
   margin-bottom: 1.875rem
}

.ms-30px {
   margin-left: 1.875rem
}

.me-30px {
   margin-right: 1.875rem
}

.mx-30px {
   margin-left: 1.875rem;
   margin-right: 1.875rem
}

.m-minus-30px {
   margin: -1.875rem
}

.my-minus-30px {
   margin-top: -1.875rem;
   margin-bottom: -1.875rem
}

.mt-minus-30px {
   margin-top: -1.875rem
}

.mb-minus-30px {
   margin-bottom: -1.875rem
}

.ms-minus-30px {
   margin-left: -1.875rem
}

.me-minus-30px {
   margin-right: -1.875rem
}

.mx-minus-30px {
   margin-left: -1.875rem;
   margin-right: -1.875rem
}

.m-32px {
   margin: 2rem
}

.my-32px {
   margin-top: 2rem;
   margin-bottom: 2rem
}

.mt-32px {
   margin-top: 2rem
}

.mb-32px {
   margin-bottom: 2rem
}

.ms-32px {
   margin-left: 2rem
}

.me-32px {
   margin-right: 2rem
}

.mx-32px {
   margin-left: 2rem;
   margin-right: 2rem
}

.m-minus-32px {
   margin: -2rem
}

.my-minus-32px {
   margin-top: -2rem;
   margin-bottom: -2rem
}

.mt-minus-32px {
   margin-top: -2rem
}

.mb-minus-32px {
   margin-bottom: -2rem
}

.ms-minus-32px {
   margin-left: -2rem
}

.me-minus-32px {
   margin-right: -2rem
}

.mx-minus-32px {
   margin-left: -2rem;
   margin-right: -2rem
}

.m-36px {
   margin: 2.25rem
}

.my-36px {
   margin-top: 2.25rem;
   margin-bottom: 2.25rem
}

.mt-36px {
   margin-top: 2.25rem
}

.mb-36px {
   margin-bottom: 2.25rem
}

.ms-36px {
   margin-left: 2.25rem
}

.me-36px {
   margin-right: 2.25rem
}

.mx-36px {
   margin-left: 2.25rem;
   margin-right: 2.25rem
}

.m-minus-36px {
   margin: -2.25rem
}

.my-minus-36px {
   margin-top: -2.25rem;
   margin-bottom: -2.25rem
}

.mt-minus-36px {
   margin-top: -2.25rem
}

.mb-minus-36px {
   margin-bottom: -2.25rem
}

.ms-minus-36px {
   margin-left: -2.25rem
}

.me-minus-36px {
   margin-right: -2.25rem
}

.mx-minus-36px {
   margin-left: -2.25rem;
   margin-right: -2.25rem
}

.m-40px {
   margin: 2.5rem
}

.my-40px {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem
}

.mt-40px {
   margin-top: 2.5rem
}

.mb-40px {
   margin-bottom: 2.5rem
}

.ms-40px {
   margin-left: 2.5rem
}

.me-40px {
   margin-right: 2.5rem
}

.mx-40px {
   margin-left: 2.5rem;
   margin-right: 2.5rem
}

.m-minus-40px {
   margin: -2.5rem
}

.my-minus-40px {
   margin-top: -2.5rem;
   margin-bottom: -2.5rem
}

.mt-minus-40px {
   margin-top: -2.5rem
}

.mb-minus-40px {
   margin-bottom: -2.5rem
}

.ms-minus-40px {
   margin-left: -2.5rem
}

.me-minus-40px {
   margin-right: -2.5rem
}

.mx-minus-40px {
   margin-left: -2.5rem;
   margin-right: -2.5rem
}

.m-42px {
   margin: 2.625rem
}

.my-42px {
   margin-top: 2.625rem;
   margin-bottom: 2.625rem
}

.mt-42px {
   margin-top: 2.625rem
}

.mb-42px {
   margin-bottom: 2.625rem
}

.ms-42px {
   margin-left: 2.625rem
}

.me-42px {
   margin-right: 2.625rem
}

.mx-42px {
   margin-left: 2.625rem;
   margin-right: 2.625rem
}

.m-minus-42px {
   margin: -2.625rem
}

.my-minus-42px {
   margin-top: -2.625rem;
   margin-bottom: -2.625rem
}

.mt-minus-42px {
   margin-top: -2.625rem
}

.mb-minus-42px {
   margin-bottom: -2.625rem
}

.ms-minus-42px {
   margin-left: -2.625rem
}

.me-minus-42px {
   margin-right: -2.625rem
}

.mx-minus-42px {
   margin-left: -2.625rem;
   margin-right: -2.625rem
}

.m-48px {
   margin: 3rem
}

.my-48px {
   margin-top: 3rem;
   margin-bottom: 3rem
}

.mt-48px {
   margin-top: 3rem
}

.mb-48px {
   margin-bottom: 3rem
}

.ms-48px {
   margin-left: 3rem
}

.me-48px {
   margin-right: 3rem
}

.mx-48px {
   margin-left: 3rem;
   margin-right: 3rem
}

.m-minus-48px {
   margin: -3rem
}

.my-minus-48px {
   margin-top: -3rem;
   margin-bottom: -3rem
}

.mt-minus-48px {
   margin-top: -3rem
}

.mb-minus-48px {
   margin-bottom: -3rem
}

.ms-minus-48px {
   margin-left: -3rem
}

.me-minus-48px {
   margin-right: -3rem
}

.mx-minus-48px {
   margin-left: -3rem;
   margin-right: -3rem
}

.m-54px {
   margin: 3.375rem
}

.my-54px {
   margin-top: 3.375rem;
   margin-bottom: 3.375rem
}

.mt-54px {
   margin-top: 3.375rem
}

.mb-54px {
   margin-bottom: 3.375rem
}

.ms-54px {
   margin-left: 3.375rem
}

.me-54px {
   margin-right: 3.375rem
}

.mx-54px {
   margin-left: 3.375rem;
   margin-right: 3.375rem
}

.m-minus-54px {
   margin: -3.375rem
}

.my-minus-54px {
   margin-top: -3.375rem;
   margin-bottom: -3.375rem
}

.mt-minus-54px {
   margin-top: -3.375rem
}

.mb-minus-54px {
   margin-bottom: -3.375rem
}

.ms-minus-54px {
   margin-left: -3.375rem
}

.me-minus-54px {
   margin-right: -3.375rem
}

.mx-minus-54px {
   margin-left: -3.375rem;
   margin-right: -3.375rem
}

.m-58px {
   margin: 3.625rem
}

.my-58px {
   margin-top: 3.625rem;
   margin-bottom: 3.625rem
}

.mt-58px {
   margin-top: 3.625rem
}

.mb-58px {
   margin-bottom: 3.625rem
}

.ms-58px {
   margin-left: 3.625rem
}

.me-58px {
   margin-right: 3.625rem
}

.mx-58px {
   margin-left: 3.625rem;
   margin-right: 3.625rem
}

.m-minus-58px {
   margin: -3.625rem
}

.my-minus-58px {
   margin-top: -3.625rem;
   margin-bottom: -3.625rem
}

.mt-minus-58px {
   margin-top: -3.625rem
}

.mb-minus-58px {
   margin-bottom: -3.625rem
}

.ms-minus-58px {
   margin-left: -3.625rem
}

.me-minus-58px {
   margin-right: -3.625rem
}

.mx-minus-58px {
   margin-left: -3.625rem;
   margin-right: -3.625rem
}

.m-60px {
   margin: 3.75rem
}

.my-60px {
   margin-top: 3.75rem;
   margin-bottom: 3.75rem
}

.mt-60px {
   margin-top: 3.75rem
}

.mb-60px {
   margin-bottom: 3.75rem
}

.ms-60px {
   margin-left: 3.75rem
}

.me-60px {
   margin-right: 3.75rem
}

.mx-60px {
   margin-left: 3.75rem;
   margin-right: 3.75rem
}

.m-minus-60px {
   margin: -3.75rem
}

.my-minus-60px {
   margin-top: -3.75rem;
   margin-bottom: -3.75rem
}

.mt-minus-60px {
   margin-top: -3.75rem
}

.mb-minus-60px {
   margin-bottom: -3.75rem
}

.ms-minus-60px {
   margin-left: -3.75rem
}

.me-minus-60px {
   margin-right: -3.75rem
}

.mx-minus-60px {
   margin-left: -3.75rem;
   margin-right: -3.75rem
}

.m-70px {
   margin: 4.375rem
}

.my-70px {
   margin-top: 4.375rem;
   margin-bottom: 4.375rem
}

.mt-70px {
   margin-top: 4.375rem
}

.mb-70px {
   margin-bottom: 4.375rem
}

.ms-70px {
   margin-left: 4.375rem
}

.me-70px {
   margin-right: 4.375rem
}

.mx-70px {
   margin-left: 4.375rem;
   margin-right: 4.375rem
}

.m-minus-70px {
   margin: -4.375rem
}

.my-minus-70px {
   margin-top: -4.375rem;
   margin-bottom: -4.375rem
}

.mt-minus-70px {
   margin-top: -4.375rem
}

.mb-minus-70px {
   margin-bottom: -4.375rem
}

.ms-minus-70px {
   margin-left: -4.375rem
}

.me-minus-70px {
   margin-right: -4.375rem
}

.mx-minus-70px {
   margin-left: -4.375rem;
   margin-right: -4.375rem
}

.m-100px {
   margin: 6.25rem
}

.my-100px {
   margin-top: 6.25rem;
   margin-bottom: 6.25rem
}

.mt-100px {
   margin-top: 6.25rem
}

.mb-100px {
   margin-bottom: 6.25rem
}

.ms-100px {
   margin-left: 6.25rem
}

.me-100px {
   margin-right: 6.25rem
}

.mx-100px {
   margin-left: 6.25rem;
   margin-right: 6.25rem
}

.m-minus-100px {
   margin: -6.25rem
}

.my-minus-100px {
   margin-top: -6.25rem;
   margin-bottom: -6.25rem
}

.mt-minus-100px {
   margin-top: -6.25rem
}

.mb-minus-100px {
   margin-bottom: -6.25rem
}

.ms-minus-100px {
   margin-left: -6.25rem
}

.me-minus-100px {
   margin-right: -6.25rem
}

.mx-minus-100px {
   margin-left: -6.25rem;
   margin-right: -6.25rem
}

@media (min-width:1200px) {
   .ms-xl-minus-100px {
      margin-left: -100px
   }

   .me-xl-minus-100px {
      margin-right: -100px
   }

   .mt-xl-minus-100px {
      margin-top: -100px
   }
}

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

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

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

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

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

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

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

@media (min-width:1200px) {
   .p-xl-0px {
      padding: 0 !important
   }

   .pt-xl-0px {
      padding-top: 0 !important
   }

   .pb-xl-0px {
      padding-bottom: 0 !important
   }

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

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

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

@media (min-width:768px) {
   .p-md-0px {
      padding: 0 !important
   }
}

.p-2px {
   padding: .125rem !important
}

.py-2px {
   padding-top: .125rem !important;
   padding-bottom: .125rem !important
}

.pt-2px {
   padding-top: .125rem !important
}

.pb-2px {
   padding-bottom: .125rem !important
}

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

.pe-2px {
   padding-right: .125rem !important
}

.px-2px {
   padding-left: .125rem !important;
   padding-right: .125rem !important
}

@media (min-width:1200px) {
   .p-xl-2px {
      padding: .125rem !important
   }

   .pt-xl-2px {
      padding-top: .125rem !important
   }

   .pb-xl-2px {
      padding-bottom: .125rem !important
   }

   .ps-xl-2px {
      padding-left: .125rem !important
   }

   .pe-xl-2px {
      padding-right: .125rem !important
   }

   .px-xl-2px {
      padding-left: .125rem !important;
      padding-right: .125rem !important
   }
}

@media (min-width:768px) {
   .p-md-2px {
      padding: .125rem !important
   }
}

.p-4px {
   padding: .25rem !important
}

.py-4px {
   padding-top: .25rem !important;
   padding-bottom: .25rem !important
}

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

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

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

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

.px-4px {
   padding-left: .25rem !important;
   padding-right: .25rem !important
}

@media (min-width:1200px) {
   .p-xl-4px {
      padding: .25rem !important
   }

   .pt-xl-4px {
      padding-top: .25rem !important
   }

   .pb-xl-4px {
      padding-bottom: .25rem !important
   }

   .ps-xl-4px {
      padding-left: .25rem !important
   }

   .pe-xl-4px {
      padding-right: .25rem !important
   }

   .px-xl-4px {
      padding-left: .25rem !important;
      padding-right: .25rem !important
   }
}

@media (min-width:768px) {
   .p-md-4px {
      padding: .25rem !important
   }
}

.p-6px {
   padding: .375rem !important
}

.py-6px {
   padding-top: .375rem !important;
   padding-bottom: .375rem !important
}

.pt-6px {
   padding-top: .375rem !important
}

.pb-6px {
   padding-bottom: .375rem !important
}

.ps-6px {
   padding-left: .375rem !important
}

.pe-6px {
   padding-right: .375rem !important
}

.px-6px {
   padding-left: .375rem !important;
   padding-right: .375rem !important
}

@media (min-width:1200px) {
   .p-xl-6px {
      padding: .375rem !important
   }

   .pt-xl-6px {
      padding-top: .375rem !important
   }

   .pb-xl-6px {
      padding-bottom: .375rem !important
   }

   .ps-xl-6px {
      padding-left: .375rem !important
   }

   .pe-xl-6px {
      padding-right: .375rem !important
   }

   .px-xl-6px {
      padding-left: .375rem !important;
      padding-right: .375rem !important
   }
}

@media (min-width:768px) {
   .p-md-6px {
      padding: .375rem !important
   }
}

.p-8px {
   padding: .5rem !important
}

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

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

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

.ps-8px {
   padding-left: .5rem !important
}

.pe-8px {
   padding-right: .5rem !important
}

.px-8px {
   padding-left: .5rem !important;
   padding-right: .5rem !important
}

@media (min-width:1200px) {
   .p-xl-8px {
      padding: .5rem !important
   }

   .pt-xl-8px {
      padding-top: .5rem !important
   }

   .pb-xl-8px {
      padding-bottom: .5rem !important
   }

   .ps-xl-8px {
      padding-left: .5rem !important
   }

   .pe-xl-8px {
      padding-right: .5rem !important
   }

   .px-xl-8px {
      padding-left: .5rem !important;
      padding-right: .5rem !important
   }
}

@media (min-width:768px) {
   .p-md-8px {
      padding: .5rem !important
   }
}

.p-10px {
   padding: .625rem !important
}

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

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

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

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

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

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

@media (min-width:1200px) {
   .p-xl-10px {
      padding: .625rem !important
   }

   .pt-xl-10px {
      padding-top: .625rem !important
   }

   .pb-xl-10px {
      padding-bottom: .625rem !important
   }

   .ps-xl-10px {
      padding-left: .625rem !important
   }

   .pe-xl-10px {
      padding-right: .625rem !important
   }

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

@media (min-width:768px) {
   .p-md-10px {
      padding: .625rem !important
   }
}

.p-12px {
   padding: .75rem !important
}

.py-12px {
   padding-top: .75rem !important;
   padding-bottom: .75rem !important
}

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

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

.ps-12px {
   padding-left: .75rem !important
}

.pe-12px {
   padding-right: .75rem !important
}

.px-12px {
   padding-left: .75rem !important;
   padding-right: .75rem !important
}

@media (min-width:1200px) {
   .p-xl-12px {
      padding: .75rem !important
   }

   .pt-xl-12px {
      padding-top: .75rem !important
   }

   .pb-xl-12px {
      padding-bottom: .75rem !important
   }

   .ps-xl-12px {
      padding-left: .75rem !important
   }

   .pe-xl-12px {
      padding-right: .75rem !important
   }

   .px-xl-12px {
      padding-left: .75rem !important;
      padding-right: .75rem !important
   }
}

@media (min-width:768px) {
   .p-md-12px {
      padding: .75rem !important
   }
}

.p-14px {
   padding: .875rem !important
}

.py-14px {
   padding-top: .875rem !important;
   padding-bottom: .875rem !important
}

.pt-14px {
   padding-top: .875rem !important
}

.pb-14px {
   padding-bottom: .875rem !important
}

.ps-14px {
   padding-left: .875rem !important
}

.pe-14px {
   padding-right: .875rem !important
}

.px-14px {
   padding-left: .875rem !important;
   padding-right: .875rem !important
}

@media (min-width:1200px) {
   .p-xl-14px {
      padding: .875rem !important
   }

   .pt-xl-14px {
      padding-top: .875rem !important
   }

   .pb-xl-14px {
      padding-bottom: .875rem !important
   }

   .ps-xl-14px {
      padding-left: .875rem !important
   }

   .pe-xl-14px {
      padding-right: .875rem !important
   }

   .px-xl-14px {
      padding-left: .875rem !important;
      padding-right: .875rem !important
   }
}

@media (min-width:768px) {
   .p-md-14px {
      padding: .875rem !important
   }
}

.p-16px {
   padding: 1rem !important
}

.py-16px {
   padding-top: 1rem !important;
   padding-bottom: 1rem !important
}

.pt-16px {
   padding-top: 1rem !important
}

.pb-16px {
   padding-bottom: 1rem !important
}

.ps-16px {
   padding-left: 1rem !important
}

.pe-16px {
   padding-right: 1rem !important
}

.px-16px {
   padding-left: 1rem !important;
   padding-right: 1rem !important
}

@media (min-width:1200px) {
   .p-xl-16px {
      padding: 1rem !important
   }

   .pt-xl-16px {
      padding-top: 1rem !important
   }

   .pb-xl-16px {
      padding-bottom: 1rem !important
   }

   .ps-xl-16px {
      padding-left: 1rem !important
   }

   .pe-xl-16px {
      padding-right: 1rem !important
   }

   .px-xl-16px {
      padding-left: 1rem !important;
      padding-right: 1rem !important
   }
}

@media (min-width:768px) {
   .p-md-16px {
      padding: 1rem !important
   }
}

.p-18px {
   padding: 1.125rem !important
}

.py-18px {
   padding-top: 1.125rem !important;
   padding-bottom: 1.125rem !important
}

.pt-18px {
   padding-top: 1.125rem !important
}

.pb-18px {
   padding-bottom: 1.125rem !important
}

.ps-18px {
   padding-left: 1.125rem !important
}

.pe-18px {
   padding-right: 1.125rem !important
}

.px-18px {
   padding-left: 1.125rem !important;
   padding-right: 1.125rem !important
}

@media (min-width:1200px) {
   .p-xl-18px {
      padding: 1.125rem !important
   }

   .pt-xl-18px {
      padding-top: 1.125rem !important
   }

   .pb-xl-18px {
      padding-bottom: 1.125rem !important
   }

   .ps-xl-18px {
      padding-left: 1.125rem !important
   }

   .pe-xl-18px {
      padding-right: 1.125rem !important
   }

   .px-xl-18px {
      padding-left: 1.125rem !important;
      padding-right: 1.125rem !important
   }
}

@media (min-width:768px) {
   .p-md-18px {
      padding: 1.125rem !important
   }
}

.p-20px {
   padding: 1.25rem !important
}

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

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

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

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

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

.px-20px {
   padding-left: 1.25rem !important;
   padding-right: 1.25rem !important
}

@media (min-width:1200px) {
   .p-xl-20px {
      padding: 1.25rem !important
   }

   .pt-xl-20px {
      padding-top: 1.25rem !important
   }

   .pb-xl-20px {
      padding-bottom: 1.25rem !important
   }

   .ps-xl-20px {
      padding-left: 1.25rem !important
   }

   .pe-xl-20px {
      padding-right: 1.25rem !important
   }

   .px-xl-20px {
      padding-left: 1.25rem !important;
      padding-right: 1.25rem !important
   }
}

@media (min-width:768px) {
   .p-md-20px {
      padding: 1.25rem !important
   }
}

.p-22px {
   padding: 1.375rem !important
}

.py-22px {
   padding-top: 1.375rem !important;
   padding-bottom: 1.375rem !important
}

.pt-22px {
   padding-top: 1.375rem !important
}

.pb-22px {
   padding-bottom: 1.375rem !important
}

.ps-22px {
   padding-left: 1.375rem !important
}

.pe-22px {
   padding-right: 1.375rem !important
}

.px-22px {
   padding-left: 1.375rem !important;
   padding-right: 1.375rem !important
}

@media (min-width:1200px) {
   .p-xl-22px {
      padding: 1.375rem !important
   }

   .pt-xl-22px {
      padding-top: 1.375rem !important
   }

   .pb-xl-22px {
      padding-bottom: 1.375rem !important
   }

   .ps-xl-22px {
      padding-left: 1.375rem !important
   }

   .pe-xl-22px {
      padding-right: 1.375rem !important
   }

   .px-xl-22px {
      padding-left: 1.375rem !important;
      padding-right: 1.375rem !important
   }
}

@media (min-width:768px) {
   .p-md-22px {
      padding: 1.375rem !important
   }
}

.p-24px {
   padding: 1.5rem !important
}

.py-24px {
   padding-top: 1.5rem !important;
   padding-bottom: 1.5rem !important
}

.pt-24px {
   padding-top: 1.5rem !important
}

.pb-24px {
   padding-bottom: 1.5rem !important
}

.ps-24px {
   padding-left: 1.5rem !important
}

.pe-24px {
   padding-right: 1.5rem !important
}

.px-24px {
   padding-left: 1.5rem !important;
   padding-right: 1.5rem !important
}

@media (min-width:1200px) {
   .p-xl-24px {
      padding: 1.5rem !important
   }

   .pt-xl-24px {
      padding-top: 1.5rem !important
   }

   .pb-xl-24px {
      padding-bottom: 1.5rem !important
   }

   .ps-xl-24px {
      padding-left: 1.5rem !important
   }

   .pe-xl-24px {
      padding-right: 1.5rem !important
   }

   .px-xl-24px {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important
   }
}

@media (min-width:768px) {
   .p-md-24px {
      padding: 1.5rem !important
   }
}

.p-28px {
   padding: 1.75rem !important
}

.py-28px {
   padding-top: 1.75rem !important;
   padding-bottom: 1.75rem !important
}

.pt-28px {
   padding-top: 1.75rem !important
}

.pb-28px {
   padding-bottom: 1.75rem !important
}

.ps-28px {
   padding-left: 1.75rem !important
}

.pe-28px {
   padding-right: 1.75rem !important
}

.px-28px {
   padding-left: 1.75rem !important;
   padding-right: 1.75rem !important
}

@media (min-width:1200px) {
   .p-xl-28px {
      padding: 1.75rem !important
   }

   .pt-xl-28px {
      padding-top: 1.75rem !important
   }

   .pb-xl-28px {
      padding-bottom: 1.75rem !important
   }

   .ps-xl-28px {
      padding-left: 1.75rem !important
   }

   .pe-xl-28px {
      padding-right: 1.75rem !important
   }

   .px-xl-28px {
      padding-left: 1.75rem !important;
      padding-right: 1.75rem !important
   }
}

@media (min-width:768px) {
   .p-md-28px {
      padding: 1.75rem !important
   }
}

.p-30px {
   padding: 1.875rem !important
}

.py-30px {
   padding-top: 1.875rem !important;
   padding-bottom: 1.875rem !important
}

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

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

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

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

.px-30px {
   padding-left: 1.875rem !important;
   padding-right: 1.875rem !important
}

@media (min-width:1200px) {
   .p-xl-30px {
      padding: 1.875rem !important
   }

   .pt-xl-30px {
      padding-top: 1.875rem !important
   }

   .pb-xl-30px {
      padding-bottom: 1.875rem !important
   }

   .ps-xl-30px {
      padding-left: 1.875rem !important
   }

   .pe-xl-30px {
      padding-right: 1.875rem !important
   }

   .px-xl-30px {
      padding-left: 1.875rem !important;
      padding-right: 1.875rem !important
   }
}

@media (min-width:768px) {
   .p-md-30px {
      padding: 1.875rem !important
   }
}

.p-32px {
   padding: 2rem !important
}

.py-32px {
   padding-top: 2rem !important;
   padding-bottom: 2rem !important
}

.pt-32px {
   padding-top: 2rem !important
}

.pb-32px {
   padding-bottom: 2rem !important
}

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

.pe-32px {
   padding-right: 2rem !important
}

.px-32px {
   padding-left: 2rem !important;
   padding-right: 2rem !important
}

@media (min-width:1200px) {
   .p-xl-32px {
      padding: 2rem !important
   }

   .pt-xl-32px {
      padding-top: 2rem !important
   }

   .pb-xl-32px {
      padding-bottom: 2rem !important
   }

   .ps-xl-32px {
      padding-left: 2rem !important
   }

   .pe-xl-32px {
      padding-right: 2rem !important
   }

   .px-xl-32px {
      padding-left: 2rem !important;
      padding-right: 2rem !important
   }
}

@media (min-width:768px) {
   .p-md-32px {
      padding: 2rem !important
   }
}

.p-36px {
   padding: 2.25rem !important
}

.py-36px {
   padding-top: 2.25rem !important;
   padding-bottom: 2.25rem !important
}

.pt-36px {
   padding-top: 2.25rem !important
}

.pb-36px {
   padding-bottom: 2.25rem !important
}

.ps-36px {
   padding-left: 2.25rem !important
}

.pe-36px {
   padding-right: 2.25rem !important
}

.px-36px {
   padding-left: 2.25rem !important;
   padding-right: 2.25rem !important
}

@media (min-width:1200px) {
   .p-xl-36px {
      padding: 2.25rem !important
   }

   .pt-xl-36px {
      padding-top: 2.25rem !important
   }

   .pb-xl-36px {
      padding-bottom: 2.25rem !important
   }

   .ps-xl-36px {
      padding-left: 2.25rem !important
   }

   .pe-xl-36px {
      padding-right: 2.25rem !important
   }

   .px-xl-36px {
      padding-left: 2.25rem !important;
      padding-right: 2.25rem !important
   }
}

@media (min-width:768px) {
   .p-md-36px {
      padding: 2.25rem !important
   }
}

.p-40px {
   padding: 2.5rem !important
}

.py-40px {
   padding-top: 2.5rem !important;
   padding-bottom: 2.5rem !important
}

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

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

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

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

.px-40px {
   padding-left: 2.5rem !important;
   padding-right: 2.5rem !important
}

@media (min-width:1200px) {
   .p-xl-40px {
      padding: 2.5rem !important
   }

   .pt-xl-40px {
      padding-top: 2.5rem !important
   }

   .pb-xl-40px {
      padding-bottom: 2.5rem !important
   }

   .ps-xl-40px {
      padding-left: 2.5rem !important
   }

   .pe-xl-40px {
      padding-right: 2.5rem !important
   }

   .px-xl-40px {
      padding-left: 2.5rem !important;
      padding-right: 2.5rem !important
   }
}

@media (min-width:768px) {
   .p-md-40px {
      padding: 2.5rem !important
   }
}

.p-42px {
   padding: 2.625rem !important
}

.py-42px {
   padding-top: 2.625rem !important;
   padding-bottom: 2.625rem !important
}

.pt-42px {
   padding-top: 2.625rem !important
}

.pb-42px {
   padding-bottom: 2.625rem !important
}

.ps-42px {
   padding-left: 2.625rem !important
}

.pe-42px {
   padding-right: 2.625rem !important
}

.px-42px {
   padding-left: 2.625rem !important;
   padding-right: 2.625rem !important
}

@media (min-width:1200px) {
   .p-xl-42px {
      padding: 2.625rem !important
   }

   .pt-xl-42px {
      padding-top: 2.625rem !important
   }

   .pb-xl-42px {
      padding-bottom: 2.625rem !important
   }

   .ps-xl-42px {
      padding-left: 2.625rem !important
   }

   .pe-xl-42px {
      padding-right: 2.625rem !important
   }

   .px-xl-42px {
      padding-left: 2.625rem !important;
      padding-right: 2.625rem !important
   }
}

@media (min-width:768px) {
   .p-md-42px {
      padding: 2.625rem !important
   }
}

.p-48px {
   padding: 3rem !important
}

.py-48px {
   padding-top: 3rem !important;
   padding-bottom: 3rem !important
}

.pt-48px {
   padding-top: 3rem !important
}

.pb-48px {
   padding-bottom: 3rem !important
}

.ps-48px {
   padding-left: 3rem !important
}

.pe-48px {
   padding-right: 3rem !important
}

.px-48px {
   padding-left: 3rem !important;
   padding-right: 3rem !important
}

@media (min-width:1200px) {
   .p-xl-48px {
      padding: 3rem !important
   }

   .pt-xl-48px {
      padding-top: 3rem !important
   }

   .pb-xl-48px {
      padding-bottom: 3rem !important
   }

   .ps-xl-48px {
      padding-left: 3rem !important
   }

   .pe-xl-48px {
      padding-right: 3rem !important
   }

   .px-xl-48px {
      padding-left: 3rem !important;
      padding-right: 3rem !important
   }
}

@media (min-width:768px) {
   .p-md-48px {
      padding: 3rem !important
   }
}

.p-50px {
   padding: 3.125rem !important
}

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

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

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

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

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

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

@media (min-width:1200px) {
   .p-xl-50px {
      padding: 3.125rem !important
   }

   .pt-xl-50px {
      padding-top: 3.125rem !important
   }

   .pb-xl-50px {
      padding-bottom: 3.125rem !important
   }

   .ps-xl-50px {
      padding-left: 3.125rem !important
   }

   .pe-xl-50px {
      padding-right: 3.125rem !important
   }

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

@media (min-width:768px) {
   .p-md-50px {
      padding: 3.125rem !important
   }
}

.p-60px {
   padding: 3.75rem !important
}

.py-60px {
   padding-top: 3.75rem !important;
   padding-bottom: 3.75rem !important
}

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

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

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

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

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

@media (min-width:1200px) {
   .p-xl-60px {
      padding: 3.75rem !important
   }

   .pt-xl-60px {
      padding-top: 3.75rem !important
   }

   .pb-xl-60px {
      padding-bottom: 3.75rem !important
   }

   .ps-xl-60px {
      padding-left: 3.75rem !important
   }

   .pe-xl-60px {
      padding-right: 3.75rem !important
   }

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

@media (min-width:768px) {
   .p-md-60px {
      padding: 3.75rem !important
   }
}

.p-72px {
   padding: 4.5rem !important
}

.py-72px {
   padding-top: 4.5rem !important;
   padding-bottom: 4.5rem !important
}

.pt-72px {
   padding-top: 4.5rem !important
}

.pb-72px {
   padding-bottom: 4.5rem !important
}

.ps-72px {
   padding-left: 4.5rem !important
}

.pe-72px {
   padding-right: 4.5rem !important
}

.px-72px {
   padding-left: 4.5rem !important;
   padding-right: 4.5rem !important
}

@media (min-width:1200px) {
   .p-xl-72px {
      padding: 4.5rem !important
   }

   .pt-xl-72px {
      padding-top: 4.5rem !important
   }

   .pb-xl-72px {
      padding-bottom: 4.5rem !important
   }

   .ps-xl-72px {
      padding-left: 4.5rem !important
   }

   .pe-xl-72px {
      padding-right: 4.5rem !important
   }

   .px-xl-72px {
      padding-left: 4.5rem !important;
      padding-right: 4.5rem !important
   }
}

@media (min-width:768px) {
   .p-md-72px {
      padding: 4.5rem !important
   }
}

.p-80px {
   padding: 5rem !important
}

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

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

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

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

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

.px-80px {
   padding-left: 5rem !important;
   padding-right: 5rem !important
}

@media (min-width:1200px) {
   .p-xl-80px {
      padding: 5rem !important
   }

   .pt-xl-80px {
      padding-top: 5rem !important
   }

   .pb-xl-80px {
      padding-bottom: 5rem !important
   }

   .ps-xl-80px {
      padding-left: 5rem !important
   }

   .pe-xl-80px {
      padding-right: 5rem !important
   }

   .px-xl-80px {
      padding-left: 5rem !important;
      padding-right: 5rem !important
   }
}

@media (min-width:768px) {
   .p-md-80px {
      padding: 5rem !important
   }
}

.p-100px {
   padding: 6.25rem !important
}

.py-100px {
   padding-top: 6.25rem !important;
   padding-bottom: 6.25rem !important
}

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

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

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

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

.px-100px {
   padding-left: 6.25rem !important;
   padding-right: 6.25rem !important
}

@media (min-width:1200px) {
   .p-xl-100px {
      padding: 6.25rem !important
   }

   .pt-xl-100px {
      padding-top: 6.25rem !important
   }

   .pb-xl-100px {
      padding-bottom: 6.25rem !important
   }

   .ps-xl-100px {
      padding-left: 6.25rem !important
   }

   .pe-xl-100px {
      padding-right: 6.25rem !important
   }

   .px-xl-100px {
      padding-left: 6.25rem !important;
      padding-right: 6.25rem !important
   }
}

@media (min-width:768px) {
   .p-md-100px {
      padding: 6.25rem !important
   }
}

.border-dark {
   border-color: var(--border-dark-color)
}

.border-brand-1 {
   border-color: var(--brand-color-1) !important
}

.border-transparent {
   border-color: transparent
}

.border-10px {
   border-width: 10px !important
}

.border-dashed {
   border-style: dashed !important
}

.border-top-dashed {
   border-top-style: dashed !important
}

.border-offset {
   outline: 1px solid var(--brand-color);
   outline-offset: 4px;
   margin: 5px
}

.border-radius-drop {
   border-radius: 0 50% 50% 50%
}

.bg-dark .border-light {
   border-color: var(--border-dark-color) !important
}

.border-light {
   border-color: rgba(var(--white-color-rgb), .25) !important
}

.gap-2px {
   gap: .125rem !important
}

.gap-y-2px {
   row-gap: .125rem !important
}

.gap-x-2px {
   column-gap: .125rem !important
}

.gap-4px {
   gap: .25rem !important
}

.gap-y-4px {
   row-gap: .25rem !important
}

.gap-x-4px {
   column-gap: .25rem !important
}

.gap-6px {
   gap: .375rem !important
}

.gap-y-6px {
   row-gap: .375rem !important
}

.gap-x-6px {
   column-gap: .375rem !important
}

.gap-7px {
   gap: .4375rem !important
}

.gap-y-7px {
   row-gap: .4375rem !important
}

.gap-x-7px {
   column-gap: .4375rem !important
}

.gap-8px {
   gap: .5rem !important
}

.gap-y-8px {
   row-gap: .5rem !important
}

.gap-x-8px {
   column-gap: .5rem !important
}

.gap-9px {
   gap: .5625rem !important
}

.gap-y-9px {
   row-gap: .5625rem !important
}

.gap-x-9px {
   column-gap: .5625rem !important
}

.gap-10px {
   gap: .625rem !important
}

.gap-y-10px {
   row-gap: .625rem !important
}

.gap-x-10px {
   column-gap: .625rem !important
}

.gap-12px {
   gap: .75rem !important
}

.gap-y-12px {
   row-gap: .75rem !important
}

.gap-x-12px {
   column-gap: .75rem !important
}

.gap-14px {
   gap: .875rem !important
}

.gap-y-14px {
   row-gap: .875rem !important
}

.gap-x-14px {
   column-gap: .875rem !important
}

.gap-16px {
   gap: 1rem !important
}

.gap-y-16px {
   row-gap: 1rem !important
}

.gap-x-16px {
   column-gap: 1rem !important
}

.gap-18px {
   gap: 1.125rem !important
}

.gap-y-18px {
   row-gap: 1.125rem !important
}

.gap-x-18px {
   column-gap: 1.125rem !important
}

.gap-20px {
   gap: 1.25rem !important
}

.gap-y-20px {
   row-gap: 1.25rem !important
}

.gap-x-20px {
   column-gap: 1.25rem !important
}

.gap-22px {
   gap: 1.375rem !important
}

.gap-y-22px {
   row-gap: 1.375rem !important
}

.gap-x-22px {
   column-gap: 1.375rem !important
}

.gap-24px {
   gap: 1.5rem !important
}

.gap-y-24px {
   row-gap: 1.5rem !important
}

.gap-x-24px {
   column-gap: 1.5rem !important
}

.gap-26px {
   gap: 1.625rem !important
}

.gap-y-26px {
   row-gap: 1.625rem !important
}

.gap-x-26px {
   column-gap: 1.625rem !important
}

.gap-28px {
   gap: 1.75rem !important
}

.gap-y-28px {
   row-gap: 1.75rem !important
}

.gap-x-28px {
   column-gap: 1.75rem !important
}

.gap-30px {
   gap: 1.875rem !important
}

.gap-y-30px {
   row-gap: 1.875rem !important
}

.gap-x-30px {
   column-gap: 1.875rem !important
}

.gap-32px {
   gap: 2rem !important
}

.gap-y-32px {
   row-gap: 2rem !important
}

.gap-x-32px {
   column-gap: 2rem !important
}

.gap-34px {
   gap: 2.125rem !important
}

.gap-y-34px {
   row-gap: 2.125rem !important
}

.gap-x-34px {
   column-gap: 2.125rem !important
}

.gap-36px {
   gap: 2.25rem !important
}

.gap-y-36px {
   row-gap: 2.25rem !important
}

.gap-x-36px {
   column-gap: 2.25rem !important
}

.gap-38px {
   gap: 2.375rem !important
}

.gap-y-38px {
   row-gap: 2.375rem !important
}

.gap-x-38px {
   column-gap: 2.375rem !important
}

.gap-40px {
   gap: 2.5rem !important
}

.gap-y-40px {
   row-gap: 2.5rem !important
}

.gap-x-40px {
   column-gap: 2.5rem !important
}

.gap-42px {
   gap: 2.625rem !important
}

.gap-y-42px {
   row-gap: 2.625rem !important
}

.gap-x-42px {
   column-gap: 2.625rem !important
}

.gap-48px {
   gap: 3rem !important
}

.gap-y-48px {
   row-gap: 3rem !important
}

.gap-x-48px {
   column-gap: 3rem !important
}

.gap-50px {
   gap: 3.125rem !important
}

.gap-y-50px {
   row-gap: 3.125rem !important
}

.gap-x-50px {
   column-gap: 3.125rem !important
}

.gap-54px {
   gap: 3.375rem !important
}

.gap-y-54px {
   row-gap: 3.375rem !important
}

.gap-x-54px {
   column-gap: 3.375rem !important
}

.gap-56px {
   gap: 3.5rem !important
}

.gap-y-56px {
   row-gap: 3.5rem !important
}

.gap-x-56px {
   column-gap: 3.5rem !important
}

.gap-58px {
   gap: 3.625rem !important
}

.gap-y-58px {
   row-gap: 3.625rem !important
}

.gap-x-58px {
   column-gap: 3.625rem !important
}

.gap-60px {
   gap: 3.75rem !important
}

.gap-y-60px {
   row-gap: 3.75rem !important
}

.gap-x-60px {
   column-gap: 3.75rem !important
}

.gap-64px {
   gap: 4rem !important
}

.gap-y-64px {
   row-gap: 4rem !important
}

.gap-x-64px {
   column-gap: 4rem !important
}

.gap-70px {
   gap: 4.375rem !important
}

.gap-y-70px {
   row-gap: 4.375rem !important
}

.gap-x-70px {
   column-gap: 4.375rem !important
}

.gap-80px {
   gap: 5rem !important
}

.gap-y-80px {
   row-gap: 5rem !important
}

.gap-x-80px {
   column-gap: 5rem !important
}

.gap-90px {
   gap: 5.625rem !important
}

.gap-y-90px {
   row-gap: 5.625rem !important
}

.gap-x-90px {
   column-gap: 5.625rem !important
}

.gap-100px {
   gap: 6.25rem !important
}

.gap-y-100px {
   row-gap: 6.25rem !important
}

.gap-x-100px {
   column-gap: 6.25rem !important
}

.gap-120px {
   gap: 7.5rem !important
}

.gap-y-120px {
   row-gap: 7.5rem !important
}

.gap-x-120px {
   column-gap: 7.5rem !important
}

.gap-150px {
   gap: 9.375rem !important
}

.gap-y-150px {
   row-gap: 9.375rem !important
}

.gap-x-150px {
   column-gap: 9.375rem !important
}

.gap-180px {
   gap: 11.25rem !important
}

.gap-y-180px {
   row-gap: 11.25rem !important
}

.gap-x-180px {
   column-gap: 11.25rem !important
}

.gap-240px {
   gap: 15rem !important
}

.gap-y-240px {
   row-gap: 15rem !important
}

.gap-x-240px {
   column-gap: 15rem !important
}

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

.fs-8px {
   font-size: 8px !important;
   font-size: .5rem !important
}

.fs-10px {
   font-size: 10px !important;
   font-size: .625rem !important
}

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

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

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

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

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

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

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

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

.fs-24px {
   font-size: 24px !important;
   font-size: 1.5rem !important
}

.fs-28px {
   font-size: 28px !important;
   font-size: 1.75rem !important
}

.fs-32px {
   font-size: 32px !important;
   font-size: 2rem !important
}

.fs-33px {
   font-size: 33px !important;
   font-size: 2.0625rem !important
}

.fs-38px {
   font-size: 38px !important;
   font-size: 2.375rem !important
}

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

.fs-48px {
   font-size: 48px !important;
   font-size: 3rem !important
}

.fs-64px {
   font-size: 64px !important;
   font-size: 4rem !important
}

@media (min-width:991px) {
   .fs-lg-18px {
      font-size: 18px
   }
}

.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-600 {
   font-weight: 600 !important
}

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

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

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

@keyframes fadeRight {
   from {
      opacity: 0;
      transform: translateX(-100px)
   }

   to {
      opacity: 1;
      transform: translateX(0)
   }
}

@keyframes fadeLeft {
   from {
      opacity: 0;
      transform: translateX(100px)
   }

   to {
      opacity: 1;
      transform: translateX(0)
   }
}

@keyframes fadeUp {
   from {
      opacity: 0;
      transform: translateY(100px)
   }

   to {
      opacity: 1;
      transform: translateY(0)
   }
}

@keyframes fadeDown {
   from {
      opacity: 0;
      transform: translateY(-100px)
   }

   to {
      opacity: 1;
      transform: translateY(0)
   }
}

@keyframes bounceInLeft {
   0% {
      opacity: 0;
      transform: translateX(-300px)
   }

   60% {
      opacity: 1;
      transform: translateX(25px)
   }

   80% {
      transform: translateX(-10px)
   }

   100% {
      transform: translateX(0)
   }
}

@keyframes bounceInRight {
   0% {
      opacity: 0;
      transform: translateX(300px)
   }

   60% {
      opacity: 1;
      transform: translateX(-25px)
   }

   80% {
      transform: translateX(10px)
   }

   100% {
      transform: translateX(0)
   }
}

@keyframes bounceInUp {
   0% {
      opacity: 0;
      transform: translateY(300px)
   }

   60% {
      opacity: 1;
      transform: translateY(-20px)
   }

   80% {
      transform: translateY(10px)
   }

   100% {
      transform: translateY(0)
   }
}

@keyframes bounceInDown {
   0% {
      opacity: 0;
      transform: translateY(-300px)
   }

   60% {
      opacity: 1;
      transform: translateY(20px)
   }

   80% {
      transform: translateY(-10px)
   }

   100% {
      transform: translateY(0)
   }
}

@keyframes slideDown {
   from {
      transform: translateY(-100%)
   }

   to {
      transform: translateY(0)
   }
}

@keyframes ctaShine {
   0% {
      left: -120%
   }
   100% {
      left: 180%
   }
}

@keyframes ctaPulse {
   0%, 100% {
      transform: scale(1)
   }
   50% {
      transform: scale(1.04)
   }
}

@keyframes ripple {
   70% {
      box-shadow: 0 0 0 10px rgba(10, 165, 205, 0)
   }

   100% {
      box-shadow: 0 0 0 0 rgba(10, 165, 205, 0)
   }
}

@keyframes scaleIn {
   0% {
      opacity: 0;
      transform: scale(.85)
   }

   100% {
      opacity: 1;
      transform: scale(1)
   }
}

@media (prefers-reduced-motion:reduce) {
   * {
      animation: none !important;
      transition: none !important
   }
}

.wave-bouncing-loading-animation {
   -webkit-box-reflect: below -.4em linear-gradient(transparent, rgba(var(--brand-color-rgb), .2))
}

.wave-bouncing-loading-animation li {
   list-style: none;
   display: inline-block;
   font-weight: bolder;
   animation: bouncing-wave-animation 2s infinite
}

.wave-bouncing-loading-animation .bounce-1 {
   animation-delay: .1s
}

.wave-bouncing-loading-animation .bounce-2 {
   animation-delay: .2s
}

.wave-bouncing-loading-animation .bounce-3 {
   animation-delay: .3s
}

.wave-bouncing-loading-animation .bounce-4 {
   animation-delay: .4s
}

.wave-bouncing-loading-animation .bounce-5 {
   animation-delay: .5s
}

.wave-bouncing-loading-animation .bounce-6 {
   animation-delay: .6s
}

.wave-bouncing-loading-animation .bounce-7 {
   animation-delay: .7s
}

.wave-bouncing-loading-animation .bounce-8 {
   animation-delay: .8s
}

.wave-bouncing-loading-animation img {
   max-height: 200px;   /* hier Logo-Größe steuern */
   width: auto;
   display: block;
}
@keyframes bouncing-wave-animation {

   0%,
   100%,
   40% {
      transform: translateY(0)
   }

   20% {
      transform: translateY(-.4em)
   }
}

.lh-1 {
   line-height: 1 !important
}

.lh-1_05 {
   line-height: 1.05 !important
}

.lh-1_1 {
   line-height: 1.1 !important
}

.lh-1_15 {
   line-height: 1.15 !important
}

.lh-1_2 {
   line-height: 1.2 !important
}

.lh-1_5 {
   line-height: 1.5 !important
}

.lh-1_7 {
   line-height: 1.7 !important
}

.ls-minus-2px {
   letter-spacing: -2px !important
}

.ls-minus-1px {
   letter-spacing: -1px !important
}

.ls-0_5 {
   letter-spacing: .5px !important
}

.ls-1 {
   letter-spacing: 1px !important
}

.ls-2 {
   letter-spacing: 2px !important
}

.ratio-5x6 {
   --bs-aspect-ratio: calc(6 / 5 * 100%)
}

.box-shadow-sm {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.box-shadow-md {
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, .09)
}

.box-shadow-lg {
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)
}

.hover-scale {
   overflow: hidden
}

.hover-scale img {
   transition: .5s ease-in-out
}

.hover-scale:hover>img {
   transform: scale(1.1) rotate(2deg) translateY(-10px)
}

@media (min-width:991px) {
   .hover-opacity-element {
      opacity: 0;
      visibility: hidden;
      transition: .5s ease-in-out;
      pointer-events: none
   }

   .hover-opacity-trigger:hover .hover-opacity-element {
      opacity: 1;
      visibility: visible;
      pointer-events: auto
   }
}

.hover-ls-0_5px:hover {
   letter-spacing: .5px
}

.z-9999 {
   z-index: 9999
}

.drop {
   position: relative;
   width: 96px;
   height: 96px;
   color: var(--brand-color);
   z-index: 1
}

.drop::before {
   content: "";
   position: absolute;
   z-index: 0;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--light-color);
   border-radius: 0 50% 50% 50%;
   box-shadow: inset 0 0 0 5px #fff, 0 0 0 1px #eee
}

.drop i {
   z-index: 1
}