@charset "UTF-8";
/*
-----------------------------------------------------------------------------------

  Theme Name: Mysia - Creative Agency HTML5 Template
  File: theme.css — chrome (config, base core + header/page-header/footer/sections)
  Author: eckthemes
  Version: 1.0

-----------------------------------------------------------------------------------

/*********************************** TABLE OF CONTENTS ****************************************
*
    00. CONFIG (tokens, root colors, mixins)
    01. BASE (reset, typography, utilities, margin/padding, colors)
    02. HEADER
    03. PAGE HEADER
    04. FOOTER
    05. SECTIONS
***********************************************************************************************/
/*============================================================================================*/
/* 0.   CONFIG */
/*============================================================================================*/
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 120px;
  --font-h1: 42px;
  --font-h1-xl: 67px;
  --font-h1-xs: 35px;
  --font-h2: 35px;
  --font-h3: 29px;
  --font-h4: 22px;
  --font-h5: 16px;
  --font-h6: 13px;
  --font-body: 16px;
  --font-lead: 17px;
  --font-small: 14px;
  --font-caption: 12px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-pill: 50px;
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 10px 28px rgba(0, 0, 0, 0.12);
}

:root {
  --theme-color-1: #525252;
  --theme-color-1-light: #6b6b6b;
  --theme-color-1-dark: #3d3d3d;
  --theme-color-2: #2a2a2a;
  --theme-color-3: #737373;
  --theme-color-white-rgb: 255, 255, 255;
  --theme-color-dark-rgb: 42, 42, 42;
  --theme-color-1-rgb: 82, 82, 82;
  --theme-color-2-rgb: 42, 42, 42;
  --theme-color-3-rgb: 115, 115, 115;
  --theme-form-border: #d8d8d8;
  --theme-color-white: #fff;
  --theme-color-black: #000;
  --theme-color-gray: #f6f6f6;
  --theme-color-dark: #2a2a2a;
  --theme-footer-color: #737373;
  --theme-footer-background: #2a2a2a;
  --theme-font-1: Montserrat, sans-serif;
  --theme-font-nav: Montserrat Alternates, sans-serif;
  --theme-font-heading: Playfair Display, serif;
  --theme-section-gradient-background-1: #f6f6f6;
  --theme-section-gradient-background-2: #ececec;
  --theme-section-gradient-deg: 180deg;
  --theme-global-gradient-background-1: #f6f6f6;
  --theme-global-gradient-background-2: #ececec;
  --theme-global-gradient-deg: 180deg;
  /* Semantic surfaces (light/dark mode) */
  --theme-bg: #f6f6f6;
  --theme-bg-alt: #ececec;
  --theme-surface: #fff;
  --theme-text: #2a2a2a;
  --theme-text-muted: #737373;
}

