@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap);

/*!==============================================================================
   📚 01. Base
  ==============================================================================*/
/*!======================  🧩 1.1. Variables ======================*/
:root {
   --heading-font-family: Rajdhani, 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.5rem;
   --heading-five: 1.25rem;
   --heading-six: 1rem;
   --brand-color: #FD8F14;
   --brand-color-rgb: 253, 143, 20;
   --brand-h: 31.6738197425deg;
   --brand-s: 98.3122362869%;
   --brand-l: 53.5294117647%;
   --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: #182333;
   --dark-color-rgb: 24, 35, 51;
   --light-color: #f5f6f8;
   --light-color-rgb: 245, 246, 248;
   --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.5rem, 1.5rem + 3vw, 4.25rem);
      --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.5rem);
      --heading-three: clamp(1.375rem, 1rem + 1vw, 1.875rem);
      --heading-four: clamp(1.4rem, 1rem + 1vw, 1.5rem);
      --heading-five: clamp(1.25rem, 0.85rem + 0.6vw, 1.3rem);
      --heading-six: clamp(1rem, 0.875rem + 0.5vw, 1.0625rem)
   }
}

/*!======================  ♻️ 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-rgb-10 {
   background-color: rgba(var(--brand-color-rgb), .1)
}

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

.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)
}

.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
}

.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-info:first-child {
   background-color: var(--brand-color);
   position: relative;
   z-index: 1
}

.header-info:first-child::before {
   content: "";
   position: absolute;
   display: block;
   top: 0;
   left: -9999999px;
   right: 0;
   bottom: 0;
   background-color: var(--brand-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-size: 18px;
   font-family: var(--heading-font-family);
   font-weight: var(--heading-font-weight);
   padding: 32px 12px 32px 0;
   text-transform: uppercase
}

.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
}

.has-submenu>a::before {
   position: absolute;
   content: "\e136";
   font-family: Phosphor-Fill !important;
   font-size: 10px;
   font-weight: 900;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   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;
   font-size: 96%;
   color: var(--dark-color);
   font-weight: var(--heading-font-weight);
   font-family: var(--heading-font-family);
   text-transform: uppercase;
   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 {
   background-color: var(--brand-color) !important;
   color: var(--white-color)
}

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
}

.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)
}

button {
   border: 0;
   background: 0 0
}

.btn,
.form-control {
   border-radius: var(--bs-border-radius);
   padding: .7rem 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-video-popup {
   transition: all .5s ease
}

.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)
}

.common-tab .nav-item .nav-link.active {
   color: var(--white-color) !important;
   border-color: var(--brand-color) !important;
   background-color: var(--brand-color) !important
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
   color: var(--brand-color);
   background-color: var(--brand-color);
   border: 1px solid #ddd
}

.nav-link {
   color: var(--dark-color);
   text-transform: uppercase;
   font-weight: 700
}

.nav-link:focus,
.nav-link:hover {
   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), .76) 40%, rgba(var(--dark-color-rgb), .6) 45%, rgba(var(--dark-color-rgb), .4) 50%, rgba(var(--dark-color-rgb), .2) 100%)
}

.overlay-linear-right-dark::before {
   background-image: linear-gradient(to left, rgba(var(--dark-color-rgb), .86) 0, rgba(var(--dark-color-rgb), .76) 40%, rgba(var(--dark-color-rgb), .6) 45%, rgba(var(--dark-color-rgb), .4) 50%, rgba(var(--dark-color-rgb), .2) 100%)
}

@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%)
   }
} */

.step-list-vertical {
   position: relative
}

.step-list-vertical .step-list-number {
   position: relative
}

.step-list-vertical .step-list-number::after {
   content: "";
   position: absolute;
   top: 100%;
   left: 26px;
   width: 2px;
   height: 82px;
   margin-left: -1px;
   background-color: var(--border-color);
   z-index: -1
}

.step-list-vertical .step-list-item:last-child .step-list-number::after {
   content: none
}

@media (min-width:991px) {
   .step-list-horizontal .step-item-content {
      position: relative
   }

   .step-list-horizontal .step-list-number::after {
      content: "";
      position: absolute;
      top: 20px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: var(--border-color);
      z-index: -1
   }

   .step-list-horizontal .step-list-item:first-child .step-list-number::after,
   .step-list-horizontal .step-list-item:last-child .step-list-number::after {
      width: 50%
   }

   .step-list-horizontal .step-list-item:first-child .step-list-number::after {
      left: 50%
   }
}

@media (min-width:1200px) {
   .step-list-item:nth-child(2n) .step-list-number {
      background-color: var(--dark-color) !important
   }
}

@media (min-width:768px) and (max-width:1200px) {
   .step-list-vertical .step-list-item:nth-child(2n+3) .step-list-number::after {
      content: none
   }

   .step-list-horizontal .step-list-item:nth-child(2n) .step-list-number::after {
      width: 50%
   }

   .step-list-horizontal .step-list-item:nth-child(2n+3) .step-list-number::after {
      width: 50%;
      left: 50%
   }
}

.gallery {
   column-gap: 2rem
}

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

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

.gallery-item {
   position: relative
}

.gallery-item-description {
   position: absolute;
   left: 50%;
   transform: translateX(-50%) translateY(0);
   opacity: 1;
   transition: transform .4s ease, opacity .4s ease
}

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

   .gallery-item:hover>.gallery-item-description {
      transform: translateX(-50%) translateY(0);
      opacity: 1;
      pointer-events: auto
   }

   .gallery-item:hover>.gallery-item-thumb img {
      filter: brightness(50%)
   }
}

@media (min-width:768px) {
   .counter-item-wrapper+.counter-item-wrapper .counter-item {
      border-left: 1px solid rgba(var(--white-color-rgb), .2)
   }
}

.bordered-grid {
   overflow: hidden
}

.bordered-grid-wrapper {
   margin: -12px -32px
}

.bordered-grid-item {
   border-bottom: 1px solid;
   border-right: 1px solid
}

.border-light .bordered-grid-item {
   border-color: rgba(var(--white-color-rgb), .07)
}

.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 .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);
   border: 1px solid currentColor
}

.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: 620px
}

.section-title .sub-title {
   font-size: 1.0625rem;
   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: capitalize;
   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-item-icon {
   position: relative;
   display: inline-block
}

.feature-item-icon::before {
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   width: 24px;
   height: 3px;
   margin-top: -1px;
   margin-left: -12px;
   background-color: var(--brand-color);
   border-radius: 2px;
   pointer-events: none
}

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

.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%)
}

.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
   }

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

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

.w-86per {
   width: 86%
}

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

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

.m-4px {
   margin: .25rem
}

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

.mt-4px {
   margin-top: .25rem
}

.mb-4px {
   margin-bottom: .25rem
}

.ms-4px {
   margin-left: .25rem
}

.me-4px {
   margin-right: .25rem
}

.mx-4px {
   margin-left: .25rem;
   margin-right: .25rem
}

.m-minus-4px {
   margin: -.25rem
}

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

.mt-minus-4px {
   margin-top: -.25rem
}

.mb-minus-4px {
   margin-bottom: -.25rem
}

.ms-minus-4px {
   margin-left: -.25rem
}

.me-minus-4px {
   margin-right: -.25rem
}

.mx-minus-4px {
   margin-left: -.25rem;
   margin-right: -.25rem
}

.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
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.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) {
   .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
   }
}

.border-dark {
   border-color: var(--border-dark-color)
}

.border-transparent {
   border-color: transparent
}

.border-10px {
   border-width: 10px !important
}

.border-dashed {
   border-style: dashed !important
}

.border-offset {
   outline: 1px solid var(--brand-color);
   outline-offset: 4px;
   margin: 5px
}