:root,
[data-bs-theme=light] {
  --bs-primary: var(--theme-color-1);
  --bs-primary-rgb: var(--theme-color-1-rgb);
  --bs-secondary: #5c6670;
  --bs-secondary-rgb: 92, 102, 112;
  --bs-success: #2f7540;
  --bs-success-rgb: 47, 117, 64;
  --bs-info: #2f6f84;
  --bs-info-rgb: 47, 111, 132;
  --bs-warning: #c9851a;
  --bs-warning-rgb: 201, 133, 26;
  --bs-danger: #c0392b;
  --bs-danger-rgb: 192, 57, 43;
  --bs-light: var(--theme-bg-alt);
  --bs-light-rgb: 247, 248, 249;
  --bs-dark: var(--theme-color-2);
  --bs-dark-rgb: var(--theme-color-2-rgb);
  --bs-primary-text-emphasis: color-mix(in srgb, var(--theme-color-1) 72%, #000);
  --bs-secondary-text-emphasis: #3d454d;
  --bs-success-text-emphasis: #1f4f2b;
  --bs-info-text-emphasis: #1f4a58;
  --bs-warning-text-emphasis: #7a5210;
  --bs-danger-text-emphasis: #7a241c;
  --bs-light-text-emphasis: var(--theme-text-muted);
  --bs-dark-text-emphasis: var(--theme-text);
  --bs-primary-bg-subtle: rgba(var(--theme-color-1-rgb), 0.12);
  --bs-secondary-bg-subtle: rgba(92, 102, 112, 0.12);
  --bs-success-bg-subtle: rgba(47, 117, 64, 0.12);
  --bs-info-bg-subtle: rgba(47, 111, 132, 0.12);
  --bs-warning-bg-subtle: rgba(201, 133, 26, 0.14);
  --bs-danger-bg-subtle: rgba(192, 57, 43, 0.12);
  --bs-light-bg-subtle: var(--theme-bg-alt);
  --bs-dark-bg-subtle: rgba(var(--theme-color-2-rgb), 0.08);
  --bs-primary-border-subtle: rgba(var(--theme-color-1-rgb), 0.35);
  --bs-secondary-border-subtle: rgba(92, 102, 112, 0.35);
  --bs-success-border-subtle: rgba(47, 117, 64, 0.35);
  --bs-info-border-subtle: rgba(47, 111, 132, 0.35);
  --bs-warning-border-subtle: rgba(201, 133, 26, 0.4);
  --bs-danger-border-subtle: rgba(192, 57, 43, 0.35);
  --bs-light-border-subtle: var(--theme-form-border);
  --bs-dark-border-subtle: rgba(var(--theme-color-2-rgb), 0.25);
  --bs-link-color: var(--theme-color-1);
  --bs-link-color-rgb: var(--theme-color-1-rgb);
  --bs-link-hover-color: color-mix(in srgb, var(--theme-color-1) 80%, #000);
  --bs-link-hover-color-rgb: var(--theme-color-1-rgb);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--theme-color-1);
  --bs-btn-border-color: var(--theme-color-1);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: color-mix(in srgb, var(--theme-color-1) 82%, #000);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--theme-color-1) 78%, #000);
  --bs-btn-focus-shadow-rgb: var(--theme-color-1-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: color-mix(in srgb, var(--theme-color-1) 72%, #000);
  --bs-btn-active-border-color: color-mix(in srgb, var(--theme-color-1) 68%, #000);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--theme-color-1);
  --bs-btn-disabled-border-color: var(--theme-color-1);
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5c6670;
  --bs-btn-border-color: #5c6670;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4b545c;
  --bs-btn-hover-border-color: #444c53;
  --bs-btn-focus-shadow-rgb: 92, 102, 112;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #444c53;
  --bs-btn-active-border-color: #3f464c;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5c6670;
  --bs-btn-disabled-border-color: #5c6670;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2f7540;
  --bs-btn-border-color: #2f7540;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #276336;
  --bs-btn-hover-border-color: #245c32;
  --bs-btn-focus-shadow-rgb: 47, 117, 64;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #245c32;
  --bs-btn-active-border-color: #22562f;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2f7540;
  --bs-btn-disabled-border-color: #2f7540;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2f6f84;
  --bs-btn-border-color: #2f6f84;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #275e70;
  --bs-btn-hover-border-color: #245868;
  --bs-btn-focus-shadow-rgb: 47, 111, 132;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #245868;
  --bs-btn-active-border-color: #225262;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2f6f84;
  --bs-btn-disabled-border-color: #2f6f84;
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #c9851a;
  --bs-btn-border-color: #c9851a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #aa7116;
  --bs-btn-hover-border-color: #9f6a15;
  --bs-btn-focus-shadow-rgb: 201, 133, 26;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9f6a15;
  --bs-btn-active-border-color: #956413;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #c9851a;
  --bs-btn-disabled-border-color: #c9851a;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #c0392b;
  --bs-btn-border-color: #c0392b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a33025;
  --bs-btn-hover-border-color: #992d22;
  --bs-btn-focus-shadow-rgb: 192, 57, 43;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #992d22;
  --bs-btn-active-border-color: #902a20;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #c0392b;
  --bs-btn-disabled-border-color: #c0392b;
}

.btn-light {
  --bs-btn-color: var(--theme-text);
  --bs-btn-bg: var(--theme-bg-alt);
  --bs-btn-border-color: var(--theme-form-border);
  --bs-btn-hover-color: var(--theme-text);
  --bs-btn-hover-bg: color-mix(in srgb, var(--theme-bg-alt) 85%, #000);
  --bs-btn-hover-border-color: var(--theme-form-border);
  --bs-btn-focus-shadow-rgb: var(--theme-color-2-rgb);
  --bs-btn-active-color: var(--theme-text);
  --bs-btn-active-bg: color-mix(in srgb, var(--theme-bg-alt) 75%, #000);
  --bs-btn-active-border-color: var(--theme-form-border);
  --bs-btn-disabled-color: var(--theme-text-muted);
  --bs-btn-disabled-bg: var(--theme-bg-alt);
  --bs-btn-disabled-border-color: var(--theme-form-border);
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--theme-color-2);
  --bs-btn-border-color: var(--theme-color-2);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: color-mix(in srgb, var(--theme-color-2) 80%, #fff);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--theme-color-2) 80%, #fff);
  --bs-btn-focus-shadow-rgb: var(--theme-color-2-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: color-mix(in srgb, var(--theme-color-2) 70%, #fff);
  --bs-btn-active-border-color: color-mix(in srgb, var(--theme-color-2) 70%, #fff);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--theme-color-2);
  --bs-btn-disabled-border-color: var(--theme-color-2);
}

.btn-link {
  --bs-btn-color: var(--theme-color-1);
  --bs-btn-hover-color: color-mix(in srgb, var(--theme-color-1) 80%, #000);
  --bs-btn-active-color: color-mix(in srgb, var(--theme-color-1) 72%, #000);
  --bs-btn-disabled-color: var(--theme-text-muted);
}

.btn-outline-primary {
  --bs-btn-color: var(--theme-color-1);
  --bs-btn-border-color: var(--theme-color-1);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--theme-color-1);
  --bs-btn-hover-border-color: var(--theme-color-1);
  --bs-btn-focus-shadow-rgb: var(--theme-color-1-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--theme-color-1);
  --bs-btn-active-border-color: var(--theme-color-1);
  --bs-btn-disabled-color: var(--theme-color-1);
  --bs-btn-disabled-border-color: var(--theme-color-1);
}

.btn-outline-secondary {
  --bs-btn-color: #5c6670;
  --bs-btn-border-color: #5c6670;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c6670;
  --bs-btn-hover-border-color: #5c6670;
  --bs-btn-focus-shadow-rgb: 92, 102, 112;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5c6670;
  --bs-btn-active-border-color: #5c6670;
  --bs-btn-disabled-color: #5c6670;
  --bs-btn-disabled-border-color: #5c6670;
}

.btn-outline-success {
  --bs-btn-color: #2f7540;
  --bs-btn-border-color: #2f7540;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2f7540;
  --bs-btn-hover-border-color: #2f7540;
  --bs-btn-focus-shadow-rgb: 47, 117, 64;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2f7540;
  --bs-btn-active-border-color: #2f7540;
  --bs-btn-disabled-color: #2f7540;
  --bs-btn-disabled-border-color: #2f7540;
}

.btn-outline-info {
  --bs-btn-color: #2f6f84;
  --bs-btn-border-color: #2f6f84;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2f6f84;
  --bs-btn-hover-border-color: #2f6f84;
  --bs-btn-focus-shadow-rgb: 47, 111, 132;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2f6f84;
  --bs-btn-active-border-color: #2f6f84;
  --bs-btn-disabled-color: #2f6f84;
  --bs-btn-disabled-border-color: #2f6f84;
}

.btn-outline-warning {
  --bs-btn-color: #c9851a;
  --bs-btn-border-color: #c9851a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c9851a;
  --bs-btn-hover-border-color: #c9851a;
  --bs-btn-focus-shadow-rgb: 201, 133, 26;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c9851a;
  --bs-btn-active-border-color: #c9851a;
  --bs-btn-disabled-color: #c9851a;
  --bs-btn-disabled-border-color: #c9851a;
}

.btn-outline-danger {
  --bs-btn-color: #c0392b;
  --bs-btn-border-color: #c0392b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c0392b;
  --bs-btn-hover-border-color: #c0392b;
  --bs-btn-focus-shadow-rgb: 192, 57, 43;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c0392b;
  --bs-btn-active-border-color: #c0392b;
  --bs-btn-disabled-color: #c0392b;
  --bs-btn-disabled-border-color: #c0392b;
}

.btn-outline-light {
  --bs-btn-color: var(--theme-text-muted);
  --bs-btn-border-color: var(--theme-form-border);
  --bs-btn-hover-color: var(--theme-text);
  --bs-btn-hover-bg: var(--theme-bg-alt);
  --bs-btn-hover-border-color: var(--theme-form-border);
  --bs-btn-focus-shadow-rgb: var(--theme-color-2-rgb);
  --bs-btn-active-color: var(--theme-text);
  --bs-btn-active-bg: var(--theme-bg-alt);
  --bs-btn-active-border-color: var(--theme-form-border);
  --bs-btn-disabled-color: var(--theme-text-muted);
  --bs-btn-disabled-border-color: var(--theme-form-border);
}

.btn-outline-dark {
  --bs-btn-color: var(--theme-color-2);
  --bs-btn-border-color: var(--theme-color-2);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--theme-color-2);
  --bs-btn-hover-border-color: var(--theme-color-2);
  --bs-btn-focus-shadow-rgb: var(--theme-color-2-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--theme-color-2);
  --bs-btn-active-border-color: var(--theme-color-2);
  --bs-btn-disabled-color: var(--theme-color-2);
  --bs-btn-disabled-border-color: var(--theme-color-2);
}

.progress,
.progress-stacked {
  --bs-progress-bar-bg: var(--theme-color-1);
}

.alert.alert-flat {
  border-left-width: 4px;
  border-radius: 0;
  background-color: var(--theme-surface);
}

/*============================================================================================*/
/* 1.   BASE */
/*============================================================================================*/
html,
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  scroll-behavior: auto;
}

#smooth-wrapper {
  background: transparent;
  z-index: 1;
  pointer-events: none;
}

#smooth-content {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
  z-index: 1;
  pointer-events: none;
  background: transparent;
}
#smooth-content > * {
  pointer-events: auto;
}
#smooth-content > .footer-reveal-spacer {
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  background: transparent;
  visibility: visible;
}

body:has(footer.footer-fixed) {
  background-color: var(--theme-footer-background);
}

body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-weight: 300;
  font-family: var(--theme-font-1);
  background-color: var(--theme-bg);
  color: var(--theme-text);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /*
  &::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px var(--theme-color-2);
      background-color: var(--theme-color-2);
  }

  &::-webkit-scrollbar {
      width: 10px;
      background-color: var(--theme-color-white);
  }

  &::-webkit-scrollbar-thumb {
      background-color: var(--theme-color-1);
      border: 1px solid var(--theme-color-1);
  }*/
}

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

a {
  text-decoration: none;
  color: inherit;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--theme-color-2);
  line-height: 1.25;
  margin: 0 0 var(--space-4) 0;
  font-weight: 700;
  font-family: var(--theme-font-heading, var(--theme-font-nav, var(--theme-font-1)));
}

h1 {
  font-size: var(--font-h1);
}
h1.xl {
  font-size: var(--font-h1-xl);
}
h1.xs {
  font-size: var(--font-h1-xs);
}

h2 {
  font-size: var(--font-h2);
}

h3 {
  font-size: var(--font-h3);
}

h4 {
  font-size: var(--font-h4);
}

h5 {
  font-size: var(--font-h5);
}

h6 {
  font-size: var(--font-h6);
}

p {
  line-height: 1.75;
  margin: 0 0 var(--space-4) 0;
  color: var(--theme-color-2);
  font-size: var(--font-body);
  font-weight: 300;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.list {
  list-style: none;
  margin-bottom: var(--space-7);
  padding-left: 46px;
}
ul.list li {
  margin-bottom: 10px;
  text-align: left;
  position: relative;
}
ul.list li::before {
  content: "";
  width: 6px;
  height: 6px;
  margin: 2px 0 0 -20px;
  background-color: var(--theme-color-1);
  position: absolute;
  top: 6px;
}
ul.list.disc li::before {
  border-radius: 50%;
}

a {
  color: var(--theme-color-2);
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
a:hover, a:focus {
  text-decoration: none;
  color: var(--theme-color-1);
}
a:link {
  text-decoration: none;
}
a:focus {
  outline: none;
}

select {
  padding: 10px;
  border: 1px solid var(--dark--200);
  border-radius: var(--radius-sm);
  background-color: var(--theme-surface);
  color: var(--theme-color-2);
}

th,
tr,
td {
  padding: 10px 0;
}

th {
  font-weight: 600;
  color: var(--theme-color-2);
}

td {
  color: var(--theme-color-2);
}

.position-none {
  position: unset !important;
  height: 450px;
}

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

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

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

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

@media (max-width: 991.98px) {
  .scrool-mobile-none {
    overflow: hidden;
  }
}
.mar-t-0 {
  margin-top: 0px !important;
}

.mar-t-5 {
  margin-top: 5px !important;
}

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

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

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

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

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

.mar-t-35 {
  margin-top: 35px !important;
}

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

.mar-t-45 {
  margin-top: 45px !important;
}

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

.mar-t-55 {
  margin-top: 55px !important;
}

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

.mar-t-65 {
  margin-top: 65px !important;
}

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

.mar-t-75 {
  margin-top: 75px !important;
}

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

.mar-t-85 {
  margin-top: 85px !important;
}

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

.mar-t-95 {
  margin-top: 95px !important;
}

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

.mar-t-105 {
  margin-top: 105px !important;
}

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

.mar-t-115 {
  margin-top: 115px !important;
}

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

.mar-t-125 {
  margin-top: 125px !important;
}

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

.mar-t-135 {
  margin-top: 135px !important;
}

.mar-t-140 {
  margin-top: 140px !important;
}

.mar-t-145 {
  margin-top: 145px !important;
}

.mar-t-150 {
  margin-top: 150px !important;
}

@media (max-width: 1199.98px) {
  .mar-t-xl-0 {
    margin-top: 0px !important;
  }
  .mar-t-xl-5 {
    margin-top: 5px !important;
  }
  .mar-t-xl-10 {
    margin-top: 10px !important;
  }
  .mar-t-xl-15 {
    margin-top: 15px !important;
  }
  .mar-t-xl-20 {
    margin-top: 20px !important;
  }
  .mar-t-xl-25 {
    margin-top: 25px !important;
  }
  .mar-t-xl-30 {
    margin-top: 30px !important;
  }
  .mar-t-xl-35 {
    margin-top: 35px !important;
  }
  .mar-t-xl-40 {
    margin-top: 40px !important;
  }
  .mar-t-xl-45 {
    margin-top: 45px !important;
  }
  .mar-t-xl-50 {
    margin-top: 50px !important;
  }
  .mar-t-xl-55 {
    margin-top: 55px !important;
  }
  .mar-t-xl-60 {
    margin-top: 60px !important;
  }
  .mar-t-xl-65 {
    margin-top: 65px !important;
  }
  .mar-t-xl-70 {
    margin-top: 70px !important;
  }
  .mar-t-xl-75 {
    margin-top: 75px !important;
  }
  .mar-t-xl-80 {
    margin-top: 80px !important;
  }
  .mar-t-xl-85 {
    margin-top: 85px !important;
  }
  .mar-t-xl-90 {
    margin-top: 90px !important;
  }
  .mar-t-xl-95 {
    margin-top: 95px !important;
  }
  .mar-t-xl-100 {
    margin-top: 100px !important;
  }
  .mar-t-xl-105 {
    margin-top: 105px !important;
  }
  .mar-t-xl-110 {
    margin-top: 110px !important;
  }
  .mar-t-xl-115 {
    margin-top: 115px !important;
  }
  .mar-t-xl-120 {
    margin-top: 120px !important;
  }
  .mar-t-xl-125 {
    margin-top: 125px !important;
  }
  .mar-t-xl-130 {
    margin-top: 130px !important;
  }
  .mar-t-xl-135 {
    margin-top: 135px !important;
  }
  .mar-t-xl-140 {
    margin-top: 140px !important;
  }
  .mar-t-xl-145 {
    margin-top: 145px !important;
  }
  .mar-t-xl-150 {
    margin-top: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .mar-t-lg-0 {
    margin-top: 0px !important;
  }
  .mar-t-lg-5 {
    margin-top: 5px !important;
  }
  .mar-t-lg-10 {
    margin-top: 10px !important;
  }
  .mar-t-lg-15 {
    margin-top: 15px !important;
  }
  .mar-t-lg-20 {
    margin-top: 20px !important;
  }
  .mar-t-lg-25 {
    margin-top: 25px !important;
  }
  .mar-t-lg-30 {
    margin-top: 30px !important;
  }
  .mar-t-lg-35 {
    margin-top: 35px !important;
  }
  .mar-t-lg-40 {
    margin-top: 40px !important;
  }
  .mar-t-lg-45 {
    margin-top: 45px !important;
  }
  .mar-t-lg-50 {
    margin-top: 50px !important;
  }
  .mar-t-lg-55 {
    margin-top: 55px !important;
  }
  .mar-t-lg-60 {
    margin-top: 60px !important;
  }
  .mar-t-lg-65 {
    margin-top: 65px !important;
  }
  .mar-t-lg-70 {
    margin-top: 70px !important;
  }
  .mar-t-lg-75 {
    margin-top: 75px !important;
  }
  .mar-t-lg-80 {
    margin-top: 80px !important;
  }
  .mar-t-lg-85 {
    margin-top: 85px !important;
  }
  .mar-t-lg-90 {
    margin-top: 90px !important;
  }
  .mar-t-lg-95 {
    margin-top: 95px !important;
  }
  .mar-t-lg-100 {
    margin-top: 100px !important;
  }
  .mar-t-lg-105 {
    margin-top: 105px !important;
  }
  .mar-t-lg-110 {
    margin-top: 110px !important;
  }
  .mar-t-lg-115 {
    margin-top: 115px !important;
  }
  .mar-t-lg-120 {
    margin-top: 120px !important;
  }
  .mar-t-lg-125 {
    margin-top: 125px !important;
  }
  .mar-t-lg-130 {
    margin-top: 130px !important;
  }
  .mar-t-lg-135 {
    margin-top: 135px !important;
  }
  .mar-t-lg-140 {
    margin-top: 140px !important;
  }
  .mar-t-lg-145 {
    margin-top: 145px !important;
  }
  .mar-t-lg-150 {
    margin-top: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .mar-t-md-0 {
    margin-top: 0px !important;
  }
  .mar-t-md-5 {
    margin-top: 5px !important;
  }
  .mar-t-md-10 {
    margin-top: 10px !important;
  }
  .mar-t-md-15 {
    margin-top: 15px !important;
  }
  .mar-t-md-20 {
    margin-top: 20px !important;
  }
  .mar-t-md-25 {
    margin-top: 25px !important;
  }
  .mar-t-md-30 {
    margin-top: 30px !important;
  }
  .mar-t-md-35 {
    margin-top: 35px !important;
  }
  .mar-t-md-40 {
    margin-top: 40px !important;
  }
  .mar-t-md-45 {
    margin-top: 45px !important;
  }
  .mar-t-md-50 {
    margin-top: 50px !important;
  }
  .mar-t-md-55 {
    margin-top: 55px !important;
  }
  .mar-t-md-60 {
    margin-top: 60px !important;
  }
  .mar-t-md-65 {
    margin-top: 65px !important;
  }
  .mar-t-md-70 {
    margin-top: 70px !important;
  }
  .mar-t-md-75 {
    margin-top: 75px !important;
  }
  .mar-t-md-80 {
    margin-top: 80px !important;
  }
  .mar-t-md-85 {
    margin-top: 85px !important;
  }
  .mar-t-md-90 {
    margin-top: 90px !important;
  }
  .mar-t-md-95 {
    margin-top: 95px !important;
  }
  .mar-t-md-100 {
    margin-top: 100px !important;
  }
  .mar-t-md-105 {
    margin-top: 105px !important;
  }
  .mar-t-md-110 {
    margin-top: 110px !important;
  }
  .mar-t-md-115 {
    margin-top: 115px !important;
  }
  .mar-t-md-120 {
    margin-top: 120px !important;
  }
  .mar-t-md-125 {
    margin-top: 125px !important;
  }
  .mar-t-md-130 {
    margin-top: 130px !important;
  }
  .mar-t-md-135 {
    margin-top: 135px !important;
  }
  .mar-t-md-140 {
    margin-top: 140px !important;
  }
  .mar-t-md-145 {
    margin-top: 145px !important;
  }
  .mar-t-md-150 {
    margin-top: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .mar-t-sm-0 {
    margin-top: 0px !important;
  }
  .mar-t-sm-5 {
    margin-top: 5px !important;
  }
  .mar-t-sm-10 {
    margin-top: 10px !important;
  }
  .mar-t-sm-15 {
    margin-top: 15px !important;
  }
  .mar-t-sm-20 {
    margin-top: 20px !important;
  }
  .mar-t-sm-25 {
    margin-top: 25px !important;
  }
  .mar-t-sm-30 {
    margin-top: 30px !important;
  }
  .mar-t-sm-35 {
    margin-top: 35px !important;
  }
  .mar-t-sm-40 {
    margin-top: 40px !important;
  }
  .mar-t-sm-45 {
    margin-top: 45px !important;
  }
  .mar-t-sm-50 {
    margin-top: 50px !important;
  }
  .mar-t-sm-55 {
    margin-top: 55px !important;
  }
  .mar-t-sm-60 {
    margin-top: 60px !important;
  }
  .mar-t-sm-65 {
    margin-top: 65px !important;
  }
  .mar-t-sm-70 {
    margin-top: 70px !important;
  }
  .mar-t-sm-75 {
    margin-top: 75px !important;
  }
  .mar-t-sm-80 {
    margin-top: 80px !important;
  }
  .mar-t-sm-85 {
    margin-top: 85px !important;
  }
  .mar-t-sm-90 {
    margin-top: 90px !important;
  }
  .mar-t-sm-95 {
    margin-top: 95px !important;
  }
  .mar-t-sm-100 {
    margin-top: 100px !important;
  }
  .mar-t-sm-105 {
    margin-top: 105px !important;
  }
  .mar-t-sm-110 {
    margin-top: 110px !important;
  }
  .mar-t-sm-115 {
    margin-top: 115px !important;
  }
  .mar-t-sm-120 {
    margin-top: 120px !important;
  }
  .mar-t-sm-125 {
    margin-top: 125px !important;
  }
  .mar-t-sm-130 {
    margin-top: 130px !important;
  }
  .mar-t-sm-135 {
    margin-top: 135px !important;
  }
  .mar-t-sm-140 {
    margin-top: 140px !important;
  }
  .mar-t-sm-145 {
    margin-top: 145px !important;
  }
  .mar-t-sm-150 {
    margin-top: 150px !important;
  }
}
.mar-b-0 {
  margin-bottom: 0px !important;
}

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

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

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

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

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

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

.mar-b-35 {
  margin-bottom: 35px !important;
}

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

.mar-b-45 {
  margin-bottom: 45px !important;
}

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

.mar-b-55 {
  margin-bottom: 55px !important;
}

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

.mar-b-65 {
  margin-bottom: 65px !important;
}

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

.mar-b-75 {
  margin-bottom: 75px !important;
}

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

.mar-b-85 {
  margin-bottom: 85px !important;
}

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

.mar-b-95 {
  margin-bottom: 95px !important;
}

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

.mar-b-105 {
  margin-bottom: 105px !important;
}

.mar-b-110 {
  margin-bottom: 110px !important;
}

.mar-b-115 {
  margin-bottom: 115px !important;
}

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

.mar-b-125 {
  margin-bottom: 125px !important;
}

.mar-b-130 {
  margin-bottom: 130px !important;
}

.mar-b-135 {
  margin-bottom: 135px !important;
}

.mar-b-140 {
  margin-bottom: 140px !important;
}

.mar-b-145 {
  margin-bottom: 145px !important;
}

.mar-b-150 {
  margin-bottom: 150px !important;
}

@media (max-width: 1199.98px) {
  .mar-b-xl-0 {
    margin-bottom: 0px !important;
  }
  .mar-b-xl-5 {
    margin-bottom: 5px !important;
  }
  .mar-b-xl-10 {
    margin-bottom: 10px !important;
  }
  .mar-b-xl-15 {
    margin-bottom: 15px !important;
  }
  .mar-b-xl-20 {
    margin-bottom: 20px !important;
  }
  .mar-b-xl-25 {
    margin-bottom: 25px !important;
  }
  .mar-b-xl-30 {
    margin-bottom: 30px !important;
  }
  .mar-b-xl-35 {
    margin-bottom: 35px !important;
  }
  .mar-b-xl-40 {
    margin-bottom: 40px !important;
  }
  .mar-b-xl-45 {
    margin-bottom: 45px !important;
  }
  .mar-b-xl-50 {
    margin-bottom: 50px !important;
  }
  .mar-b-xl-55 {
    margin-bottom: 55px !important;
  }
  .mar-b-xl-60 {
    margin-bottom: 60px !important;
  }
  .mar-b-xl-65 {
    margin-bottom: 65px !important;
  }
  .mar-b-xl-70 {
    margin-bottom: 70px !important;
  }
  .mar-b-xl-75 {
    margin-bottom: 75px !important;
  }
  .mar-b-xl-80 {
    margin-bottom: 80px !important;
  }
  .mar-b-xl-85 {
    margin-bottom: 85px !important;
  }
  .mar-b-xl-90 {
    margin-bottom: 90px !important;
  }
  .mar-b-xl-95 {
    margin-bottom: 95px !important;
  }
  .mar-b-xl-100 {
    margin-bottom: 100px !important;
  }
  .mar-b-xl-105 {
    margin-bottom: 105px !important;
  }
  .mar-b-xl-110 {
    margin-bottom: 110px !important;
  }
  .mar-b-xl-115 {
    margin-bottom: 115px !important;
  }
  .mar-b-xl-120 {
    margin-bottom: 120px !important;
  }
  .mar-b-xl-125 {
    margin-bottom: 125px !important;
  }
  .mar-b-xl-130 {
    margin-bottom: 130px !important;
  }
  .mar-b-xl-135 {
    margin-bottom: 135px !important;
  }
  .mar-b-xl-140 {
    margin-bottom: 140px !important;
  }
  .mar-b-xl-145 {
    margin-bottom: 145px !important;
  }
  .mar-b-xl-150 {
    margin-bottom: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .mar-b-lg-0 {
    margin-bottom: 0px !important;
  }
  .mar-b-lg-5 {
    margin-bottom: 5px !important;
  }
  .mar-b-lg-10 {
    margin-bottom: 10px !important;
  }
  .mar-b-lg-15 {
    margin-bottom: 15px !important;
  }
  .mar-b-lg-20 {
    margin-bottom: 20px !important;
  }
  .mar-b-lg-25 {
    margin-bottom: 25px !important;
  }
  .mar-b-lg-30 {
    margin-bottom: 30px !important;
  }
  .mar-b-lg-35 {
    margin-bottom: 35px !important;
  }
  .mar-b-lg-40 {
    margin-bottom: 40px !important;
  }
  .mar-b-lg-45 {
    margin-bottom: 45px !important;
  }
  .mar-b-lg-50 {
    margin-bottom: 50px !important;
  }
  .mar-b-lg-55 {
    margin-bottom: 55px !important;
  }
  .mar-b-lg-60 {
    margin-bottom: 60px !important;
  }
  .mar-b-lg-65 {
    margin-bottom: 65px !important;
  }
  .mar-b-lg-70 {
    margin-bottom: 70px !important;
  }
  .mar-b-lg-75 {
    margin-bottom: 75px !important;
  }
  .mar-b-lg-80 {
    margin-bottom: 80px !important;
  }
  .mar-b-lg-85 {
    margin-bottom: 85px !important;
  }
  .mar-b-lg-90 {
    margin-bottom: 90px !important;
  }
  .mar-b-lg-95 {
    margin-bottom: 95px !important;
  }
  .mar-b-lg-100 {
    margin-bottom: 100px !important;
  }
  .mar-b-lg-105 {
    margin-bottom: 105px !important;
  }
  .mar-b-lg-110 {
    margin-bottom: 110px !important;
  }
  .mar-b-lg-115 {
    margin-bottom: 115px !important;
  }
  .mar-b-lg-120 {
    margin-bottom: 120px !important;
  }
  .mar-b-lg-125 {
    margin-bottom: 125px !important;
  }
  .mar-b-lg-130 {
    margin-bottom: 130px !important;
  }
  .mar-b-lg-135 {
    margin-bottom: 135px !important;
  }
  .mar-b-lg-140 {
    margin-bottom: 140px !important;
  }
  .mar-b-lg-145 {
    margin-bottom: 145px !important;
  }
  .mar-b-lg-150 {
    margin-bottom: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .mar-b-md-0 {
    margin-bottom: 0px !important;
  }
  .mar-b-md-5 {
    margin-bottom: 5px !important;
  }
  .mar-b-md-10 {
    margin-bottom: 10px !important;
  }
  .mar-b-md-15 {
    margin-bottom: 15px !important;
  }
  .mar-b-md-20 {
    margin-bottom: 20px !important;
  }
  .mar-b-md-25 {
    margin-bottom: 25px !important;
  }
  .mar-b-md-30 {
    margin-bottom: 30px !important;
  }
  .mar-b-md-35 {
    margin-bottom: 35px !important;
  }
  .mar-b-md-40 {
    margin-bottom: 40px !important;
  }
  .mar-b-md-45 {
    margin-bottom: 45px !important;
  }
  .mar-b-md-50 {
    margin-bottom: 50px !important;
  }
  .mar-b-md-55 {
    margin-bottom: 55px !important;
  }
  .mar-b-md-60 {
    margin-bottom: 60px !important;
  }
  .mar-b-md-65 {
    margin-bottom: 65px !important;
  }
  .mar-b-md-70 {
    margin-bottom: 70px !important;
  }
  .mar-b-md-75 {
    margin-bottom: 75px !important;
  }
  .mar-b-md-80 {
    margin-bottom: 80px !important;
  }
  .mar-b-md-85 {
    margin-bottom: 85px !important;
  }
  .mar-b-md-90 {
    margin-bottom: 90px !important;
  }
  .mar-b-md-95 {
    margin-bottom: 95px !important;
  }
  .mar-b-md-100 {
    margin-bottom: 100px !important;
  }
  .mar-b-md-105 {
    margin-bottom: 105px !important;
  }
  .mar-b-md-110 {
    margin-bottom: 110px !important;
  }
  .mar-b-md-115 {
    margin-bottom: 115px !important;
  }
  .mar-b-md-120 {
    margin-bottom: 120px !important;
  }
  .mar-b-md-125 {
    margin-bottom: 125px !important;
  }
  .mar-b-md-130 {
    margin-bottom: 130px !important;
  }
  .mar-b-md-135 {
    margin-bottom: 135px !important;
  }
  .mar-b-md-140 {
    margin-bottom: 140px !important;
  }
  .mar-b-md-145 {
    margin-bottom: 145px !important;
  }
  .mar-b-md-150 {
    margin-bottom: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .mar-b-sm-0 {
    margin-bottom: 0px !important;
  }
  .mar-b-sm-5 {
    margin-bottom: 5px !important;
  }
  .mar-b-sm-10 {
    margin-bottom: 10px !important;
  }
  .mar-b-sm-15 {
    margin-bottom: 15px !important;
  }
  .mar-b-sm-20 {
    margin-bottom: 20px !important;
  }
  .mar-b-sm-25 {
    margin-bottom: 25px !important;
  }
  .mar-b-sm-30 {
    margin-bottom: 30px !important;
  }
  .mar-b-sm-35 {
    margin-bottom: 35px !important;
  }
  .mar-b-sm-40 {
    margin-bottom: 40px !important;
  }
  .mar-b-sm-45 {
    margin-bottom: 45px !important;
  }
  .mar-b-sm-50 {
    margin-bottom: 50px !important;
  }
  .mar-b-sm-55 {
    margin-bottom: 55px !important;
  }
  .mar-b-sm-60 {
    margin-bottom: 60px !important;
  }
  .mar-b-sm-65 {
    margin-bottom: 65px !important;
  }
  .mar-b-sm-70 {
    margin-bottom: 70px !important;
  }
  .mar-b-sm-75 {
    margin-bottom: 75px !important;
  }
  .mar-b-sm-80 {
    margin-bottom: 80px !important;
  }
  .mar-b-sm-85 {
    margin-bottom: 85px !important;
  }
  .mar-b-sm-90 {
    margin-bottom: 90px !important;
  }
  .mar-b-sm-95 {
    margin-bottom: 95px !important;
  }
  .mar-b-sm-100 {
    margin-bottom: 100px !important;
  }
  .mar-b-sm-105 {
    margin-bottom: 105px !important;
  }
  .mar-b-sm-110 {
    margin-bottom: 110px !important;
  }
  .mar-b-sm-115 {
    margin-bottom: 115px !important;
  }
  .mar-b-sm-120 {
    margin-bottom: 120px !important;
  }
  .mar-b-sm-125 {
    margin-bottom: 125px !important;
  }
  .mar-b-sm-130 {
    margin-bottom: 130px !important;
  }
  .mar-b-sm-135 {
    margin-bottom: 135px !important;
  }
  .mar-b-sm-140 {
    margin-bottom: 140px !important;
  }
  .mar-b-sm-145 {
    margin-bottom: 145px !important;
  }
  .mar-b-sm-150 {
    margin-bottom: 150px !important;
  }
}
.mar-l-0 {
  margin-left: 0px !important;
}

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

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

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

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

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

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

.mar-l-35 {
  margin-left: 35px !important;
}

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

.mar-l-45 {
  margin-left: 45px !important;
}

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

.mar-l-55 {
  margin-left: 55px !important;
}

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

.mar-l-65 {
  margin-left: 65px !important;
}

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

.mar-l-75 {
  margin-left: 75px !important;
}

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

.mar-l-85 {
  margin-left: 85px !important;
}

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

.mar-l-95 {
  margin-left: 95px !important;
}

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

.mar-l-105 {
  margin-left: 105px !important;
}

.mar-l-110 {
  margin-left: 110px !important;
}

.mar-l-115 {
  margin-left: 115px !important;
}

.mar-l-120 {
  margin-left: 120px !important;
}

.mar-l-125 {
  margin-left: 125px !important;
}

.mar-l-130 {
  margin-left: 130px !important;
}

.mar-l-135 {
  margin-left: 135px !important;
}

.mar-l-140 {
  margin-left: 140px !important;
}

.mar-l-145 {
  margin-left: 145px !important;
}

.mar-l-150 {
  margin-left: 150px !important;
}

@media (max-width: 1199.98px) {
  .mar-l-xl-0 {
    margin-left: 0px !important;
  }
  .mar-l-xl-5 {
    margin-left: 5px !important;
  }
  .mar-l-xl-10 {
    margin-left: 10px !important;
  }
  .mar-l-xl-15 {
    margin-left: 15px !important;
  }
  .mar-l-xl-20 {
    margin-left: 20px !important;
  }
  .mar-l-xl-25 {
    margin-left: 25px !important;
  }
  .mar-l-xl-30 {
    margin-left: 30px !important;
  }
  .mar-l-xl-35 {
    margin-left: 35px !important;
  }
  .mar-l-xl-40 {
    margin-left: 40px !important;
  }
  .mar-l-xl-45 {
    margin-left: 45px !important;
  }
  .mar-l-xl-50 {
    margin-left: 50px !important;
  }
  .mar-l-xl-55 {
    margin-left: 55px !important;
  }
  .mar-l-xl-60 {
    margin-left: 60px !important;
  }
  .mar-l-xl-65 {
    margin-left: 65px !important;
  }
  .mar-l-xl-70 {
    margin-left: 70px !important;
  }
  .mar-l-xl-75 {
    margin-left: 75px !important;
  }
  .mar-l-xl-80 {
    margin-left: 80px !important;
  }
  .mar-l-xl-85 {
    margin-left: 85px !important;
  }
  .mar-l-xl-90 {
    margin-left: 90px !important;
  }
  .mar-l-xl-95 {
    margin-left: 95px !important;
  }
  .mar-l-xl-100 {
    margin-left: 100px !important;
  }
  .mar-l-xl-105 {
    margin-left: 105px !important;
  }
  .mar-l-xl-110 {
    margin-left: 110px !important;
  }
  .mar-l-xl-115 {
    margin-left: 115px !important;
  }
  .mar-l-xl-120 {
    margin-left: 120px !important;
  }
  .mar-l-xl-125 {
    margin-left: 125px !important;
  }
  .mar-l-xl-130 {
    margin-left: 130px !important;
  }
  .mar-l-xl-135 {
    margin-left: 135px !important;
  }
  .mar-l-xl-140 {
    margin-left: 140px !important;
  }
  .mar-l-xl-145 {
    margin-left: 145px !important;
  }
  .mar-l-xl-150 {
    margin-left: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .mar-l-lg-0 {
    margin-left: 0px !important;
  }
  .mar-l-lg-5 {
    margin-left: 5px !important;
  }
  .mar-l-lg-10 {
    margin-left: 10px !important;
  }
  .mar-l-lg-15 {
    margin-left: 15px !important;
  }
  .mar-l-lg-20 {
    margin-left: 20px !important;
  }
  .mar-l-lg-25 {
    margin-left: 25px !important;
  }
  .mar-l-lg-30 {
    margin-left: 30px !important;
  }
  .mar-l-lg-35 {
    margin-left: 35px !important;
  }
  .mar-l-lg-40 {
    margin-left: 40px !important;
  }
  .mar-l-lg-45 {
    margin-left: 45px !important;
  }
  .mar-l-lg-50 {
    margin-left: 50px !important;
  }
  .mar-l-lg-55 {
    margin-left: 55px !important;
  }
  .mar-l-lg-60 {
    margin-left: 60px !important;
  }
  .mar-l-lg-65 {
    margin-left: 65px !important;
  }
  .mar-l-lg-70 {
    margin-left: 70px !important;
  }
  .mar-l-lg-75 {
    margin-left: 75px !important;
  }
  .mar-l-lg-80 {
    margin-left: 80px !important;
  }
  .mar-l-lg-85 {
    margin-left: 85px !important;
  }
  .mar-l-lg-90 {
    margin-left: 90px !important;
  }
  .mar-l-lg-95 {
    margin-left: 95px !important;
  }
  .mar-l-lg-100 {
    margin-left: 100px !important;
  }
  .mar-l-lg-105 {
    margin-left: 105px !important;
  }
  .mar-l-lg-110 {
    margin-left: 110px !important;
  }
  .mar-l-lg-115 {
    margin-left: 115px !important;
  }
  .mar-l-lg-120 {
    margin-left: 120px !important;
  }
  .mar-l-lg-125 {
    margin-left: 125px !important;
  }
  .mar-l-lg-130 {
    margin-left: 130px !important;
  }
  .mar-l-lg-135 {
    margin-left: 135px !important;
  }
  .mar-l-lg-140 {
    margin-left: 140px !important;
  }
  .mar-l-lg-145 {
    margin-left: 145px !important;
  }
  .mar-l-lg-150 {
    margin-left: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .mar-l-md-0 {
    margin-left: 0px !important;
  }
  .mar-l-md-5 {
    margin-left: 5px !important;
  }
  .mar-l-md-10 {
    margin-left: 10px !important;
  }
  .mar-l-md-15 {
    margin-left: 15px !important;
  }
  .mar-l-md-20 {
    margin-left: 20px !important;
  }
  .mar-l-md-25 {
    margin-left: 25px !important;
  }
  .mar-l-md-30 {
    margin-left: 30px !important;
  }
  .mar-l-md-35 {
    margin-left: 35px !important;
  }
  .mar-l-md-40 {
    margin-left: 40px !important;
  }
  .mar-l-md-45 {
    margin-left: 45px !important;
  }
  .mar-l-md-50 {
    margin-left: 50px !important;
  }
  .mar-l-md-55 {
    margin-left: 55px !important;
  }
  .mar-l-md-60 {
    margin-left: 60px !important;
  }
  .mar-l-md-65 {
    margin-left: 65px !important;
  }
  .mar-l-md-70 {
    margin-left: 70px !important;
  }
  .mar-l-md-75 {
    margin-left: 75px !important;
  }
  .mar-l-md-80 {
    margin-left: 80px !important;
  }
  .mar-l-md-85 {
    margin-left: 85px !important;
  }
  .mar-l-md-90 {
    margin-left: 90px !important;
  }
  .mar-l-md-95 {
    margin-left: 95px !important;
  }
  .mar-l-md-100 {
    margin-left: 100px !important;
  }
  .mar-l-md-105 {
    margin-left: 105px !important;
  }
  .mar-l-md-110 {
    margin-left: 110px !important;
  }
  .mar-l-md-115 {
    margin-left: 115px !important;
  }
  .mar-l-md-120 {
    margin-left: 120px !important;
  }
  .mar-l-md-125 {
    margin-left: 125px !important;
  }
  .mar-l-md-130 {
    margin-left: 130px !important;
  }
  .mar-l-md-135 {
    margin-left: 135px !important;
  }
  .mar-l-md-140 {
    margin-left: 140px !important;
  }
  .mar-l-md-145 {
    margin-left: 145px !important;
  }
  .mar-l-md-150 {
    margin-left: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .mar-l-sm-0 {
    margin-left: 0px !important;
  }
  .mar-l-sm-5 {
    margin-left: 5px !important;
  }
  .mar-l-sm-10 {
    margin-left: 10px !important;
  }
  .mar-l-sm-15 {
    margin-left: 15px !important;
  }
  .mar-l-sm-20 {
    margin-left: 20px !important;
  }
  .mar-l-sm-25 {
    margin-left: 25px !important;
  }
  .mar-l-sm-30 {
    margin-left: 30px !important;
  }
  .mar-l-sm-35 {
    margin-left: 35px !important;
  }
  .mar-l-sm-40 {
    margin-left: 40px !important;
  }
  .mar-l-sm-45 {
    margin-left: 45px !important;
  }
  .mar-l-sm-50 {
    margin-left: 50px !important;
  }
  .mar-l-sm-55 {
    margin-left: 55px !important;
  }
  .mar-l-sm-60 {
    margin-left: 60px !important;
  }
  .mar-l-sm-65 {
    margin-left: 65px !important;
  }
  .mar-l-sm-70 {
    margin-left: 70px !important;
  }
  .mar-l-sm-75 {
    margin-left: 75px !important;
  }
  .mar-l-sm-80 {
    margin-left: 80px !important;
  }
  .mar-l-sm-85 {
    margin-left: 85px !important;
  }
  .mar-l-sm-90 {
    margin-left: 90px !important;
  }
  .mar-l-sm-95 {
    margin-left: 95px !important;
  }
  .mar-l-sm-100 {
    margin-left: 100px !important;
  }
  .mar-l-sm-105 {
    margin-left: 105px !important;
  }
  .mar-l-sm-110 {
    margin-left: 110px !important;
  }
  .mar-l-sm-115 {
    margin-left: 115px !important;
  }
  .mar-l-sm-120 {
    margin-left: 120px !important;
  }
  .mar-l-sm-125 {
    margin-left: 125px !important;
  }
  .mar-l-sm-130 {
    margin-left: 130px !important;
  }
  .mar-l-sm-135 {
    margin-left: 135px !important;
  }
  .mar-l-sm-140 {
    margin-left: 140px !important;
  }
  .mar-l-sm-145 {
    margin-left: 145px !important;
  }
  .mar-l-sm-150 {
    margin-left: 150px !important;
  }
}
.mar-r-0 {
  margin-right: 0px !important;
}

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

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

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

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

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

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

.mar-r-35 {
  margin-right: 35px !important;
}

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

.mar-r-45 {
  margin-right: 45px !important;
}

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

.mar-r-55 {
  margin-right: 55px !important;
}

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

.mar-r-65 {
  margin-right: 65px !important;
}

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

.mar-r-75 {
  margin-right: 75px !important;
}

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

.mar-r-85 {
  margin-right: 85px !important;
}

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

.mar-r-95 {
  margin-right: 95px !important;
}

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

.mar-r-105 {
  margin-right: 105px !important;
}

.mar-r-110 {
  margin-right: 110px !important;
}

.mar-r-115 {
  margin-right: 115px !important;
}

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

.mar-r-125 {
  margin-right: 125px !important;
}

.mar-r-130 {
  margin-right: 130px !important;
}

.mar-r-135 {
  margin-right: 135px !important;
}

.mar-r-140 {
  margin-right: 140px !important;
}

.mar-r-145 {
  margin-right: 145px !important;
}

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

@media (max-width: 1199.98px) {
  .mar-r-xl-0 {
    margin-right: 0px !important;
  }
  .mar-r-xl-5 {
    margin-right: 5px !important;
  }
  .mar-r-xl-10 {
    margin-right: 10px !important;
  }
  .mar-r-xl-15 {
    margin-right: 15px !important;
  }
  .mar-r-xl-20 {
    margin-right: 20px !important;
  }
  .mar-r-xl-25 {
    margin-right: 25px !important;
  }
  .mar-r-xl-30 {
    margin-right: 30px !important;
  }
  .mar-r-xl-35 {
    margin-right: 35px !important;
  }
  .mar-r-xl-40 {
    margin-right: 40px !important;
  }
  .mar-r-xl-45 {
    margin-right: 45px !important;
  }
  .mar-r-xl-50 {
    margin-right: 50px !important;
  }
  .mar-r-xl-55 {
    margin-right: 55px !important;
  }
  .mar-r-xl-60 {
    margin-right: 60px !important;
  }
  .mar-r-xl-65 {
    margin-right: 65px !important;
  }
  .mar-r-xl-70 {
    margin-right: 70px !important;
  }
  .mar-r-xl-75 {
    margin-right: 75px !important;
  }
  .mar-r-xl-80 {
    margin-right: 80px !important;
  }
  .mar-r-xl-85 {
    margin-right: 85px !important;
  }
  .mar-r-xl-90 {
    margin-right: 90px !important;
  }
  .mar-r-xl-95 {
    margin-right: 95px !important;
  }
  .mar-r-xl-100 {
    margin-right: 100px !important;
  }
  .mar-r-xl-105 {
    margin-right: 105px !important;
  }
  .mar-r-xl-110 {
    margin-right: 110px !important;
  }
  .mar-r-xl-115 {
    margin-right: 115px !important;
  }
  .mar-r-xl-120 {
    margin-right: 120px !important;
  }
  .mar-r-xl-125 {
    margin-right: 125px !important;
  }
  .mar-r-xl-130 {
    margin-right: 130px !important;
  }
  .mar-r-xl-135 {
    margin-right: 135px !important;
  }
  .mar-r-xl-140 {
    margin-right: 140px !important;
  }
  .mar-r-xl-145 {
    margin-right: 145px !important;
  }
  .mar-r-xl-150 {
    margin-right: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .mar-r-lg-0 {
    margin-right: 0px !important;
  }
  .mar-r-lg-5 {
    margin-right: 5px !important;
  }
  .mar-r-lg-10 {
    margin-right: 10px !important;
  }
  .mar-r-lg-15 {
    margin-right: 15px !important;
  }
  .mar-r-lg-20 {
    margin-right: 20px !important;
  }
  .mar-r-lg-25 {
    margin-right: 25px !important;
  }
  .mar-r-lg-30 {
    margin-right: 30px !important;
  }
  .mar-r-lg-35 {
    margin-right: 35px !important;
  }
  .mar-r-lg-40 {
    margin-right: 40px !important;
  }
  .mar-r-lg-45 {
    margin-right: 45px !important;
  }
  .mar-r-lg-50 {
    margin-right: 50px !important;
  }
  .mar-r-lg-55 {
    margin-right: 55px !important;
  }
  .mar-r-lg-60 {
    margin-right: 60px !important;
  }
  .mar-r-lg-65 {
    margin-right: 65px !important;
  }
  .mar-r-lg-70 {
    margin-right: 70px !important;
  }
  .mar-r-lg-75 {
    margin-right: 75px !important;
  }
  .mar-r-lg-80 {
    margin-right: 80px !important;
  }
  .mar-r-lg-85 {
    margin-right: 85px !important;
  }
  .mar-r-lg-90 {
    margin-right: 90px !important;
  }
  .mar-r-lg-95 {
    margin-right: 95px !important;
  }
  .mar-r-lg-100 {
    margin-right: 100px !important;
  }
  .mar-r-lg-105 {
    margin-right: 105px !important;
  }
  .mar-r-lg-110 {
    margin-right: 110px !important;
  }
  .mar-r-lg-115 {
    margin-right: 115px !important;
  }
  .mar-r-lg-120 {
    margin-right: 120px !important;
  }
  .mar-r-lg-125 {
    margin-right: 125px !important;
  }
  .mar-r-lg-130 {
    margin-right: 130px !important;
  }
  .mar-r-lg-135 {
    margin-right: 135px !important;
  }
  .mar-r-lg-140 {
    margin-right: 140px !important;
  }
  .mar-r-lg-145 {
    margin-right: 145px !important;
  }
  .mar-r-lg-150 {
    margin-right: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .mar-r-md-0 {
    margin-right: 0px !important;
  }
  .mar-r-md-5 {
    margin-right: 5px !important;
  }
  .mar-r-md-10 {
    margin-right: 10px !important;
  }
  .mar-r-md-15 {
    margin-right: 15px !important;
  }
  .mar-r-md-20 {
    margin-right: 20px !important;
  }
  .mar-r-md-25 {
    margin-right: 25px !important;
  }
  .mar-r-md-30 {
    margin-right: 30px !important;
  }
  .mar-r-md-35 {
    margin-right: 35px !important;
  }
  .mar-r-md-40 {
    margin-right: 40px !important;
  }
  .mar-r-md-45 {
    margin-right: 45px !important;
  }
  .mar-r-md-50 {
    margin-right: 50px !important;
  }
  .mar-r-md-55 {
    margin-right: 55px !important;
  }
  .mar-r-md-60 {
    margin-right: 60px !important;
  }
  .mar-r-md-65 {
    margin-right: 65px !important;
  }
  .mar-r-md-70 {
    margin-right: 70px !important;
  }
  .mar-r-md-75 {
    margin-right: 75px !important;
  }
  .mar-r-md-80 {
    margin-right: 80px !important;
  }
  .mar-r-md-85 {
    margin-right: 85px !important;
  }
  .mar-r-md-90 {
    margin-right: 90px !important;
  }
  .mar-r-md-95 {
    margin-right: 95px !important;
  }
  .mar-r-md-100 {
    margin-right: 100px !important;
  }
  .mar-r-md-105 {
    margin-right: 105px !important;
  }
  .mar-r-md-110 {
    margin-right: 110px !important;
  }
  .mar-r-md-115 {
    margin-right: 115px !important;
  }
  .mar-r-md-120 {
    margin-right: 120px !important;
  }
  .mar-r-md-125 {
    margin-right: 125px !important;
  }
  .mar-r-md-130 {
    margin-right: 130px !important;
  }
  .mar-r-md-135 {
    margin-right: 135px !important;
  }
  .mar-r-md-140 {
    margin-right: 140px !important;
  }
  .mar-r-md-145 {
    margin-right: 145px !important;
  }
  .mar-r-md-150 {
    margin-right: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .mar-r-sm-0 {
    margin-right: 0px !important;
  }
  .mar-r-sm-5 {
    margin-right: 5px !important;
  }
  .mar-r-sm-10 {
    margin-right: 10px !important;
  }
  .mar-r-sm-15 {
    margin-right: 15px !important;
  }
  .mar-r-sm-20 {
    margin-right: 20px !important;
  }
  .mar-r-sm-25 {
    margin-right: 25px !important;
  }
  .mar-r-sm-30 {
    margin-right: 30px !important;
  }
  .mar-r-sm-35 {
    margin-right: 35px !important;
  }
  .mar-r-sm-40 {
    margin-right: 40px !important;
  }
  .mar-r-sm-45 {
    margin-right: 45px !important;
  }
  .mar-r-sm-50 {
    margin-right: 50px !important;
  }
  .mar-r-sm-55 {
    margin-right: 55px !important;
  }
  .mar-r-sm-60 {
    margin-right: 60px !important;
  }
  .mar-r-sm-65 {
    margin-right: 65px !important;
  }
  .mar-r-sm-70 {
    margin-right: 70px !important;
  }
  .mar-r-sm-75 {
    margin-right: 75px !important;
  }
  .mar-r-sm-80 {
    margin-right: 80px !important;
  }
  .mar-r-sm-85 {
    margin-right: 85px !important;
  }
  .mar-r-sm-90 {
    margin-right: 90px !important;
  }
  .mar-r-sm-95 {
    margin-right: 95px !important;
  }
  .mar-r-sm-100 {
    margin-right: 100px !important;
  }
  .mar-r-sm-105 {
    margin-right: 105px !important;
  }
  .mar-r-sm-110 {
    margin-right: 110px !important;
  }
  .mar-r-sm-115 {
    margin-right: 115px !important;
  }
  .mar-r-sm-120 {
    margin-right: 120px !important;
  }
  .mar-r-sm-125 {
    margin-right: 125px !important;
  }
  .mar-r-sm-130 {
    margin-right: 130px !important;
  }
  .mar-r-sm-135 {
    margin-right: 135px !important;
  }
  .mar-r-sm-140 {
    margin-right: 140px !important;
  }
  .mar-r-sm-145 {
    margin-right: 145px !important;
  }
  .mar-r-sm-150 {
    margin-right: 150px !important;
  }
}
.mar-y-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mar-y-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

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

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

.mar-y-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mar-y-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mar-y-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mar-y-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.mar-y-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mar-y-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.mar-y-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mar-y-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.mar-y-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mar-y-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.mar-y-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.mar-y-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.mar-y-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mar-y-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.mar-y-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.mar-y-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.mar-y-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.mar-y-105 {
  margin-top: 105px !important;
  margin-bottom: 105px !important;
}

.mar-y-110 {
  margin-top: 110px !important;
  margin-bottom: 110px !important;
}

.mar-y-115 {
  margin-top: 115px !important;
  margin-bottom: 115px !important;
}

.mar-y-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.mar-y-125 {
  margin-top: 125px !important;
  margin-bottom: 125px !important;
}

.mar-y-130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}

.mar-y-135 {
  margin-top: 135px !important;
  margin-bottom: 135px !important;
}

.mar-y-140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}

.mar-y-145 {
  margin-top: 145px !important;
  margin-bottom: 145px !important;
}

.mar-y-150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}

@media (max-width: 1199.98px) {
  .mar-xl-y-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mar-xl-y-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mar-xl-y-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mar-xl-y-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mar-xl-y-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mar-xl-y-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mar-xl-y-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mar-xl-y-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mar-xl-y-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mar-xl-y-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mar-xl-y-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mar-xl-y-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mar-xl-y-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mar-xl-y-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mar-xl-y-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mar-xl-y-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mar-xl-y-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mar-xl-y-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mar-xl-y-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mar-xl-y-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mar-xl-y-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mar-xl-y-105 {
    margin-top: 105px !important;
    margin-bottom: 105px !important;
  }
  .mar-xl-y-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .mar-xl-y-115 {
    margin-top: 115px !important;
    margin-bottom: 115px !important;
  }
  .mar-xl-y-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mar-xl-y-125 {
    margin-top: 125px !important;
    margin-bottom: 125px !important;
  }
  .mar-xl-y-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .mar-xl-y-135 {
    margin-top: 135px !important;
    margin-bottom: 135px !important;
  }
  .mar-xl-y-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .mar-xl-y-145 {
    margin-top: 145px !important;
    margin-bottom: 145px !important;
  }
  .mar-xl-y-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .mar-lg-y-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mar-lg-y-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mar-lg-y-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mar-lg-y-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mar-lg-y-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mar-lg-y-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mar-lg-y-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mar-lg-y-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mar-lg-y-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mar-lg-y-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mar-lg-y-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mar-lg-y-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mar-lg-y-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mar-lg-y-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mar-lg-y-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mar-lg-y-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mar-lg-y-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mar-lg-y-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mar-lg-y-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mar-lg-y-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mar-lg-y-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mar-lg-y-105 {
    margin-top: 105px !important;
    margin-bottom: 105px !important;
  }
  .mar-lg-y-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .mar-lg-y-115 {
    margin-top: 115px !important;
    margin-bottom: 115px !important;
  }
  .mar-lg-y-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mar-lg-y-125 {
    margin-top: 125px !important;
    margin-bottom: 125px !important;
  }
  .mar-lg-y-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .mar-lg-y-135 {
    margin-top: 135px !important;
    margin-bottom: 135px !important;
  }
  .mar-lg-y-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .mar-lg-y-145 {
    margin-top: 145px !important;
    margin-bottom: 145px !important;
  }
  .mar-lg-y-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .mar-md-y-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mar-md-y-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mar-md-y-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mar-md-y-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mar-md-y-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mar-md-y-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mar-md-y-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mar-md-y-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mar-md-y-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mar-md-y-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mar-md-y-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mar-md-y-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mar-md-y-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mar-md-y-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mar-md-y-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mar-md-y-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mar-md-y-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mar-md-y-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mar-md-y-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mar-md-y-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mar-md-y-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mar-md-y-105 {
    margin-top: 105px !important;
    margin-bottom: 105px !important;
  }
  .mar-md-y-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .mar-md-y-115 {
    margin-top: 115px !important;
    margin-bottom: 115px !important;
  }
  .mar-md-y-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mar-md-y-125 {
    margin-top: 125px !important;
    margin-bottom: 125px !important;
  }
  .mar-md-y-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .mar-md-y-135 {
    margin-top: 135px !important;
    margin-bottom: 135px !important;
  }
  .mar-md-y-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .mar-md-y-145 {
    margin-top: 145px !important;
    margin-bottom: 145px !important;
  }
  .mar-md-y-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .mar-sm-y-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mar-sm-y-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mar-sm-y-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mar-sm-y-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mar-sm-y-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mar-sm-y-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mar-sm-y-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mar-sm-y-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mar-sm-y-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mar-sm-y-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mar-sm-y-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mar-sm-y-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mar-sm-y-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mar-sm-y-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mar-sm-y-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mar-sm-y-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mar-sm-y-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mar-sm-y-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mar-sm-y-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mar-sm-y-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mar-sm-y-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mar-sm-y-105 {
    margin-top: 105px !important;
    margin-bottom: 105px !important;
  }
  .mar-sm-y-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .mar-sm-y-115 {
    margin-top: 115px !important;
    margin-bottom: 115px !important;
  }
  .mar-sm-y-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mar-sm-y-125 {
    margin-top: 125px !important;
    margin-bottom: 125px !important;
  }
  .mar-sm-y-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .mar-sm-y-135 {
    margin-top: 135px !important;
    margin-bottom: 135px !important;
  }
  .mar-sm-y-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .mar-sm-y-145 {
    margin-top: 145px !important;
    margin-bottom: 145px !important;
  }
  .mar-sm-y-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
}
.mar-x-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.mar-x-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

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

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

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

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

.mar-x-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mar-x-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.mar-x-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mar-x-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.mar-x-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.mar-x-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.mar-x-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mar-x-65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.mar-x-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.mar-x-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.mar-x-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.mar-x-85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.mar-x-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.mar-x-95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.mar-x-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.mar-x-105 {
  margin-left: 105px !important;
  margin-right: 105px !important;
}

.mar-x-110 {
  margin-left: 110px !important;
  margin-right: 110px !important;
}

.mar-x-115 {
  margin-left: 115px !important;
  margin-right: 115px !important;
}

.mar-x-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.mar-x-125 {
  margin-left: 125px !important;
  margin-right: 125px !important;
}

.mar-x-130 {
  margin-left: 130px !important;
  margin-right: 130px !important;
}

.mar-x-135 {
  margin-left: 135px !important;
  margin-right: 135px !important;
}

.mar-x-140 {
  margin-left: 140px !important;
  margin-right: 140px !important;
}

.mar-x-145 {
  margin-left: 145px !important;
  margin-right: 145px !important;
}

.mar-x-150 {
  margin-left: 150px !important;
  margin-right: 150px !important;
}

@media (max-width: 1199.98px) {
  .mar-xl-x-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mar-xl-x-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mar-xl-x-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mar-xl-x-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mar-xl-x-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mar-xl-x-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mar-xl-x-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .mar-xl-x-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .mar-xl-x-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mar-xl-x-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .mar-xl-x-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mar-xl-x-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .mar-xl-x-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mar-xl-x-65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .mar-xl-x-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .mar-xl-x-75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mar-xl-x-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .mar-xl-x-85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .mar-xl-x-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .mar-xl-x-95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .mar-xl-x-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mar-xl-x-105 {
    margin-left: 105px !important;
    margin-right: 105px !important;
  }
  .mar-xl-x-110 {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .mar-xl-x-115 {
    margin-left: 115px !important;
    margin-right: 115px !important;
  }
  .mar-xl-x-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .mar-xl-x-125 {
    margin-left: 125px !important;
    margin-right: 125px !important;
  }
  .mar-xl-x-130 {
    margin-left: 130px !important;
    margin-right: 130px !important;
  }
  .mar-xl-x-135 {
    margin-left: 135px !important;
    margin-right: 135px !important;
  }
  .mar-xl-x-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }
  .mar-xl-x-145 {
    margin-left: 145px !important;
    margin-right: 145px !important;
  }
  .mar-xl-x-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .mar-lg-x-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mar-lg-x-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mar-lg-x-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mar-lg-x-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mar-lg-x-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mar-lg-x-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mar-lg-x-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .mar-lg-x-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .mar-lg-x-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mar-lg-x-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .mar-lg-x-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mar-lg-x-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .mar-lg-x-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mar-lg-x-65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .mar-lg-x-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .mar-lg-x-75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mar-lg-x-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .mar-lg-x-85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .mar-lg-x-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .mar-lg-x-95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .mar-lg-x-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mar-lg-x-105 {
    margin-left: 105px !important;
    margin-right: 105px !important;
  }
  .mar-lg-x-110 {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .mar-lg-x-115 {
    margin-left: 115px !important;
    margin-right: 115px !important;
  }
  .mar-lg-x-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .mar-lg-x-125 {
    margin-left: 125px !important;
    margin-right: 125px !important;
  }
  .mar-lg-x-130 {
    margin-left: 130px !important;
    margin-right: 130px !important;
  }
  .mar-lg-x-135 {
    margin-left: 135px !important;
    margin-right: 135px !important;
  }
  .mar-lg-x-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }
  .mar-lg-x-145 {
    margin-left: 145px !important;
    margin-right: 145px !important;
  }
  .mar-lg-x-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .mar-md-x-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mar-md-x-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mar-md-x-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mar-md-x-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mar-md-x-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mar-md-x-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mar-md-x-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .mar-md-x-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .mar-md-x-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mar-md-x-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .mar-md-x-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mar-md-x-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .mar-md-x-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mar-md-x-65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .mar-md-x-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .mar-md-x-75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mar-md-x-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .mar-md-x-85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .mar-md-x-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .mar-md-x-95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .mar-md-x-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mar-md-x-105 {
    margin-left: 105px !important;
    margin-right: 105px !important;
  }
  .mar-md-x-110 {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .mar-md-x-115 {
    margin-left: 115px !important;
    margin-right: 115px !important;
  }
  .mar-md-x-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .mar-md-x-125 {
    margin-left: 125px !important;
    margin-right: 125px !important;
  }
  .mar-md-x-130 {
    margin-left: 130px !important;
    margin-right: 130px !important;
  }
  .mar-md-x-135 {
    margin-left: 135px !important;
    margin-right: 135px !important;
  }
  .mar-md-x-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }
  .mar-md-x-145 {
    margin-left: 145px !important;
    margin-right: 145px !important;
  }
  .mar-md-x-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .mar-sm-x-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mar-sm-x-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mar-sm-x-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mar-sm-x-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mar-sm-x-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mar-sm-x-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mar-sm-x-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .mar-sm-x-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .mar-sm-x-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mar-sm-x-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .mar-sm-x-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mar-sm-x-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .mar-sm-x-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mar-sm-x-65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .mar-sm-x-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .mar-sm-x-75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mar-sm-x-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .mar-sm-x-85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .mar-sm-x-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .mar-sm-x-95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .mar-sm-x-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mar-sm-x-105 {
    margin-left: 105px !important;
    margin-right: 105px !important;
  }
  .mar-sm-x-110 {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .mar-sm-x-115 {
    margin-left: 115px !important;
    margin-right: 115px !important;
  }
  .mar-sm-x-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .mar-sm-x-125 {
    margin-left: 125px !important;
    margin-right: 125px !important;
  }
  .mar-sm-x-130 {
    margin-left: 130px !important;
    margin-right: 130px !important;
  }
  .mar-sm-x-135 {
    margin-left: 135px !important;
    margin-right: 135px !important;
  }
  .mar-sm-x-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }
  .mar-sm-x-145 {
    margin-left: 145px !important;
    margin-right: 145px !important;
  }
  .mar-sm-x-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }
}
.pad-t-0 {
  padding-top: 0px !important;
}

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

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

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

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

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

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

.pad-t-35 {
  padding-top: 35px !important;
}

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

.pad-t-45 {
  padding-top: 45px !important;
}

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

.pad-t-55 {
  padding-top: 55px !important;
}

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

.pad-t-65 {
  padding-top: 65px !important;
}

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

.pad-t-75 {
  padding-top: 75px !important;
}

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

.pad-t-85 {
  padding-top: 85px !important;
}

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

.pad-t-95 {
  padding-top: 95px !important;
}

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

.pad-t-105 {
  padding-top: 105px !important;
}

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

.pad-t-115 {
  padding-top: 115px !important;
}

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

.pad-t-125 {
  padding-top: 125px !important;
}

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

.pad-t-135 {
  padding-top: 135px !important;
}

.pad-t-140 {
  padding-top: 140px !important;
}

.pad-t-145 {
  padding-top: 145px !important;
}

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

@media (max-width: 1199.98px) {
  .pad-t-xl-0 {
    padding-top: 0px !important;
  }
  .pad-t-xl-5 {
    padding-top: 5px !important;
  }
  .pad-t-xl-10 {
    padding-top: 10px !important;
  }
  .pad-t-xl-15 {
    padding-top: 15px !important;
  }
  .pad-t-xl-20 {
    padding-top: 20px !important;
  }
  .pad-t-xl-25 {
    padding-top: 25px !important;
  }
  .pad-t-xl-30 {
    padding-top: 30px !important;
  }
  .pad-t-xl-35 {
    padding-top: 35px !important;
  }
  .pad-t-xl-40 {
    padding-top: 40px !important;
  }
  .pad-t-xl-45 {
    padding-top: 45px !important;
  }
  .pad-t-xl-50 {
    padding-top: 50px !important;
  }
  .pad-t-xl-55 {
    padding-top: 55px !important;
  }
  .pad-t-xl-60 {
    padding-top: 60px !important;
  }
  .pad-t-xl-65 {
    padding-top: 65px !important;
  }
  .pad-t-xl-70 {
    padding-top: 70px !important;
  }
  .pad-t-xl-75 {
    padding-top: 75px !important;
  }
  .pad-t-xl-80 {
    padding-top: 80px !important;
  }
  .pad-t-xl-85 {
    padding-top: 85px !important;
  }
  .pad-t-xl-90 {
    padding-top: 90px !important;
  }
  .pad-t-xl-95 {
    padding-top: 95px !important;
  }
  .pad-t-xl-100 {
    padding-top: 100px !important;
  }
  .pad-t-xl-105 {
    padding-top: 105px !important;
  }
  .pad-t-xl-110 {
    padding-top: 110px !important;
  }
  .pad-t-xl-115 {
    padding-top: 115px !important;
  }
  .pad-t-xl-120 {
    padding-top: 120px !important;
  }
  .pad-t-xl-125 {
    padding-top: 125px !important;
  }
  .pad-t-xl-130 {
    padding-top: 130px !important;
  }
  .pad-t-xl-135 {
    padding-top: 135px !important;
  }
  .pad-t-xl-140 {
    padding-top: 140px !important;
  }
  .pad-t-xl-145 {
    padding-top: 145px !important;
  }
  .pad-t-xl-150 {
    padding-top: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .pad-t-lg-0 {
    padding-top: 0px !important;
  }
  .pad-t-lg-5 {
    padding-top: 5px !important;
  }
  .pad-t-lg-10 {
    padding-top: 10px !important;
  }
  .pad-t-lg-15 {
    padding-top: 15px !important;
  }
  .pad-t-lg-20 {
    padding-top: 20px !important;
  }
  .pad-t-lg-25 {
    padding-top: 25px !important;
  }
  .pad-t-lg-30 {
    padding-top: 30px !important;
  }
  .pad-t-lg-35 {
    padding-top: 35px !important;
  }
  .pad-t-lg-40 {
    padding-top: 40px !important;
  }
  .pad-t-lg-45 {
    padding-top: 45px !important;
  }
  .pad-t-lg-50 {
    padding-top: 50px !important;
  }
  .pad-t-lg-55 {
    padding-top: 55px !important;
  }
  .pad-t-lg-60 {
    padding-top: 60px !important;
  }
  .pad-t-lg-65 {
    padding-top: 65px !important;
  }
  .pad-t-lg-70 {
    padding-top: 70px !important;
  }
  .pad-t-lg-75 {
    padding-top: 75px !important;
  }
  .pad-t-lg-80 {
    padding-top: 80px !important;
  }
  .pad-t-lg-85 {
    padding-top: 85px !important;
  }
  .pad-t-lg-90 {
    padding-top: 90px !important;
  }
  .pad-t-lg-95 {
    padding-top: 95px !important;
  }
  .pad-t-lg-100 {
    padding-top: 100px !important;
  }
  .pad-t-lg-105 {
    padding-top: 105px !important;
  }
  .pad-t-lg-110 {
    padding-top: 110px !important;
  }
  .pad-t-lg-115 {
    padding-top: 115px !important;
  }
  .pad-t-lg-120 {
    padding-top: 120px !important;
  }
  .pad-t-lg-125 {
    padding-top: 125px !important;
  }
  .pad-t-lg-130 {
    padding-top: 130px !important;
  }
  .pad-t-lg-135 {
    padding-top: 135px !important;
  }
  .pad-t-lg-140 {
    padding-top: 140px !important;
  }
  .pad-t-lg-145 {
    padding-top: 145px !important;
  }
  .pad-t-lg-150 {
    padding-top: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .pad-t-md-0 {
    padding-top: 0px !important;
  }
  .pad-t-md-5 {
    padding-top: 5px !important;
  }
  .pad-t-md-10 {
    padding-top: 10px !important;
  }
  .pad-t-md-15 {
    padding-top: 15px !important;
  }
  .pad-t-md-20 {
    padding-top: 20px !important;
  }
  .pad-t-md-25 {
    padding-top: 25px !important;
  }
  .pad-t-md-30 {
    padding-top: 30px !important;
  }
  .pad-t-md-35 {
    padding-top: 35px !important;
  }
  .pad-t-md-40 {
    padding-top: 40px !important;
  }
  .pad-t-md-45 {
    padding-top: 45px !important;
  }
  .pad-t-md-50 {
    padding-top: 50px !important;
  }
  .pad-t-md-55 {
    padding-top: 55px !important;
  }
  .pad-t-md-60 {
    padding-top: 60px !important;
  }
  .pad-t-md-65 {
    padding-top: 65px !important;
  }
  .pad-t-md-70 {
    padding-top: 70px !important;
  }
  .pad-t-md-75 {
    padding-top: 75px !important;
  }
  .pad-t-md-80 {
    padding-top: 80px !important;
  }
  .pad-t-md-85 {
    padding-top: 85px !important;
  }
  .pad-t-md-90 {
    padding-top: 90px !important;
  }
  .pad-t-md-95 {
    padding-top: 95px !important;
  }
  .pad-t-md-100 {
    padding-top: 100px !important;
  }
  .pad-t-md-105 {
    padding-top: 105px !important;
  }
  .pad-t-md-110 {
    padding-top: 110px !important;
  }
  .pad-t-md-115 {
    padding-top: 115px !important;
  }
  .pad-t-md-120 {
    padding-top: 120px !important;
  }
  .pad-t-md-125 {
    padding-top: 125px !important;
  }
  .pad-t-md-130 {
    padding-top: 130px !important;
  }
  .pad-t-md-135 {
    padding-top: 135px !important;
  }
  .pad-t-md-140 {
    padding-top: 140px !important;
  }
  .pad-t-md-145 {
    padding-top: 145px !important;
  }
  .pad-t-md-150 {
    padding-top: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .pad-t-sm-0 {
    padding-top: 0px !important;
  }
  .pad-t-sm-5 {
    padding-top: 5px !important;
  }
  .pad-t-sm-10 {
    padding-top: 10px !important;
  }
  .pad-t-sm-15 {
    padding-top: 15px !important;
  }
  .pad-t-sm-20 {
    padding-top: 20px !important;
  }
  .pad-t-sm-25 {
    padding-top: 25px !important;
  }
  .pad-t-sm-30 {
    padding-top: 30px !important;
  }
  .pad-t-sm-35 {
    padding-top: 35px !important;
  }
  .pad-t-sm-40 {
    padding-top: 40px !important;
  }
  .pad-t-sm-45 {
    padding-top: 45px !important;
  }
  .pad-t-sm-50 {
    padding-top: 50px !important;
  }
  .pad-t-sm-55 {
    padding-top: 55px !important;
  }
  .pad-t-sm-60 {
    padding-top: 60px !important;
  }
  .pad-t-sm-65 {
    padding-top: 65px !important;
  }
  .pad-t-sm-70 {
    padding-top: 70px !important;
  }
  .pad-t-sm-75 {
    padding-top: 75px !important;
  }
  .pad-t-sm-80 {
    padding-top: 80px !important;
  }
  .pad-t-sm-85 {
    padding-top: 85px !important;
  }
  .pad-t-sm-90 {
    padding-top: 90px !important;
  }
  .pad-t-sm-95 {
    padding-top: 95px !important;
  }
  .pad-t-sm-100 {
    padding-top: 100px !important;
  }
  .pad-t-sm-105 {
    padding-top: 105px !important;
  }
  .pad-t-sm-110 {
    padding-top: 110px !important;
  }
  .pad-t-sm-115 {
    padding-top: 115px !important;
  }
  .pad-t-sm-120 {
    padding-top: 120px !important;
  }
  .pad-t-sm-125 {
    padding-top: 125px !important;
  }
  .pad-t-sm-130 {
    padding-top: 130px !important;
  }
  .pad-t-sm-135 {
    padding-top: 135px !important;
  }
  .pad-t-sm-140 {
    padding-top: 140px !important;
  }
  .pad-t-sm-145 {
    padding-top: 145px !important;
  }
  .pad-t-sm-150 {
    padding-top: 150px !important;
  }
}
.pad-b-0 {
  padding-bottom: 0px !important;
}

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

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

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

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

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

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

.pad-b-35 {
  padding-bottom: 35px !important;
}

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

.pad-b-45 {
  padding-bottom: 45px !important;
}

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

.pad-b-55 {
  padding-bottom: 55px !important;
}

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

.pad-b-65 {
  padding-bottom: 65px !important;
}

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

.pad-b-75 {
  padding-bottom: 75px !important;
}

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

.pad-b-85 {
  padding-bottom: 85px !important;
}

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

.pad-b-95 {
  padding-bottom: 95px !important;
}

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

.pad-b-105 {
  padding-bottom: 105px !important;
}

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

.pad-b-115 {
  padding-bottom: 115px !important;
}

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

.pad-b-125 {
  padding-bottom: 125px !important;
}

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

.pad-b-135 {
  padding-bottom: 135px !important;
}

.pad-b-140 {
  padding-bottom: 140px !important;
}

.pad-b-145 {
  padding-bottom: 145px !important;
}

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

@media (max-width: 1199.98px) {
  .pad-b-xl-0 {
    padding-bottom: 0px !important;
  }
  .pad-b-xl-5 {
    padding-bottom: 5px !important;
  }
  .pad-b-xl-10 {
    padding-bottom: 10px !important;
  }
  .pad-b-xl-15 {
    padding-bottom: 15px !important;
  }
  .pad-b-xl-20 {
    padding-bottom: 20px !important;
  }
  .pad-b-xl-25 {
    padding-bottom: 25px !important;
  }
  .pad-b-xl-30 {
    padding-bottom: 30px !important;
  }
  .pad-b-xl-35 {
    padding-bottom: 35px !important;
  }
  .pad-b-xl-40 {
    padding-bottom: 40px !important;
  }
  .pad-b-xl-45 {
    padding-bottom: 45px !important;
  }
  .pad-b-xl-50 {
    padding-bottom: 50px !important;
  }
  .pad-b-xl-55 {
    padding-bottom: 55px !important;
  }
  .pad-b-xl-60 {
    padding-bottom: 60px !important;
  }
  .pad-b-xl-65 {
    padding-bottom: 65px !important;
  }
  .pad-b-xl-70 {
    padding-bottom: 70px !important;
  }
  .pad-b-xl-75 {
    padding-bottom: 75px !important;
  }
  .pad-b-xl-80 {
    padding-bottom: 80px !important;
  }
  .pad-b-xl-85 {
    padding-bottom: 85px !important;
  }
  .pad-b-xl-90 {
    padding-bottom: 90px !important;
  }
  .pad-b-xl-95 {
    padding-bottom: 95px !important;
  }
  .pad-b-xl-100 {
    padding-bottom: 100px !important;
  }
  .pad-b-xl-105 {
    padding-bottom: 105px !important;
  }
  .pad-b-xl-110 {
    padding-bottom: 110px !important;
  }
  .pad-b-xl-115 {
    padding-bottom: 115px !important;
  }
  .pad-b-xl-120 {
    padding-bottom: 120px !important;
  }
  .pad-b-xl-125 {
    padding-bottom: 125px !important;
  }
  .pad-b-xl-130 {
    padding-bottom: 130px !important;
  }
  .pad-b-xl-135 {
    padding-bottom: 135px !important;
  }
  .pad-b-xl-140 {
    padding-bottom: 140px !important;
  }
  .pad-b-xl-145 {
    padding-bottom: 145px !important;
  }
  .pad-b-xl-150 {
    padding-bottom: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .pad-b-lg-0 {
    padding-bottom: 0px !important;
  }
  .pad-b-lg-5 {
    padding-bottom: 5px !important;
  }
  .pad-b-lg-10 {
    padding-bottom: 10px !important;
  }
  .pad-b-lg-15 {
    padding-bottom: 15px !important;
  }
  .pad-b-lg-20 {
    padding-bottom: 20px !important;
  }
  .pad-b-lg-25 {
    padding-bottom: 25px !important;
  }
  .pad-b-lg-30 {
    padding-bottom: 30px !important;
  }
  .pad-b-lg-35 {
    padding-bottom: 35px !important;
  }
  .pad-b-lg-40 {
    padding-bottom: 40px !important;
  }
  .pad-b-lg-45 {
    padding-bottom: 45px !important;
  }
  .pad-b-lg-50 {
    padding-bottom: 50px !important;
  }
  .pad-b-lg-55 {
    padding-bottom: 55px !important;
  }
  .pad-b-lg-60 {
    padding-bottom: 60px !important;
  }
  .pad-b-lg-65 {
    padding-bottom: 65px !important;
  }
  .pad-b-lg-70 {
    padding-bottom: 70px !important;
  }
  .pad-b-lg-75 {
    padding-bottom: 75px !important;
  }
  .pad-b-lg-80 {
    padding-bottom: 80px !important;
  }
  .pad-b-lg-85 {
    padding-bottom: 85px !important;
  }
  .pad-b-lg-90 {
    padding-bottom: 90px !important;
  }
  .pad-b-lg-95 {
    padding-bottom: 95px !important;
  }
  .pad-b-lg-100 {
    padding-bottom: 100px !important;
  }
  .pad-b-lg-105 {
    padding-bottom: 105px !important;
  }
  .pad-b-lg-110 {
    padding-bottom: 110px !important;
  }
  .pad-b-lg-115 {
    padding-bottom: 115px !important;
  }
  .pad-b-lg-120 {
    padding-bottom: 120px !important;
  }
  .pad-b-lg-125 {
    padding-bottom: 125px !important;
  }
  .pad-b-lg-130 {
    padding-bottom: 130px !important;
  }
  .pad-b-lg-135 {
    padding-bottom: 135px !important;
  }
  .pad-b-lg-140 {
    padding-bottom: 140px !important;
  }
  .pad-b-lg-145 {
    padding-bottom: 145px !important;
  }
  .pad-b-lg-150 {
    padding-bottom: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .pad-b-md-0 {
    padding-bottom: 0px !important;
  }
  .pad-b-md-5 {
    padding-bottom: 5px !important;
  }
  .pad-b-md-10 {
    padding-bottom: 10px !important;
  }
  .pad-b-md-15 {
    padding-bottom: 15px !important;
  }
  .pad-b-md-20 {
    padding-bottom: 20px !important;
  }
  .pad-b-md-25 {
    padding-bottom: 25px !important;
  }
  .pad-b-md-30 {
    padding-bottom: 30px !important;
  }
  .pad-b-md-35 {
    padding-bottom: 35px !important;
  }
  .pad-b-md-40 {
    padding-bottom: 40px !important;
  }
  .pad-b-md-45 {
    padding-bottom: 45px !important;
  }
  .pad-b-md-50 {
    padding-bottom: 50px !important;
  }
  .pad-b-md-55 {
    padding-bottom: 55px !important;
  }
  .pad-b-md-60 {
    padding-bottom: 60px !important;
  }
  .pad-b-md-65 {
    padding-bottom: 65px !important;
  }
  .pad-b-md-70 {
    padding-bottom: 70px !important;
  }
  .pad-b-md-75 {
    padding-bottom: 75px !important;
  }
  .pad-b-md-80 {
    padding-bottom: 80px !important;
  }
  .pad-b-md-85 {
    padding-bottom: 85px !important;
  }
  .pad-b-md-90 {
    padding-bottom: 90px !important;
  }
  .pad-b-md-95 {
    padding-bottom: 95px !important;
  }
  .pad-b-md-100 {
    padding-bottom: 100px !important;
  }
  .pad-b-md-105 {
    padding-bottom: 105px !important;
  }
  .pad-b-md-110 {
    padding-bottom: 110px !important;
  }
  .pad-b-md-115 {
    padding-bottom: 115px !important;
  }
  .pad-b-md-120 {
    padding-bottom: 120px !important;
  }
  .pad-b-md-125 {
    padding-bottom: 125px !important;
  }
  .pad-b-md-130 {
    padding-bottom: 130px !important;
  }
  .pad-b-md-135 {
    padding-bottom: 135px !important;
  }
  .pad-b-md-140 {
    padding-bottom: 140px !important;
  }
  .pad-b-md-145 {
    padding-bottom: 145px !important;
  }
  .pad-b-md-150 {
    padding-bottom: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .pad-b-sm-0 {
    padding-bottom: 0px !important;
  }
  .pad-b-sm-5 {
    padding-bottom: 5px !important;
  }
  .pad-b-sm-10 {
    padding-bottom: 10px !important;
  }
  .pad-b-sm-15 {
    padding-bottom: 15px !important;
  }
  .pad-b-sm-20 {
    padding-bottom: 20px !important;
  }
  .pad-b-sm-25 {
    padding-bottom: 25px !important;
  }
  .pad-b-sm-30 {
    padding-bottom: 30px !important;
  }
  .pad-b-sm-35 {
    padding-bottom: 35px !important;
  }
  .pad-b-sm-40 {
    padding-bottom: 40px !important;
  }
  .pad-b-sm-45 {
    padding-bottom: 45px !important;
  }
  .pad-b-sm-50 {
    padding-bottom: 50px !important;
  }
  .pad-b-sm-55 {
    padding-bottom: 55px !important;
  }
  .pad-b-sm-60 {
    padding-bottom: 60px !important;
  }
  .pad-b-sm-65 {
    padding-bottom: 65px !important;
  }
  .pad-b-sm-70 {
    padding-bottom: 70px !important;
  }
  .pad-b-sm-75 {
    padding-bottom: 75px !important;
  }
  .pad-b-sm-80 {
    padding-bottom: 80px !important;
  }
  .pad-b-sm-85 {
    padding-bottom: 85px !important;
  }
  .pad-b-sm-90 {
    padding-bottom: 90px !important;
  }
  .pad-b-sm-95 {
    padding-bottom: 95px !important;
  }
  .pad-b-sm-100 {
    padding-bottom: 100px !important;
  }
  .pad-b-sm-105 {
    padding-bottom: 105px !important;
  }
  .pad-b-sm-110 {
    padding-bottom: 110px !important;
  }
  .pad-b-sm-115 {
    padding-bottom: 115px !important;
  }
  .pad-b-sm-120 {
    padding-bottom: 120px !important;
  }
  .pad-b-sm-125 {
    padding-bottom: 125px !important;
  }
  .pad-b-sm-130 {
    padding-bottom: 130px !important;
  }
  .pad-b-sm-135 {
    padding-bottom: 135px !important;
  }
  .pad-b-sm-140 {
    padding-bottom: 140px !important;
  }
  .pad-b-sm-145 {
    padding-bottom: 145px !important;
  }
  .pad-b-sm-150 {
    padding-bottom: 150px !important;
  }
}
.pad-l-0 {
  padding-left: 0px !important;
}

.pad-l-5 {
  padding-left: 5px !important;
}

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

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

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

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

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

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

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

.pad-l-45 {
  padding-left: 45px !important;
}

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

.pad-l-55 {
  padding-left: 55px !important;
}

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

.pad-l-65 {
  padding-left: 65px !important;
}

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

.pad-l-75 {
  padding-left: 75px !important;
}

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

.pad-l-85 {
  padding-left: 85px !important;
}

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

.pad-l-95 {
  padding-left: 95px !important;
}

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

.pad-l-105 {
  padding-left: 105px !important;
}

.pad-l-110 {
  padding-left: 110px !important;
}

.pad-l-115 {
  padding-left: 115px !important;
}

.pad-l-120 {
  padding-left: 120px !important;
}

.pad-l-125 {
  padding-left: 125px !important;
}

.pad-l-130 {
  padding-left: 130px !important;
}

.pad-l-135 {
  padding-left: 135px !important;
}

.pad-l-140 {
  padding-left: 140px !important;
}

.pad-l-145 {
  padding-left: 145px !important;
}

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

@media (max-width: 1199.98px) {
  .pad-l-xl-0 {
    padding-left: 0px !important;
  }
  .pad-l-xl-5 {
    padding-left: 5px !important;
  }
  .pad-l-xl-10 {
    padding-left: 10px !important;
  }
  .pad-l-xl-15 {
    padding-left: 15px !important;
  }
  .pad-l-xl-20 {
    padding-left: 20px !important;
  }
  .pad-l-xl-25 {
    padding-left: 25px !important;
  }
  .pad-l-xl-30 {
    padding-left: 30px !important;
  }
  .pad-l-xl-35 {
    padding-left: 35px !important;
  }
  .pad-l-xl-40 {
    padding-left: 40px !important;
  }
  .pad-l-xl-45 {
    padding-left: 45px !important;
  }
  .pad-l-xl-50 {
    padding-left: 50px !important;
  }
  .pad-l-xl-55 {
    padding-left: 55px !important;
  }
  .pad-l-xl-60 {
    padding-left: 60px !important;
  }
  .pad-l-xl-65 {
    padding-left: 65px !important;
  }
  .pad-l-xl-70 {
    padding-left: 70px !important;
  }
  .pad-l-xl-75 {
    padding-left: 75px !important;
  }
  .pad-l-xl-80 {
    padding-left: 80px !important;
  }
  .pad-l-xl-85 {
    padding-left: 85px !important;
  }
  .pad-l-xl-90 {
    padding-left: 90px !important;
  }
  .pad-l-xl-95 {
    padding-left: 95px !important;
  }
  .pad-l-xl-100 {
    padding-left: 100px !important;
  }
  .pad-l-xl-105 {
    padding-left: 105px !important;
  }
  .pad-l-xl-110 {
    padding-left: 110px !important;
  }
  .pad-l-xl-115 {
    padding-left: 115px !important;
  }
  .pad-l-xl-120 {
    padding-left: 120px !important;
  }
  .pad-l-xl-125 {
    padding-left: 125px !important;
  }
  .pad-l-xl-130 {
    padding-left: 130px !important;
  }
  .pad-l-xl-135 {
    padding-left: 135px !important;
  }
  .pad-l-xl-140 {
    padding-left: 140px !important;
  }
  .pad-l-xl-145 {
    padding-left: 145px !important;
  }
  .pad-l-xl-150 {
    padding-left: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .pad-l-lg-0 {
    padding-left: 0px !important;
  }
  .pad-l-lg-5 {
    padding-left: 5px !important;
  }
  .pad-l-lg-10 {
    padding-left: 10px !important;
  }
  .pad-l-lg-15 {
    padding-left: 15px !important;
  }
  .pad-l-lg-20 {
    padding-left: 20px !important;
  }
  .pad-l-lg-25 {
    padding-left: 25px !important;
  }
  .pad-l-lg-30 {
    padding-left: 30px !important;
  }
  .pad-l-lg-35 {
    padding-left: 35px !important;
  }
  .pad-l-lg-40 {
    padding-left: 40px !important;
  }
  .pad-l-lg-45 {
    padding-left: 45px !important;
  }
  .pad-l-lg-50 {
    padding-left: 50px !important;
  }
  .pad-l-lg-55 {
    padding-left: 55px !important;
  }
  .pad-l-lg-60 {
    padding-left: 60px !important;
  }
  .pad-l-lg-65 {
    padding-left: 65px !important;
  }
  .pad-l-lg-70 {
    padding-left: 70px !important;
  }
  .pad-l-lg-75 {
    padding-left: 75px !important;
  }
  .pad-l-lg-80 {
    padding-left: 80px !important;
  }
  .pad-l-lg-85 {
    padding-left: 85px !important;
  }
  .pad-l-lg-90 {
    padding-left: 90px !important;
  }
  .pad-l-lg-95 {
    padding-left: 95px !important;
  }
  .pad-l-lg-100 {
    padding-left: 100px !important;
  }
  .pad-l-lg-105 {
    padding-left: 105px !important;
  }
  .pad-l-lg-110 {
    padding-left: 110px !important;
  }
  .pad-l-lg-115 {
    padding-left: 115px !important;
  }
  .pad-l-lg-120 {
    padding-left: 120px !important;
  }
  .pad-l-lg-125 {
    padding-left: 125px !important;
  }
  .pad-l-lg-130 {
    padding-left: 130px !important;
  }
  .pad-l-lg-135 {
    padding-left: 135px !important;
  }
  .pad-l-lg-140 {
    padding-left: 140px !important;
  }
  .pad-l-lg-145 {
    padding-left: 145px !important;
  }
  .pad-l-lg-150 {
    padding-left: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .pad-l-md-0 {
    padding-left: 0px !important;
  }
  .pad-l-md-5 {
    padding-left: 5px !important;
  }
  .pad-l-md-10 {
    padding-left: 10px !important;
  }
  .pad-l-md-15 {
    padding-left: 15px !important;
  }
  .pad-l-md-20 {
    padding-left: 20px !important;
  }
  .pad-l-md-25 {
    padding-left: 25px !important;
  }
  .pad-l-md-30 {
    padding-left: 30px !important;
  }
  .pad-l-md-35 {
    padding-left: 35px !important;
  }
  .pad-l-md-40 {
    padding-left: 40px !important;
  }
  .pad-l-md-45 {
    padding-left: 45px !important;
  }
  .pad-l-md-50 {
    padding-left: 50px !important;
  }
  .pad-l-md-55 {
    padding-left: 55px !important;
  }
  .pad-l-md-60 {
    padding-left: 60px !important;
  }
  .pad-l-md-65 {
    padding-left: 65px !important;
  }
  .pad-l-md-70 {
    padding-left: 70px !important;
  }
  .pad-l-md-75 {
    padding-left: 75px !important;
  }
  .pad-l-md-80 {
    padding-left: 80px !important;
  }
  .pad-l-md-85 {
    padding-left: 85px !important;
  }
  .pad-l-md-90 {
    padding-left: 90px !important;
  }
  .pad-l-md-95 {
    padding-left: 95px !important;
  }
  .pad-l-md-100 {
    padding-left: 100px !important;
  }
  .pad-l-md-105 {
    padding-left: 105px !important;
  }
  .pad-l-md-110 {
    padding-left: 110px !important;
  }
  .pad-l-md-115 {
    padding-left: 115px !important;
  }
  .pad-l-md-120 {
    padding-left: 120px !important;
  }
  .pad-l-md-125 {
    padding-left: 125px !important;
  }
  .pad-l-md-130 {
    padding-left: 130px !important;
  }
  .pad-l-md-135 {
    padding-left: 135px !important;
  }
  .pad-l-md-140 {
    padding-left: 140px !important;
  }
  .pad-l-md-145 {
    padding-left: 145px !important;
  }
  .pad-l-md-150 {
    padding-left: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .pad-l-sm-0 {
    padding-left: 0px !important;
  }
  .pad-l-sm-5 {
    padding-left: 5px !important;
  }
  .pad-l-sm-10 {
    padding-left: 10px !important;
  }
  .pad-l-sm-15 {
    padding-left: 15px !important;
  }
  .pad-l-sm-20 {
    padding-left: 20px !important;
  }
  .pad-l-sm-25 {
    padding-left: 25px !important;
  }
  .pad-l-sm-30 {
    padding-left: 30px !important;
  }
  .pad-l-sm-35 {
    padding-left: 35px !important;
  }
  .pad-l-sm-40 {
    padding-left: 40px !important;
  }
  .pad-l-sm-45 {
    padding-left: 45px !important;
  }
  .pad-l-sm-50 {
    padding-left: 50px !important;
  }
  .pad-l-sm-55 {
    padding-left: 55px !important;
  }
  .pad-l-sm-60 {
    padding-left: 60px !important;
  }
  .pad-l-sm-65 {
    padding-left: 65px !important;
  }
  .pad-l-sm-70 {
    padding-left: 70px !important;
  }
  .pad-l-sm-75 {
    padding-left: 75px !important;
  }
  .pad-l-sm-80 {
    padding-left: 80px !important;
  }
  .pad-l-sm-85 {
    padding-left: 85px !important;
  }
  .pad-l-sm-90 {
    padding-left: 90px !important;
  }
  .pad-l-sm-95 {
    padding-left: 95px !important;
  }
  .pad-l-sm-100 {
    padding-left: 100px !important;
  }
  .pad-l-sm-105 {
    padding-left: 105px !important;
  }
  .pad-l-sm-110 {
    padding-left: 110px !important;
  }
  .pad-l-sm-115 {
    padding-left: 115px !important;
  }
  .pad-l-sm-120 {
    padding-left: 120px !important;
  }
  .pad-l-sm-125 {
    padding-left: 125px !important;
  }
  .pad-l-sm-130 {
    padding-left: 130px !important;
  }
  .pad-l-sm-135 {
    padding-left: 135px !important;
  }
  .pad-l-sm-140 {
    padding-left: 140px !important;
  }
  .pad-l-sm-145 {
    padding-left: 145px !important;
  }
  .pad-l-sm-150 {
    padding-left: 150px !important;
  }
}
.pad-r-0 {
  padding-right: 0px !important;
}

.pad-r-5 {
  padding-right: 5px !important;
}

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

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

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

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

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

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

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

.pad-r-45 {
  padding-right: 45px !important;
}

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

.pad-r-55 {
  padding-right: 55px !important;
}

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

.pad-r-65 {
  padding-right: 65px !important;
}

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

.pad-r-75 {
  padding-right: 75px !important;
}

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

.pad-r-85 {
  padding-right: 85px !important;
}

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

.pad-r-95 {
  padding-right: 95px !important;
}

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

.pad-r-105 {
  padding-right: 105px !important;
}

.pad-r-110 {
  padding-right: 110px !important;
}

.pad-r-115 {
  padding-right: 115px !important;
}

.pad-r-120 {
  padding-right: 120px !important;
}

.pad-r-125 {
  padding-right: 125px !important;
}

.pad-r-130 {
  padding-right: 130px !important;
}

.pad-r-135 {
  padding-right: 135px !important;
}

.pad-r-140 {
  padding-right: 140px !important;
}

.pad-r-145 {
  padding-right: 145px !important;
}

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

@media (max-width: 1199.98px) {
  .pad-r-xl-0 {
    padding-right: 0px !important;
  }
  .pad-r-xl-5 {
    padding-right: 5px !important;
  }
  .pad-r-xl-10 {
    padding-right: 10px !important;
  }
  .pad-r-xl-15 {
    padding-right: 15px !important;
  }
  .pad-r-xl-20 {
    padding-right: 20px !important;
  }
  .pad-r-xl-25 {
    padding-right: 25px !important;
  }
  .pad-r-xl-30 {
    padding-right: 30px !important;
  }
  .pad-r-xl-35 {
    padding-right: 35px !important;
  }
  .pad-r-xl-40 {
    padding-right: 40px !important;
  }
  .pad-r-xl-45 {
    padding-right: 45px !important;
  }
  .pad-r-xl-50 {
    padding-right: 50px !important;
  }
  .pad-r-xl-55 {
    padding-right: 55px !important;
  }
  .pad-r-xl-60 {
    padding-right: 60px !important;
  }
  .pad-r-xl-65 {
    padding-right: 65px !important;
  }
  .pad-r-xl-70 {
    padding-right: 70px !important;
  }
  .pad-r-xl-75 {
    padding-right: 75px !important;
  }
  .pad-r-xl-80 {
    padding-right: 80px !important;
  }
  .pad-r-xl-85 {
    padding-right: 85px !important;
  }
  .pad-r-xl-90 {
    padding-right: 90px !important;
  }
  .pad-r-xl-95 {
    padding-right: 95px !important;
  }
  .pad-r-xl-100 {
    padding-right: 100px !important;
  }
  .pad-r-xl-105 {
    padding-right: 105px !important;
  }
  .pad-r-xl-110 {
    padding-right: 110px !important;
  }
  .pad-r-xl-115 {
    padding-right: 115px !important;
  }
  .pad-r-xl-120 {
    padding-right: 120px !important;
  }
  .pad-r-xl-125 {
    padding-right: 125px !important;
  }
  .pad-r-xl-130 {
    padding-right: 130px !important;
  }
  .pad-r-xl-135 {
    padding-right: 135px !important;
  }
  .pad-r-xl-140 {
    padding-right: 140px !important;
  }
  .pad-r-xl-145 {
    padding-right: 145px !important;
  }
  .pad-r-xl-150 {
    padding-right: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .pad-r-lg-0 {
    padding-right: 0px !important;
  }
  .pad-r-lg-5 {
    padding-right: 5px !important;
  }
  .pad-r-lg-10 {
    padding-right: 10px !important;
  }
  .pad-r-lg-15 {
    padding-right: 15px !important;
  }
  .pad-r-lg-20 {
    padding-right: 20px !important;
  }
  .pad-r-lg-25 {
    padding-right: 25px !important;
  }
  .pad-r-lg-30 {
    padding-right: 30px !important;
  }
  .pad-r-lg-35 {
    padding-right: 35px !important;
  }
  .pad-r-lg-40 {
    padding-right: 40px !important;
  }
  .pad-r-lg-45 {
    padding-right: 45px !important;
  }
  .pad-r-lg-50 {
    padding-right: 50px !important;
  }
  .pad-r-lg-55 {
    padding-right: 55px !important;
  }
  .pad-r-lg-60 {
    padding-right: 60px !important;
  }
  .pad-r-lg-65 {
    padding-right: 65px !important;
  }
  .pad-r-lg-70 {
    padding-right: 70px !important;
  }
  .pad-r-lg-75 {
    padding-right: 75px !important;
  }
  .pad-r-lg-80 {
    padding-right: 80px !important;
  }
  .pad-r-lg-85 {
    padding-right: 85px !important;
  }
  .pad-r-lg-90 {
    padding-right: 90px !important;
  }
  .pad-r-lg-95 {
    padding-right: 95px !important;
  }
  .pad-r-lg-100 {
    padding-right: 100px !important;
  }
  .pad-r-lg-105 {
    padding-right: 105px !important;
  }
  .pad-r-lg-110 {
    padding-right: 110px !important;
  }
  .pad-r-lg-115 {
    padding-right: 115px !important;
  }
  .pad-r-lg-120 {
    padding-right: 120px !important;
  }
  .pad-r-lg-125 {
    padding-right: 125px !important;
  }
  .pad-r-lg-130 {
    padding-right: 130px !important;
  }
  .pad-r-lg-135 {
    padding-right: 135px !important;
  }
  .pad-r-lg-140 {
    padding-right: 140px !important;
  }
  .pad-r-lg-145 {
    padding-right: 145px !important;
  }
  .pad-r-lg-150 {
    padding-right: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .pad-r-md-0 {
    padding-right: 0px !important;
  }
  .pad-r-md-5 {
    padding-right: 5px !important;
  }
  .pad-r-md-10 {
    padding-right: 10px !important;
  }
  .pad-r-md-15 {
    padding-right: 15px !important;
  }
  .pad-r-md-20 {
    padding-right: 20px !important;
  }
  .pad-r-md-25 {
    padding-right: 25px !important;
  }
  .pad-r-md-30 {
    padding-right: 30px !important;
  }
  .pad-r-md-35 {
    padding-right: 35px !important;
  }
  .pad-r-md-40 {
    padding-right: 40px !important;
  }
  .pad-r-md-45 {
    padding-right: 45px !important;
  }
  .pad-r-md-50 {
    padding-right: 50px !important;
  }
  .pad-r-md-55 {
    padding-right: 55px !important;
  }
  .pad-r-md-60 {
    padding-right: 60px !important;
  }
  .pad-r-md-65 {
    padding-right: 65px !important;
  }
  .pad-r-md-70 {
    padding-right: 70px !important;
  }
  .pad-r-md-75 {
    padding-right: 75px !important;
  }
  .pad-r-md-80 {
    padding-right: 80px !important;
  }
  .pad-r-md-85 {
    padding-right: 85px !important;
  }
  .pad-r-md-90 {
    padding-right: 90px !important;
  }
  .pad-r-md-95 {
    padding-right: 95px !important;
  }
  .pad-r-md-100 {
    padding-right: 100px !important;
  }
  .pad-r-md-105 {
    padding-right: 105px !important;
  }
  .pad-r-md-110 {
    padding-right: 110px !important;
  }
  .pad-r-md-115 {
    padding-right: 115px !important;
  }
  .pad-r-md-120 {
    padding-right: 120px !important;
  }
  .pad-r-md-125 {
    padding-right: 125px !important;
  }
  .pad-r-md-130 {
    padding-right: 130px !important;
  }
  .pad-r-md-135 {
    padding-right: 135px !important;
  }
  .pad-r-md-140 {
    padding-right: 140px !important;
  }
  .pad-r-md-145 {
    padding-right: 145px !important;
  }
  .pad-r-md-150 {
    padding-right: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .pad-r-sm-0 {
    padding-right: 0px !important;
  }
  .pad-r-sm-5 {
    padding-right: 5px !important;
  }
  .pad-r-sm-10 {
    padding-right: 10px !important;
  }
  .pad-r-sm-15 {
    padding-right: 15px !important;
  }
  .pad-r-sm-20 {
    padding-right: 20px !important;
  }
  .pad-r-sm-25 {
    padding-right: 25px !important;
  }
  .pad-r-sm-30 {
    padding-right: 30px !important;
  }
  .pad-r-sm-35 {
    padding-right: 35px !important;
  }
  .pad-r-sm-40 {
    padding-right: 40px !important;
  }
  .pad-r-sm-45 {
    padding-right: 45px !important;
  }
  .pad-r-sm-50 {
    padding-right: 50px !important;
  }
  .pad-r-sm-55 {
    padding-right: 55px !important;
  }
  .pad-r-sm-60 {
    padding-right: 60px !important;
  }
  .pad-r-sm-65 {
    padding-right: 65px !important;
  }
  .pad-r-sm-70 {
    padding-right: 70px !important;
  }
  .pad-r-sm-75 {
    padding-right: 75px !important;
  }
  .pad-r-sm-80 {
    padding-right: 80px !important;
  }
  .pad-r-sm-85 {
    padding-right: 85px !important;
  }
  .pad-r-sm-90 {
    padding-right: 90px !important;
  }
  .pad-r-sm-95 {
    padding-right: 95px !important;
  }
  .pad-r-sm-100 {
    padding-right: 100px !important;
  }
  .pad-r-sm-105 {
    padding-right: 105px !important;
  }
  .pad-r-sm-110 {
    padding-right: 110px !important;
  }
  .pad-r-sm-115 {
    padding-right: 115px !important;
  }
  .pad-r-sm-120 {
    padding-right: 120px !important;
  }
  .pad-r-sm-125 {
    padding-right: 125px !important;
  }
  .pad-r-sm-130 {
    padding-right: 130px !important;
  }
  .pad-r-sm-135 {
    padding-right: 135px !important;
  }
  .pad-r-sm-140 {
    padding-right: 140px !important;
  }
  .pad-r-sm-145 {
    padding-right: 145px !important;
  }
  .pad-r-sm-150 {
    padding-right: 150px !important;
  }
}
.pad-y-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

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

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

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

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

.pad-y-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.pad-y-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pad-y-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.pad-y-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pad-y-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

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

.pad-y-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.pad-y-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pad-y-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.pad-y-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.pad-y-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.pad-y-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.pad-y-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.pad-y-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.pad-y-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.pad-y-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.pad-y-105 {
  padding-top: 105px !important;
  padding-bottom: 105px !important;
}

.pad-y-110 {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.pad-y-115 {
  padding-top: 115px !important;
  padding-bottom: 115px !important;
}

.pad-y-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.pad-y-125 {
  padding-top: 125px !important;
  padding-bottom: 125px !important;
}

.pad-y-130 {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}

.pad-y-135 {
  padding-top: 135px !important;
  padding-bottom: 135px !important;
}

.pad-y-140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.pad-y-145 {
  padding-top: 145px !important;
  padding-bottom: 145px !important;
}

.pad-y-150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

@media (max-width: 1199.98px) {
  .pad-xl-y-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pad-xl-y-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pad-xl-y-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pad-xl-y-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .pad-xl-y-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pad-xl-y-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .pad-xl-y-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pad-xl-y-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .pad-xl-y-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pad-xl-y-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .pad-xl-y-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pad-xl-y-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .pad-xl-y-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pad-xl-y-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .pad-xl-y-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .pad-xl-y-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .pad-xl-y-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pad-xl-y-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .pad-xl-y-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pad-xl-y-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .pad-xl-y-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pad-xl-y-105 {
    padding-top: 105px !important;
    padding-bottom: 105px !important;
  }
  .pad-xl-y-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .pad-xl-y-115 {
    padding-top: 115px !important;
    padding-bottom: 115px !important;
  }
  .pad-xl-y-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .pad-xl-y-125 {
    padding-top: 125px !important;
    padding-bottom: 125px !important;
  }
  .pad-xl-y-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .pad-xl-y-135 {
    padding-top: 135px !important;
    padding-bottom: 135px !important;
  }
  .pad-xl-y-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .pad-xl-y-145 {
    padding-top: 145px !important;
    padding-bottom: 145px !important;
  }
  .pad-xl-y-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .pad-lg-y-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pad-lg-y-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pad-lg-y-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pad-lg-y-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .pad-lg-y-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pad-lg-y-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .pad-lg-y-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pad-lg-y-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .pad-lg-y-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pad-lg-y-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .pad-lg-y-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pad-lg-y-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .pad-lg-y-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pad-lg-y-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .pad-lg-y-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .pad-lg-y-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .pad-lg-y-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pad-lg-y-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .pad-lg-y-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pad-lg-y-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .pad-lg-y-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pad-lg-y-105 {
    padding-top: 105px !important;
    padding-bottom: 105px !important;
  }
  .pad-lg-y-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .pad-lg-y-115 {
    padding-top: 115px !important;
    padding-bottom: 115px !important;
  }
  .pad-lg-y-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .pad-lg-y-125 {
    padding-top: 125px !important;
    padding-bottom: 125px !important;
  }
  .pad-lg-y-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .pad-lg-y-135 {
    padding-top: 135px !important;
    padding-bottom: 135px !important;
  }
  .pad-lg-y-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .pad-lg-y-145 {
    padding-top: 145px !important;
    padding-bottom: 145px !important;
  }
  .pad-lg-y-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .pad-md-y-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pad-md-y-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pad-md-y-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pad-md-y-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .pad-md-y-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pad-md-y-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .pad-md-y-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pad-md-y-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .pad-md-y-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pad-md-y-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .pad-md-y-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pad-md-y-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .pad-md-y-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pad-md-y-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .pad-md-y-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .pad-md-y-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .pad-md-y-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pad-md-y-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .pad-md-y-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pad-md-y-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .pad-md-y-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pad-md-y-105 {
    padding-top: 105px !important;
    padding-bottom: 105px !important;
  }
  .pad-md-y-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .pad-md-y-115 {
    padding-top: 115px !important;
    padding-bottom: 115px !important;
  }
  .pad-md-y-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .pad-md-y-125 {
    padding-top: 125px !important;
    padding-bottom: 125px !important;
  }
  .pad-md-y-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .pad-md-y-135 {
    padding-top: 135px !important;
    padding-bottom: 135px !important;
  }
  .pad-md-y-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .pad-md-y-145 {
    padding-top: 145px !important;
    padding-bottom: 145px !important;
  }
  .pad-md-y-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .pad-sm-y-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pad-sm-y-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pad-sm-y-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pad-sm-y-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .pad-sm-y-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pad-sm-y-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .pad-sm-y-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pad-sm-y-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .pad-sm-y-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pad-sm-y-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .pad-sm-y-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pad-sm-y-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .pad-sm-y-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pad-sm-y-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .pad-sm-y-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .pad-sm-y-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .pad-sm-y-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pad-sm-y-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .pad-sm-y-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pad-sm-y-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .pad-sm-y-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pad-sm-y-105 {
    padding-top: 105px !important;
    padding-bottom: 105px !important;
  }
  .pad-sm-y-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .pad-sm-y-115 {
    padding-top: 115px !important;
    padding-bottom: 115px !important;
  }
  .pad-sm-y-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .pad-sm-y-125 {
    padding-top: 125px !important;
    padding-bottom: 125px !important;
  }
  .pad-sm-y-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .pad-sm-y-135 {
    padding-top: 135px !important;
    padding-bottom: 135px !important;
  }
  .pad-sm-y-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .pad-sm-y-145 {
    padding-top: 145px !important;
    padding-bottom: 145px !important;
  }
  .pad-sm-y-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
}
.pad-x-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pad-x-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

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

.pad-x-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pad-x-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pad-x-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.pad-x-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.pad-x-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.pad-x-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pad-x-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

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

.pad-x-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

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

.pad-x-65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.pad-x-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.pad-x-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.pad-x-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.pad-x-85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.pad-x-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.pad-x-95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.pad-x-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.pad-x-105 {
  padding-left: 105px !important;
  padding-right: 105px !important;
}

.pad-x-110 {
  padding-left: 110px !important;
  padding-right: 110px !important;
}

.pad-x-115 {
  padding-left: 115px !important;
  padding-right: 115px !important;
}

.pad-x-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.pad-x-125 {
  padding-left: 125px !important;
  padding-right: 125px !important;
}

.pad-x-130 {
  padding-left: 130px !important;
  padding-right: 130px !important;
}

.pad-x-135 {
  padding-left: 135px !important;
  padding-right: 135px !important;
}

.pad-x-140 {
  padding-left: 140px !important;
  padding-right: 140px !important;
}

.pad-x-145 {
  padding-left: 145px !important;
  padding-right: 145px !important;
}

.pad-x-150 {
  padding-left: 150px !important;
  padding-right: 150px !important;
}

@media (max-width: 1199.98px) {
  .pad-xl-x-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pad-xl-x-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pad-xl-x-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pad-xl-x-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pad-xl-x-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pad-xl-x-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pad-xl-x-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pad-xl-x-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pad-xl-x-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pad-xl-x-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pad-xl-x-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pad-xl-x-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pad-xl-x-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pad-xl-x-65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pad-xl-x-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pad-xl-x-75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pad-xl-x-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pad-xl-x-85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pad-xl-x-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pad-xl-x-95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pad-xl-x-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pad-xl-x-105 {
    padding-left: 105px !important;
    padding-right: 105px !important;
  }
  .pad-xl-x-110 {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .pad-xl-x-115 {
    padding-left: 115px !important;
    padding-right: 115px !important;
  }
  .pad-xl-x-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .pad-xl-x-125 {
    padding-left: 125px !important;
    padding-right: 125px !important;
  }
  .pad-xl-x-130 {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .pad-xl-x-135 {
    padding-left: 135px !important;
    padding-right: 135px !important;
  }
  .pad-xl-x-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .pad-xl-x-145 {
    padding-left: 145px !important;
    padding-right: 145px !important;
  }
  .pad-xl-x-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
}
@media (max-width: 991.98px) {
  .pad-lg-x-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pad-lg-x-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pad-lg-x-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pad-lg-x-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pad-lg-x-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pad-lg-x-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pad-lg-x-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pad-lg-x-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pad-lg-x-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pad-lg-x-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pad-lg-x-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pad-lg-x-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pad-lg-x-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pad-lg-x-65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pad-lg-x-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pad-lg-x-75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pad-lg-x-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pad-lg-x-85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pad-lg-x-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pad-lg-x-95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pad-lg-x-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pad-lg-x-105 {
    padding-left: 105px !important;
    padding-right: 105px !important;
  }
  .pad-lg-x-110 {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .pad-lg-x-115 {
    padding-left: 115px !important;
    padding-right: 115px !important;
  }
  .pad-lg-x-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .pad-lg-x-125 {
    padding-left: 125px !important;
    padding-right: 125px !important;
  }
  .pad-lg-x-130 {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .pad-lg-x-135 {
    padding-left: 135px !important;
    padding-right: 135px !important;
  }
  .pad-lg-x-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .pad-lg-x-145 {
    padding-left: 145px !important;
    padding-right: 145px !important;
  }
  .pad-lg-x-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
}
@media (max-width: 767.98px) {
  .pad-md-x-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pad-md-x-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pad-md-x-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pad-md-x-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pad-md-x-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pad-md-x-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pad-md-x-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pad-md-x-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pad-md-x-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pad-md-x-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pad-md-x-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pad-md-x-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pad-md-x-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pad-md-x-65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pad-md-x-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pad-md-x-75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pad-md-x-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pad-md-x-85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pad-md-x-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pad-md-x-95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pad-md-x-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pad-md-x-105 {
    padding-left: 105px !important;
    padding-right: 105px !important;
  }
  .pad-md-x-110 {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .pad-md-x-115 {
    padding-left: 115px !important;
    padding-right: 115px !important;
  }
  .pad-md-x-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .pad-md-x-125 {
    padding-left: 125px !important;
    padding-right: 125px !important;
  }
  .pad-md-x-130 {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .pad-md-x-135 {
    padding-left: 135px !important;
    padding-right: 135px !important;
  }
  .pad-md-x-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .pad-md-x-145 {
    padding-left: 145px !important;
    padding-right: 145px !important;
  }
  .pad-md-x-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
}
@media (max-width: 575.98px) {
  .pad-sm-x-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pad-sm-x-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pad-sm-x-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pad-sm-x-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pad-sm-x-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pad-sm-x-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pad-sm-x-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pad-sm-x-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pad-sm-x-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pad-sm-x-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pad-sm-x-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pad-sm-x-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pad-sm-x-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pad-sm-x-65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pad-sm-x-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pad-sm-x-75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pad-sm-x-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pad-sm-x-85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pad-sm-x-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pad-sm-x-95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pad-sm-x-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pad-sm-x-105 {
    padding-left: 105px !important;
    padding-right: 105px !important;
  }
  .pad-sm-x-110 {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .pad-sm-x-115 {
    padding-left: 115px !important;
    padding-right: 115px !important;
  }
  .pad-sm-x-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .pad-sm-x-125 {
    padding-left: 125px !important;
    padding-right: 125px !important;
  }
  .pad-sm-x-130 {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .pad-sm-x-135 {
    padding-left: 135px !important;
    padding-right: 135px !important;
  }
  .pad-sm-x-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .pad-sm-x-145 {
    padding-left: 145px !important;
    padding-right: 145px !important;
  }
  .pad-sm-x-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
}
.color-theme-1 {
  color: var(--theme-color-1);
}

.color-theme-2 {
  color: var(--theme-color-2);
}

.color-theme-white {
  color: var(--theme-color-white);
}

.color-theme-black {
  color: var(--theme-color-black);
}

.color-theme-hover-1:hover {
  color: var(--theme-color-1);
}

.color-theme-hover-2:hover {
  color: var(--theme-color-2);
}

.color-theme-hover-white:hover {
  color: var(--theme-color-white);
}

.color-theme-hover-black:hover {
  color: var(--theme-color-black);
}

/*============================================================================================*/
/* 2.   HEADER */
/*============================================================================================*/
.menu-theme {
  background: transparent;
  padding: 10px 0;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.menu-theme.menu-fixed {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}
.menu-theme .navbar {
  padding: 0;
}
.menu-theme .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-theme .logo img {
  height: 60px;
}
.menu-theme .logo .brand-multiple img:nth-of-type(1) {
  display: block;
}
.menu-theme .logo .brand-multiple img:nth-of-type(2) {
  display: none;
}
.menu-theme .nav-link {
  color: var(--theme-color-white);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 600;
}
.menu-theme .nav-link:hover {
  color: var(--theme-color-1);
}
.menu-theme.is-fixed {
  background: var(--theme-color-1);
  position: fixed;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  border: none;
  -webkit-box-shadow: 0px 5px 15px rgba(15, 36, 84, 0.05);
          box-shadow: 0px 5px 15px rgba(15, 36, 84, 0.05);
  z-index: 12;
}
.menu-theme.is-fixed .brand-multiple img:nth-of-type(1) {
  display: none;
}
.menu-theme.is-fixed .brand-multiple img:nth-of-type(2) {
  display: block;
}
.menu-theme.is-fixed .nav-link:hover {
  color: var(--theme-color-2);
}
.menu-theme .dropdown-toggle::after {
  display: none;
}
.menu-theme .navbar-toggler {
  border-radius: 0;
  border-color: var(--theme-color-white);
  color: var(--theme-color-white);
}
.menu-theme .navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.menu-theme .navbar-toggler i {
  color: currentColor;
}
.menu-theme.menu-white.is-fixed {
  background-color: var(--theme-surface);
}
.menu-theme.menu-white.is-fixed .nav-link {
  color: var(--theme-text);
}
.menu-theme.menu-white.is-fixed .nav-link:hover {
  color: var(--theme-color-1);
}
.menu-theme.menu-white.is-fixed .navbar-toggler {
  color: var(--theme-text);
  border-color: var(--theme-text);
}

@media screen and (min-width: 992px) {
  .menu-theme .dropdown .nav-link i {
    padding-left: 2px;
    font-size: 13px;
    color: var(--theme-color-white);
  }
  .menu-theme .dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    min-width: 240px;
    padding: 20px;
    border: 0;
    background-color: var(--theme-surface);
    color: var(--theme-text);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 10px;
    -webkit-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07);
            box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07);
    left: 50%;
  }
  .menu-theme .dropdown .dropdown-menu .dropdown-menu {
    left: calc(100% + 5px);
    top: -17px;
    right: auto;
    min-width: 240px;
  }
  .menu-theme .dropdown .dropdown-menu .dropdown-item {
    color: var(--theme-text);
  }
  .menu-theme .dropdown .dropdown-menu .dropdown-item.active, .menu-theme .dropdown .dropdown-menu .dropdown-item:active, .menu-theme .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--theme-bg-alt);
    color: var(--theme-color-1);
  }
  .menu-theme .dropdown .dropdown-menu .dropdown-item i {
    padding: 10px 0 0 5px;
    font-size: 13px;
    float: right;
    color: var(--theme-color-1);
  }
  .menu-theme .dropdown .dropdown-toggle::after {
    display: none;
  }
  .menu-theme .dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
  .menu-theme .dropdown.dropdown-mega {
    position: static;
  }
  .menu-theme .dropdown.dropdown-mega .dropdown-menu {
    left: 12px;
    right: 12px;
    width: auto;
  }
  .menu-theme .dropdown.menu-pos-reverse > .dropdown-menu {
    left: auto;
    right: 0;
  }
  .menu-theme .dropdown.menu-pos-reverse .dropdown-menu .dropdown-menu {
    left: auto;
    right: calc(100% + 5px);
  }
  .menu-theme.menu-white.is-fixed .dropdown .nav-link i {
    color: var(--theme-text);
  }
}
@media (max-width: 991.98px) {
  .menu-theme::after, .menu-theme::before {
    content: " ";
    position: absolute;
    width: 100%;
    top: 90px;
    bottom: 0;
    left: 0;
    margin-left: -100%;
    display: block;
    height: calc(100vh - 90px);
    background-color: rgba(8, 6, 2, 0.6);
    -webkit-transition: margin-left 0.5s ease;
    transition: margin-left 0.5s ease;
    opacity: 0;
  }
  .menu-theme::after {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  .menu-theme .navbar-collapse {
    position: fixed;
    top: 90px;
    width: 400px;
    max-width: 100%;
    margin-left: -400px;
    left: 0;
    bottom: 0;
    background: var(--theme-surface);
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
  }
  .menu-theme .navbar-collapse .navbar-nav {
    margin-left: 0 !important;
    width: 100%;
  }
  .menu-theme .navbar-collapse .navbar-nav .nav-item {
    border-bottom: 1px solid var(--theme-form-border);
  }
  .menu-theme .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: var(--theme-text);
    padding: 20px;
  }
  .menu-theme .navbar-collapse .navbar-nav .nav-item .nav-link:hover, .menu-theme .navbar-collapse .navbar-nav .nav-item .nav-link:active, .menu-theme .navbar-collapse .navbar-nav .nav-item .nav-link:focus {
    color: var(--theme-color-1);
  }
  .menu-theme .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link i {
    float: right;
    color: var(--theme-color-1);
  }
  .menu-theme .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
    background: var(--theme-bg-alt);
    border-radius: 0;
  }
  .menu-theme .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
    color: var(--theme-text);
  }
  .menu-theme .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.active, .menu-theme .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:active, .menu-theme .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--theme-bg-alt);
    color: var(--theme-color-1);
  }
  .menu-theme.is-fixed.responsive-show {
    padding: 10px 0;
  }
  .menu-theme.responsive-show {
    background-color: var(--theme-color-1);
    z-index: 13;
  }
  .menu-theme.responsive-show .logo img {
    height: 60px !important;
  }
  .menu-theme.responsive-show::after, .menu-theme.responsive-show::before {
    opacity: 1;
    margin-left: 0;
  }
  .menu-theme.responsive-show .navbar-collapse {
    visibility: visible;
    opacity: 1;
    margin-left: 0;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .menu-theme.responsive-show .brand-multiple img:nth-of-type(1) {
    display: none;
  }
  .menu-theme.responsive-show .brand-multiple img:nth-of-type(2) {
    display: block;
  }
  .menu-theme.responsive-show-exit .navbar-collapse {
    margin-left: -300px;
    opacity: 0;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .menu-theme.responsive-show-exit::after, .menu-theme.responsive-show-exit::before {
    opacity: 0;
    margin-left: -100%;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .menu-theme.responsive-show-exit::after {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
}
/*
|--------------------------------------------------------------------------
| NAVİGASYON SİSTEMİ - Header ve Navbar Optimized Architecture
|--------------------------------------------------------------------------
|
| Bu dosya header ve navbar'ın tüm stillerini ve davranışlarını içerir.
| Sistem iki ana bileşene ayrılmıştır ve her bileşenin kendine ait sınıfları vardır:
|
| 🏗️ HEADER (#header) - Ana header container'ı ve davranışsal özellikler
| 🎨 NAVBAR (.navbar) - Menü sistemi, görsel stiller ve etkileşimler
|
| Bu yapı sayesinde her sınıf mantıklı bir şekilde organize edilmiştir.
|
|--------------------------------------------------------------------------
| 🏗️ HEADER SİSTEMİ - Container ve Davranışsal Sınıflar
|--------------------------------------------------------------------------
| Header container'ının yapısını, görünümünü ve davranışlarını kontrol eden sınıflar
| ⚠️ Bu sınıflar SADECE #header elementinde kullanılır
|
| 🎨 TEMEL GÖRÜNÜM SINIFLARI:
| - .default                           : Varsayılan beyaz arka plan
| - .header-dark                       : Koyu siyah arka plan
| - .header-theme                      : Ana tema rengi arka plan
|
| 🌟 TRANSPARAN HEADER VARYANTLARI:
| - .header-transparent                : position:absolute overlay; sticky .visible → fixed + beyaz
| - .header-transparent-dark           : absolute overlay; sticky .visible → koyu
| - .header-transparent-theme          : absolute overlay; sticky .visible → tema
| - .header-transparent-light          : absolute overlay (koyu metin; açık page-header)
|
| Not: transparent / semi = absolute overlay. Solid sticky rest = relative (akışta).
| Sticky state (.visible / .hidden) → position:fixed. ScrollSmoother: fixed chrome body dışında.
| .header-inset → her zaman fixed + always outside (özel kural).
|
| 🔳 YARI TRANSPARAN VARYANTLAR:
| - .header-semi-transparent           : %50 opaklık beyaz arka plan
| - .header-semi-transparent-dark      : %50 opaklık siyah arka plan
| - .header-semi-transparent-theme     : %50 opaklık tema rengi arka plan
|
| 📌 YAPIŞKAN HEADER DAVRANIŞLARI (öncelik: reveal > scroll-up > shrink > sticky):
| - .header-sticky                     : Static sticky — eşik sonrası .visible → fixed
| - .header-sticky-shrink              : Sticky + yükseklik küçülme (.header-is-shrunk)
| - .header-sticky-scroll-up           : Eşik üstünde aşağı gizle / yukarı göster
| - .header-sticky-reveal              : 2-faz — rest → .hidden → dock .visible
| - .header-sticky-change-logo         : Aktifken logo src değişimi (boyut CSS max-height)
|
| 📐 LAYOUT VARYANTLARI:
| - .header-floating-bar               : Üstten inset, max-width yüzen bar
| - .header-floating-icons             : Dikey sabit ikon rayı + tooltip
| - .header-narrow                     : Kompakt yükseklik
| - .header-center                     : Logo / nav ortalı layout
|
| ⚙️ OPTIONS (JSON, #header üzerinde):
| - data-header-sticky='{"startAt":116,"enableOnMobile":true,"changeLogo":true}'
|
| 👁️ GÖRÜNÜRLÜK / STATE:
| - .visible                           : Sticky dock (fixed)
| - .hidden                            : Gizlenmiş ara faz (fixed; reveal / scroll-up)
| - .header-is-shrunk                  : Shrink aktif
|
| Events (JS): mysia:stickyHeader.activate | mysia:stickyHeader.deactivate
| Spacer: #header-sticky-spacer (solid sticky fixed’e geçince akış boşluğu)
|
|--------------------------------------------------------------------------
| 🎨 NAVBAR SİSTEMİ - Menü Görsel ve Etkileşim Sınıfları
|--------------------------------------------------------------------------
| Menü sisteminin görsel stillerini, etkileşimlerini ve davranışlarını kontrol eden sınıflar
| ⚠️ Bu sınıflar SADECE .navbar elementinde kullanılır
|
| 💊 MENÜ GÖRSEL STİL VARYANTLARI:
| - .menu-pills                        : Tema rengi pill (hap) görünümü
| - .menu-pills-white                  : Beyaz pill görünümü
| - .menu-pills-dark                   : Siyah pill görünümü
| - .menu-border                       : Tema rengi kenarlık stili
| - .menu-border-white                 : Beyaz kenarlık stili
| - .menu-border-dark                  : Siyah kenarlık stili
| - .menu-flat                         : Düz görünüm (border-radius: 0)
| - .menu-arrows                       : Menü öğelerine açılır ok simgeleri
| - .menu-icon                         : Menü öğelerinde simge gösterimi
|
| 🎨 DROPDOWN TEMA STİLLERİ:
| - .menu-dropdown-dark                : Dropdown menüler koyu tema
| - .menu-dropdown-theme               : Dropdown menüler ana tema rengi
|
| ✨ DROPDOWN EFEKTLERİ ve ANİMASYONLAR:
| - .dropdown-mega                : Mega menü yapısı (dropdown'da kullanılır)
| - .menu-dropdown-flat                : Düz dropdown köşeleri
| - .menu-dropdown-no-effect           : Efektsiz dropdown (anında açılma)
| - .menu-dropdown-opacity             : Opaklık geçiş efekti
| - .menu-dropdown-move-top            : Yukarıdan aşağı hareket efekti
| - .menu-dropdown-move-bottom         : Aşağıdan yukarı hareket efekti
| - .menu-dropdown-move-right          : Soldan sağa hareket efekti
| - .menu-dropdown-move-left           : Sağdan sola hareket efekti
| - .menu-pos-reverse                 : Dropdown menü pozisyon tersine çevirme
|
| 📱 RESPONSIVE MENÜ STİLLERİ:
| - .menu-responsive-type-1            : Standart açık responsive menü (.navbar)
| - .menu-responsive-type-2            : Sidebar (push/slide) responsive menü (.navbar)
| - .menu-responsive-type-3            : Overlay  responsive menü (.navbar)
| - .menu-responsive-dark              : Koyu tema responsive menü (.navbar)
|
| 🍔 NAVBAR TOGGLER ANİMASYONLARI:
| - .toggler-type-1                    : Farklı genişlik hamburger animasyonu (.navbar-toggler)
| - .toggler-type-2                    : Eşit genişlik hamburger animasyonu (.navbar-toggler)
| - .toggler-type-3                    : Döner ok animasyonu (.navbar-toggler)

| - .collapsed                         : Kapalı durum (3 çizgi) (.navbar-toggler)
| - :not(.collapsed)                   : Açık durum (animasyon efekti) (.navbar-toggler)
|
|--------------------------------------------------------------------------
| 💡 KULLANIM ÖRNEKLERİ ve BEST PRACTICES
|--------------------------------------------------------------------------
|
| 🌟 Transparan + shrink + options:
| <header id="header" class="header-transparent header-sticky-shrink header-sticky-change-logo"
|   data-header-sticky='{"startAt":30,"enableOnMobile":true,"changeLogo":true}'>
|   <nav class="navbar menu-pills menu-dropdown-move-bottom">...</nav>
| </header>
|
| 🌑 Reveal (floating-bar):
| <header id="header" class="header-sticky-reveal header-transparent-theme header-sticky-change-logo"
|   data-header-sticky='{"startAt":116,"changeLogo":true}'>
|
| 📌 Scroll-up:
| <header id="header" class="header-dark header-sticky-scroll-up"
|   data-header-sticky='{"startAt":100}'>
|
| 🎨 Static sticky:
| <header id="header" class="header-theme header-sticky"
|   data-header-sticky='{"startAt":0}'>
|
| 📱 Responsive koyu tema menü:
| <header id="header" class="header-transparent">
|   <nav class="navbar menu-responsive-type-1 menu-responsive-dark">
|     \3c !-- Mobile menü içeriği -->
|   </nav>
| </header>
|
| 🍔 Animasyonlu hamburger menü:
| <header id="header" class="header-dark">
|   <nav class="navbar menu-responsive-type-1">
|     <button class="navbar-toggler toggler-type-1 collapsed" type="button">
|       <span></span>
|       <span></span>
|       <span></span>
|     </button>
|   </nav>
| </header>
|
| 🎯 Döner ok animasyonlu menü:
| <button class="navbar-toggler toggler-type-3 collapsed">
|   <span></span>
|   <span></span>
|   <span></span>
| </button>
|
|
|
|--------------------------------------------------------------------------
| ⚡ PERFORMANS ve OPTİMİZASYON NOTLARI
|--------------------------------------------------------------------------
|
| ✅ Header sınıfları sadece #header'da, menu sınıfları sadece .navbar'da çalışır
| ✅ Her sınıf kendi kategorisinde organize edilmiştir
| ✅ Mixin'ler tekrar kullanılabilir kod parçaları sağlar
| ✅ Responsive tasarım 992px breakpoint'inde devreye girer
| ✅ CSS Custom Properties (--theme-color-*) kullanılarak tema desteği
|
| ⚠️ UYARILAR:
| - Header sınıflarını .navbar'da kullanmayın
| - Menu sınıflarını #header'da kullanmayın
| - Dropdown efektleri sadece desktop'ta çalışır (992px+)
| - Responsive sınıflar sadece mobile'da aktif olur (991.98px-)
|
*/
.navbar-toggler {
  margin-left: auto;
  border: none;
  background: transparent;
  padding: 4px;
  outline: none;
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1001;
  color: var(--theme-color-white);
}
.navbar-toggler span {
  background-color: currentColor;
  height: 2px;
  display: block;
  margin: 5px 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform-origin: center;
          transform-origin: center;
  position: relative;
}
.navbar-toggler.toggler-type-1 span:nth-child(1) {
  width: 15px;
}
.navbar-toggler.toggler-type-1 span:nth-child(2) {
  width: 20px;
}
.navbar-toggler.toggler-type-1 span:nth-child(3) {
  width: 15px;
}
.navbar-toggler.toggler-type-1:not(.collapsed) span:nth-child(1) {
  width: 20px;
  -webkit-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg);
}
.navbar-toggler.toggler-type-1:not(.collapsed) span:nth-child(2) {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.navbar-toggler.toggler-type-1:not(.collapsed) span:nth-child(3) {
  width: 20px;
  -webkit-transform: translateY(-7px) rotate(-45deg);
          transform: translateY(-7px) rotate(-45deg);
}
.navbar-toggler.toggler-type-2 span:nth-child(1) {
  width: 20px;
  height: 1px;
}
.navbar-toggler.toggler-type-2 span:nth-child(2) {
  width: 20px;
  height: 1px;
}
.navbar-toggler.toggler-type-2 span:nth-child(3) {
  width: 20px;
  height: 1px;
}
.navbar-toggler.toggler-type-2:not(.collapsed) span:nth-child(1) {
  -webkit-transform: translateY(5px) rotate(45deg);
          transform: translateY(5px) rotate(45deg);
}
.navbar-toggler.toggler-type-2:not(.collapsed) span:nth-child(2) {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.navbar-toggler.toggler-type-2:not(.collapsed) span:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(-45deg);
          transform: translateY(-7px) rotate(-45deg);
}
.navbar-toggler.toggler-type-3 span:nth-child(1) {
  width: 18px;
  margin-left: 0;
}
.navbar-toggler.toggler-type-3 span:nth-child(2) {
  width: 12px;
  margin-left: 4px;
}
.navbar-toggler.toggler-type-3 span:nth-child(3) {
  width: 18px;
  margin-left: 0;
}
.navbar-toggler.toggler-type-3:not(.collapsed) span:nth-child(1) {
  width: 8px;
  -webkit-transform: translateY(3px) translateX(6px) rotate(45deg);
          transform: translateY(3px) translateX(6px) rotate(45deg);
  margin-left: 2px;
}
.navbar-toggler.toggler-type-3:not(.collapsed) span:nth-child(2) {
  width: 14px;
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
  margin-left: 6px;
}
.navbar-toggler.toggler-type-3:not(.collapsed) span:nth-child(3) {
  width: 8px;
  -webkit-transform: translateY(-3px) translateX(6px) rotate(-45deg);
          transform: translateY(-3px) translateX(6px) rotate(-45deg);
  margin-left: 2px;
}
@media screen and (min-width: 992px) {
  .navbar-toggler {
    display: none;
  }
}

#header {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease-in-out;
  transition: background-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease-in-out;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#header .navbar-toggler {
  color: var(--theme-text);
}
#header.header-sticky, #header.header-sticky-shrink, #header.header-sticky-scroll-up, #header.header-sticky-reveal {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  position: relative;
}
#header.header-sticky.visible, #header.header-sticky.hidden, #header.header-sticky-shrink.visible, #header.header-sticky-shrink.hidden, #header.header-sticky-scroll-up.visible, #header.header-sticky-scroll-up.hidden, #header.header-sticky-reveal.visible, #header.header-sticky-reveal.hidden {
  position: fixed;
}
#header.header-sticky.visible > .header-top:not(:empty),
#header.header-sticky.visible .header-body > .header-top:not(:empty), #header.header-sticky.hidden > .header-top:not(:empty),
#header.header-sticky.hidden .header-body > .header-top:not(:empty), #header.header-sticky-shrink.visible > .header-top:not(:empty),
#header.header-sticky-shrink.visible .header-body > .header-top:not(:empty), #header.header-sticky-shrink.hidden > .header-top:not(:empty),
#header.header-sticky-shrink.hidden .header-body > .header-top:not(:empty), #header.header-sticky-scroll-up.visible > .header-top:not(:empty),
#header.header-sticky-scroll-up.visible .header-body > .header-top:not(:empty), #header.header-sticky-scroll-up.hidden > .header-top:not(:empty),
#header.header-sticky-scroll-up.hidden .header-body > .header-top:not(:empty), #header.header-sticky-reveal.visible > .header-top:not(:empty),
#header.header-sticky-reveal.visible .header-body > .header-top:not(:empty), #header.header-sticky-reveal.hidden > .header-top:not(:empty),
#header.header-sticky-reveal.hidden .header-body > .header-top:not(:empty) {
  height: 0;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  border-bottom-width: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: height 0.3s ease, min-height 0.3s ease, padding 0.3s ease, opacity 0.2s ease, border-bottom-width 0.3s ease;
  transition: height 0.3s ease, min-height 0.3s ease, padding 0.3s ease, opacity 0.2s ease, border-bottom-width 0.3s ease;
}
#header.header-sticky-shrink .header-body {
  min-height: 80px;
  padding: 12px 0;
  -webkit-transition: min-height 0.3s ease, padding 0.3s ease;
  transition: min-height 0.3s ease, padding 0.3s ease;
}
#header.header-sticky-shrink .logo img {
  -webkit-transition: width 0.3s ease, height 0.3s ease, max-height 0.3s ease;
  transition: width 0.3s ease, height 0.3s ease, max-height 0.3s ease;
}
#header.header-sticky-shrink:not(:has(> .header-top:not(:empty))) .header-body {
  min-height: 90px;
  padding: 16px 0;
}
@media screen and (min-width: 992px) {
  #header.header-sticky-shrink:not(:has(> .header-top:not(:empty))) .navbar .nav-item .nav-link {
    -webkit-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
    min-height: 60px;
  }
}
#header.header-sticky-shrink.header-is-shrunk .header-body, #header.header-sticky-shrink.visible .header-body {
  min-height: 64px;
  padding: 6px 0;
}
#header.header-sticky-shrink.header-is-shrunk .logo img, #header.header-sticky-shrink.visible .logo img {
  max-height: 36px;
  width: auto;
}
@media screen and (min-width: 992px) {
  #header.header-sticky-shrink.header-is-shrunk .navbar .nav-item .nav-link, #header.header-sticky-shrink.visible .navbar .nav-item .nav-link {
    min-height: 52px;
  }
}
#header.header-sticky-scroll-up {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
#header.header-sticky-scroll-up.visible {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#header.header-sticky-scroll-up.hidden {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
#header.header-sticky-reveal {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#header.header-sticky-reveal.hidden {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: none;
  transition: none;
}
#header.header-sticky-reveal.visible {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
#header .header-logo {
  margin: 16px 0;
  position: relative;
  z-index: 1;
}
#header .header-logo img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  top: 0;
  image-rendering: -webkit-optimize-contrast;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
#header .header-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 80px;
  padding: 12px 0;
  -webkit-transition: min-height 0.3s ease, padding 0.3s ease;
  transition: min-height 0.3s ease, padding 0.3s ease;
  width: 100%;
  border-bottom: 1px solid transparent;
  z-index: 1001;
}
#header .header-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: height 300ms ease;
  transition: height 300ms ease;
}
#header .header-row,
#header .header-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#header .header-col {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  min-height: 0;
}
#header .logo .navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
#header .logo img {
  display: block;
  max-height: 40px;
  width: auto;
}
#header .header-top {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: height 0.3s ease, min-height 0.3s ease, padding 0.3s ease, opacity 0.2s ease, border-bottom-width 0.3s ease;
  transition: height 0.3s ease, min-height 0.3s ease, padding 0.3s ease, opacity 0.2s ease, border-bottom-width 0.3s ease;
}
#header .header-top:empty {
  display: none;
}
#header .header-top:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 42px;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--theme-color-3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background-color: var(--theme-bg-alt, #f4f4f4);
}
#header .header-top:not(:empty) > .container,
#header .header-top:not(:empty) > .container-fluid {
  width: 100%;
}
#header .header-top:not(:empty) .header-row {
  min-height: 42px;
}
#header .header-top .header-top-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
#header .header-top .header-top-nav > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header-top .header-top-nav > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  margin: 0 14px;
  background-color: rgba(0, 0, 0, 0.12);
}
#header .header-top .header-top-nav a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--theme-color-3);
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
}
#header .header-top .header-top-nav a:hover {
  color: var(--theme-color-1);
}
#header .header-top .header-top-nav a i {
  margin-right: 8px;
  font-size: 11px;
  color: var(--theme-color-1);
}
#header .header-top .header-top-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#header .header-top .header-top-social a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--theme-color-3);
  font-size: 12px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
#header .header-top .header-top-social a:hover {
  color: var(--theme-color-1);
  background-color: rgba(0, 0, 0, 0.08);
}
#header.header-dark .header-top:not(:empty), #header.header-theme .header-top:not(:empty) {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(0, 0, 0, 0.2);
}
#header.header-dark .header-top:not(:empty) .header-top-nav > li:not(:last-child)::after, #header.header-theme .header-top:not(:empty) .header-top-nav > li:not(:last-child)::after {
  background-color: rgba(255, 255, 255, 0.18);
}
#header.header-dark .header-top:not(:empty) .header-top-nav a, #header.header-theme .header-top:not(:empty) .header-top-nav a {
  color: rgba(255, 255, 255, 0.72);
}
#header.header-dark .header-top:not(:empty) .header-top-nav a:hover, #header.header-theme .header-top:not(:empty) .header-top-nav a:hover {
  color: #fff;
}
#header.header-dark .header-top:not(:empty) .header-top-nav a i, #header.header-theme .header-top:not(:empty) .header-top-nav a i {
  color: rgba(255, 255, 255, 0.9);
}
#header.header-dark .header-top:not(:empty) .header-top-social a, #header.header-theme .header-top:not(:empty) .header-top-social a {
  color: rgba(255, 255, 255, 0.72);
  background-color: rgba(255, 255, 255, 0.08);
}
#header.header-dark .header-top:not(:empty) .header-top-social a:hover, #header.header-theme .header-top:not(:empty) .header-top-social a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.16);
}
#header.header-narrow {
  min-height: 0;
}
#header.header-narrow .header-body {
  min-height: 56px;
}
#header.header-narrow .logo {
  margin: 0;
}
@media screen and (min-width: 992px) {
  #header.header-narrow .navbar .nav-item .nav-link {
    min-height: 56px;
  }
}
#header.header-center .header-body {
  min-height: 0;
}
#header.header-center .header-row.header-center-row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#header.header-center .header-center-logo {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0;
  padding-top: 12px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
#header.header-center .header-center-logo .logo {
  margin: 0;
}
#header.header-center .header-center-nav {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-bottom: 4px;
}
#header.header-center .header-center-nav .navbar {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}
#header.header-center .header-center-nav .navbar .navbar-nav {
  margin-left: 0 !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 992px) {
  #header.header-center .header-center-nav .navbar .nav-item .nav-link {
    min-height: 48px;
    margin: 0;
  }
}
#header.header-floating-bar {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  min-height: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 1000;
}
#header.header-floating-bar .header-body {
  max-width: 1140px;
  margin: 0 auto;
  min-height: 64px;
  padding: 8px 0;
  background-color: var(--theme-surface);
  border-radius: 8px;
  border: 0;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-bottom: 0;
}
#header.header-floating-bar.header-sticky-reveal {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#header.header-floating-bar.header-sticky-reveal.hidden {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translateY(calc(-100% - 48px));
          transform: translateY(calc(-100% - 48px));
  -webkit-transition: none;
  transition: none;
}
#header.header-floating-bar.header-sticky-reveal.visible {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
#header.header-floating-bar.header-sticky-reveal.visible .header-body {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
#header.header-floating-bar.visible, #header.header-floating-bar.hidden {
  position: fixed;
  top: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 1199.98px) {
  #header.header-floating-bar .header-body {
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 991.98px) {
  #header.header-floating-bar {
    top: 12px;
  }
  #header.header-floating-bar .header-body {
    max-width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 6px;
  }
}
#header.header-floating-icons {
  position: fixed;
  top: 50%;
  left: 20px;
  width: auto;
  min-height: 0;
  background: transparent;
  z-index: 1000;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
}
#header.header-floating-icons .header-body,
#header.header-floating-icons .header-container,
#header.header-floating-icons .header-row,
#header.header-floating-icons .header-col {
  display: block;
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
#header.header-floating-icons .navbar {
  width: auto;
}
#header.header-floating-icons .navbar .navbar-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  gap: 8px;
}
#header.header-floating-icons .navbar .nav-item {
  position: relative;
}
#header.header-floating-icons .navbar .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  min-height: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--theme-surface);
  color: var(--theme-text);
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
#header.header-floating-icons .navbar .nav-link i {
  margin: 0;
  font-size: 16px;
}
#header.header-floating-icons .navbar .nav-link .nav-tooltip {
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: nowrap;
  background-color: var(--theme-color-2);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