.bg-dark .border-light {
   border-color: var(--border-dark-color) !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-8px {
   font-size: 8px !important;
   font-size: toRem(8px) !important
}

.fs-10px {
   font-size: 10px !important;
   font-size: toRem(10px) !important
}

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

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

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

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

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

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

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

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

.fs-24px {
   font-size: 24px !important;
   font-size: toRem(24px) !important
}

.fs-28px {
   font-size: 28px !important;
   font-size: toRem(28px) !important
}

.fs-32px {
   font-size: 32px !important;
   font-size: toRem(32px) !important
}

.fs-33px {
   font-size: 33px !important;
   font-size: toRem(33px) !important
}

.fs-38px {
   font-size: 38px !important;
   font-size: toRem(38px) !important
}

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

.fs-48px {
   font-size: 48px !important;
   font-size: toRem(48px) !important
}

.fs-64px {
   font-size: 64px !important;
   font-size: toRem(64px) !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 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
   }
}

.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
}
/*logo custom */

/*othercss*/
.btn-94 {
    --bg-color_94: #000;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px; /* 👈 thoda andar ka space */
    border: none;
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    transition: 500ms ease;
    min-width: 160px;   /* 👈 minimum width (mobile me text na nikle) */
    height: 50px;       /* 👈 fixed height */
    line-height: 50px;  /* 👈 text vertical center */
    z-index: 1;
    text-transform: uppercase;
    background-size: 100%;
    --bg-gold: linear-gradient(90deg, #893c15 0%, #ffde44 17%, #b1741e 24%, #ffe752 40%, #e09326 50%, #e4962a 59%, #b0781b 70%, #efb333 85%, #873a1a 100%);
    background: var(--bg-gold);
    box-sizing: border-box;
    white-space: nowrap; /* 👈 text ek hi line me rahega */
}

.btn-94 span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;   /* 👈 thoda chhota taaki fit ho */
    font-weight: bold;
    line-height: 1;    /* 👈 vertical alignment sahi */
    background: var(--bg-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* inner black bg */
.btn-94::before {
    position: absolute;
    content: '';
    inset: 3px;
    border-radius: 10px;
    background: var(--bg-color_94);
    z-index: -1;
    box-sizing: border-box;
}

/* hover effects */
.btn-94:hover {
    animation: move_94 5s infinite alternate ease-in-out;
    transform: scale(1.05); /* 👈 thoda hi zoom */
}

.btn-94:hover span {
    animation: move_94 5s infinite alternate ease-in-out;
}

.btn-94:active {
    animation: move_94 1s infinite alternate ease-in-out;
}

.btn-94:active span {
    animation: move_94 1s infinite alternate ease-in-out;
}

@keyframes move_94 {
    0% {
        background-size: 100%;
        background-position: 50%;
    }
    50% {
        background-size: 500%;
        background-position: 0%;
    }
    100% {
        background-size: 200%;
        background-position: 100%;
    }
}

/*** disabled style ***/
.btn-94:disabled {
    pointer-events: none;
    opacity: .65;
    color: #7e7e7e;
    background: #dcdcdc;
    box-shadow: none;
    --bg-color_94: #dcdcdc;
    --bg-gold: #7e7e7e;
}

/* 📱 Responsive Fix */
@media (max-width: 480px) {
    .btn-94 {
        min-width: 140px; /* mobile me thoda chhota */
        height: 45px;
        line-height: 45px;
    }
    .btn-94 span {
        font-size: 14px; /* text thoda adjust */
    }
}
.btn-94 {
    --bg-color_94: #000;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px; /* 👈 thoda andar ka space */
    border: none;
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    transition: 500ms ease;
    min-width: 160px;   /* 👈 minimum width (mobile me text na nikle) */
    height: 50px;       /* 👈 fixed height */
    line-height: 50px;  /* 👈 text vertical center */
    z-index: 1;
    text-transform: uppercase;
    background-size: 100%;
    --bg-gold: linear-gradient(90deg, #893c15 0%, #ffde44 17%, #b1741e 24%, #ffe752 40%, #e09326 50%, #e4962a 59%, #b0781b 70%, #efb333 85%, #873a1a 100%);
    background: var(--bg-gold);
    box-sizing: border-box;
    white-space: nowrap; /* 👈 text ek hi line me rahega */
}

.btn-94 span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;   /* 👈 thoda chhota taaki fit ho */
    font-weight: bold;
    line-height: 1;    /* 👈 vertical alignment sahi */
    background: var(--bg-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* inner black bg */
.btn-94::before {
    position: absolute;
    content: '';
    inset: 3px;
    border-radius: 10px;
    background: var(--bg-color_94);
    z-index: -1;
    box-sizing: border-box;
}

/* hover effects */
.btn-94:hover {
    animation: move_94 5s infinite alternate ease-in-out;
    transform: scale(1.05); /* 👈 thoda hi zoom */
}

.btn-94:hover span {
    animation: move_94 5s infinite alternate ease-in-out;
}

.btn-94:active {
    animation: move_94 1s infinite alternate ease-in-out;
}

.btn-94:active span {
    animation: move_94 1s infinite alternate ease-in-out;
}

@keyframes move_94 {
    0% {
        background-size: 100%;
        background-position: 50%;
    }
    50% {
        background-size: 500%;
        background-position: 0%;
    }
    100% {
        background-size: 200%;
        background-position: 100%;
    }
}

/*** disabled style ***/
.btn-94:disabled {
    pointer-events: none;
    opacity: .65;
    color: #7e7e7e;
    background: #dcdcdc;
    box-shadow: none;
    --bg-color_94: #dcdcdc;
    --bg-gold: #7e7e7e;
}

/* 📱 Responsive Fix */
@media (max-width: 480px) {
    .btn-94 {
        min-width: 140px; /* mobile me thoda chhota */
        height: 45px;
        line-height: 45px;
    }
    .btn-94 span {
        font-size: 14px; /* text thoda adjust */
    }
}
/*mnayakartslux*/:root{
  --gold-gradient: linear-gradient(90deg, #893c15 0%, #ffde44 17%, #b1741e 24%,#ffe752 40%, #e09326 50%, #e4962a 59%, #b0781b 70%,#efb333 85%, #873a1a 100%);
}

/* Only the text gets the gradient; parent sub-title rules remain */
.sub-title .gradient-text{
  background: var(--gold-gradient);
  background-size: 200%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block;
  animation: move_94 5s infinite alternate ease-in-out;
}

/* keep the icon before sub-title brand colored if you use it */
.section-title .sub-title::before{ color: var(--brand-color); }

/* reuse existing keyframes; if not present, include this */
@keyframes move_94{
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
/*cssof3boxes*/
/*readmore*/
/* === GOLD SHIMMER BUTTON — no image styles === */
.btn.btn-gold{
  /* fallback so it never disappears */
  background-color:#0a0a0a !important;   /* inner fill fallback */
  color:#efb333 !important;               /* visible text fallback */
  border:3px solid #efb333 !important;    /* visible border fallback */

  /* actual effect */
  --gold:linear-gradient(90deg,#893c15 0%,#ffde44 17%,#b1741e 24%,#ffe752 40%,#e09326 50%,#e4962a 59%,#b0781b 70%,#efb333 85%,#873a1a 100%);
  position:relative; z-index:1;
  display:inline-flex !important;
  align-items:center; justify-content:center;
  min-width:170px; height:50px; padding:0 28px !important;
  border-radius:10px; box-sizing:border-box; line-height:1;
  text-transform:uppercase; font-weight:700; letter-spacing:.5px;
  /* layered bg: dark fill + golden outline */
  border-color:transparent !important;
  background:
    linear-gradient(#0a0a0a,#0a0a0a) padding-box,
    var(--gold) border-box !important;
  background-size:200% 100%;
  transition:transform .2s ease, box-shadow .2s ease, background-position .2s ease;
}
.btn.btn-gold:hover{
  transform:scale(1.05);
  box-shadow:0 10px 20px rgba(0,0,0,.15);
  background-position:100% 50%;
}
.btn.btn-gold:active{ transform:scale(.98); }

.btn.btn-gold > span{ color:#ffd76a; } /* always visible text */
@supports (-webkit-background-clip:text) or (background-clip:text){
  .btn.btn-gold > span{
    background:var(--gold);
    background-size:200% 100%;
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:btnGoldText 5s ease-in-out infinite alternate;
  }
}
@keyframes btnGoldText{
  0%{ background-position:0% 50% }
  100%{ background-position:200% 50% }
}

/* Dark sections tweak (optional) */
.bg-dark .btn.btn-gold{
  background:
    linear-gradient(#0d0d0d,#0d0d0d) padding-box,
    var(--gold) border-box !important;
}
/*9 services css*/
/* ============================= */
/* SERVICE CARDS GOLD THEME STYLE */
/* ============================= */

/* card hover lift */
.section-services .service-item{
  border-radius: 12px;
  transition: transform .3s ease, box-shadow .3s ease;
}
.section-services .service-item:hover{
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0,0,0,.15);
}

/* service title with gold shimmer text */
.section-services .service-item h3 a{
  font-weight: 700;
  background: linear-gradient(90deg,
    #893c15, #ffde44, #b1741e, #ffe752,
    #e09326, #e4962a, #b0781b, #efb333, #873a1a);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position 1s ease-in-out;
  display: inline-block;
}
.section-services .service-item:hover h3 a{
  background-position: 100% 50%;
}

/* gold animated icon box (instead of plain orange/primary) */
.section-services .service-item-icon{
  background: linear-gradient(90deg,
    #893c15, #ffde44, #b1741e, #ffe752,
    #e09326, #e4962a, #b0781b, #efb333, #873a1a) !important;
  background-size: 200% 100%;
  animation: goldShift 6s linear infinite;
  border-radius: 10px;
  color: #fff;
}

/* shimmer animation for gradient */
@keyframes goldShift {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* gold shimmer button (already defined globally) */
.section-services .btn-gold{
  margin-top: 12px;
  min-width: 150px;
  height: 44px;
  font-size: 14px;
}

  /* Smooth lift on hover */
  .feature-item{
    border-radius:12px;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .feature-item:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 25px rgba(24,35,51,.15);
  }

  /* ------- Gold gradient token ------- */
  :root{
    --gold-grad-anim: linear-gradient(90deg,
      #893c15 0%, #ffde44 17%, #b1741e 24%, #ffe752 40%,
      #e09326 50%, #e4962a 59%, #b0781b 70%, #efb333 85%, #873a1a 100%
    );
  }

  /* Icon: keep light square bg; only tint the glyph with gradient */
  .feature-item-icon{
    border-radius:10px; /* subtle rounding for the icon tile */
  }
  .feature-item-icon i{
    display:inline-block;
    line-height:1;
    background:var(--gold-grad-anim);
    background-size:200% 100%;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent; /* for non-webkit */
    transition:background-position .6s ease;
  }
  .feature-item:hover .feature-item-icon i{
    animation:goldShimmer 3s linear infinite;
  }

  /* Headline shimmer */
  .feature-item h3{
    margin-bottom:6px;
    background:var(--gold-grad-anim);
    background-size:200% 100%;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    transition:background-position .6s ease;
  }
  .feature-item:hover h3{
    animation:goldShimmer 2.5s linear infinite;
  }

  /* Body text stays normal theme color */
  .feature-item p{ color:var(--text-color); }

  /* Keyframes */
  @keyframes goldShimmer{
    0%{ background-position:0% 50%; }
    100%{ background-position:200% 50%; }
  }

  /* Respect reduced motion */
  @media (prefers-reduced-motion:reduce){
    .feature-item, .feature-item *{
      animation:none !important;
      transition:none !important;
    }
  }

/*css for readmore and images*/
/*loading loging8/
/* =========================
   ROYAL GOLD FOOTER THEME
   Scope: .mk-footer
   ========================= */
:root{
  --mk-bg:#0d1521;
  --mk-bg-2:#0a111b;
  --mk-ink:#e9eef5;
  --mk-muted:#b6c1cf;
  --mk-line:rgba(255,255,255,.08);
  --mk-gold-1:#6f481d;
  --mk-gold-2:#b97d2a;
  --mk-gold-3:#ffd98a;
  --mk-gold-4:#ffe7b6;
  --mk-gold-deep:#8b5e2b;
}

/* Footer wrapper background + subtle pattern + top shimmer */
.mk-footer{
  color:var(--mk-ink);
  background:
    radial-gradient(1200px 400px at 20% -10%, rgba(255,217,138,.14), transparent 60%),
    radial-gradient(900px 300px at 80% -8%, rgba(185,125,42,.12), transparent 65%),
    linear-gradient(180deg, var(--mk-bg) 0%, var(--mk-bg-2) 100%);
  position:relative;
}
.mk-footer::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg, transparent, var(--mk-gold-3), transparent);
  opacity:.85; pointer-events:none;
}

/* Main block card-ish feel */
.mk-footer-main .footer-item{ position:relative; }
.mk-footer-main .footer-item + .footer-item{ margin-top:6px; }

/* Titles with gold gradient text */
.mk-footer .footer-item-title{
  font-weight:800;
  letter-spacing:.3px;
  margin-bottom:18px !important;
  background:linear-gradient(90deg, var(--mk-gold-1), var(--mk-gold-3) 45%, var(--mk-gold-2) 70%, var(--mk-gold-4));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}

/* Paragraph tone */
.mk-footer p{ color:var(--mk-muted); line-height:1.7; }

/* Logo size & soft glow */
.mk-footer-logo{ filter:drop-shadow(0 6px 14px rgba(0,0,0,.4)); }

/* Links */
.mk-footer a{ color:#e9eef5; text-decoration:none; transition:color .2s ease, letter-spacing .2s ease; }
.mk-footer a:hover{ color:var(--mk-gold-3); letter-spacing:.2px; }

/* List reset + custom gold bullets */
.mk-footer .mk-list{ list-style:none; padding-left:0; margin:0; }
.mk-footer .mk-list li{ position:relative; padding-left:18px; }
.mk-footer .mk-list li::before{
  content:""; position:absolute; left:0; top:.6em; width:8px; height:8px; border-radius:2px;
  background:linear-gradient(135deg, var(--mk-gold-3), var(--mk-gold-2));
  box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 1px 6px rgba(255,217,138,.25);
}

/* Contact list with icons in gold rings */
.mk-footer .mk-contact{ list-style:none; padding-left:0; margin:0; }
.mk-footer .mk-contact li{ position:relative; }
.mk-footer .mk-contact i{
  width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%;
  color:var(--mk-gold-3);
  background:radial-gradient(120% 120% at 30% 30%, rgba(255,231,182,.12), rgba(111,72,29,.08));
  box-shadow:inset 0 0 0 1px rgba(255,217,138,.25), 0 2px 10px rgba(0,0,0,.35);
}

/* Social icons: gold ring hover fill */
.mk-footer .mk-social{ list-style:none; padding-left:0; }
.mk-footer .mk-social a{
  width:40px; height:40px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.04);
  box-shadow:inset 0 0 0 1px var(--mk-line);
  transition:transform .2s ease, box-shadow .25s ease, background .25s ease;
}
.mk-footer .mk-social a:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg, var(--mk-gold-3), var(--mk-gold-2));
  box-shadow:0 8px 18px rgba(255,217,138,.28);
  color:#1a202c;
}

/* Fine dividers inside columns (optional) */
@media (min-width: 992px){
  .mk-footer-main .row > [class*="col-"]{ position:relative; }
  .mk-footer-main .row > [class*="col-"]:not(:first-child)::before{
    content:""; position:absolute; left:-12px; top:8px; bottom:8px; width:1px;
    background:linear-gradient(180deg, transparent, var(--mk-line) 10%, var(--mk-line) 90%, transparent);
  }
}

/* Bottom bar with gold border + subtle gradient */
.mk-bottom{
  border-top:none !important;
  background:
    linear-gradient(180deg, rgba(255,217,138,.06), rgba(255,217,138,0) 40%),
    linear-gradient(180deg, #0c1320, #0c1320);
  position:relative;
}
.mk-bottom::before{
  content:""; position:absolute; inset:0 0 auto 0; height:1px;
  background:linear-gradient(90deg, transparent, var(--mk-gold-3), transparent);
  opacity:.7;
}

/* Accessibility: reduce motion */
@media (prefers-reduced-motion: reduce){
  .mk-footer *{ transition:none !important; animation:none !important; }
}
/*appointmentsubcribe*/
/*services*/
/* === Always Animating WhatsApp Enquiry Button === */
.service-item .btn-enquiry {
    --bg-color_94: #000;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    transition: 500ms ease;
    width: 170px;
    height: 50px;
    z-index: 1;
    text-transform: uppercase;
    background-size: 100%;
    --bg-gold: linear-gradient(90deg, #893c15 0%, #ffde44 17%, #b1741e 24%, #ffe752 40%, #e09326 50%, #e4962a 59%, #b0781b 70%, #efb333 85%, #873a1a 100%);
    background: var(--bg-gold);
    box-sizing: border-box;
    margin-top: .75rem;

    /* 🔥 always animate */
    animation: move_94 5s infinite alternate ease-in-out;
}

.service-item .btn-enquiry span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    background: var(--bg-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* 🔥 always animate text too */
    animation: move_94 5s infinite alternate ease-in-out;
}

.service-item .btn-enquiry::before {
    position: absolute;
    content: '';
    inset: 3px;
    border-radius: 10px;
    background: var(--bg-color_94);
    z-index: -1;
    box-sizing: border-box;
}

@keyframes move_94 {
    0% { background-size: 100%; background-position: 50%; }
    50% { background-size: 500%; background-position: 0%; }
    100% { background-size: 200%; background-position: 100%; }
}

.service-item .btn-enquiry:disabled {
    pointer-events: none;
    opacity: .65;
    color: #7e7e7e;
    background: #dcdcdc;
    box-shadow: none;
    --bg-color_94: #dcdcdc;
    --bg-gold: #7e7e7e;
}

/*9 services*/
/* === Shining Gold Animation for Service Titles === */
.service-item h3 {
    font-weight: bold;
    background: linear-gradient(90deg, #893c15 0%, #ffde44 17%, #b1741e 24%, #ffe752 40%, #e09326 50%, #e4962a 59%, #b0781b 70%, #efb333 85%, #873a1a 100%);
    background-size: 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gold-shine 5s infinite alternate ease-in-out;
}

/* Reuse same animation as button */
@keyframes gold-shine {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
/*footer*/
/* ==== Premium Footer Theme ==== */
.footer {
  background: #121212; /* deep charcoal for luxury look */
  color: #c9d3df;
}
.footer .footer-item-title { color: #ffffff; }

/* link + hover accents */
.footer a { color: #c9d3df; text-decoration: none; }
.footer a:hover { color: #ffe752; }

/* divider + bottom bar */
.bottom-footer { background: #0f1a25; color: #c9d3df; }

/* optional: gold accent on headings */
.footer .footer-item-title,
.footer .contact-strip h5 {
  background: linear-gradient(90deg,#893c15 0%,#ffde44 17%,#b1741e 24%,#ffe752 40%,#e09326 50%,#e4962a 59%,#b0781b 70%,#efb333 85%,#873a1a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* keep CTA strip clean */
.section-appointment .btn { white-space: nowrap; }


@media (min-width: 992px) {
   .concept1 {
      position: relative;
      top: -90px;
   }
}