#header.header-floating-icons .navbar .nav-link:hover, #header.header-floating-icons .navbar .nav-link.active {
  background-color: var(--theme-color-1);
  color: #fff;
}
#header.header-floating-icons .navbar .nav-link:hover .nav-tooltip, #header.header-floating-icons .navbar .nav-link.active .nav-tooltip {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 991.98px) {
  #header.header-floating-icons {
    top: auto;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #header.header-floating-icons .navbar .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #header.header-floating-icons .navbar .nav-link .nav-tooltip {
    display: none;
  }
}
#header .navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: static;
  padding-top: 0;
  padding-bottom: 0;
  font-family: var(--theme-font-nav, var(--theme-font-1));
}
#header .navbar .nav-item .nav-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: normal;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 16px;
  letter-spacing: -0.5px;
  text-decoration: none;
  font-family: inherit;
}
#header .navbar .nav-item .nav-link:hover {
  color: var(--theme-color-1);
}
#header .navbar.menu-flat .nav-item .nav-link {
  border-radius: 0;
}
#header .navbar.menu-flat.menu-pills .nav-item .nav-link, #header .navbar.menu-flat.menu-pills-white .nav-item .nav-link, #header .navbar.menu-flat.menu-pills-dark .nav-item .nav-link, #header .navbar.menu-flat.menu-border .nav-item .nav-link, #header .navbar.menu-flat.menu-border-white .nav-item .nav-link, #header .navbar.menu-flat.menu-border-dark .nav-item .nav-link {
  border-radius: 0;
}
#header .navbar.menu-icon .nav-item .nav-link > i:first-child,
#header .navbar.menu-icon .nav-item .nav-link > .nav-icon {
  margin-right: 8px;
  font-size: 14px;
  line-height: 1;
}
#header .navbar.menu-arrows .dropdown > .nav-link.dropdown-toggle > i.fa-caret-down,
#header .navbar.menu-arrows .dropdown > .nav-link.dropdown-toggle > i.fa-chevron-down,
#header .navbar.menu-arrows .dropdown > .nav-link.dropdown-toggle > i.fa-angle-down {
  display: none;
}
#header .navbar.menu-arrows .dropdown-toggle::after {
  display: inline-block;
  font-family: "Font Awesome 7 Free";
  content: "\f078";
  font-weight: 900;
  border: 0;
  margin: 0 0 0 6px;
  font-size: 10px;
  vertical-align: middle;
}
#header .navbar .dropdown-item:has(> .badge) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
#header .navbar .dropdown-item > span:has(.badge) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  width: 100%;
}
#header .navbar .badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  padding: 4px 7px;
  border-radius: 3px;
  font-family: inherit;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  vertical-align: middle;
  background-color: var(--theme-color-1);
  color: var(--theme-color-white);
}
@media screen and (min-width: 992px) {
  #header .navbar .nav-item .nav-link {
    position: relative;
    background: transparent;
    padding: 0 9.6px;
    margin: 0;
    min-height: 60px;
    height: 100%;
  }
  #header .navbar.menu-pills .nav-item .nav-link {
    margin: 0 4px;
    min-height: auto;
    border-radius: 5px;
    padding: 6px 12px;
    border: 0;
    line-height: 1.25;
  }
  #header .navbar.menu-pills .nav-item .nav-link.active {
    background-color: var(--theme-color-1);
    color: var(--theme-color-white);
  }
  #header .navbar.menu-pills .nav-item:hover .nav-link {
    background-color: var(--theme-color-1);
    color: var(--theme-color-white);
  }
  #header .navbar.menu-pills-white .nav-item .nav-link {
    margin: 0 4px;
    min-height: auto;
    border-radius: 5px;
    padding: 6px 12px;
    border: 0;
    line-height: 1.25;
  }
  #header .navbar.menu-pills-white .nav-item .nav-link.active {
    background-color: var(--theme-color-white);
    color: var(--theme-color-1);
  }
  #header .navbar.menu-pills-white .nav-item:hover .nav-link {
    background-color: var(--theme-color-white);
    color: var(--theme-color-1);
  }
  #header .navbar.menu-pills-dark .nav-item .nav-link {
    margin: 0 4px;
    min-height: auto;
    border-radius: 5px;
    padding: 6px 12px;
    border: 0;
    line-height: 1.25;
  }
  #header .navbar.menu-pills-dark .nav-item .nav-link.active {
    background-color: #080602;
    color: var(--theme-color-white);
  }
  #header .navbar.menu-pills-dark .nav-item:hover .nav-link {
    background-color: #080602;
    color: var(--theme-color-white);
  }
  #header .navbar.menu-border .nav-item .nav-link {
    margin: 0 4px;
    min-height: auto;
    border-radius: 5px;
    padding: 6px 12px;
    border: 1px solid transparent;
    line-height: 1.25;
  }
  #header .navbar.menu-border .nav-item .nav-link.active {
    border-color: var(--theme-color-1);
    color: var(--theme-color-1);
  }
  #header .navbar.menu-border .nav-item:hover .nav-link, #header .navbar.menu-border .nav-item.show > .nav-link {
    border-color: var(--theme-color-1);
    color: var(--theme-color-1);
  }
  #header .navbar.menu-border-white .nav-item .nav-link {
    margin: 0 4px;
    min-height: auto;
    border-radius: 5px;
    padding: 6px 12px;
    border: 1px solid transparent;
    line-height: 1.25;
  }
  #header .navbar.menu-border-white .nav-item .nav-link.active {
    border-color: var(--theme-color-white);
    color: var(--theme-color-white);
  }
  #header .navbar.menu-border-white .nav-item:hover .nav-link, #header .navbar.menu-border-white .nav-item.show > .nav-link {
    border-color: var(--theme-color-white);
    color: var(--theme-color-white);
  }
  #header .navbar.menu-border-dark .nav-item .nav-link {
    margin: 0 4px;
    min-height: auto;
    border-radius: 5px;
    padding: 6px 12px;
    border: 1px solid transparent;
    line-height: 1.25;
  }
  #header .navbar.menu-border-dark .nav-item .nav-link.active {
    border-color: #080602;
    color: #080602;
  }
  #header .navbar.menu-border-dark .nav-item:hover .nav-link, #header .navbar.menu-border-dark .nav-item.show > .nav-link {
    border-color: #080602;
    color: #080602;
  }
  #header .navbar .dropdown .nav-link i {
    padding-left: 2px;
    font-size: 13px;
    color: var(--theme-color-white);
    display: none;
  }
  #header .navbar .dropdown.menu-pos-reverse > .dropdown-menu {
    left: auto;
    right: 0;
  }
  #header .navbar .dropdown.menu-pos-reverse .dropdown-menu .dropdown-menu {
    left: auto;
    right: 100%;
  }
  #header .navbar .dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    min-width: 200px;
    padding: 5px 0;
    border: 0;
    background-color: var(--theme-surface);
    border-radius: 5px;
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);
            box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);
    color: var(--theme-text);
    font-family: var(--theme-font-nav, var(--theme-font-1));
  }
  #header .navbar .dropdown .dropdown-menu .dropdown > a:after {
    font-family: "Font Awesome 7 Free";
    content: "\f054";
    font-weight: 900;
    position: absolute;
    top: 50%;
    font-size: 8px;
    opacity: 0.7;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  #header .navbar .dropdown .dropdown-menu .dropdown-menu {
    left: calc(100% + 5px);
    top: -17px;
    right: auto;
  }
  #header .navbar .dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
    border-bottom: 1px dotted var(--theme-form-border);
    padding: 10px;
    color: var(--theme-text);
    background-color: transparent;
  }
  #header .navbar .dropdown .dropdown-menu .dropdown-item:hover {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: var(--theme-bg-alt);
    color: var(--theme-color-1);
  }
  #header .navbar .dropdown > .dropdown-menu .dropdown.menu-pos-reverse > .dropdown-menu {
    left: auto;
    right: 100% !important;
  }
  #header .navbar .dropdown .dropdown-toggle::after {
    display: inline-block;
    font-family: "Font Awesome 7 Free";
    content: "\f078";
    font-weight: 900;
    border: 0;
    margin: 0 0 0 4px;
    font-size: 9.6px;
  }
  #header .navbar .dropdown.dropdown-mega {
    position: static;
  }
  #header .navbar .dropdown.dropdown-mega .dropdown-menu {
    left: 0;
    right: 5px;
    width: auto;
  }
  #header .navbar .dropdown.dropdown-mega .dropdown-menu .dropdown-mega-content {
    padding: 25.6px;
  }
  #header .navbar .dropdown.dropdown-mega .dropdown-menu .dropdown-mega-content .dropdown-mega-sub-title {
    padding: 10px;
    font-weight: bold;
    color: var(--theme-color-1);
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  #header .navbar.menu-dropdown-no-effect .dropdown .dropdown-menu {
    -webkit-transition: none;
    transition: none;
    opacity: 0;
    visibility: hidden;
  }
  #header .navbar.menu-dropdown-no-effect .dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  #header .navbar.menu-dropdown-opacity .dropdown .dropdown-menu {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
  }
  #header .navbar.menu-dropdown-opacity .dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  #header .navbar.menu-dropdown-move-top .dropdown .dropdown-menu {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  #header .navbar.menu-dropdown-move-top .dropdown:hover > .dropdown-menu {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  #header .navbar.menu-dropdown-move-bottom .dropdown .dropdown-menu {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #header .navbar.menu-dropdown-move-bottom .dropdown:hover > .dropdown-menu {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  #header .navbar.menu-dropdown-move-right .dropdown .dropdown-menu {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  #header .navbar.menu-dropdown-move-right .dropdown:hover > .dropdown-menu {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  #header .navbar.menu-dropdown-move-left .dropdown .dropdown-menu {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  #header .navbar.menu-dropdown-move-left .dropdown:hover > .dropdown-menu {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 992px) {
  #header .navbar.menu-dropdown-flat .dropdown .dropdown-menu {
    border-radius: 0;
  }
}
@media screen and (max-width: 991.98px) {
  #header .navbar.menu-responsive-type-1 {
    position: absolute;
    width: 100%;
    top: calc(100% + 10px);
    left: 0;
    z-index: 1000;
    border-radius: 0px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse {
    background-color: var(--theme-surface);
    padding: 10px;
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item {
    border-bottom: 1px solid var(--theme-form-border);
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item:last-child {
    border-bottom: none !important;
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item .dropdown-toggle:after {
    display: none;
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item .nav-link {
    position: relative;
    display: block;
    color: var(--theme-text) !important;
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item .nav-link i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 12px;
    color: var(--theme-text);
    font-weight: 900;
    border-left: 1px solid var(--theme-form-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item:hover .nav-link {
    background-color: var(--theme-bg-alt);
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item .dropdown-menu {
    border-radius: 0;
    border: none;
    padding: 0 0 0 20px;
    margin: 0;
    background-color: var(--theme-surface);
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item .dropdown-menu .dropdown-item {
    border-bottom: 1px solid var(--theme-form-border);
    padding: 10px;
    color: var(--theme-text);
    font-size: 13px;
    font-weight: 400;
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item .dropdown-menu .dropdown-item:last-child {
    border-bottom: none !important;
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item .dropdown-menu .dropdown-mega-sub-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--theme-color-1);
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
    padding-left: 10px;
  }
  #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item .dropdown-menu .dropdown-mega-sub-nav {
    padding-left: 20px;
  }
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse,
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .dropdown-menu {
    background-color: #111111;
  }
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item,
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .dropdown-menu .nav-item {
    border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  }
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item .nav-link,
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .dropdown-menu .nav-item .nav-link {
    color: var(--theme-color-white) !important;
  }
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item .nav-link i,
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .dropdown-menu .nav-item .nav-link i {
    color: var(--theme-color-white) !important;
    border-left: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  }
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item:hover .nav-link,
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .dropdown-menu .nav-item:hover .nav-link {
    background-color: rgba(var(--theme-color-white-rgb), 0.1);
    color: var(--theme-color-white) !important;
  }
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item .dropdown-menu,
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .dropdown-menu .nav-item .dropdown-menu {
    background-color: #111111;
  }
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item .dropdown-menu .dropdown-mega-sub-title,
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .dropdown-menu .nav-item .dropdown-menu .dropdown-mega-sub-title {
    color: var(--theme-color-1);
  }
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item .dropdown-menu .dropdown-item,
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .dropdown-menu .nav-item .dropdown-menu .dropdown-item {
    color: var(--theme-color-white);
    border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  }
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item .dropdown-menu .dropdown-item:hover,
  #header .navbar.menu-responsive-type-1.menu-responsive-dark .dropdown-menu .nav-item .dropdown-menu .dropdown-item:hover {
    background-color: rgba(var(--theme-color-white-rgb), 0.1);
    color: var(--theme-color-white) !important;
  }
  #header .navbar.menu-responsive-type-2 {
    position: fixed;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 1000;
    background-color: rgba(8, 6, 2, 0.9);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    visibility: hidden;
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse {
    background-color: var(--theme-surface);
    padding: 10px 0;
    width: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
    position: fixed;
    z-index: 1001;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item {
    border-bottom: 1px solid var(--theme-form-border);
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item:last-child {
    border-bottom: none !important;
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item .dropdown-toggle:after {
    display: none;
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item .nav-link {
    position: relative;
    display: block;
    color: var(--theme-text) !important;
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item .nav-link i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 12px;
    color: var(--theme-text);
    font-weight: 900;
    border-left: 1px solid var(--theme-form-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item:hover .nav-link {
    background-color: var(--theme-bg-alt);
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item .dropdown-menu {
    border-radius: 0;
    border: none;
    padding: 0 0 0 20px;
    margin: 0;
    background-color: var(--theme-surface);
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item .dropdown-menu .dropdown-item {
    border-bottom: 1px solid var(--theme-form-border);
    padding: 10px;
    color: var(--theme-text);
    font-size: 13px;
    font-weight: 400;
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item .dropdown-menu .dropdown-item:last-child {
    border-bottom: none !important;
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item .dropdown-menu .dropdown-mega-sub-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--theme-color-1);
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
    padding-left: 10px;
  }
  #header .navbar.menu-responsive-type-2 .navbar-collapse .nav-item .dropdown-menu .dropdown-mega-sub-nav {
    padding-left: 20px;
  }
  #header .navbar.menu-responsive-type-2.menu-animation-left {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }
  #header .navbar.menu-responsive-type-2.menu-animation-left .navbar-collapse {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #header .navbar.menu-responsive-type-2.menu-animation-left.visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  #header .navbar.menu-responsive-type-2.menu-animation-left.visible .navbar-collapse {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  #header .navbar.menu-responsive-type-2.menu-animation-right {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }
  #header .navbar.menu-responsive-type-2.menu-animation-right .navbar-collapse {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  #header .navbar.menu-responsive-type-2.menu-animation-right.visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  #header .navbar.menu-responsive-type-2.menu-animation-right.visible .navbar-collapse {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  #header .navbar.menu-responsive-type-2.menu-animation-dark .navbar-collapse,
  #header .navbar.menu-responsive-type-2.menu-animation-dark .dropdown-menu {
    background-color: #111111;
  }
  #header .navbar.menu-responsive-type-2.menu-animation-dark .navbar-collapse .nav-item,
  #header .navbar.menu-responsive-type-2.menu-animation-dark .dropdown-menu .nav-item {
    border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  }
  #header .navbar.menu-responsive-type-2.menu-animation-dark .navbar-collapse .nav-item .nav-link,
  #header .navbar.menu-responsive-type-2.menu-animation-dark .dropdown-menu .nav-item .nav-link {
    color: var(--theme-color-white) !important;
  }
  #header .navbar.menu-responsive-type-2.menu-animation-dark .navbar-collapse .nav-item .nav-link i,
  #header .navbar.menu-responsive-type-2.menu-animation-dark .dropdown-menu .nav-item .nav-link i {
    color: var(--theme-color-white) !important;
    border-left: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  }
  #header .navbar.menu-responsive-type-2.menu-animation-dark .navbar-collapse .nav-item:hover .nav-link,
  #header .navbar.menu-responsive-type-2.menu-animation-dark .dropdown-menu .nav-item:hover .nav-link {
    background-color: rgba(var(--theme-color-white-rgb), 0.1);
    color: var(--theme-color-white) !important;
  }
  #header .navbar.menu-responsive-type-2.menu-animation-dark .navbar-collapse .nav-item .dropdown-menu,
  #header .navbar.menu-responsive-type-2.menu-animation-dark .dropdown-menu .nav-item .dropdown-menu {
    background-color: #111111;
  }
  #header .navbar.menu-responsive-type-2.menu-animation-dark .navbar-collapse .nav-item .dropdown-menu .dropdown-mega-sub-title,
  #header .navbar.menu-responsive-type-2.menu-animation-dark .dropdown-menu .nav-item .dropdown-menu .dropdown-mega-sub-title {
    color: var(--theme-color-1);
  }
  #header .navbar.menu-responsive-type-2.menu-animation-dark .navbar-collapse .nav-item .dropdown-menu .dropdown-item,
  #header .navbar.menu-responsive-type-2.menu-animation-dark .dropdown-menu .nav-item .dropdown-menu .dropdown-item {
    color: var(--theme-color-white);
    border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  }
  #header .navbar.menu-responsive-type-2.menu-animation-dark .navbar-collapse .nav-item .dropdown-menu .dropdown-item:hover,
  #header .navbar.menu-responsive-type-2.menu-animation-dark .dropdown-menu .nav-item .dropdown-menu .dropdown-item:hover {
    background-color: rgba(var(--theme-color-white-rgb), 0.1);
    color: var(--theme-color-white) !important;
  }
  #header .navbar.menu-responsive-type-2.visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  #header .navbar.menu-responsive-type-3 {
    position: fixed;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
    background-color: rgb(8, 6, 2);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    visibility: hidden;
  }
  #header .navbar.menu-responsive-type-3.menu-animation-left {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  #header .navbar.menu-responsive-type-3.menu-animation-left.visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  #header .navbar.menu-responsive-type-3.menu-animation-right {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  #header .navbar.menu-responsive-type-3.menu-animation-right.visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  #header .navbar.menu-responsive-type-3.menu-animation-top {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  #header .navbar.menu-responsive-type-3.menu-animation-top.visible {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  #header .navbar.menu-responsive-type-3.menu-animation-bottom {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  #header .navbar.menu-responsive-type-3.menu-animation-bottom.visible {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  #header .navbar.menu-responsive-type-3.menu-animation-opacity {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  #header .navbar.menu-responsive-type-3.menu-animation-opacity.visible {
    opacity: 1;
  }
  #header .navbar.menu-responsive-type-3.menu-responsive-light {
    background-color: var(--theme-surface);
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse {
    background-color: transparent;
    padding: 10px 0;
    width: 80%;
    min-width: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-height: 90vh;
    position: fixed;
    z-index: 1001;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item {
    border-bottom: 1px solid var(--theme-form-border);
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item:last-child {
    border-bottom: none !important;
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item .dropdown-toggle:after {
    display: none;
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item .nav-link {
    position: relative;
    display: block;
    color: var(--theme-text) !important;
    font-size: 50px;
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item .nav-link i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 12px;
    color: var(--theme-text);
    font-weight: 900;
    border-left: 1px solid var(--theme-form-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item:hover .nav-link {
    background-color: var(--theme-bg-alt);
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item .dropdown-menu {
    border-radius: 0;
    border: none;
    padding: 0 0 0 20px;
    margin: 0;
    background-color: var(--theme-surface);
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item .dropdown-menu .dropdown-item {
    border-bottom: 1px solid var(--theme-form-border);
    padding: 10px;
    color: var(--theme-text);
    font-size: 20px;
    font-weight: 400;
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item .dropdown-menu .dropdown-item:last-child {
    border-bottom: none !important;
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item .dropdown-menu .dropdown-mega-sub-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--theme-color-1);
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
    padding-left: 10px;
  }
  #header .navbar.menu-responsive-type-3 .navbar-collapse .nav-item .dropdown-menu .dropdown-mega-sub-nav {
    padding-left: 20px;
  }
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .navbar-collapse,
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .dropdown-menu {
    background-color: #111111;
  }
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .navbar-collapse .nav-item,
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .dropdown-menu .nav-item {
    border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  }
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .navbar-collapse .nav-item .nav-link,
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .dropdown-menu .nav-item .nav-link {
    color: var(--theme-color-white) !important;
  }
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .navbar-collapse .nav-item .nav-link i,
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .dropdown-menu .nav-item .nav-link i {
    color: var(--theme-color-white) !important;
    border-left: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  }
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .navbar-collapse .nav-item:hover .nav-link,
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .dropdown-menu .nav-item:hover .nav-link {
    background-color: rgba(var(--theme-color-white-rgb), 0.1);
    color: var(--theme-color-white) !important;
  }
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .navbar-collapse .nav-item .dropdown-menu,
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .dropdown-menu .nav-item .dropdown-menu {
    background-color: #111111;
  }
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .navbar-collapse .nav-item .dropdown-menu .dropdown-mega-sub-title,
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .dropdown-menu .nav-item .dropdown-menu .dropdown-mega-sub-title {
    color: var(--theme-color-1);
  }
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .navbar-collapse .nav-item .dropdown-menu .dropdown-item,
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .dropdown-menu .nav-item .dropdown-menu .dropdown-item {
    color: var(--theme-color-white);
    border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  }
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .navbar-collapse .nav-item .dropdown-menu .dropdown-item:hover,
  #header .navbar.menu-responsive-type-3.menu-responsive-dark .dropdown-menu .nav-item .dropdown-menu .dropdown-item:hover {
    background-color: rgba(var(--theme-color-white-rgb), 0.1);
    color: var(--theme-color-white) !important;
  }
  #header .navbar.menu-responsive-type-3.visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
#header.header-dark {
  background-color: #080602;
  color: var(--theme-color-white);
}
#header.header-dark .navbar-toggler {
  color: var(--theme-color-white);
}
#header.header-dark .navbar .nav-item .nav-link {
  color: var(--theme-color-white);
}
#header.header-dark .navbar .nav-item:hover .nav-link {
  color: var(--theme-color-1);
}
#header.header-theme {
  background-color: var(--theme-color-1);
}
#header.header-theme .logo img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
#header.header-theme .navbar .nav-item .nav-link {
  color: var(--theme-color-white);
}
#header.header-theme .navbar .nav-item:hover .nav-link {
  color: var(--theme-color-1);
  background-color: var(--theme-color-white);
}
#header.header-transparent, #header.header-transparent-dark, #header.header-transparent-theme, #header.header-transparent-light, #header.header-semi-transparent, #header.header-semi-transparent-dark, #header.header-semi-transparent-theme {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 0 !important;
  z-index: 1000;
  background-color: transparent;
}
#header.header-transparent.header-sticky, #header.header-transparent.header-sticky-shrink, #header.header-transparent.header-sticky-scroll-up, #header.header-transparent.header-sticky-reveal, #header.header-transparent-dark.header-sticky, #header.header-transparent-dark.header-sticky-shrink, #header.header-transparent-dark.header-sticky-scroll-up, #header.header-transparent-dark.header-sticky-reveal, #header.header-transparent-theme.header-sticky, #header.header-transparent-theme.header-sticky-shrink, #header.header-transparent-theme.header-sticky-scroll-up, #header.header-transparent-theme.header-sticky-reveal, #header.header-transparent-light.header-sticky, #header.header-transparent-light.header-sticky-shrink, #header.header-transparent-light.header-sticky-scroll-up, #header.header-transparent-light.header-sticky-reveal, #header.header-semi-transparent.header-sticky, #header.header-semi-transparent.header-sticky-shrink, #header.header-semi-transparent.header-sticky-scroll-up, #header.header-semi-transparent.header-sticky-reveal, #header.header-semi-transparent-dark.header-sticky, #header.header-semi-transparent-dark.header-sticky-shrink, #header.header-semi-transparent-dark.header-sticky-scroll-up, #header.header-semi-transparent-dark.header-sticky-reveal, #header.header-semi-transparent-theme.header-sticky, #header.header-semi-transparent-theme.header-sticky-shrink, #header.header-semi-transparent-theme.header-sticky-scroll-up, #header.header-semi-transparent-theme.header-sticky-reveal {
  position: absolute;
}
#header.header-transparent.header-sticky.visible, #header.header-transparent.header-sticky.hidden, #header.header-transparent.header-sticky-shrink.visible, #header.header-transparent.header-sticky-shrink.hidden, #header.header-transparent.header-sticky-scroll-up.visible, #header.header-transparent.header-sticky-scroll-up.hidden, #header.header-transparent.header-sticky-reveal.visible, #header.header-transparent.header-sticky-reveal.hidden, #header.header-transparent-dark.header-sticky.visible, #header.header-transparent-dark.header-sticky.hidden, #header.header-transparent-dark.header-sticky-shrink.visible, #header.header-transparent-dark.header-sticky-shrink.hidden, #header.header-transparent-dark.header-sticky-scroll-up.visible, #header.header-transparent-dark.header-sticky-scroll-up.hidden, #header.header-transparent-dark.header-sticky-reveal.visible, #header.header-transparent-dark.header-sticky-reveal.hidden, #header.header-transparent-theme.header-sticky.visible, #header.header-transparent-theme.header-sticky.hidden, #header.header-transparent-theme.header-sticky-shrink.visible, #header.header-transparent-theme.header-sticky-shrink.hidden, #header.header-transparent-theme.header-sticky-scroll-up.visible, #header.header-transparent-theme.header-sticky-scroll-up.hidden, #header.header-transparent-theme.header-sticky-reveal.visible, #header.header-transparent-theme.header-sticky-reveal.hidden, #header.header-transparent-light.header-sticky.visible, #header.header-transparent-light.header-sticky.hidden, #header.header-transparent-light.header-sticky-shrink.visible, #header.header-transparent-light.header-sticky-shrink.hidden, #header.header-transparent-light.header-sticky-scroll-up.visible, #header.header-transparent-light.header-sticky-scroll-up.hidden, #header.header-transparent-light.header-sticky-reveal.visible, #header.header-transparent-light.header-sticky-reveal.hidden, #header.header-semi-transparent.header-sticky.visible, #header.header-semi-transparent.header-sticky.hidden, #header.header-semi-transparent.header-sticky-shrink.visible, #header.header-semi-transparent.header-sticky-shrink.hidden, #header.header-semi-transparent.header-sticky-scroll-up.visible, #header.header-semi-transparent.header-sticky-scroll-up.hidden, #header.header-semi-transparent.header-sticky-reveal.visible, #header.header-semi-transparent.header-sticky-reveal.hidden, #header.header-semi-transparent-dark.header-sticky.visible, #header.header-semi-transparent-dark.header-sticky.hidden, #header.header-semi-transparent-dark.header-sticky-shrink.visible, #header.header-semi-transparent-dark.header-sticky-shrink.hidden, #header.header-semi-transparent-dark.header-sticky-scroll-up.visible, #header.header-semi-transparent-dark.header-sticky-scroll-up.hidden, #header.header-semi-transparent-dark.header-sticky-reveal.visible, #header.header-semi-transparent-dark.header-sticky-reveal.hidden, #header.header-semi-transparent-theme.header-sticky.visible, #header.header-semi-transparent-theme.header-sticky.hidden, #header.header-semi-transparent-theme.header-sticky-shrink.visible, #header.header-semi-transparent-theme.header-sticky-shrink.hidden, #header.header-semi-transparent-theme.header-sticky-scroll-up.visible, #header.header-semi-transparent-theme.header-sticky-scroll-up.hidden, #header.header-semi-transparent-theme.header-sticky-reveal.visible, #header.header-semi-transparent-theme.header-sticky-reveal.hidden {
  position: fixed;
}
#header.header-transparent .navbar-toggler {
  color: var(--theme-color-white);
}
#header.header-transparent .navbar .nav-item .nav-link {
  color: var(--theme-color-white);
}
#header.header-transparent.visible {
  background-color: var(--theme-surface);
}
#header.header-transparent.visible .navbar-toggler {
  color: var(--theme-text);
}
#header.header-transparent.visible .navbar .nav-item .nav-link {
  color: var(--theme-text);
}
#header.header-transparent-dark .navbar-toggler {
  color: var(--theme-color-white);
}
#header.header-transparent-dark .navbar .nav-item .nav-link {
  color: var(--theme-color-white);
}
#header.header-transparent-dark.visible {
  background-color: #080602;
}
#header.header-transparent-dark.visible .navbar-toggler {
  color: var(--theme-color-white);
}
#header.header-transparent-dark.visible .navbar .nav-item .nav-link {
  color: var(--theme-color-white);
}
#header.header-transparent-theme .navbar-toggler {
  color: var(--theme-color-white);
}
#header.header-transparent-theme .navbar .nav-item .nav-link {
  color: var(--theme-color-white);
}
#header.header-transparent-theme.visible {
  background-color: var(--theme-color-1);
}
#header.header-transparent-theme.visible .logo img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
#header.header-transparent-theme.visible .navbar-toggler {
  color: var(--theme-color-white);
}
#header.header-transparent-theme.visible .navbar .nav-item .nav-link {
  color: var(--theme-color-white);
}
#header.header-transparent-light .navbar-toggler {
  color: var(--theme-text);
}
#header.header-transparent-light .navbar .nav-item .nav-link {
  color: var(--theme-text);
}
#header.header-transparent-light.visible {
  background-color: var(--theme-surface);
}
#header.header-transparent-light.visible .navbar-toggler {
  color: var(--theme-text);
}
#header.header-transparent-light.visible .navbar .nav-item .nav-link {
  color: var(--theme-text);
}
#header.header-semi-transparent {
  background-color: rgba(var(--theme-color-white-rgb), 0.5);
}
#header.header-semi-transparent-dark {
  background-color: rgba(8, 6, 2, 0.5);
}
#header.header-semi-transparent-dark .navbar .nav-item .nav-link {
  color: var(--theme-color-white);
}
#header.header-semi-transparent-theme {
  background-color: rgba(var(--theme-color-1-rgb), 0.5);
}
#header.header-semi-transparent-theme .logo img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
#header.header-semi-transparent-theme .navbar .nav-item .nav-link {
  color: var(--theme-color-white);
}
#header.header-dropdown-dark .navbar .dropdown .dropdown-menu {
  background-color: #111111;
}
#header.header-dropdown-dark .navbar .dropdown .dropdown-menu .dropdown-item {
  color: var(--theme-color-white);
  border-bottom: 1px dotted rgba(var(--theme-color-white-rgb), 0.1);
}
#header.header-dropdown-dark .navbar .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: rgba(var(--theme-color-white-rgb), 0.08);
  color: var(--theme-color-1);
}
#header.header-dropdown-theme .navbar .dropdown .dropdown-menu {
  background-color: var(--theme-color-1);
}
#header.header-dropdown-theme .navbar .dropdown .dropdown-menu .dropdown-item {
  color: var(--theme-color-white);
  border-bottom: 1px dotted rgba(var(--theme-color-white-rgb), 0.2);
}
#header.header-dropdown-theme .navbar .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: rgba(var(--theme-color-white-rgb), 0.12);
  color: var(--theme-color-white);
}
#header.header-dropdown-theme .navbar .dropdown .dropdown-menu .badge {
  background-color: var(--theme-color-white);
  color: var(--theme-color-1);
}

[data-theme=dark] #header:not(.header-dark):not(.header-theme) .header-top:not(:empty) {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] #header:not(.header-dark):not(.header-theme) .header-top:not(:empty) .header-top-nav > li:not(:last-child)::after {
  background-color: rgba(255, 255, 255, 0.14);
}
[data-theme=dark] #header:not(.header-dark):not(.header-theme) .header-top:not(:empty) .header-top-social a {
  background-color: rgba(255, 255, 255, 0.06);
}
[data-theme=dark] #header:not(.header-dark):not(.header-theme) .header-top:not(:empty) .header-top-social a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

body.menu-opened {
  overflow: hidden;
}
body.menu-opened #header {
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
body.menu-opened #header .navbar-toggler,
body.menu-opened #header .navbar.menu-responsive-light ~ .navbar-toggler {
  color: var(--theme-text) !important;
}
body.menu-opened #header .navbar.menu-responsive-dark ~ .navbar-toggler {
  color: var(--theme-color-white) !important;
}

/*============================================================================================*/
/* 3.   PAGE HEADER */
/*============================================================================================*/
.page-header {
  --page-header-overlay: rgba(28, 32, 37, 0.9);
  position: relative;
  margin: 0 0 35px 0;
  padding: 40px 0;
  background-color: #080602;
  color: var(--theme-color-white);
  text-align: left;
  font-family: var(--theme-font-nav, var(--theme-font-1));
  overflow: hidden;
}
.page-header > .container,
.page-header > .container-fluid {
  position: relative;
  z-index: 2;
}
.page-header .page-header-title,
.page-header h1 {
  color: inherit;
  display: inline-block;
  font-size: 30px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-family: inherit;
}
.page-header .page-header-subtitle,
.page-header .sub-title {
  display: block;
  font-size: 15px;
  font-weight: 400;
  margin: 8px 0 0;
  line-height: 1.6;
  color: var(--theme-color-1);
  font-family: inherit;
}
.page-header .breadcrumb {
  margin-bottom: 0;
}
.page-header.page-header-sm {
  padding: 28px 0;
}
.page-header.page-header-sm .page-header-title,
.page-header.page-header-sm h1 {
  font-size: 22px;
}
.page-header.page-header-md {
  padding: 40px 0;
}
.page-header.page-header-lg {
  padding: 56px 0;
}
.page-header.page-header-lg .page-header-title,
.page-header.page-header-lg h1 {
  font-size: 40px;
}
.page-header.page-header-classic {
  border-bottom: 5px solid rgba(var(--theme-color-white-rgb), 0.18);
}
.page-header.page-header-classic .page-header-title-border,
.page-header.page-header-classic [data-title-border] {
  -webkit-box-shadow: 0 5px 0 0 var(--theme-color-1);
          box-shadow: 0 5px 0 0 var(--theme-color-1);
  padding-bottom: 2px;
}
.page-header.page-header-modern .page-header-title,
.page-header.page-header-modern h1 {
  font-size: 28px;
  font-weight: 600;
}
.page-header.page-header-modern .page-header-title strong,
.page-header.page-header-modern h1 strong {
  font-weight: 700;
}
.page-header.page-header-modern.page-header-sm .page-header-title,
.page-header.page-header-modern.page-header-sm h1 {
  font-size: 22px;
}
.page-header.page-header-modern.page-header-md {
  padding: 50px 0;
}
.page-header.page-header-modern.page-header-lg {
  padding: 65px 0;
}
.page-header.page-header-modern.page-header-lg .page-header-title,
.page-header.page-header-modern.page-header-lg h1 {
  font-size: 32px;
}
.page-header.page-header-color-theme {
  background-color: var(--theme-color-1);
  color: var(--theme-color-white);
}
.page-header.page-header-color-theme .page-header-subtitle,
.page-header.page-header-color-theme .sub-title {
  color: rgba(var(--theme-color-white-rgb), 0.85);
}
.page-header.page-header-color-dark {
  background-color: #080602;
  color: var(--theme-color-white);
}
.page-header.page-header-color-light, .page-header.page-header-color-grey {
  background-color: var(--theme-bg-alt, #f7f8f9);
  color: var(--theme-text);
}
.page-header.page-header-color-light .page-header-title,
.page-header.page-header-color-light h1, .page-header.page-header-color-grey .page-header-title,
.page-header.page-header-color-grey h1 {
  color: var(--theme-text);
}
.page-header.page-header-color-light .page-header-subtitle,
.page-header.page-header-color-light .sub-title, .page-header.page-header-color-grey .page-header-subtitle,
.page-header.page-header-color-grey .sub-title {
  color: var(--theme-color-1);
}
.page-header.page-header-background {
  margin-bottom: 0;
  padding: 130px 0;
  background-image: var(--page-header-bg, url("../images/page-header/wrapper.webp"));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-header.page-header-background.page-header-background-sm {
  padding: 50px 0;
}
.page-header.page-header-background.page-header-background-md {
  padding: 150px 0;
}
.page-header.page-header-background.page-header-background-lg {
  padding: 200px 0;
}
.page-header.page-header-background.page-header-background-pattern {
  background-size: auto;
  background-repeat: repeat;
}
.page-header.page-header-background.page-header-background-fixed {
  background-attachment: fixed;
}
.page-header.page-header-video {
  background-image: none;
  background-color: #080602;
}
.page-header.page-header-video .page-header-video-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.page-header.page-header-video .page-header-video-media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.page-header.page-header-video > .container,
.page-header.page-header-video > .container-fluid {
  z-index: 2;
}
.page-header.page-header-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--page-header-overlay);
  pointer-events: none;
}
.page-header.page-header-overlay-theme {
  --page-header-overlay: rgba(var(--theme-color-1-rgb), 0.82);
}
.page-header.page-header-overlay-dark {
  --page-header-overlay: rgba(8, 6, 2, 0.72);
}
.page-header.page-header-overlay-soft {
  --page-header-overlay: rgba(28, 32, 37, 0.55);
}
.page-header.page-header-clean {
  background: transparent;
  color: var(--theme-text);
}
.page-header.page-header-clean .page-header-title,
.page-header.page-header-clean h1 {
  color: var(--theme-text);
}
.page-header.page-header-center {
  text-align: center;
}
.page-header.page-header-center .page-header-subtitle,
.page-header.page-header-center .sub-title {
  margin-left: auto;
  margin-right: auto;
}

.wrapper,
.page-header.wrapper {
  background-image: url("../images/page-header/wrapper.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding: 200px 0;
  margin-bottom: 0;
  font-family: var(--theme-font-nav, var(--theme-font-1));
  color: var(--theme-color-white);
}
.wrapper::before, .wrapper::after,
.page-header.wrapper::before,
.page-header.wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.wrapper::after,
.page-header.wrapper::after {
  background: rgba(28, 32, 37, 0.9);
}
.wrapper::before,
.page-header.wrapper::before {
  display: none;
}
.wrapper > .container,
.wrapper > .container-fluid,
.page-header.wrapper > .container,
.page-header.wrapper > .container-fluid {
  position: relative;
  z-index: 2;
}
.wrapper .page-header-title,
.wrapper .title h1,
.wrapper h1,
.page-header.wrapper .page-header-title,
.page-header.wrapper .title h1,
.page-header.wrapper h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  font-family: inherit;
  margin: 0;
}
.wrapper .page-header-subtitle,
.wrapper .subtitle,
.page-header.wrapper .page-header-subtitle,
.page-header.wrapper .subtitle {
  color: var(--theme-color-1);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.6;
  margin-top: 8px;
}
.wrapper > .container > .row ul:not(.breadcrumb),
.page-header.wrapper > .container > .row ul:not(.breadcrumb) {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: inherit;
}
.wrapper > .container > .row ul:not(.breadcrumb) li,
.page-header.wrapper > .container > .row ul:not(.breadcrumb) li {
  margin-right: 10px;
  color: #fff;
  font-family: inherit;
}
.wrapper > .container > .row ul:not(.breadcrumb) li svg,
.wrapper > .container > .row ul:not(.breadcrumb) li i,
.page-header.wrapper > .container > .row ul:not(.breadcrumb) li svg,
.page-header.wrapper > .container > .row ul:not(.breadcrumb) li i {
  font-size: 10px;
}
.wrapper > .container > .row ul:not(.breadcrumb) li a,
.page-header.wrapper > .container > .row ul:not(.breadcrumb) li a {
  color: #fff;
  text-decoration: none;
  font-family: inherit;
}
.wrapper > .container > .row ul:not(.breadcrumb) li a:hover,
.page-header.wrapper > .container > .row ul:not(.breadcrumb) li a:hover {
  color: var(--theme-color-1);
}
.wrapper > .container > .row ul:not(.breadcrumb) li:last-child,
.page-header.wrapper > .container > .row ul:not(.breadcrumb) li:last-child {
  margin-right: 0;
}

#header.header-transparent ~ .page-header,
#header.header-transparent-dark ~ .page-header,
#header.header-transparent-theme ~ .page-header,
#header.header-transparent-light ~ .page-header,
#header.header-semi-transparent ~ .page-header,
#header.header-semi-transparent-dark ~ .page-header,
#header.header-semi-transparent-theme ~ .page-header,
#header.header-transparent ~ .wrapper,
#header.header-transparent-dark ~ .wrapper,
#header.header-transparent-theme ~ .wrapper,
#header.header-transparent-light ~ .wrapper,
#header.header-semi-transparent ~ .wrapper,
#header.header-semi-transparent-dark ~ .wrapper,
#header.header-semi-transparent-theme ~ .wrapper {
  padding-top: 120px;
}
#header.header-transparent ~ .page-header.page-header-sm,
#header.header-transparent-dark ~ .page-header.page-header-sm,
#header.header-transparent-theme ~ .page-header.page-header-sm,
#header.header-transparent-light ~ .page-header.page-header-sm,
#header.header-semi-transparent ~ .page-header.page-header-sm,
#header.header-semi-transparent-dark ~ .page-header.page-header-sm,
#header.header-semi-transparent-theme ~ .page-header.page-header-sm,
#header.header-transparent ~ .wrapper.page-header-sm,
#header.header-transparent-dark ~ .wrapper.page-header-sm,
#header.header-transparent-theme ~ .wrapper.page-header-sm,
#header.header-transparent-light ~ .wrapper.page-header-sm,
#header.header-semi-transparent ~ .wrapper.page-header-sm,
#header.header-semi-transparent-dark ~ .wrapper.page-header-sm,
#header.header-semi-transparent-theme ~ .wrapper.page-header-sm {
  padding-top: 100px;
}
#header.header-transparent ~ .page-header.page-header-md,
#header.header-transparent-dark ~ .page-header.page-header-md,
#header.header-transparent-theme ~ .page-header.page-header-md,
#header.header-transparent-light ~ .page-header.page-header-md,
#header.header-semi-transparent ~ .page-header.page-header-md,
#header.header-semi-transparent-dark ~ .page-header.page-header-md,
#header.header-semi-transparent-theme ~ .page-header.page-header-md,
#header.header-transparent ~ .wrapper.page-header-md,
#header.header-transparent-dark ~ .wrapper.page-header-md,
#header.header-transparent-theme ~ .wrapper.page-header-md,
#header.header-transparent-light ~ .wrapper.page-header-md,
#header.header-semi-transparent ~ .wrapper.page-header-md,
#header.header-semi-transparent-dark ~ .wrapper.page-header-md,
#header.header-semi-transparent-theme ~ .wrapper.page-header-md {
  padding-top: 120px;
}
#header.header-transparent ~ .page-header.page-header-lg,
#header.header-transparent-dark ~ .page-header.page-header-lg,
#header.header-transparent-theme ~ .page-header.page-header-lg,
#header.header-transparent-light ~ .page-header.page-header-lg,
#header.header-semi-transparent ~ .page-header.page-header-lg,
#header.header-semi-transparent-dark ~ .page-header.page-header-lg,
#header.header-semi-transparent-theme ~ .page-header.page-header-lg,
#header.header-transparent ~ .wrapper.page-header-lg,
#header.header-transparent-dark ~ .wrapper.page-header-lg,
#header.header-transparent-theme ~ .wrapper.page-header-lg,
#header.header-transparent-light ~ .wrapper.page-header-lg,
#header.header-semi-transparent ~ .wrapper.page-header-lg,
#header.header-semi-transparent-dark ~ .wrapper.page-header-lg,
#header.header-semi-transparent-theme ~ .wrapper.page-header-lg {
  padding-top: 140px;
}
#header.header-transparent ~ .page-header.page-header-background, #header.header-transparent ~ .page-header.wrapper,
#header.header-transparent-dark ~ .page-header.page-header-background,
#header.header-transparent-dark ~ .page-header.wrapper,
#header.header-transparent-theme ~ .page-header.page-header-background,
#header.header-transparent-theme ~ .page-header.wrapper,
#header.header-transparent-light ~ .page-header.page-header-background,
#header.header-transparent-light ~ .page-header.wrapper,
#header.header-semi-transparent ~ .page-header.page-header-background,
#header.header-semi-transparent ~ .page-header.wrapper,
#header.header-semi-transparent-dark ~ .page-header.page-header-background,
#header.header-semi-transparent-dark ~ .page-header.wrapper,
#header.header-semi-transparent-theme ~ .page-header.page-header-background,
#header.header-semi-transparent-theme ~ .page-header.wrapper,
#header.header-transparent ~ .wrapper.page-header-background,
#header.header-transparent ~ .wrapper.wrapper,
#header.header-transparent-dark ~ .wrapper.page-header-background,
#header.header-transparent-dark ~ .wrapper.wrapper,
#header.header-transparent-theme ~ .wrapper.page-header-background,
#header.header-transparent-theme ~ .wrapper.wrapper,
#header.header-transparent-light ~ .wrapper.page-header-background,
#header.header-transparent-light ~ .wrapper.wrapper,
#header.header-semi-transparent ~ .wrapper.page-header-background,
#header.header-semi-transparent ~ .wrapper.wrapper,
#header.header-semi-transparent-dark ~ .wrapper.page-header-background,
#header.header-semi-transparent-dark ~ .wrapper.wrapper,
#header.header-semi-transparent-theme ~ .wrapper.page-header-background,
#header.header-semi-transparent-theme ~ .wrapper.wrapper {
  padding-top: 160px;
}
#header.header-transparent ~ .page-header.page-header-background.page-header-background-sm, #header.header-transparent ~ .page-header.wrapper.page-header-background-sm,
#header.header-transparent-dark ~ .page-header.page-header-background.page-header-background-sm,
#header.header-transparent-dark ~ .page-header.wrapper.page-header-background-sm,
#header.header-transparent-theme ~ .page-header.page-header-background.page-header-background-sm,
#header.header-transparent-theme ~ .page-header.wrapper.page-header-background-sm,
#header.header-transparent-light ~ .page-header.page-header-background.page-header-background-sm,
#header.header-transparent-light ~ .page-header.wrapper.page-header-background-sm,
#header.header-semi-transparent ~ .page-header.page-header-background.page-header-background-sm,
#header.header-semi-transparent ~ .page-header.wrapper.page-header-background-sm,
#header.header-semi-transparent-dark ~ .page-header.page-header-background.page-header-background-sm,
#header.header-semi-transparent-dark ~ .page-header.wrapper.page-header-background-sm,
#header.header-semi-transparent-theme ~ .page-header.page-header-background.page-header-background-sm,
#header.header-semi-transparent-theme ~ .page-header.wrapper.page-header-background-sm,
#header.header-transparent ~ .wrapper.page-header-background.page-header-background-sm,
#header.header-transparent ~ .wrapper.wrapper.page-header-background-sm,
#header.header-transparent-dark ~ .wrapper.page-header-background.page-header-background-sm,
#header.header-transparent-dark ~ .wrapper.wrapper.page-header-background-sm,
#header.header-transparent-theme ~ .wrapper.page-header-background.page-header-background-sm,
#header.header-transparent-theme ~ .wrapper.wrapper.page-header-background-sm,
#header.header-transparent-light ~ .wrapper.page-header-background.page-header-background-sm,
#header.header-transparent-light ~ .wrapper.wrapper.page-header-background-sm,
#header.header-semi-transparent ~ .wrapper.page-header-background.page-header-background-sm,
#header.header-semi-transparent ~ .wrapper.wrapper.page-header-background-sm,
#header.header-semi-transparent-dark ~ .wrapper.page-header-background.page-header-background-sm,
#header.header-semi-transparent-dark ~ .wrapper.wrapper.page-header-background-sm,
#header.header-semi-transparent-theme ~ .wrapper.page-header-background.page-header-background-sm,
#header.header-semi-transparent-theme ~ .wrapper.wrapper.page-header-background-sm {
  padding-top: 120px;
}
#header.header-transparent ~ .page-header.page-header-background.page-header-background-md, #header.header-transparent ~ .page-header.wrapper.page-header-background-md,
#header.header-transparent-dark ~ .page-header.page-header-background.page-header-background-md,
#header.header-transparent-dark ~ .page-header.wrapper.page-header-background-md,
#header.header-transparent-theme ~ .page-header.page-header-background.page-header-background-md,
#header.header-transparent-theme ~ .page-header.wrapper.page-header-background-md,
#header.header-transparent-light ~ .page-header.page-header-background.page-header-background-md,
#header.header-transparent-light ~ .page-header.wrapper.page-header-background-md,
#header.header-semi-transparent ~ .page-header.page-header-background.page-header-background-md,
#header.header-semi-transparent ~ .page-header.wrapper.page-header-background-md,
#header.header-semi-transparent-dark ~ .page-header.page-header-background.page-header-background-md,
#header.header-semi-transparent-dark ~ .page-header.wrapper.page-header-background-md,
#header.header-semi-transparent-theme ~ .page-header.page-header-background.page-header-background-md,
#header.header-semi-transparent-theme ~ .page-header.wrapper.page-header-background-md,
#header.header-transparent ~ .wrapper.page-header-background.page-header-background-md,
#header.header-transparent ~ .wrapper.wrapper.page-header-background-md,
#header.header-transparent-dark ~ .wrapper.page-header-background.page-header-background-md,
#header.header-transparent-dark ~ .wrapper.wrapper.page-header-background-md,
#header.header-transparent-theme ~ .wrapper.page-header-background.page-header-background-md,
#header.header-transparent-theme ~ .wrapper.wrapper.page-header-background-md,
#header.header-transparent-light ~ .wrapper.page-header-background.page-header-background-md,
#header.header-transparent-light ~ .wrapper.wrapper.page-header-background-md,
#header.header-semi-transparent ~ .wrapper.page-header-background.page-header-background-md,
#header.header-semi-transparent ~ .wrapper.wrapper.page-header-background-md,
#header.header-semi-transparent-dark ~ .wrapper.page-header-background.page-header-background-md,
#header.header-semi-transparent-dark ~ .wrapper.wrapper.page-header-background-md,
#header.header-semi-transparent-theme ~ .wrapper.page-header-background.page-header-background-md,
#header.header-semi-transparent-theme ~ .wrapper.wrapper.page-header-background-md {
  padding-top: 180px;
}
#header.header-transparent ~ .page-header.page-header-background.page-header-background-lg, #header.header-transparent ~ .page-header.wrapper.page-header-background-lg,
#header.header-transparent-dark ~ .page-header.page-header-background.page-header-background-lg,
#header.header-transparent-dark ~ .page-header.wrapper.page-header-background-lg,
#header.header-transparent-theme ~ .page-header.page-header-background.page-header-background-lg,
#header.header-transparent-theme ~ .page-header.wrapper.page-header-background-lg,
#header.header-transparent-light ~ .page-header.page-header-background.page-header-background-lg,
#header.header-transparent-light ~ .page-header.wrapper.page-header-background-lg,
#header.header-semi-transparent ~ .page-header.page-header-background.page-header-background-lg,
#header.header-semi-transparent ~ .page-header.wrapper.page-header-background-lg,
#header.header-semi-transparent-dark ~ .page-header.page-header-background.page-header-background-lg,
#header.header-semi-transparent-dark ~ .page-header.wrapper.page-header-background-lg,
#header.header-semi-transparent-theme ~ .page-header.page-header-background.page-header-background-lg,
#header.header-semi-transparent-theme ~ .page-header.wrapper.page-header-background-lg,
#header.header-transparent ~ .wrapper.page-header-background.page-header-background-lg,
#header.header-transparent ~ .wrapper.wrapper.page-header-background-lg,
#header.header-transparent-dark ~ .wrapper.page-header-background.page-header-background-lg,
#header.header-transparent-dark ~ .wrapper.wrapper.page-header-background-lg,
#header.header-transparent-theme ~ .wrapper.page-header-background.page-header-background-lg,
#header.header-transparent-theme ~ .wrapper.wrapper.page-header-background-lg,
#header.header-transparent-light ~ .wrapper.page-header-background.page-header-background-lg,
#header.header-transparent-light ~ .wrapper.wrapper.page-header-background-lg,
#header.header-semi-transparent ~ .wrapper.page-header-background.page-header-background-lg,
#header.header-semi-transparent ~ .wrapper.wrapper.page-header-background-lg,
#header.header-semi-transparent-dark ~ .wrapper.page-header-background.page-header-background-lg,
#header.header-semi-transparent-dark ~ .wrapper.wrapper.page-header-background-lg,
#header.header-semi-transparent-theme ~ .wrapper.page-header-background.page-header-background-lg,
#header.header-semi-transparent-theme ~ .wrapper.wrapper.page-header-background-lg {
  padding-top: 240px;
}

[data-theme=dark] .page-header.page-header-color-light,
[data-theme=dark] .page-header.page-header-color-grey {
  background-color: var(--theme-bg-alt);
  color: var(--theme-text);
}
[data-theme=dark] .page-header.page-header-color-light .page-header-title,
[data-theme=dark] .page-header.page-header-color-light h1,
[data-theme=dark] .page-header.page-header-color-grey .page-header-title,
[data-theme=dark] .page-header.page-header-color-grey h1 {
  color: var(--theme-text);
}
[data-theme=dark] .page-header.page-header-classic {
  border-bottom-color: rgba(var(--theme-color-white-rgb), 0.12);
}
[data-theme=dark] .wrapper .page-header-title,
[data-theme=dark] .wrapper .title h1,
[data-theme=dark] .wrapper h1,
[data-theme=dark] .wrapper > .container > .row ul:not(.breadcrumb) li,
[data-theme=dark] .wrapper > .container > .row ul:not(.breadcrumb) li a,
[data-theme=dark] .page-header.wrapper .page-header-title,
[data-theme=dark] .page-header.wrapper .title h1,
[data-theme=dark] .page-header.wrapper h1,
[data-theme=dark] .page-header.wrapper > .container > .row ul:not(.breadcrumb) li,
[data-theme=dark] .page-header.wrapper > .container > .row ul:not(.breadcrumb) li a {
  color: #fff;
}

@media (max-width: 991.98px) {
  .page-header.page-header-background.page-header-background-lg,
  .wrapper,
  .page-header.wrapper {
    padding: 120px 0;
  }
  .page-header.page-header-background.page-header-background-md {
    padding: 100px 0;
  }
  .page-header.page-header-background-fixed {
    background-attachment: scroll;
  }
}
/*============================================================================================*/
/* 4.   FOOTER */
/*============================================================================================*/
footer {
  overflow: hidden;
}
footer.footer-dark {
  background: var(--theme-footer-background);
  color: var(--theme-color-white);
}
footer.footer-light {
  background: var(--theme-bg);
  color: var(--theme-text);
}
footer.footer-light a {
  color: var(--theme-text);
}
footer.footer-light a:hover {
  color: var(--theme-color-1);
}
footer.footer-light .footer-content,
footer.footer-light .footer-list .text,
footer.footer-light .footer-copyright {
  color: var(--theme-text-muted);
}
footer.footer-light .footer-bottom {
  border-top: 1px solid rgba(42, 42, 42, 0.08);
}
footer.footer-light .footer-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  margin-bottom: 4px;
  text-decoration: none;
  color: var(--theme-text);
}
footer.footer-light .footer-brand img {
  display: block;
  width: auto;
  max-height: 52px;
}
footer.footer-light .footer-brand:hover {
  color: var(--theme-text);
}
footer.footer-light .footer-brand__name {
  color: var(--theme-text);
  font-family: var(--theme-font-heading, serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  footer.footer-light .footer-brand__name {
    white-space: normal;
  }
}
footer.footer-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  pointer-events: auto;
}
@media (max-width: 991.98px) {
  footer.footer-fixed {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    z-index: 1;
  }
}
footer .footer-top {
  position: relative;
  display: block;
  padding: 120px 0 60px 0;
  z-index: 1;
}
footer .footer-box {
  margin-bottom: 10px;
}
footer .logo {
  margin-bottom: 20px;
}
footer .title {
  font-weight: bold;
  font-size: 20px !important;
  color: var(--theme-color-1);
  margin-bottom: 20px;
}
footer a {
  color: var(--theme-color-white);
  position: relative;
  line-height: 2;
}
footer a:hover {
  color: var(--theme-color-1);
}
footer .footer-content {
  text-align: justify;
  margin-bottom: 20px;
}
footer .footer-list {
  margin-bottom: 20px;
}
footer .footer-list.social-media a {
  background: transparent;
  color: var(--theme-color-white);
  border-color: var(--theme-color-1);
  border-radius: 50%;
  margin-right: 10px;
}
footer .footer-list.social-media a:hover {
  background-color: var(--theme-color-1);
}
footer .footer-list ul {
  padding: 0;
}
footer .footer-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .footer-list ul li .icon {
  width: 20px;
  text-align: left;
  margin-right: 20px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--theme-color-1);
}
footer .footer-menu {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
footer .footer-menu.footer-horizantal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 8px;
}
footer .footer-menu.footer-horizantal li {
  margin-right: 30px;
}
footer .footer-menu.footer-horizantal li:last-child {
  margin-right: 0;
}
footer .footer-menu li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
footer .footer-menu li a {
  padding-left: 20px;
}
footer .footer-menu li a::before {
  position: absolute;
  top: 45%;
  left: 0;
  bottom: 0;
  width: 7px;
  height: 7px;
  content: "";
  background-color: var(--theme-color-1);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
footer .footer-bottom {
  position: relative;
  display: block;
  padding: 30px 0;
  border: none;
  font-size: 14px;
  border-top: 2px solid rgba(255, 255, 255, 0.05);
}
footer .footer-bottom .footer-copyright {
  line-height: 1.5;
}
footer .footer-bottom .footer-menu li a {
  padding-left: 10px;
}
footer .footer-bottom .footer-menu li a::before {
  top: 50%;
  width: 4px;
  height: 4px;
  content: "";
}
@media (max-width: 991.98px) {
  footer .footer-bottom {
    padding-right: 70px;
    padding-bottom: 24px;
  }
  footer .footer-bottom .footer-menu.footer-horizantal li {
    margin-right: 16px;
  }
  footer .footer-bottom .footer-copyright {
    margin-top: 4px;
  }
}

/*============================================================================================*/
/* 5.   SECTIONS */
/*============================================================================================*/
.section,
.global {
  position: relative;
  padding: var(--space-12) 0;
  background-color: var(--theme-bg);
  color: var(--theme-text);
  overflow-x: hidden;
}
.section > .container,
.section > .container-fluid,
.global > .container,
.global > .container-fluid {
  position: relative;
  z-index: 1;
}
.section.section-height-1,
.global.section-height-1 {
  padding: var(--space-4) 0;
}
.section.section-height-2,
.global.section-height-2 {
  padding: var(--space-7) 0;
}
.section.section-height-3,
.global.section-height-3 {
  padding: var(--space-9) 0;
}
.section.section-height-4,
.global.section-height-4 {
  padding: var(--space-11) 0;
}
.section.section-height-5,
.global.section-height-5 {
  padding: var(--space-12) 0;
}
.section.section-no-background, .section.section-transparent,
.global.section-no-background,
.global.section-transparent {
  background: transparent;
  background-color: transparent;
}
.section.section-center,
.global.section-center {
  text-align: center;
}
.section.section-overflow-visible,
.global.section-overflow-visible {
  overflow: visible;
  overflow-x: visible;
}
.section.section-no-padding,
.global.section-no-padding {
  padding: 0;
}
.section.section-no-padding-top,
.global.section-no-padding-top {
  padding-top: 0;
}
.section.section-no-padding-bottom,
.global.section-no-padding-bottom {
  padding-bottom: 0;
}
.section.section-text-light,
.global.section-text-light {
  color: var(--theme-color-white);
}
.section.section-text-light .title,
.section.section-text-light .title .fw-bold,
.section.section-text-light h1, .section.section-text-light h2, .section.section-text-light h3, .section.section-text-light h4, .section.section-text-light h5, .section.section-text-light h6,
.global.section-text-light .title,
.global.section-text-light .title .fw-bold,
.global.section-text-light h1,
.global.section-text-light h2,
.global.section-text-light h3,
.global.section-text-light h4,
.global.section-text-light h5,
.global.section-text-light h6 {
  color: var(--theme-color-white);
}
.section.section-text-light .mini-desc,
.section.section-text-light p,
.global.section-text-light .mini-desc,
.global.section-text-light p {
  color: rgba(var(--theme-color-white-rgb), 0.72);
}
.section .title,
.global .title {
  font-size: 30px;
}
.section .title .mini-desc,
.global .title .mini-desc {
  font-size: var(--bs-body-font-size);
  color: var(--theme-text-muted);
}
.section.section-light, .section.global-light,
.global.section-light,
.global.global-light {
  background: var(--theme-bg-alt);
  background-color: var(--theme-bg-alt);
}
.section.section-dark, .section.global-dark,
.global.section-dark,
.global.global-dark {
  background: #080602;
  color: #fff;
}
.section.section-gradient, .section.global-gradient,
.global.section-gradient,
.global.global-gradient {
  background: linear-gradient(var(--theme-global-gradient-deg, var(--theme-section-gradient-deg, 180deg)), var(--theme-global-gradient-background-1, var(--theme-section-gradient-background-1, var(--theme-bg))), var(--theme-global-gradient-background-2, var(--theme-section-gradient-background-2, var(--theme-bg-alt))));
}
.section.section-overlay.section-overlay-img, .section.section-overlay.global-overlay-img, .section.global-overlay.section-overlay-img, .section.global-overlay.global-overlay-img,
.global.section-overlay.section-overlay-img,
.global.section-overlay.global-overlay-img,
.global.global-overlay.section-overlay-img,
.global.global-overlay.global-overlay-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.section.section-overlay > div, .section.global-overlay > div,
.global.section-overlay > div,
.global.global-overlay > div {
  position: relative;
  z-index: 2;
}
.section.section-overlay::before, .section.global-overlay::before,
.global.section-overlay::before,
.global.global-overlay::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: 0.1;
}
.section.bg-pattern-dots::after, .section.bg-pattern-dots-soft::after, .section.bg-pattern-lines::after, .section.bg-pattern-lines-dark::after, .section.bg-pattern-grid::after, .section.bg-pattern-diag::after, .section.bg-pattern-guides::after,
.global.bg-pattern-dots::after,
.global.bg-pattern-dots-soft::after,
.global.bg-pattern-lines::after,
.global.bg-pattern-lines-dark::after,
.global.bg-pattern-grid::after,
.global.bg-pattern-diag::after,
.global.bg-pattern-guides::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.section.bg-pattern-dots > .container, .section.bg-pattern-dots > .container-fluid, .section.bg-pattern-dots-soft > .container, .section.bg-pattern-dots-soft > .container-fluid, .section.bg-pattern-lines > .container, .section.bg-pattern-lines > .container-fluid, .section.bg-pattern-lines-dark > .container, .section.bg-pattern-lines-dark > .container-fluid, .section.bg-pattern-grid > .container, .section.bg-pattern-grid > .container-fluid, .section.bg-pattern-diag > .container, .section.bg-pattern-diag > .container-fluid, .section.bg-pattern-guides > .container, .section.bg-pattern-guides > .container-fluid,
.global.bg-pattern-dots > .container,
.global.bg-pattern-dots > .container-fluid,
.global.bg-pattern-dots-soft > .container,
.global.bg-pattern-dots-soft > .container-fluid,
.global.bg-pattern-lines > .container,
.global.bg-pattern-lines > .container-fluid,
.global.bg-pattern-lines-dark > .container,
.global.bg-pattern-lines-dark > .container-fluid,
.global.bg-pattern-grid > .container,
.global.bg-pattern-grid > .container-fluid,
.global.bg-pattern-diag > .container,
.global.bg-pattern-diag > .container-fluid,
.global.bg-pattern-guides > .container,
.global.bg-pattern-guides > .container-fluid {
  position: relative;
  z-index: 1;
}
.section.bg-pattern-dots,
.global.bg-pattern-dots {
  background-color: #121212;
  color: #fff;
}
.section.bg-pattern-dots::after,
.global.bg-pattern-dots::after {
  background-image: radial-gradient(rgba(255, 255, 255, 0.16) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity: 0.85;
}
.section.bg-pattern-dots .title .fw-bold,
.section.bg-pattern-dots .title,
.global.bg-pattern-dots .title .fw-bold,
.global.bg-pattern-dots .title {
  color: #fff;
}
.section.bg-pattern-dots .mini-desc,
.global.bg-pattern-dots .mini-desc {
  color: rgba(255, 255, 255, 0.72) !important;
}
.section.bg-pattern-dots-soft::after,
.global.bg-pattern-dots-soft::after {
  background-image: radial-gradient(rgba(8, 6, 2, 0.1) 1px, transparent 1px);
  background-size: 20px 20px;
}
.section.bg-pattern-lines::after,
.global.bg-pattern-lines::after {
  background-image: repeating-linear-gradient(0deg, transparent, transparent 11px, rgba(8, 6, 2, 0.045) 11px, rgba(8, 6, 2, 0.045) 12px);
}
.section.bg-pattern-lines-dark,
.global.bg-pattern-lines-dark {
  background-color: #0e0c0a;
  color: #fff;
}
.section.bg-pattern-lines-dark::after,
.global.bg-pattern-lines-dark::after {
  background-image: repeating-linear-gradient(0deg, transparent, transparent 11px, rgba(255, 255, 255, 0.06) 11px, rgba(255, 255, 255, 0.06) 12px);
}
.section.bg-pattern-lines-dark .title .fw-bold,
.section.bg-pattern-lines-dark .title,
.global.bg-pattern-lines-dark .title .fw-bold,
.global.bg-pattern-lines-dark .title {
  color: #fff;
}
.section.bg-pattern-lines-dark .mini-desc,
.global.bg-pattern-lines-dark .mini-desc {
  color: rgba(255, 255, 255, 0.72) !important;
}
.section.bg-pattern-grid::after,
.global.bg-pattern-grid::after {
  background-image: linear-gradient(rgba(8, 6, 2, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 6, 2, 0.05) 1px, transparent 1px);
  background-size: 36px 36px;
}
.section.bg-pattern-diag::after,
.global.bg-pattern-diag::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, rgba(8, 6, 2, 0.04) 7px, rgba(8, 6, 2, 0.04) 8px);
}
.section.bg-pattern-guides::after,
.global.bg-pattern-guides::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 6, 2, 0.035)), to(rgba(8, 6, 2, 0.035))), -webkit-gradient(linear, left top, left bottom, from(rgba(8, 6, 2, 0.035)), to(rgba(8, 6, 2, 0.035)));
  background-image: linear-gradient(rgba(8, 6, 2, 0.035), rgba(8, 6, 2, 0.035)), linear-gradient(rgba(8, 6, 2, 0.035), rgba(8, 6, 2, 0.035));
  background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;
  background-position: 20% 0, 40% 0, 60% 0, 80% 0;
  background-repeat: no-repeat;
}
.section.section-panel-box,
.global.section-panel-box {
  background-color: var(--theme-bg-alt, #f7f8f9);
}
.section.section-panel-box > .container,
.global.section-panel-box > .container {
  position: relative;
  z-index: 1;
  background-color: var(--theme-surface, #fff);
  border-radius: 28px;
  padding: 40px;
}
@media (max-width: 767.98px) {
  .section.section-panel-box > .container,
  .global.section-panel-box > .container {
    width: auto;
    max-width: none;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
    border-radius: 22px;
  }
}
.section.section-panel-box.bg-pattern-dots-soft, .section.section-panel-box.bg-pattern-grid, .section.section-panel-box.bg-pattern-diag, .section.section-panel-box.bg-pattern-guides, .section.section-panel-box.bg-pattern-lines,
.global.section-panel-box.bg-pattern-dots-soft,
.global.section-panel-box.bg-pattern-grid,
.global.section-panel-box.bg-pattern-diag,
.global.section-panel-box.bg-pattern-guides,
.global.section-panel-box.bg-pattern-lines {
  background-color: var(--theme-bg-alt, #f7f8f9);
}
.section.section-dark.bg-pattern-dots-soft::after,
.global.section-dark.bg-pattern-dots-soft::after {
  background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 20px 20px;
}
.section.section-dark.bg-pattern-grid::after,
.global.section-dark.bg-pattern-grid::after {
  background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 36px 36px;
}
.section.section-dark.bg-pattern-diag::after,
.global.section-dark.bg-pattern-diag::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, rgba(255, 255, 255, 0.05) 7px, rgba(255, 255, 255, 0.05) 8px);
}
.section.section-dark.bg-pattern-dots,
.global.section-dark.bg-pattern-dots {
  background-color: #121212;
}
.section.section-dark.bg-pattern-dots::after,
.global.section-dark.bg-pattern-dots::after {
  background-image: radial-gradient(rgba(255, 255, 255, 0.16) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity: 0.85;
}
.section.section-dark.bg-pattern-guides::after,
.global.section-dark.bg-pattern-guides::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.045)), to(rgba(255, 255, 255, 0.045))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.045)), to(rgba(255, 255, 255, 0.045)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.045)), linear-gradient(rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.045));
}

[data-theme=dark] .section.bg-pattern-dots-soft,
[data-theme=dark] .global.bg-pattern-dots-soft {
  background-color: #121212;
  color: #fff;
}
[data-theme=dark] .section.bg-pattern-dots-soft::after,
[data-theme=dark] .global.bg-pattern-dots-soft::after {
  background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 20px 20px;
}
[data-theme=dark] .section.bg-pattern-dots-soft .title .fw-bold,
[data-theme=dark] .section.bg-pattern-dots-soft .title,
[data-theme=dark] .global.bg-pattern-dots-soft .title .fw-bold,
[data-theme=dark] .global.bg-pattern-dots-soft .title {
  color: #fff;
}
[data-theme=dark] .section.bg-pattern-dots-soft .mini-desc,
[data-theme=dark] .global.bg-pattern-dots-soft .mini-desc {
  color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme=dark] .section.bg-pattern-grid,
[data-theme=dark] .global.bg-pattern-grid {
  background-color: #121212;
  color: #fff;
}
[data-theme=dark] .section.bg-pattern-grid::after,
[data-theme=dark] .global.bg-pattern-grid::after {
  background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 36px 36px;
}
[data-theme=dark] .section.bg-pattern-grid .title .fw-bold,
[data-theme=dark] .section.bg-pattern-grid .title,
[data-theme=dark] .global.bg-pattern-grid .title .fw-bold,
[data-theme=dark] .global.bg-pattern-grid .title {
  color: #fff;
}
[data-theme=dark] .section.bg-pattern-grid .mini-desc,
[data-theme=dark] .global.bg-pattern-grid .mini-desc {
  color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme=dark] .section.bg-pattern-lines,
[data-theme=dark] .global.bg-pattern-lines {
  background-color: #121212;
  color: #fff;
}
[data-theme=dark] .section.bg-pattern-lines::after,
[data-theme=dark] .global.bg-pattern-lines::after {
  background-image: repeating-linear-gradient(0deg, transparent, transparent 11px, rgba(255, 255, 255, 0.06) 11px, rgba(255, 255, 255, 0.06) 12px);
}
[data-theme=dark] .section.bg-pattern-lines .title .fw-bold,
[data-theme=dark] .section.bg-pattern-lines .title,
[data-theme=dark] .global.bg-pattern-lines .title .fw-bold,
[data-theme=dark] .global.bg-pattern-lines .title {
  color: #fff;
}
[data-theme=dark] .section.bg-pattern-lines .mini-desc,
[data-theme=dark] .global.bg-pattern-lines .mini-desc {
  color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme=dark] .section.bg-pattern-diag,
[data-theme=dark] .global.bg-pattern-diag {
  background-color: #121212;
  color: #fff;
}
[data-theme=dark] .section.bg-pattern-diag::after,
[data-theme=dark] .global.bg-pattern-diag::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, rgba(255, 255, 255, 0.05) 7px, rgba(255, 255, 255, 0.05) 8px);
}
[data-theme=dark] .section.bg-pattern-diag .title .fw-bold,
[data-theme=dark] .section.bg-pattern-diag .title,
[data-theme=dark] .global.bg-pattern-diag .title .fw-bold,
[data-theme=dark] .global.bg-pattern-diag .title {
  color: #fff;
}
[data-theme=dark] .section.bg-pattern-diag .mini-desc,
[data-theme=dark] .global.bg-pattern-diag .mini-desc {
  color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme=dark] .section.bg-pattern-guides,
[data-theme=dark] .global.bg-pattern-guides {
  background-color: #121212;
  color: #fff;
}
[data-theme=dark] .section.bg-pattern-guides::after,
[data-theme=dark] .global.bg-pattern-guides::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.045)), to(rgba(255, 255, 255, 0.045))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.045)), to(rgba(255, 255, 255, 0.045)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.045)), linear-gradient(rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.045));
  background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;
  background-position: 20% 0, 40% 0, 60% 0, 80% 0;
  background-repeat: no-repeat;
}
[data-theme=dark] .section.bg-pattern-guides .title .fw-bold,
[data-theme=dark] .section.bg-pattern-guides .title,
[data-theme=dark] .global.bg-pattern-guides .title .fw-bold,
[data-theme=dark] .global.bg-pattern-guides .title {
  color: #fff;
}
[data-theme=dark] .section.bg-pattern-guides .mini-desc,
[data-theme=dark] .global.bg-pattern-guides .mini-desc {
  color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme=dark] .section.section-panel-box,
[data-theme=dark] .global.section-panel-box {
  background-color: #121212;
  color: #fff;
}
[data-theme=dark] .section.section-panel-box > .container,
[data-theme=dark] .global.section-panel-box > .container {
  background-color: #1c1a18;
  color: #fff;
}
[data-theme=dark] .section.section-panel-box .title .fw-bold,
[data-theme=dark] .section.section-panel-box .title,
[data-theme=dark] .global.section-panel-box .title .fw-bold,
[data-theme=dark] .global.section-panel-box .title {
  color: #fff;
}
[data-theme=dark] .section.section-panel-box .mini-desc,
[data-theme=dark] .global.section-panel-box .mini-desc {
  color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme=dark] .section.section-panel-box.bg-pattern-dots-soft, [data-theme=dark] .section.section-panel-box.bg-pattern-grid, [data-theme=dark] .section.section-panel-box.bg-pattern-diag, [data-theme=dark] .section.section-panel-box.bg-pattern-guides, [data-theme=dark] .section.section-panel-box.bg-pattern-lines,
[data-theme=dark] .global.section-panel-box.bg-pattern-dots-soft,
[data-theme=dark] .global.section-panel-box.bg-pattern-grid,
[data-theme=dark] .global.section-panel-box.bg-pattern-diag,
[data-theme=dark] .global.section-panel-box.bg-pattern-guides,
[data-theme=dark] .global.section-panel-box.bg-pattern-lines {
  background-color: #121212;
}
[data-theme=dark] .section.section-panel-box.bg-pattern-dots-soft > .container, [data-theme=dark] .section.section-panel-box.bg-pattern-grid > .container, [data-theme=dark] .section.section-panel-box.bg-pattern-diag > .container, [data-theme=dark] .section.section-panel-box.bg-pattern-guides > .container, [data-theme=dark] .section.section-panel-box.bg-pattern-lines > .container,
[data-theme=dark] .global.section-panel-box.bg-pattern-dots-soft > .container,
[data-theme=dark] .global.section-panel-box.bg-pattern-grid > .container,
[data-theme=dark] .global.section-panel-box.bg-pattern-diag > .container,
[data-theme=dark] .global.section-panel-box.bg-pattern-guides > .container,
[data-theme=dark] .global.section-panel-box.bg-pattern-lines > .container {
  background-color: #1c1a18;
  color: #fff;
}
[data-theme=dark] .section.section-panel-box.bg-pattern-dots-soft .title .fw-bold,
[data-theme=dark] .section.section-panel-box.bg-pattern-dots-soft .title, [data-theme=dark] .section.section-panel-box.bg-pattern-grid .title .fw-bold,
[data-theme=dark] .section.section-panel-box.bg-pattern-grid .title, [data-theme=dark] .section.section-panel-box.bg-pattern-diag .title .fw-bold,
[data-theme=dark] .section.section-panel-box.bg-pattern-diag .title, [data-theme=dark] .section.section-panel-box.bg-pattern-guides .title .fw-bold,
[data-theme=dark] .section.section-panel-box.bg-pattern-guides .title, [data-theme=dark] .section.section-panel-box.bg-pattern-lines .title .fw-bold,
[data-theme=dark] .section.section-panel-box.bg-pattern-lines .title,
[data-theme=dark] .global.section-panel-box.bg-pattern-dots-soft .title .fw-bold,
[data-theme=dark] .global.section-panel-box.bg-pattern-dots-soft .title,
[data-theme=dark] .global.section-panel-box.bg-pattern-grid .title .fw-bold,
[data-theme=dark] .global.section-panel-box.bg-pattern-grid .title,
[data-theme=dark] .global.section-panel-box.bg-pattern-diag .title .fw-bold,
[data-theme=dark] .global.section-panel-box.bg-pattern-diag .title,
[data-theme=dark] .global.section-panel-box.bg-pattern-guides .title .fw-bold,
[data-theme=dark] .global.section-panel-box.bg-pattern-guides .title,
[data-theme=dark] .global.section-panel-box.bg-pattern-lines .title .fw-bold,
[data-theme=dark] .global.section-panel-box.bg-pattern-lines .title {
  color: #fff;
}
[data-theme=dark] .section.section-panel-box.bg-pattern-dots-soft .mini-desc, [data-theme=dark] .section.section-panel-box.bg-pattern-grid .mini-desc, [data-theme=dark] .section.section-panel-box.bg-pattern-diag .mini-desc, [data-theme=dark] .section.section-panel-box.bg-pattern-guides .mini-desc, [data-theme=dark] .section.section-panel-box.bg-pattern-lines .mini-desc,
[data-theme=dark] .global.section-panel-box.bg-pattern-dots-soft .mini-desc,
[data-theme=dark] .global.section-panel-box.bg-pattern-grid .mini-desc,
[data-theme=dark] .global.section-panel-box.bg-pattern-diag .mini-desc,
[data-theme=dark] .global.section-panel-box.bg-pattern-guides .mini-desc,
[data-theme=dark] .global.section-panel-box.bg-pattern-lines .mini-desc {
  color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme=dark] .section.section-panel-box.bg-pattern-dots-soft::after,
[data-theme=dark] .global.section-panel-box.bg-pattern-dots-soft::after {
  background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 20px 20px;
}
[data-theme=dark] .section.section-panel-box.bg-pattern-grid::after,
[data-theme=dark] .global.section-panel-box.bg-pattern-grid::after {
  background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 36px 36px;
}
[data-theme=dark] .section.section-panel-box.bg-pattern-lines::after,
[data-theme=dark] .global.section-panel-box.bg-pattern-lines::after {
  background-image: repeating-linear-gradient(0deg, transparent, transparent 11px, rgba(255, 255, 255, 0.06) 11px, rgba(255, 255, 255, 0.06) 12px);
}
[data-theme=dark] .section.section-panel-box.bg-pattern-diag::after,
[data-theme=dark] .global.section-panel-box.bg-pattern-diag::after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, rgba(255, 255, 255, 0.05) 7px, rgba(255, 255, 255, 0.05) 8px);
}
[data-theme=dark] .section.section-panel-box.bg-pattern-guides::after,
[data-theme=dark] .global.section-panel-box.bg-pattern-guides::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.045)), to(rgba(255, 255, 255, 0.045))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.045)), to(rgba(255, 255, 255, 0.045)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.045)), linear-gradient(rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.045));
  background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;
  background-position: 20% 0, 40% 0, 60% 0, 80% 0;
  background-repeat: no-repeat;
}

@media (max-width: 991.98px) {
  .section,
  .global {
    overflow-x: hidden;
  }
}
html:has(body.home-resume) {
  overflow-x: clip;
  scroll-padding-top: 96px;
}

body.home-resume {
  overflow-x: clip;
  background-color: var(--theme-bg);
}
body.home-resume [data-aos=fade-up] {
  -webkit-transform: translate3d(0, 28px, 0);
          transform: translate3d(0, 28px, 0);
}
body.home-resume [data-aos=fade-right] {
  -webkit-transform: translate3d(-28px, 0, 0);
          transform: translate3d(-28px, 0, 0);
}
body.home-resume [data-aos].aos-animate {
  -webkit-transform: none;
          transform: none;
}
body.home-resume #header {
  z-index: 1100;
}
body.home-resume .resume-anchor {
  display: block;
  height: 0;
  overflow: hidden;
}
body.home-resume #header.header-transparent-theme:not(.visible) .navbar .nav-item .nav-link,
body.home-resume #header.header-transparent-theme:not(.visible) .navbar-toggler {
  color: var(--theme-text);
}
body.home-resume #header.header-transparent-theme:not(.visible) .navbar-toggler span {
  background-color: var(--theme-text);
}
body.home-resume .section {
  padding-top: 96px;
  padding-bottom: 96px;
}
body.home-resume .navbar-nav .nav-link.active {
  color: var(--theme-color-1);
}
body.home-resume .resume-strip + .resume-about {
  padding-top: 56px;
}
body.home-resume .resume-randevu {
  border-bottom: 0;
}
body.home-resume .resume-experience {
  border-top: 1px solid var(--theme-form-border);
}
body.home-resume .section + .section {
  -webkit-box-shadow: inset 0 1px 0 var(--theme-form-border);
          box-shadow: inset 0 1px 0 var(--theme-form-border);
}
body.home-resume .resume-randevu + .resume-experience {
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.home-resume .resume-expertise.portfolio .portfolio-list {
  margin-left: 0;
  margin-right: 0;
}
body.home-resume .resume-expertise.portfolio .portfolio-list > [class*=col-] {
  margin-bottom: 0;
}

.resume-kicker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: var(--theme-color-1);
  font-family: var(--theme-font-nav, var(--theme-font-1));
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.resume-kicker::before {
  width: 28px;
  height: 2px;
  background: currentColor;
  content: "";
}

.resume-lead {
  max-width: 640px;
  margin: 12px 0 0;
  color: var(--theme-text-muted);
  font-size: 17px;
  line-height: 1.75;
}

.resume-hero {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 90vh;
  padding: 140px 0 80px;
  overflow: hidden;
  background-color: var(--theme-bg);
  color: var(--theme-text);
}
.resume-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.resume-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 78% center;
     object-position: 78% center;
}
.resume-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--theme-bg);
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(38%, #000), color-stop(78%, transparent));
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 38%, transparent 78%);
  mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(38%, #000), color-stop(78%, transparent));
  mask-image: linear-gradient(90deg, #000 0%, #000 38%, transparent 78%);
}
.resume-hero__content {
  position: relative;
  z-index: 1;
  width: 100%;
}
.resume-hero h1 {
  margin: 0 0 24px;
  color: var(--theme-text);
  font-size: 56px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.6px;
}
.resume-hero p {
  max-width: 560px;
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 18px;
  line-height: 1.7;
}
.resume-hero__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-top: 40px;
}
@media (max-width: 1199.98px) {
  .resume-hero h1 {
    font-size: 48px;
  }
}
@media (max-width: 991.98px) {
  .resume-hero {
    padding: 120px 0 64px;
  }
  .resume-hero h1 {
    font-size: 40px;
  }
  .resume-hero p {
    font-size: 17px;
  }
  .resume-hero__media img {
    -o-object-position: 70% center;
       object-position: 70% center;
  }
  .resume-hero__media::after {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(48%, #000), color-stop(92%, transparent));
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 48%, transparent 92%);
    mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(48%, #000), color-stop(92%, transparent));
    mask-image: linear-gradient(90deg, #000 0%, #000 48%, transparent 92%);
  }
}
@media (max-width: 767.98px) {
  .resume-hero {
    padding: 108px 0 56px;
  }
  .resume-hero h1 {
    font-size: 32px;
  }
  .resume-hero p {
    font-size: 16px;
  }
}

.resume-trust {
  background-color: var(--theme-surface, #fff);
  border-bottom: 1px solid var(--theme-form-border);
}
.resume-trust__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px;
  padding: 56px 0;
}
.resume-trust__rule {
  display: block;
  width: 32px;
  height: 2px;
  margin-bottom: 16px;
  background: var(--theme-color-1);
}
.resume-trust article h3 {
  margin: 0 0 8px;
  color: var(--theme-text);
  font-size: 21px;
  font-weight: 600;
  line-height: 1.35;
}
.resume-trust article p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 15px;
  line-height: 1.6;
}
@media (max-width: 991.98px) {
  .resume-trust__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    padding: 44px 0;
  }
}
@media (max-width: 575.98px) {
  .resume-trust__grid {
    grid-template-columns: 1fr;
  }
}

.resume-strip {
  padding: 56px 0 32px;
  background-color: var(--theme-bg);
}
.resume-strip__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
  min-height: 0;
  padding: 20px 10px 12px;
  color: var(--theme-text);
  text-align: center;
  text-decoration: none;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.resume-strip__cell:hover, .resume-strip__cell:focus-visible {
  color: var(--theme-color-1);
  -webkit-transform: none;
          transform: none;
}
.resume-strip__cell:focus-visible {
  outline: 1px solid var(--theme-color-1);
  outline-offset: 6px;
}
.resume-strip__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  color: var(--theme-color-1);
  font-size: 28px;
  line-height: 1;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.resume-strip__icon::after {
  width: 28px;
  height: 1px;
  background: currentColor;
  content: "";
}
.resume-strip__label {
  max-width: 13em;
  color: var(--theme-text);
  font-family: var(--theme-font-nav, var(--theme-font-1));
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.resume-strip__cell:hover .resume-strip__label, .resume-strip__cell:focus-visible .resume-strip__label {
  color: var(--theme-color-1);
}
@media (max-width: 991.98px) {
  .resume-strip {
    padding: 40px 0 16px;
  }
  .resume-strip__cell {
    padding: 16px 8px;
  }
}
@media (max-width: 575.98px) {
  .resume-strip {
    padding: 32px 0 8px;
  }
  .resume-strip__icon {
    font-size: 22px;
  }
  .resume-strip__label {
    letter-spacing: 1.6px;
  }
}

.resume-portrait {
  position: sticky;
  top: 108px;
  margin: 0;
  overflow: hidden;
  background: var(--theme-surface);
}
.resume-portrait img {
  display: block;
  width: 100%;
  height: 720px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
@media (max-width: 991.98px) {
  .resume-portrait {
    position: static;
  }
  .resume-portrait img {
    height: 520px;
  }
}
@media (max-width: 767.98px) {
  .resume-portrait img {
    height: 420px;
  }
}

.resume-frames {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 56px;
}
.resume-frames figure {
  margin: 0;
  overflow: hidden;
  background: var(--theme-surface);
}
.resume-frames img {
  display: block;
  width: 100%;
  height: 480px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991.98px) {
  .resume-frames img {
    height: 360px;
  }
}
@media (max-width: 767.98px) {
  .resume-frames {
    grid-template-columns: 1fr;
    margin-top: 36px;
  }
  .resume-frames img {
    height: 280px;
  }
}

.resume-about h2 {
  margin: 0 0 28px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}
.resume-about p {
  margin: 0 0 20px;
  color: var(--theme-text-muted);
  font-size: 17px;
  line-height: 1.75;
  text-align: justify;
}
.resume-about .theme-btn {
  margin-top: 12px;
}
@media (max-width: 767.98px) {
  .resume-about h2 {
    font-size: 30px;
  }
  .resume-about p {
    font-size: 16px;
  }
}

.resume-experience h2 {
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .resume-experience h2 {
    font-size: 30px;
  }
}

.resume-affiliations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 40px;
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid var(--theme-form-border);
}
.resume-affiliations span {
  color: var(--theme-text-muted);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.resume-expertise h2 {
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}
.resume-expertise .featured-box {
  margin-bottom: 0;
  padding: 32px 26px;
}
@media (max-width: 767.98px) {
  .resume-expertise h2 {
    font-size: 30px;
  }
}

.resume-scope {
  margin: 14px 0 0;
  color: var(--theme-color-1);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.resume-scope a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.resume-scope a:hover,
.resume-scope a:focus {
  color: inherit;
  text-decoration: underline;
}

.resume-publications h2 {
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}
.resume-publications .nav-tabs {
  border-bottom-color: var(--theme-form-border);
}
.resume-publications .nav-tabs .nav-link {
  color: var(--theme-text);
  font-size: 15px;
  font-weight: 600;
  border-radius: 0;
}
.resume-publications .nav-tabs .nav-link.active {
  color: var(--theme-color-1);
  border-color: var(--theme-form-border) var(--theme-form-border) var(--theme-bg);
}
@media (max-width: 767.98px) {
  .resume-publications h2 {
    font-size: 30px;
  }
}

.resume-pub-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--theme-form-border);
}
.resume-pub-list > li {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 44px;
  gap: 8px 24px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 22px 0;
  margin-bottom: 0;
  border-bottom: 1px solid var(--theme-form-border);
}
.resume-pub-list__year {
  color: var(--theme-color-1);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}
.resume-pub-list__body {
  min-width: 0;
}
.resume-pub-list__body strong {
  display: block;
  margin-bottom: 4px;
  color: var(--theme-text);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.resume-pub-list__body span {
  display: block;
  color: var(--theme-text-muted);
  font-size: 14px;
  font-style: italic;
  line-height: 1.6;
}
.resume-pub-list__pdf {
  justify-self: end;
  color: var(--theme-color-1);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-decoration: none;
  text-transform: uppercase;
}
.resume-pub-list__pdf:hover {
  color: var(--theme-color-1);
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .resume-pub-list > li {
    grid-template-columns: 56px minmax(0, 1fr);
  }
  .resume-pub-list__pdf {
    grid-column: 2;
    justify-self: start;
  }
}

.resume-cue {
  padding: 44px 0;
  background-color: var(--theme-color-2, #2a2a2a);
  color: #fff;
}
.resume-cue__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px 32px;
}
.resume-cue h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
}
.resume-cue p {
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 17px;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .resume-cue {
    padding: 36px 0;
  }
  .resume-cue h2 {
    font-size: 28px;
  }
}

.resume-contact img {
  display: block;
  width: 100%;
  height: 640px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991.98px) {
  .resume-contact img {
    height: 420px;
  }
}
@media (max-width: 767.98px) {
  .resume-contact img {
    height: 320px;
  }
}

.resume-featured-pub {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
  background: var(--theme-surface);
  border: 1px solid var(--theme-form-border);
}
.resume-featured-pub img {
  display: block;
  width: 100%;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
}
.resume-featured-pub span {
  display: inline-block;
  margin: 18px 22px 0;
  color: var(--theme-color-1);
  font-family: var(--theme-font-nav, var(--theme-font-1));
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.resume-featured-pub h3 {
  margin: 10px 22px 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.resume-featured-pub p {
  margin: 0 22px 22px;
  color: var(--theme-text-muted);
  font-size: 14px;
  font-style: italic;
}
.resume-featured-pub:hover {
  color: inherit;
  border-color: var(--theme-color-1);
}

.resume-pub-list__body a {
  color: inherit;
  text-decoration: none;
}
.resume-pub-list__body a:hover {
  color: var(--theme-color-1);
  text-decoration: underline;
}

@media (min-width: 1024px) {
  body.home-resume #header .header-row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 12px;
  }
  body.home-resume #header .header-col:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -ms-flex-positive: 0;
        flex-grow: 0;
  }
  body.home-resume #header .header-col.justify-content-end {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-width: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  body.home-resume #header .logo {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  body.home-resume #header .navbar {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
    width: auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  body.home-resume #header .navbar-collapse {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    min-width: 0;
  }
  body.home-resume #header .navbar-nav {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  body.home-resume #header .nav-item .nav-link {
    white-space: nowrap;
  }
  body.home-resume #header .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  body.home-resume #header .header-row {
    position: relative;
  }
  body.home-resume #header .header-col.justify-content-end {
    position: static;
  }
  body.home-resume #header .navbar-toggler {
    display: block;
    color: var(--theme-text);
  }
  body.home-resume #header .navbar-toggler span {
    background-color: var(--theme-text);
  }
  body.home-resume #header .navbar.menu-responsive-type-1 {
    position: absolute;
    width: 100%;
    top: calc(100% + 10px);
    left: 0;
    z-index: 1000;
    border-radius: 0;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
  }
  body.home-resume #header .navbar.menu-responsive-type-1 .navbar-collapse {
    background-color: var(--theme-surface);
    padding: 10px;
  }
  body.home-resume #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item {
    border-bottom: 1px solid var(--theme-form-border);
  }
  body.home-resume #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item:last-child {
    border-bottom: none !important;
  }
  body.home-resume #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item .nav-link {
    position: relative;
    display: block;
    color: var(--theme-text) !important;
    white-space: normal;
  }
  body.home-resume #header .navbar.menu-responsive-type-1 .navbar-collapse .nav-item:hover .nav-link {
    background-color: var(--theme-bg-alt);
  }
  body.home-resume #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse {
    background-color: #111111;
  }
  body.home-resume #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item {
    border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  }
  body.home-resume #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item .nav-link {
    color: var(--theme-color-white) !important;
  }
  body.home-resume #header .navbar.menu-responsive-type-1.menu-responsive-dark .navbar-collapse .nav-item:hover .nav-link {
    background-color: rgba(var(--theme-color-white-rgb), 0.1);
    color: var(--theme-color-white) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  body.home-resume #header .navbar-expand-lg .navbar-collapse:not(.show) {
    display: none !important;
  }
  body.home-resume #header .navbar-expand-lg .navbar-collapse.show {
    display: block !important;
  }
  body.home-resume #header .navbar-toggler {
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: none;
            transform: none;
    margin-left: 12px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
body.home-resume .site-brand {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-decoration: none;
}
body.home-resume .site-brand img {
  display: block;
  width: auto;
  max-height: 52px;
}
body.home-resume .site-brand__name {
  color: var(--theme-text);
  font-family: var(--theme-font-heading, serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0;
  white-space: nowrap;
}
body.home-resume #header.header-transparent-theme:not(.visible) .site-brand__name {
  color: var(--theme-text);
}
body.home-resume #header.header-transparent-theme.visible {
  background-color: var(--theme-bg);
  -webkit-box-shadow: 0 1px 0 rgba(42, 42, 42, 0.06);
          box-shadow: 0 1px 0 rgba(42, 42, 42, 0.06);
}
body.home-resume #header.header-transparent-theme.visible .logo img {
  -webkit-filter: none;
          filter: none;
}
body.home-resume #header.header-transparent-theme.visible .site-brand__name,
body.home-resume #header.header-transparent-theme.visible .navbar .nav-item .nav-link,
body.home-resume #header.header-transparent-theme.visible .navbar-toggler {
  color: var(--theme-text);
}
body.home-resume #header.header-transparent-theme.visible .navbar-toggler span {
  background-color: var(--theme-text);
}
body.home-resume #header.header-transparent-theme.visible .header-cta.theme-btn.type-1 {
  border-color: var(--theme-color-1-dark);
  color: #fff;
  background-color: var(--theme-color-1-dark);
}
body.home-resume .header-cta {
  display: none;
  margin-left: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
body.home-resume .header-cta-mobile {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 16px 0 8px 20px;
}
@media (min-width: 1024px) {
  body.home-resume .header-cta {
    display: inline-block;
  }
  body.home-resume .header-cta-mobile {
    display: none;
  }
}
body.home-resume .navbar .nav-item .nav-link {
  font-family: var(--theme-font-nav, var(--theme-font-1));
  font-weight: 500;
}
body.home-resume .navbar .dropdown-menu {
  margin-top: 0;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background-color: var(--theme-bg);
  -webkit-box-shadow: 0 12px 32px rgba(42, 42, 42, 0.1);
          box-shadow: 0 12px 32px rgba(42, 42, 42, 0.1);
}
body.home-resume .navbar .dropdown-item {
  font-size: 13px;
  font-weight: 500;
  color: var(--theme-text);
  padding: 8px 20px;
}
body.home-resume .navbar .dropdown-item:hover,
body.home-resume .navbar .dropdown-item:focus {
  color: var(--theme-text);
  background-color: var(--theme-bg-alt, #ececec);
}
@media (min-width: 1024px) and (max-width: 1399.98px) {
  body.home-resume #header .container-fluid {
    padding-left: 32px;
    padding-right: 32px;
  }
  body.home-resume #header .nav-item .nav-link {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
    min-height: 56px;
  }
  body.home-resume #header .header-cta {
    margin-left: 10px;
    padding: 8px 16px;
    font-size: 13px;
  }
  body.home-resume #header .site-brand__name {
    font-size: 15px;
  }
}
@media (max-width: 991.98px) {
  body.home-resume #header .header-col:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
  }
  body.home-resume #header .header-col.justify-content-end {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 0;
    min-height: 30px;
  }
  body.home-resume #header .navbar-toggler {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-left: 0;
    z-index: 1001;
  }
  body.home-resume #header .site-brand__name {
    font-size: 14px;
  }
  body.home-resume #header .site-brand img {
    max-height: 46px;
  }
}
@media (max-width: 575.98px) {
  body.home-resume #header .site-brand__name {
    max-width: calc(100vw - 132px);
    font-size: 12px;
    line-height: 1.2;
    white-space: normal;
  }
  body.home-resume #header .site-brand img {
    max-height: 40px;
  }
}

.resume-randevu {
  overflow-x: clip;
  background-color: var(--theme-bg-alt);
}
.resume-randevu h2 {
  margin: 0 0 24px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}
.resume-randevu__grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 40px 80px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.resume-randevu__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.resume-randevu__lead {
  margin: 0 0 36px;
  color: var(--theme-text-muted);
  font-size: 17px;
  line-height: 1.75;
}
.resume-randevu__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
.resume-randevu__meta-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.resume-randevu__meta-row i {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  margin-top: 4px;
  color: var(--theme-color-1);
  font-size: 16px;
  text-align: center;
}
.resume-randevu__meta-row a {
  color: var(--theme-text);
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}
.resume-randevu__meta-row a:hover {
  color: var(--theme-color-1);
}
.resume-randevu__meta-row p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 15px;
  line-height: 1.6;
}
.resume-randevu__photo {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 220px;
  margin: 36px 0 0;
  overflow: hidden;
  border-radius: 2px;
}
.resume-randevu__photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.resume-randevu__widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 0;
  padding: 28px 32px;
  background-color: var(--theme-surface);
  border-radius: 2px;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}
.resume-randevu__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.resume-randevu__form-intro {
  margin: 0 0 24px;
  color: var(--theme-text);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.resume-randevu__hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.resume-randevu__fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 16px;
  margin-bottom: 24px;
}
.resume-randevu__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.resume-randevu__field label {
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 600;
}
.resume-randevu__submit {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.resume-randevu__submit:disabled {
  opacity: 0.7;
  cursor: wait;
}
.resume-randevu__status {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.6;
}
.resume-randevu__status.is-success {
  color: var(--theme-text);
}
.resume-randevu__status.is-error {
  color: #8a2a2a;
}
@media (max-width: 991.98px) {
  .resume-randevu h2 {
    font-size: 30px;
  }
  .resume-randevu__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .resume-randevu__widget {
    padding: 24px 20px;
  }
  .resume-randevu__fields {
    grid-template-columns: 1fr;
  }
}

.resume-block-title {
  margin: 0 0 24px;
  color: var(--theme-text);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

.resume-dermatolog h2 {
  margin: 0 0 20px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}
.resume-dermatolog__lead {
  max-width: 720px;
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 18px;
  line-height: 1.75;
}
@media (max-width: 767.98px) {
  .resume-dermatolog h2 {
    font-size: 30px;
  }
  .resume-dermatolog__lead {
    font-size: 16px;
  }
}

.resume-academic .resume-block-title {
  margin-top: 48px;
}
.resume-academic .resume-block-title:first-child {
  margin-top: 0;
}
.resume-academic h2 {
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .resume-academic h2 {
    font-size: 30px;
  }
}

.resume-award-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.resume-award-grid article {
  padding: 28px 24px;
  background: var(--theme-surface);
  border: 1px solid var(--theme-form-border);
}
.resume-award-grid span {
  display: block;
  margin-bottom: 10px;
  color: var(--theme-color-1);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.resume-award-grid h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}
.resume-award-grid p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 15px;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .resume-award-grid {
    grid-template-columns: 1fr;
  }
}

.resume-thesis {
  margin-top: 20px;
  padding: 28px 24px;
  background: var(--theme-surface);
  border: 1px solid var(--theme-form-border);
}
.resume-thesis span {
  display: block;
  margin-bottom: 10px;
  color: var(--theme-color-1);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.resume-thesis h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}
.resume-thesis p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 15px;
  line-height: 1.7;
}

.resume-member-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.resume-member-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px 16px;
  padding: 16px 0;
  margin: 0;
  border-bottom: 1px solid var(--theme-form-border);
  color: var(--theme-text);
  font-size: 16px;
  line-height: 1.5;
}
.resume-member-list span {
  color: var(--theme-text-muted);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .resume-member-list {
    grid-template-columns: 1fr;
  }
}

.resume-courses h2 {
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .resume-courses h2 {
    font-size: 30px;
  }
}

.resume-pub-tabs {
  margin-bottom: 8px;
}
.resume-pub-tabs .nav-link {
  color: var(--theme-text);
  font-size: 14px;
  font-weight: 600;
}
.resume-pub-tabs .nav-link.active {
  color: #fff;
  background-color: var(--theme-color-1);
}

.resume-pub-note {
  margin: 0 0 28px;
  color: var(--theme-text-muted);
  font-size: 14px;
}

body.page-inner .page-header.page-header-background {
  --page-header-bg: url("../images/pinar/hero.webp");
  --page-header-overlay: rgba(8, 6, 2, 0.20);
  margin-bottom: 0;
}
body.page-inner .page-header.page-header-background .resume-kicker {
  max-width: 100%;
  color: var(--theme-color-1);
  line-height: 1.5;
  white-space: normal;
}
body.page-inner .page-header.page-header-background .page-header-title {
  max-width: 20em;
}
body.page-inner .page-header.page-header-background .page-header-subtitle {
  max-width: 36em;
  color: rgba(var(--theme-color-white-rgb), 0.82);
}
body.page-inner #header.header-transparent-theme:not(.visible) .navbar .nav-item .nav-link,
body.page-inner #header.header-transparent-theme:not(.visible) .navbar-toggler,
body.page-inner #header.header-transparent-theme:not(.visible) .site-brand__name {
  color: var(--theme-color-white);
}
body.page-inner #header.header-transparent-theme:not(.visible) .navbar-toggler span {
  background-color: var(--theme-color-white);
}
body.page-inner #header.header-transparent-theme:not(.visible) .logo img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
body.page-inner #header.header-transparent-theme:not(.visible) .navbar-nav .nav-link.active {
  color: var(--theme-color-white);
}
body.page-inner .navbar-nav .nav-link.active {
  color: var(--theme-color-1);
}
body.page-inner .resume-about .col-lg-7 > .resume-kicker,
body.page-inner .resume-about .col-lg-7 > h2,
body.page-inner .resume-academic > .container > .row.mar-b-40,
body.page-inner .resume-expertise > .container > .row.mar-b-40,
body.page-inner .resume-publications > .container > .row.mar-b-40 {
  display: none;
}
body.page-inner .resume-about,
body.page-inner .resume-academic,
body.page-inner .resume-expertise,
body.page-inner .resume-publications,
body.page-inner .resume-randevu,
body.page-inner .resume-dermatolog,
body.page-inner .resume-article {
  padding-top: 56px;
}
body.page-inner .resume-experience {
  padding-top: 72px;
}
@media (max-width: 767.98px) {
  body.page-inner .page-header.page-header-background .page-header-title {
    font-size: 28px;
  }
}

.resume-blog-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: var(--theme-surface, var(--theme-bg));
  border: 1px solid var(--theme-form-border, rgba(0, 0, 0, 0.08));
}
.resume-blog-card__media {
  display: block;
  overflow: hidden;
}
.resume-blog-card__media img {
  display: block;
  width: 100%;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
}
.resume-blog-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
}
.resume-blog-card__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
  color: var(--theme-color-1);
  font-family: var(--theme-font-nav, var(--theme-font-1));
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.resume-blog-card__title {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
}
.resume-blog-card__title a {
  color: var(--theme-text);
}
.resume-blog-card__title a:hover, .resume-blog-card__title a:focus-visible {
  color: var(--theme-color-1);
}
.resume-blog-card__excerpt {
  margin: 0 0 24px;
  color: var(--theme-text-muted);
  font-size: 16px;
  line-height: 1.7;
}
.resume-blog-card .theme-btn {
  margin-top: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.resume-article__hero {
  margin: 0 0 28px;
}
.resume-article__hero img {
  display: block;
  width: 100%;
  height: auto;
}
.resume-article__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 28px;
  color: var(--theme-text-muted);
  font-size: 14px;
}
.resume-article__content {
  color: var(--theme-text);
  font-size: 17px;
  line-height: 1.8;
}
.resume-article__content h2 {
  margin: 40px 0 20px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}
.resume-article__content .resume-article__title {
  margin: 0 0 20px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}
.resume-article__content h3 {
  margin: 32px 0 12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
.resume-article__content p {
  margin: 0 0 18px;
}
.resume-article__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid var(--theme-form-border, rgba(0, 0, 0, 0.08));
}

.footer-legal {
  font-size: 13px;
  line-height: 1.65;
  color: var(--theme-text-muted);
}
.footer-legal p {
  margin: 0;
}
.footer-legal a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

[data-theme=dark] body.home-resume .resume-trust {
  background-color: var(--theme-surface);
  border-bottom-color: rgba(var(--theme-color-white-rgb), 0.12);
}
[data-theme=dark] body.home-resume .resume-publications .nav-tabs .nav-link.active {
  border-bottom-color: var(--theme-bg);
}
[data-theme=dark] body.home-resume .resume-cue {
  background-color: var(--theme-surface);
  border-top: 1px solid rgba(var(--theme-color-white-rgb), 0.12);
  border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.12);
}
[data-theme=dark] body.home-resume .resume-randevu {
  background-color: var(--theme-surface);
}