/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./app/main.scss ***!
  \**********************************************************************************************************************************************************************************************************/
/**/
html, body {
  font-family: "avenir", sans-serif;
}

h1:focus {
  outline: none;
}

a, .btn-link {
  color: #0693e3;
  color: var(--vivid-cyan-blue);
}

.btn-primary {
  color: #ffffff;
  color: var(--white);
  background-color: var(--grun);
  border-color: var(--dunkelturkis);
}

.content {
  padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid var(--vivid-green-cyan);
}

.invalid {
  outline: 1px solid #cf2e2e;
  outline: 1px solid var(--vivid-red);
}

.validation-message {
  color: #cf2e2e;
  color: var(--vivid-red);
}

#blazor-error-ui {
  background: #A12767;
  line-height: 120px;
  color: #E0FD2C;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui a {
  color: #E0FD2C;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
  text-decoration: none;
}

.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #cf2e2e;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, var(--vivid-red, red);
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

:root {
  --rz-text-font-family: "avenir", sans-serif;
  --rz-white: var(--white);
  --rz-black: var(--black);
  --rz-base-50: var(--white);
  --rz-base-100: var(--white);
  --rz-base-200: var(--white-smoke);
  --rz-base-300: var(--silver);
  --rz-base-400: var(--silver);
  --rz-base-500: var(--grey-dark);
  --rz-base-600: var(--grey-dark);
  --rz-base-700: var(--grey-dark);
  --rz-base-800: var(--black);
  --rz-base-900: var(--black);
  --rz-border-normal: var(--base-border-width) var(--alto) solid;
  --rz-border-radius: var(--base-border-radius);
  /* TYPO */
  --rz-text-color: var(--black);
  --rz-text-h2-font-weight: var(--font-weight-black);
  --rz-text-h2-font-size: var(--font-size-lg);
  --rz-text-h2-letter-spacing: normal;
  --rz-text-h3-font-size: var(--font-size-lg);
  --rz-text-h3-font-weight: var(--font-weight-black);
  --rz-text-h3-margin-bottom: 1rem;
  --rz-text-h4-font-size: var(--font-size-xl);
  --rz-text-h4-font-weight: var(--font-weight-black);
  --rz-text-title-color: var(--black);
  --rz-text-subtitle1-font-size: var(--font-size-base);
  --rz-text-subtitle1-font-weight: var(--font-weight-bold);
  --rz-text-subtitle2-font-size: var(--font-size-sm);
  /*--rz-body-line-height: 1.333;*/
  --rz-body-font-size: var(--font-size-base);
  --rz-text-body1-margin-bottom: 0;
  --rz-text-body1-letter-spacing: normal;
  --rz-text-body1-font-size: var(--font-size-base);
  --rz-text-body1-line-height: var(--rz-body-line-height);
  --rz-text-body2-font-size: var(--font-size-md);
  --rz-icon-size: var(--font-size-xl);
  --rz-text-caption-font-size: var(--font-size-xxs);
  --rz-text-overline-font-size: var(--font-size-xxs);
  --rz-text-overline-letter-spacing: normal;
  /* COLORS */
  --rz-primary: var(--tc-blau);
  --rz-primary-light: var(--tc-blau-light);
  --rz-primary-lighter: var(--tc-blau-lighter);
  --rz-primary-dark: var(--tc-blau-dark);
  --rz-primary-darker: var(--tc-blau-darker);
  --rz-secondary: var(--tc-gelb);
  --rz-secondary-light: var(--tc-gelb-light);
  --rz-secondary-lighter: var(--tc-gelb-ligher);
  --rz-on-secondary-lighter: var(--white);
  --rz-secondary-dark: var(--tc-gelb-dark);
  --rz-secondary-darker: var(--tc-gelb-darker);
  --rz-info: var(--tc-rot);
  --rz-info-light: var(--tc-rot-light);
  --rz-info-lighter: var(--tc-rot-lighter);
  --rz-info-dark: var(--tc-rot-dark);
  --rz-info-darker: var(--tc-rot-darker);
  --rz-success: var(--tc-blau);
  --rz-success-light: var(--tc-blau-light);
  --rz-success-lighter: var(--tc-blau-lighter);
  --rz-success-dark: var(--tc-blau-dark);
  --rz-success-darker: var(--tc-blau-darker);
  --rz-warning: var(--orange);
  --rz-warning-light: var(--gelb);
  --rz-warning-lighter: var(--luminous-vivid-orange);
  --rz-warning-dark: var(--orange);
  --rz-warning-darker: var(--luminous-vivid-orange);
  --rz-danger: var(--vivid-red);
  --rz-danger-light: var(--luminous-vivid-orange);
  --rz-danger-lighter: var(--luminous-vivid-amber);
  --rz-danger-dark: var(--vivid-red);
  --rz-danger-darker: var(--wine-red);
  --rz-series-1: var(--vivid-red);
  --rz-series-2: var(--wine-red);
  --rz-series-3: var(--luminous-vivid-orange);
  --rz-series-4: var(--luminous-vivid-amber);
  --rz-series-5: var(--gelb);
  --rz-series-6: var(--green-dark);
  --rz-series-7: var(--green-light);
  --rz-series-8: var(--pale-cyan-blue);
  /* COMPONENTS */
  --rz-card-heading-margin-bottom: 1.5rem;
  --rz-card-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.2);
  --rz-dropdown-trigger-icon-margin: 0 1.25rem 0 0;
  --rz-link-hover-color: var(--text-color);
  --rz-paginator-button-border-radius: var(--base-border-radius);
  --rz-paginator-numeric-button-selected-padding: 1.5rem;
  --rz-paginator-numeric-button-color: var(--rz-primary);
  --rz-paginator-back-button-color: var(--rz-primary);
  --rz-paginator-next-button-color: var(--rz-primary);
  --rz-button-disabled-opacity: 1;
  /* Dialog */
  --rz-dialog-title-font-weight: var(--font-weight-bold);
  --rz-dialog-title-font-size: var(--font-size-xl);
  /* TODO: warum wird das nicht gesetzt? */
  --rz-layout-body-padding: 36px 30px;
  /* PANEL */
  --rz-sidebar-width: 300px;
  --rz-panel-menu-item-padding: 1.25rem;
  --rz-datepicker-calendar-font-size: var(--font-size-xxs);
  --rz-datepicker-title-height: 6rem;
  /* NOTIFICATIONS */
  --rz-notification-container-background-color: transparent;
  --rz-notification-error-color: var(--white);
  --rz-notification-error-background-color: var(--rz-danger);
  --rz-notification-error-icon-color: var(--white);
  --rz-notification-success-color: var(--white);
  --rz-notification-success-background-color: var(--rz-success);
  --rz-notification-success-icon-color: var(--white);
  --rz-notification-warning-color: var(--white);
  --rz-notification-warning-background-color: var(--rz-warning);
  --rz-notification-warning-icon-color: var(--white);
  --rz-notification-info-color: var(--white);
  --rz-notification-info-background-color: var(--rz-info);
  --rz-notification-info-icon-color: var(--white);
  /* PANEL MENU */
  --rz-panel-menu-color: var(--white);
  --rz-panel-menu-icon-color: var(--white);
  --rz-panel-menu-hover-background-color: transparent;
  --rz-panel-menu-font-size: var(--rz-text-body1-font-size);
  --rz-panel-menu-background-color: transparent;
  /* PANEL MENU ITEM */
  --rz-panel-menu-item-border: 0;
  --rz-panel-menu-item-line-height: var(--base-line-height);
  --rz-panel-menu-item-background-color: transparent;
  --rz-panel-menu-item-active-color: var(--black);
  --rz-panel-menu-item-active-background-color: transparent;
  --rz-panel-menu-item-1st-level-margin: 0;
  --rz-panel-menu-item-2nd-level-margin: 0;
  --rz-panel-menu-item-2nd-level-padding: var(--rz-panel-menu-item-padding);
  --rz-panel-menu-item-2nd-level-offset: 4.65rem;
  --rz-panel-menu-item-2nd-level-color: inherit;
  --rz-panel-menu-item-2nd-level-active-color: inherit;
  --rz-panel-menu-item-2nd-level-font-size: var(--rz-text-body1-font-size);
  --rz-panel-menu-icon-2nd-level-margin: var(--rz-panel-menu-icon-margin);
  --rz-panel-menu-icon-2nd-level-icon-size: var(--rz-icon-size);
  /* SIDEBAR */
  --rz-sidebar-border-right: none;
  --rz-sidebar-toggle-icon-width: var(--rz-icon-size);
  --rz-sidebar-toggle-icon-height: var(--rz-icon-size);
  --rz-sidebar-toggle-margin: 0;
  --rz-sidebar-toggle-padding: 10px;
  --rz-sidebar-toggle-hover-color: var(--rz-black);
  --rz-sidebar-toggle-hover-background-color: var(--white);
  /* AVATAR */
  --rz-gravatar-width: 36px;
  --rz-gravatar-height: 36px;
  /* FOOTER */
  --rz-footer-padding: 0;
  --rz-footer-background-color: transparent;
  /* GRID */
  --rz-grid-header-title-padding-inline: 7.5px 0;
  /*--rz-icon-size: 1.5em;*/
}

.rz-datepicker-prev,
.rz-datepicker-next {
  margin-top: 1rem;
}

.rz-card {
  height: 100%;
}

.rz-message {
  position: static !important;
}

.rz-header .rz-navigation-item {
  background-color: transparent;
}

/* File Upload */
/* TODO Mizuki */
.rz-fileupload-choose {
  line-height: 45px !important;
  height: 60px !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.rz-fileupload-choose {
  text-align: center;
  border-radius: 0;
}

:root {
  --black: #0d0e0e;
  --grey-dark: #878787;
  --grey: #8F8F8F;
  --grey-light: #939393;
  --silver-dark: #B8B8B8;
  --silver: #c9c9c9;
  --silver-light: #CDD0D1;
  --alto: #d4d4d4;
  --mercury: #e5e5e5;
  --white-smoke: #F1F1F1;
  --white: #ffffff;
  --tc-blau-lighter: #24c4f9;
  --tc-blau-light: #0596C7;
  --tc-blau: #035772;
  --tc-blau-dark: #023c50;
  --tc-blau-darker: #011e28;
  --tc-gelb-lighter: #eefe86;
  --tc-gelb-light: #e8fd5d;
  --tc-gelb: #E0FD2C;
  --tc-gelb-darker: #ddfd0d;
  --tc-gelb-dark: #c1de02;
  --tc-rot-lighter: #d34a91;
  --tc-rot-light: #c5307d;
  --tc-rot: #A12767;
  --tc-rot-dark: #832053;
  --tc-rot-darker: #63183e;
  --vivid-red: #cf2e2e;
  --wine-red: #ac2051;
  --luminous-vivid-orange: #ff6900;
  --luminous-vivid-amber: #fcb900;
  --gelb: #f6dc53;
  --orange: #fea500;
  --dunkelblau: #4682b4;
  --vivid-cyan-blue: #0693e3;
  --pale-cyan-blue: #8ed1fc;
  --hellblau: #b6ddec;
  --grid-gap-x: 10px;
  --grid-gap-y: 10px;
  --grid-gap: var(--grid-gap-y) var(--grid-gap-x);
  --grid-gutter-width: 25px 25px;
  --transition-duration: .25s;
  --transition-function: ease;
  --font-size-xxs: 0.6rem;
  --font-size-xs: 0.7rem;
  --font-size-sm: 0.8rem;
  --font-size-base: 1rem;
  --font-size-md: 1.2rem;
  --font-size-lg: 1.4rem;
  --font-size-xl: 1.6rem;
  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --link-decoration: underline;
}
@media (min-width: 768px) {
  :root {
    --grid-gap-x: 25px;
    --grid-gap-y: 25px;
  }
}
@media (min-width: 768px) {
  :root {
    --font-size-xxs: 0.6rem;
    --font-size-xs: 0.7rem;
    --font-size-sm: 0.8rem;
    --font-size-base: 1rem;
    --font-size-md: 1.2rem;
    --font-size-lg: 1.4rem;
    --font-size-xl: 1.6rem;
  }
}

:root {
  --base-bg: var(--white);
  --base-color: var(--black);
  --base-font-size: var(--font-size-base);
  --base-font-family: "avenir", sans-serif;
  --base-font-weight: var(--font-weight-normal);
  --base-line-height: 1.2;
  --base-opacity-disabled: 0.6;
  --base-border-width: 1px;
  --base-border-radius: 4px;
  --border-radius-sm: 2px;
  --border-radius-md: 4px;
  --border-radius-lg: 8px;
  --rz-on-secondary: --rz-primary;
  --link-color: var(--green-dark);
  --link-color-active: var(--green-darker);
  --grid-gutter-y: 20px;
  --body-padding-x: 30px;
  --body-padding-y: 36px;
  --card-padding-x: 15px;
  --card-padding-y: 25px;
  --rz-card-border-radius: calc(2 * var(--base-border-radius));
  --rz-card-padding: var(--card-padding-y) var(--card-padding-x);
  --hr-margin: 1.5rem 0 1rem;
  --report-trackings-color: #b6ddec;
  --report-playouts-color: #cdb5d3;
  --report-contacts-color: #4682b4;
  --report-viewers-color: #fea500;
  --rz-badge-font-size: 1.25rem;
  --rz-badge-padding: 0.5rem 0.5rem;
  --rz-badge-font-weight: bold;
  --rz-badge-border-radius: calc(2 * var(--base-border-radius));
  --loading-graph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27%3E%3Crect fill=%27%230693e3%27 width=%273%27 height=%27100%27 transform=%27translate%280%29 rotate%28180 3 50%29%27%3E%3Canimate attributeName=%27height%27 attributeType=%27XML%27 dur=%271s%27 values=%2730; 100; 30%27 repeatCount=%27indefinite%27%3E%3C/animate%3E%3C/rect%3E%3Crect x=%2717%27 fill=%27%230693e3%27 width=%273%27 height=%27100%27 transform=%27translate%280%29 rotate%28180 20 50%29%27%3E%3Canimate attributeName=%27height%27 attributeType=%27XML%27 dur=%271s%27 values=%2730; 100; 30%27 repeatCount=%27indefinite%27 begin=%270.1s%27%3E%3C/animate%3E%3C/rect%3E%3Crect x=%2740%27 fill=%27%230693e3%27 width=%273%27 height=%27100%27 transform=%27translate%280%29 rotate%28180 40 50%29%27%3E%3Canimate attributeName=%27height%27 attributeType=%27XML%27 dur=%271s%27 values=%2730; 100; 30%27 repeatCount=%27indefinite%27 begin=%270.3s%27%3E%3C/animate%3E%3C/rect%3E%3Crect x=%2760%27 fill=%27%230693e3%27 width=%273%27 height=%27100%27 transform=%27translate%280%29 rotate%28180 58 50%29%27%3E%3Canimate attributeName=%27height%27 attributeType=%27XML%27 dur=%271s%27 values=%2730; 100; 30%27 repeatCount=%27indefinite%27 begin=%270.5s%27%3E%3C/animate%3E%3C/rect%3E%3Crect x=%2780%27 fill=%27%230693e3%27 width=%273%27 height=%27100%27 transform=%27translate%280%29 rotate%28180 76 50%29%27%3E%3Canimate attributeName=%27height%27 attributeType=%27XML%27 dur=%271s%27 values=%2730; 100; 30%27 repeatCount=%27indefinite%27 begin=%270.1s%27%3E%3C/animate%3E%3C/rect%3E%3C/svg%3E");
  --loading-circle: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27%3E%3Cpath fill=%27%230693e3%27 d=%27M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50%27%3E%3CanimateTransform attributeName=%27transform%27 attributeType=%27XML%27 type=%27rotate%27 dur=%271s%27 from=%270 50 50%27 to=%27360 50 50%27 repeatCount=%27indefinite%27%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E");
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  min-height: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  text-align: left;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  min-height: 100%;
  font-family: "avenir", sans-serif;
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-size: var(--base-font-size, 1.6rem);
  font-weight: 400;
  font-weight: var(--base-font-weight, inherit);
  line-height: 1.2;
  line-height: var(--base-line-height, inherit);
  color: #0d0e0e;
  color: var(--text-color, var(--base-color, black));
  background: #ffffff;
  background: var(--base-bg, white);
}

hr {
  margin: 1.5rem 0 1rem;
  margin: var(--hr-margin, 1rem 0);
  color: inherit;
  border: 0;
  border-top: 1px solid currentColor;
  border-top: 1px solid var(--hr-color, currentColor);
  border-bottom-width: 0;
  opacity: 1;
  opacity: var(--hr-opacity, 1);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  margin-bottom: var(--headings-margin-bottom, var(--paragraph-margin-bottom, 0.5rem));
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
}

p {
  margin-top: 0;
  margin-bottom: 0.5rem;
  margin-bottom: var(--paragraph-margin-bottom, 0.5rem);
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted currentColor;
          text-decoration: underline dotted currentColor;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

mark {
  padding: 0;
  background-color: #ffff00;
}

sub,
sup {
  position: relative;
  font-size: 80%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--green-dark);
  color: var(--link-color);
  text-decoration: underline;
  -webkit-text-decoration: var(--link-decoration);
          text-decoration: var(--link-decoration);
  transition: color .25s ease;
  transition: color var(--transition-duration, .3s) var(--transition-function, ease);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: inherit;
  font-size: inherit;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: inherit;
  color: inherit;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: inherit;
  color: inherit;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: inerhit;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding: 0.25rem 0;
  padding: var(--table-caption-padding, 0.25rem 0);
  text-align: left;
}

th {
  font-weight: bold;
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0.5rem;
  margin-bottom: var(--label-margin-bottom, var(--paragraph-margin-bottom, 0.5rem));
}

button {
  border-radius: 0;
}

button:focus:not(.focus-visible) {
  outline: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 1rem;
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-grow-shrink-on {
  flex: 1 1 auto;
}

.flex-grow-shrink-off {
  flex: 0 0 auto;
}

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

.flex-off {
  flex: 0 0 auto !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .flex-grow-shrink-sm-on {
    flex: 1 1 auto;
  }
  .flex-grow-shrink-sm-off {
    flex: 0 0 auto;
  }
  .flex-sm-on {
    flex: 1 !important;
  }
  .flex-sm-off {
    flex: 0 0 auto !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .flex-grow-shrink-md-on {
    flex: 1 1 auto;
  }
  .flex-grow-shrink-md-off {
    flex: 0 0 auto;
  }
  .flex-md-on {
    flex: 1 !important;
  }
  .flex-md-off {
    flex: 0 0 auto !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .flex-grow-shrink-lg-on {
    flex: 1 1 auto;
  }
  .flex-grow-shrink-lg-off {
    flex: 0 0 auto;
  }
  .flex-lg-on {
    flex: 1 !important;
  }
  .flex-lg-off {
    flex: 0 0 auto !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .flex-grow-shrink-xl-on {
    flex: 1 1 auto;
  }
  .flex-grow-shrink-xl-off {
    flex: 0 0 auto;
  }
  .flex-xl-on {
    flex: 1 !important;
  }
  .flex-xl-off {
    flex: 0 0 auto !important;
  }
}
@media (min-width: 1400px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .flex-grow-shrink-xxl-on {
    flex: 1 1 auto;
  }
  .flex-grow-shrink-xxl-off {
    flex: 0 0 auto;
  }
  .flex-xxl-on {
    flex: 1 !important;
  }
  .flex-xxl-off {
    flex: 0 0 auto !important;
  }
}
.row {
  --gutter-x: var(--grid-gutter-width);
  --gutter-y: var(--grid-gutter-height, 0);
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--gutter-x) * 0.5);
  padding-left: calc(var(--gutter-x) * 0.5);
  margin-top: var(--gutter-y);
}
.row.no-gutters {
  --gutter-x: 0;
}

.grid {
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-template-rows: repeat(var(--grid-rows, 1), 1fr);
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
  gap: 10px 10px;
  grid-gap: 10px 10px;
  grid-gap: var(--grid-gap);
  gap: var(--grid-gap);
}
.grid .g-col-1 {
  grid-column: auto/span 1;
}
.grid .g-col-2 {
  grid-column: auto/span 2;
}
.grid .g-col-3 {
  grid-column: auto/span 3;
}
.grid .g-col-4 {
  grid-column: auto/span 4;
}
.grid .g-col-5 {
  grid-column: auto/span 5;
}
.grid .g-col-6 {
  grid-column: auto/span 6;
}
.grid .g-col-7 {
  grid-column: auto/span 7;
}
.grid .g-col-8 {
  grid-column: auto/span 8;
}
.grid .g-col-9 {
  grid-column: auto/span 9;
}
.grid .g-col-10 {
  grid-column: auto/span 10;
}
.grid .g-col-11 {
  grid-column: auto/span 11;
}
.grid .g-col-12 {
  grid-column: auto/span 12;
}
.grid .g-start-1 {
  grid-column-start: 1;
}
.grid .g-start-2 {
  grid-column-start: 2;
}
.grid .g-start-3 {
  grid-column-start: 3;
}
.grid .g-start-4 {
  grid-column-start: 4;
}
.grid .g-start-5 {
  grid-column-start: 5;
}
.grid .g-start-6 {
  grid-column-start: 6;
}
.grid .g-start-7 {
  grid-column-start: 7;
}
.grid .g-start-8 {
  grid-column-start: 8;
}
.grid .g-start-9 {
  grid-column-start: 9;
}
.grid .g-start-10 {
  grid-column-start: 10;
}
.grid .g-start-11 {
  grid-column-start: 11;
}
@media (min-width: 576px) {
  .grid .g-col-sm-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-sm-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-sm-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-sm-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-sm-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-sm-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-sm-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-sm-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-sm-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-sm-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-sm-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-sm-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-sm-1 {
    grid-column-start: 1;
  }
  .grid .g-start-sm-2 {
    grid-column-start: 2;
  }
  .grid .g-start-sm-3 {
    grid-column-start: 3;
  }
  .grid .g-start-sm-4 {
    grid-column-start: 4;
  }
  .grid .g-start-sm-5 {
    grid-column-start: 5;
  }
  .grid .g-start-sm-6 {
    grid-column-start: 6;
  }
  .grid .g-start-sm-7 {
    grid-column-start: 7;
  }
  .grid .g-start-sm-8 {
    grid-column-start: 8;
  }
  .grid .g-start-sm-9 {
    grid-column-start: 9;
  }
  .grid .g-start-sm-10 {
    grid-column-start: 10;
  }
  .grid .g-start-sm-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 768px) {
  .grid .g-col-md-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-md-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-md-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-md-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-md-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-md-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-md-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-md-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-md-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-md-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-md-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-md-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-md-1 {
    grid-column-start: 1;
  }
  .grid .g-start-md-2 {
    grid-column-start: 2;
  }
  .grid .g-start-md-3 {
    grid-column-start: 3;
  }
  .grid .g-start-md-4 {
    grid-column-start: 4;
  }
  .grid .g-start-md-5 {
    grid-column-start: 5;
  }
  .grid .g-start-md-6 {
    grid-column-start: 6;
  }
  .grid .g-start-md-7 {
    grid-column-start: 7;
  }
  .grid .g-start-md-8 {
    grid-column-start: 8;
  }
  .grid .g-start-md-9 {
    grid-column-start: 9;
  }
  .grid .g-start-md-10 {
    grid-column-start: 10;
  }
  .grid .g-start-md-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 992px) {
  .grid .g-col-lg-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-lg-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-lg-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-lg-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-lg-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-lg-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-lg-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-lg-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-lg-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-lg-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-lg-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-lg-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-lg-1 {
    grid-column-start: 1;
  }
  .grid .g-start-lg-2 {
    grid-column-start: 2;
  }
  .grid .g-start-lg-3 {
    grid-column-start: 3;
  }
  .grid .g-start-lg-4 {
    grid-column-start: 4;
  }
  .grid .g-start-lg-5 {
    grid-column-start: 5;
  }
  .grid .g-start-lg-6 {
    grid-column-start: 6;
  }
  .grid .g-start-lg-7 {
    grid-column-start: 7;
  }
  .grid .g-start-lg-8 {
    grid-column-start: 8;
  }
  .grid .g-start-lg-9 {
    grid-column-start: 9;
  }
  .grid .g-start-lg-10 {
    grid-column-start: 10;
  }
  .grid .g-start-lg-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1200px) {
  .grid .g-col-xl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xl-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1400px) {
  .grid .g-col-xxl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xxl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xxl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xxl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xxl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xxl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xxl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xxl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xxl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xxl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xxl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xxl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xxl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xxl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xxl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xxl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xxl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xxl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xxl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xxl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xxl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xxl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xxl-11 {
    grid-column-start: 11;
  }
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-l-negativ-1 {
  margin-left: -8.3333333333%;
}

.offset-r-negativ-1 {
  margin-right: -8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-l-negativ-2 {
  margin-left: -16.6666666667%;
}

.offset-r-negativ-2 {
  margin-right: -16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-l-negativ-3 {
  margin-left: -25%;
}

.offset-r-negativ-3 {
  margin-right: -25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-l-negativ-4 {
  margin-left: -33.3333333333%;
}

.offset-r-negativ-4 {
  margin-right: -33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-l-negativ-5 {
  margin-left: -41.6666666667%;
}

.offset-r-negativ-5 {
  margin-right: -41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-l-negativ-6 {
  margin-left: -50%;
}

.offset-r-negativ-6 {
  margin-right: -50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-l-negativ-7 {
  margin-left: -58.3333333333%;
}

.offset-r-negativ-7 {
  margin-right: -58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-l-negativ-8 {
  margin-left: -66.6666666667%;
}

.offset-r-negativ-8 {
  margin-right: -66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-l-negativ-9 {
  margin-left: -75%;
}

.offset-r-negativ-9 {
  margin-right: -75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-l-negativ-10 {
  margin-left: -83.3333333333%;
}

.offset-r-negativ-10 {
  margin-right: -83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.offset-l-negativ-11 {
  margin-left: -91.6666666667%;
}

.offset-r-negativ-11 {
  margin-right: -91.6666666667%;
}

.g-0,
.gx-0 {
  --gutter-x: 0;
}

.g-0,
.gy-0 {
  --gutter-y: 0;
}

.g-1,
.gx-1 {
  --gutter-x: 2.5px;
}

.g-1,
.gy-1 {
  --gutter-y: 2.5px;
}

.g-2,
.gx-2 {
  --gutter-x: 5px;
}

.g-2,
.gy-2 {
  --gutter-y: 5px;
}

.g-3,
.gx-3 {
  --gutter-x: 10px;
}

.g-3,
.gy-3 {
  --gutter-y: 10px;
}

.g-4,
.gx-4 {
  --gutter-x: 15px;
}

.g-4,
.gy-4 {
  --gutter-y: 15px;
}

.g-5,
.gx-5 {
  --gutter-x: 30px;
}

.g-5,
.gy-5 {
  --gutter-y: 30px;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-l-negativ-sm-0 {
    margin-left: 0;
  }
  .offset-r-negativ-sm-0 {
    margin-right: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-l-negativ-sm-1 {
    margin-left: -8.3333333333%;
  }
  .offset-r-negativ-sm-1 {
    margin-right: -8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-l-negativ-sm-2 {
    margin-left: -16.6666666667%;
  }
  .offset-r-negativ-sm-2 {
    margin-right: -16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-l-negativ-sm-3 {
    margin-left: -25%;
  }
  .offset-r-negativ-sm-3 {
    margin-right: -25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-l-negativ-sm-4 {
    margin-left: -33.3333333333%;
  }
  .offset-r-negativ-sm-4 {
    margin-right: -33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-l-negativ-sm-5 {
    margin-left: -41.6666666667%;
  }
  .offset-r-negativ-sm-5 {
    margin-right: -41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-l-negativ-sm-6 {
    margin-left: -50%;
  }
  .offset-r-negativ-sm-6 {
    margin-right: -50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-l-negativ-sm-7 {
    margin-left: -58.3333333333%;
  }
  .offset-r-negativ-sm-7 {
    margin-right: -58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-l-negativ-sm-8 {
    margin-left: -66.6666666667%;
  }
  .offset-r-negativ-sm-8 {
    margin-right: -66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-l-negativ-sm-9 {
    margin-left: -75%;
  }
  .offset-r-negativ-sm-9 {
    margin-right: -75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-l-negativ-sm-10 {
    margin-left: -83.3333333333%;
  }
  .offset-r-negativ-sm-10 {
    margin-right: -83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .offset-l-negativ-sm-11 {
    margin-left: -91.6666666667%;
  }
  .offset-r-negativ-sm-11 {
    margin-right: -91.6666666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --gutter-x: 2.5px;
  }
  .g-sm-1,
  .gy-sm-1 {
    --gutter-y: 2.5px;
  }
  .g-sm-2,
  .gx-sm-2 {
    --gutter-x: 5px;
  }
  .g-sm-2,
  .gy-sm-2 {
    --gutter-y: 5px;
  }
  .g-sm-3,
  .gx-sm-3 {
    --gutter-x: 10px;
  }
  .g-sm-3,
  .gy-sm-3 {
    --gutter-y: 10px;
  }
  .g-sm-4,
  .gx-sm-4 {
    --gutter-x: 15px;
  }
  .g-sm-4,
  .gy-sm-4 {
    --gutter-y: 15px;
  }
  .g-sm-5,
  .gx-sm-5 {
    --gutter-x: 30px;
  }
  .g-sm-5,
  .gy-sm-5 {
    --gutter-y: 30px;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-l-negativ-md-0 {
    margin-left: 0;
  }
  .offset-r-negativ-md-0 {
    margin-right: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-l-negativ-md-1 {
    margin-left: -8.3333333333%;
  }
  .offset-r-negativ-md-1 {
    margin-right: -8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-l-negativ-md-2 {
    margin-left: -16.6666666667%;
  }
  .offset-r-negativ-md-2 {
    margin-right: -16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-l-negativ-md-3 {
    margin-left: -25%;
  }
  .offset-r-negativ-md-3 {
    margin-right: -25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-l-negativ-md-4 {
    margin-left: -33.3333333333%;
  }
  .offset-r-negativ-md-4 {
    margin-right: -33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-l-negativ-md-5 {
    margin-left: -41.6666666667%;
  }
  .offset-r-negativ-md-5 {
    margin-right: -41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-l-negativ-md-6 {
    margin-left: -50%;
  }
  .offset-r-negativ-md-6 {
    margin-right: -50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-l-negativ-md-7 {
    margin-left: -58.3333333333%;
  }
  .offset-r-negativ-md-7 {
    margin-right: -58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-l-negativ-md-8 {
    margin-left: -66.6666666667%;
  }
  .offset-r-negativ-md-8 {
    margin-right: -66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-l-negativ-md-9 {
    margin-left: -75%;
  }
  .offset-r-negativ-md-9 {
    margin-right: -75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-l-negativ-md-10 {
    margin-left: -83.3333333333%;
  }
  .offset-r-negativ-md-10 {
    margin-right: -83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .offset-l-negativ-md-11 {
    margin-left: -91.6666666667%;
  }
  .offset-r-negativ-md-11 {
    margin-right: -91.6666666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --gutter-x: 2.5px;
  }
  .g-md-1,
  .gy-md-1 {
    --gutter-y: 2.5px;
  }
  .g-md-2,
  .gx-md-2 {
    --gutter-x: 5px;
  }
  .g-md-2,
  .gy-md-2 {
    --gutter-y: 5px;
  }
  .g-md-3,
  .gx-md-3 {
    --gutter-x: 10px;
  }
  .g-md-3,
  .gy-md-3 {
    --gutter-y: 10px;
  }
  .g-md-4,
  .gx-md-4 {
    --gutter-x: 15px;
  }
  .g-md-4,
  .gy-md-4 {
    --gutter-y: 15px;
  }
  .g-md-5,
  .gx-md-5 {
    --gutter-x: 30px;
  }
  .g-md-5,
  .gy-md-5 {
    --gutter-y: 30px;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-l-negativ-lg-0 {
    margin-left: 0;
  }
  .offset-r-negativ-lg-0 {
    margin-right: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-l-negativ-lg-1 {
    margin-left: -8.3333333333%;
  }
  .offset-r-negativ-lg-1 {
    margin-right: -8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-l-negativ-lg-2 {
    margin-left: -16.6666666667%;
  }
  .offset-r-negativ-lg-2 {
    margin-right: -16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-l-negativ-lg-3 {
    margin-left: -25%;
  }
  .offset-r-negativ-lg-3 {
    margin-right: -25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-l-negativ-lg-4 {
    margin-left: -33.3333333333%;
  }
  .offset-r-negativ-lg-4 {
    margin-right: -33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-l-negativ-lg-5 {
    margin-left: -41.6666666667%;
  }
  .offset-r-negativ-lg-5 {
    margin-right: -41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-l-negativ-lg-6 {
    margin-left: -50%;
  }
  .offset-r-negativ-lg-6 {
    margin-right: -50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-l-negativ-lg-7 {
    margin-left: -58.3333333333%;
  }
  .offset-r-negativ-lg-7 {
    margin-right: -58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-l-negativ-lg-8 {
    margin-left: -66.6666666667%;
  }
  .offset-r-negativ-lg-8 {
    margin-right: -66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-l-negativ-lg-9 {
    margin-left: -75%;
  }
  .offset-r-negativ-lg-9 {
    margin-right: -75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-l-negativ-lg-10 {
    margin-left: -83.3333333333%;
  }
  .offset-r-negativ-lg-10 {
    margin-right: -83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .offset-l-negativ-lg-11 {
    margin-left: -91.6666666667%;
  }
  .offset-r-negativ-lg-11 {
    margin-right: -91.6666666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --gutter-x: 2.5px;
  }
  .g-lg-1,
  .gy-lg-1 {
    --gutter-y: 2.5px;
  }
  .g-lg-2,
  .gx-lg-2 {
    --gutter-x: 5px;
  }
  .g-lg-2,
  .gy-lg-2 {
    --gutter-y: 5px;
  }
  .g-lg-3,
  .gx-lg-3 {
    --gutter-x: 10px;
  }
  .g-lg-3,
  .gy-lg-3 {
    --gutter-y: 10px;
  }
  .g-lg-4,
  .gx-lg-4 {
    --gutter-x: 15px;
  }
  .g-lg-4,
  .gy-lg-4 {
    --gutter-y: 15px;
  }
  .g-lg-5,
  .gx-lg-5 {
    --gutter-x: 30px;
  }
  .g-lg-5,
  .gy-lg-5 {
    --gutter-y: 30px;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-l-negativ-xl-0 {
    margin-left: 0;
  }
  .offset-r-negativ-xl-0 {
    margin-right: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-l-negativ-xl-1 {
    margin-left: -8.3333333333%;
  }
  .offset-r-negativ-xl-1 {
    margin-right: -8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-l-negativ-xl-2 {
    margin-left: -16.6666666667%;
  }
  .offset-r-negativ-xl-2 {
    margin-right: -16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-l-negativ-xl-3 {
    margin-left: -25%;
  }
  .offset-r-negativ-xl-3 {
    margin-right: -25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-l-negativ-xl-4 {
    margin-left: -33.3333333333%;
  }
  .offset-r-negativ-xl-4 {
    margin-right: -33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-l-negativ-xl-5 {
    margin-left: -41.6666666667%;
  }
  .offset-r-negativ-xl-5 {
    margin-right: -41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-l-negativ-xl-6 {
    margin-left: -50%;
  }
  .offset-r-negativ-xl-6 {
    margin-right: -50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-l-negativ-xl-7 {
    margin-left: -58.3333333333%;
  }
  .offset-r-negativ-xl-7 {
    margin-right: -58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-l-negativ-xl-8 {
    margin-left: -66.6666666667%;
  }
  .offset-r-negativ-xl-8 {
    margin-right: -66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-l-negativ-xl-9 {
    margin-left: -75%;
  }
  .offset-r-negativ-xl-9 {
    margin-right: -75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-l-negativ-xl-10 {
    margin-left: -83.3333333333%;
  }
  .offset-r-negativ-xl-10 {
    margin-right: -83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .offset-l-negativ-xl-11 {
    margin-left: -91.6666666667%;
  }
  .offset-r-negativ-xl-11 {
    margin-right: -91.6666666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --gutter-x: 2.5px;
  }
  .g-xl-1,
  .gy-xl-1 {
    --gutter-y: 2.5px;
  }
  .g-xl-2,
  .gx-xl-2 {
    --gutter-x: 5px;
  }
  .g-xl-2,
  .gy-xl-2 {
    --gutter-y: 5px;
  }
  .g-xl-3,
  .gx-xl-3 {
    --gutter-x: 10px;
  }
  .g-xl-3,
  .gy-xl-3 {
    --gutter-y: 10px;
  }
  .g-xl-4,
  .gx-xl-4 {
    --gutter-x: 15px;
  }
  .g-xl-4,
  .gy-xl-4 {
    --gutter-y: 15px;
  }
  .g-xl-5,
  .gx-xl-5 {
    --gutter-x: 30px;
  }
  .g-xl-5,
  .gy-xl-5 {
    --gutter-y: 30px;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-l-negativ-xxl-0 {
    margin-left: 0;
  }
  .offset-r-negativ-xxl-0 {
    margin-right: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-l-negativ-xxl-1 {
    margin-left: -8.3333333333%;
  }
  .offset-r-negativ-xxl-1 {
    margin-right: -8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-l-negativ-xxl-2 {
    margin-left: -16.6666666667%;
  }
  .offset-r-negativ-xxl-2 {
    margin-right: -16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-l-negativ-xxl-3 {
    margin-left: -25%;
  }
  .offset-r-negativ-xxl-3 {
    margin-right: -25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-l-negativ-xxl-4 {
    margin-left: -33.3333333333%;
  }
  .offset-r-negativ-xxl-4 {
    margin-right: -33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-l-negativ-xxl-5 {
    margin-left: -41.6666666667%;
  }
  .offset-r-negativ-xxl-5 {
    margin-right: -41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-l-negativ-xxl-6 {
    margin-left: -50%;
  }
  .offset-r-negativ-xxl-6 {
    margin-right: -50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-l-negativ-xxl-7 {
    margin-left: -58.3333333333%;
  }
  .offset-r-negativ-xxl-7 {
    margin-right: -58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-l-negativ-xxl-8 {
    margin-left: -66.6666666667%;
  }
  .offset-r-negativ-xxl-8 {
    margin-right: -66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-l-negativ-xxl-9 {
    margin-left: -75%;
  }
  .offset-r-negativ-xxl-9 {
    margin-right: -75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-l-negativ-xxl-10 {
    margin-left: -83.3333333333%;
  }
  .offset-r-negativ-xxl-10 {
    margin-right: -83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .offset-l-negativ-xxl-11 {
    margin-left: -91.6666666667%;
  }
  .offset-r-negativ-xxl-11 {
    margin-right: -91.6666666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --gutter-x: 2.5px;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --gutter-y: 2.5px;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --gutter-x: 5px;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --gutter-y: 5px;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --gutter-x: 10px;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --gutter-y: 10px;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --gutter-x: 15px;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --gutter-y: 15px;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --gutter-x: 30px;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --gutter-y: 30px;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
}
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 99;
  }
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m--3 {
  margin: -7.5px !important;
}

.mt--3,
.my--3 {
  margin-top: -7.5px !important;
}

.mr--3,
.mx--3 {
  margin-right: -7.5px !important;
}

.mb--3,
.my--3 {
  margin-bottom: -7.5px !important;
}

.ml--3,
.mx--3 {
  margin-left: -7.5px !important;
}

.m--2 {
  margin: -5px !important;
}

.mt--2,
.my--2 {
  margin-top: -5px !important;
}

.mr--2,
.mx--2 {
  margin-right: -5px !important;
}

.mb--2,
.my--2 {
  margin-bottom: -5px !important;
}

.ml--2,
.mx--2 {
  margin-left: -5px !important;
}

.m--1 {
  margin: -2.5px !important;
}

.mt--1,
.my--1 {
  margin-top: -2.5px !important;
}

.mr--1,
.mx--1 {
  margin-right: -2.5px !important;
}

.mb--1,
.my--1 {
  margin-bottom: -2.5px !important;
}

.ml--1,
.mx--1 {
  margin-left: -2.5px !important;
}

.m--1px {
  margin: -1px !important;
}

.mt--1px,
.my--1px {
  margin-top: -1px !important;
}

.mr--1px,
.mx--1px {
  margin-right: -1px !important;
}

.mb--1px,
.my--1px {
  margin-bottom: -1px !important;
}

.ml--1px,
.mx--1px {
  margin-left: -1px !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1px {
  margin: 1px !important;
}

.mt-1px,
.my-1px {
  margin-top: 1px !important;
}

.mr-1px,
.mx-1px {
  margin-right: 1px !important;
}

.mb-1px,
.my-1px {
  margin-bottom: 1px !important;
}

.ml-1px,
.mx-1px {
  margin-left: 1px !important;
}

.m-1 {
  margin: 2.5px !important;
}

.mt-1,
.my-1 {
  margin-top: 2.5px !important;
}

.mr-1,
.mx-1 {
  margin-right: 2.5px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 2.5px !important;
}

.ml-1,
.mx-1 {
  margin-left: 2.5px !important;
}

.m-2 {
  margin: 5px !important;
}

.mt-2,
.my-2 {
  margin-top: 5px !important;
}

.mr-2,
.mx-2 {
  margin-right: 5px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 5px !important;
}

.ml-2,
.mx-2 {
  margin-left: 5px !important;
}

.m-3 {
  margin: 7.5px !important;
}

.mt-3,
.my-3 {
  margin-top: 7.5px !important;
}

.mr-3,
.mx-3 {
  margin-right: 7.5px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 7.5px !important;
}

.ml-3,
.mx-3 {
  margin-left: 7.5px !important;
}

.m-4 {
  margin: 10px !important;
}

.mt-4,
.my-4 {
  margin-top: 10px !important;
}

.mr-4,
.mx-4 {
  margin-right: 10px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 10px !important;
}

.ml-4,
.mx-4 {
  margin-left: 10px !important;
}

.m-5 {
  margin: 12.5px !important;
}

.mt-5,
.my-5 {
  margin-top: 12.5px !important;
}

.mr-5,
.mx-5 {
  margin-right: 12.5px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 12.5px !important;
}

.ml-5,
.mx-5 {
  margin-left: 12.5px !important;
}

.m-6 {
  margin: 15px !important;
}

.mt-6,
.my-6 {
  margin-top: 15px !important;
}

.mr-6,
.mx-6 {
  margin-right: 15px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 15px !important;
}

.ml-6,
.mx-6 {
  margin-left: 15px !important;
}

.m-7 {
  margin: 17.5px !important;
}

.mt-7,
.my-7 {
  margin-top: 17.5px !important;
}

.mr-7,
.mx-7 {
  margin-right: 17.5px !important;
}

.mb-7,
.my-7 {
  margin-bottom: 17.5px !important;
}

.ml-7,
.mx-7 {
  margin-left: 17.5px !important;
}

.m-8 {
  margin: 20px !important;
}

.mt-8,
.my-8 {
  margin-top: 20px !important;
}

.mr-8,
.mx-8 {
  margin-right: 20px !important;
}

.mb-8,
.my-8 {
  margin-bottom: 20px !important;
}

.ml-8,
.mx-8 {
  margin-left: 20px !important;
}

.m-9 {
  margin: 21.5px !important;
}

.mt-9,
.my-9 {
  margin-top: 21.5px !important;
}

.mr-9,
.mx-9 {
  margin-right: 21.5px !important;
}

.mb-9,
.my-9 {
  margin-bottom: 21.5px !important;
}

.ml-9,
.mx-9 {
  margin-left: 21.5px !important;
}

.m-10 {
  margin: 25px !important;
}

.mt-10,
.my-10 {
  margin-top: 25px !important;
}

.mr-10,
.mx-10 {
  margin-right: 25px !important;
}

.mb-10,
.my-10 {
  margin-bottom: 25px !important;
}

.ml-10,
.mx-10 {
  margin-left: 25px !important;
}

.m-11 {
  margin: 27.5px !important;
}

.mt-11,
.my-11 {
  margin-top: 27.5px !important;
}

.mr-11,
.mx-11 {
  margin-right: 27.5px !important;
}

.mb-11,
.my-11 {
  margin-bottom: 27.5px !important;
}

.ml-11,
.mx-11 {
  margin-left: 27.5px !important;
}

.m-12 {
  margin: 30px !important;
}

.mt-12,
.my-12 {
  margin-top: 30px !important;
}

.mr-12,
.mx-12 {
  margin-right: 30px !important;
}

.mb-12,
.my-12 {
  margin-bottom: 30px !important;
}

.ml-12,
.mx-12 {
  margin-left: 30px !important;
}

.m-13 {
  margin: 32.5px !important;
}

.mt-13,
.my-13 {
  margin-top: 32.5px !important;
}

.mr-13,
.mx-13 {
  margin-right: 32.5px !important;
}

.mb-13,
.my-13 {
  margin-bottom: 32.5px !important;
}

.ml-13,
.mx-13 {
  margin-left: 32.5px !important;
}

.m-14 {
  margin: 35px !important;
}

.mt-14,
.my-14 {
  margin-top: 35px !important;
}

.mr-14,
.mx-14 {
  margin-right: 35px !important;
}

.mb-14,
.my-14 {
  margin-bottom: 35px !important;
}

.ml-14,
.mx-14 {
  margin-left: 35px !important;
}

.m-15 {
  margin: 37.5px !important;
}

.mt-15,
.my-15 {
  margin-top: 37.5px !important;
}

.mr-15,
.mx-15 {
  margin-right: 37.5px !important;
}

.mb-15,
.my-15 {
  margin-bottom: 37.5px !important;
}

.ml-15,
.mx-15 {
  margin-left: 37.5px !important;
}

.m-16 {
  margin: 40px !important;
}

.mt-16,
.my-16 {
  margin-top: 40px !important;
}

.mr-16,
.mx-16 {
  margin-right: 40px !important;
}

.mb-16,
.my-16 {
  margin-bottom: 40px !important;
}

.ml-16,
.mx-16 {
  margin-left: 40px !important;
}

.m-17 {
  margin: 50px !important;
}

.mt-17,
.my-17 {
  margin-top: 50px !important;
}

.mr-17,
.mx-17 {
  margin-right: 50px !important;
}

.mb-17,
.my-17 {
  margin-bottom: 50px !important;
}

.ml-17,
.mx-17 {
  margin-left: 50px !important;
}

.m-18 {
  margin: 60px !important;
}

.mt-18,
.my-18 {
  margin-top: 60px !important;
}

.mr-18,
.mx-18 {
  margin-right: 60px !important;
}

.mb-18,
.my-18 {
  margin-bottom: 60px !important;
}

.ml-18,
.mx-18 {
  margin-left: 60px !important;
}

.m-19 {
  margin: 70px !important;
}

.mt-19,
.my-19 {
  margin-top: 70px !important;
}

.mr-19,
.mx-19 {
  margin-right: 70px !important;
}

.mb-19,
.my-19 {
  margin-bottom: 70px !important;
}

.ml-19,
.mx-19 {
  margin-left: 70px !important;
}

.m-20 {
  margin: 80px !important;
}

.mt-20,
.my-20 {
  margin-top: 80px !important;
}

.mr-20,
.mx-20 {
  margin-right: 80px !important;
}

.mb-20,
.my-20 {
  margin-bottom: 80px !important;
}

.ml-20,
.mx-20 {
  margin-left: 80px !important;
}

.m-21 {
  margin: 120px !important;
}

.mt-21,
.my-21 {
  margin-top: 120px !important;
}

.mr-21,
.mx-21 {
  margin-right: 120px !important;
}

.mb-21,
.my-21 {
  margin-bottom: 120px !important;
}

.ml-21,
.mx-21 {
  margin-left: 120px !important;
}

.m-22 {
  margin: 150px !important;
}

.mt-22,
.my-22 {
  margin-top: 150px !important;
}

.mr-22,
.mx-22 {
  margin-right: 150px !important;
}

.mb-22,
.my-22 {
  margin-bottom: 150px !important;
}

.ml-22,
.mx-22 {
  margin-left: 150px !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

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

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

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

.p-1px {
  padding: 1px !important;
}

.pt-1px,
.py-1px {
  padding-top: 1px !important;
}

.pr-1px,
.px-1px {
  padding-right: 1px !important;
}

.pb-1px,
.py-1px {
  padding-bottom: 1px !important;
}

.pl-1px,
.px-1px {
  padding-left: 1px !important;
}

.p-1 {
  padding: 2.5px !important;
}

.pt-1,
.py-1 {
  padding-top: 2.5px !important;
}

.pr-1,
.px-1 {
  padding-right: 2.5px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 2.5px !important;
}

.pl-1,
.px-1 {
  padding-left: 2.5px !important;
}

.p-2 {
  padding: 5px !important;
}

.pt-2,
.py-2 {
  padding-top: 5px !important;
}

.pr-2,
.px-2 {
  padding-right: 5px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 5px !important;
}

.pl-2,
.px-2 {
  padding-left: 5px !important;
}

.p-3 {
  padding: 7.5px !important;
}

.pt-3,
.py-3 {
  padding-top: 7.5px !important;
}

.pr-3,
.px-3 {
  padding-right: 7.5px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 7.5px !important;
}

.pl-3,
.px-3 {
  padding-left: 7.5px !important;
}

.p-4 {
  padding: 10px !important;
}

.pt-4,
.py-4 {
  padding-top: 10px !important;
}

.pr-4,
.px-4 {
  padding-right: 10px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 10px !important;
}

.pl-4,
.px-4 {
  padding-left: 10px !important;
}

.p-5 {
  padding: 12.5px !important;
}

.pt-5,
.py-5 {
  padding-top: 12.5px !important;
}

.pr-5,
.px-5 {
  padding-right: 12.5px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 12.5px !important;
}

.pl-5,
.px-5 {
  padding-left: 12.5px !important;
}

.p-6 {
  padding: 15px !important;
}

.pt-6,
.py-6 {
  padding-top: 15px !important;
}

.pr-6,
.px-6 {
  padding-right: 15px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 15px !important;
}

.pl-6,
.px-6 {
  padding-left: 15px !important;
}

.p-7 {
  padding: 17.5px !important;
}

.pt-7,
.py-7 {
  padding-top: 17.5px !important;
}

.pr-7,
.px-7 {
  padding-right: 17.5px !important;
}

.pb-7,
.py-7 {
  padding-bottom: 17.5px !important;
}

.pl-7,
.px-7 {
  padding-left: 17.5px !important;
}

.p-8 {
  padding: 20px !important;
}

.pt-8,
.py-8 {
  padding-top: 20px !important;
}

.pr-8,
.px-8 {
  padding-right: 20px !important;
}

.pb-8,
.py-8 {
  padding-bottom: 20px !important;
}

.pl-8,
.px-8 {
  padding-left: 20px !important;
}

.p-9 {
  padding: 21.5px !important;
}

.pt-9,
.py-9 {
  padding-top: 21.5px !important;
}

.pr-9,
.px-9 {
  padding-right: 21.5px !important;
}

.pb-9,
.py-9 {
  padding-bottom: 21.5px !important;
}

.pl-9,
.px-9 {
  padding-left: 21.5px !important;
}

.p-10 {
  padding: 25px !important;
}

.pt-10,
.py-10 {
  padding-top: 25px !important;
}

.pr-10,
.px-10 {
  padding-right: 25px !important;
}

.pb-10,
.py-10 {
  padding-bottom: 25px !important;
}

.pl-10,
.px-10 {
  padding-left: 25px !important;
}

.p-11 {
  padding: 27.5px !important;
}

.pt-11,
.py-11 {
  padding-top: 27.5px !important;
}

.pr-11,
.px-11 {
  padding-right: 27.5px !important;
}

.pb-11,
.py-11 {
  padding-bottom: 27.5px !important;
}

.pl-11,
.px-11 {
  padding-left: 27.5px !important;
}

.p-12 {
  padding: 30px !important;
}

.pt-12,
.py-12 {
  padding-top: 30px !important;
}

.pr-12,
.px-12 {
  padding-right: 30px !important;
}

.pb-12,
.py-12 {
  padding-bottom: 30px !important;
}

.pl-12,
.px-12 {
  padding-left: 30px !important;
}

.p-13 {
  padding: 32.5px !important;
}

.pt-13,
.py-13 {
  padding-top: 32.5px !important;
}

.pr-13,
.px-13 {
  padding-right: 32.5px !important;
}

.pb-13,
.py-13 {
  padding-bottom: 32.5px !important;
}

.pl-13,
.px-13 {
  padding-left: 32.5px !important;
}

.p-14 {
  padding: 35px !important;
}

.pt-14,
.py-14 {
  padding-top: 35px !important;
}

.pr-14,
.px-14 {
  padding-right: 35px !important;
}

.pb-14,
.py-14 {
  padding-bottom: 35px !important;
}

.pl-14,
.px-14 {
  padding-left: 35px !important;
}

.p-15 {
  padding: 37.5px !important;
}

.pt-15,
.py-15 {
  padding-top: 37.5px !important;
}

.pr-15,
.px-15 {
  padding-right: 37.5px !important;
}

.pb-15,
.py-15 {
  padding-bottom: 37.5px !important;
}

.pl-15,
.px-15 {
  padding-left: 37.5px !important;
}

.p-16 {
  padding: 40px !important;
}

.pt-16,
.py-16 {
  padding-top: 40px !important;
}

.pr-16,
.px-16 {
  padding-right: 40px !important;
}

.pb-16,
.py-16 {
  padding-bottom: 40px !important;
}

.pl-16,
.px-16 {
  padding-left: 40px !important;
}

.p-17 {
  padding: 50px !important;
}

.pt-17,
.py-17 {
  padding-top: 50px !important;
}

.pr-17,
.px-17 {
  padding-right: 50px !important;
}

.pb-17,
.py-17 {
  padding-bottom: 50px !important;
}

.pl-17,
.px-17 {
  padding-left: 50px !important;
}

.p-18 {
  padding: 60px !important;
}

.pt-18,
.py-18 {
  padding-top: 60px !important;
}

.pr-18,
.px-18 {
  padding-right: 60px !important;
}

.pb-18,
.py-18 {
  padding-bottom: 60px !important;
}

.pl-18,
.px-18 {
  padding-left: 60px !important;
}

.p-19 {
  padding: 70px !important;
}

.pt-19,
.py-19 {
  padding-top: 70px !important;
}

.pr-19,
.px-19 {
  padding-right: 70px !important;
}

.pb-19,
.py-19 {
  padding-bottom: 70px !important;
}

.pl-19,
.px-19 {
  padding-left: 70px !important;
}

.p-20 {
  padding: 80px !important;
}

.pt-20,
.py-20 {
  padding-top: 80px !important;
}

.pr-20,
.px-20 {
  padding-right: 80px !important;
}

.pb-20,
.py-20 {
  padding-bottom: 80px !important;
}

.pl-20,
.px-20 {
  padding-left: 80px !important;
}

.p-21 {
  padding: 120px !important;
}

.pt-21,
.py-21 {
  padding-top: 120px !important;
}

.pr-21,
.px-21 {
  padding-right: 120px !important;
}

.pb-21,
.py-21 {
  padding-bottom: 120px !important;
}

.pl-21,
.px-21 {
  padding-left: 120px !important;
}

.p-22 {
  padding: 150px !important;
}

.pt-22,
.py-22 {
  padding-top: 150px !important;
}

.pr-22,
.px-22 {
  padding-right: 150px !important;
}

.pb-22,
.py-22 {
  padding-bottom: 150px !important;
}

.pl-22,
.px-22 {
  padding-left: 150px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.m--3 {
  margin: -7.5px !important;
}

.mt--3,
.my--3 {
  margin-top: -7.5px !important;
}

.mr--3,
.mx--3 {
  margin-right: -7.5px !important;
}

.mb--3,
.my--3 {
  margin-bottom: -7.5px !important;
}

.ml--3,
.mx--3 {
  margin-left: -7.5px !important;
}

.m--2 {
  margin: -5px !important;
}

.mt--2,
.my--2 {
  margin-top: -5px !important;
}

.mr--2,
.mx--2 {
  margin-right: -5px !important;
}

.mb--2,
.my--2 {
  margin-bottom: -5px !important;
}

.ml--2,
.mx--2 {
  margin-left: -5px !important;
}

.m--1 {
  margin: -2.5px !important;
}

.mt--1,
.my--1 {
  margin-top: -2.5px !important;
}

.mr--1,
.mx--1 {
  margin-right: -2.5px !important;
}

.mb--1,
.my--1 {
  margin-bottom: -2.5px !important;
}

.ml--1,
.mx--1 {
  margin-left: -2.5px !important;
}

.m--1px {
  margin: -1px !important;
}

.mt--1px,
.my--1px {
  margin-top: -1px !important;
}

.mr--1px,
.mx--1px {
  margin-right: -1px !important;
}

.mb--1px,
.my--1px {
  margin-bottom: -1px !important;
}

.ml--1px,
.mx--1px {
  margin-left: -1px !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1px {
  margin: 1px !important;
}

.mt-1px,
.my-1px {
  margin-top: 1px !important;
}

.mr-1px,
.mx-1px {
  margin-right: 1px !important;
}

.mb-1px,
.my-1px {
  margin-bottom: 1px !important;
}

.ml-1px,
.mx-1px {
  margin-left: 1px !important;
}

.m-1 {
  margin: 2.5px !important;
}

.mt-1,
.my-1 {
  margin-top: 2.5px !important;
}

.mr-1,
.mx-1 {
  margin-right: 2.5px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 2.5px !important;
}

.ml-1,
.mx-1 {
  margin-left: 2.5px !important;
}

.m-2 {
  margin: 5px !important;
}

.mt-2,
.my-2 {
  margin-top: 5px !important;
}

.mr-2,
.mx-2 {
  margin-right: 5px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 5px !important;
}

.ml-2,
.mx-2 {
  margin-left: 5px !important;
}

.m-3 {
  margin: 7.5px !important;
}

.mt-3,
.my-3 {
  margin-top: 7.5px !important;
}

.mr-3,
.mx-3 {
  margin-right: 7.5px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 7.5px !important;
}

.ml-3,
.mx-3 {
  margin-left: 7.5px !important;
}

.m-4 {
  margin: 10px !important;
}

.mt-4,
.my-4 {
  margin-top: 10px !important;
}

.mr-4,
.mx-4 {
  margin-right: 10px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 10px !important;
}

.ml-4,
.mx-4 {
  margin-left: 10px !important;
}

.m-5 {
  margin: 12.5px !important;
}

.mt-5,
.my-5 {
  margin-top: 12.5px !important;
}

.mr-5,
.mx-5 {
  margin-right: 12.5px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 12.5px !important;
}

.ml-5,
.mx-5 {
  margin-left: 12.5px !important;
}

.m-6 {
  margin: 15px !important;
}

.mt-6,
.my-6 {
  margin-top: 15px !important;
}

.mr-6,
.mx-6 {
  margin-right: 15px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 15px !important;
}

.ml-6,
.mx-6 {
  margin-left: 15px !important;
}

.m-7 {
  margin: 17.5px !important;
}

.mt-7,
.my-7 {
  margin-top: 17.5px !important;
}

.mr-7,
.mx-7 {
  margin-right: 17.5px !important;
}

.mb-7,
.my-7 {
  margin-bottom: 17.5px !important;
}

.ml-7,
.mx-7 {
  margin-left: 17.5px !important;
}

.m-8 {
  margin: 20px !important;
}

.mt-8,
.my-8 {
  margin-top: 20px !important;
}

.mr-8,
.mx-8 {
  margin-right: 20px !important;
}

.mb-8,
.my-8 {
  margin-bottom: 20px !important;
}

.ml-8,
.mx-8 {
  margin-left: 20px !important;
}

.m-9 {
  margin: 21.5px !important;
}

.mt-9,
.my-9 {
  margin-top: 21.5px !important;
}

.mr-9,
.mx-9 {
  margin-right: 21.5px !important;
}

.mb-9,
.my-9 {
  margin-bottom: 21.5px !important;
}

.ml-9,
.mx-9 {
  margin-left: 21.5px !important;
}

.m-10 {
  margin: 25px !important;
}

.mt-10,
.my-10 {
  margin-top: 25px !important;
}

.mr-10,
.mx-10 {
  margin-right: 25px !important;
}

.mb-10,
.my-10 {
  margin-bottom: 25px !important;
}

.ml-10,
.mx-10 {
  margin-left: 25px !important;
}

.m-11 {
  margin: 27.5px !important;
}

.mt-11,
.my-11 {
  margin-top: 27.5px !important;
}

.mr-11,
.mx-11 {
  margin-right: 27.5px !important;
}

.mb-11,
.my-11 {
  margin-bottom: 27.5px !important;
}

.ml-11,
.mx-11 {
  margin-left: 27.5px !important;
}

.m-12 {
  margin: 30px !important;
}

.mt-12,
.my-12 {
  margin-top: 30px !important;
}

.mr-12,
.mx-12 {
  margin-right: 30px !important;
}

.mb-12,
.my-12 {
  margin-bottom: 30px !important;
}

.ml-12,
.mx-12 {
  margin-left: 30px !important;
}

.m-13 {
  margin: 32.5px !important;
}

.mt-13,
.my-13 {
  margin-top: 32.5px !important;
}

.mr-13,
.mx-13 {
  margin-right: 32.5px !important;
}

.mb-13,
.my-13 {
  margin-bottom: 32.5px !important;
}

.ml-13,
.mx-13 {
  margin-left: 32.5px !important;
}

.m-14 {
  margin: 35px !important;
}

.mt-14,
.my-14 {
  margin-top: 35px !important;
}

.mr-14,
.mx-14 {
  margin-right: 35px !important;
}

.mb-14,
.my-14 {
  margin-bottom: 35px !important;
}

.ml-14,
.mx-14 {
  margin-left: 35px !important;
}

.m-15 {
  margin: 37.5px !important;
}

.mt-15,
.my-15 {
  margin-top: 37.5px !important;
}

.mr-15,
.mx-15 {
  margin-right: 37.5px !important;
}

.mb-15,
.my-15 {
  margin-bottom: 37.5px !important;
}

.ml-15,
.mx-15 {
  margin-left: 37.5px !important;
}

.m-16 {
  margin: 40px !important;
}

.mt-16,
.my-16 {
  margin-top: 40px !important;
}

.mr-16,
.mx-16 {
  margin-right: 40px !important;
}

.mb-16,
.my-16 {
  margin-bottom: 40px !important;
}

.ml-16,
.mx-16 {
  margin-left: 40px !important;
}

.m-17 {
  margin: 50px !important;
}

.mt-17,
.my-17 {
  margin-top: 50px !important;
}

.mr-17,
.mx-17 {
  margin-right: 50px !important;
}

.mb-17,
.my-17 {
  margin-bottom: 50px !important;
}

.ml-17,
.mx-17 {
  margin-left: 50px !important;
}

.m-18 {
  margin: 60px !important;
}

.mt-18,
.my-18 {
  margin-top: 60px !important;
}

.mr-18,
.mx-18 {
  margin-right: 60px !important;
}

.mb-18,
.my-18 {
  margin-bottom: 60px !important;
}

.ml-18,
.mx-18 {
  margin-left: 60px !important;
}

.m-19 {
  margin: 70px !important;
}

.mt-19,
.my-19 {
  margin-top: 70px !important;
}

.mr-19,
.mx-19 {
  margin-right: 70px !important;
}

.mb-19,
.my-19 {
  margin-bottom: 70px !important;
}

.ml-19,
.mx-19 {
  margin-left: 70px !important;
}

.m-20 {
  margin: 80px !important;
}

.mt-20,
.my-20 {
  margin-top: 80px !important;
}

.mr-20,
.mx-20 {
  margin-right: 80px !important;
}

.mb-20,
.my-20 {
  margin-bottom: 80px !important;
}

.ml-20,
.mx-20 {
  margin-left: 80px !important;
}

.m-21 {
  margin: 120px !important;
}

.mt-21,
.my-21 {
  margin-top: 120px !important;
}

.mr-21,
.mx-21 {
  margin-right: 120px !important;
}

.mb-21,
.my-21 {
  margin-bottom: 120px !important;
}

.ml-21,
.mx-21 {
  margin-left: 120px !important;
}

.m-22 {
  margin: 150px !important;
}

.mt-22,
.my-22 {
  margin-top: 150px !important;
}

.mr-22,
.mx-22 {
  margin-right: 150px !important;
}

.mb-22,
.my-22 {
  margin-bottom: 150px !important;
}

.ml-22,
.mx-22 {
  margin-left: 150px !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

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

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

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

.p-1px {
  padding: 1px !important;
}

.pt-1px,
.py-1px {
  padding-top: 1px !important;
}

.pr-1px,
.px-1px {
  padding-right: 1px !important;
}

.pb-1px,
.py-1px {
  padding-bottom: 1px !important;
}

.pl-1px,
.px-1px {
  padding-left: 1px !important;
}

.p-1 {
  padding: 2.5px !important;
}

.pt-1,
.py-1 {
  padding-top: 2.5px !important;
}

.pr-1,
.px-1 {
  padding-right: 2.5px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 2.5px !important;
}

.pl-1,
.px-1 {
  padding-left: 2.5px !important;
}

.p-2 {
  padding: 5px !important;
}

.pt-2,
.py-2 {
  padding-top: 5px !important;
}

.pr-2,
.px-2 {
  padding-right: 5px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 5px !important;
}

.pl-2,
.px-2 {
  padding-left: 5px !important;
}

.p-3 {
  padding: 7.5px !important;
}

.pt-3,
.py-3 {
  padding-top: 7.5px !important;
}

.pr-3,
.px-3 {
  padding-right: 7.5px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 7.5px !important;
}

.pl-3,
.px-3 {
  padding-left: 7.5px !important;
}

.p-4 {
  padding: 10px !important;
}

.pt-4,
.py-4 {
  padding-top: 10px !important;
}

.pr-4,
.px-4 {
  padding-right: 10px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 10px !important;
}

.pl-4,
.px-4 {
  padding-left: 10px !important;
}

.p-5 {
  padding: 12.5px !important;
}

.pt-5,
.py-5 {
  padding-top: 12.5px !important;
}

.pr-5,
.px-5 {
  padding-right: 12.5px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 12.5px !important;
}

.pl-5,
.px-5 {
  padding-left: 12.5px !important;
}

.p-6 {
  padding: 15px !important;
}

.pt-6,
.py-6 {
  padding-top: 15px !important;
}

.pr-6,
.px-6 {
  padding-right: 15px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 15px !important;
}

.pl-6,
.px-6 {
  padding-left: 15px !important;
}

.p-7 {
  padding: 17.5px !important;
}

.pt-7,
.py-7 {
  padding-top: 17.5px !important;
}

.pr-7,
.px-7 {
  padding-right: 17.5px !important;
}

.pb-7,
.py-7 {
  padding-bottom: 17.5px !important;
}

.pl-7,
.px-7 {
  padding-left: 17.5px !important;
}

.p-8 {
  padding: 20px !important;
}

.pt-8,
.py-8 {
  padding-top: 20px !important;
}

.pr-8,
.px-8 {
  padding-right: 20px !important;
}

.pb-8,
.py-8 {
  padding-bottom: 20px !important;
}

.pl-8,
.px-8 {
  padding-left: 20px !important;
}

.p-9 {
  padding: 21.5px !important;
}

.pt-9,
.py-9 {
  padding-top: 21.5px !important;
}

.pr-9,
.px-9 {
  padding-right: 21.5px !important;
}

.pb-9,
.py-9 {
  padding-bottom: 21.5px !important;
}

.pl-9,
.px-9 {
  padding-left: 21.5px !important;
}

.p-10 {
  padding: 25px !important;
}

.pt-10,
.py-10 {
  padding-top: 25px !important;
}

.pr-10,
.px-10 {
  padding-right: 25px !important;
}

.pb-10,
.py-10 {
  padding-bottom: 25px !important;
}

.pl-10,
.px-10 {
  padding-left: 25px !important;
}

.p-11 {
  padding: 27.5px !important;
}

.pt-11,
.py-11 {
  padding-top: 27.5px !important;
}

.pr-11,
.px-11 {
  padding-right: 27.5px !important;
}

.pb-11,
.py-11 {
  padding-bottom: 27.5px !important;
}

.pl-11,
.px-11 {
  padding-left: 27.5px !important;
}

.p-12 {
  padding: 30px !important;
}

.pt-12,
.py-12 {
  padding-top: 30px !important;
}

.pr-12,
.px-12 {
  padding-right: 30px !important;
}

.pb-12,
.py-12 {
  padding-bottom: 30px !important;
}

.pl-12,
.px-12 {
  padding-left: 30px !important;
}

.p-13 {
  padding: 32.5px !important;
}

.pt-13,
.py-13 {
  padding-top: 32.5px !important;
}

.pr-13,
.px-13 {
  padding-right: 32.5px !important;
}

.pb-13,
.py-13 {
  padding-bottom: 32.5px !important;
}

.pl-13,
.px-13 {
  padding-left: 32.5px !important;
}

.p-14 {
  padding: 35px !important;
}

.pt-14,
.py-14 {
  padding-top: 35px !important;
}

.pr-14,
.px-14 {
  padding-right: 35px !important;
}

.pb-14,
.py-14 {
  padding-bottom: 35px !important;
}

.pl-14,
.px-14 {
  padding-left: 35px !important;
}

.p-15 {
  padding: 37.5px !important;
}

.pt-15,
.py-15 {
  padding-top: 37.5px !important;
}

.pr-15,
.px-15 {
  padding-right: 37.5px !important;
}

.pb-15,
.py-15 {
  padding-bottom: 37.5px !important;
}

.pl-15,
.px-15 {
  padding-left: 37.5px !important;
}

.p-16 {
  padding: 40px !important;
}

.pt-16,
.py-16 {
  padding-top: 40px !important;
}

.pr-16,
.px-16 {
  padding-right: 40px !important;
}

.pb-16,
.py-16 {
  padding-bottom: 40px !important;
}

.pl-16,
.px-16 {
  padding-left: 40px !important;
}

.p-17 {
  padding: 50px !important;
}

.pt-17,
.py-17 {
  padding-top: 50px !important;
}

.pr-17,
.px-17 {
  padding-right: 50px !important;
}

.pb-17,
.py-17 {
  padding-bottom: 50px !important;
}

.pl-17,
.px-17 {
  padding-left: 50px !important;
}

.p-18 {
  padding: 60px !important;
}

.pt-18,
.py-18 {
  padding-top: 60px !important;
}

.pr-18,
.px-18 {
  padding-right: 60px !important;
}

.pb-18,
.py-18 {
  padding-bottom: 60px !important;
}

.pl-18,
.px-18 {
  padding-left: 60px !important;
}

.p-19 {
  padding: 70px !important;
}

.pt-19,
.py-19 {
  padding-top: 70px !important;
}

.pr-19,
.px-19 {
  padding-right: 70px !important;
}

.pb-19,
.py-19 {
  padding-bottom: 70px !important;
}

.pl-19,
.px-19 {
  padding-left: 70px !important;
}

.p-20 {
  padding: 80px !important;
}

.pt-20,
.py-20 {
  padding-top: 80px !important;
}

.pr-20,
.px-20 {
  padding-right: 80px !important;
}

.pb-20,
.py-20 {
  padding-bottom: 80px !important;
}

.pl-20,
.px-20 {
  padding-left: 80px !important;
}

.p-21 {
  padding: 120px !important;
}

.pt-21,
.py-21 {
  padding-top: 120px !important;
}

.pr-21,
.px-21 {
  padding-right: 120px !important;
}

.pb-21,
.py-21 {
  padding-bottom: 120px !important;
}

.pl-21,
.px-21 {
  padding-left: 120px !important;
}

.p-22 {
  padding: 150px !important;
}

.pt-22,
.py-22 {
  padding-top: 150px !important;
}

.pr-22,
.px-22 {
  padding-right: 150px !important;
}

.pb-22,
.py-22 {
  padding-bottom: 150px !important;
}

.pl-22,
.px-22 {
  padding-left: 150px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm--3 {
    margin: -7.5px !important;
  }
  .mt-sm--3,
  .my-sm--3 {
    margin-top: -7.5px !important;
  }
  .mr-sm--3,
  .mx-sm--3 {
    margin-right: -7.5px !important;
  }
  .mb-sm--3,
  .my-sm--3 {
    margin-bottom: -7.5px !important;
  }
  .ml-sm--3,
  .mx-sm--3 {
    margin-left: -7.5px !important;
  }
  .m-sm--2 {
    margin: -5px !important;
  }
  .mt-sm--2,
  .my-sm--2 {
    margin-top: -5px !important;
  }
  .mr-sm--2,
  .mx-sm--2 {
    margin-right: -5px !important;
  }
  .mb-sm--2,
  .my-sm--2 {
    margin-bottom: -5px !important;
  }
  .ml-sm--2,
  .mx-sm--2 {
    margin-left: -5px !important;
  }
  .m-sm--1 {
    margin: -2.5px !important;
  }
  .mt-sm--1,
  .my-sm--1 {
    margin-top: -2.5px !important;
  }
  .mr-sm--1,
  .mx-sm--1 {
    margin-right: -2.5px !important;
  }
  .mb-sm--1,
  .my-sm--1 {
    margin-bottom: -2.5px !important;
  }
  .ml-sm--1,
  .mx-sm--1 {
    margin-left: -2.5px !important;
  }
  .m-sm--1px {
    margin: -1px !important;
  }
  .mt-sm--1px,
  .my-sm--1px {
    margin-top: -1px !important;
  }
  .mr-sm--1px,
  .mx-sm--1px {
    margin-right: -1px !important;
  }
  .mb-sm--1px,
  .my-sm--1px {
    margin-bottom: -1px !important;
  }
  .ml-sm--1px,
  .mx-sm--1px {
    margin-left: -1px !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1px {
    margin: 1px !important;
  }
  .mt-sm-1px,
  .my-sm-1px {
    margin-top: 1px !important;
  }
  .mr-sm-1px,
  .mx-sm-1px {
    margin-right: 1px !important;
  }
  .mb-sm-1px,
  .my-sm-1px {
    margin-bottom: 1px !important;
  }
  .ml-sm-1px,
  .mx-sm-1px {
    margin-left: 1px !important;
  }
  .m-sm-1 {
    margin: 2.5px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 2.5px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 2.5px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 2.5px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 2.5px !important;
  }
  .m-sm-2 {
    margin: 5px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 5px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 5px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 5px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 5px !important;
  }
  .m-sm-3 {
    margin: 7.5px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 7.5px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 7.5px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 7.5px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 7.5px !important;
  }
  .m-sm-4 {
    margin: 10px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 10px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 10px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 10px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 10px !important;
  }
  .m-sm-5 {
    margin: 12.5px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 12.5px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 12.5px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 12.5px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 12.5px !important;
  }
  .m-sm-6 {
    margin: 15px !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 15px !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 15px !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 15px !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 15px !important;
  }
  .m-sm-7 {
    margin: 17.5px !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 17.5px !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 17.5px !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 17.5px !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 17.5px !important;
  }
  .m-sm-8 {
    margin: 20px !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 20px !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 20px !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 20px !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 20px !important;
  }
  .m-sm-9 {
    margin: 21.5px !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 21.5px !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 21.5px !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 21.5px !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 21.5px !important;
  }
  .m-sm-10 {
    margin: 25px !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 25px !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 25px !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 25px !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 25px !important;
  }
  .m-sm-11 {
    margin: 27.5px !important;
  }
  .mt-sm-11,
  .my-sm-11 {
    margin-top: 27.5px !important;
  }
  .mr-sm-11,
  .mx-sm-11 {
    margin-right: 27.5px !important;
  }
  .mb-sm-11,
  .my-sm-11 {
    margin-bottom: 27.5px !important;
  }
  .ml-sm-11,
  .mx-sm-11 {
    margin-left: 27.5px !important;
  }
  .m-sm-12 {
    margin: 30px !important;
  }
  .mt-sm-12,
  .my-sm-12 {
    margin-top: 30px !important;
  }
  .mr-sm-12,
  .mx-sm-12 {
    margin-right: 30px !important;
  }
  .mb-sm-12,
  .my-sm-12 {
    margin-bottom: 30px !important;
  }
  .ml-sm-12,
  .mx-sm-12 {
    margin-left: 30px !important;
  }
  .m-sm-13 {
    margin: 32.5px !important;
  }
  .mt-sm-13,
  .my-sm-13 {
    margin-top: 32.5px !important;
  }
  .mr-sm-13,
  .mx-sm-13 {
    margin-right: 32.5px !important;
  }
  .mb-sm-13,
  .my-sm-13 {
    margin-bottom: 32.5px !important;
  }
  .ml-sm-13,
  .mx-sm-13 {
    margin-left: 32.5px !important;
  }
  .m-sm-14 {
    margin: 35px !important;
  }
  .mt-sm-14,
  .my-sm-14 {
    margin-top: 35px !important;
  }
  .mr-sm-14,
  .mx-sm-14 {
    margin-right: 35px !important;
  }
  .mb-sm-14,
  .my-sm-14 {
    margin-bottom: 35px !important;
  }
  .ml-sm-14,
  .mx-sm-14 {
    margin-left: 35px !important;
  }
  .m-sm-15 {
    margin: 37.5px !important;
  }
  .mt-sm-15,
  .my-sm-15 {
    margin-top: 37.5px !important;
  }
  .mr-sm-15,
  .mx-sm-15 {
    margin-right: 37.5px !important;
  }
  .mb-sm-15,
  .my-sm-15 {
    margin-bottom: 37.5px !important;
  }
  .ml-sm-15,
  .mx-sm-15 {
    margin-left: 37.5px !important;
  }
  .m-sm-16 {
    margin: 40px !important;
  }
  .mt-sm-16,
  .my-sm-16 {
    margin-top: 40px !important;
  }
  .mr-sm-16,
  .mx-sm-16 {
    margin-right: 40px !important;
  }
  .mb-sm-16,
  .my-sm-16 {
    margin-bottom: 40px !important;
  }
  .ml-sm-16,
  .mx-sm-16 {
    margin-left: 40px !important;
  }
  .m-sm-17 {
    margin: 50px !important;
  }
  .mt-sm-17,
  .my-sm-17 {
    margin-top: 50px !important;
  }
  .mr-sm-17,
  .mx-sm-17 {
    margin-right: 50px !important;
  }
  .mb-sm-17,
  .my-sm-17 {
    margin-bottom: 50px !important;
  }
  .ml-sm-17,
  .mx-sm-17 {
    margin-left: 50px !important;
  }
  .m-sm-18 {
    margin: 60px !important;
  }
  .mt-sm-18,
  .my-sm-18 {
    margin-top: 60px !important;
  }
  .mr-sm-18,
  .mx-sm-18 {
    margin-right: 60px !important;
  }
  .mb-sm-18,
  .my-sm-18 {
    margin-bottom: 60px !important;
  }
  .ml-sm-18,
  .mx-sm-18 {
    margin-left: 60px !important;
  }
  .m-sm-19 {
    margin: 70px !important;
  }
  .mt-sm-19,
  .my-sm-19 {
    margin-top: 70px !important;
  }
  .mr-sm-19,
  .mx-sm-19 {
    margin-right: 70px !important;
  }
  .mb-sm-19,
  .my-sm-19 {
    margin-bottom: 70px !important;
  }
  .ml-sm-19,
  .mx-sm-19 {
    margin-left: 70px !important;
  }
  .m-sm-20 {
    margin: 80px !important;
  }
  .mt-sm-20,
  .my-sm-20 {
    margin-top: 80px !important;
  }
  .mr-sm-20,
  .mx-sm-20 {
    margin-right: 80px !important;
  }
  .mb-sm-20,
  .my-sm-20 {
    margin-bottom: 80px !important;
  }
  .ml-sm-20,
  .mx-sm-20 {
    margin-left: 80px !important;
  }
  .m-sm-21 {
    margin: 120px !important;
  }
  .mt-sm-21,
  .my-sm-21 {
    margin-top: 120px !important;
  }
  .mr-sm-21,
  .mx-sm-21 {
    margin-right: 120px !important;
  }
  .mb-sm-21,
  .my-sm-21 {
    margin-bottom: 120px !important;
  }
  .ml-sm-21,
  .mx-sm-21 {
    margin-left: 120px !important;
  }
  .m-sm-22 {
    margin: 150px !important;
  }
  .mt-sm-22,
  .my-sm-22 {
    margin-top: 150px !important;
  }
  .mr-sm-22,
  .mx-sm-22 {
    margin-right: 150px !important;
  }
  .mb-sm-22,
  .my-sm-22 {
    margin-bottom: 150px !important;
  }
  .ml-sm-22,
  .mx-sm-22 {
    margin-left: 150px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1px {
    padding: 1px !important;
  }
  .pt-sm-1px,
  .py-sm-1px {
    padding-top: 1px !important;
  }
  .pr-sm-1px,
  .px-sm-1px {
    padding-right: 1px !important;
  }
  .pb-sm-1px,
  .py-sm-1px {
    padding-bottom: 1px !important;
  }
  .pl-sm-1px,
  .px-sm-1px {
    padding-left: 1px !important;
  }
  .p-sm-1 {
    padding: 2.5px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 2.5px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 2.5px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 2.5px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 2.5px !important;
  }
  .p-sm-2 {
    padding: 5px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 5px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 5px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 5px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 5px !important;
  }
  .p-sm-3 {
    padding: 7.5px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 7.5px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 7.5px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 7.5px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 7.5px !important;
  }
  .p-sm-4 {
    padding: 10px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 10px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 10px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 10px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 10px !important;
  }
  .p-sm-5 {
    padding: 12.5px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 12.5px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 12.5px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 12.5px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 12.5px !important;
  }
  .p-sm-6 {
    padding: 15px !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 15px !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 15px !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 15px !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 15px !important;
  }
  .p-sm-7 {
    padding: 17.5px !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 17.5px !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 17.5px !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 17.5px !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 17.5px !important;
  }
  .p-sm-8 {
    padding: 20px !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 20px !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 20px !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 20px !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 20px !important;
  }
  .p-sm-9 {
    padding: 21.5px !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 21.5px !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 21.5px !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 21.5px !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 21.5px !important;
  }
  .p-sm-10 {
    padding: 25px !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 25px !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 25px !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 25px !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 25px !important;
  }
  .p-sm-11 {
    padding: 27.5px !important;
  }
  .pt-sm-11,
  .py-sm-11 {
    padding-top: 27.5px !important;
  }
  .pr-sm-11,
  .px-sm-11 {
    padding-right: 27.5px !important;
  }
  .pb-sm-11,
  .py-sm-11 {
    padding-bottom: 27.5px !important;
  }
  .pl-sm-11,
  .px-sm-11 {
    padding-left: 27.5px !important;
  }
  .p-sm-12 {
    padding: 30px !important;
  }
  .pt-sm-12,
  .py-sm-12 {
    padding-top: 30px !important;
  }
  .pr-sm-12,
  .px-sm-12 {
    padding-right: 30px !important;
  }
  .pb-sm-12,
  .py-sm-12 {
    padding-bottom: 30px !important;
  }
  .pl-sm-12,
  .px-sm-12 {
    padding-left: 30px !important;
  }
  .p-sm-13 {
    padding: 32.5px !important;
  }
  .pt-sm-13,
  .py-sm-13 {
    padding-top: 32.5px !important;
  }
  .pr-sm-13,
  .px-sm-13 {
    padding-right: 32.5px !important;
  }
  .pb-sm-13,
  .py-sm-13 {
    padding-bottom: 32.5px !important;
  }
  .pl-sm-13,
  .px-sm-13 {
    padding-left: 32.5px !important;
  }
  .p-sm-14 {
    padding: 35px !important;
  }
  .pt-sm-14,
  .py-sm-14 {
    padding-top: 35px !important;
  }
  .pr-sm-14,
  .px-sm-14 {
    padding-right: 35px !important;
  }
  .pb-sm-14,
  .py-sm-14 {
    padding-bottom: 35px !important;
  }
  .pl-sm-14,
  .px-sm-14 {
    padding-left: 35px !important;
  }
  .p-sm-15 {
    padding: 37.5px !important;
  }
  .pt-sm-15,
  .py-sm-15 {
    padding-top: 37.5px !important;
  }
  .pr-sm-15,
  .px-sm-15 {
    padding-right: 37.5px !important;
  }
  .pb-sm-15,
  .py-sm-15 {
    padding-bottom: 37.5px !important;
  }
  .pl-sm-15,
  .px-sm-15 {
    padding-left: 37.5px !important;
  }
  .p-sm-16 {
    padding: 40px !important;
  }
  .pt-sm-16,
  .py-sm-16 {
    padding-top: 40px !important;
  }
  .pr-sm-16,
  .px-sm-16 {
    padding-right: 40px !important;
  }
  .pb-sm-16,
  .py-sm-16 {
    padding-bottom: 40px !important;
  }
  .pl-sm-16,
  .px-sm-16 {
    padding-left: 40px !important;
  }
  .p-sm-17 {
    padding: 50px !important;
  }
  .pt-sm-17,
  .py-sm-17 {
    padding-top: 50px !important;
  }
  .pr-sm-17,
  .px-sm-17 {
    padding-right: 50px !important;
  }
  .pb-sm-17,
  .py-sm-17 {
    padding-bottom: 50px !important;
  }
  .pl-sm-17,
  .px-sm-17 {
    padding-left: 50px !important;
  }
  .p-sm-18 {
    padding: 60px !important;
  }
  .pt-sm-18,
  .py-sm-18 {
    padding-top: 60px !important;
  }
  .pr-sm-18,
  .px-sm-18 {
    padding-right: 60px !important;
  }
  .pb-sm-18,
  .py-sm-18 {
    padding-bottom: 60px !important;
  }
  .pl-sm-18,
  .px-sm-18 {
    padding-left: 60px !important;
  }
  .p-sm-19 {
    padding: 70px !important;
  }
  .pt-sm-19,
  .py-sm-19 {
    padding-top: 70px !important;
  }
  .pr-sm-19,
  .px-sm-19 {
    padding-right: 70px !important;
  }
  .pb-sm-19,
  .py-sm-19 {
    padding-bottom: 70px !important;
  }
  .pl-sm-19,
  .px-sm-19 {
    padding-left: 70px !important;
  }
  .p-sm-20 {
    padding: 80px !important;
  }
  .pt-sm-20,
  .py-sm-20 {
    padding-top: 80px !important;
  }
  .pr-sm-20,
  .px-sm-20 {
    padding-right: 80px !important;
  }
  .pb-sm-20,
  .py-sm-20 {
    padding-bottom: 80px !important;
  }
  .pl-sm-20,
  .px-sm-20 {
    padding-left: 80px !important;
  }
  .p-sm-21 {
    padding: 120px !important;
  }
  .pt-sm-21,
  .py-sm-21 {
    padding-top: 120px !important;
  }
  .pr-sm-21,
  .px-sm-21 {
    padding-right: 120px !important;
  }
  .pb-sm-21,
  .py-sm-21 {
    padding-bottom: 120px !important;
  }
  .pl-sm-21,
  .px-sm-21 {
    padding-left: 120px !important;
  }
  .p-sm-22 {
    padding: 150px !important;
  }
  .pt-sm-22,
  .py-sm-22 {
    padding-top: 150px !important;
  }
  .pr-sm-22,
  .px-sm-22 {
    padding-right: 150px !important;
  }
  .pb-sm-22,
  .py-sm-22 {
    padding-bottom: 150px !important;
  }
  .pl-sm-22,
  .px-sm-22 {
    padding-left: 150px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md--3 {
    margin: -7.5px !important;
  }
  .mt-md--3,
  .my-md--3 {
    margin-top: -7.5px !important;
  }
  .mr-md--3,
  .mx-md--3 {
    margin-right: -7.5px !important;
  }
  .mb-md--3,
  .my-md--3 {
    margin-bottom: -7.5px !important;
  }
  .ml-md--3,
  .mx-md--3 {
    margin-left: -7.5px !important;
  }
  .m-md--2 {
    margin: -5px !important;
  }
  .mt-md--2,
  .my-md--2 {
    margin-top: -5px !important;
  }
  .mr-md--2,
  .mx-md--2 {
    margin-right: -5px !important;
  }
  .mb-md--2,
  .my-md--2 {
    margin-bottom: -5px !important;
  }
  .ml-md--2,
  .mx-md--2 {
    margin-left: -5px !important;
  }
  .m-md--1 {
    margin: -2.5px !important;
  }
  .mt-md--1,
  .my-md--1 {
    margin-top: -2.5px !important;
  }
  .mr-md--1,
  .mx-md--1 {
    margin-right: -2.5px !important;
  }
  .mb-md--1,
  .my-md--1 {
    margin-bottom: -2.5px !important;
  }
  .ml-md--1,
  .mx-md--1 {
    margin-left: -2.5px !important;
  }
  .m-md--1px {
    margin: -1px !important;
  }
  .mt-md--1px,
  .my-md--1px {
    margin-top: -1px !important;
  }
  .mr-md--1px,
  .mx-md--1px {
    margin-right: -1px !important;
  }
  .mb-md--1px,
  .my-md--1px {
    margin-bottom: -1px !important;
  }
  .ml-md--1px,
  .mx-md--1px {
    margin-left: -1px !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1px {
    margin: 1px !important;
  }
  .mt-md-1px,
  .my-md-1px {
    margin-top: 1px !important;
  }
  .mr-md-1px,
  .mx-md-1px {
    margin-right: 1px !important;
  }
  .mb-md-1px,
  .my-md-1px {
    margin-bottom: 1px !important;
  }
  .ml-md-1px,
  .mx-md-1px {
    margin-left: 1px !important;
  }
  .m-md-1 {
    margin: 2.5px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 2.5px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 2.5px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 2.5px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 2.5px !important;
  }
  .m-md-2 {
    margin: 5px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 5px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 5px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 5px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 5px !important;
  }
  .m-md-3 {
    margin: 7.5px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 7.5px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 7.5px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 7.5px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 7.5px !important;
  }
  .m-md-4 {
    margin: 10px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 10px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 10px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 10px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 10px !important;
  }
  .m-md-5 {
    margin: 12.5px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 12.5px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 12.5px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 12.5px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 12.5px !important;
  }
  .m-md-6 {
    margin: 15px !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 15px !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 15px !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 15px !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 15px !important;
  }
  .m-md-7 {
    margin: 17.5px !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 17.5px !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 17.5px !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 17.5px !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 17.5px !important;
  }
  .m-md-8 {
    margin: 20px !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 20px !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 20px !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 20px !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 20px !important;
  }
  .m-md-9 {
    margin: 21.5px !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 21.5px !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 21.5px !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 21.5px !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 21.5px !important;
  }
  .m-md-10 {
    margin: 25px !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 25px !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 25px !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 25px !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 25px !important;
  }
  .m-md-11 {
    margin: 27.5px !important;
  }
  .mt-md-11,
  .my-md-11 {
    margin-top: 27.5px !important;
  }
  .mr-md-11,
  .mx-md-11 {
    margin-right: 27.5px !important;
  }
  .mb-md-11,
  .my-md-11 {
    margin-bottom: 27.5px !important;
  }
  .ml-md-11,
  .mx-md-11 {
    margin-left: 27.5px !important;
  }
  .m-md-12 {
    margin: 30px !important;
  }
  .mt-md-12,
  .my-md-12 {
    margin-top: 30px !important;
  }
  .mr-md-12,
  .mx-md-12 {
    margin-right: 30px !important;
  }
  .mb-md-12,
  .my-md-12 {
    margin-bottom: 30px !important;
  }
  .ml-md-12,
  .mx-md-12 {
    margin-left: 30px !important;
  }
  .m-md-13 {
    margin: 32.5px !important;
  }
  .mt-md-13,
  .my-md-13 {
    margin-top: 32.5px !important;
  }
  .mr-md-13,
  .mx-md-13 {
    margin-right: 32.5px !important;
  }
  .mb-md-13,
  .my-md-13 {
    margin-bottom: 32.5px !important;
  }
  .ml-md-13,
  .mx-md-13 {
    margin-left: 32.5px !important;
  }
  .m-md-14 {
    margin: 35px !important;
  }
  .mt-md-14,
  .my-md-14 {
    margin-top: 35px !important;
  }
  .mr-md-14,
  .mx-md-14 {
    margin-right: 35px !important;
  }
  .mb-md-14,
  .my-md-14 {
    margin-bottom: 35px !important;
  }
  .ml-md-14,
  .mx-md-14 {
    margin-left: 35px !important;
  }
  .m-md-15 {
    margin: 37.5px !important;
  }
  .mt-md-15,
  .my-md-15 {
    margin-top: 37.5px !important;
  }
  .mr-md-15,
  .mx-md-15 {
    margin-right: 37.5px !important;
  }
  .mb-md-15,
  .my-md-15 {
    margin-bottom: 37.5px !important;
  }
  .ml-md-15,
  .mx-md-15 {
    margin-left: 37.5px !important;
  }
  .m-md-16 {
    margin: 40px !important;
  }
  .mt-md-16,
  .my-md-16 {
    margin-top: 40px !important;
  }
  .mr-md-16,
  .mx-md-16 {
    margin-right: 40px !important;
  }
  .mb-md-16,
  .my-md-16 {
    margin-bottom: 40px !important;
  }
  .ml-md-16,
  .mx-md-16 {
    margin-left: 40px !important;
  }
  .m-md-17 {
    margin: 50px !important;
  }
  .mt-md-17,
  .my-md-17 {
    margin-top: 50px !important;
  }
  .mr-md-17,
  .mx-md-17 {
    margin-right: 50px !important;
  }
  .mb-md-17,
  .my-md-17 {
    margin-bottom: 50px !important;
  }
  .ml-md-17,
  .mx-md-17 {
    margin-left: 50px !important;
  }
  .m-md-18 {
    margin: 60px !important;
  }
  .mt-md-18,
  .my-md-18 {
    margin-top: 60px !important;
  }
  .mr-md-18,
  .mx-md-18 {
    margin-right: 60px !important;
  }
  .mb-md-18,
  .my-md-18 {
    margin-bottom: 60px !important;
  }
  .ml-md-18,
  .mx-md-18 {
    margin-left: 60px !important;
  }
  .m-md-19 {
    margin: 70px !important;
  }
  .mt-md-19,
  .my-md-19 {
    margin-top: 70px !important;
  }
  .mr-md-19,
  .mx-md-19 {
    margin-right: 70px !important;
  }
  .mb-md-19,
  .my-md-19 {
    margin-bottom: 70px !important;
  }
  .ml-md-19,
  .mx-md-19 {
    margin-left: 70px !important;
  }
  .m-md-20 {
    margin: 80px !important;
  }
  .mt-md-20,
  .my-md-20 {
    margin-top: 80px !important;
  }
  .mr-md-20,
  .mx-md-20 {
    margin-right: 80px !important;
  }
  .mb-md-20,
  .my-md-20 {
    margin-bottom: 80px !important;
  }
  .ml-md-20,
  .mx-md-20 {
    margin-left: 80px !important;
  }
  .m-md-21 {
    margin: 120px !important;
  }
  .mt-md-21,
  .my-md-21 {
    margin-top: 120px !important;
  }
  .mr-md-21,
  .mx-md-21 {
    margin-right: 120px !important;
  }
  .mb-md-21,
  .my-md-21 {
    margin-bottom: 120px !important;
  }
  .ml-md-21,
  .mx-md-21 {
    margin-left: 120px !important;
  }
  .m-md-22 {
    margin: 150px !important;
  }
  .mt-md-22,
  .my-md-22 {
    margin-top: 150px !important;
  }
  .mr-md-22,
  .mx-md-22 {
    margin-right: 150px !important;
  }
  .mb-md-22,
  .my-md-22 {
    margin-bottom: 150px !important;
  }
  .ml-md-22,
  .mx-md-22 {
    margin-left: 150px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1px {
    padding: 1px !important;
  }
  .pt-md-1px,
  .py-md-1px {
    padding-top: 1px !important;
  }
  .pr-md-1px,
  .px-md-1px {
    padding-right: 1px !important;
  }
  .pb-md-1px,
  .py-md-1px {
    padding-bottom: 1px !important;
  }
  .pl-md-1px,
  .px-md-1px {
    padding-left: 1px !important;
  }
  .p-md-1 {
    padding: 2.5px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 2.5px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 2.5px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 2.5px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 2.5px !important;
  }
  .p-md-2 {
    padding: 5px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 5px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 5px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 5px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 5px !important;
  }
  .p-md-3 {
    padding: 7.5px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 7.5px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 7.5px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 7.5px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 7.5px !important;
  }
  .p-md-4 {
    padding: 10px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 10px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 10px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 10px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 10px !important;
  }
  .p-md-5 {
    padding: 12.5px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 12.5px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 12.5px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 12.5px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 12.5px !important;
  }
  .p-md-6 {
    padding: 15px !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 15px !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 15px !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 15px !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 15px !important;
  }
  .p-md-7 {
    padding: 17.5px !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 17.5px !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 17.5px !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 17.5px !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 17.5px !important;
  }
  .p-md-8 {
    padding: 20px !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 20px !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 20px !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 20px !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 20px !important;
  }
  .p-md-9 {
    padding: 21.5px !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 21.5px !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 21.5px !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 21.5px !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 21.5px !important;
  }
  .p-md-10 {
    padding: 25px !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 25px !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 25px !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 25px !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 25px !important;
  }
  .p-md-11 {
    padding: 27.5px !important;
  }
  .pt-md-11,
  .py-md-11 {
    padding-top: 27.5px !important;
  }
  .pr-md-11,
  .px-md-11 {
    padding-right: 27.5px !important;
  }
  .pb-md-11,
  .py-md-11 {
    padding-bottom: 27.5px !important;
  }
  .pl-md-11,
  .px-md-11 {
    padding-left: 27.5px !important;
  }
  .p-md-12 {
    padding: 30px !important;
  }
  .pt-md-12,
  .py-md-12 {
    padding-top: 30px !important;
  }
  .pr-md-12,
  .px-md-12 {
    padding-right: 30px !important;
  }
  .pb-md-12,
  .py-md-12 {
    padding-bottom: 30px !important;
  }
  .pl-md-12,
  .px-md-12 {
    padding-left: 30px !important;
  }
  .p-md-13 {
    padding: 32.5px !important;
  }
  .pt-md-13,
  .py-md-13 {
    padding-top: 32.5px !important;
  }
  .pr-md-13,
  .px-md-13 {
    padding-right: 32.5px !important;
  }
  .pb-md-13,
  .py-md-13 {
    padding-bottom: 32.5px !important;
  }
  .pl-md-13,
  .px-md-13 {
    padding-left: 32.5px !important;
  }
  .p-md-14 {
    padding: 35px !important;
  }
  .pt-md-14,
  .py-md-14 {
    padding-top: 35px !important;
  }
  .pr-md-14,
  .px-md-14 {
    padding-right: 35px !important;
  }
  .pb-md-14,
  .py-md-14 {
    padding-bottom: 35px !important;
  }
  .pl-md-14,
  .px-md-14 {
    padding-left: 35px !important;
  }
  .p-md-15 {
    padding: 37.5px !important;
  }
  .pt-md-15,
  .py-md-15 {
    padding-top: 37.5px !important;
  }
  .pr-md-15,
  .px-md-15 {
    padding-right: 37.5px !important;
  }
  .pb-md-15,
  .py-md-15 {
    padding-bottom: 37.5px !important;
  }
  .pl-md-15,
  .px-md-15 {
    padding-left: 37.5px !important;
  }
  .p-md-16 {
    padding: 40px !important;
  }
  .pt-md-16,
  .py-md-16 {
    padding-top: 40px !important;
  }
  .pr-md-16,
  .px-md-16 {
    padding-right: 40px !important;
  }
  .pb-md-16,
  .py-md-16 {
    padding-bottom: 40px !important;
  }
  .pl-md-16,
  .px-md-16 {
    padding-left: 40px !important;
  }
  .p-md-17 {
    padding: 50px !important;
  }
  .pt-md-17,
  .py-md-17 {
    padding-top: 50px !important;
  }
  .pr-md-17,
  .px-md-17 {
    padding-right: 50px !important;
  }
  .pb-md-17,
  .py-md-17 {
    padding-bottom: 50px !important;
  }
  .pl-md-17,
  .px-md-17 {
    padding-left: 50px !important;
  }
  .p-md-18 {
    padding: 60px !important;
  }
  .pt-md-18,
  .py-md-18 {
    padding-top: 60px !important;
  }
  .pr-md-18,
  .px-md-18 {
    padding-right: 60px !important;
  }
  .pb-md-18,
  .py-md-18 {
    padding-bottom: 60px !important;
  }
  .pl-md-18,
  .px-md-18 {
    padding-left: 60px !important;
  }
  .p-md-19 {
    padding: 70px !important;
  }
  .pt-md-19,
  .py-md-19 {
    padding-top: 70px !important;
  }
  .pr-md-19,
  .px-md-19 {
    padding-right: 70px !important;
  }
  .pb-md-19,
  .py-md-19 {
    padding-bottom: 70px !important;
  }
  .pl-md-19,
  .px-md-19 {
    padding-left: 70px !important;
  }
  .p-md-20 {
    padding: 80px !important;
  }
  .pt-md-20,
  .py-md-20 {
    padding-top: 80px !important;
  }
  .pr-md-20,
  .px-md-20 {
    padding-right: 80px !important;
  }
  .pb-md-20,
  .py-md-20 {
    padding-bottom: 80px !important;
  }
  .pl-md-20,
  .px-md-20 {
    padding-left: 80px !important;
  }
  .p-md-21 {
    padding: 120px !important;
  }
  .pt-md-21,
  .py-md-21 {
    padding-top: 120px !important;
  }
  .pr-md-21,
  .px-md-21 {
    padding-right: 120px !important;
  }
  .pb-md-21,
  .py-md-21 {
    padding-bottom: 120px !important;
  }
  .pl-md-21,
  .px-md-21 {
    padding-left: 120px !important;
  }
  .p-md-22 {
    padding: 150px !important;
  }
  .pt-md-22,
  .py-md-22 {
    padding-top: 150px !important;
  }
  .pr-md-22,
  .px-md-22 {
    padding-right: 150px !important;
  }
  .pb-md-22,
  .py-md-22 {
    padding-bottom: 150px !important;
  }
  .pl-md-22,
  .px-md-22 {
    padding-left: 150px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg--3 {
    margin: -7.5px !important;
  }
  .mt-lg--3,
  .my-lg--3 {
    margin-top: -7.5px !important;
  }
  .mr-lg--3,
  .mx-lg--3 {
    margin-right: -7.5px !important;
  }
  .mb-lg--3,
  .my-lg--3 {
    margin-bottom: -7.5px !important;
  }
  .ml-lg--3,
  .mx-lg--3 {
    margin-left: -7.5px !important;
  }
  .m-lg--2 {
    margin: -5px !important;
  }
  .mt-lg--2,
  .my-lg--2 {
    margin-top: -5px !important;
  }
  .mr-lg--2,
  .mx-lg--2 {
    margin-right: -5px !important;
  }
  .mb-lg--2,
  .my-lg--2 {
    margin-bottom: -5px !important;
  }
  .ml-lg--2,
  .mx-lg--2 {
    margin-left: -5px !important;
  }
  .m-lg--1 {
    margin: -2.5px !important;
  }
  .mt-lg--1,
  .my-lg--1 {
    margin-top: -2.5px !important;
  }
  .mr-lg--1,
  .mx-lg--1 {
    margin-right: -2.5px !important;
  }
  .mb-lg--1,
  .my-lg--1 {
    margin-bottom: -2.5px !important;
  }
  .ml-lg--1,
  .mx-lg--1 {
    margin-left: -2.5px !important;
  }
  .m-lg--1px {
    margin: -1px !important;
  }
  .mt-lg--1px,
  .my-lg--1px {
    margin-top: -1px !important;
  }
  .mr-lg--1px,
  .mx-lg--1px {
    margin-right: -1px !important;
  }
  .mb-lg--1px,
  .my-lg--1px {
    margin-bottom: -1px !important;
  }
  .ml-lg--1px,
  .mx-lg--1px {
    margin-left: -1px !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1px {
    margin: 1px !important;
  }
  .mt-lg-1px,
  .my-lg-1px {
    margin-top: 1px !important;
  }
  .mr-lg-1px,
  .mx-lg-1px {
    margin-right: 1px !important;
  }
  .mb-lg-1px,
  .my-lg-1px {
    margin-bottom: 1px !important;
  }
  .ml-lg-1px,
  .mx-lg-1px {
    margin-left: 1px !important;
  }
  .m-lg-1 {
    margin: 2.5px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 2.5px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 2.5px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 2.5px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 2.5px !important;
  }
  .m-lg-2 {
    margin: 5px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 5px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 5px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 5px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 5px !important;
  }
  .m-lg-3 {
    margin: 7.5px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 7.5px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 7.5px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 7.5px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 7.5px !important;
  }
  .m-lg-4 {
    margin: 10px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 10px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 10px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 10px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 10px !important;
  }
  .m-lg-5 {
    margin: 12.5px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 12.5px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 12.5px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 12.5px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 12.5px !important;
  }
  .m-lg-6 {
    margin: 15px !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 15px !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 15px !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 15px !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 15px !important;
  }
  .m-lg-7 {
    margin: 17.5px !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 17.5px !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 17.5px !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 17.5px !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 17.5px !important;
  }
  .m-lg-8 {
    margin: 20px !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 20px !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 20px !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 20px !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 20px !important;
  }
  .m-lg-9 {
    margin: 21.5px !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 21.5px !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 21.5px !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 21.5px !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 21.5px !important;
  }
  .m-lg-10 {
    margin: 25px !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 25px !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 25px !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 25px !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 25px !important;
  }
  .m-lg-11 {
    margin: 27.5px !important;
  }
  .mt-lg-11,
  .my-lg-11 {
    margin-top: 27.5px !important;
  }
  .mr-lg-11,
  .mx-lg-11 {
    margin-right: 27.5px !important;
  }
  .mb-lg-11,
  .my-lg-11 {
    margin-bottom: 27.5px !important;
  }
  .ml-lg-11,
  .mx-lg-11 {
    margin-left: 27.5px !important;
  }
  .m-lg-12 {
    margin: 30px !important;
  }
  .mt-lg-12,
  .my-lg-12 {
    margin-top: 30px !important;
  }
  .mr-lg-12,
  .mx-lg-12 {
    margin-right: 30px !important;
  }
  .mb-lg-12,
  .my-lg-12 {
    margin-bottom: 30px !important;
  }
  .ml-lg-12,
  .mx-lg-12 {
    margin-left: 30px !important;
  }
  .m-lg-13 {
    margin: 32.5px !important;
  }
  .mt-lg-13,
  .my-lg-13 {
    margin-top: 32.5px !important;
  }
  .mr-lg-13,
  .mx-lg-13 {
    margin-right: 32.5px !important;
  }
  .mb-lg-13,
  .my-lg-13 {
    margin-bottom: 32.5px !important;
  }
  .ml-lg-13,
  .mx-lg-13 {
    margin-left: 32.5px !important;
  }
  .m-lg-14 {
    margin: 35px !important;
  }
  .mt-lg-14,
  .my-lg-14 {
    margin-top: 35px !important;
  }
  .mr-lg-14,
  .mx-lg-14 {
    margin-right: 35px !important;
  }
  .mb-lg-14,
  .my-lg-14 {
    margin-bottom: 35px !important;
  }
  .ml-lg-14,
  .mx-lg-14 {
    margin-left: 35px !important;
  }
  .m-lg-15 {
    margin: 37.5px !important;
  }
  .mt-lg-15,
  .my-lg-15 {
    margin-top: 37.5px !important;
  }
  .mr-lg-15,
  .mx-lg-15 {
    margin-right: 37.5px !important;
  }
  .mb-lg-15,
  .my-lg-15 {
    margin-bottom: 37.5px !important;
  }
  .ml-lg-15,
  .mx-lg-15 {
    margin-left: 37.5px !important;
  }
  .m-lg-16 {
    margin: 40px !important;
  }
  .mt-lg-16,
  .my-lg-16 {
    margin-top: 40px !important;
  }
  .mr-lg-16,
  .mx-lg-16 {
    margin-right: 40px !important;
  }
  .mb-lg-16,
  .my-lg-16 {
    margin-bottom: 40px !important;
  }
  .ml-lg-16,
  .mx-lg-16 {
    margin-left: 40px !important;
  }
  .m-lg-17 {
    margin: 50px !important;
  }
  .mt-lg-17,
  .my-lg-17 {
    margin-top: 50px !important;
  }
  .mr-lg-17,
  .mx-lg-17 {
    margin-right: 50px !important;
  }
  .mb-lg-17,
  .my-lg-17 {
    margin-bottom: 50px !important;
  }
  .ml-lg-17,
  .mx-lg-17 {
    margin-left: 50px !important;
  }
  .m-lg-18 {
    margin: 60px !important;
  }
  .mt-lg-18,
  .my-lg-18 {
    margin-top: 60px !important;
  }
  .mr-lg-18,
  .mx-lg-18 {
    margin-right: 60px !important;
  }
  .mb-lg-18,
  .my-lg-18 {
    margin-bottom: 60px !important;
  }
  .ml-lg-18,
  .mx-lg-18 {
    margin-left: 60px !important;
  }
  .m-lg-19 {
    margin: 70px !important;
  }
  .mt-lg-19,
  .my-lg-19 {
    margin-top: 70px !important;
  }
  .mr-lg-19,
  .mx-lg-19 {
    margin-right: 70px !important;
  }
  .mb-lg-19,
  .my-lg-19 {
    margin-bottom: 70px !important;
  }
  .ml-lg-19,
  .mx-lg-19 {
    margin-left: 70px !important;
  }
  .m-lg-20 {
    margin: 80px !important;
  }
  .mt-lg-20,
  .my-lg-20 {
    margin-top: 80px !important;
  }
  .mr-lg-20,
  .mx-lg-20 {
    margin-right: 80px !important;
  }
  .mb-lg-20,
  .my-lg-20 {
    margin-bottom: 80px !important;
  }
  .ml-lg-20,
  .mx-lg-20 {
    margin-left: 80px !important;
  }
  .m-lg-21 {
    margin: 120px !important;
  }
  .mt-lg-21,
  .my-lg-21 {
    margin-top: 120px !important;
  }
  .mr-lg-21,
  .mx-lg-21 {
    margin-right: 120px !important;
  }
  .mb-lg-21,
  .my-lg-21 {
    margin-bottom: 120px !important;
  }
  .ml-lg-21,
  .mx-lg-21 {
    margin-left: 120px !important;
  }
  .m-lg-22 {
    margin: 150px !important;
  }
  .mt-lg-22,
  .my-lg-22 {
    margin-top: 150px !important;
  }
  .mr-lg-22,
  .mx-lg-22 {
    margin-right: 150px !important;
  }
  .mb-lg-22,
  .my-lg-22 {
    margin-bottom: 150px !important;
  }
  .ml-lg-22,
  .mx-lg-22 {
    margin-left: 150px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1px {
    padding: 1px !important;
  }
  .pt-lg-1px,
  .py-lg-1px {
    padding-top: 1px !important;
  }
  .pr-lg-1px,
  .px-lg-1px {
    padding-right: 1px !important;
  }
  .pb-lg-1px,
  .py-lg-1px {
    padding-bottom: 1px !important;
  }
  .pl-lg-1px,
  .px-lg-1px {
    padding-left: 1px !important;
  }
  .p-lg-1 {
    padding: 2.5px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 2.5px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 2.5px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 2.5px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 2.5px !important;
  }
  .p-lg-2 {
    padding: 5px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 5px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 5px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 5px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 5px !important;
  }
  .p-lg-3 {
    padding: 7.5px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 7.5px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 7.5px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 7.5px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 7.5px !important;
  }
  .p-lg-4 {
    padding: 10px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 10px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 10px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 10px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 10px !important;
  }
  .p-lg-5 {
    padding: 12.5px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 12.5px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 12.5px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 12.5px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 12.5px !important;
  }
  .p-lg-6 {
    padding: 15px !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 15px !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 15px !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 15px !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 15px !important;
  }
  .p-lg-7 {
    padding: 17.5px !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 17.5px !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 17.5px !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 17.5px !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 17.5px !important;
  }
  .p-lg-8 {
    padding: 20px !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 20px !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 20px !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 20px !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 20px !important;
  }
  .p-lg-9 {
    padding: 21.5px !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 21.5px !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 21.5px !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 21.5px !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 21.5px !important;
  }
  .p-lg-10 {
    padding: 25px !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 25px !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 25px !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 25px !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 25px !important;
  }
  .p-lg-11 {
    padding: 27.5px !important;
  }
  .pt-lg-11,
  .py-lg-11 {
    padding-top: 27.5px !important;
  }
  .pr-lg-11,
  .px-lg-11 {
    padding-right: 27.5px !important;
  }
  .pb-lg-11,
  .py-lg-11 {
    padding-bottom: 27.5px !important;
  }
  .pl-lg-11,
  .px-lg-11 {
    padding-left: 27.5px !important;
  }
  .p-lg-12 {
    padding: 30px !important;
  }
  .pt-lg-12,
  .py-lg-12 {
    padding-top: 30px !important;
  }
  .pr-lg-12,
  .px-lg-12 {
    padding-right: 30px !important;
  }
  .pb-lg-12,
  .py-lg-12 {
    padding-bottom: 30px !important;
  }
  .pl-lg-12,
  .px-lg-12 {
    padding-left: 30px !important;
  }
  .p-lg-13 {
    padding: 32.5px !important;
  }
  .pt-lg-13,
  .py-lg-13 {
    padding-top: 32.5px !important;
  }
  .pr-lg-13,
  .px-lg-13 {
    padding-right: 32.5px !important;
  }
  .pb-lg-13,
  .py-lg-13 {
    padding-bottom: 32.5px !important;
  }
  .pl-lg-13,
  .px-lg-13 {
    padding-left: 32.5px !important;
  }
  .p-lg-14 {
    padding: 35px !important;
  }
  .pt-lg-14,
  .py-lg-14 {
    padding-top: 35px !important;
  }
  .pr-lg-14,
  .px-lg-14 {
    padding-right: 35px !important;
  }
  .pb-lg-14,
  .py-lg-14 {
    padding-bottom: 35px !important;
  }
  .pl-lg-14,
  .px-lg-14 {
    padding-left: 35px !important;
  }
  .p-lg-15 {
    padding: 37.5px !important;
  }
  .pt-lg-15,
  .py-lg-15 {
    padding-top: 37.5px !important;
  }
  .pr-lg-15,
  .px-lg-15 {
    padding-right: 37.5px !important;
  }
  .pb-lg-15,
  .py-lg-15 {
    padding-bottom: 37.5px !important;
  }
  .pl-lg-15,
  .px-lg-15 {
    padding-left: 37.5px !important;
  }
  .p-lg-16 {
    padding: 40px !important;
  }
  .pt-lg-16,
  .py-lg-16 {
    padding-top: 40px !important;
  }
  .pr-lg-16,
  .px-lg-16 {
    padding-right: 40px !important;
  }
  .pb-lg-16,
  .py-lg-16 {
    padding-bottom: 40px !important;
  }
  .pl-lg-16,
  .px-lg-16 {
    padding-left: 40px !important;
  }
  .p-lg-17 {
    padding: 50px !important;
  }
  .pt-lg-17,
  .py-lg-17 {
    padding-top: 50px !important;
  }
  .pr-lg-17,
  .px-lg-17 {
    padding-right: 50px !important;
  }
  .pb-lg-17,
  .py-lg-17 {
    padding-bottom: 50px !important;
  }
  .pl-lg-17,
  .px-lg-17 {
    padding-left: 50px !important;
  }
  .p-lg-18 {
    padding: 60px !important;
  }
  .pt-lg-18,
  .py-lg-18 {
    padding-top: 60px !important;
  }
  .pr-lg-18,
  .px-lg-18 {
    padding-right: 60px !important;
  }
  .pb-lg-18,
  .py-lg-18 {
    padding-bottom: 60px !important;
  }
  .pl-lg-18,
  .px-lg-18 {
    padding-left: 60px !important;
  }
  .p-lg-19 {
    padding: 70px !important;
  }
  .pt-lg-19,
  .py-lg-19 {
    padding-top: 70px !important;
  }
  .pr-lg-19,
  .px-lg-19 {
    padding-right: 70px !important;
  }
  .pb-lg-19,
  .py-lg-19 {
    padding-bottom: 70px !important;
  }
  .pl-lg-19,
  .px-lg-19 {
    padding-left: 70px !important;
  }
  .p-lg-20 {
    padding: 80px !important;
  }
  .pt-lg-20,
  .py-lg-20 {
    padding-top: 80px !important;
  }
  .pr-lg-20,
  .px-lg-20 {
    padding-right: 80px !important;
  }
  .pb-lg-20,
  .py-lg-20 {
    padding-bottom: 80px !important;
  }
  .pl-lg-20,
  .px-lg-20 {
    padding-left: 80px !important;
  }
  .p-lg-21 {
    padding: 120px !important;
  }
  .pt-lg-21,
  .py-lg-21 {
    padding-top: 120px !important;
  }
  .pr-lg-21,
  .px-lg-21 {
    padding-right: 120px !important;
  }
  .pb-lg-21,
  .py-lg-21 {
    padding-bottom: 120px !important;
  }
  .pl-lg-21,
  .px-lg-21 {
    padding-left: 120px !important;
  }
  .p-lg-22 {
    padding: 150px !important;
  }
  .pt-lg-22,
  .py-lg-22 {
    padding-top: 150px !important;
  }
  .pr-lg-22,
  .px-lg-22 {
    padding-right: 150px !important;
  }
  .pb-lg-22,
  .py-lg-22 {
    padding-bottom: 150px !important;
  }
  .pl-lg-22,
  .px-lg-22 {
    padding-left: 150px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl--3 {
    margin: -7.5px !important;
  }
  .mt-xl--3,
  .my-xl--3 {
    margin-top: -7.5px !important;
  }
  .mr-xl--3,
  .mx-xl--3 {
    margin-right: -7.5px !important;
  }
  .mb-xl--3,
  .my-xl--3 {
    margin-bottom: -7.5px !important;
  }
  .ml-xl--3,
  .mx-xl--3 {
    margin-left: -7.5px !important;
  }
  .m-xl--2 {
    margin: -5px !important;
  }
  .mt-xl--2,
  .my-xl--2 {
    margin-top: -5px !important;
  }
  .mr-xl--2,
  .mx-xl--2 {
    margin-right: -5px !important;
  }
  .mb-xl--2,
  .my-xl--2 {
    margin-bottom: -5px !important;
  }
  .ml-xl--2,
  .mx-xl--2 {
    margin-left: -5px !important;
  }
  .m-xl--1 {
    margin: -2.5px !important;
  }
  .mt-xl--1,
  .my-xl--1 {
    margin-top: -2.5px !important;
  }
  .mr-xl--1,
  .mx-xl--1 {
    margin-right: -2.5px !important;
  }
  .mb-xl--1,
  .my-xl--1 {
    margin-bottom: -2.5px !important;
  }
  .ml-xl--1,
  .mx-xl--1 {
    margin-left: -2.5px !important;
  }
  .m-xl--1px {
    margin: -1px !important;
  }
  .mt-xl--1px,
  .my-xl--1px {
    margin-top: -1px !important;
  }
  .mr-xl--1px,
  .mx-xl--1px {
    margin-right: -1px !important;
  }
  .mb-xl--1px,
  .my-xl--1px {
    margin-bottom: -1px !important;
  }
  .ml-xl--1px,
  .mx-xl--1px {
    margin-left: -1px !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1px {
    margin: 1px !important;
  }
  .mt-xl-1px,
  .my-xl-1px {
    margin-top: 1px !important;
  }
  .mr-xl-1px,
  .mx-xl-1px {
    margin-right: 1px !important;
  }
  .mb-xl-1px,
  .my-xl-1px {
    margin-bottom: 1px !important;
  }
  .ml-xl-1px,
  .mx-xl-1px {
    margin-left: 1px !important;
  }
  .m-xl-1 {
    margin: 2.5px !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 2.5px !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 2.5px !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 2.5px !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 2.5px !important;
  }
  .m-xl-2 {
    margin: 5px !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 5px !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 5px !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 5px !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 5px !important;
  }
  .m-xl-3 {
    margin: 7.5px !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 7.5px !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 7.5px !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 7.5px !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 7.5px !important;
  }
  .m-xl-4 {
    margin: 10px !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 10px !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 10px !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 10px !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 10px !important;
  }
  .m-xl-5 {
    margin: 12.5px !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 12.5px !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 12.5px !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 12.5px !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 12.5px !important;
  }
  .m-xl-6 {
    margin: 15px !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 15px !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 15px !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 15px !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 15px !important;
  }
  .m-xl-7 {
    margin: 17.5px !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 17.5px !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 17.5px !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 17.5px !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 17.5px !important;
  }
  .m-xl-8 {
    margin: 20px !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 20px !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 20px !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 20px !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 20px !important;
  }
  .m-xl-9 {
    margin: 21.5px !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 21.5px !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 21.5px !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 21.5px !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 21.5px !important;
  }
  .m-xl-10 {
    margin: 25px !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 25px !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 25px !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 25px !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 25px !important;
  }
  .m-xl-11 {
    margin: 27.5px !important;
  }
  .mt-xl-11,
  .my-xl-11 {
    margin-top: 27.5px !important;
  }
  .mr-xl-11,
  .mx-xl-11 {
    margin-right: 27.5px !important;
  }
  .mb-xl-11,
  .my-xl-11 {
    margin-bottom: 27.5px !important;
  }
  .ml-xl-11,
  .mx-xl-11 {
    margin-left: 27.5px !important;
  }
  .m-xl-12 {
    margin: 30px !important;
  }
  .mt-xl-12,
  .my-xl-12 {
    margin-top: 30px !important;
  }
  .mr-xl-12,
  .mx-xl-12 {
    margin-right: 30px !important;
  }
  .mb-xl-12,
  .my-xl-12 {
    margin-bottom: 30px !important;
  }
  .ml-xl-12,
  .mx-xl-12 {
    margin-left: 30px !important;
  }
  .m-xl-13 {
    margin: 32.5px !important;
  }
  .mt-xl-13,
  .my-xl-13 {
    margin-top: 32.5px !important;
  }
  .mr-xl-13,
  .mx-xl-13 {
    margin-right: 32.5px !important;
  }
  .mb-xl-13,
  .my-xl-13 {
    margin-bottom: 32.5px !important;
  }
  .ml-xl-13,
  .mx-xl-13 {
    margin-left: 32.5px !important;
  }
  .m-xl-14 {
    margin: 35px !important;
  }
  .mt-xl-14,
  .my-xl-14 {
    margin-top: 35px !important;
  }
  .mr-xl-14,
  .mx-xl-14 {
    margin-right: 35px !important;
  }
  .mb-xl-14,
  .my-xl-14 {
    margin-bottom: 35px !important;
  }
  .ml-xl-14,
  .mx-xl-14 {
    margin-left: 35px !important;
  }
  .m-xl-15 {
    margin: 37.5px !important;
  }
  .mt-xl-15,
  .my-xl-15 {
    margin-top: 37.5px !important;
  }
  .mr-xl-15,
  .mx-xl-15 {
    margin-right: 37.5px !important;
  }
  .mb-xl-15,
  .my-xl-15 {
    margin-bottom: 37.5px !important;
  }
  .ml-xl-15,
  .mx-xl-15 {
    margin-left: 37.5px !important;
  }
  .m-xl-16 {
    margin: 40px !important;
  }
  .mt-xl-16,
  .my-xl-16 {
    margin-top: 40px !important;
  }
  .mr-xl-16,
  .mx-xl-16 {
    margin-right: 40px !important;
  }
  .mb-xl-16,
  .my-xl-16 {
    margin-bottom: 40px !important;
  }
  .ml-xl-16,
  .mx-xl-16 {
    margin-left: 40px !important;
  }
  .m-xl-17 {
    margin: 50px !important;
  }
  .mt-xl-17,
  .my-xl-17 {
    margin-top: 50px !important;
  }
  .mr-xl-17,
  .mx-xl-17 {
    margin-right: 50px !important;
  }
  .mb-xl-17,
  .my-xl-17 {
    margin-bottom: 50px !important;
  }
  .ml-xl-17,
  .mx-xl-17 {
    margin-left: 50px !important;
  }
  .m-xl-18 {
    margin: 60px !important;
  }
  .mt-xl-18,
  .my-xl-18 {
    margin-top: 60px !important;
  }
  .mr-xl-18,
  .mx-xl-18 {
    margin-right: 60px !important;
  }
  .mb-xl-18,
  .my-xl-18 {
    margin-bottom: 60px !important;
  }
  .ml-xl-18,
  .mx-xl-18 {
    margin-left: 60px !important;
  }
  .m-xl-19 {
    margin: 70px !important;
  }
  .mt-xl-19,
  .my-xl-19 {
    margin-top: 70px !important;
  }
  .mr-xl-19,
  .mx-xl-19 {
    margin-right: 70px !important;
  }
  .mb-xl-19,
  .my-xl-19 {
    margin-bottom: 70px !important;
  }
  .ml-xl-19,
  .mx-xl-19 {
    margin-left: 70px !important;
  }
  .m-xl-20 {
    margin: 80px !important;
  }
  .mt-xl-20,
  .my-xl-20 {
    margin-top: 80px !important;
  }
  .mr-xl-20,
  .mx-xl-20 {
    margin-right: 80px !important;
  }
  .mb-xl-20,
  .my-xl-20 {
    margin-bottom: 80px !important;
  }
  .ml-xl-20,
  .mx-xl-20 {
    margin-left: 80px !important;
  }
  .m-xl-21 {
    margin: 120px !important;
  }
  .mt-xl-21,
  .my-xl-21 {
    margin-top: 120px !important;
  }
  .mr-xl-21,
  .mx-xl-21 {
    margin-right: 120px !important;
  }
  .mb-xl-21,
  .my-xl-21 {
    margin-bottom: 120px !important;
  }
  .ml-xl-21,
  .mx-xl-21 {
    margin-left: 120px !important;
  }
  .m-xl-22 {
    margin: 150px !important;
  }
  .mt-xl-22,
  .my-xl-22 {
    margin-top: 150px !important;
  }
  .mr-xl-22,
  .mx-xl-22 {
    margin-right: 150px !important;
  }
  .mb-xl-22,
  .my-xl-22 {
    margin-bottom: 150px !important;
  }
  .ml-xl-22,
  .mx-xl-22 {
    margin-left: 150px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1px {
    padding: 1px !important;
  }
  .pt-xl-1px,
  .py-xl-1px {
    padding-top: 1px !important;
  }
  .pr-xl-1px,
  .px-xl-1px {
    padding-right: 1px !important;
  }
  .pb-xl-1px,
  .py-xl-1px {
    padding-bottom: 1px !important;
  }
  .pl-xl-1px,
  .px-xl-1px {
    padding-left: 1px !important;
  }
  .p-xl-1 {
    padding: 2.5px !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 2.5px !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 2.5px !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 2.5px !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 2.5px !important;
  }
  .p-xl-2 {
    padding: 5px !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 5px !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 5px !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 5px !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 5px !important;
  }
  .p-xl-3 {
    padding: 7.5px !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 7.5px !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 7.5px !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 7.5px !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 7.5px !important;
  }
  .p-xl-4 {
    padding: 10px !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 10px !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 10px !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 10px !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 10px !important;
  }
  .p-xl-5 {
    padding: 12.5px !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 12.5px !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 12.5px !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 12.5px !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 12.5px !important;
  }
  .p-xl-6 {
    padding: 15px !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 15px !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 15px !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 15px !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 15px !important;
  }
  .p-xl-7 {
    padding: 17.5px !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 17.5px !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 17.5px !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 17.5px !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 17.5px !important;
  }
  .p-xl-8 {
    padding: 20px !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 20px !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 20px !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 20px !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 20px !important;
  }
  .p-xl-9 {
    padding: 21.5px !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 21.5px !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 21.5px !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 21.5px !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 21.5px !important;
  }
  .p-xl-10 {
    padding: 25px !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 25px !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 25px !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 25px !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 25px !important;
  }
  .p-xl-11 {
    padding: 27.5px !important;
  }
  .pt-xl-11,
  .py-xl-11 {
    padding-top: 27.5px !important;
  }
  .pr-xl-11,
  .px-xl-11 {
    padding-right: 27.5px !important;
  }
  .pb-xl-11,
  .py-xl-11 {
    padding-bottom: 27.5px !important;
  }
  .pl-xl-11,
  .px-xl-11 {
    padding-left: 27.5px !important;
  }
  .p-xl-12 {
    padding: 30px !important;
  }
  .pt-xl-12,
  .py-xl-12 {
    padding-top: 30px !important;
  }
  .pr-xl-12,
  .px-xl-12 {
    padding-right: 30px !important;
  }
  .pb-xl-12,
  .py-xl-12 {
    padding-bottom: 30px !important;
  }
  .pl-xl-12,
  .px-xl-12 {
    padding-left: 30px !important;
  }
  .p-xl-13 {
    padding: 32.5px !important;
  }
  .pt-xl-13,
  .py-xl-13 {
    padding-top: 32.5px !important;
  }
  .pr-xl-13,
  .px-xl-13 {
    padding-right: 32.5px !important;
  }
  .pb-xl-13,
  .py-xl-13 {
    padding-bottom: 32.5px !important;
  }
  .pl-xl-13,
  .px-xl-13 {
    padding-left: 32.5px !important;
  }
  .p-xl-14 {
    padding: 35px !important;
  }
  .pt-xl-14,
  .py-xl-14 {
    padding-top: 35px !important;
  }
  .pr-xl-14,
  .px-xl-14 {
    padding-right: 35px !important;
  }
  .pb-xl-14,
  .py-xl-14 {
    padding-bottom: 35px !important;
  }
  .pl-xl-14,
  .px-xl-14 {
    padding-left: 35px !important;
  }
  .p-xl-15 {
    padding: 37.5px !important;
  }
  .pt-xl-15,
  .py-xl-15 {
    padding-top: 37.5px !important;
  }
  .pr-xl-15,
  .px-xl-15 {
    padding-right: 37.5px !important;
  }
  .pb-xl-15,
  .py-xl-15 {
    padding-bottom: 37.5px !important;
  }
  .pl-xl-15,
  .px-xl-15 {
    padding-left: 37.5px !important;
  }
  .p-xl-16 {
    padding: 40px !important;
  }
  .pt-xl-16,
  .py-xl-16 {
    padding-top: 40px !important;
  }
  .pr-xl-16,
  .px-xl-16 {
    padding-right: 40px !important;
  }
  .pb-xl-16,
  .py-xl-16 {
    padding-bottom: 40px !important;
  }
  .pl-xl-16,
  .px-xl-16 {
    padding-left: 40px !important;
  }
  .p-xl-17 {
    padding: 50px !important;
  }
  .pt-xl-17,
  .py-xl-17 {
    padding-top: 50px !important;
  }
  .pr-xl-17,
  .px-xl-17 {
    padding-right: 50px !important;
  }
  .pb-xl-17,
  .py-xl-17 {
    padding-bottom: 50px !important;
  }
  .pl-xl-17,
  .px-xl-17 {
    padding-left: 50px !important;
  }
  .p-xl-18 {
    padding: 60px !important;
  }
  .pt-xl-18,
  .py-xl-18 {
    padding-top: 60px !important;
  }
  .pr-xl-18,
  .px-xl-18 {
    padding-right: 60px !important;
  }
  .pb-xl-18,
  .py-xl-18 {
    padding-bottom: 60px !important;
  }
  .pl-xl-18,
  .px-xl-18 {
    padding-left: 60px !important;
  }
  .p-xl-19 {
    padding: 70px !important;
  }
  .pt-xl-19,
  .py-xl-19 {
    padding-top: 70px !important;
  }
  .pr-xl-19,
  .px-xl-19 {
    padding-right: 70px !important;
  }
  .pb-xl-19,
  .py-xl-19 {
    padding-bottom: 70px !important;
  }
  .pl-xl-19,
  .px-xl-19 {
    padding-left: 70px !important;
  }
  .p-xl-20 {
    padding: 80px !important;
  }
  .pt-xl-20,
  .py-xl-20 {
    padding-top: 80px !important;
  }
  .pr-xl-20,
  .px-xl-20 {
    padding-right: 80px !important;
  }
  .pb-xl-20,
  .py-xl-20 {
    padding-bottom: 80px !important;
  }
  .pl-xl-20,
  .px-xl-20 {
    padding-left: 80px !important;
  }
  .p-xl-21 {
    padding: 120px !important;
  }
  .pt-xl-21,
  .py-xl-21 {
    padding-top: 120px !important;
  }
  .pr-xl-21,
  .px-xl-21 {
    padding-right: 120px !important;
  }
  .pb-xl-21,
  .py-xl-21 {
    padding-bottom: 120px !important;
  }
  .pl-xl-21,
  .px-xl-21 {
    padding-left: 120px !important;
  }
  .p-xl-22 {
    padding: 150px !important;
  }
  .pt-xl-22,
  .py-xl-22 {
    padding-top: 150px !important;
  }
  .pr-xl-22,
  .px-xl-22 {
    padding-right: 150px !important;
  }
  .pb-xl-22,
  .py-xl-22 {
    padding-bottom: 150px !important;
  }
  .pl-xl-22,
  .px-xl-22 {
    padding-left: 150px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .m-xxl--3 {
    margin: -7.5px !important;
  }
  .mt-xxl--3,
  .my-xxl--3 {
    margin-top: -7.5px !important;
  }
  .mr-xxl--3,
  .mx-xxl--3 {
    margin-right: -7.5px !important;
  }
  .mb-xxl--3,
  .my-xxl--3 {
    margin-bottom: -7.5px !important;
  }
  .ml-xxl--3,
  .mx-xxl--3 {
    margin-left: -7.5px !important;
  }
  .m-xxl--2 {
    margin: -5px !important;
  }
  .mt-xxl--2,
  .my-xxl--2 {
    margin-top: -5px !important;
  }
  .mr-xxl--2,
  .mx-xxl--2 {
    margin-right: -5px !important;
  }
  .mb-xxl--2,
  .my-xxl--2 {
    margin-bottom: -5px !important;
  }
  .ml-xxl--2,
  .mx-xxl--2 {
    margin-left: -5px !important;
  }
  .m-xxl--1 {
    margin: -2.5px !important;
  }
  .mt-xxl--1,
  .my-xxl--1 {
    margin-top: -2.5px !important;
  }
  .mr-xxl--1,
  .mx-xxl--1 {
    margin-right: -2.5px !important;
  }
  .mb-xxl--1,
  .my-xxl--1 {
    margin-bottom: -2.5px !important;
  }
  .ml-xxl--1,
  .mx-xxl--1 {
    margin-left: -2.5px !important;
  }
  .m-xxl--1px {
    margin: -1px !important;
  }
  .mt-xxl--1px,
  .my-xxl--1px {
    margin-top: -1px !important;
  }
  .mr-xxl--1px,
  .mx-xxl--1px {
    margin-right: -1px !important;
  }
  .mb-xxl--1px,
  .my-xxl--1px {
    margin-bottom: -1px !important;
  }
  .ml-xxl--1px,
  .mx-xxl--1px {
    margin-left: -1px !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1px {
    margin: 1px !important;
  }
  .mt-xxl-1px,
  .my-xxl-1px {
    margin-top: 1px !important;
  }
  .mr-xxl-1px,
  .mx-xxl-1px {
    margin-right: 1px !important;
  }
  .mb-xxl-1px,
  .my-xxl-1px {
    margin-bottom: 1px !important;
  }
  .ml-xxl-1px,
  .mx-xxl-1px {
    margin-left: 1px !important;
  }
  .m-xxl-1 {
    margin: 2.5px !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 2.5px !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 2.5px !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 2.5px !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 2.5px !important;
  }
  .m-xxl-2 {
    margin: 5px !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 5px !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 5px !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 5px !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 5px !important;
  }
  .m-xxl-3 {
    margin: 7.5px !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 7.5px !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 7.5px !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 7.5px !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 7.5px !important;
  }
  .m-xxl-4 {
    margin: 10px !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 10px !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 10px !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 10px !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 10px !important;
  }
  .m-xxl-5 {
    margin: 12.5px !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 12.5px !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 12.5px !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 12.5px !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 12.5px !important;
  }
  .m-xxl-6 {
    margin: 15px !important;
  }
  .mt-xxl-6,
  .my-xxl-6 {
    margin-top: 15px !important;
  }
  .mr-xxl-6,
  .mx-xxl-6 {
    margin-right: 15px !important;
  }
  .mb-xxl-6,
  .my-xxl-6 {
    margin-bottom: 15px !important;
  }
  .ml-xxl-6,
  .mx-xxl-6 {
    margin-left: 15px !important;
  }
  .m-xxl-7 {
    margin: 17.5px !important;
  }
  .mt-xxl-7,
  .my-xxl-7 {
    margin-top: 17.5px !important;
  }
  .mr-xxl-7,
  .mx-xxl-7 {
    margin-right: 17.5px !important;
  }
  .mb-xxl-7,
  .my-xxl-7 {
    margin-bottom: 17.5px !important;
  }
  .ml-xxl-7,
  .mx-xxl-7 {
    margin-left: 17.5px !important;
  }
  .m-xxl-8 {
    margin: 20px !important;
  }
  .mt-xxl-8,
  .my-xxl-8 {
    margin-top: 20px !important;
  }
  .mr-xxl-8,
  .mx-xxl-8 {
    margin-right: 20px !important;
  }
  .mb-xxl-8,
  .my-xxl-8 {
    margin-bottom: 20px !important;
  }
  .ml-xxl-8,
  .mx-xxl-8 {
    margin-left: 20px !important;
  }
  .m-xxl-9 {
    margin: 21.5px !important;
  }
  .mt-xxl-9,
  .my-xxl-9 {
    margin-top: 21.5px !important;
  }
  .mr-xxl-9,
  .mx-xxl-9 {
    margin-right: 21.5px !important;
  }
  .mb-xxl-9,
  .my-xxl-9 {
    margin-bottom: 21.5px !important;
  }
  .ml-xxl-9,
  .mx-xxl-9 {
    margin-left: 21.5px !important;
  }
  .m-xxl-10 {
    margin: 25px !important;
  }
  .mt-xxl-10,
  .my-xxl-10 {
    margin-top: 25px !important;
  }
  .mr-xxl-10,
  .mx-xxl-10 {
    margin-right: 25px !important;
  }
  .mb-xxl-10,
  .my-xxl-10 {
    margin-bottom: 25px !important;
  }
  .ml-xxl-10,
  .mx-xxl-10 {
    margin-left: 25px !important;
  }
  .m-xxl-11 {
    margin: 27.5px !important;
  }
  .mt-xxl-11,
  .my-xxl-11 {
    margin-top: 27.5px !important;
  }
  .mr-xxl-11,
  .mx-xxl-11 {
    margin-right: 27.5px !important;
  }
  .mb-xxl-11,
  .my-xxl-11 {
    margin-bottom: 27.5px !important;
  }
  .ml-xxl-11,
  .mx-xxl-11 {
    margin-left: 27.5px !important;
  }
  .m-xxl-12 {
    margin: 30px !important;
  }
  .mt-xxl-12,
  .my-xxl-12 {
    margin-top: 30px !important;
  }
  .mr-xxl-12,
  .mx-xxl-12 {
    margin-right: 30px !important;
  }
  .mb-xxl-12,
  .my-xxl-12 {
    margin-bottom: 30px !important;
  }
  .ml-xxl-12,
  .mx-xxl-12 {
    margin-left: 30px !important;
  }
  .m-xxl-13 {
    margin: 32.5px !important;
  }
  .mt-xxl-13,
  .my-xxl-13 {
    margin-top: 32.5px !important;
  }
  .mr-xxl-13,
  .mx-xxl-13 {
    margin-right: 32.5px !important;
  }
  .mb-xxl-13,
  .my-xxl-13 {
    margin-bottom: 32.5px !important;
  }
  .ml-xxl-13,
  .mx-xxl-13 {
    margin-left: 32.5px !important;
  }
  .m-xxl-14 {
    margin: 35px !important;
  }
  .mt-xxl-14,
  .my-xxl-14 {
    margin-top: 35px !important;
  }
  .mr-xxl-14,
  .mx-xxl-14 {
    margin-right: 35px !important;
  }
  .mb-xxl-14,
  .my-xxl-14 {
    margin-bottom: 35px !important;
  }
  .ml-xxl-14,
  .mx-xxl-14 {
    margin-left: 35px !important;
  }
  .m-xxl-15 {
    margin: 37.5px !important;
  }
  .mt-xxl-15,
  .my-xxl-15 {
    margin-top: 37.5px !important;
  }
  .mr-xxl-15,
  .mx-xxl-15 {
    margin-right: 37.5px !important;
  }
  .mb-xxl-15,
  .my-xxl-15 {
    margin-bottom: 37.5px !important;
  }
  .ml-xxl-15,
  .mx-xxl-15 {
    margin-left: 37.5px !important;
  }
  .m-xxl-16 {
    margin: 40px !important;
  }
  .mt-xxl-16,
  .my-xxl-16 {
    margin-top: 40px !important;
  }
  .mr-xxl-16,
  .mx-xxl-16 {
    margin-right: 40px !important;
  }
  .mb-xxl-16,
  .my-xxl-16 {
    margin-bottom: 40px !important;
  }
  .ml-xxl-16,
  .mx-xxl-16 {
    margin-left: 40px !important;
  }
  .m-xxl-17 {
    margin: 50px !important;
  }
  .mt-xxl-17,
  .my-xxl-17 {
    margin-top: 50px !important;
  }
  .mr-xxl-17,
  .mx-xxl-17 {
    margin-right: 50px !important;
  }
  .mb-xxl-17,
  .my-xxl-17 {
    margin-bottom: 50px !important;
  }
  .ml-xxl-17,
  .mx-xxl-17 {
    margin-left: 50px !important;
  }
  .m-xxl-18 {
    margin: 60px !important;
  }
  .mt-xxl-18,
  .my-xxl-18 {
    margin-top: 60px !important;
  }
  .mr-xxl-18,
  .mx-xxl-18 {
    margin-right: 60px !important;
  }
  .mb-xxl-18,
  .my-xxl-18 {
    margin-bottom: 60px !important;
  }
  .ml-xxl-18,
  .mx-xxl-18 {
    margin-left: 60px !important;
  }
  .m-xxl-19 {
    margin: 70px !important;
  }
  .mt-xxl-19,
  .my-xxl-19 {
    margin-top: 70px !important;
  }
  .mr-xxl-19,
  .mx-xxl-19 {
    margin-right: 70px !important;
  }
  .mb-xxl-19,
  .my-xxl-19 {
    margin-bottom: 70px !important;
  }
  .ml-xxl-19,
  .mx-xxl-19 {
    margin-left: 70px !important;
  }
  .m-xxl-20 {
    margin: 80px !important;
  }
  .mt-xxl-20,
  .my-xxl-20 {
    margin-top: 80px !important;
  }
  .mr-xxl-20,
  .mx-xxl-20 {
    margin-right: 80px !important;
  }
  .mb-xxl-20,
  .my-xxl-20 {
    margin-bottom: 80px !important;
  }
  .ml-xxl-20,
  .mx-xxl-20 {
    margin-left: 80px !important;
  }
  .m-xxl-21 {
    margin: 120px !important;
  }
  .mt-xxl-21,
  .my-xxl-21 {
    margin-top: 120px !important;
  }
  .mr-xxl-21,
  .mx-xxl-21 {
    margin-right: 120px !important;
  }
  .mb-xxl-21,
  .my-xxl-21 {
    margin-bottom: 120px !important;
  }
  .ml-xxl-21,
  .mx-xxl-21 {
    margin-left: 120px !important;
  }
  .m-xxl-22 {
    margin: 150px !important;
  }
  .mt-xxl-22,
  .my-xxl-22 {
    margin-top: 150px !important;
  }
  .mr-xxl-22,
  .mx-xxl-22 {
    margin-right: 150px !important;
  }
  .mb-xxl-22,
  .my-xxl-22 {
    margin-bottom: 150px !important;
  }
  .ml-xxl-22,
  .mx-xxl-22 {
    margin-left: 150px !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1px {
    padding: 1px !important;
  }
  .pt-xxl-1px,
  .py-xxl-1px {
    padding-top: 1px !important;
  }
  .pr-xxl-1px,
  .px-xxl-1px {
    padding-right: 1px !important;
  }
  .pb-xxl-1px,
  .py-xxl-1px {
    padding-bottom: 1px !important;
  }
  .pl-xxl-1px,
  .px-xxl-1px {
    padding-left: 1px !important;
  }
  .p-xxl-1 {
    padding: 2.5px !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 2.5px !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 2.5px !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 2.5px !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 2.5px !important;
  }
  .p-xxl-2 {
    padding: 5px !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 5px !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 5px !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 5px !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 5px !important;
  }
  .p-xxl-3 {
    padding: 7.5px !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 7.5px !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 7.5px !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 7.5px !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 7.5px !important;
  }
  .p-xxl-4 {
    padding: 10px !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 10px !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 10px !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 10px !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 10px !important;
  }
  .p-xxl-5 {
    padding: 12.5px !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 12.5px !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 12.5px !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 12.5px !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 12.5px !important;
  }
  .p-xxl-6 {
    padding: 15px !important;
  }
  .pt-xxl-6,
  .py-xxl-6 {
    padding-top: 15px !important;
  }
  .pr-xxl-6,
  .px-xxl-6 {
    padding-right: 15px !important;
  }
  .pb-xxl-6,
  .py-xxl-6 {
    padding-bottom: 15px !important;
  }
  .pl-xxl-6,
  .px-xxl-6 {
    padding-left: 15px !important;
  }
  .p-xxl-7 {
    padding: 17.5px !important;
  }
  .pt-xxl-7,
  .py-xxl-7 {
    padding-top: 17.5px !important;
  }
  .pr-xxl-7,
  .px-xxl-7 {
    padding-right: 17.5px !important;
  }
  .pb-xxl-7,
  .py-xxl-7 {
    padding-bottom: 17.5px !important;
  }
  .pl-xxl-7,
  .px-xxl-7 {
    padding-left: 17.5px !important;
  }
  .p-xxl-8 {
    padding: 20px !important;
  }
  .pt-xxl-8,
  .py-xxl-8 {
    padding-top: 20px !important;
  }
  .pr-xxl-8,
  .px-xxl-8 {
    padding-right: 20px !important;
  }
  .pb-xxl-8,
  .py-xxl-8 {
    padding-bottom: 20px !important;
  }
  .pl-xxl-8,
  .px-xxl-8 {
    padding-left: 20px !important;
  }
  .p-xxl-9 {
    padding: 21.5px !important;
  }
  .pt-xxl-9,
  .py-xxl-9 {
    padding-top: 21.5px !important;
  }
  .pr-xxl-9,
  .px-xxl-9 {
    padding-right: 21.5px !important;
  }
  .pb-xxl-9,
  .py-xxl-9 {
    padding-bottom: 21.5px !important;
  }
  .pl-xxl-9,
  .px-xxl-9 {
    padding-left: 21.5px !important;
  }
  .p-xxl-10 {
    padding: 25px !important;
  }
  .pt-xxl-10,
  .py-xxl-10 {
    padding-top: 25px !important;
  }
  .pr-xxl-10,
  .px-xxl-10 {
    padding-right: 25px !important;
  }
  .pb-xxl-10,
  .py-xxl-10 {
    padding-bottom: 25px !important;
  }
  .pl-xxl-10,
  .px-xxl-10 {
    padding-left: 25px !important;
  }
  .p-xxl-11 {
    padding: 27.5px !important;
  }
  .pt-xxl-11,
  .py-xxl-11 {
    padding-top: 27.5px !important;
  }
  .pr-xxl-11,
  .px-xxl-11 {
    padding-right: 27.5px !important;
  }
  .pb-xxl-11,
  .py-xxl-11 {
    padding-bottom: 27.5px !important;
  }
  .pl-xxl-11,
  .px-xxl-11 {
    padding-left: 27.5px !important;
  }
  .p-xxl-12 {
    padding: 30px !important;
  }
  .pt-xxl-12,
  .py-xxl-12 {
    padding-top: 30px !important;
  }
  .pr-xxl-12,
  .px-xxl-12 {
    padding-right: 30px !important;
  }
  .pb-xxl-12,
  .py-xxl-12 {
    padding-bottom: 30px !important;
  }
  .pl-xxl-12,
  .px-xxl-12 {
    padding-left: 30px !important;
  }
  .p-xxl-13 {
    padding: 32.5px !important;
  }
  .pt-xxl-13,
  .py-xxl-13 {
    padding-top: 32.5px !important;
  }
  .pr-xxl-13,
  .px-xxl-13 {
    padding-right: 32.5px !important;
  }
  .pb-xxl-13,
  .py-xxl-13 {
    padding-bottom: 32.5px !important;
  }
  .pl-xxl-13,
  .px-xxl-13 {
    padding-left: 32.5px !important;
  }
  .p-xxl-14 {
    padding: 35px !important;
  }
  .pt-xxl-14,
  .py-xxl-14 {
    padding-top: 35px !important;
  }
  .pr-xxl-14,
  .px-xxl-14 {
    padding-right: 35px !important;
  }
  .pb-xxl-14,
  .py-xxl-14 {
    padding-bottom: 35px !important;
  }
  .pl-xxl-14,
  .px-xxl-14 {
    padding-left: 35px !important;
  }
  .p-xxl-15 {
    padding: 37.5px !important;
  }
  .pt-xxl-15,
  .py-xxl-15 {
    padding-top: 37.5px !important;
  }
  .pr-xxl-15,
  .px-xxl-15 {
    padding-right: 37.5px !important;
  }
  .pb-xxl-15,
  .py-xxl-15 {
    padding-bottom: 37.5px !important;
  }
  .pl-xxl-15,
  .px-xxl-15 {
    padding-left: 37.5px !important;
  }
  .p-xxl-16 {
    padding: 40px !important;
  }
  .pt-xxl-16,
  .py-xxl-16 {
    padding-top: 40px !important;
  }
  .pr-xxl-16,
  .px-xxl-16 {
    padding-right: 40px !important;
  }
  .pb-xxl-16,
  .py-xxl-16 {
    padding-bottom: 40px !important;
  }
  .pl-xxl-16,
  .px-xxl-16 {
    padding-left: 40px !important;
  }
  .p-xxl-17 {
    padding: 50px !important;
  }
  .pt-xxl-17,
  .py-xxl-17 {
    padding-top: 50px !important;
  }
  .pr-xxl-17,
  .px-xxl-17 {
    padding-right: 50px !important;
  }
  .pb-xxl-17,
  .py-xxl-17 {
    padding-bottom: 50px !important;
  }
  .pl-xxl-17,
  .px-xxl-17 {
    padding-left: 50px !important;
  }
  .p-xxl-18 {
    padding: 60px !important;
  }
  .pt-xxl-18,
  .py-xxl-18 {
    padding-top: 60px !important;
  }
  .pr-xxl-18,
  .px-xxl-18 {
    padding-right: 60px !important;
  }
  .pb-xxl-18,
  .py-xxl-18 {
    padding-bottom: 60px !important;
  }
  .pl-xxl-18,
  .px-xxl-18 {
    padding-left: 60px !important;
  }
  .p-xxl-19 {
    padding: 70px !important;
  }
  .pt-xxl-19,
  .py-xxl-19 {
    padding-top: 70px !important;
  }
  .pr-xxl-19,
  .px-xxl-19 {
    padding-right: 70px !important;
  }
  .pb-xxl-19,
  .py-xxl-19 {
    padding-bottom: 70px !important;
  }
  .pl-xxl-19,
  .px-xxl-19 {
    padding-left: 70px !important;
  }
  .p-xxl-20 {
    padding: 80px !important;
  }
  .pt-xxl-20,
  .py-xxl-20 {
    padding-top: 80px !important;
  }
  .pr-xxl-20,
  .px-xxl-20 {
    padding-right: 80px !important;
  }
  .pb-xxl-20,
  .py-xxl-20 {
    padding-bottom: 80px !important;
  }
  .pl-xxl-20,
  .px-xxl-20 {
    padding-left: 80px !important;
  }
  .p-xxl-21 {
    padding: 120px !important;
  }
  .pt-xxl-21,
  .py-xxl-21 {
    padding-top: 120px !important;
  }
  .pr-xxl-21,
  .px-xxl-21 {
    padding-right: 120px !important;
  }
  .pb-xxl-21,
  .py-xxl-21 {
    padding-bottom: 120px !important;
  }
  .pl-xxl-21,
  .px-xxl-21 {
    padding-left: 120px !important;
  }
  .p-xxl-22 {
    padding: 150px !important;
  }
  .pt-xxl-22,
  .py-xxl-22 {
    padding-top: 150px !important;
  }
  .pr-xxl-22,
  .px-xxl-22 {
    padding-right: 150px !important;
  }
  .pb-xxl-22,
  .py-xxl-22 {
    padding-bottom: 150px !important;
  }
  .pl-xxl-22,
  .px-xxl-22 {
    padding-left: 150px !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}
.c-text {
  /* ---------- variables ---------- */
  margin: 0;
  margin: var(--text-margin, 0);
  padding: 0;
  padding: var(--text-padding, 0);
  --color: var(--text-color, var(--base-color, black));
  --font-size: var(--text-font-size, var(--base-font-size, 1.6rem));
  --font-family: var(--text-font-family, var(--base-font-family, "Arial"));
  --font-weight: var(--text-font-weight, var(--base-font-weight, normal));
  --line-height: var(--text-line-height, var(--base-line-height, 1.2));
  --white-space: var(--text-white-space, normal);
  --text-align: var(--text-text-align, left);
  --vertical-align: var(--text-vertical-align, baseline);
  /* ------------------------------- */
  color: var(--color);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  font-family: var(--font-family);
  line-height: var(--line-height);
  white-space: var(--white-space);
  text-align: var(--text-align);
  vertical-align: var(--vertical-align);
  /* ------------------------------- */
}
.c-text--accent {
  color: var(--accent);
}

.u-font-size-xxs {
  font-size: 0.6rem !important;
}

.u-font-size-xs {
  font-size: 0.7rem !important;
}

.u-font-size-sm {
  font-size: 0.8rem !important;
}

.u-font-size-base {
  font-size: 1rem !important;
}

.u-font-size-md {
  font-size: 1.2rem !important;
}

.u-font-size-lg {
  font-size: 1.4rem !important;
}

.u-font-size-xl {
  font-size: 1.6rem !important;
}

.u-font-size-xxs {
  font-size: 0.6rem !important;
}

.u-font-size-xs {
  font-size: 0.7rem !important;
}

.u-font-size-sm {
  font-size: 0.8rem !important;
}

.u-font-size-base {
  font-size: 1rem !important;
}

.u-font-size-md {
  font-size: 1.2rem !important;
}

.u-font-size-lg {
  font-size: 1.4rem !important;
}

.u-font-size-xl {
  font-size: 1.6rem !important;
}

@media (min-width: 576px) {
  .u-font-size-sm-xxs {
    font-size: 0.6rem !important;
  }
  .u-font-size-sm-xs {
    font-size: 0.7rem !important;
  }
  .u-font-size-sm-sm {
    font-size: 0.8rem !important;
  }
  .u-font-size-sm-base {
    font-size: 1rem !important;
  }
  .u-font-size-sm-md {
    font-size: 1.2rem !important;
  }
  .u-font-size-sm-lg {
    font-size: 1.4rem !important;
  }
  .u-font-size-sm-xl {
    font-size: 1.6rem !important;
  }
}
@media (min-width: 768px) {
  .u-font-size-md-xxs {
    font-size: 0.6rem !important;
  }
  .u-font-size-md-xs {
    font-size: 0.7rem !important;
  }
  .u-font-size-md-sm {
    font-size: 0.8rem !important;
  }
  .u-font-size-md-base {
    font-size: 1rem !important;
  }
  .u-font-size-md-md {
    font-size: 1.2rem !important;
  }
  .u-font-size-md-lg {
    font-size: 1.4rem !important;
  }
  .u-font-size-md-xl {
    font-size: 1.6rem !important;
  }
}
@media (min-width: 992px) {
  .u-font-size-lg-xxs {
    font-size: 0.6rem !important;
  }
  .u-font-size-lg-xs {
    font-size: 0.7rem !important;
  }
  .u-font-size-lg-sm {
    font-size: 0.8rem !important;
  }
  .u-font-size-lg-base {
    font-size: 1rem !important;
  }
  .u-font-size-lg-md {
    font-size: 1.2rem !important;
  }
  .u-font-size-lg-lg {
    font-size: 1.4rem !important;
  }
  .u-font-size-lg-xl {
    font-size: 1.6rem !important;
  }
}
@media (min-width: 1200px) {
  .u-font-size-xl-xxs {
    font-size: 0.6rem !important;
  }
  .u-font-size-xl-xs {
    font-size: 0.7rem !important;
  }
  .u-font-size-xl-sm {
    font-size: 0.8rem !important;
  }
  .u-font-size-xl-base {
    font-size: 1rem !important;
  }
  .u-font-size-xl-md {
    font-size: 1.2rem !important;
  }
  .u-font-size-xl-lg {
    font-size: 1.4rem !important;
  }
  .u-font-size-xl-xl {
    font-size: 1.6rem !important;
  }
}
@media (min-width: 1400px) {
  .u-font-size-xxl-xxs {
    font-size: 0.6rem !important;
  }
  .u-font-size-xxl-xs {
    font-size: 0.7rem !important;
  }
  .u-font-size-xxl-sm {
    font-size: 0.8rem !important;
  }
  .u-font-size-xxl-base {
    font-size: 1rem !important;
  }
  .u-font-size-xxl-md {
    font-size: 1.2rem !important;
  }
  .u-font-size-xxl-lg {
    font-size: 1.4rem !important;
  }
  .u-font-size-xxl-xl {
    font-size: 1.6rem !important;
  }
}
.u-font-italic {
  font-style: italic !important;
}

.u-font-normal {
  font-style: normal !important;
}

.u-font-oblique {
  font-style: oblique !important;
}

.u-font-weight-thin {
  font-weight: 100 !important;
}

.u-font-weight-xlight {
  font-weight: 200 !important;
}

.u-font-weight-light {
  font-weight: 300 !important;
}

.u-font-weight-normal {
  font-weight: 400 !important;
}

.u-font-weight-medium {
  font-weight: 500 !important;
}

.u-font-weight-semibold {
  font-weight: 600 !important;
}

.u-font-weight-bold {
  font-weight: 700 !important;
}

.u-font-weight-xbold {
  font-weight: 800 !important;
}

.u-font-weight-black {
  font-weight: 900 !important;
}

.u-font-weight-thin {
  font-weight: 100 !important;
}

.u-font-weight-xlight {
  font-weight: 200 !important;
}

.u-font-weight-light {
  font-weight: 300 !important;
}

.u-font-weight-normal {
  font-weight: 400 !important;
}

.u-font-weight-medium {
  font-weight: 500 !important;
}

.u-font-weight-semibold {
  font-weight: 600 !important;
}

.u-font-weight-bold {
  font-weight: 700 !important;
}

.u-font-weight-xbold {
  font-weight: 800 !important;
}

.u-font-weight-black {
  font-weight: 900 !important;
}

@media (min-width: 576px) {
  .u-font-weight-sm-thin {
    font-weight: 100 !important;
  }
  .u-font-weight-sm-xlight {
    font-weight: 200 !important;
  }
  .u-font-weight-sm-light {
    font-weight: 300 !important;
  }
  .u-font-weight-sm-normal {
    font-weight: 400 !important;
  }
  .u-font-weight-sm-medium {
    font-weight: 500 !important;
  }
  .u-font-weight-sm-semibold {
    font-weight: 600 !important;
  }
  .u-font-weight-sm-bold {
    font-weight: 700 !important;
  }
  .u-font-weight-sm-xbold {
    font-weight: 800 !important;
  }
  .u-font-weight-sm-black {
    font-weight: 900 !important;
  }
}
@media (min-width: 768px) {
  .u-font-weight-md-thin {
    font-weight: 100 !important;
  }
  .u-font-weight-md-xlight {
    font-weight: 200 !important;
  }
  .u-font-weight-md-light {
    font-weight: 300 !important;
  }
  .u-font-weight-md-normal {
    font-weight: 400 !important;
  }
  .u-font-weight-md-medium {
    font-weight: 500 !important;
  }
  .u-font-weight-md-semibold {
    font-weight: 600 !important;
  }
  .u-font-weight-md-bold {
    font-weight: 700 !important;
  }
  .u-font-weight-md-xbold {
    font-weight: 800 !important;
  }
  .u-font-weight-md-black {
    font-weight: 900 !important;
  }
}
@media (min-width: 992px) {
  .u-font-weight-lg-thin {
    font-weight: 100 !important;
  }
  .u-font-weight-lg-xlight {
    font-weight: 200 !important;
  }
  .u-font-weight-lg-light {
    font-weight: 300 !important;
  }
  .u-font-weight-lg-normal {
    font-weight: 400 !important;
  }
  .u-font-weight-lg-medium {
    font-weight: 500 !important;
  }
  .u-font-weight-lg-semibold {
    font-weight: 600 !important;
  }
  .u-font-weight-lg-bold {
    font-weight: 700 !important;
  }
  .u-font-weight-lg-xbold {
    font-weight: 800 !important;
  }
  .u-font-weight-lg-black {
    font-weight: 900 !important;
  }
}
@media (min-width: 1200px) {
  .u-font-weight-xl-thin {
    font-weight: 100 !important;
  }
  .u-font-weight-xl-xlight {
    font-weight: 200 !important;
  }
  .u-font-weight-xl-light {
    font-weight: 300 !important;
  }
  .u-font-weight-xl-normal {
    font-weight: 400 !important;
  }
  .u-font-weight-xl-medium {
    font-weight: 500 !important;
  }
  .u-font-weight-xl-semibold {
    font-weight: 600 !important;
  }
  .u-font-weight-xl-bold {
    font-weight: 700 !important;
  }
  .u-font-weight-xl-xbold {
    font-weight: 800 !important;
  }
  .u-font-weight-xl-black {
    font-weight: 900 !important;
  }
}
@media (min-width: 1400px) {
  .u-font-weight-xxl-thin {
    font-weight: 100 !important;
  }
  .u-font-weight-xxl-xlight {
    font-weight: 200 !important;
  }
  .u-font-weight-xxl-light {
    font-weight: 300 !important;
  }
  .u-font-weight-xxl-normal {
    font-weight: 400 !important;
  }
  .u-font-weight-xxl-medium {
    font-weight: 500 !important;
  }
  .u-font-weight-xxl-semibold {
    font-weight: 600 !important;
  }
  .u-font-weight-xxl-bold {
    font-weight: 700 !important;
  }
  .u-font-weight-xxl-xbold {
    font-weight: 800 !important;
  }
  .u-font-weight-xxl-black {
    font-weight: 900 !important;
  }
}
.u-color {
  color: #0d0e0e;
  color: var(--text-color, var(--base-color));
}

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

.u-text-left {
  text-align: left !important;
}

.u-text-right {
  text-align: right !important;
}

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

@media (min-width: 576px) {
  .u-text-sm-justify {
    text-align: justify !important;
  }
  .u-text-sm-left {
    text-align: left !important;
  }
  .u-text-sm-right {
    text-align: right !important;
  }
  .u-text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .u-text-md-justify {
    text-align: justify !important;
  }
  .u-text-md-left {
    text-align: left !important;
  }
  .u-text-md-right {
    text-align: right !important;
  }
  .u-text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .u-text-lg-justify {
    text-align: justify !important;
  }
  .u-text-lg-left {
    text-align: left !important;
  }
  .u-text-lg-right {
    text-align: right !important;
  }
  .u-text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .u-text-xl-justify {
    text-align: justify !important;
  }
  .u-text-xl-left {
    text-align: left !important;
  }
  .u-text-xl-right {
    text-align: right !important;
  }
  .u-text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .u-text-xxl-justify {
    text-align: justify !important;
  }
  .u-text-xxl-left {
    text-align: left !important;
  }
  .u-text-xxl-right {
    text-align: right !important;
  }
  .u-text-xxl-center {
    text-align: center !important;
  }
}
.u-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-text-lowercase {
  text-transform: lowercase !important;
}

.u-text-uppercase {
  text-transform: uppercase !important;
}

.u-text-capitalize {
  text-transform: capitalize !important;
}

.u-nowrap {
  white-space: nowrap !important;
}

.fade {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s linear;
}
.fade.fade--show {
  opacity: 1;
  visibility: visible;
}

.collapse {
  display: none;
}
.collapse.collapse--show {
  display: block;
}

tr.collapse.collapse--show {
  display: table-row;
}

tbody.collapse.collapse--show {
  display: table-row-group;
}

.collapse-open {
  display: block !important;
  height: auto !important;
}

@media (min-width: 576px) {
  .collapse-open-sm {
    display: block !important;
    height: auto !important;
  }
}
@media (min-width: 768px) {
  .collapse-open-md {
    display: block !important;
    height: auto !important;
  }
}
@media (min-width: 992px) {
  .collapse-open-lg {
    display: block !important;
    height: auto !important;
  }
}
@media (min-width: 1200px) {
  .collapse-open-xl {
    display: block !important;
    height: auto !important;
  }
}
@media (min-width: 1400px) {
  .collapse-open-xxl {
    display: block !important;
    height: auto !important;
  }
}
.collapse--collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.fade--fading {
  visibility: visible;
  transition: height 0.35s ease;
}

body {
  /*
  display: grid;
  grid-template-areas: 
      "header"
      "article"
      "contact"
      "footer";
  grid-template-rows: 80px 1fr 250px 85px;  
  grid-template-columns: 1fr;
  */
  grid-row-gap: 0px;
  grid-column-gap: 10px;
  height: 100vh;
  margin: 0;
  font-weight: 300;
  font-weight: var(--font-weight-light);
}

h2 {
  font-size: 30px;
  font-weight: bold;
}

h4 {
  font-weight: 900;
  font-weight: var(--font-weight-black);
  margin-bottom: 10px;
}

.c-main-navigation {
  grid-area: header;
}

.c-body {
  grid-area: article;
  background-image: url(/Images/teamchallenge-background.jpg?quality=60&width=1400);
  background-size: cover;
  background-attachment: fixed;
}

.c-contact {
  grid-area: contact;
}

.c-footer {
  grid-area: footer;
}

@media (min-width: 1200px) {
  .hide-xl {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hide-md {
    display: none !important;
  }
}
/* Stack the layout on small devices/viewports. */
@media (max-width: 991px) {
  /*
  body { 
      grid-template-areas: 
      "header"
      "article"
      "contact"
      "footer";
      grid-template-rows: 80px 1fr auto 110px;  
      grid-template-columns: 1fr;
  }   
  */
  html, body {
    overflow-x: hidden;
  }
  body {
    position: relative;
  }
  .hide-mobile {
    display: none !important;
  }
}
.c-breakpoint-visualizer {
  --sm-up-display: none;
  --md-up-display: none;
  --lg-up-display: none;
  --xl-up-display: none;
  --xxl-up-display: none;
  color: white;
  background-color: #CFCFCF;
  padding: 10px;
  min-height: 40px;
}
.c-breakpoint-visualizer__initial {
  display: inline-block;
  background-color: blue;
}
.c-breakpoint-visualizer__sm-up {
  display: var(--sm-up-display);
  background-color: magenta;
}
.c-breakpoint-visualizer__md-up {
  display: var(--md-up-display);
  background-color: red;
}
.c-breakpoint-visualizer__lg-up {
  display: var(--lg-up-display);
  background-color: green;
}
.c-breakpoint-visualizer__xl-up {
  display: var(--xl-up-display);
  background-color: black;
}
.c-breakpoint-visualizer__xxl-up {
  display: var(--xxl-up-display);
  background-color: grey;
}

@media (min-width: 576px) {
  .c-breakpoint-visualizer {
    --sm-up-display: inline-block;
  }
}
@media (min-width: 768px) {
  .c-breakpoint-visualizer {
    --md-up-display: inline-block;
  }
}
@media (min-width: 992px) {
  .c-breakpoint-visualizer {
    --lg-up-display: inline-block;
  }
}
@media (min-width: 1200px) {
  .c-breakpoint-visualizer {
    --xl-up-display: inline-block;
  }
}
@media (min-width: 1400px) {
  .c-breakpoint-visualizer {
    --xxl-up-display: inline-block;
  }
}
.call-to-action {
  background-color: #E0FD2C;
  background-color: var(--rz-secondary);
  color: #035772;
  color: var(--rz-primary);
  display: inline-block;
  padding: 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
  border-width: 1px;
}
.call-to-action.focus-action {
  padding: 20px 40px;
  margin: 20px;
  font-size: 1.6em;
  box-shadow: 10px 10px 30px black;
}

.bg-yellow .call-to-action {
  background-color: #035772;
  background-color: var(--rz-primary);
  color: #E0FD2C;
  color: var(--rz-secondary);
}

.bg-blue .call-to-action,
.bg-red .call-to-action {
  background-color: #E0FD2C;
  background-color: var(--rz-secondary);
  color: #035772;
  color: var(--rz-primary);
}

@media (max-width: 991px) {
  .call-to-action {
    display: block;
  }
}
.c-christmas-ball {
  --christmas-ball-position: absolute;
  --christmas-ball-position-top: 59px;
  --christmas-ball-position-left: 27px;
  --christmas-ball-string-height: 120px;
  --christmas-ball-font-size: 20px;
  --christmas-ball-text-position-top: 25px;
  --christmas-ball-size: 160px;
  z-index: 101;
  position: var(--christmas-ball-position);
  display: flex;
  flex-direction: column;
  align-items: center;
  top: var(--christmas-ball-position-top);
  left: var(--christmas-ball-position-left);
  transform-origin: top center; /* Sets the rotation point at the top of the ball */
  animation: sway 3s infinite ease-in-out;
}
.c-christmas-ball .string {
  width: 2px;
  height: var(--christmas-ball-string-height);
  background-color: #aaa;
}
.c-christmas-ball .ball {
  width: var(--christmas-ball-size);
  height: var(--christmas-ball-size);
  background: radial-gradient(circle, #FF1919 40%, #FF0000 100%);
  border-radius: 50%;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.c-christmas-ball .text {
  position: absolute;
  color: white;
  top: var(--christmas-ball-text-position-top);
  text-align: center;
  font-size: var(--christmas-ball-font-size);
}
.c-christmas-ball .glitter {
  position: absolute;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, transparent 50%) 25px 25px, radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 50%) 50px 100px, radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 50%) 100px 200px;
  background-size: 200px 200px;
  border-radius: 100px;
  opacity: 0.7;
}

/* Sway animation for the hanging effect */
@keyframes sway {
  0%, 100% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(2deg);
  }
}
/* Spin animation for the turning circle */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (min-width: 768px) {
  .c-christmas-ball {
    --christmas-ball-position: fixed;
    --christmas-ball-position-top: 80px;
    --christmas-ball-position-left: 100px;
    --christmas-ball-string-height: 150px;
    --christmas-ball-font-size: 25px;
    --christmas-ball-text-position-top: 35px;
    --christmas-ball-size: 200px;
  }
}
.c-contact {
  --contact-inner-height: auto;
  --contact-inner-width: 100%;
  --contact-inner-padding: 20px 20px;
  display: grid;
}
.c-contact__inner {
  padding: var(--contact-inner-padding);
  height: var(--contact-height);
  width: var(--contact-widths);
  align-self: center;
  justify-self: center;
  place-self: center;
}
.c-contact__inner h3 {
  text-transform: uppercase;
  color: #A12767;
  font-weight: bold;
  font-size: 1.4em;
}
.c-contact__inner__logo {
  width: 150px;
  margin-bottom: 30px;
}
.c-contact__inner__text {
  display: block;
}
.c-contact__inner__nav {
  height: 25px;
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.c-contact__inner__nav li {
  display: inline-block;
  margin-right: 20px;
}
.c-contact__inner__nav li a {
  display: block;
  height: 100%;
  color: inherit;
}
.c-contact__inner__nav li a:hover {
  color: #035772;
}
.c-contact__inner__nav li:last-child {
  margin-right: 0;
}
.c-contact__inner__social-media {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.c-contact__inner__social-media li {
  float: left;
  margin-right: 10px;
}
.c-contact__inner__social-media li a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  display: block;
  height: 100%;
  width: 40px;
}
.c-contact__inner__social-media li a:hover {
  background-color: #E0FD2C;
  color: #035772;
}

@media (min-width: 1400px) {
  .c-contact {
    --contact-inner-height: 100%;
    --contact-inner-width: 1200px;
    --contact-inner-padding: 40px 0 0 0;
  }
}
.c-container {
  --padding-vertical: 25px;
  --padding-horizontal: 25px;
  --inner-width: 100%;
  --inner-small-width: 100%;
  --inner-small-padding: 0 0px;
  --inner-mobile-padding: 0 25px;
  --text-larger-font-size: 1.5em;
  display: grid;
  position: relative;
  padding: var(--padding-vertical) var(--padding-horizontal);
  color: #035772;
  color: var(--rz-primary);
}
.c-container__inner-small {
  --padding-horizontal: 20px;
}
.c-container__inner-fluid, .c-container__inner, .c-container__inner-small, .c-container__inner-wide {
  align-self: center;
  justify-self: center;
  place-self: center;
  text-align: center;
}
.c-container__inner-fluid {
  width: 100%;
}
.c-container__inner-fluid.inner-fluid-padding {
  padding: var(--inner-fluid-padding);
}
.c-container__inner {
  width: var(--inner-width);
}
.c-container__inner-small {
  width: var(--inner-small-width);
  padding: var(--inner-small-padding);
}
.c-container__inner-wide {
  width: var(--inner-wide-width);
  padding: var(--inner-wide-padding);
}
.c-container.text-larger {
  font-size: var(--text-larger-font-size);
}
.c-container.no-padding-top {
  padding-top: 0;
}
.c-container.bottom-bottom-with-radius {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.c-container.margin-bottom-large {
  margin-bottom: 200px;
}
.c-container.padding-bottom-large {
  padding-bottom: 80px;
}
.c-container .text-align-left {
  text-align: left;
}
.c-container strong {
  font-weight: bold;
}

.c-container-wasistdieteamchallenge::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-image: url(/Images/teamchallenge-background.jpg?quality=60&widht=600&height=800);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

@media (min-width: 576px) {
  .c-container {
    --inner-fluid-padding: 0 25px;
  }
}
@media (min-width: 992px) {
  .c-container {
    --inner-small-width: 900px;
  }
}
@media (min-width: 1200px) {
  .c-container {
    --inner-width: 1200px;
  }
}
@media (min-width: 1400px) {
  .c-container {
    --padding-vertical: 25px;
    --padding-horizontal: 0;
    --inner-wide-padding: 0 0;
    --inner-small-padding: 0 0;
    --inner-mobile-padding: 0 25px;
    --inner-wide-width: 1600px;
  }
}
.c-footer {
  --footer-inner-height: auto;
  --footer-inner-width: 100%;
  --footer-inner-padding: 20px 20px;
  display: grid;
  background-color: #035772;
}
.c-footer__inner {
  padding: var(--footer-inner-padding);
  height: var(--footer-inner-height);
  width: var(--footer-inner-width);
  align-self: center;
  justify-self: center;
  place-self: center;
  color: #E0FD2C;
  text-align: center;
  font-size: 0.9em;
}
.c-footer__inner__nav {
  min-height: 25px;
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.c-footer__inner__nav li {
  display: inline-block;
  margin-right: 20px;
}
.c-footer__inner__nav li a {
  display: block;
  height: 100%;
  color: inherit;
}
.c-footer__inner__nav li a:hover {
  text-decoration: underline;
}
.c-footer__inner__nav li:last-child {
  margin-right: 0;
}

@media (min-width: 1400px) {
  .c-footer {
    --footer-inner-height: 100%;
    --footer-inner-width: 1200px;
    --footer-inner-padding: 20px 0;
  }
}
.c-main-navigation {
  --main-navigation-inner-width: 100%;
  --main-navigation-inner-logo-width: 120px;
  --main-navigation-inner-logo-margin-left: 10px;
  --nav-link-xl-display: none;
  display: grid;
  background-color: white;
}
.c-main-navigation-desktop {
  display: none;
  padding: 0;
  height: 80px;
  width: var(--main-navigation-inner-width);
  align-self: center;
  justify-self: center;
  place-self: center;
  justify-content: space-between;
  align-items: center;
}
.c-main-navigation-desktop__logo {
  height: 60px;
  margin-left: var(--main-navigation-inner-logo-margin-left);
  margin-bottom: 13px;
  float: left;
}
.c-main-navigation-desktop .nav-links {
  list-style: none;
  list-style-type: none;
  margin: 26px 0 0 0;
  padding: 0;
}
.c-main-navigation-desktop .nav-links li {
  display: inline-block;
  padding: 0 20px;
}
.c-main-navigation-desktop .nav-links li a {
  color: #035772;
  color: var(--rz-primary);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
}
.c-main-navigation-desktop .nav-links li a:hover {
  background-color: inherit;
  text-decoration: underline;
}
.c-main-navigation-desktop .nav-links li.mobile {
  display: none;
}
.c-main-navigation-desktop .nav-links li.nav-links__xl {
  display: var(--nav-link-xl-display);
}
.c-main-navigation-desktop__social-media {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 0;
}
.c-main-navigation-desktop__social-media li {
  float: right;
  margin-left: 10px;
}
.c-main-navigation-desktop__social-media li.team-member {
  float: left;
  margin-left: 0;
  margin-right: 10px;
  margin-top: 10px;
}
.c-main-navigation-desktop__social-media li a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  display: block;
  height: 100%;
  width: 40px;
}

.logo a {
  color: white;
  text-decoration: none;
  font-size: 24px;
}

.burger {
  display: none;
}

.nav-links a:focus,
.nav-links a:hover {
  text-decoration: underline;
}

.toggle .line1 {
  transform: rotate(-45deg) translate(-5px, 6px);
}
.toggle .line2 {
  opacity: 0;
}
.toggle .line3 {
  transform: rotate(45deg) translate(-5px, -6px);
}

.menu-backdrop {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9; /* Ensure it's below the nav-links but above other content */
}

.fixed-position {
  overflow: hidden;
  height: 100%;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media (min-width: 992px) {
  .c-main-navigation {
    --main-navigation-inner-width: 95%;
    --main-navigation-inner-logo-width: 180px;
    --main-navigation-inner-logo-margin-left: 0;
  }
  .c-main-navigation-desktop {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .c-main-navigation {
    --main-navigation-inner-width: 1200px;
    --nav-link-xl-display: inline-block;
  }
}
.c-main-navigation-mobile {
  background-color: white;
  z-index: 1000;
}
.c-main-navigation-mobile * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.c-main-navigation-mobile .nav-bar {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
}
.c-main-navigation-mobile .logo {
  text-decoration: none;
  margin-right: auto;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  color: #035772;
  color: var(--rz-primary);
}
.c-main-navigation-mobile .logo img {
  height: 60px;
}
.c-main-navigation-mobile .menu-toggler {
  left: 10px;
  top: 10px;
  opacity: 0;
  position: absolute;
}
.c-main-navigation-mobile .menu-toggler:checked + .show-menu span {
  background: transparent;
}
.c-main-navigation-mobile .menu-toggler:checked + .show-menu:after {
  top: 9px;
  transform: rotate(45deg);
}
.c-main-navigation-mobile .menu-toggler:checked + .show-menu:before {
  top: 9px;
  transform: rotate(-45deg);
}
.c-main-navigation-mobile .menu-toggler:checked ~ .nav {
  display: block;
  transform: translateX(0);
}
.c-main-navigation-mobile .show-menu {
  width: 32px;
  height: 22px;
  display: flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  justify-content: center;
}
.c-main-navigation-mobile .show-menu span, .c-main-navigation-mobile .show-menu:before, .c-main-navigation-mobile .show-menu:after {
  width: 100%;
  height: 4px;
  background: #2c7252;
  border-radius: 3px;
}
.c-main-navigation-mobile .show-menu:before, .c-main-navigation-mobile .show-menu:after {
  content: "";
  left: 0;
  position: absolute;
  transition: all 0.3s ease;
}
.c-main-navigation-mobile .show-menu:before {
  top: 0;
}
.c-main-navigation-mobile .show-menu:after {
  top: 18px;
}
.c-main-navigation-mobile .nav {
  z-index: 100;
  right: 0;
  top: 80px;
  bottom: 0;
  width: 100%;
  position: fixed;
  background: white;
  transition: all 0.3s ease;
  transform: translateX(100%);
}
.c-main-navigation-mobile .nav__menu {
  list-style: none;
}
.c-main-navigation-mobile .nav__link {
  color: #035772;
  color: var(--rz-primary);
  padding: 10px 23px;
  font-size: 25px;
  display: block;
  text-decoration: none;
}
.c-main-navigation-mobile .nav .social-media-link {
  margin-top: 20px;
  margin-left: 10px;
  width: 50px;
  height: 50px;
  display: inline-block;
}
.c-main-navigation-mobile .nav .social-media-link:first-child {
  margin-left: 23px;
}

@media (min-width: 992px) {
  .c-main-navigation-mobile {
    display: none;
  }
}
.c-main-slider {
  display: grid;
  height: 400px;
}
.c-main-slider__inner {
  height: 100%;
  width: 100%;
  align-self: center;
  justify-self: center;
  place-self: center;
  color: #E0FD2C;
  text-align: center;
  font-size: 1.1em;
  font-weight: 900;
  font-weight: var(--font-weight-black);
  overflow-y: hidden;
  display: flex;
  justify-content: center;
}
.c-main-slider__inner__slides {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.c-main-slider__inner__slides li {
  display: inline-block;
  margin-right: 60px;
}
.c-main-slider__inner__slides li a {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.c-main-slider__inner__slides li a:hover {
  text-decoration: underline;
}
.c-main-slider__inner__slides li:last-child {
  margin-right: 0;
}

.c-main-teaser {
  --main-teaser-inner-width: 100%;
  --main-teaser-inner-font-size: 1.0em;
  --main-teaser-inner-padding: 0 0 40px 0;
  --main-teaser-h1-font-size: 36px;
  --main-teaser-h1-margin-bottom: 10px;
  --main-teaser-h2-font-size: 22px;
  --main-teaser-margin-bottom: 20px;
  --main-teaser-video-width: 100%;
  --main-teaser-video-height: auto;
  --main-teaser-video-margin-bottom: 20px;
  --main-teaser-video-margin-top: 0;
  display: grid;
}
.c-main-teaser__inner {
  height: 100%;
  width: var(--main-teaser-inner-width);
  padding: var(--main-teaser-inner-padding);
  align-self: center;
  justify-self: center;
  place-self: center;
  color: #035772;
  color: var(--rz-primary);
  text-align: center;
  font-size: var(--main-teaser-inner-font-size);
}
.c-main-teaser__inner h1 {
  font-size: var(--main-teaser-h1-font-size);
  margin-bottom: var(--main-teaser-h1-margin-bottom);
  color: #E0FD2C;
  color: var(--rz-secondary);
  text-shadow: 1px 1px 20px black, -1px 1px 10px black, 1px -1px 10px black, -1px -1px 10px black; /* top left */
}
.c-main-teaser__inner h2 {
  font-size: var(--main-teaser-h2-font-size);
  margin-bottom: var(--main-teaser-h2-margin-bottom);
  color: #E0FD2C;
  color: var(--rz-secondary);
  text-shadow: 1px 1px 20px black, -1px 1px 10px black, 1px -1px 10px black, -1px -1px 10px black; /* top left */
}
.c-main-teaser__inner video {
  width: var(--main-teaser-video-width);
  height: var(--main-teaser-video-height);
  margin-top: var(--main-teaser-video-margin-top);
  margin-bottom: var(--main-teaser-video-margin-bottom);
}
.c-main-teaser__inner__video {
  margin-bottom: var(--main-teaser-video-margin-bottom);
  padding: 56.25% 0 0 0;
  position: relative;
}

@media (min-width: 768px) {
  .c-main-teaser {
    --main-teaser-inner-width: 100%;
    --main-teaser-inner-font-size: 1.0em;
    --main-teaser-h1-font-size: 3.0em;
    --main-teaser-h1-margin-bottom: 0px;
    --main-teaser-h2-font-size: 1.6em;
    --main-teaser-h2-margin-bottom: 20px;
    --main-teaser-margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .c-main-teaser {
    --main-teaser-video-width: 100%;
    --main-teaser-video-height: auto;
    --main-teaser-video-margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .c-main-teaser {
    --main-teaser-video-width: 1200px;
    --main-teaser-video-height: auto;
    --main-teaser-video-margin-bottom: 20px;
    --main-teaser-video-margin-top: 35px;
  }
}
.c-content-block {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: inherit;
}
.c-content-block h1 {
  font-size: 52px;
  margin-bottom: 30px;
}
.c-content-block h2 {
  font-size: 30px;
  margin-bottom: 20px;
  color: white;
}
.c-content-block h3 {
  font-size: 30px;
  margin-bottom: 20px;
  color: white;
}
.c-content-block__item {
  --text-inner-padding: 20px;
  --text-inner-font-size: 16px;
  --text-inner-h3-margin-vertical: 20px;
  --text-inner-h3-font-size: 20px;
  --text-inner-call-to-action-bottom: 60px;
  background: #035772;
  background: var(--rz-primary);
  color: white;
  font-weight: bold;
  text-align: left;
  flex: 1;
}
.c-content-block__item.text {
  flex: 2;
  aspect-ratio: 2/3;
}
.c-content-block__item.text .inner {
  font-size: var(--text-inner-font-size);
  font-weight: 300;
  font-weight: var(--font-weight-light);
  padding: var(--text-inner-padding);
  position: relative;
  height: 100%;
  display: block;
}
.c-content-block__item.text .inner h3 {
  text-transform: uppercase;
  margin: var(--text-inner-h3-margin-vertical) 0;
  font-size: var(--text-inner-h3-font-size);
}
.c-content-block__item.text .inner .call-to-action {
  position: absolute;
  bottom: var(--text-inner-call-to-action-bottom);
}
.c-content-block__item.image {
  flex: 1;
  aspect-ratio: 1/3;
  overflow: hidden;
}
.c-content-block__item__inner {
  margin: 80px;
}
.c-content-block__item-vertical {
  --text-padding: 20px;
  --text-margin-bottom: 20px;
  --text-width: 90%;
  --text-height: auto;
  --text-p-margin-bottom: 15px;
  background: #E0FD2C;
  background: var(--rz-secondary);
}
.c-content-block__item-vertical.image {
  aspect-ratio: 2/3;
  width: 100%;
  position: relative;
}
.c-content-block__item-vertical.image .text {
  padding: var(--text-padding);
  text-align: left;
  color: white;
  background-color: #417586;
  position: absolute;
  bottom: 0%;
  margin-bottom: var(--text-margin-bottom);
  left: 50%;
  transform: translate(-50%, 0);
  width: var(--text-width);
  height: var(--text-height);
}
.c-content-block__item-vertical.image .text p {
  margin-bottom: var(--text-p-margin-bottom);
}

@media (min-width: 768px) {
  .c-content-block__item {
    --text-inner-padding: 40px;
    --text-inner-font-size: 18px;
    --text-inner-h3-margin-vertical: 40px;
    --text-inner-h3-font-size: 30px;
    --text-inner-call-to-action-bottom: 100px;
  }
  .c-content-block__item-vertical {
    --text-padding: 20px;
    --text-margin-bottom: 40px;
    --text-width: 70%;
    --text-height: 45%;
    --text-p-margin-bottom: 15px;
  }
}
.c-page-title {
  --margin-top: 0px;
  --subtitle-margin-top: 0;
  --subtitle-h2-font-size: 30px;
  --inner-h1-font-size: 36px;
  --inner-h1-line-height: 40px;
  --inner-h2-width: 100%;
  --inner-h2-margin-bottom: 40px;
  --inner-h2-font-size: 22px;
  --padding: 10px;
  --border-top-radius-mobile: 10px;
  display: grid;
  position: relative;
  overflow: hidden;
  position: relative;
  margin-top: var(--margin-top);
  padding: var(--padding);
  background-color: white;
  color: #035772;
  color: var(--rz-primary);
}
.c-page-title.subtitle {
  margin-top: var(--subtitle-margin-top);
  background-color: inherit;
}
.c-page-title.subtitle h2 {
  font-size: var(--subtitle-h2-font-size);
}
.c-page-title.no-margin-top {
  --margin-top:0;
}
.c-page-title.bottom-top-with-radius-mobile {
  border-top-left-radius: var(--border-top-radius-mobile);
  border-top-right-radius: var(--border-top-radius-mobile);
}
.c-page-title__inner {
  width: 100%;
  text-align: center;
  align-self: center;
  justify-self: center;
  place-self: center;
}
.c-page-title__inner h1 {
  font-size: var(--inner-h1-font-size);
  line-height: var(--inner-h1-line-height);
}
.c-page-title__inner h2 {
  font-weight: 300;
  font-weight: var(--font-weight-light);
  align-self: center;
  justify-self: center;
  place-self: center;
  font-size: var(--inner-h2-font-size);
  display: inline-block;
}

.bg-red .c-page-title {
  color: #E0FD2C;
  color: var(--rz-secondary);
}

@media (min-width: 768px) {
  .c-container {
    ---border-top-radius-mobile: 0;
  }
}
@media (min-width: 1400px) {
  .c-page-title {
    --margin-top: 40px;
    --padding: 20px;
    --subtitle-margin-top: 0;
    --subtitle-h2-font-size: 40px;
    --inner-h1-font-size: 50px;
    --inner-h1-line-height: 60px;
    --inner-h2-width: 1200px;
    --inner-h2-font-size: 1.5em;
  }
}
.c-partner-banner {
  --partner-banner-badge-color: var(--rz-secondary);
  --partner-banner-color: white;
  --partner-banner-font-size: 16px;
  --partner-banner-margin-top: 10px;
  --partner-banner-image-width: 80px;
  display: flex;
  align-items: end;
  margin-top: var(--partner-banner-margin-top);
}
.c-partner-banner img {
  flex: 1;
  width: var(--partner-banner-image-width);
}
.c-partner-banner__text {
  flex: 3;
  padding-left: 10px;
  color: var(--partner-banner-color);
  font-size: var(--partner-banner-font-size);
}
.c-partner-banner__text .badge {
  text-transform: uppercase;
  color: var(--partner-banner-badge-color);
}

.bg-yellow .c-partner-banner {
  --partner-banner-badge-color: var(--rz-info);
  --partner-banner-color: black;
}

@media (min-width: 768px) {
  .c-partner-banner {
    --partner-banner-font-size: 22px;
    --partner-banner-margin-top: 30px;
    --partner-banner-image-width: 120px;
  }
}
@media (min-width: 992px) {
  .c-partner-banner {
    --partner-banner-font-size: 18px;
    --partner-banner-margin-top: 30px;
    --partner-banner-image-width: 120px;
  }
}
@media (min-width: 1400px) {
  .c-partner-banner {
    --partner-banner-font-size: 26px;
    --partner-banner-margin-top: 80px;
    --partner-banner-image-width: 150px;
  }
}
.c-content-list-item {
  margin-bottom: 30px;
  text-align: left;
}
.c-content-list-item h3 {
  font-size: 24px;
}

.c-review {
  --review-logo-size: 60px;
  --review-quote-margin: 20px;
  --review-quote-margin-bottom: 20px;
  --review-quote-font-size: 20px;
  --review-quote-line-height: 22px;
  --review-name-font-size: 20px;
  --review-name-padding-right: 0px;
  height: 100%;
  width: 100%;
  align-self: center;
  justify-self: center;
  place-self: center;
  color: white;
  text-align: center;
  padding: 30px;
  background-color: #035772;
  background-color: var(--rz-primary);
}
.c-review__item {
  height: 100%;
  display: flex;
}
.c-review__item__image {
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.c-review__item__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.c-review__item__text__logo {
  width: var(--review-logo-size);
  height: var(--review-logo-size);
  border-radius: calc(var(--review-logo-size) / 2);
}
.c-review__item__text__quote {
  margin: var(--review-quote-margin);
  margin-bottom: var(--review-quote-margin-bottom);
  font-style: italic;
  font-weight: bold;
  font-size: var(--review-quote-font-size);
  line-height: var(--review-quote-line-height);
  color: #E0FD2C;
  color: var(--rz-secondary);
}
.c-review__item__text__name {
  width: 100%;
  text-align: right;
  padding-right: var(--review-name-padding-right);
  font-size: var(--review-name-font-size);
  margin-bottom: 20px;
}
.c-review__item__text__url {
  text-align: right;
}
.c-review__item__text__url a {
  text-decoration: underline;
  color: #E0FD2C;
  color: var(--rz-secondary);
  padding-right: var(--review-name-padding-right);
  font-weight: 300;
  font-weight: var(--font-weight-light);
}

@media (min-width: 768px) {
  .c-review {
    --review-logo-size: 100px;
    --review-quote-margin: 40px;
    --review-quote-margin-bottom: 40px;
    --review-quote-font-size: 30px;
    --review-quote-line-height: 38px;
    --review-name-padding-right: 40px;
    --review-name-font-size: 20px;
  }
}
.c-squares-teaser {
  --margin-item-inner: 20px;
  --h1-font-size: 30px;
  --h1-margin-bottom: 20px;
  --h2-font-size: 20px;
  --h2-margin-bottom: 0;
  --call-to-action-margin-vertical: 20px;
  --item-image-desktop-dispay: none;
  --inner-image-mobile-display: block;
  --item-font-size: 1.5em;
  --item-font-weight: bold;
  --item-aspect-ratio: 4 / 3;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-squares-teaser.landscape {
  --item-aspect-ratio: 16 / 9;
}
.c-squares-teaser.four-to-three {
  --item-aspect-ratio: 4 / 3;
}
.c-squares-teaser.small {
  --item-font-size:1.2em;
  --item-font-weight: --font-weight-light;
}
.c-squares-teaser.margin-top {
  margin-top: 60px;
}
.c-squares-teaser__item {
  background: #035772;
  background: var(--rz-primary);
  aspect-ratio: var(--item-aspect-ratio);
  font-weight: var(--item-font-weight);
  font-size: var(--item-font-size);
  text-align: left;
  flex: 1;
  overflow: hidden;
  position: relative;
}
.c-squares-teaser__item__image-overlay {
  position: absolute;
  top: 30px;
  left: 20px;
  background-color: white;
  padding: 10px;
}
.c-squares-teaser__item p {
  margin-bottom: 20px;
}
.c-squares-teaser__item li {
  margin-bottom: 10px;
}
.c-squares-teaser__item.text-normal {
  font-size: 1.3em;
  font-weight: 300;
  font-weight: var(--font-weight-light);
}
.c-squares-teaser__item__inner {
  margin: var(--margin-item-inner);
}
.c-squares-teaser__item__inner__image-mobile {
  display: var(--inner-image-mobile-display);
  margin-bottom: 20px;
  margin-top: 20px;
}
.c-squares-teaser__item__image-desktop {
  display: var(--item-image-desktop-display);
}
.c-squares-teaser__item .call-to-action {
  display: inline-block;
  padding: 10px 30px;
  text-decoration: none;
  margin: var(--call-to-action-margin-vertical) 0;
}
.c-squares-teaser__item h1 {
  font-size: var(--h1-font-size);
  margin-bottom: var(--h1-margin-bottom);
}
.c-squares-teaser__item h2 {
  font-size: var(--h2-font-size);
  margin-bottom: var(--h2-margin-bottom);
}
.c-squares-teaser__item h2.uppercase {
  text-transform: uppercase;
}
.c-squares-teaser__item h2.centered {
  width: 100%;
  text-align: center;
}

@media (min-width: 768px) {
  .c-squares-teaser {
    --margin-item-inner: 20px;
    --h1-font-size: 42px;
    --h1-margin-bottom: 20px;
    --h2-font-size: 26px;
    --h2-margin-bottom: 20px;
    --call-to-action-margin-vertical: 0px;
    --item-image-desktop-display: block;
    --inner-image-mobile-display: none;
  }
  .c-squares-teaser.landscape-mobile-unset {
    --item-aspect-ratio: 16 / 9;
  }
}
@media (min-width: 992px) {
  .c-squares-teaser {
    --margin-item-inner: 40px;
    --h1-font-size: 42px;
    --h1-margin-bottom: 20px;
    --h2-font-size: 26px;
    --h2-margin-bottom: 20px;
    --call-to-action-margin-vertical: 00px;
  }
}
@media (min-width: 1200px) {
  .c-squares-teaser {
    --item-aspect-ratio: 1 / 1;
  }
}
@media (min-width: 1400px) {
  .c-squares-teaser {
    --h1-font-size: 52px;
    --h1-margin-bottom: 30px;
    --h2-font-size: 30px;
    --h2-margin-bottom: 20px;
    --call-to-action-margin-vertical: 30px;
  }
}
@media (max-width: 1199px) {
  .c-squares-teaser {
    flex-direction: column;
  }
  .c-squares-teaser.small {
    flex-direction: row;
  }
  .c-squares-teaser__item {
    width: 100%;
  }
  .c-squares-teaser .mobile-hidden {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .c-squares-teaser.small {
    flex-direction: column;
    --item-font-size: 1.0em;
  }
  .c-squares-teaser .aspect-ratio-mobile-unset, .c-squares-teaser.aspect-ratio-mobile-unset {
    --item-aspect-ratio: auto;
  }
}
.c-sub-navigation {
  --sub-navigation-height: auto;
  --sub-navigation-inner-width: 100%;
  --sub-navigation-inner-nav-height: auto;
  --sub-navigation-inner-nav-li-display: block;
  --sub-navigation-inner-nav-li-margin-right: 0;
  --sub-navigation-inner-nav-li-height: 30px;
  --sub-navigation-inner-nav-li-line-height: 30px;
  display: grid;
  background-color: #A12767;
  background-color: var(--rz-info);
  height: var(--sub-navigation-height);
}
.c-sub-navigation__inner {
  padding: 5px;
  height: 100%;
  width: var(--sub-navigation-width);
  align-self: center;
  justify-self: center;
  place-self: center;
  color: #E0FD2C;
  color: var(--rz-secondary);
  text-align: center;
  font-size: 1.1em;
  font-weight: 300;
  font-weight: var(--font-weight-light);
}
.c-sub-navigation__inner__nav {
  height: var(--sub-navigation-inner-nav-height);
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.c-sub-navigation__inner__nav li {
  display: var(--sub-navigation-inner-nav-li-display);
  margin-right: var(--sub-navigation-inner-nav-li-margin-right);
  height: var(--sub-navigation-inner-nav-li-height);
  line-height: var(--sub-navigation-inner-nav-li-line-height);
}
.c-sub-navigation__inner__nav li a {
  display: var(--sub-navigation-inner-nav-li-display);
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.c-sub-navigation__inner__nav li a:hover {
  text-decoration: underline;
}
.c-sub-navigation__inner__nav li:last-child {
  margin-right: 0;
}

@media (min-width: 992px) {
  .c-sub-navigation {
    --sub-navigation-height: 35px;
    --sub-navigation-inner-nav-li-display: inline-block;
    --sub-navigation-inner-nav-li-margin-right: 60px;
    --sub-navigation-inner-nav-li-height: 100%;
    --sub-navigation-inner-nav-li-line-height: auto;
  }
}
.c-tile {
  --item-text-padding: 10px 30px;
  --item-text-font-size: 22px;
  --item-text-small-font-size: 14px;
  display: flex;
  background-color: #E0FD2C;
  background-color: var(--rz-secondary);
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
}
.c-tile.tile-large {
  --item-text-padding: 10px 30px;
  --item-text-font-size: 26px;
  --item-text-small-font-size: 18px;
}
.c-tile__text {
  text-align: left;
  background-color: white;
  color: #035772;
  color: var(--rz-primary);
  position: absolute;
  font-size: var(--item-text-font-size);
  bottom: 10px;
  left: 10px;
  margin-right: 10px;
  padding: var(--item-text-padding);
}
.c-tile .text-small {
  font-size: var(--item-text-small-font-size) !important;
}

@media (max-width: 991px) {
  .c-tile {
    --item-text-padding: 5px 10px;
    --item-text-font-size: 22px;
    --item-text-small-font-size: 14px;
  }
  .c-tile.tile-large {
    --item-text-padding: 5px 10px;
    --item-text-font-size: 22px;
    --item-text-small-font-size: 14px;
  }
}
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

.snowflake,
.snowflake .inner {
  animation-iteration-count: infinite;
  animation-play-state: running;
}

@keyframes snowflakes-fall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(110vh);
  }
}
@keyframes snowflakes-shake {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(80px);
  }
}
.snowflake {
  position: fixed;
  top: -10%;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: default;
  animation-name: snowflakes-shake;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
}

.snowflake .inner {
  animation-duration: 10s;
  animation-name: snowflakes-fall;
  animation-timing-function: linear;
}

.snowflake:nth-of-type(0) {
  left: 1%;
  animation-delay: 0s;
}

.snowflake:nth-of-type(0) .inner {
  animation-delay: 0s;
}

.snowflake:first-of-type {
  left: 10%;
  animation-delay: 1s;
}

.snowflake:first-of-type .inner,
.snowflake:nth-of-type(8) .inner {
  animation-delay: 1s;
}

.snowflake:nth-of-type(2) {
  left: 20%;
  animation-delay: 0.5s;
}

.snowflake:nth-of-type(2) .inner,
.snowflake:nth-of-type(6) .inner {
  animation-delay: 6s;
}

.snowflake:nth-of-type(3) {
  left: 30%;
  animation-delay: 2s;
}

.snowflake:nth-of-type(11) .inner,
.snowflake:nth-of-type(3) .inner {
  animation-delay: 4s;
}

.snowflake:nth-of-type(4) {
  left: 40%;
  animation-delay: 2s;
}

.snowflake:nth-of-type(10) .inner,
.snowflake:nth-of-type(4) .inner {
  animation-delay: 2s;
}

.snowflake:nth-of-type(5) {
  left: 50%;
  animation-delay: 3s;
}

.snowflake:nth-of-type(5) .inner {
  animation-delay: 8s;
}

.snowflake:nth-of-type(6) {
  left: 60%;
  animation-delay: 2s;
}

.snowflake:nth-of-type(7) {
  left: 70%;
  animation-delay: 1s;
}

.snowflake:nth-of-type(7) .inner {
  animation-delay: 2.5s;
}

.snowflake:nth-of-type(8) {
  left: 80%;
  animation-delay: 0s;
}

.snowflake:nth-of-type(9) {
  left: 90%;
  animation-delay: 1.5s;
}

.snowflake:nth-of-type(9) .inner {
  animation-delay: 3s;
}

.snowflake:nth-of-type(10) {
  left: 25%;
  animation-delay: 0s;
}

.snowflake:nth-of-type(11) {
  left: 65%;
  animation-delay: 2.5s;
}

.c-stack-tile {
  --tile-margin-top: 50px;
  --tile-height: auto;
  --tile-call-to-action-position: relative;
  margin-top: var(--tile-margin-top);
  position: relative;
  padding: 50px 25px;
  height: var(--tile-height);
  font-size: 20px;
  font-weight: 300;
  font-weight: var(--font-weight-light);
}
.c-stack-tile h3 {
  font-size: 30px;
  margin-bottom: 30px;
}
.c-stack-tile ul {
  text-align: left;
}
.c-stack-tile li {
  margin-bottom: 10px;
}
.c-stack-tile p {
  margin: 30px 0;
}
.c-stack-tile .rzi {
  background: #cfcfcf;
  font-size: 30px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 35px;
  color: #035772;
  color: var(--rz-primary);
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
.c-stack-tile .call-to-action {
  position: var(--tile-call-to-action-position);
  width: 100%;
}

@media (min-width: 768px) {
  .c-stack-tile {
    --tile-margin-top: 25px;
    --tile-height: 100%;
    --tile-call-to-action-position: absolute;
  }
  .c-stack-tile.double-margin-top {
    margin-top: calc(var(--tile-margin-top) * 2);
  }
  .c-stack-tile.triple-margin-top {
    margin-top: calc(var(--tile-margin-top) * 3);
  }
  .c-stack-tile .call-to-action {
    position: var(--tile-call-to-action-position);
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
  }
}
.c-button--round {
  aspect-ratio: 1;
  border-radius: 100px;
}

.c-button-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.c-button-group {
  display: inline-flex;
  background-color: #ffffff;
  background-color: var(--white);
  border: 1px #035772 solid;
  border: var(--base-border-width) var(--rz-primary) solid;
  border-radius: var(--rz-button-border-radius);
}
.c-button-group.c-button-group-small .rz-button {
  padding: calc(12.5px - 2 * 1px) 12.5px;
  padding: calc(12.5px - 2 * var(--base-border-width)) 12.5px;
}
.c-button-group.c-button-group-full-3 {
  display: flex;
}
.c-button-group.c-button-group-full-3 .rz-button {
  width: 33.3333333333%;
}
.c-button-group .rz-button {
  color: #035772 !important;
  color: var(--rz-primary) !important;
  background: #ffffff !important;
  background: var(--white) !important;
  border-color: #ffffff !important;
  border-color: var(--white) !important;
}
.c-button-group .rz-button {
  padding: calc(12.5px - 2 * 1px) 25px;
  padding: calc(12.5px - 2 * var(--base-border-width)) 25px;
  height: calc(3.0rem * 1px);
  height: calc(var(--rz-input-height) * var(--base-border-width));
}
.c-button-group .rz-button:hover {
  color: #ffffff !important;
  color: var(--white) !important;
  background: #035772 !important;
  background: var(--rz-primary) !important;
}
.c-button-group .rz-button.is-active {
  color: #ffffff !important;
  color: var(--white) !important;
  background: #035772 !important;
  background: var(--rz-primary) !important;
}
.c-button-group .rz-button.is-active:hover {
  color: #ffffff !important;
  color: var(--white) !important;
}

.rz-button.rz-secondary {
  border-color: #E0FD2C !important;
  border-color: var(--rz-secondary) !important;
}

.c-control {
  --grid-gap: 5px 5px;
}
.c-control__countdown {
  background-color: #A12767;
  background-color: var(--rz-info);
  color: #E0FD2C;
  color: var(--rz-secondary);
  font-weight: bold;
  padding: 20px;
  width: 100%;
}
.c-control__countdown .clock {
  font-size: 25px;
  text-align: center;
}
.c-control__countdown__icon {
  font-size: 40px;
}
.c-control__countdown__text {
  text-align: center;
}
.c-control__icon {
  width: 96px;
  height: 96px;
  border-radius: 48px;
  overflow: hidden;
  margin: auto;
}

.c-card {
  position: relative;
  overflow: hidden;
  display: flex;
  cursor: pointer;
  flex-direction: column;
  --rz-button-border-radius: 0;
  --rz-card-padding: 0;
  --rz-card-border-radius: var(--border-radius-md);
  text-align: left;
}
.c-card.text-align-center {
  text-align: center;
}
.c-card__img {
  height: auto;
  aspect-ratio: 16/9;
}
.c-card__img-8to7 {
  height: auto;
  aspect-ratio: 8/7;
}
.c-card__img-square {
  height: auto;
  aspect-ratio: 1/1;
}
.c-card__img-wrapper {
  position: relative;
}
.c-card__img-title {
  position: absolute;
  bottom: 10px;
  left: 0px;
  background-color: white;
  color: #035772;
  color: var(--rz-primary);
  font-size: 1.4em;
  padding: 5px 10px;
  margin: 10px;
}
.c-card__chips {
  position: absolute;
  top: 7.5px;
  left: 7.5px;
}
.c-card__chips__chip {
  color: #035772;
  color: var(--rz-primary);
  background-color: #E0FD2C;
  background-color: var(--rz-secondary);
  float: left;
  margin-right: 7.5px;
}
.c-card__chips__chip.rz-planned {
  color: black;
  background-color: yellow;
}
.c-card__chips__chip.rz-danger {
  background-color: #cf2e2e;
  background-color: var(--rz-danger);
}
.c-card__chips__chip.rz-danger:hover {
  background: #e58b8b !important;
}
.c-card__body {
  flex: 1;
  padding: 15px 15px 15px;
}
.c-card__body__p {
  padding-bottom: 5px;
}
.c-card__body__p.title {
  font-weight: 900;
  font-weight: var(--font-weight-black);
}
.c-card__row {
  display: flex;
  gap: 1.5rem;
}
.c-card__row__cell {
  padding: 1rem 0;
}

.u-divider--vertical {
  width: 0;
  height: 100%;
  border-left: 1px solid #d4d4d4;
  border-left: var(--base-border-width) solid var(--alto);
}

.rz-badge,
.c-chip,
.c-card__chips__chip {
  font-size: 0.7rem;
  font-size: var(--font-size-xs);
  border-radius: 100px;
  padding: 5px 15px;
}
.rz-badge--outlined,
.c-chip--outlined {
  border: 1px #d4d4d4 solid;
  border: var(--base-border-width) var(--alto) solid;
}

.c-culture-selector {
  margin-top: 30px;
  text-align: right;
}
.c-culture-selector .rz-dropdown {
  line-height: 32px;
  width: 70px;
}

.rz-sidebar-collapsed .c-culture-selector {
  opacity: 0;
  max-width: 0;
}

/* https://stackoverflow.com/questions/65239461/can-i-replace-the-button-displayed-by-blazors-inputfile-component-with-another */
.c-file-input-zone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  border: 3px dashed grey;
  width: 100%;
  height: 100px;
}

.c-file-input-zone input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid red;
}

.c-loading, .c-form--is-submitting button[type=submit] {
  position: relative;
  pointer-events: none;
}
.c-loading:before, .c-form--is-submitting button[type=submit]:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27%3E%3Cpath fill=%27%230693e3%27 d=%27M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50%27%3E%3CanimateTransform attributeName=%27transform%27 attributeType=%27XML%27 type=%27rotate%27 dur=%271s%27 from=%270 50 50%27 to=%27360 50 50%27 repeatCount=%27indefinite%27%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E");
  background-image: var(--loading-circle);
  background-color: rgba(255, 255, 255, 0.4);
}
.c-loading--pie:before {
  background-color: #ffffff;
  background-color: var(--white);
}
.c-loading--graph:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27%3E%3Cpath fill=%27%230693e3%27 d=%27M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50%27%3E%3CanimateTransform attributeName=%27transform%27 attributeType=%27XML%27 type=%27rotate%27 dur=%271s%27 from=%270 50 50%27 to=%27360 50 50%27 repeatCount=%27indefinite%27%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E");
  background-image: var(--loading-circle);
  background-color: #ffffff;
  background-color: var(--white);
}

hr {
  border-color: #CDD0D1;
  border-color: var(--silver-light);
}

.valid.modified:not([type=checkbox]) {
  outline: none;
}

.row {
  margin-top: calc(20px * -1);
  margin-top: calc(var(--grid-gutter-y) * -1);
}
.row > * {
  margin-top: 20px;
  margin-top: var(--grid-gutter-y);
}

.row-mb {
  margin-bottom: 20px;
  margin-bottom: var(--grid-gutter-y);
}

.flex-vertical {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 100%;
}
.flex-vertical__last {
  flex: 1;
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none;
  }
}
@media (max-width: 767px) {
  .rz-datatable-reflow .rz-data-row > td.hidden-sm-down {
    width: 0 !important;
  }
  .rz-datatable-reflow .rz-data-row > td.hidden-sm-down {
    display: none;
  }
}

.c-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 15px;
}

.c-icon-filled {
  --icon-filled-size: 24px;
  width: var(--icon-filled-size);
  height: var(--icon-filled-size);
  background-color: #E0FD2C;
  background-color: var(--rz-secondary);
  color: #035772;
  color: var(--rz-primary);
  border-radius: calc(var(--icon-filled-size) / 2);
  font-size: calc(var(--icon-filled-size) * 0.75);
}
.c-icon--info {
  color: #035772;
  color: var(--rz-primary);
}
.c-icon--info:hover {
  color: #0596C7;
  color: var(--rz-primary-light);
}
.c-icon--danger {
  color: #cf2e2e;
  color: var(--rz-danger);
}
.c-icon--danger:hover {
  color: #ff6900;
  color: var(--rz-danger-light);
}
.c-icon--sm {
  --rz-icon-size: 2.2rem;
}

.rz-background-color-secondary .c-icon-filled {
  background-color: #035772;
  background-color: var(--rz-primary);
  color: #E0FD2C;
  color: var(--rz-secondary);
}

.rz-text-h2,
.rz-text-h3 {
  display: flex;
  --rz-icon-size: 2.8rem;
  gap: 10px;
  align-items: center;
}

.rz-text-h4 {
  display: flex;
  --rz-text-h4-font-size: var(--font-size-base);
  --rz-icon-size: 2.5rem;
  gap: 10px;
  align-items: center;
}

.c-action-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  cursor: pointer;
  padding: 0;
  /*
  .rz-button:last-child {
  	margin: 10px;
  	margin-top: auto;
  }
  */
}
.c-action-card__body {
  padding: 10px;
}

.c-library-item-card {
  height: 100%;
}
.c-library-item-card img {
  margin: auto;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  display: block;
}
.c-library-item-card iframe,
.c-library-item-card object,
.c-library-item-card video {
  width: 100%;
  height: 100%;
}

.c-library-item-thumbnail {
  width: 80px;
  height: 80px;
  background-color: #DFDFDF;
  border: 1px solid #CFCFCF;
  position: relative;
}
.c-library-item-thumbnail__playbutton {
  position: absolute;
  top: 25px;
  left: 25px;
}

.c-login {
  height: auto;
  max-width: 600px;
  margin: 0 auto;
}

.c-loading-spinner {
  color: #E0FD2C;
  display: inline-block;
  position: relative;
  width: 160px;
  height: 160px;
}
.c-loading-spinner div {
  transform-origin: 80px 80px;
  animation: c-loading-spinner 1.2s linear infinite;
}
.c-loading-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 77px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #035772;
}

.c-loading-spinner .c-loading-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.c-loading-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.c-loading-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.c-loading-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.c-loading-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.c-loading-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.c-loading-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.c-loading-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.c-loading-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.c-loading-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.c-loading-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.c-loading-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes c-loading-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.c-map {
  min-height: 600px;
  height: 100%;
}

@media (max-width: 767px) {
  .c-map {
    min-height: 300px;
    height: 100%;
  }
}
.c-planned-date-picker {
  --rz-datepicker-calendar-font-size: 0.9em;
  --rz-datepicker-calendar-border-radius: 5px;
  --rz-datepicker-calendar-today-border-radius: 5px;
  --rz-datepicker-calendar-selected-color: var(--rz-primary);
  --rz-datepicker-calendar-selected-hover-color: var(--rz-primary);
  display: flex;
  text-align: center;
}
.c-planned-date-picker .rz-datepicker-group,
.c-planned-date-picker .rz-calendar {
  flex: 1;
  padding: 0 10px;
}
.c-planned-date-picker .rz-datepicker-calendar td a.rz-state-default,
.c-planned-date-picker .rz-datepicker-calendar td span.rz-state-default,
.c-planned-date-picker .rz-datepicker-calendar th a.rz-state-default,
.c-planned-date-picker .rz-datepicker-calendar th span.rz-state-default {
  width: 90%;
  border: 1px solid #035772;
  border: 1px solid var(--rz-primary);
}
.c-planned-date-picker.rz-datepicker {
  padding-top: 10px;
}
.c-planned-date-picker.rz-datepicker td {
  padding: 3px 0 0 0;
  height: 26px;
  line-height: 23px;
}
.c-planned-date-picker .rz-datepicker-calendar td a.rz-state-default:not(.rz-state-active):hover,
.c-planned-date-picker .rz-datepicker-calendar td span.rz-state-default:not(.rz-state-active):hover,
.c-planned-date-picker .rz-datepicker-calendar th a.rz-state-default:not(.rz-state-active):hover,
.c-planned-date-picker .rz-datepicker-calendar th span.rz-state-default:not(.rz-state-active):hover {
  border-radius: var(--rz-datepicker-calendar-border-radius);
}
@media (max-width: 767px) {
  .c-planned-date-picker .rz-datepicker-header {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .c-planned-date-picker {
    flex-direction: column;
  }
}
.c-qrcode-scanner {
  background-color: #035772;
  background-color: var(--rz-primary);
  width: 64px;
  height: 64px;
  border-radius: 40px;
  text-align: center;
  line-height: 70px;
  border: 2px solid #E0FD2C;
  border: 2px solid var(--rz-secondary);
  margin-right: 30px;
  margin-bottom: 30px;
}
.c-qrcode-scanner.-is-widget {
  margin-right: 10px;
  margin-bottom: 20px;
}
.c-qrcode-scanner__link {
  text-decoration: none;
  color: #E0FD2C;
  color: var(--rz-secondary);
  line-height: 88px;
}

.c-register {
  padding: 0;
  text-align: left;
}
.c-register .display-mobile {
  display: inherit;
}
.c-register .display-desktop {
  display: none;
}
.c-register form {
  --grid-gap: 15px !important;
}
@media (min-width: 768px) {
  .c-register .display-mobile {
    display: none;
  }
  .c-register .display-desktop {
    display: inline-block;
  }
}

.c-richtext-container h2 {
  font-family: "avenir", sans-serif;
  font-family: var(--rz-text-font-family);
  font-size: 1.4rem;
  font-size: var(--rz-text-h2-font-size);
  line-height: var(--rz-text-h2-line-height);
  font-weight: 900;
  font-weight: var(--rz-text-h2-font-weight);
  letter-spacing: normal;
  letter-spacing: var(--rz-text-h2-letter-spacing);
  color: var(--rz-text-h2-color);
  margin-bottom: var(--rz-text-h2-margin-bottom);
}
.c-richtext-container h3 {
  font-family: "avenir", sans-serif;
  font-family: var(--rz-text-font-family);
  font-size: 1.4rem;
  font-size: var(--rz-text-h3-font-size);
  line-height: var(--rz-text-h3-line-height);
  font-weight: 900;
  font-weight: var(--rz-text-h3-font-weight);
  letter-spacing: var(--rz-text-h3-letter-spacing);
  color: var(--rz-text-h3-color);
  margin-bottom: 1rem;
  margin-bottom: var(--rz-text-h3-margin-bottom);
}

.c-sidebar {
  padding: 46px 0 0 16px;
  margin-bottom: -15px;
}
@media (min-width: 768px) {
  .c-sidebar {
    position: sticky !important;
  }
  .c-sidebar {
    margin-bottom: 0;
    height: 100vh;
    height: 100dvh;
  }
}
.c-sidebar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
@media (min-width: 768px) {
  .c-sidebar__head {
    height: 100px;
    margin-bottom: 0;
  }
}
.c-sidebar__toggle--desktop {
  pointer-events: none;
  opacity: 0;
  display: none;
}
.c-sidebar__countdown {
  background-color: #A12767;
  background-color: var(--rz-info);
  color: #E0FD2C;
  color: var(--rz-secondary);
  font-weight: bold;
  padding: 20px;
  width: 100%;
}
.c-sidebar__countdown .e-clock {
  font-size: 25px;
  text-align: center;
}
.c-sidebar__countdown .e-clock__label {
  font-size: 18px;
  line-height: 25px;
  margin-left: 10px;
}
.c-sidebar__countdown__icon {
  font-size: 40px;
}
.c-sidebar__support {
  cursor: pointer;
  margin-left: 20px;
}
@media (min-width: 768px) {
  .c-sidebar__toggle--desktop {
    pointer-events: all;
    opacity: 1;
    display: flex;
  }
  .c-sidebar__toggle--mobile {
    display: none;
  }
  .c-sidebar__support {
    display: none !important;
  }
}
.c-sidebar__logo {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 768px) {
  .c-sidebar__logo {
    -o-object-position: left;
       object-position: left;
  }
}
.c-sidebar__logo__container {
  height: inherit;
  aspect-ratio: 16/8;
  padding: 5px;
}
@media (min-width: 768px) {
  .c-sidebar__logo__container {
    padding: 17.5px;
  }
}
.c-sidebar__category.is-active {
  background-color: #ffffff;
  background-color: var(--rz-sidebar-toggle-hover-background-color);
}
.c-sidebar__links, .c-sidebar__logo__container {
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-sidebar__links, .c-sidebar__logo__container {
    animation-name: sidebar-expand;
    animation-fill-mode: forwards;
    animation-duration: .25s;
    animation-duration: var(--transition-duration);
    animation-timing-function: ease;
    animation-timing-function: var(--transition-function);
  }
}

.rz-sidebar-collapsed .c-sidebar__menu {
  max-height: 0;
  opacity: 0;
}
@media (min-width: 768px) {
  .rz-sidebar-collapsed .c-sidebar__menu {
    max-height: none;
    max-height: initial;
    opacity: 1;
  }
  .rz-sidebar-collapsed .c-sidebar__links,
  .rz-sidebar-collapsed .c-sidebar__logo__container {
    animation-name: sidebar-collapse;
  }
}

.rz-sidebar-expanded .c-sidebar__menu {
  max-height: 100%;
  opacity: 1;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .rz-sidebar-expanded .c-sidebar__menu {
    margin-bottom: 0;
  }
}

@keyframes sidebar-expand {
  from {
    width: 0;
    opacity: 0;
    display: none;
    padding-left: 0;
    padding-right: 0;
  }
  to {
    opacity: 1;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@keyframes sidebar-collapse {
  from {
    opacity: 1;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }
  to {
    width: 0;
    opacity: 0;
    display: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.c-timepicker {
  --timepicker-border-color: #CFCFCF;
  border-left: 1px solid #035772;
  border-left: 1px solid var(--rz-primary);
  margin: 10px;
  padding: 7px;
  margin-left: 0;
}
@media (max-width: 767px) {
  .c-timepicker {
    border-left: 0;
    padding-left: 0;
    margin-left: 10px;
  }
}
.c-timepicker__box {
  border: 1px solid #CFCFCF;
  border-radius: 10px;
  overflow: hidden;
}
.c-timepicker__row {
  display: flex;
  flex-direction: row;
}
.c-timepicker__row__time, .c-timepicker__row__day {
  flex: 1;
  height: 35px;
  line-height: 35px;
  border-right: 1px solid #CFCFCF;
  border-bottom: 1px solid #CFCFCF;
}
.c-timepicker__row__time .rz-state-active, .c-timepicker__row__day .rz-state-active {
  display: block;
}
.c-timepicker__row__time .rz-datepicker-today, .c-timepicker__row__day .rz-datepicker-today {
  background-color: #E0FD2C;
  background-color: var(--rz-secondary);
}
.c-timepicker__row__time .rz-state-active, .c-timepicker__row__time.selected, .c-timepicker__row__day .rz-state-active, .c-timepicker__row__day.selected {
  background-color: #035772 !important;
  background-color: var(--rz-primary) !important;
}
.c-timepicker__row__time .rz-state-active, .c-timepicker__row__time.selected, .c-timepicker__row__day .rz-state-active, .c-timepicker__row__day.selected {
  color: #E0FD2C;
  color: var(--rz-secondary);
}
.c-timepicker__row__time:hover, .c-timepicker__row__day:hover {
  background-color: #eefe86;
  background-color: var(--tc-gelb-lighter);
  cursor: pointer;
}
.c-timepicker__row__time .rz-state-disabled, .c-timepicker__row__day .rz-state-disabled {
  color: #CFCFCF;
}
.c-timepicker__row__day-header {
  flex: 1;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
}
.c-timepicker__row__day-header {
  border-bottom: 1px solid #035772;
  border-bottom: 1px solid var(--rz-primary);
}
.c-timepicker__row__time:last-child, .c-timepicker__row__day:last-child {
  border-right: 0;
}
.c-timepicker__row:last-child .c-timepicker__row__time,
.c-timepicker__row:last-child .c-timepicker__row__day {
  border-bottom: 0;
}

@media (max-width: 991px) {
  .c-timepicker {
    margin: 0;
    margin-left: 7px;
  }
}
.rz-alert .rz-alert-message {
  margin-top: 3px;
}
.rz-alert .rz-alert-item {
  align-items: center;
  justify-content: flex-start;
}

.rz-button {
  box-shadow: none !important;
}

.rz-button {
  --rz-button-disabled-opacity: 1;
  text-transform: none;
  letter-spacing: normal;
  font-size: 1rem;
  font-size: var(--font-size-base);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  height: calc(3.0rem + 1px);
  height: calc(var(--rz-input-height) + var(--base-border-width));
  border-width: 1px;
  border-width: var(--base-border-width);
  border-style: solid;
  transition: color .25s ease,background .25s ease;
  transition: color var(--transition-duration, .3s) var(--transition-function, ease),background var(--transition-duration, .3s) var(--transition-function, ease);
}
.rz-button.rz-variant-text {
  border-width: 0;
}
.rz-button.rz-spinner-button {
  height: 20px;
  width: 20px;
}
.rz-button.rz-state-disabled {
  color: #939393 !important;
  color: var(--grey-light) !important;
  background-color: #e5e5e5 !important;
  background-color: var(--mercury) !important;
  border-color: #e5e5e5 !important;
  border-color: var(--mercury) !important;
}
.rz-button.rz-state-disabled.rz-button- {
  color: #939393 !important;
  color: var(--grey-light) !important;
  background-color: #e5e5e5 !important;
  background-color: var(--mercury) !important;
  border-color: #e5e5e5 !important;
  border-color: var(--mercury) !important;
}
.rz-button .rzi {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.rz-button .rz-button-box {
  gap: 5px;
}
.rz-button.rz-primary, .rz-button.rz-secondary {
  border-color: #035772;
  border-color: var(--rz-primary);
}
.rz-button.rz-primary:not(:disabled):hover, .rz-button.rz-secondary:not(:disabled):hover {
  border-color: #0596C7;
  border-color: var(--rz-primary-light);
}
.rz-button.rz-primary:not(:disabled):active, .rz-button.rz-secondary:not(:disabled):active {
  border-color: #035772;
  border-color: var(--rz-primary);
}

.rz-button-box {
  width: 100%;
  height: 100%;
}

.rz-button-icon-only {
  aspect-ratio: 1;
  height: auto;
}

.rz-button-md {
  padding: 12.5px 25px;
}

.rz-dialog-confirm-buttons .rz-button.rz-secondary {
  color: #035772;
  color: var(--rz-primary);
  background-color: transparent;
  border-color: #035772;
  border-color: var(--rz-primary);
  transition: background .25s ease;
  transition: background var(--transition-duration, .3s) var(--transition-function, ease);
}
.rz-dialog-confirm-buttons .rz-button.rz-secondary:hover {
  color: #035772;
  color: var(--rz-primary);
  background: #24c4f9;
  background: var(--rz-primary-lighter);
  border-color: #035772;
  border-color: var(--rz-primary);
}

.rz-card {
  overflow: hidden;
}
.rz-card--horizontal {
  display: grid !important;
}
.rz-card--horizontal {
  grid-template-columns: 2fr 1fr;
  grid-gap: 10px;
  gap: 10px;
}

.rz-custom-timepicker {
  background: #efefef;
  font-size: 11px;
  border-radius: 5px;
  margin: 5px;
  margin-top: 20px;
  --grid-gap:0;
  padding: 3px;
}
.rz-custom-timepicker__time {
  text-align: center;
  cursor: pointer;
  height: 22px;
  line-height: 22px;
  border-radius: 10px;
}
.rz-custom-timepicker__time.selected {
  background: #E0FD2C;
  background: var(--rz-secondary);
}

.rz-dialog {
  max-height: 95vh;
  max-width: 95vw;
}
.rz-dialog .rz-dialog-content {
  height: 100%;
}

.rz-dialog-titlebar {
  padding: 30px;
  padding: var(--body-padding-x);
  padding-bottom: 0;
}

.rz-dialog-title {
  font-size: 1.4rem;
  font-size: var(--rz-text-h3-font-size);
  font-weight: 900;
  font-weight: var(--rz-text-h3-font-weight);
}

.rz-dialog-content {
  padding: 30px;
  padding: var(--body-padding-x);
  padding-top: var(--rz-dialog-content-padding);
}

:root {
  --rz-input-height: 3.0rem;
  --rz-form-field-margin: 0;
  --rz-form-error-font-size: var(--font-size-xs);
  --rz-button-hover-gradient: linear-gradient(var(--green-light), var(--green-light));
  --rz-radio-width: 2.4rem;
  --rz-radio-height: 2.4rem;
  --rz-radio-icon-width: 1.4rem;
  --rz-radio-icon-height: 1.4rem;
  --rz-form-field-label-floating-top: -7px;
  --rz-switch-background-color: var(--silver-dark);
  --rz-switch-checked-background-color: var(--rz-primary);
  --rz-switch-checked-circle-background-color: var(--white);
  --rz-form-field-margin-block: 0;
  --rz-form-field-margin-inline: 0;
  /* CHECKBOX */
  --rz-checkbox-width: 1.8rem;
  --rz-checkbox-height: 1.8rem;
  --rz-checkbox-border-width: var(--base-border-width);
  --rz-checkbox-border-radius: var(--border-radius-sm);
}

span.rz-dropdown-label.rz-inputtext {
  line-height: 40px !important;
}

.rz-form-field-content .rz-button {
  border-width: 0;
}

.rz-chkbox-box:hover:not(.rz-state-disabled):after {
  width: 2.6rem;
  height: 2.6rem;
}

.rz-radio-button-list-horizontal {
  display: flex;
  gap: 10px 0;
  flex-wrap: wrap;
}

.rz-form-field-label {
  color: #878787;
  color: var(--grey-dark);
  margin-left: 10px;
}

.rz-textbox:not(:-moz-placeholder-shown) ~ .rz-form-field-label {
  font-size: 0.8rem;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
}

.rz-textbox:focus ~ .rz-form-field-label,
.rz-textarea:focus ~ .rz-form-field-label,
.rz-spinner[focus-within] ~ .rz-form-field-label,
.rz-autocomplete[focus-within] ~ .rz-form-field-label,
.rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label,
:not(.rz-state-empty) ~ .rz-form-field-label,
.rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label,
.rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label,
.rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label,
.rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label {
  font-size: 0.8rem;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
}

.rz-textbox:not(:-moz-placeholder-shown) ~ .rz-form-field-label {
  font-size: 0.8rem;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
}

.rz-textbox:focus ~ .rz-form-field-label,
.rz-textarea:focus ~ .rz-form-field-label,
.rz-spinner[focus-within] ~ .rz-form-field-label,
.rz-autocomplete[focus-within] ~ .rz-form-field-label,
.rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label,
:not(.rz-state-empty) ~ .rz-form-field-label,
.rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label,
.rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label,
.rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label,
.rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label {
  font-size: 0.8rem;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
}

.rz-textbox:not(:-moz-placeholder-shown) ~ .rz-form-field-label {
  font-size: 0.8rem;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
}

.rz-textbox:focus ~ .rz-form-field-label,
.rz-textarea:focus ~ .rz-form-field-label,
.rz-spinner:focus-within ~ .rz-form-field-label,
.rz-autocomplete:focus-within ~ .rz-form-field-label,
.rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label,
:not(.rz-state-empty) ~ .rz-form-field-label,
.rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label,
.rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label,
.rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label,
.rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label {
  font-size: 0.8rem;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
}

.invalid:not(.rz-switch) {
  outline: 2px solid #cf2e2e !important;
  outline: 2px solid var(--vivid-red) !important;
}

.rz-calendar.rz-state-disabled input {
  color: #878787;
  color: var(--grey-dark);
  background-color: #e5e5e5;
  background-color: var(--mercury);
}
.rz-calendar .rz-button {
  border-width: 0;
}

.rz-spinner-input {
  padding-left: 20px !important;
}

.rz-spinner-button {
  display: none;
}

/* SWITCH */
.rz-switch {
  height: 2.4rem;
  width: 4.4rem;
  flex: 0 0 4.4rem;
}
.rz-switch .rz-switch-circle:before {
  width: 2rem;
  height: 2rem;
  margin: 0.2rem;
  top: 0;
  transition: box-shadow .25s ease,transform .25s ease;
  transition: box-shadow var(--transition-duration, .3s) var(--transition-function, ease),transform var(--transition-duration, .3s) var(--transition-function, ease);
}
.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before {
  box-shadow: var(--rz-switch-box-shadow), 0 0 5px 3px #24c4f9;
  box-shadow: var(--rz-switch-box-shadow), 0 0 5px 3px var(--rz-primary-lighter);
}
.rz-switch .rz-switch-circle.rz-disabled:before {
  box-shadow: var(--rz-switch-box-shadow);
}
.rz-switch.rz-switch-agb.rz-switch-checked .rz-switch-circle {
  background: #035772;
  background: var(--rz-switch-checked-background-color);
}
.rz-switch.rz-switch-agb .rz-switch-circle {
  background: #A12767;
  background: var(--rz-info);
}
.rz-switch.rz-switch-checked .rz-switch-circle:before {
  transform: translateX(100%);
}

.rz-form-field:hover .rz-form-field-content {
  outline: 1px solid #035772 !important;
  outline: 1px solid var(--rz-primary) !important;
}

.rz-layout-landingpage {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #035772;
  background-color: var(--rz-primary);
  grid-template-columns: 5px 1fr 5px;
  grid-template-rows: min-content 1fr minmax(15px, min-content);
  grid-template-areas: ". rz-sidebar ." ". rz-body ." ". rz-footer .";
  background-color: white;
}
.rz-layout-landingpage .rz-header-landingpage {
  display: none;
}
@media (min-width: 768px) {
  .rz-layout-landingpage {
    grid-template-columns: minmax(15px, min-content) 1fr 15px;
    grid-template-rows: 1fr min-content;
    grid-template-areas: ". rz-body ." ". rz-footer .";
    background-color: #035772;
    background-color: var(--rz-primary);
  }
  .rz-layout-landingpage .rz-sidebar {
    display: none;
  }
  .rz-layout-landingpage .rz-header-landingpage {
    display: block;
  }
}
.rz-layout-landingpage .rz-body-landingpage {
  margin: 0;
  border-radius: 0;
}
.rz-layout-landingpage .rz-body-landingpage__logo {
  height: 40px;
  width: 40px;
}
.rz-layout-landingpage .rz-body-landingpage .c-main-navigation {
  display: none;
}
@media (min-width: 768px) {
  .rz-layout-landingpage .rz-body-landingpage__logo {
    width: 80px;
    height: 80px;
  }
  .rz-layout-landingpage .rz-body-landingpage .c-main-navigation {
    display: grid;
  }
}

.rz-layout {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #035772;
  background-color: var(--rz-primary);
  grid-template-columns: 5px 1fr 5px;
  grid-template-rows: min-content 1fr minmax(15px, min-content);
  grid-template-areas: ". rz-sidebar ." ". rz-body ." ". rz-footer .";
}
@media (min-width: 768px) {
  .rz-layout {
    grid-template-columns: minmax(15px, min-content) 1fr 15px;
    grid-template-rows: 1fr min-content;
    grid-template-areas: "rz-sidebar rz-body ." "rz-sidebar rz-footer .";
  }
}

.staging-banner {
  height: 30px;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  color: white;
  border-bottom: 1px solid white;
  background: repeating-linear-gradient(-45deg, #035772, #035772 10px, #1a6e89 10px, #1a6e89 20px);
  background: repeating-linear-gradient(-45deg, var(--rz-primary), var(--rz-primary) 10px, #1a6e89 10px, #1a6e89 20px);
  display: flex;
  justify-content: center; /* Centers child horizontally */
  align-items: center; /* Centers child vertically */
}

#app {
  flex-grow: 1;
  overflow: auto;
}
#app.staging .rz-layout,
#app.staging .rz-sidebar {
  background: repeating-linear-gradient(-45deg, #035772, #035772 10px, #1a6e89 10px, #1a6e89 20px);
  background: repeating-linear-gradient(-45deg, var(--rz-primary), var(--rz-primary) 10px, #1a6e89 10px, #1a6e89 20px);
}

.rz-layout .rz-body {
  width: auto;
  height: auto;
  overflow: visible;
  margin: 15px 0 0;
  background-color: #ffffff;
  background-color: var(--white);
  border-radius: 8px;
  border-radius: var(--border-radius-lg);
  --rz-body-padding: var(--body-padding-y) var(--body-padding-x);
  --rz-layout-body-padding: 10px;
}
@media (min-width: 768px) {
  .rz-layout .rz-body {
    margin: 15px 0 0;
    --rz-layout-body-padding: 18px;
  }
}
@media (min-width: 768px) {
  .rz-layout .rz-body {
    --rz-layout-body-padding: 36px;
    margin: 15px 0;
  }
}

.rz-login .rz-stack {
  gap: 10px 10px;
  gap: var(--grid-gap);
}

.grid {
  grid-auto-rows: min-content;
  grid-template-rows: min-content;
}

.u-fill-body {
  margin-left: calc(-1 * 30px);
  margin-left: calc(-1 * var(--body-padding-x));
  margin-right: calc(-1 * 30px);
  margin-right: calc(-1 * var(--body-padding-x));
}

.u-align-card-text {
  margin-left: calc(-1 * 15px);
  margin-left: calc(-1 * var(--card-padding-x));
  margin-right: calc(-1 * 15px);
  margin-right: calc(-1 * var(--card-padding-x));
}
.u-align-card-text--left {
  margin-left: calc(-1 * 15px);
  margin-left: calc(-1 * var(--card-padding-x));
}
.u-align-card-text--right {
  margin-right: calc(-1 * 15px);
  margin-right: calc(-1 * var(--card-padding-x));
}
.u-align-card-text--top {
  margin-top: -20px;
}

.rz-footer {
  width: 100%;
}

.rz-layout-landingpage::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media (min-width: 768px) {
  .rz-body-landingpage::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    z-index: -1;
    background-size: cover;
    background-attachment: fixed;
  }
}
.rz-sidebar {
  --sidebar-padding-x: 18px;
  --supporter-text-color: var(--white);
  --rz-panel-menu-item-padding-block: 0.75rem;
  --rz-panel-menu-item-padding-inline: 0.75rem;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  color: var(--white);
  padding: 0;
  overflow: hidden;
  background-color: #035772;
  background-color: var(--rz-primary);
  border-right: 0;
}
@media (min-width: 768px) {
  .rz-sidebar {
    padding: 1.5rem var(--sidebar-padding-x) 0;
  }
}
.rz-sidebar hr {
  border-color: #ffffff;
  border-color: var(--white);
}

.rz-sidebar-toggle {
  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .rz-sidebar-toggle {
    margin: 0 5px 0 0;
  }
}

.rz-panel-menu .rz-navigation-item {
  margin-top: 5px;
}

.rz-navigation-item-link:not(.rz-state-disabled):before, .rz-menu-toggle:not(.rz-state-disabled):before {
  margin: 0 10px;
  border-radius: 4px;
  border-radius: var(--base-border-radius);
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper,
.rz-panel-menu .rz-navigation-item-wrapper {
  border-radius: var(--rz-panel-menu-item-2nd-level-border-radius);
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover,
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper.rz-navigation-item-wrapper-active,
.rz-panel-menu .rz-navigation-item-wrapper.rz-navigation-item-wrapper-active,
.rz-panel-menu .rz-navigation-item-wrapper:hover {
  color: var(--rz-panel-menu-item-2nd-level-hover-color);
  background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color);
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper.rz-navigation-item-wrapper-active {
  font-weight: bold;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
  display: none;
}

.rz-panel-menu .is-active {
  border-radius: var(--rz-panel-menu-item-2nd-level-border-radius);
  background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color);
}

.rz-panel-menu .rz-navigation-item-link,
.rz-panel-menu .rz-navigation-item-link:active {
  background: transparent;
}

@media (max-width: 991px) {
  .rz-sidebar-expanded {
    width: 100% !important;
  }
}
.rz-sidebar-collapsed {
  width: 100% !important;
}
.rz-sidebar-collapsed {
  opacity: 1;
}

@media (min-width: 768px) {
  .rz-sidebar-collapsed {
    width: 85px !important;
  }
  .rz-sidebar-collapsed {
    opacity: 1;
    border-width: 0;
  }
  .rz-sidebar-collapsed .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
    padding-left: 1.25rem;
    padding-left: var(--rz-panel-menu-item-padding);
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .rz-sidebar-collapsed .rz-sidebar-toggle {
    margin-left: 2px;
  }
  .rz-sidebar-collapsed .rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
    display: block;
  }
}
.rz-navigation-item-icon-children,
.rz-navigation-item-text {
  overflow: hidden;
  transition: opacity .25s ease;
  transition: opacity var(--transition-duration) var(--transition-function);
  white-space: nowrap;
  text-overflow: ellipsis;
  color: white;
  opacity: 1;
}

.rz-navigation-item-wrapper:hover .rz-navigation-item-icon-children,
.rz-navigation-item-wrapper:hover .rz-navigation-item-text,
.rz-navigation-item-wrapper-active .rz-navigation-item-icon-children,
.rz-navigation-item-wrapper-active .rz-navigation-item-text {
  color: inherit;
}

.rz-sidebar-collapsed .rz-navigation-item-icon-children,
.rz-sidebar-collapsed .rz-navigation-item-text {
  opacity: 0;
  max-width: 0;
}

.rz-steps {
  --rz-steps-color: var(--grey-dark);
  --rz-steps-title-margin: 0 12.5px 0 7.5px;
  --rz-steps-number-width: 2.2rem;
  --rz-steps-number-height: 2.2rem;
  --rz-steps-number-padding: 0;
  --rz-steps-number-background-color: var(--grey-dark);
  color: var(--rz-steps-color);
}

.rz-steps .rz-steps-item:not(:last-child):after {
  margin-right: 12.5px;
}

.rz-steps-number {
  display: inline-flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
}

.rz-steps .rz-state-highlight .rz-steps-title {
  font-weight: 900;
  font-weight: var(--font-weight-black);
}

.rz-steps .rz-menuitem-link,
.rz-steps .rz-steps-current > span {
  padding: 6.5px;
}

.rz-steps .rz-steps-current .rz-menuitem-link,
.rz-steps .rz-steps-current > span {
  background-color: #035772;
  background-color: var(--rz-primary);
  border-color: #035772;
  border-color: var(--rz-primary);
  border-radius: var(--rz-button-border-radius);
  --rz-steps-title-selected-color: var(--rz-on-primary);
  --rz-steps-number-selected-background: var(--rz-on-primary);
  --rz-steps-number-selected-color: var(--rz-primary);
}

.rz-data-grid {
  border: 0 !important;
}

.rz-data-grid {
  --rz-grid-header-font-size: var(--font-size-base);
  --rz-grid-header-font-weight: var(--font-weight-bold);
  --grid-cell-padding-x: 7.5px;
  --grid-cell-padding-y: 7.5px;
  --rz-grid-cell-padding: var(--grid-cell-padding-y) var(--grid-cell-padding-x);
  --rz-grid-cell-line-height: 1.6;
  --rz-grid-cell-font-size: var(--font-size-sm);
  --rz-grid-header-cell-padding: 0;
  --rz-grid-header-title-padding: var(--grid-cell-padding-y) var(--grid-cell-padding-x);
  --rz-grid-frozen-cell-border: none;
  --rz-paginator-background-color: var(--white);
  --rz-grid-background-color: var(--white-smoke);
  --rz-grid-stripe-background-color: var(--white);
  --rz-grid-detail-template-background-color: var(--white);
  --rz-paginator-summary-font-size: var(--font-size-sm);
}
.rz-data-grid th, .rz-data-grid td {
  background-color: white !important;
  border: none !important;
  border-bottom: 1px solid #c9c9c9 !important;
  border-bottom: 1px solid var(--silver) !important;
}
.rz-data-grid tr.rz-data-row:hover {
  background-color: var(--rz-grid-background-color);
}
.rz-data-grid tr.rz-data-row:hover td {
  background-color: inherit !important;
}
.rz-data-grid th {
  border-bottom-width: 2px !important;
}

.rz-tabview-panels {
  overflow: visible;
}

.rz-grid-table-fixed .rz-frozen-cell {
  border: 0 !important;
}

.rz-grid-table-fixed .rz-frozen-cell {
  box-shadow: none;
}

.rz-paginator-element {
  height: 3.0rem;
  height: var(--rz-input-height);
  font-size: 1rem;
  font-size: var(--font-size-base);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rz-paginator-page.rz-state-active {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  background-color: transparent;
  border: #0d0e0e solid 1px;
  border: var(--black) solid 1px;
  --rz-paginator-numeric-button-selected-color: var(--black);
}

.rz-paginator .rz-state-disabled {
  color: #939393;
  color: var(--grey-light);
}

.rz-paginator-pages {
  max-height: none;
  max-height: initial;
}

.u-align-table-text {
  margin-left: calc(-1 * var(--grid-cell-padding-x));
  margin-right: calc(-1 * var(--grid-cell-padding-x));
}

.rz-tabview {
  --rz-tabs-padding: 32.5px 0;
  --rz-tabs-tab-font-size: var(--font-size-base);
  --rz-tabs-tab-selected-color: inherit;
  --rz-tabs-tab-text-transform: normal;
  --rz-tabs-tab-letter-spacing: normal;
  --rz-tabs-tab-padding: 7.5px 0;
  --rz-grid-stripe-background-color: var(--white-smoke);
  --rz-tabs-tab-hover-background-color: transparent;
}
.rz-tabview .rz-tabview-nav {
  gap: 40px;
  overflow-x: auto;
  overflow-y: hidden;
}
.rz-tabview .rz-tabview-selected {
  --rz-tabs-tab-font-weight: var(--font-weight-bold);
  --rz-tabs-tab-selected-color: var(--black);
}

@font-face {
  font-family: "avenir";
  font-display: swap;
  src: url(/fonts/Avenir-LT-Std-35-Light.otf) format("opentype");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "avenir";
  font-display: swap;
  src: url(/fonts/Avenir-LT-Std-45-Book-Oblique.otf) format("opentype");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "avenir";
  font-display: swap;
  src: url(/fonts/Avenir-LT-Std-35-Light.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "avenir";
  font-display: swap;
  src: url(/fonts/Avenir-LT-Std-45-Book-Oblique.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "avenir";
  font-display: swap;
  src: url(/fonts/Avenir-LT-Std-35-Light.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "avenir";
  font-display: swap;
  src: url(/fonts/Avenir-LT-Std-45-Book-Oblique.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "avenir";
  font-display: swap;
  src: url(/fonts/Avenir-LT-Std-65-Medium.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "avenir";
  font-display: swap;
  src: url(/fonts/Avenir-LT-Std-65-Medium-Oblique.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "avenir";
  font-display: swap;
  src: url(/fonts/Avenir-LT-Std-85-Heavy.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "avenir";
  font-display: swap;
  src: url(/fonts/Avenir-LT-Std-85-Heavy-Oblique.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}
.bg-white {
  background-color: #ffffff;
  background-color: var(--white);
}

.bg-blue {
  background-color: #035772;
  background-color: var(--rz-primary);
  color: #E0FD2C;
  color: var(--rz-secondary);
}

.bg-red {
  background-color: #A12767;
  background-color: var(--rz-info);
  color: #E0FD2C;
  color: var(--rz-secondary);
}

.bg-yellow {
  background-color: #E0FD2C;
  background-color: var(--rz-secondary);
  color: #035772;
  color: var(--rz-primary);
}

.our-key-eature-5__item-media img, .our-key-eature-5__item-text .title, .our-key-eature-5__item-text .readmore, .our-key-eature-5__item-text .readmore svg, .latest-work-5__item-content, .latest-work-5__item-content .title, .home-4-latest-service__item:before, .home-4-latest-service__item-media img, .home-4-latest-service__item-text h4, .about-us-insurance__life-coverage .nav-item button, .about-us-insurance__card-media img, .home-4-latest-gallery__item-text, .home-4-blog-news__item-media img, .home-4-blog-news__item-date, .home-4-blog-news__item-meta li a, .feedback__active-3 .rs-swiper-dot .swiper-pagination-bullet, .active_team_slider .rs-swiper-dot .swiper-pagination-bullet, .active_team_slider .rs-swiper-dot .swiper-pagination-bullet:after, .active-team__item-media img, .active-team__item-social, .our-services__item, .our-services__item:after, .our-services__item .readmore svg path, .latest-gallery__item-media img, .latest-gallery__item-content-right, .latest-gallery__item-content-right:after, .best-offers__item-body i, .recent-project__item-text, .latest-service__item:after, .project-details .project-navigation .rs-btn i, .our-team__item, .our-team__item:after, .work-process__item, .work-process__item-body button, .work-process__item-body button i, .service-item, .service-item__icon, .service-item__icon svg path, .portfolio__item-text, .portfolio__item-text:after, .feedback__item__home:after, .brand__thumb img, .footer__widget-5 .footer__link ul li a::before, .footer__widget-4 .footer__link ul li a::before, .footer__link ul li a::before, .blog__details-bottom .share-social-media a svg path, .sidebar__widget-category a i, .blog__pagination a, .blog-news__item-text, .mean-container .mean-nav ul li > a.mean-expand i, .main-menu ul li.has-dropdown > a::after, .main-menu ul li .submenu, .main-menu ul li .submenu li a::before, .main-menu ul li .mega-menu, .main-menu ul li .mega-menu li ul li a::before, .banner-2__top-right .banner-2-circle, .banner-2__top-right .banner-2-circle svg path, .offcanvas__overlay, .offcanvas__navigation button svg, .rs-btn svg path, .rs-btn.btn-transparent.btn-border-gray i {
  transition: all 0.3s 0s ease-out;
}

/* transform */
.rs__faq .accordion-button::after {
  transform: translateY(-50%);
}

.bg-theme-primary {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}

:root {
  /**
  @font family declaration
  */
  --rs-ff-body: 'avenir', sans-serif;
  --rs-ff-heading: 'avenir', sans-serif;
  /**
  @color declaration
  */
  --rs-common-blue: #317EFE;
  --rs-common-white: #FFFFFF;
  --rs-common-black: #000000;
  --rs-common-black-2: #121212;
  --rs-common-yellow: #DFF25D;
  --rs-common-placeholder: #484949;
  --rs-common-selection: #1745B3;
  --rs-body-primary: #ffffff;
  --rs-theme-primary: #035772;
  --rs-heading-primary: #035772;
  --rs-text-body: #484949;
  --rs-text-primary: #fff;
  --rs-gray-900: #00160A;
  --rs-gray-800: #484949;
  --rs-gray-700: #0D2216;
  --rs-gray-600: #616670;
  --rs-gray-200: #E3E8F4;
  --rs-gray-100: #F9F9F9;
  --rs-shadow-xl: #fff;
  --rs-shadow-l: #fff;
  --rs-shadow-m: #fff;
  --rs-shadow-s: #fff;
  --rs-border-primary: #00D563;
  --rs-border-secondary: rgba(72, 73, 73, 0.4);
  /**
  @font weight declaration
  */
  --rs-fw-normal: normal;
  --rs-fw-thin: 100;
  --rs-fw-elight: 200;
  --rs-fw-light: 300;
  --rs-fw-regular: 400;
  --rs-fw-medium: 500;
  --rs-fw-sbold: 600;
  --rs-fw-bold: 700;
  --rs-fw-ebold: 800;
  --rs-fw-black: 900;
  /**
  @font size declaration
  */
  --rs-fs-body: 16px;
  --rs-fs-body2: 14px;
  --rs-fs-p: 16px;
  --rs-fs-h1: 60px;
  --rs-fs-h2: 48px;
  --rs-fs-h3: 27px;
  --rs-fs-h4: 24px;
  --rs-fs-h5: 18px;
  --rs-fs-h6: 16px;
  --rs-lh-body: 26px;
  --rs-lh-body2: 17px;
  --rs-lh-p: 26px;
  --rs-lh-h1: 70px;
  --rs-lh-h2: 58px;
  --rs-lh-h3: 37px;
  --rs-lh-h4: 34px;
  --rs-lh-h5: 22px;
  --rs-lh-h6: 24px;
}

/*----------------------------------------*/
/*  2.1 color
/*----------------------------------------*/
.color-white {
  color: #FFFFFF;
  color: var(--rs-common-white);
}

.color-heading-primary {
  color: #035772;
  color: var(--rs-heading-primary);
}

.rs-fw-sbold {
  font-weight: 600;
  font-weight: var(--rs-fw-sbold);
}

/*----------------------------------------*/
/*  2.2 background
/*----------------------------------------*/
.white-bg {
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
}

.black-bg {
  background-color: #000000;
  background-color: var(--rs-common-black);
}

.theme-bg-1 {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}

.theme-bg-2 {
  background-color: #00160A;
  background-color: var(--rs-gray-900);
}

.bg-gradient-1 {
  background: linear-gradient(90deg, #674AD9 0%, #FB5141 50.52%, #089EFF 100%);
}

/*----------------------------------------*/
/*  2.3 buttons
/*----------------------------------------*/
.rs-btn {
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-family: 'avenir', sans-serif;
  font-family: var(--rs-ff-heading);
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  text-transform: capitalize;
  font-weight: 600;
  font-weight: var(--rs-fw-sbold);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  padding: 20px 30px;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
  z-index: 5;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .rs-btn {
    padding: 14px 15px;
  }
}
.rs-btn::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  transform: translate(-100%, 0) rotate(50deg);
  transform-origin: top left;
  z-index: -1;
  content: "";
  transition: all 0.35s;
  background-color: #035772;
  background-color: var(--rs-heading-primary);
}
.rs-btn.btn-black {
  background-color: #000000;
  background-color: var(--rs-common-black);
}
.rs-btn.btn-black::before {
  background-color: #DFF25D;
  background-color: var(--rs-common-yellow);
}
.rs-btn.btn-black:hover {
  color: #000000;
  color: var(--rs-common-black);
  background-color: #DFF25D;
  background-color: var(--rs-common-yellow);
}
.rs-btn.btn-black:hover svg path[fill=white] {
  fill: #000000;
  fill: var(--rs-common-black);
}
.rs-btn:hover {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.rs-btn:hover::before {
  transform: translate(0, 0);
}
.rs-btn:hover svg path[fill="#00160A"] {
  fill: #FFFFFF;
  fill: var(--rs-common-white);
}
.rs-btn.btn-hover-white::before {
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
}
.rs-btn.btn-hover-white:hover {
  color: #035772;
  color: var(--rs-heading-primary);
}
.rs-btn.btn-hover-white:hover svg path[fill=white] {
  fill: #035772;
  fill: var(--rs-heading-primary);
}
.rs-btn.btn-transparent {
  padding: 19.1px 30px;
  color: #00160A;
  color: var(--rs-gray-900);
  background-color: transparent;
  border: 1px solid #035772;
  border: 1px solid var(--rs-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .rs-btn.btn-transparent {
    padding: 14px 15px;
  }
}
.rs-btn.btn-transparent::before {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.rs-btn.btn-transparent.btn-border-2 {
  padding: 18px 30px;
  border: 2px solid #035772;
  border: 2px solid var(--rs-theme-primary);
}
.rs-btn.btn-transparent.btn-border-2::before {
  border-radius: 0;
}
.rs-btn.btn-transparent.btn-border-gray {
  padding: 19px 22px;
  border-color: #E3E8F4;
  border-color: var(--rs-gray-200);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-btn.btn-transparent.btn-border-gray {
    padding: 10px 15px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rs-btn.btn-transparent.btn-border-gray {
    padding: 6px 10px;
  }
}
.rs-btn.btn-transparent.btn-border-gray:hover i {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.rs-btn.btn-transparent.btn-border-gray i {
  border-radius: 5px;
  width: 40px;
  height: 40px;
  padding: 10px;
  background-color: #F9F9F9;
  background-color: var(--rs-gray-100);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rs-btn.btn-transparent.btn-border-gray i {
    width: 30px;
    height: 30px;
  }
}
.rs-btn.btn-transparent svg path[fill=white] {
  fill: #035772;
  fill: var(--rs-theme-primary);
}
.rs-btn.btn-transparent:hover {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.rs-btn.btn-transparent:hover svg path[fill=white] {
  fill: #FFFFFF;
  fill: var(--rs-common-white);
}
.rs-btn.btn-white {
  color: #00160A;
  color: var(--rs-gray-900);
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
}
.rs-btn.btn-white::before {
  background-color: #035772;
  background-color: var(--rs-heading-primary);
}
.rs-btn.btn-white:hover {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.rs-btn.btn-text-color-white {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.rs-btn.btn-yellow {
  color: #00160A;
  color: var(--rs-gray-900);
  border-radius: 10px;
  background-color: #DFF25D;
  background-color: var(--rs-common-yellow);
}
.rs-btn.btn-yellow::before {
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
}
.rs-btn.btn-yellow:hover {
  background-color: #DFF25D;
  background-color: var(--rs-common-yellow);
}
.rs-btn.btn-yellow:hover span svg path {
  fill: #00160A;
  fill: var(--rs-gray-900);
}
.rs-btn.btn-blue {
  padding: 19px 57px;
  color: #FFFFFF;
  color: var(--rs-common-white);
  border-radius: 115px;
  background-color: #317EFE;
  background-color: var(--rs-common-blue);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-btn.btn-blue {
    padding: 10px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rs-btn.btn-blue {
    padding: 10px 15px;
  }
}
.rs-btn.btn-blue::before {
  border-radius: 115px;
  background-color: #035772;
  background-color: var(--rs-heading-primary);
}
.rs-btn.btn-blue:hover {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.rs-btn.btn-border-blue {
  padding: 19px 57px;
  color: #000000;
  color: var(--rs-common-black);
  border-radius: 115px;
  background-color: transparent;
  border: 1px solid #000000;
  border: 1px solid var(--rs-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-btn.btn-border-blue {
    padding: 10px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rs-btn.btn-border-blue {
    padding: 10px 15px;
  }
}
.rs-btn.btn-border-blue::before {
  border-radius: 115px;
  background-color: #317EFE;
  background-color: var(--rs-common-blue);
}
.rs-btn.btn-border-blue:hover {
  border-color: transparent;
  color: #FFFFFF;
  color: var(--rs-common-white);
}

/*----------------------------------------*/
/*  offcanvas
/*----------------------------------------*/
.offcanvas__area {
  background: #E0FD2C none repeat scroll 0 0;
  background: var(--rz-secondary) none repeat scroll 0 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 500px;
  height: 100%;
  transform: translateX(calc(100% + 80px));
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  border-left: 1px solid #00D563;
  border-left: 1px solid var(--rs-border-primary);
}
.offcanvas__area ::-webkit-scrollbar {
  display: none;
}
@media (max-width: 575px) {
  .offcanvas__area {
    width: 400px;
  }
}
@media (max-width:450px) {
  .offcanvas__area {
    width: 100%;
  }
}
.offcanvas__area.info-open {
  opacity: 1;
  transform: translateX(0);
}
.offcanvas__logo a img {
  width: 160px;
}
@media (max-width: 575px) {
  .offcanvas__logo a img {
    width: 150px;
  }
}
@media (max-width: 575px) {
  .offcanvas__logo a img {
    width: 130px;
  }
}
.offcanvas__content {
  padding-bottom: 45px;
}
.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 35px 40px;
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 25px 25px;
  }
}
.offcanvas__top {
  padding-bottom: 20px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.079);
}
@media (max-width: 575px) {
  .offcanvas__top {
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
}
.offcanvas__search {
  position: relative;
}
.offcanvas__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  background: transparent;
  border-bottom: 1px solid #00D563;
  border-bottom: 1px solid var(--rs-border-primary);
  font-size: 16px;
  color: #FFFFFF;
  color: var(--rs-common-white);
  padding-bottom: 15px;
}
.offcanvas__search input::-moz-placeholder {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.offcanvas__search input::placeholder {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.offcanvas__search input:focus {
  border-color: #FFFFFF;
  border-color: var(--rs-common-white);
}
.offcanvas__search button {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 20px;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.offcanvas__search button:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.offcanvas__title {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media (max-width:450px) {
  .offcanvas__title {
    font-size: 20px;
  }
}
.offcanvas__text p {
  margin-bottom: 25px;
}
.offcanvas__social {
  margin-bottom: 40px;
}
.offcanvas__social ul {
  padding-left: 0;
}
.offcanvas__social ul li {
  margin-top: 30px;
  display: inline-block;
}
.offcanvas__social ul li:not(:last-child) {
  margin-right: 5px;
}
.offcanvas__social ul li a {
  color: #035772;
  color: var(--rs-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  background: var(--rs-common-white);
  font-size: 16px;
  border-radius: 50%;
}
.offcanvas__social ul li a:hover {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
  color: #FFFFFF;
  color: var(--rs-common-white);
  transform: translateY(-3px);
}
.offcanvas__notification-icon a {
  font-size: 14px;
  color: #FFFFFF;
  color: var(--rs-common-white);
  position: relative;
}
.offcanvas__notification-icon a .notification-count {
  position: absolute;
  top: -4px;
  right: -13px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 600;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
  border-radius: 50%;
  color: #FFFFFF;
  color: var(--rs-common-white);
  text-align: center;
}
.offcanvas__notification-text p {
  margin-bottom: 0;
  font-weight: 500;
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-size: 14px;
}
.offcanvas__notification-text p .notification-number {
  color: #035772;
  color: var(--rs-theme-primary);
}
.offcanvas__notification-text p a {
  color: #035772;
  color: var(--rs-theme-primary);
}
.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000000;
  background: var(--rs-common-black);
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}
.offcanvas__overlay.overlay-open {
  opacity: 0.6;
  visibility: visible;
}

.sidebar__toggle {
  cursor: pointer;
}

[dir="ltr"] .offcanvas__contact-icon {
  margin-right: 15px;
}

[dir="rtl"] .offcanvas__contact-icon {
  margin-left: 15px;
}

.offcanvas__slider-content {
  border: 1px solid #00D563;
  border: 1px solid var(--rs-border-primary);
  padding: 20px;
}

.offcanvas__navigation {
  display: flex;
  align-items: center;
  gap: 20px;
}
.offcanvas__navigation button svg * {
  fill: #FFFFFF;
  fill: var(--rs-common-white);
}
.offcanvas__navigation button:hover svg * {
  fill: #035772;
  fill: var(--rs-theme-primary);
}

.offcanvas__post-title {
  font-size: 26px;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.offcanvas__post-title a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}

.offcanvas-close-icon {
  line-height: 1;
  color: #011e28;
  color: var(--tc-blau-darker);
  background: #eefe86;
  background: var(--tc-gelb-lighter);
  border: 0;
}
.offcanvas-close-icon .offcanvas-m-lines {
  position: relative;
  display: block;
  height: 12px;
  width: 30px;
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--1 {
  top: 6px;
  transform: rotate(45deg);
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--3 {
  opacity: 0;
  opacity: 0;
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--2 {
  top: 6px;
  transform: rotate(-45deg);
}
.offcanvas-close-icon .offcanvas-m-line {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: currentColor;
  transition: top 0.15s ease, transform 0.3s ease;
}
.offcanvas-close-icon .offcanvas-m-line.line--1 {
  top: 0;
}
.offcanvas-close-icon .offcanvas-m-line.line--2 {
  top: 5px;
}
.offcanvas-close-icon .offcanvas-m-line.line--3 {
  bottom: 0;
  bottom: 0;
}
.offcanvas-close-icon:hover .offcanvas-m-line {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.offcanvas-close-icon:hover .offcanvas-m-line:nth-of-type(2) {
  animation-delay: 0.1s;
}

/*----------------------------------------*/
/*  2.10 backtotop
/*----------------------------------------*/
.backtotop-wrap {
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 46px;
  overflow: hidden;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 400ms linear;
  background: #035772;
  background: var(--rs-theme-primary);
}
@media (max-width:450px) {
  .backtotop-wrap {
    bottom: 20px;
    right: 20px;
  }
}
.backtotop-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.backtotop-wrap::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border: 1px solid #035772;
  border: 1px solid var(--rs-theme-primary);
  left: 0;
  border-radius: 500px;
  transform: translate(-100%, 0) rotate(50deg);
  transform-origin: top left;
  transition: all 0.35s;
  background-color: #035772;
  background-color: var(--rs-heading-primary);
  z-index: -1;
  content: "";
}
.backtotop-wrap::after {
  position: absolute;
  font-family: var(--rs-ff-fontawesome);
  content: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--rs-common-white);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 400ms linear;
}
.backtotop-wrap svg path {
  fill: none;
}
.backtotop-wrap svg.backtotop-circle path {
  stroke: #ccc;
  stroke-width: 0;
  box-sizing: border-box;
  transition: all 400ms linear;
}
.backtotop-wrap:hover::before {
  border-color: #035772;
  border-color: var(--rs-heading-primary);
  transform: translate(0, 0);
}

/*----------------------------------------*/
/*  2.11 animation
/*----------------------------------------*/
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.animate-play {
  position: relative;
}
.animate-play::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  border: 1px solid rgb(134, 134, 134);
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  animation-name: popupBtn;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index: -1;
}
.animate-play::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  border: 1px solid rgb(134, 134, 134);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  z-index: 0;
  animation-name: popupBtn;
  animation-duration: 1.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index: -1;
}

@keyframes popupBtn {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.3;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes slide-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes leftRight {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-15px);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes qode-draw {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
@keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(16px);
  }
}
@keyframes bubble {
  0% {
    transform: rotate(0deg) translateX(-50px);
  }
  100% {
    transform: rotate(360deg) translateY(100px);
  }
}
@keyframes leftright {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes bounce {
  0%, 10%, 100%, 20%, 50%, 80% {
    transform: translateX(0);
  }
  40%, 60% {
    transform: translateX(-15px);
  }
}
@keyframes top-image-bounce {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(12px);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(16px);
  }
}
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  font-weight: inherit;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}

.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

.cd-headline.clip span {
  display: inline-block;
  transition: none;
}
.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
  top: 0;
  right: 0;
  width: 2px;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #3b3b3b;
}
.cd-headline.clip b {
  opacity: 0;
}
.cd-headline.clip b.is-visible {
  opacity: 1;
}

.upDown {
  animation: upDown 1.3S infinite alternate;
}

@keyframes upDown {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-15px);
  }
}
.leftRight {
  animation: leftRight 1.3S infinite alternate;
}

@keyframes rightLeft {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(10px);
  }
}
.rightLeft {
  animation: rightLeft 1.3S infinite alternate;
}

@keyframes zooming {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.zooming {
  animation: zooming 1.3S infinite alternate;
}

/*----------------------------------------*/
/*  2.12 preloader
/*----------------------------------------*/
.preloader-close {
  position: fixed;
  z-index: 99999999;
  font-size: 26px;
  background: #FFFFFF;
  background: var(--rs-common-white);
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  right: 30px;
  top: 30px;
}

#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #121212;
  z-index: 999;
}

.sk-three-bounce {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #121212;
}

.sk-three-bounce .sk-child {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
  border-radius: 100%;
  display: inline-block;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-child.home-4 {
  background-color: #DFF25D;
  background-color: var(--rs-common-yellow);
}

.sk-three-bounce.is-brick-red.sk-three-bounce .sk-child {
  background-color: var(--rs-theme-2);
}

.sk-three-bounce.is-mainly-blue.sk-three-bounce .sk-child {
  background-color: var(--rs-theme-3);
}

.sk-three-bounce.is-orange.sk-three-bounce .sk-child {
  background-color: var(--rs-theme-4);
}

.sk-three-bounce.is-purple.sk-three-bounce .sk-child {
  background-color: var(--rs-theme-5);
}

.sk-three-bounce .sk-bounce1 {
  animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-three-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
/* HEADER CSS */
/*----------------------------------------*/
/*  		3.1 header-1
/*----------------------------------------*/
@media (min-width: 992px) {
  .header-1 .container {
    max-width: 1320px;
    padding: 0 15px;
  }
}
.header-1.rs-sticky .header__btn .text h5, .header-1.rs-sticky .header__btn .text span {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.header-1.rs-sticky .header__btn .text a:hover h5 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.header-1.rs-sticky .logo {
  display: none !important;
}
.header-1.rs-sticky .logo.logo-2 {
  display: block !important;
}
.header-1.rs-sticky .main-menu ul li > a {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.header-1.rs-sticky .main-menu ul li > a::before {
  background: #035772;
  background: var(--rs-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li a:hover::before {
  background: #035772;
  background: var(--rs-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li:hover > a {
  color: #035772;
  color: var(--rs-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li:hover > a::before {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li.has-dropdown:hover > a::after {
  color: #035772;
  color: var(--rs-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a {
  color: #035772;
  color: var(--rs-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a::before {
  background: #035772;
  background: var(--rs-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .mega-menu li:hover > .mega-menu-title {
  color: #035772;
  color: var(--rs-theme-primary);
}
.header-1.rs-sticky .main-menu ul li:hover > a {
  color: #035772;
  color: var(--rs-theme-primary);
}
.header-1.rs-sticky .main-menu ul li:hover > a::after {
  color: #035772;
  color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  3.2 header-2
/*----------------------------------------*/
.header-2 {
  border-bottom: 5px solid #F9F9F9;
  border-bottom: 5px solid var(--rs-gray-100);
  border-radius: 0px 0px 5px 5px;
}
@media (min-width: 1441px) {
  .header-2 .container {
    max-width: 1750px !important;
  }
}

/*----------------------------------------*/
/*  3.3 header-3
/*----------------------------------------*/
.header-3 {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
@media (min-width: 1441px) {
  .header-3 .container {
    max-width: 1750px !important;
  }
}
.header-3 .container {
  max-width: 1320px;
  padding: 0 15px;
}

/*----------------------------------------*/
/*  3.3 header-3
/*----------------------------------------*/
.header-4 {
  left: 0;
  z-index: 9;
  width: 100%;
  position: fixed;
}
.header-4.rs-sticky .main-menu ul li.active > a {
  color: #DFF25D !important;
  color: var(--rs-common-yellow) !important;
}
.header-4.rs-sticky .main-menu ul li.active > a {
  opacity: 1;
}
.header-4.rs-sticky .main-menu ul li:hover > a {
  color: #DFF25D;
  color: var(--rs-common-yellow);
}
.header-4.rs-sticky .main-menu ul li:hover > a::after {
  color: #DFF25D;
  color: var(--rs-common-yellow);
  transform: rotate(180deg);
}
.header-4.rs-sticky .header__right .header__action .rs-btn {
  padding: 18px 30px 17px;
}
.header-4.rs-sticky .header__right .header__action .rs-btn span {
  margin-left: 20px;
  display: inline-flex;
}
.header-4.rs-sticky .header__right .header__hamburger .sidebar__toggle .bar-icon span {
  background: #DFF25D;
  background: var(--rs-common-yellow);
}
.header-4 .main-menu ul li.active > a {
  color: #121212 !important;
  color: var(--rs-common-black-2) !important;
}
.header-4 .main-menu ul li.active > a {
  opacity: 1;
}
.header-4 .main-menu ul li:hover > a {
  color: #121212;
  color: var(--rs-common-black-2);
}
.header-4 .main-menu ul li:hover > a::after {
  color: #121212;
  color: var(--rs-common-black-2);
  transform: rotate(180deg);
}
.header-4 .header__middle {
  margin-left: 216px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-4 .header__middle {
    margin-left: 0;
  }
}
.header-4 .header__right .header__action .rs-btn {
  padding: 18px 30px 17px;
}
.header-4 .header__right .header__action .rs-btn span {
  margin-left: 20px;
  display: inline-flex;
}
.header-4 .header__right .header__hamburger .sidebar__toggle .bar-icon span {
  background: #00160A;
  background: var(--rs-gray-900);
}
[dir="ltr"] .header-4 .main-menu ul li {
  margin-right: 34px;
}
[dir="rtl"] .header-4 .main-menu ul li {
  margin-left: 34px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  [dir="ltr"] .header-4 .main-menu ul li {
    margin-right: 25px;
  }
  [dir="rtl"] .header-4 .main-menu ul li {
    margin-left: 25px;
  }
}
.header-4 .main-menu ul li > a {
  opacity: 0.6;
}
> .header-4 .main-menu ul li.active > a {
  color: #00160A !important;
  color: var(--rs-gray-900) !important;
}
> .header-4 .main-menu ul li.active > a {
  opacity: 1;
}
.header-4 .main-menu ul li:hover > a {
  opacity: 1;
  color: #00160A;
  color: var(--rs-gray-900);
}
.header-4 .main-menu ul li:hover > a::after {
  color: #00160A;
  color: var(--rs-gray-900);
  transform: rotate(180deg);
}
.header-4 .submenu {
  border: 1px solid #DFF25D !important;
  border: 1px solid var(--rs-common-yellow) !important;
}
.header-4 .submenu li a:hover {
  color: #DFF25D !important;
  color: var(--rs-common-yellow) !important;
}
.header-4 .submenu li a:hover::before {
  background: #DFF25D !important;
  background: var(--rs-common-yellow) !important;
}
.header-4 .submenu li:hover > a {
  color: #DFF25D;
  color: var(--rs-common-yellow);
}
.header-4 .submenu li:hover > a::before {
  background-color: #DFF25D;
  background-color: var(--rs-common-yellow);
}
.header-4 .mega-menu {
  border: 1px solid #DFF25D !important;
  border: 1px solid var(--rs-common-yellow) !important;
}
.header-4 .home__menu-thumb {
  border: 1px solid #DFF25D !important;
  border: 1px solid var(--rs-common-yellow) !important;
}

/*----------------------------------------*/
/*  3.3 header-3
/*----------------------------------------*/
.header-5 {
  top: 40px !important;
}
.header-5 {
  width: 100%;
  z-index: 3;
  position: absolute;
}
@media (max-width: 575px) {
  .header-5 {
    top: 20px !important;
  }
}
.header-5 .mega__menu-wrapper {
  padding: 21px 30px;
  border-radius: 20px;
  background: #FFFFFF;
  background: var(--rs-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-5 .mega__menu-wrapper {
    padding: 0px 15px;
  }
}
.header-5.rs-sticky {
  top: 0 !important;
}
.header-5.rs-sticky .mega__menu-wrapper {
  background: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  [dir="ltr"] .header-5 .main-menu ul li {
    margin-right: 20px;
  }
  [dir="rtl"] .header-5 .main-menu ul li {
    margin-left: 20px;
  }
}
.header-5 .main-menu ul li.active > a {
  color: #317EFE !important;
  color: var(--rs-common-blue) !important;
}
.header-5 .main-menu ul li > a {
  padding: 0;
}
.header-5 .main-menu ul li:hover > a {
  color: #317EFE !important;
  color: var(--rs-common-blue) !important;
}
.header-5 .main-menu ul li:hover > a::after {
  color: #317EFE !important;
  color: var(--rs-common-blue) !important;
}
.header-5 .main-menu ul li:hover > a::after {
  transform: rotate(180deg);
}
.header-5 .submenu {
  border: 1px solid #317EFE !important;
  border: 1px solid var(--rs-common-blue) !important;
}
.header-5 .submenu li a:hover {
  color: #317EFE !important;
  color: var(--rs-common-blue) !important;
}
.header-5 .submenu li a:hover::before {
  background: #317EFE !important;
  background: var(--rs-common-blue) !important;
}
.header-5 .submenu li:hover > a {
  color: #317EFE;
  color: var(--rs-common-blue);
}
.header-5 .submenu li:hover > a::before {
  background-color: #317EFE;
  background-color: var(--rs-common-blue);
}
.header-5 .mega-menu {
  border: 1px solid #317EFE !important;
  border: 1px solid var(--rs-common-blue) !important;
}
.header-5 .home__menu-thumb {
  border: 1px solid #317EFE !important;
  border: 1px solid var(--rs-common-blue) !important;
}
.header-5 .header__btn .icon {
  background-color: #317EFE;
  background-color: var(--rs-common-blue);
}
.header-5 .header__btn .icon i {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.header-5 .header__btn .text span {
  display: block;
  margin-bottom: 8px;
  color: #616670;
  color: var(--rs-gray-600);
}
.header-5 .header__btn .text h5:hover {
  color: #317EFE !important;
  color: var(--rs-common-blue) !important;
}
.header-5 .header__hamburger .sidebar__toggle .bar-icon span {
  background: #317EFE;
  background: var(--rs-common-blue);
}

/*----------------------------------------*/
/*  3.4 header-common
/*----------------------------------------*/
[dir="ltr"] .rs-sticky {
  right: 0;
}
[dir="rtl"] .rs-sticky {
  left: 0;
}
[dir="ltr"] .rs-sticky {
  left: 0;
}
[dir="rtl"] .rs-sticky {
  right: 0;
}
.rs-sticky {
  position: fixed !important;
}
.rs-sticky {
  --rs-gray-900: #E0FD2C;
  top: 0;
  z-index: 111;
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  background: #00160A;
  background: var(--rs-gray-900);
  border-top: 0;
}
.rs-sticky.header-2 {
  border-bottom: none;
  border-radius: 0;
}
[dir="ltr"] .rs-sticky .header-top,[dir="ltr"]  .rs-sticky .header-top-2 {
  right: 0;
}
[dir="rtl"] .rs-sticky .header-top,[dir="rtl"]  .rs-sticky .header-top-2 {
  left: 0;
}
[dir="ltr"] .rs-sticky .header-top,[dir="ltr"]  .rs-sticky .header-top-2 {
  left: 0;
}
[dir="rtl"] .rs-sticky .header-top,[dir="rtl"]  .rs-sticky .header-top-2 {
  right: 0;
}
.rs-sticky .header-top, .rs-sticky .header-top-2 {
  position: fixed !important;
}
.rs-sticky .header-top, .rs-sticky .header-top-2 {
  top: -100%;
  z-index: 111;
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  background: #00160A;
  background: var(--rs-gray-900);
  border-top: 0;
}

[dir="ltr"] .header-transparent {
  left: 0;
}

[dir="rtl"] .header-transparent {
  right: 0;
}

.header-transparent {
  position: absolute;
  margin: auto;
  width: 100%;
  z-index: 99;
}

.header__area:not(.header-1) .container {
  max-width: 1320px;
  padding: 0 15px;
}

.header__logo {
  max-width: 126px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header__logo {
    max-width: 120px;
  }
}
@media (max-width:450px) {
  .header__logo {
    max-width: 110px;
  }
}

.header__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header__main {
    padding: 18px 0;
  }
}
@media (max-width:450px) {
  .header__main {
    padding: 16px 0;
  }
}

.bar-icon {
  width: 26px;
  height: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  transition: color 0.2s ease-out;
}
.bar-icon span {
  width: 100%;
  height: 2px;
  background: #035772;
  background: var(--rs-theme-primary);
  display: inline-block;
  transition: color 0.2s ease-out;
}
.bar-icon span:nth-child(2) {
  margin-left: 0px;
}
.bar-icon:hover span {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.bar-icon:hover span:nth-child(2) {
  margin-left: 0px;
  animation-delay: 0.1s;
}
.bar-icon:hover span:nth-child(3) {
  animation-delay: 0.2s;
}
.bar-icon.is-black span {
  background: #000000;
  background: var(--rs-common-black);
}
.bar-icon.is-white span {
  background: #FFFFFF;
  background: var(--rs-common-white);
}

.social-media {
  display: flex;
  gap: 6px;
}
.social-media a {
  color: #00160A;
  color: var(--rs-gray-900);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: #FFFFFF;
  background: var(--rs-common-white);
  font-size: 20px;
  border-radius: 500px;
  border: 1px solid rgba(0, 213, 99, 0.2);
}
.social-media a::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 500px;
  transform: translate(-100%, 0) rotate(50deg);
  transform-origin: top left;
  transition: all 0.35s;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
  z-index: -1;
  content: "";
}
.social-media a:hover {
  color: #FFFFFF;
  color: var(--rs-common-white);
  transform: translateY(-3px);
}
.social-media a:hover::before {
  transform: translate(0, 0);
}
.social-media-2 a {
  border-color: #E3E8F4;
  border-color: var(--rs-gray-200);
  color: #035772;
  color: var(--rs-theme-primary);
}
.social-media-2 a:hover {
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}

.header__btn {
  gap: 15px;
}
.header__btn-white h5:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.header__btn-white .text h5, .header__btn-white .text span {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.header__btn .icon {
  width: 55px;
  height: 55px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.header__btn .icon i {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.header__btn .text h5:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}

.header-top {
  padding: 17px 0;
}
@media (min-width: 1441px) {
  .header-top .container {
    max-width: 1750px !important;
  }
}
.header-top-menu {
  gap: 30px;
  list-style: none;
}
.header-top-menu li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.header-top-menu li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.header-top-socail-menu {
  gap: 20px;
  list-style: none;
}
.header-top-socail-menu li a {
  display: flex;
  font-size: 15px;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.header-top-socail-menu li a:hover {
  transform: translate(0, -5px);
  color: #035772;
  color: var(--rs-theme-primary);
}

.header-top-2 {
  overflow: hidden;
  padding: 10.5px 0;
}
.header-top-2 .container {
  z-index: 1;
  position: relative;
}
.header-top-2__right {
  display: flex;
  gap: 31px;
}
.header-top-2 .horizental-bar {
  width: 1px;
  height: 29px;
  opacity: 0.2;
  background: #035772;
  background: var(--rs-theme-primary);
}
.header-top-2__menu {
  gap: 40px;
  list-style: none;
}
.header-top-2__menu li a {
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-size: 16px;
  font-style: normal;
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 400;
  line-height: 160%;
}
.header-top-2__menu li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.header-top-2__menu-1 {
  gap: 40px;
  list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-2__menu-1 {
    gap: 250px;
  }
}
.header-top-2__menu-1.background-shape:after {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(/fonts/header-bar.svg);
  z-index: -1;
  position: absolute;
  left: -9544px;
  top: -11px;
  content: "";
  width: 9999px;
  height: calc(100% + 22px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-top-2__menu-1.background-shape:after {
    left: -9649px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-2__menu-1.background-shape:after {
    left: -9799px;
  }
}
.header-top-2__menu-1.background-shape:before {
  z-index: -1;
  position: absolute;
  left: -9999px;
  top: -11px;
  content: "";
  width: 9999px;
  height: calc(100% + 22px);
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.header-top-2__menu-1 li a {
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-size: 16px;
  font-style: normal;
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 400;
  line-height: 160%;
}
.header-top-2__menu-1 li a:hover {
  color: #035772;
  color: var(--rs-heading-primary);
}
.header-top-2__socail-menu {
  gap: 25px;
  list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-2__socail-menu {
    gap: 20px;
  }
}
.header-top-2__socail-menu li a {
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.header-top-2__socail-menu li a:hover, .header-top-2__socail-menu li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.1 banner Style 1
/*----------------------------------------*/
.banner-1__space {
  padding: 190px 0 240px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-1__space {
    padding: 150px 0 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-1__space {
    padding: 80px 0 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-1__space {
    padding: 60px 0 70px;
  }
}
.banner-1__shapes .big-shape, .banner-1__shapes .small-shape {
  position: absolute;
  z-index: -1;
}
.banner-1__shapes .big-shape-1 {
  top: -780px;
  left: -1038px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-1__shapes .big-shape-1 {
    left: -1180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-1__shapes .big-shape-1 {
    left: -1257px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-1__shapes .big-shape-1 {
    left: -1329px;
  }
}
@media (max-width: 575px) {
  .banner-1__shapes .big-shape-1 {
    left: -1417px;
  }
}
.banner-1__shapes .big-shape-2 {
  top: -815px;
  left: -1038px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-1__shapes .big-shape-2 {
    left: -1180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-1__shapes .big-shape-2 {
    left: -1257px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-1__shapes .big-shape-2 {
    left: -1329px;
  }
}
@media (max-width: 575px) {
  .banner-1__shapes .big-shape-2 {
    left: -1417px;
  }
}
.banner-1__shapes .big-shape-3 {
  bottom: -250px;
  left: 220px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-1__shapes .big-shape-3 {
    bottom: -650px;
  }
}
@media (max-width: 575px) {
  .banner-1__shapes .big-shape-3 {
    display: none;
  }
}
.banner-1__shapes .big-shape-4 {
  top: -717px;
  right: -882px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-1__shapes .big-shape-4 {
    display: none;
  }
}
.banner-1__shapes .small-shape-1 {
  left: 291px;
  bottom: -681px;
}
@media (max-width: 575px) {
  .banner-1__shapes .small-shape-1 {
    display: none;
  }
}
.banner-1__shapes .small-shape-2 {
  left: 530px;
  bottom: -247px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-1__shapes .small-shape-2 {
    left: 425px;
    bottom: -284px;
  }
}
@media (max-width: 575px) {
  .banner-1__shapes .small-shape-2 {
    display: none;
  }
}
.banner-1__shapes .small-shape-3 {
  right: -593px;
  bottom: -535px;
}
@media (max-width: 575px) {
  .banner-1__shapes .small-shape-3 {
    display: none;
  }
}
.banner-1__shapes .small-shape-4 {
  right: -592px;
  bottom: -335px;
}
@media (max-width: 575px) {
  .banner-1__shapes .small-shape-4 {
    display: none;
  }
}
.banner-1 .container {
  z-index: 1;
  position: relative;
}
.banner-1__media {
  z-index: -2;
  position: absolute;
  right: -315px;
  top: -190px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-1__media {
    right: -368px;
    top: -229px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-1__media {
    right: -419px;
    top: -287px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-1__media {
    top: -195px;
  }
}
@media (max-width: 575px) {
  .banner-1__media {
    right: -298px;
    top: -63px;
  }
}
@media (max-width: 450px) {
  .banner-1__media {
    right: -451px;
    top: -74px;
  }
}
@media (max-width: 575px) {
  .banner-1__content {
    max-width: 329px;
  }
}
.banner-1__content h1 {
  font-weight: 600;
  font-weight: var(--rs-fw-sbold);
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.banner-1__content h1 span {
  color: #035772;
  color: var(--rs-theme-primary);
}
.banner-1__content p {
  color: #FFFFFF;
  color: var(--rs-common-white);
  max-width: 350px;
}

/*----------------------------------------*/
/*  3.1 banner Style 1
/*----------------------------------------*/
.banner-2 {
  padding: 90px 0 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-2 {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2 {
    padding: 70px 0;
  }
}
.banner-2__meida {
  overflow: hidden;
  border-radius: 5px;
}
.banner-2__top {
  gap: 30px;
}
.banner-2__top-left {
  max-width: 774px;
}
.banner-2__top-left h1 {
  font-size: 98px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -1.96px;
}
.banner-2__top-left h1 span {
  color: #035772;
  color: var(--rs-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-2__top-left h1 {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-2__top-left h1 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-2__top-left h1 {
    font-size: 52px;
  }
}
@media (max-width: 575px) {
  .banner-2__top-left h1 {
    font-size: 35px;
  }
}
.banner-2__top-left p {
  margin: 0;
}
.banner-2__top-right .banner-2-circle {
  overflow: hidden;
  min-width: 194px;
  min-height: 194px;
  width: 194px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 194px;
  border-radius: 500px;
  border: 1px solid #0D2216;
  border: 1px solid var(--rs-gray-700);
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-2__top-right .banner-2-circle {
    min-width: 130px;
    min-height: 130px;
    width: 130px;
    height: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2__top-right .banner-2-circle {
    min-width: 80px;
    min-height: 80px;
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 575px) {
  .banner-2__top-right .banner-2-circle {
    min-width: 130px;
    min-height: 130px;
    width: 130px;
    height: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2__top-right .banner-2-circle svg {
    max-width: 20px;
  }
}
.banner-2__top-right .banner-2-circle:hover svg path[fill="#00D563"] {
  fill: #035772;
  fill: var(--rs-heading-primary);
}
.banner-2__top-right .banner-2-circle:after {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  content: "";
  left: 1px;
  top: 2px;
  transform-origin: center;
  animation: spin 6s ease infinite;
  position: absolute;
  background-position: 50% 50%;
  background-image: url(/fonts/banner-2-play-button.svg);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2__top-right .banner-2-circle:after {
    background-size: contain;
  }
}
.banner-2__bottom {
  position: relative;
}
.banner-2__bottom-media {
  overflow: hidden;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2__bottom-media {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2__bottom-media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.banner-2__bottom-button {
  bottom: -1px;
  right: -1px;
  position: absolute;
  width: 179px;
  height: 101px;
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.banner-2__bottom-button a {
  position: absolute;
  bottom: 6px;
  right: 0;
}
.banner-2__bottom-media__shape-1 {
  position: absolute;
  bottom: -1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  left: -1px;
  width: 98px;
  height: 94px;
}
.banner-2__bottom-media__shape-2 {
  bottom: 0;
  left: 0;
  width: 66px;
  height: 66px;
  position: absolute;
  background: #035772;
  background: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  3.1 banner Style 1
/*----------------------------------------*/
.banner-3.space {
  padding: 110px 0 97px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-3.space {
    padding: 52px 0 77px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-3.space {
    padding: 80px 0 90px;
  }
}
@media (max-width: 575px) {
  .banner-3.space {
    padding: 60px 0 70px;
  }
}
.banner-3.background-image {
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-3.background-image {
    background-image: none !important;
  }
}
.banner-3__media {
  z-index: 1;
  padding-left: 119px;
  position: relative;
  margin-bottom: -97px;
  margin-right: -315px;
  margin-top: -110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-3__media {
    padding-left: 19px;
    margin-right: -215px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-3__media {
    margin-bottom: -79px;
    margin-top: -90px;
    padding-left: 0;
    margin-right: -290px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-3__media {
    padding: 0;
    margin: 50px 0 0;
  }
}
.banner-3__media .img {
  overflow: hidden;
  padding-left: 288px;
  z-index: -1;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-3__media .img {
    padding-left: 188px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-3__media .img {
    padding-left: 60px;
  }
}
.banner-3__media .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-3__media__shape {
  background-size: contain;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 936px;
  height: 723px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-3__media__shape {
    width: 903px;
    height: 723px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-3__media__shape {
    display: none;
  }
}
.banner-3__media .banner-image-mobile {
  overflow: hidden;
  border-radius: 5px;
}
.banner-3__content h1 {
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 116.667%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-3__content h1 {
    font-size: 52px;
    line-height: 72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-3__content h1 {
    font-size: 52px;
    line-height: 64px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-3__content h1 {
    font-size: 50px;
    line-height: 52px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-3__content h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .banner-3__content h1 {
    font-size: 32px;
    line-height: 44px;
  }
}
.banner-3__content h1 span {
  color: #035772;
  color: var(--rs-theme-primary);
}
.banner-3__content .rs-btn__wrapper {
  gap: 10px;
}
.banner-3__item {
  gap: 15px;
  padding: 23px 42px 19px 20px;
  border-radius: 5px;
  border-left: 1px solid #000;
  background: #FFFFFF;
  background: var(--rs-common-white);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.banner-3__item-left img {
  width: 54px;
  height: 54px;
  border-radius: 500px;
  border: 2px solid #FFFFFF;
  border: 2px solid var(--rs-common-white);
}
.banner-3__item-left img:not(:first-child) {
  margin-left: -16px;
}
.banner-3__item-left span.custom-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-left: -16px;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
  border-radius: 500px;
  border: 2px solid #FFFFFF;
  border: 2px solid var(--rs-common-white);
  filter: drop-shadow(0px 4px 13px rgba(19, 16, 34, 0.06)) drop-shadow(0px 4.8px 24.4px rgba(19, 16, 34, 0.1));
}
.banner-3__item-left span.custom-img i {
  font-size: 32px;
  color: #035772;
  color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  3.1 banner Style 1
/*----------------------------------------*/
.banner-4-active__item {
  overflow: hidden;
  padding-top: 158px;
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-4-active__item {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-4-active__item {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .banner-4-active__item {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
.banner-4-active__item-shape {
  top: -80px;
  left: -290px;
  position: absolute;
}
@media (max-width: 575px) {
  .banner-4-active__item-shape {
    display: none;
  }
}
.banner-4-active__item-content {
  z-index: 3;
  position: relative;
  margin-top: 74px;
  max-width: 544px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-4-active__item-content {
    margin-top: 0px;
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-4-active__item-content {
    margin-top: 40px;
    max-width: 100%;
  }
}
.banner-4-active__item-content .subtitle {
  color: #00160A;
  color: var(--rs-gray-900);
  text-transform: uppercase;
  font-weight: 700;
  font-weight: var(--rs-fw-bold);
  font-size: 14px;
  font-size: var(--rs-fs-body2);
  line-height: 17px;
  line-height: var(--rs-lh-body2);
  opacity: 0;
  transform: translateY(-150px);
}
.banner-4-active__item-content h1 {
  color: #00160A;
  color: var(--rs-gray-900);
  font-weight: 600;
  font-weight: var(--rs-fw-sbold);
  opacity: 0;
  transform: translateY(-150px);
}
.banner-4-active__item-content .description p {
  margin-bottom: 0;
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 16px;
  font-size: var(--rs-fs-body);
  font-family: var(--rs-ff-rubik);
  font-weight: 400;
  font-weight: var(--rs-fw-regular);
  opacity: 0;
  transform: translateY(-150px);
}
.banner-4-active__item-content-button-wrapper {
  gap: 20px;
}
@media (max-width: 575px) {
  .banner-4-active__item-content-button-wrapper {
    display: inherit !important;
  }
}
.banner-4-active__item-content-button-wrapper .rs-btn {
  padding: 20px 30px 19px;
  opacity: 0;
  transform: translateX(-150px);
}
.banner-4-active__item-content-contact {
  opacity: 0;
  transform: translateX(150px);
  gap: 12px;
}
@media (max-width: 575px) {
  .banner-4-active__item-content-contact {
    margin-top: 30px;
  }
}
.banner-4-active__item-content-contact .icon-wrapper {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  background: rgba(0, 0, 0, 0.1);
}
.banner-4-active__item-content-contact .icon-wrapper i {
  color: #00160A;
  color: var(--rs-gray-900);
}
.banner-4-active__item-content-contact-text span {
  font-size: 14px;
  font-size: var(--rs-fs-body2);
  font-weight: var(--rs-lh-light);
}
.banner-4-active__item-content-contact-text a h5 {
  color: #00160A;
  color: var(--rs-gray-900);
  font-weight: 600;
  font-weight: var(--rs-fw-sbold);
  background: linear-gradient(#000000 0%, #000000 98%);
  background: linear-gradient(var(--rs-common-black) 0%, var(--rs-common-black) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
}
.banner-4-active__item-content-contact-text a h5:hover {
  background-size: 100% 2px;
  color: #000000;
  color: var(--rs-common-black);
}
.banner-4-active__item-media {
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-4-active__item-media {
    margin-top: 40px;
  }
}
.banner-4-active__item-media-shape .img-1 {
  top: 0px;
  z-index: -1;
  position: absolute;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-4-active__item-media-shape .img-1 {
    left: 110px;
  }
}
@media (max-width: 575px) {
  .banner-4-active__item-media-shape .img-1 {
    display: none;
  }
}
.banner-4-active__item-media-shape .img-2 {
  right: -92%;
  z-index: -1;
  width: 2088px;
  bottom: -140px;
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-4-active__item-media-shape .img-2 {
    width: 1500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-4-active__item-media-shape .img-2 {
    display: none;
  }
}
.banner-4-active__item-media img {
  z-index: 2;
  height: 652px;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-4-active__item-media img {
    height: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-4-active__item-media img {
    height: auto;
    max-width: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-4-active__item-media img {
    height: auto;
    max-width: 300px;
  }
}
.banner-4-active .swiper-slide-active .has--media {
  opacity: 1;
  transform: scale(1);
  transition: all 3000ms ease;
}
.banner-4-active .swiper-slide-active .banner-4-active__item-content .subtitle {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2000ms ease;
}
.banner-4-active .swiper-slide-active .banner-4-active__item-content h1 {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.banner-4-active .swiper-slide-active .banner-4-active__item-content p {
  opacity: 1;
  transform: translatey(0px);
  transition: all 3000ms ease;
}
.banner-4-active .swiper-slide-active .banner-4-active__item-content-button-wrapper .rs-btn {
  opacity: 1;
  transform: translateX(0px);
  transition: all 3000ms ease;
}
.banner-4-active .swiper-slide-active .banner-4-active__item-content-contact {
  opacity: 1;
  transform: translateX(0px);
  transition: all 3000ms ease;
}
.banner-4-active .banner-4-pagination {
  left: 0;
  right: 0;
  z-index: 1;
  bottom: 125px;
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-4-active .banner-4-pagination {
    bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-4-active .banner-4-pagination {
    display: none;
  }
}
.banner-4-active .banner-4-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  display: inline-block;
  background: #000000;
  background: var(--rs-common-black);
  background-color: transparent;
  border-radius: 500px;
  border: 2px solid #000000;
  border: 2px solid var(--rs-common-black);
}
.banner-4-active .banner-4-pagination .swiper-pagination-bullet-active {
  background: #000000;
  background: var(--rs-common-black);
  border: transparent;
}

/*----------------------------------------*/
/*  3.1 banner Style 1
/*----------------------------------------*/
.banner-5-active__item {
  overflow: hidden;
  padding-top: 287px;
  padding-bottom: 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-5-active__item {
    padding-top: 250px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-5-active__item {
    padding-top: 200px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-5-active__item {
    padding-top: 180px;
    padding-bottom: 80px;
  }
}
@media (max-width: 575px) {
  .banner-5-active__item {
    padding-top: 180px;
    padding-bottom: 60px;
  }
}
.banner-5-active__item.has--media {
  width: 100%;
  height: 890px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  background-repeat: no-repeat;
  background-position: center right;
  transform: scale(1);
  transition: transform 7000ms ease, opacity 1500ms ease-in;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-5-active__item.has--media {
    height: auto;
  }
}
.banner-5-active__item.has--media::before {
  top: 0;
  bottom: 0;
  width: 1344px;
  content: "";
  height: 100%;
  position: absolute;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  background: linear-gradient(270deg, #E2F1FF 0%, rgba(226, 241, 255, 0.9) 47.69%, rgba(226, 241, 255, 0) 100%);
}
.banner-5-active__item__shape-left .small-shape-1 {
  position: absolute;
  top: 359px;
}
@media (max-width: 575px) {
  .banner-5-active__item__shape-left .small-shape-1 {
    display: none;
  }
}
.banner-5-active__item__shape-left .big-shape-1 {
  position: absolute;
  top: 394px;
}
.banner-5-active__item__shape-left .big-shape-2 {
  position: absolute;
  top: 592px;
}
.banner-5-active__item__shape-left .small-shape-2 {
  top: 748px;
  position: absolute;
}
.banner-5-active__item__shape-left .small-shape-3 {
  top: 695px;
  left: 240px;
  position: absolute;
}
.banner-5-active__item__shape-right .big-shape-1 {
  position: absolute;
  right: 0;
  top: 141px;
}
.banner-5-active__item__shape-right .big-shape-2 {
  position: absolute;
  right: 0;
  top: 145px;
}
.banner-5-active__item__shape-right .big-shape-3 {
  position: absolute;
  top: 543px;
  right: 0;
}
@media (max-width: 575px) {
  .banner-5-active__item__shape-right .big-shape-3 {
    display: none;
  }
}
.banner-5-active__item__shape-right .small-shape-1 {
  top: 714px;
  position: absolute;
  right: 0;
}
.banner-5-active__item__shape-right .small-shape-2 {
  top: 632px;
  position: absolute;
  right: 443px;
}
.banner-5-active__item__shape-right .small-shape-3 {
  top: 522px;
  position: absolute;
  right: 205px;
}
.banner-5-active__item-content {
  z-index: 2;
  position: relative;
}
.banner-5-active__item-content span {
  opacity: 0;
  padding-bottom: 18px;
  letter-spacing: 0.5px;
  display: inline-block;
  color: #00160A;
  color: var(--rs-gray-900);
  text-transform: uppercase;
  font-weight: 700;
  font-weight: var(--rs-fw-bold);
  font-size: 14px;
  font-size: var(--rs-fs-body2);
  transform: translateY(-150px);
}
.banner-5-active__item-content h1 {
  max-width: 550px;
  margin-bottom: 27px;
  opacity: 0;
  font-weight: 600;
  font-weight: var(--rs-fw-sbold);
  transform: translateY(-150px);
}
.banner-5-active__item-content .description {
  opacity: 0;
  max-width: 497px;
  transform: translateY(-150px);
}
.banner-5-active__item-content .description p {
  line-height: 30px;
  color: #00160A;
  color: var(--rs-gray-900);
  font-family: var(--rs-ff-rubik);
}
.banner-5-active__item-content-button-wrapper {
  gap: 20px;
  opacity: 0;
  transform: translateY(150px);
}
.banner-5-active__item-content-button-wrapper .rs-btn {
  padding: 20px 57px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-5-active__item-content-button-wrapper .rs-btn {
    padding: 10px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-5-active__item-content-button-wrapper .rs-btn {
    padding: 10px 15px;
  }
}
.banner-5-active__item-content-button-wrapper .btn-border-blue {
  padding: 18px 57px 19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-5-active__item-content-button-wrapper .btn-border-blue {
    padding: 10px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-5-active__item-content-button-wrapper .btn-border-blue {
    padding: 10px 15px;
  }
}
.banner-5-active .swiper-slide-active .has--media {
  opacity: 1;
  transform: scale(1);
  transition: all 3000ms ease;
}
.banner-5-active .swiper-slide-active .banner-5-active__item-content span {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2000ms ease;
}
.banner-5-active .swiper-slide-active .banner-5-active__item-content h1 {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.banner-5-active .swiper-slide-active .banner-5-active__item-content .description {
  opacity: 1;
  transform: translatey(0px);
  transition: all 3000ms ease;
}
.banner-5-active .swiper-slide-active .banner-5-active__item-content-button-wrapper {
  opacity: 1;
  transform: translatey(0px);
  transition: all 3000ms ease;
}
.banner-5-active .banner-5-pagination {
  width: 10px;
  top: 355px;
  z-index: 1;
  left: 225px;
  position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-5-active .banner-5-pagination {
    left: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-5-active .banner-5-pagination {
    left: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-5-active .banner-5-pagination {
    display: none;
  }
}
.banner-5-active .banner-5-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  display: block;
  margin: 13px 0;
  background: #000000;
  background: var(--rs-common-black);
  background-color: transparent;
  border-radius: 500px;
  border: 2px solid #000000;
  border: 2px solid var(--rs-common-black);
}
.banner-5-active .banner-5-pagination .swiper-pagination-bullet-active {
  background: #000000;
  background: var(--rs-common-black);
  border: transparent;
}

/*----------------------------------------*/
/*  7.1 cta
/*----------------------------------------*/
.cta__fake-div {
  width: 100%;
  height: 183px;
  margin-bottom: -183px;
  position: relative;
}
.cta__fake-div:before {
  width: 100%;
  content: "";
  height: 100%;
  background-color: currentColor;
  position: absolute;
  bottom: -100%;
  left: 0;
}

.cta__area {
  position: relative;
  z-index: 11;
}
.cta__area.footer-up-cta {
  margin-bottom: -63px;
}
.cta__area.footer-up-cta-2 {
  margin-bottom: -172px;
}
.cta__area.footer-up-home-1 {
  margin-bottom: -91.5px;
}
.cta__wrapper {
  gap: 30px;
  border-radius: 5px;
  overflow: hidden;
}
.cta__wrapper.primary-border-top {
  border-top: 2px solid #00D563;
  border-top: 2px solid var(--rs-border-primary);
}
.cta__content {
  max-width: 420px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta__content {
    text-align: center;
    max-width: 100%;
  }
}
.cta__content p {
  max-width: 400px;
}
.cta__subscribe {
  gap: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta__subscribe {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.cta__subscribe input {
  width: 406px;
  background: transparent;
  color: #FFFFFF;
  color: var(--rs-common-white);
  padding-right: 23px;
  padding-left: 23px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta__subscribe input {
    width: 100%;
  }
}
.cta__subscribe input::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.cta__subscribe input::placeholder { /* MODERN BROWSER */
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.cta__meida {
  border: 36px solid rgba(255, 255, 255, 0.3);
  border-radius: 500px;
}
.cta-2 .cta__content {
  max-width: 654px;
}
.cta-2 .cta__content p {
  max-width: 570px;
}
.cta-2 .cta__subscribe {
  gap: 20px;
}
.cta-2 .cta__subscribe input {
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: 18px center;
  background-image: url(/fonts/message.svg);
  width: 467px;
  color: #FFFFFF;
  color: var(--rs-common-white);
  border-color: #FFFFFF;
  border-color: var(--rs-common-white);
  padding-right: 18px;
  padding-left: 57px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-2 .cta__subscribe input {
    width: 100%;
  }
}
.cta-2 .cta__subscribe input::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.cta-2 .cta__subscribe input::placeholder { /* MODERN BROWSER */
  color: #FFFFFF;
  color: var(--rs-common-white);
}

/*----------------------------------------*/
/*  4.2 Menu
/*----------------------------------------*/
.main-menu ul {
  margin-bottom: 0;
}
[dir="ltr"] .main-menu ul li {
  margin-right: 25px;
}
[dir="rtl"] .main-menu ul li {
  margin-left: 25px;
}
.main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  /* submenu css start */
  /* mega menu start */
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  [dir="ltr"] .main-menu ul li {
    margin-right: 30px;
  }
  [dir="rtl"] .main-menu ul li {
    margin-left: 30px;
  }
}
[dir="ltr"] .main-menu ul li:last-child {
  margin-right: 0;
}
[dir="rtl"] .main-menu ul li:last-child {
  margin-left: 0;
}
.main-menu ul li.active > a {
  color: #035772 !important;
  color: var(--rs-theme-primary) !important;
}
.main-menu ul li > a {
  display: inline-block;
  color: #00160A;
  color: var(--rs-gray-900);
  padding: 33px 0;
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  line-height: 26px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .main-menu ul li > a {
    padding: 32.8px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul li > a {
    padding: 30px 0;
  }
}
.main-menu ul li.has-dropdown > a {
  position: relative;
}
[dir="ltr"] .main-menu ul li.has-dropdown > a::after {
  margin-left: 5px;
}
[dir="rtl"] .main-menu ul li.has-dropdown > a::after {
  margin-right: 5px;
}
.main-menu ul li.has-dropdown > a::after {
  content: "\f107";
  transform: translateY(1px);
  font-size: 10px;
  font-family: var(--rs-ff-fontawesome);
  font-weight: 900;
  display: inline-block;
}
.main-menu ul li.has-mega-menu {
  position: static;
}
.main-menu ul li.megamenu-wrapper {
  position: static;
}
[dir="ltr"] .main-menu ul li .submenu {
  left: 0;
}
[dir="rtl"] .main-menu ul li .submenu {
  right: 0;
}
.main-menu ul li .submenu {
  position: absolute;
  top: 110%;
  min-width: 280px;
  background: #0d0d0d;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  padding: 35px 0 6px;
  color: #FFFFFF;
  color: var(--rs-common-white);
  border: 1px solid #00D563;
  border: 1px solid var(--rs-border-primary);
}
.main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  transform: translateY(-10px);
}
[dir="ltr"] .main-menu ul li .submenu li.has-dropdown > a::after {
  right: 25px;
}
[dir="rtl"] .main-menu ul li .submenu li.has-dropdown > a::after {
  left: 25px;
}
.main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  color: var(--rs-text-1);
}
[dir="ltr"] .main-menu ul li .submenu li a {
  padding-left: 30px;
}
[dir="rtl"] .main-menu ul li .submenu li a {
  padding-right: 30px;
}
.main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-size: 16px;
  padding: 0 25px;
  padding-bottom: 9px;
  width: 100%;
}
.main-menu ul li .submenu li a::before {
  position: absolute;
  content: "";
  left: 25px;
  top: 40%;
  transform: translateY(-50%);
  width: 0px;
  height: 1px;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
[dir="ltr"] .main-menu ul li .submenu li .submenu {
  left: 100%;
}
[dir="rtl"] .main-menu ul li .submenu li .submenu {
  right: 100%;
}
.main-menu ul li .submenu li .submenu {
  top: 0;
  visibility: hidden;
  opacity: 0;
}
[dir="ltr"] .main-menu ul li .submenu li:hover > a {
  padding-left: 43px;
}
[dir="rtl"] .main-menu ul li .submenu li:hover > a {
  padding-right: 43px;
}
.main-menu ul li .submenu li:hover > a {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu ul li .submenu li:hover > a::before {
  width: 12px;
}
.main-menu ul li .submenu li:hover > a::after {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu ul li .submenu li:hover > .submenu {
  transform: translateY(1);
  visibility: visible;
  opacity: 1;
}
.main-menu ul li .mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 30px 35px 30px;
  background: #0d0d0d;
  visibility: hidden;
  opacity: 0;
  border: 1px solid #00D563;
  border: 1px solid var(--rs-border-primary);
  z-index: 99;
  width: 100%;
  transform: translateX(-50%) translateZ(0);
  clip: rect(0px, 200vw, 0, 0px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li .mega-menu {
    padding: 25px 25px;
  }
}
.main-menu ul li .mega-menu.mega-menu.mega-menu-grid-4 {
  padding: 30px 35px 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 30px;
  row-gap: 30px;
  grid-column-gap: 30px;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.main-menu ul li .mega-menu.mega-menu.mega-menu-grid-3 {
  padding: 30px 35px 30px;
  display: grid;
  grid-row-gap: 30px;
  row-gap: 30px;
  grid-column-gap: 30px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  grid-template-columns: repeat(3, 1fr);
  width: 950px;
  margin: 0 auto;
  justify-content: space-around;
}
.main-menu ul li .mega-menu li .mega-menu-title {
  font-weight: 500;
  color: #484949;
  color: var(--rs-text-body);
  cursor: text;
  padding: 0;
  display: block;
  margin-bottom: 15px;
  border-bottom: 1px solid #00D563;
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 5px;
}
.main-menu ul li .mega-menu li .mega-menu-title::before {
  display: none;
}
.main-menu ul li .mega-menu li ul li {
  width: 100%;
  float: none;
  margin-bottom: 9px;
}
.main-menu ul li .mega-menu li ul li:last-child {
  margin-bottom: 0;
}
.main-menu ul li .mega-menu li ul li a {
  font-size: 16px;
  color: #484949;
  color: var(--rs-text-body);
  padding: 0;
  position: relative;
}
.main-menu ul li .mega-menu li ul li a::before {
  position: absolute;
  content: "";
  left: 0;
  right: auto;
  top: 50%;
  bottom: auto;
  width: 0;
  height: 1px;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.main-menu ul li .mega-menu li ul li:hover > a {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu ul li .mega-menu li ul li:hover > a::before {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
[dir="ltr"] .main-menu ul li .mega-menu li:hover > .mega-menu-title {
  padding-left: 0;
}
[dir="rtl"] .main-menu ul li .mega-menu li:hover > .mega-menu-title {
  padding-right: 0;
}
.main-menu ul li .mega-menu li:hover > .mega-menu-title {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu ul li .mega-menu li:hover > a {
  color: #035772;
  color: var(--rs-theme-primary);
}
[dir="ltr"] .main-menu ul li .mega-menu li a:hover {
  padding-left: 18px;
}
[dir="rtl"] .main-menu ul li .mega-menu li a:hover {
  padding-right: 18px;
}
.main-menu ul li .mega-menu li a:hover::before {
  width: 12px;
}
.main-menu ul li:hover > a {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu ul li:hover > a::after {
  color: #035772;
  color: var(--rs-theme-primary);
  transform: rotate(180deg);
}
.main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.main-menu ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  clip: rect(0px, 100vw, 200vh, -30px);
  transition: clip 0.6s linear, opacity 0.4s linear;
}
.main-menu-2 ul li > a {
  color: var(--rs-text-secondary);
}
.main-menu-2 ul li > a::before {
  background: #035772;
  background: var(--rs-theme-primary);
}
.main-menu-2 ul li .submenu li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu-2 ul li .submenu li a:hover::before {
  background: #035772;
  background: var(--rs-theme-primary);
}
.main-menu-2 ul li .submenu li:hover > a {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu-2 ul li .submenu li:hover > a::before {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.main-menu-2 ul li .submenu li.has-dropdown:hover > a::after {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu-2 ul li .mega-menu li ul li:hover > a {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu-2 ul li .mega-menu li ul li:hover > a::before {
  background: #035772;
  background: var(--rs-theme-primary);
}
.main-menu-2 ul li .mega-menu li:hover > .mega-menu-title {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu-2 ul li:hover > a {
  color: #035772;
  color: var(--rs-theme-primary);
}
.main-menu-2 ul li:hover > a::after {
  color: #035772;
  color: var(--rs-theme-primary);
}

.home__menu-item {
  position: relative;
}
.home__menu-item:hover .home__menu-buttons {
  transform: scale(1, 1);
  opacity: 1;
  visibility: visible;
}
.home__menu-item:hover .home__menu-thumb::before {
  opacity: 1;
}

.home__menu-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 20px;
  row-gap: 20px;
  grid-column-gap: 30px;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .home__menu-grid {
    padding: 10px 0 20px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.home__menu-thumb {
  position: relative;
  padding: 20px 20px 20px;
  border: 1px solid #00D563;
  border: 1px solid var(--rs-border-primary);
  border-radius: 6px;
}
.home__menu-thumb::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(13, 13, 13, 0.7);
  opacity: 0;
  transition: 0.3s;
  left: 0;
  top: 0;
  border-radius: 6px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .home__menu-thumb::before {
    opacity: 1;
  }
}

.home__menu-buttons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transform: scale(1, 0);
  opacity: 0;
  visibility: hidden;
  transform-origin: bottom center;
  transition: 500ms ease;
  gap: 10px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .home__menu-buttons {
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
  }
}
.home__menu-buttons .rs-btn {
  font-size: 14px !important;
  padding: 0 25px !important;
  display: inline-flex !important;
  color: #FFFFFF !important;
  color: var(--rs-common-white) !important;
  width: inherit !important;
}
.home__menu-buttons .rs-btn {
  height: 45px;
  align-items: center;
  justify-content: center;
}
.home__menu-buttons .rs-btn:before {
  width: 100% !important;
}
.home__menu-buttons .rs-btn:before {
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
}
.home__menu-buttons .rs-btn:hover {
  color: #035772 !important;
  color: var(--rs-heading-primary) !important;
}
.home__menu-buttons .rs-btn.btn-yellow {
  color: #035772 !important;
  color: var(--rs-heading-primary) !important;
}

.home__menu-title {
  margin-top: 12px;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  color: var(--rs-common-white);
}

/*----------------------------------------*/
/*  4.1 Meanmenu
/*----------------------------------------*/
.mean-container {
  margin-bottom: 35px;
}
.mean-container a.meanmenu-reveal {
  display: none !important;
}
.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: red;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
  display: block;
  background: blue;
  height: 3px;
  margin-top: 3px;
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  float: left;
  width: 100%;
}
.mean-container .mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
.mean-container .mean-nav > ul {
  display: block !important;
}
.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
.mean-container .mean-nav ul li.dropdown-opened > a, .mean-container .mean-nav ul li.dropdown-opened > span {
  color: #035772;
  color: var(--rs-theme-primary);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: #035772;
  background: var(--rs-theme-primary);
  color: #FFFFFF;
  color: var(--rs-common-white);
  border-color: transparent;
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i {
  color: #FFFFFF;
  color: var(--rs-common-white);
  transform: rotate(90deg);
}
.mean-container .mean-nav ul li.mean-last {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}
.mean-container .mean-nav ul li > a > i {
  display: none;
}
.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: left;
  text-decoration: none;
  text-transform: capitalize;
  width: 100%;
  padding: 10px 0;
  color: #011e28;
  border-top: 1px solid rgba(255, 255, 255, 0.079);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li span:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.mean-container .mean-nav ul li a:hover i, .mean-container .mean-nav ul li span:hover i {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li span.mean-expand {
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.079) !important;
}
.mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li span.mean-expand {
  text-align: center;
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 2;
  font-size: 14px;
  margin-top: 5px;
  height: 30px;
  width: 30px;
  color: #011e28;
  line-height: 30px;
  font-weight: 400;
  border-radius: 3px;
}
.mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li span.mean-expand:hover {
  background: #035772;
  background: var(--rs-theme-primary);
  color: #FFFFFF;
  color: var(--rs-common-white);
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}
.mean-container .mean-nav ul li a.mean-expand:hover i, .mean-container .mean-nav ul li span.mean-expand:hover i {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked, .mean-container .mean-nav ul li span.mean-expand.mean-clicked {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover, .mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover {
  background: #035772;
  background: var(--rs-theme-primary);
  color: #FFFFFF;
  color: var(--rs-common-white);
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}
.mean-container .mean-nav ul li li a {
  text-shadow: none !important;
}
.mean-container .mean-nav ul li li a {
  width: 90%;
  padding: 10px 7%;
  visibility: visible;
}
.mean-container .mean-nav ul li li li a {
  width: 80%;
  padding: 10px 12%;
}
.mean-container .mean-nav ul li li li li a {
  width: 70%;
  padding: 10px 17%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 60%;
  padding: 10px 20%;
}
.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
  float: left;
  width: 100%;
  position: relative;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}
.mean-container .mean-bar, .mean-container .mean-bar * {
  /* Fix for box sizing on Foundation Framework etc. */
  box-sizing: content-box;
}

/*----------------------------------------*/
/*  5.1 blog
/*----------------------------------------*/
.blog .mb-minus-60 {
  margin-bottom: -60px;
}
@media (max-width: 575px) {
  .blog .mb-minus-xs-50 {
    margin-bottom: -50px;
  }
}
.blog__item a:hover h3 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.blog__item-meta {
  gap: 12px;
  display: flex;
}
.blog__item-meta a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.blog__item-thumb {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
}
.blog__item-thumb a {
  display: block;
}
.blog__item-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
}
.blog__item-description p {
  margin: 0;
}
.blog__item-bottom {
  gap: 10px;
  margin-top: 22px;
  padding-top: 26px;
  border-top: 1px solid #E3E8F4;
}
.blog__item-list {
  list-style: none;
  gap: 20px;
}
@media (max-width: 575px) {
  .blog__item-list {
    gap: 10px;
  }
}
.blog__item-list li a {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (max-width: 575px) {
  .blog__item-list li a {
    gap: 5px;
  }
}
.blog__item-list li a i {
  font-size: 15px;
  color: #035772;
  color: var(--rs-theme-primary);
}
.blog__item-list li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.blog__item-readmore {
  border-bottom: 1px solid #035772;
  border-bottom: 1px solid var(--rs-theme-primary);
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  line-height: 20px;
}
@media (max-width: 575px) {
  .blog__item-readmore {
    gap: 5px;
  }
}
.blog__item-readmore i {
  color: #035772;
  color: var(--rs-theme-primary);
  font-weight: 400;
  font-size: 10px;
}
.blog__item-readmore:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.blog__item:hover .blog__item-thumb img {
  transform: scale(1.1);
}
.blog__pagination {
  gap: 20px;
}
.blog__pagination a {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #035772;
  color: var(--rs-theme-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  background: #F9F9F9;
  background: var(--rs-gray-100);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__pagination a {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
}
.blog__pagination a:hover, .blog__pagination a.active {
  color: #FFFFFF;
  color: var(--rs-common-white);
  background: #035772;
  background: var(--rs-theme-primary);
}

.blog-news__item {
  overflow: hidden;
  border-radius: 5px;
}
.blog-news__item:hover .blog-news__item-media img {
  transform: scale(1.2);
}
.blog-news__item:hover .blog-news__item-text {
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}
.blog-news__item-media {
  height: 323px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 575px) {
  .blog-news__item-media {
    height: 250px;
  }
}
.blog-news__item-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-news__item-date {
  border-radius: 5px;
  max-width: 79px;
  display: flex;
  position: absolute;
  top: 30px;
  left: 30px;
  padding: 10px;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
  color: #00160A;
  color: var(--rs-gray-900);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.blog-news__item-meta {
  padding: 22px 30px;
  list-style: none;
  gap: 30px;
}
@media (max-width: 575px) {
  .blog-news__item-meta {
    gap: 15px;
    padding: 15px 20px;
  }
}
.blog-news__item-meta li a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.blog-news__item-meta li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.blog-news__item-text {
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  border-top: none;
}
.blog-news__item-text h4 {
  text-transform: capitalize;
}
.blog-news__item-text a:hover h4, .blog-news__item-text a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.blog-news__item-text .readmore {
  color: #035772;
  color: var(--rs-heading-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  gap: 10px;
}
.blog-news__item-text-bottom {
  border-top: 1px solid #E3E8F4;
  border-top: 1px solid var(--rs-gray-200);
  padding: 20px 30px 30px;
}
@media (max-width: 575px) {
  .blog-news__item-text-bottom {
    padding: 15px 20px 20px;
  }
}

/*----------------------------------------*/
/*  5.2 postbox
/*----------------------------------------*/
/*----------------------------------------*/
/*  5.3 sidebar
/*----------------------------------------*/
.sidebar-rs-sticky {
  position: sticky;
  top: 120px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-rs-sticky {
    margin-top: 50px;
  }
}

.sidebar__widget:not(:last-child) {
  margin-bottom: 60px;
}
.sidebar__widget__have-background {
  padding: 30px;
  border-radius: 5px;
  background: #F9F9F9;
  background: var(--rs-gray-100);
}
@media (max-width: 575px) {
  .sidebar__widget__have-background {
    padding: 25px;
  }
}

.sidebar__widget-category {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sidebar__widget-category a {
  padding: 20px 26px;
  display: flex;
  gap: 10px;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
}
.sidebar__widget-category a:hover {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.sidebar__widget-category a:hover i {
  transform: rotate(-90deg);
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.sidebar__widget-category a i {
  color: #035772;
  color: var(--rs-theme-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.sidebar__widget-title {
  margin-bottom: 30px;
  text-transform: capitalize;
  display: inline-flex;
  color: #035772;
  color: var(--rs-heading-primary);
}
.sidebar__widget-title.space-second {
  margin-bottom: 50px;
}
.sidebar__widget-title__have-bar {
  position: relative;
}
.sidebar__widget-title__have-bar:after {
  width: 30px;
  z-index: 1;
  height: 2px;
  top: calc(50% - 1px);
  content: "";
  background-color: #035772;
  background-color: var(--rs-theme-primary);
  position: absolute;
  right: -50px;
  animation: leftRight 1.3S infinite alternate;
}

.sidebar__widget-contact {
  display: flex;
  gap: 40px;
  flex-direction: column;
}
.sidebar__widget-contact-wrapper {
  padding: 50px 34px 89px;
  background: #FFFFFF;
  background: var(--rs-common-white);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar__widget-contact-wrapper {
    padding: 30px 25px;
  }
}
.sidebar__widget-contact-item {
  gap: 29px;
}
.sidebar__widget-contact-item-icon {
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sidebar__widget-contact-item-text h5 {
  margin-bottom: 14px;
}
.sidebar__widget-contact-item-text ul {
  list-style: none;
  display: flex;
  gap: 6px;
  flex-direction: column;
}
.sidebar__widget-contact-item-text ul a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}

.search__bar {
  height: 55px;
  width: 100%;
  position: relative;
  border-radius: 5px;
}
.search__bar input {
  height: 100%;
  padding: 14px 20px;
  padding-right: 140px;
  width: 100%;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  background: #FFFFFF;
  background: var(--rs-common-white);
  color: #000000;
  color: var(--rs-common-black);
}
.search__bar button {
  position: absolute;
  right: 0;
  padding: 10px 39.8px;
  height: 100%;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.search__bar button:before {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.recent-post {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0;
  margin: 0;
}
.recent-post li {
  padding-left: 16px;
  position: relative;
}
.recent-post li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.recent-post li:before {
  top: 10px;
  left: 0;
  border-radius: 500px;
  content: "";
  background: #035772;
  background: var(--rs-theme-primary);
  font-weight: bold;
  display: inline-block;
  width: 7px;
  height: 7px;
  min-width: 7px;
  min-height: 7px;
  position: absolute;
}

.gallery-photo {
  display: grid;
  flex-wrap: wrap;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: auto auto auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gallery-photo {
    grid-template-columns: auto auto auto auto auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery-photo {
    grid-template-columns: auto auto auto auto;
  }
}
@media (max-width: 575px) {
  .gallery-photo {
    grid-template-columns: auto auto;
  }
}
.gallery-photo a {
  border-radius: 5px;
  overflow: hidden;
}
.gallery-photo a:hover img {
  transform: scale(1.2);
}

.tags {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  .tags {
    gap: 10px;
  }
}
.tags a {
  display: block;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  background: #FFFFFF;
  background: var(--rs-common-white);
}
.tags a:hover {
  color: #FFFFFF;
  color: var(--rs-common-white);
  border-color: #FFFFFF;
  border-color: var(--rs-common-white);
  background: #035772;
  background: var(--rs-theme-primary);
}

.office__contact-item:last-child {
  margin-top: 20px;
}
.office__contact-item h5 {
  margin-bottom: 10px;
}
.office__contact-item-list {
  display: flex;
  list-style: none;
  flex-direction: column;
  gap: 5px;
}
.office__contact-item-list li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}

.tweeter-feed__item {
  gap: 15px;
}
.tweeter-feed__item:not(:last-child) {
  margin-bottom: 30px;
}
.tweeter-feed__item-text h5 {
  margin-bottom: 10px;
}
.tweeter-feed__item-text a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  5.4 blog-details
/*----------------------------------------*/
.blog__details-content img {
  border-radius: 5px;
  overflow: hidden;
  max-width: 100%;
}
.blog__details-content h1, .blog__details-content h2, .blog__details-content h3, .blog__details-content h4, .blog__details-content h5, .blog__details-content h6 {
  margin-bottom: 30px;
  color: #035772;
  color: var(--rs-heading-primary);
}
.blog__details-content p, .blog__details-content img {
  margin-bottom: 30px;
}
.blog__details-content ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0;
  margin: 0 0 30px;
}
.blog__details-content ul li {
  padding-left: 21px;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-weight: var(--rs-fw-medium);
  text-transform: capitalize;
}
.blog__details-content ul li:before {
  top: 10px;
  left: 0;
  border-radius: 500px;
  content: "";
  background: #035772;
  background: var(--rs-theme-primary);
  font-weight: bold;
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
}
.blog__details-content .blog__details-meta {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 18px;
  padding: 0;
  margin: 0 0 30px;
}
@media (max-width: 575px) {
  .blog__details-content .blog__details-meta {
    gap: 15px;
  }
}
.blog__details-content .blog__details-meta li {
  padding-left: 20px;
  position: relative;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .blog__details-content .blog__details-meta li {
    padding-left: 15px;
  }
}
.blog__details-content .blog__details-meta li:before {
  top: 9px;
  left: 0;
  border-radius: 500px;
  content: "";
  background: #035772;
  background: var(--rs-theme-primary);
  font-weight: bold;
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
}
@media (max-width: 575px) {
  .blog__details-content .blog__details-meta li a {
    font-size: 15px;
  }
}
.blog__details-content .blog__details-meta li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.blog__details-thumb {
  border-radius: 5px;
  overflow: hidden;
}
.blog__details-thumb img {
  margin-bottom: 0;
}
.blog__details-bottom {
  gap: 10px;
  padding: 30px 0;
  border-top: 1px solid #E3E8F4;
  border-bottom: 1px solid #E3E8F4;
}
.blog__details-bottom .share-social-media {
  display: flex;
  gap: 10px;
}
.blog__details-bottom .share-social-media a:hover {
  transform: translate(0, -5px);
}
.blog__details-bottom .share-social-media a:hover svg path[fill="#00D563"] {
  fill: #035772;
  fill: var(--rs-heading-primary);
}
.blog__details-bottom p {
  margin: 0;
}
.blog__details-bottom .blog__details-pagination {
  display: flex;
  gap: 20px;
}
.blog__details-bottom .blog__details-pagination a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  color: #035772;
  color: var(--rs-theme-primary);
  filter: drop-shadow(0px 6px 50px rgba(37, 37, 37, 0.05));
  background-color: rgba(0, 213, 99, 0.1);
}
.blog__details-bottom .blog__details-pagination a:hover {
  color: #FFFFFF;
  color: var(--rs-common-white);
  background: #035772;
  background: var(--rs-theme-primary);
}

.comment-item {
  gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .comment-item {
    gap: 10px;
  }
}
.comment-item__reply {
  padding-left: 110px;
  border-bottom: 1px solid #E3E8F4;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .comment-item__reply {
    padding-left: 49px;
  }
}
.comment-item__reply .comment-item__content {
  border-bottom: 0;
}
.comment-item__img {
  min-width: 79px;
  min-height: 79px;
  width: 79px;
  height: 79px;
  border-radius: 500px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .comment-item__img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
}
.comment-item__content {
  border-bottom: 1px solid #E3E8F4;
}
.comment-item__content span {
  display: block;
}
.comment-item__content span.name {
  margin-bottom: 5px;
}
.comment-item__content button {
  color: #035772;
  color: var(--rs-theme-primary);
}

.live-comment-widget__input {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .live-comment-widget__input {
    margin-bottom: 10px;
  }
}
.live-comment-widget__textarea {
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .live-comment-widget__textarea {
    margin-bottom: 5px;
  }
}
.live-comment-widget__form ::-webkit-resizer {
  color: #E3E8F4;
  color: var(--rs-gray-200);
}
.live-comment-widget__form .rs-btn {
  width: 100%;
  margin-top: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .live-comment-widget__form .rs-btn {
    margin-top: 20px;
  }
}
.live-comment-widget__form input, .live-comment-widget__form textarea {
  margin: 0 !important;
}
.live-comment-widget__form input, .live-comment-widget__form textarea {
  padding: 20px 17px;
  border-radius: 5px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  color: #484949;
  color: var(--rs-gray-800);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.live-comment-widget__form input::-moz-placeholder, .live-comment-widget__form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #484949;
  color: var(--rs-gray-800);
}
.live-comment-widget__form input::placeholder, .live-comment-widget__form textarea::placeholder { /* MODERN BROWSER */
  color: #484949;
  color: var(--rs-gray-800);
}
.live-comment-widget__form input {
  height: 80px;
}
.live-comment-widget__form textarea {
  min-height: 202px;
}

/*----------------------------------------*/
/*  6.1 footer
/*----------------------------------------*/
.footer__area-common {
  position: relative;
  z-index: 1;
  padding-top: 145px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__area-common {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common {
    padding-top: 120px;
  }
}
.footer__area-common-pt-163 {
  padding-top: 163px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__area-common-pt-163 {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common-pt-163 {
    padding-top: 145px;
  }
}

.footer__grid {
  display: flex;
  gap: 50px 30px;
  justify-content: space-between;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__grid {
    gap: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__grid {
    flex-wrap: wrap;
  }
}
.footer__logo img {
  max-width: 126px;
}
.footer__content p {
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-size: 16px;
  line-height: 26px;
}
.footer__link ul {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
}
.footer__link ul li {
  list-style: none;
}
.footer__link ul li a {
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-size: 16px;
  position: relative;
  font-weight: normal;
  font-weight: var(--rs-fw-normal);
}
.footer__link ul li a::before {
  position: absolute;
  content: "";
  left: -15px;
  top: calc(50% + 0.5px);
  transform: translateY(-50%);
  width: 0px;
  height: 1px;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.footer__link ul li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.footer__link ul li a:hover::before {
  width: 12px;
}
.footer__social {
  display: flex;
  gap: 20px;
}
.footer__social.socail-border-top {
  border-top: 1px solid rgba(72, 73, 73, 0.4);
  border-top: 1px solid var(--rs-border-secondary);
  position: relative;
}
.footer__social.socail-border-top:after {
  right: -5px;
  top: -3px;
  z-index: 9;
  position: absolute;
  width: 5px;
  height: 5px;
  content: "";
  border-radius: 500px;
  background-color: rgba(72, 73, 73, 0.4);
  background-color: var(--rs-border-secondary);
  animation: popupBtn 1s infinite;
}
.footer__social a {
  overflow: hidden;
  position: relative;
  color: #FFFFFF;
  color: var(--rs-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid #484949;
  border: 1px solid var(--rs-gray-800);
}
.footer__social a::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  transform: translate(-100%, 0) rotate(50deg);
  transform-origin: top left;
  transition: all 0.35s;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
  z-index: -1;
  content: "";
}
.footer__social a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
  transform: translateY(-3px);
}
.footer__social a:hover::before {
  transform: translate(0, 0);
}
.footer__subscribe {
  gap: 9px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__subscribe {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer__subscribe input {
  width: 233px;
  height: 55px;
  background: transparent;
  color: #FFFFFF;
  color: var(--rs-common-white);
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__subscribe input {
    width: 100%;
  }
}
.footer__subscribe input::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.footer__subscribe input::placeholder { /* MODERN BROWSER */
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.footer__subscribe .rs-btn {
  padding: 17px 29px;
}

.footer__main {
  position: relative;
  padding-bottom: 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__main {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .footer__main {
    padding-bottom: 40px;
  }
}

.footer__widget:nth-child(1) {
  max-width: 300px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget:nth-child(1) {
    max-width: 250px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget:nth-child(1) {
    max-width: 100%;
  }
}
.footer__widget:nth-child(2) {
  max-width: 184px;
}
.footer__widget:nth-child(3) {
  max-width: 136px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget:nth-child(3) {
    max-width: 190px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget:nth-child(3) {
    max-width: 100%;
  }
}
.footer__widget:nth-child(4) {
  max-width: 229px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget:nth-child(4) {
    max-width: 100%;
  }
}
.footer__widget-title h4 {
  margin-bottom: 32px;
  font-size: 24px;
  font-size: var(--rs-fs-h4);
  line-height: 34px;
  line-height: var(--rs-lh-h4);
  position: relative;
  z-index: 10;
  padding-bottom: 15px;
  text-transform: capitalize;
  color: #fff;
  color: var(--rs-text-primary);
  font-family: 'avenir', sans-serif;
  font-family: var(--rs-ff-heading);
  border-bottom: 1px solid #035772;
  border-bottom: 1px solid var(--rs-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget-title h4 {
    font-size: 18px;
  }
}
.footer__widget-description p {
  margin-bottom: 0;
  color: #FFFFFF;
  color: var(--rs-common-white);
}

/*----------------------------------------*/
/*  6.2 footer-2
/*----------------------------------------*/
.footer__area-common {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.footer__area-common-2 {
  padding-top: 255px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__area-common-2 {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common-2 {
    padding-top: 120px;
  }
}
.footer__area-common-2 .footer__bottom {
  border-top: 1px solid rgba(72, 73, 73, 0.4);
  border-top: 1px solid var(--rs-border-secondary);
}
.footer__area-common-2 .footer__bottom-wrapper {
  border-top: 0;
}

.footer__widget-2:nth-child(2) {
  max-width: 135px;
}
.footer__widget-2:nth-child(3) {
  max-width: 165px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget-2:nth-child(3) {
    max-width: 190px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-2:nth-child(3) {
    max-width: 100%;
  }
}
.footer__widget-2:nth-child(4) {
  max-width: 174px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget-2:nth-child(4) {
    max-width: 100%;
  }
}
.footer__widget-2:nth-child(4) .footer__link ul {
  max-width: 166px;
}
.footer__widget-2 .footer__widget-title h4 {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 42px;
}
.footer__widget-2 .footer__link ul {
  gap: 20px;
}

.footer__social-md {
  gap: 10px;
}
.footer__social-md a {
  width: 30px;
  height: 30px;
}

/*----------------------------------------*/
/*  6.3 footer-3
/*----------------------------------------*/
.footer__area-common {
  background-size: contain;
}
.footer__area-common-3 {
  background-position: center right;
  padding-top: 94px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common-3 {
    background-image: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__area-common-3 {
    padding-top: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common-3 {
    padding-top: 80px;
  }
}
.footer__area-common-3 .footer__bottom {
  border-top: 1px solid rgba(72, 73, 73, 0.4);
  border-top: 1px solid var(--rs-border-secondary);
}
.footer__area-common-3 .footer__bottom-wrapper {
  border-top: 0;
}

.footer__widget-3:nth-child(1) {
  max-width: 381px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget-3:nth-child(1) {
    max-width: 250px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-3:nth-child(1) {
    max-width: 100%;
  }
}
.footer__widget-3:nth-child(2) {
  max-width: 221px;
}
.footer__widget-3:nth-child(3) {
  max-width: 191px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-3:nth-child(3) {
    max-width: 100%;
  }
}
.footer__widget-3:nth-child(4) {
  max-width: 300px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget-3:nth-child(4) {
    max-width: 100%;
    min-width: 100%;
  }
}
.footer__widget-3:nth-child(4) .footer__link ul {
  max-width: 166px;
}
.footer__widget-3 .footer__widget-title h4 {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 40px;
}
.footer__widget-3 .footer__link ul {
  gap: 10px;
}

.footer__social-xl {
  gap: 10px;
}
.footer__social-xl a {
  border: 0;
  background: #0D2216;
  background: var(--rs-gray-700);
  width: 50px;
  height: 50px;
}

/*----------------------------------------*/
/*  4 footer
/*----------------------------------------*/
.footer__area-common-4 {
  padding-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common-4 {
    padding-top: 60px;
  }
}

.footer__widget-4:nth-child(1) {
  max-width: 381px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget-4:nth-child(1) {
    max-width: 250px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-4:nth-child(1) {
    max-width: 100%;
  }
}
.footer__widget-4:nth-child(2) {
  max-width: 221px;
}
.footer__widget-4:nth-child(3) {
  max-width: 191px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-4:nth-child(3) {
    max-width: 100%;
  }
}
.footer__widget-4:nth-child(4) {
  max-width: 300px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget-4:nth-child(4) {
    max-width: 100%;
    min-width: 100%;
  }
}
.footer__widget-4:nth-child(4) .footer__link ul {
  max-width: 166px;
}
.footer__widget-4 .footer__widget-title h4 {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 40px;
}
.footer__widget-4 .footer__link ul {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr;
}
.footer__widget-4 .footer__link ul li {
  list-style: none;
}
.footer__widget-4 .footer__link ul li a {
  font-size: 16px;
  position: relative;
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-weight: normal;
  font-weight: var(--rs-fw-normal);
}
.footer__widget-4 .footer__link ul li a::before {
  width: 0px;
  height: 1px;
  content: "";
  left: -15px;
  position: absolute;
  top: calc(50% + 0.5px);
  transform: translateY(-50%);
  background-color: #DFF25D;
  background-color: var(--rs-common-yellow);
}
.footer__widget-4 .footer__link ul li a:hover {
  color: #DFF25D;
  color: var(--rs-common-yellow);
}
.footer__widget-4 .footer__link ul li a:hover::before {
  width: 12px;
}
.footer__widget-4 .footer__social a:hover {
  color: #000000;
  color: var(--rs-common-black);
  transform: translateY(-3px);
}
.footer__widget-4 .footer__social a:hover::before {
  transform: translate(0, 0);
  background-color: #DFF25D;
  background-color: var(--rs-common-yellow);
}

/*----------------------------------------*/
/*  5 footer
/*----------------------------------------*/
.footer__area-common-5 {
  padding-top: 88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common-5 {
    padding-top: 60px;
  }
}
.footer__area-common-5 .footer__social a:hover {
  color: #317EFE;
  color: var(--rs-common-blue);
}
.footer__area-common-5 .footer__main {
  border-bottom: 1px solid rgba(72, 73, 73, 0.4);
  border-bottom: 1px solid var(--rs-border-secondary);
}
.footer__area-common-5 .footer__bottom-wrapper {
  border-top: none;
}

.footer__widget-5:nth-child(1) {
  max-width: 381px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget-5:nth-child(1) {
    max-width: 250px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-5:nth-child(1) {
    max-width: 100%;
  }
}
.footer__widget-5:nth-child(2) {
  max-width: 221px;
}
.footer__widget-5:nth-child(3) {
  max-width: 191px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-5:nth-child(3) {
    max-width: 100%;
  }
}
.footer__widget-5:nth-child(4) {
  max-width: 300px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget-5:nth-child(4) {
    max-width: 100%;
    min-width: 100%;
  }
}
.footer__widget-5:nth-child(4) .footer__link ul {
  max-width: 166px;
  gap: 20px;
}
.footer__widget-5 .footer__widget-title h4 {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 40px;
}
.footer__widget-5 .footer__social a:hover {
  color: #317EFE;
  color: var(--rs-common-blue);
  transform: translateY(-3px);
}
.footer__widget-5 .footer__link ul {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr;
}
.footer__widget-5 .footer__link ul li {
  list-style: none;
}
.footer__widget-5 .footer__link ul li a {
  font-size: 16px;
  position: relative;
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-weight: normal;
  font-weight: var(--rs-fw-normal);
}
.footer__widget-5 .footer__link ul li a::before {
  width: 0px;
  height: 1px;
  content: "";
  left: -15px;
  position: absolute;
  top: calc(50% + 0.5px);
  transform: translateY(-50%);
  background-color: #317EFE;
  background-color: var(--rs-common-blue);
}
.footer__widget-5 .footer__link ul li a:hover {
  color: #317EFE;
  color: var(--rs-common-blue);
}
.footer__widget-5 .footer__link ul li a:hover::before {
  width: 12px;
}

/*----------------------------------------*/
/*  6.4 footer-copyright
/*----------------------------------------*/
.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
  gap: 10px 30px;
}
.footer__bottom-wrapper {
  border-top: 1px solid rgba(72, 73, 73, 0.4);
  border-top: 1px solid var(--rs-border-secondary);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__bottom {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.footer__copyright p {
  margin-bottom: 0;
  font-weight: var(--font-fw-normal);
  color: rgba(227, 232, 244, 0.7);
}
.footer__copyright p a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.footer__copyright-2 p {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.footer__copyright-4 p a:hover {
  color: #DFF25D;
  color: var(--rs-common-yellow);
}
.footer__copyright-5 p {
  font-family: var(--rs-ff-rubik);
  font-weight: 400;
  font-weight: var(--rs-fw-regular);
}
.footer__copyright-5 p a {
  font-weight: 400;
  font-weight: var(--rs-fw-regular);
}
.footer__copyright-5 p a:hover {
  color: #317EFE;
  color: var(--rs-common-blue);
}

.footer__copyright-menu ul {
  display: flex;
  gap: 38px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__copyright-menu ul {
    gap: 5px 10px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer__copyright-menu ul li {
  list-style: none;
}
.footer__copyright-menu ul li a {
  color: rgba(227, 232, 244, 0.7);
  font-size: 16px;
  font-size: var(--rs-fs-body);
  line-height: 26px;
  line-height: var(--rs-lh-body);
  position: relative;
  font-weight: normal;
  font-weight: var(--rs-fw-normal);
}
.footer__copyright-menu ul li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.footer__copyright-menu-2 ul li a {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.footer__copyright-menu-4 ul {
  gap: 34px;
}
.footer__copyright-menu-4 ul li a {
  opacity: 0.7;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.footer__copyright-menu-4 ul li a:hover {
  color: #DFF25D;
  color: var(--rs-common-yellow);
}
.footer__copyright-menu-5 ul li a {
  opacity: 0.72;
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-family: var(--rs-ff-rubik);
}
.footer__copyright-menu-5 ul li a:hover {
  color: #317EFE;
  color: var(--rs-common-blue);
}

/*----------------------------------------*/
/*  8.1 brand
/*----------------------------------------*/
.brand__thumb img {
  cursor: pointer;
  height: auto;
  width: auto;
  opacity: 0.5;
}
.brand__thumb:hover img {
  opacity: 1;
}

.brand__active .swiper-wrapper {
  align-items: center;
}

/*----------------------------------------*/
/* 8.1 404
/*----------------------------------------*/
.error__content h1 {
  font-size: 174.159px;
  font-style: normal;
  font-weight: 600;
  line-height: 203.186px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error__content h1 {
    font-size: 150px;
    line-height: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error__content h1 {
    font-size: 140px;
    line-height: 170px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error__content h1 {
    font-size: 120px;
    line-height: 140px;
  }
}
@media (max-width: 575px) {
  .error__content h1 {
    font-size: 100px;
    line-height: 120px;
  }
}
@media (max-width:450px) {
  .error__content h1 {
    font-size: 80px;
    line-height: 100px;
  }
}
.error__content a {
  color: #035772;
  color: var(--rs-theme-primary);
  text-decoration: underline;
}
.error__content a:hover {
  color: #035772;
  color: var(--rs-heading-primary);
}
.error__search {
  width: 530px;
  max-width: 100%;
  margin-left: auto;
  height: 55px;
  margin-right: auto;
  border-radius: 5px;
}
.error__search input {
  height: 100%;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  color: #484949;
  color: var(--rs-gray-800);
}
.error__search input::-moz-placeholder { /* Firefox 19+ */
  color: #484949;
  color: var(--rs-gray-800);
}
.error__search input::placeholder { /* MODERN BROWSER */
  color: #484949;
  color: var(--rs-gray-800);
}
.error__search .rs-btn {
  height: 100%;
  padding: 17px 46.7px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error__search .rs-btn {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 575px) {
  .error__search .rs-btn {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width:450px) {
  .error__search .rs-btn {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.error__search .rs-btn:before {
  background-color: #035772;
  background-color: var(--rs-heading-primary);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.error__search .rs-btn:hover {
  color: #FFFFFF;
  color: var(--rs-common-white);
}

/**/
/*----------------------------------------*/
/*  8.2 faq
/*----------------------------------------*/
.rs__faq .accordion-button {
  font-size: 18px;
  font-size: var(--rs-fs-h5);
  line-height: 22px;
  line-height: var(--rs-lh-h5);
  color: #035772;
  color: var(--rs-heading-primary);
  font-weight: 500;
  font-weight: var(--rs-fw-medium);
  background: transparent;
  padding: 25px 0;
  padding-right: 50px;
  display: inline-block;
}
.rs__faq .accordion-button:focus {
  box-shadow: none;
}
.rs__faq .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.rs-theme-light .rs__faq .accordion-button:not(.collapsed) {
  background: var(--rs-bg-10);
}
.rs__faq .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.rs__faq .accordion-button::after {
  position: absolute;
  right: 30px;
  content: "+";
  background-image: none;
  font-family: var(--rs-ff-fontawesome);
  font-size: 16px;
  top: calc(50% - 6px);
  font-weight: 400;
  text-align: center;
  color: #035772;
  color: var(--rs-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rs__faq .accordion-button::after {
    right: 25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs__faq .accordion-button::after {
    left: 20px;
  }
}
.rs__faq .accordion-body {
  padding-top: 0;
  padding-bottom: 50px;
  padding-right: 50px;
}
.rs__faq .accordion-body > P {
  margin-bottom: 0;
}
.rs__faq .accordion-item {
  border: 0;
  background: transparent;
}
.rs__faq .accordion-item:first-child {
  border-top: 1px solid #E3E8F4 !important;
  border-top: 1px solid var(--rs-gray-200) !important;
}
.rs__faq .accordion-item:nth-child(odd) {
  border-bottom: 1px solid #E3E8F4 !important;
  border-bottom: 1px solid var(--rs-gray-200) !important;
}
.rs__faq .accordion-item:nth-child(even) {
  border-bottom: 1px solid #E3E8F4 !important;
  border-bottom: 1px solid var(--rs-gray-200) !important;
}
.rs__faq .accordion {
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rs__faq .accordion {
    -moz-columns: 1;
         columns: 1;
  }
}

/*faq-section-start*/
.question__content {
  max-width: 402px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .question__content {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .question__content {
    max-width: 100%;
    margin-bottom: 40px;
  }
}
.question__content p {
  margin-bottom: 0;
  line-height: 30px;
  color: #616670;
  color: var(--rs-gray-600);
  font-family: var(--rs-ff-rubik);
}

.faq .faq-button {
  width: 100%;
  display: flex;
  padding: 17px 20px;
  position: relative;
  padding-right: 50px;
  border-radius: 75px;
  font-size: 24px;
  font-size: var(--rs-fs-h4);
  line-height: 34px;
  line-height: var(--rs-lh-h4);
  font-weight: 500;
  font-weight: var(--rs-fw-medium);
  color: #121212;
  color: var(--rs-common-black-2);
  align-items: center;
  border: 1px solid rgba(0, 29, 8, 0.1);
}
@media (max-width: 575px) {
  .faq .faq-button {
    padding: 10px 20px;
    padding-right: 35px;
  }
}
.faq .faq-button:focus {
  box-shadow: none;
}
.faq .faq-button::after {
  right: 30px;
  content: "\f105";
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  position: absolute;
  transition: 0.3s;
  color: #121212;
  color: var(--rs-common-black-2);
  font-family: "Font Awesome 5 Pro";
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .faq-button::after {
    right: 25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq .faq-button::after {
    right: 20px;
  }
}
.faq .faq-body {
  padding-top: 0;
  padding-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq .faq-body {
    padding-right: 0px;
  }
}
.faq .faq-body > P {
  margin-bottom: 0;
  margin-top: 13px;
  color: #484949;
  color: var(--rs-gray-800);
  margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq .faq-body > P {
    margin-left: 10px;
  }
}
.faq .faq-item:not(:last-child) {
  margin-bottom: 30px;
}
.faq .faq-header {
  border-radius: 5px;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.faq .faq-header .faq-button {
  text-align: left;
}
@media (max-width: 575px) {
  .faq .faq-header .faq-button {
    font-size: 17px;
    line-height: 22px;
  }
}
.faq .faq-header[aria-expanded=true] {
  border-color: transparent;
  background-color: white;
}
.faq .faq-header[aria-expanded=true] .faq-button {
  color: white;
}
.faq .faq-header[aria-expanded=true] .faq-button {
  background: #317EFE;
  background: var(--rs-common-blue);
}
.faq .faq-header[aria-expanded=true] .faq-button::after {
  rotate: -90deg;
  color: #FFFFFF;
  color: var(--rs-common-white);
}

/*----------------------------------------*/
/*  8.3 feedback
/*----------------------------------------*/
.feedback__content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.feedback__item {
  padding: 30px 40px;
  margin-bottom: 13px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: #FFFFFF;
  background: var(--rs-common-white);
  box-shadow: 0px 4px 13px -2px rgba(19, 16, 34, 0.06), 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback__item {
    padding: 20px 18px;
  }
}
.feedback__item__home {
  overflow: hidden;
  z-index: 1;
  border-color: rgba(73, 72, 72, 0.2);
  background: #00160A;
  background: var(--rs-gray-900);
  position: relative;
}
.feedback__item__home:after {
  width: 100%;
  background-position: bottom;
  height: 12px;
  z-index: -1;
  background-repeat: no-repeat;
  background-image: url(/Images/border-bottom.png);
  position: absolute;
  content: "";
  background-size: cover;
  bottom: 0;
  left: 0;
  transform: translate(100%, 0);
}
.feedback__item__home .feedback__item-content p {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.feedback__item__home .feedback__item-info h4, .feedback__item__home .feedback__item-info span {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.feedback__item__home:hover {
  border-color: transparent !important;
}
.feedback__item__home:hover:after {
  transform: translate(0, 0);
}
.feedback__item:hover {
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}
.feedback__item-qoute {
  display: flex;
  gap: 8px;
  flex-direction: row;
}
.feedback__item-qoute i {
  color: #FFBA08;
}
.feedback__item-thumb {
  border-radius: 500px;
  overflow: hidden;
}
.feedback__active {
  max-width: 1800px;
  padding-left: 15px;
  padding-right: 15px;
}

/*----------------------------------------*/
/*  8.4 portfolio
/*----------------------------------------*/
.portfolio__area .mb-minus-30 {
  margin-bottom: -30px;
}

.portfolio__item {
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.portfolio__item:hover .portfolio__item-text:after {
  top: 0;
}
.portfolio__item:hover .portfolio__item-text span, .portfolio__item:hover .portfolio__item-text h4 {
  opacity: 1;
}
.portfolio__item:hover img {
  transform: scale(1.2);
}
.portfolio__item-text {
  padding: 30px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 5px;
}
.portfolio__item-text span, .portfolio__item-text h4 {
  opacity: 0;
}
.portfolio__item-text span:hover, .portfolio__item-text h4:hover {
  color: #00160A;
  color: var(--rs-gray-900);
}
@media (max-width: 575px) {
  .portfolio__item-text span {
    margin-bottom: 5px;
  }
}
@media (max-width: 575px) {
  .portfolio__item-text h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
.portfolio__item-text:after {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  content: "";
  background: linear-gradient(180deg, rgba(0, 213, 99, 0) 0%, rgba(0, 213, 99, 0.86) 100%);
}

/*----------------------------------------*/
/*  8.5 pricing
/*----------------------------------------*/
.pricing__toggler_button .rs-btn {
  border-radius: 45px;
  font-size: 18px;
  font-size: var(--rs-fs-h5);
  line-height: 22px;
  line-height: var(--rs-lh-h5);
  font-weight: 500;
  font-weight: var(--rs-fw-medium);
  padding: 16.5px 36px;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
  color: #035772;
  color: var(--rs-heading-primary);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(227, 232, 244, 0.2);
}
.pricing__toggler_button .rs-btn.active {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.pricing__toggler_button .rs-btn.active::before {
  transform: translate(0, 0);
}
.pricing__toggler_button .rs-btn:hover {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.pricing__toggler_button .rs-btn:first-child {
  padding-right: 29px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}
.pricing__toggler_button .rs-btn:first-child:before {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.pricing__toggler_button .rs-btn:last-child {
  padding-left: 29px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 0;
}
.pricing__toggler_button .rs-btn:last-child:before {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.pricing .mb-minus-30 {
  margin-bottom: -30px;
}

.pricing-card {
  position: relative;
  border-radius: 5px;
  border: 2px solid #E3E8F4;
  border: 2px solid var(--rs-gray-200);
  padding: 40px 50px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-card {
    padding: 35px 30px;
  }
}
.pricing-card-popular .price-bg {
  z-index: 1;
  position: relative;
}
.pricing-card-popular .price-bg:after {
  width: 200% !important;
}
.pricing-card-popular .price-bg:after {
  top: 0;
  height: 100%;
  position: absolute;
  left: -50px;
  content: "";
  z-index: -1;
  background-color: #F9F9F9;
  background-color: var(--rs-gray-100);
}
.pricing-card-price.price-bg {
  z-index: 1;
  position: relative;
}
.pricing-card-price.price-bg:after {
  top: 0;
  width: calc(100% + 67px);
  height: 100%;
  position: absolute;
  left: -50px;
  content: "";
  z-index: -1;
  background-image: url(/fonts/pricing-bg.svg);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}
.pricing-card-price span:not(:first-child) {
  font-size: 16px;
  font-size: var(--rs-fs-body);
  line-height: 26px;
  line-height: var(--rs-lh-body);
}
.pricing-card-body ul {
  display: flex;
  list-style: none;
  flex-direction: column;
  gap: 16px;
}
.pricing-card-body ul li {
  position: relative;
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 18px;
  font-size: var(--rs-fs-h5);
  line-height: 22px;
  line-height: var(--rs-lh-h5);
  display: flex;
  align-items: center;
}
[dir="ltr"] .pricing-card-body ul li:before {
  margin-right: 10px;
}
[dir="rtl"] .pricing-card-body ul li:before {
  margin-left: 10px;
}
.pricing-card-body ul li:before {
  color: #035772;
  color: var(--rs-theme-primary);
  content: "\f101";
  font-size: 14px;
  font-family: var(--rs-ff-fontawesome);
  font-weight: 900;
  display: inline-block;
}
.pricing-card-button {
  padding: 18px 20px;
  width: 100%;
  background: transparent;
  color: #00160A;
  color: var(--rs-gray-900);
  border: 2px solid #E3E8F4;
  border: 2px solid var(--rs-gray-200);
}
.pricing-card-button:before {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.pricing-card-button span svg path[fill=white] {
  fill: #00160A;
  fill: var(--rs-gray-900);
}
.pricing-card-button:hover {
  border-color: transparent;
}
.pricing-card-button:hover span svg path[fill=white] {
  fill: #FFFFFF;
  fill: var(--rs-common-white);
}
.pricing-card__top-bar {
  position: relative;
}
.pricing-card__top-bar span {
  display: block;
  font-size: 14px;
  font-size: var(--rs-fs-body2);
  line-height: 17px;
  line-height: var(--rs-lh-body2);
  font-weight: 700;
  font-weight: var(--rs-fw-bold);
  z-index: 1;
  position: absolute;
  top: -2px;
  right: -10px;
  transform: rotate(270deg);
}
.pricing-card__top-bar span:after {
  top: -11.55555px;
  width: 105.328px;
  height: 39.273px;
  position: absolute;
  left: -24px;
  content: "";
  z-index: -1;
  background-image: url(/fonts/popular-bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.pricing-card__top-bar span:before {
  top: -11.55555px;
  width: 999%;
  height: 39.273px;
  position: absolute;
  left: 0;
  content: "";
  z-index: -1;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/* 8.6 service
/*----------------------------------------*/
.service-area .mb-minus-79 {
  margin-bottom: -79px;
}

.service-item {
  margin-bottom: 79px;
  padding: 40px;
  border-radius: 5px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  background: var(--ss-common-white);
}
.service-item:hover {
  transform: translate(0, 19px);
  border: 1px solid #035772;
  border: 1px solid var(--rs-theme-primary);
}
.service-item:hover .service-item__icon {
  background: #035772;
  background: var(--rs-theme-primary);
}
.service-item:hover .service-item__icon svg path[fill="#00D563"] {
  fill: #FFFFFF;
  fill: var(--rs-common-white);
}
.service-item__icon {
  width: 105px;
  height: 105px;
  overflow: hidden;
  background: #F9F9F9;
  background: var(--rs-gray-100);
  border-radius: 500px;
}
.service-item .title {
  text-transform: capitalize;
}
.service-item a h4:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.service-item .readmore {
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.service-item .readmore:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.service-item .readmore i {
  line-height: inherit;
}

.subscribe__area.mb-minus-114 {
  margin-bottom: -114px;
}
.subscribe__wrapper {
  position: relative;
  z-index: 2;
  gap: 30px;
  padding: 56px 42px;
  padding-right: 40px;
  border-radius: 5px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .subscribe__wrapper {
    padding: 40px 38px;
  }
}
@media (max-width: 575px) {
  .subscribe__wrapper {
    padding: 30px 20px;
  }
}
.subscribe__content {
  gap: 27px;
}
@media (max-width: 575px) {
  .subscribe__content {
    flex-direction: column;
  }
}
.subscribe__content h2 {
  display: flex;
  max-width: 480px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .subscribe__content h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe__content h2 {
    max-width: 100%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .subscribe__content h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.subscribe__content img {
  height: 100px;
  width: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe__content img {
    width: 60px;
    height: 60px;
  }
}
.subscribe__form {
  width: 550px;
  max-width: 100%;
  height: 76px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe__form {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .subscribe__form {
    height: inherit;
    width: inherit;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
  }
}
.subscribe__form input {
  width: 100%;
  border-radius: 5px;
  background-color: transparent;
  height: 100%;
  padding: 25px 24px;
  padding-right: 185px;
  border: 2px solid rgba(227, 232, 244, 0.7);
}
.subscribe__form input::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.subscribe__form input::placeholder { /* MODERN BROWSER */
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .subscribe__form input {
    padding-right: 165px;
  }
}
@media (max-width: 575px) {
  .subscribe__form input {
    padding: 20px;
    width: 100%;
  }
}
.subscribe__form button {
  right: 8px;
  top: calc(50% - 30px);
  position: absolute;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .subscribe__form button {
    padding: 20px 20px;
  }
}
@media (max-width: 575px) {
  .subscribe__form button {
    position: relative;
  }
}

.contact__area {
  z-index: 1;
  position: relative;
}
.contact__background-shpae {
  position: absolute;
  width: 100%;
  content: "";
  height: 1000%;
  z-index: -1;
  top: 0;
  left: 0;
  background-repeat: repeat-y;
  background-position: left center;
}
.contact__content {
  max-width: 625px;
}
.contact__input {
  margin-bottom: 30px;
}
.contact__form__white input, .contact__form__white textarea {
  border-color: rgba(227, 232, 244, 0.2) !important;
  color: #FFFFFF !important;
  color: var(--rs-common-white) !important;
}
.contact__form__white input, .contact__form__white textarea {
  background: #00160A;
  background: var(--rs-gray-900);
}
.contact__form__white input::-moz-placeholder, .contact__form__white textarea::-moz-placeholder {
  color: #FFFFFF !important;
  color: var(--rs-common-white) !important;
}
.contact__form__white input::-moz-placeholder, .contact__form__white textarea::-moz-placeholder { /* Firefox 19+ */
}
.contact__form__white input::placeholder, .contact__form__white textarea::placeholder {
  color: #FFFFFF !important;
  color: var(--rs-common-white) !important;
}
.contact__form__white input::-moz-placeholder, .contact__form__white textarea::-moz-placeholder { /* MODERN BROWSER */
}
.contact__form__white input::placeholder, .contact__form__white textarea::placeholder { /* MODERN BROWSER */
}
.contact__form ::-webkit-resizer {
  color: #E3E8F4;
  color: var(--rs-gray-200);
}
.contact__form .rs-btn {
  width: 100%;
  margin-top: 25px;
}
.contact__form input {
  height: 65px;
}
.contact__form input, .contact__form textarea {
  margin: 0 !important;
}
.contact__form input, .contact__form textarea {
  padding: 20px 30px;
  border-radius: 5px;
  border: 2px solid #E3E8F4;
  border: 2px solid var(--rs-gray-200);
  color: #484949;
  color: var(--rs-gray-800);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.contact__form input::-moz-placeholder, .contact__form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #484949;
  color: var(--rs-gray-800);
}
.contact__form input::placeholder, .contact__form textarea::placeholder { /* MODERN BROWSER */
  color: #484949;
  color: var(--rs-gray-800);
}
.contact__form textarea {
  min-height: 130px;
}
.contact__media {
  margin-left: 30px;
  margin-right: -315px;
  margin-bottom: -120px;
}
.contact__media__home-2 {
  border-radius: 5px;
  overflow: hidden;
  margin-right: -316px;
  margin-top: -228px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact__media__home-2 {
    margin-right: -392px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact__media {
    margin-right: -388px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact__media {
    margin: 40px auto 0;
    width: 500px;
    max-width: 100%;
  }
}

/*----------------------------------------*/
/*  8.7 about
/*----------------------------------------*/
.our-team__content {
  max-width: 564px;
  margin-left: auto;
  margin-right: auto;
}
.our-team__item {
  overflow: hidden;
  border-radius: 5px;
  background: transparent;
  position: relative;
  z-index: 1;
}
.our-team__item:after {
  width: 100%;
  background-position: bottom;
  height: 12px;
  z-index: 0;
  background-repeat: no-repeat;
  background-image: url(/Images/border-bottom.png);
  position: absolute;
  content: "";
  bottom: 0;
  background-size: cover;
  left: 0;
  transform: translate(100%, 0);
}
.our-team__item__home .social-media.social-media-2.border-radius-none a {
  border-radius: 5px;
  border: 1px solid rgba(227, 232, 244, 0.1);
  color: #FFFFFF;
  color: var(--rs-common-white);
  background: #0D2216;
  background: var(--rs-gray-700);
}
.our-team__item__home .social-media.social-media-2.border-radius-none a:hover {
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}
.our-team__item__home .our-team__item-content {
  background: #0D2216;
  background: var(--rs-gray-700);
}
.our-team__item__home .our-team__item-content h4, .our-team__item__home .our-team__item-content span {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.our-team__item:hover {
  border-radius: 5px;
}
.our-team__item:hover:after {
  transform: translate(0, 0);
}
.our-team__item:hover img {
  transform: scale(1.2);
}
.our-team__item-media {
  width: 100%;
  overflow: hidden;
}
.our-team__item-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-team__item-content {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #F9F9F9;
  background-color: var(--rs-gray-100);
  padding: 20px 15px 40px;
}
.our-team__item a:hover h4 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.our-team__item .social-media {
  gap: 24px;
}
.our-team__item .social-media.border-radius-none a {
  border-radius: 0px;
}
.our-team__item .social-media.border-radius-none a:before {
  border-radius: 0px;
}
.our-team__item .social-media a {
  width: 35px;
  height: 35px;
  font-size: 14px;
  border-color: #E3E8F4;
  border-color: var(--rs-gray-200);
}
.our-team__carousel {
  position: relative;
}
.our-team__nav-pre {
  left: -150px;
  width: 1590px;
  z-index: 1;
  top: calc(50% - 30px);
  position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .our-team__nav-pre {
    width: 1440px;
    left: -74px;
  }
}
@media (max-width: 1450px) {
  .our-team__nav-pre {
    position: inherit;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    top: inherit;
    left: inherit;
  }
}
.our-team__navigation {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 1450px) {
  .our-team__navigation {
    justify-content: center;
  }
}
.our-team__navigation__home .our-team__slider-button-prev, .our-team__navigation__home .our-team__slider-button-next {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.our-team__navigation__home .our-team__slider-button-prev:hover, .our-team__navigation__home .our-team__slider-button-next:hover {
  border-color: #035772;
  border-color: var(--rs-theme-primary);
  background-color: #035772;
  background-color: var(--rs-heading-primary);
}
.our-team__slider-button-next, .our-team__slider-button-prev {
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  justify-content: center;
  border-radius: 500px;
  color: #035772;
  color: var(--rs-theme-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.our-team__slider-button-next:hover, .our-team__slider-button-prev:hover {
  background-color: #035772;
  background-color: var(--rs-theme-primary);
  color: #FFFFFF;
  color: var(--rs-common-white);
  border-color: transparent;
}

.work-progress__item {
  gap: 30px;
  padding: 28px 15px 32px;
  border-radius: 5px;
}
.work-progress__item .title {
  margin-bottom: 5px;
}
.work-progress__item p {
  margin-bottom: 0;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us .mt-80 {
    margin-top: 0;
  }
}
.about-us__content .description p {
  margin-bottom: 0;
}
.about-us__content-list {
  gap: 34px;
  list-style: none;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us__content-list {
    gap: 20px;
  }
}
.about-us__content-list li {
  padding-left: 43px;
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 18px;
  font-size: var(--rs-fs-h5);
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  line-height: var(--rs-lh-h5);
  position: relative;
}
.about-us__content-list li:after {
  left: 0;
  color: #035772;
  color: var(--rs-theme-primary);
  font-family: var(--rs-ff-fontawesome);
  content: "\f00c";
  position: absolute;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  top: calc(50% - 11px);
}
.about-us__experience-box {
  padding: 30px;
  bottom: 56px;
  left: -70px;
  position: absolute;
  z-index: 1;
  border-radius: 5px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us__experience-box {
    left: 0px;
    padding: 20px;
    bottom: 20px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us__experience-box h5 {
    font-size: 14px;
  }
}
.about-us__experience-box:after {
  z-index: -1;
  position: absolute;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  left: -6px;
  content: "";
  top: 6px;
  border: 2px dashed #FFFFFF;
  border: 2px dashed var(--rs-common-white);
}
.about-us__media .img {
  position: relative;
  width: 617px;
  z-index: 1;
  margin-left: auto;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us__media .img {
    max-width: 100%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us__media .img {
    margin-right: auto;
    margin-top: 50px;
  }
}
.about-us__media .img .circle-image {
  top: -82px;
  left: -80px;
  content: "";
  width: 231.097px;
  height: 214.742px;
  opacity: 0.75;
  position: absolute;
  z-index: -1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us__media .img .circle-image {
    display: none;
  }
}
.about-us__media .img .circle-bg {
  bottom: -20px;
  left: -20px;
  content: "";
  width: 476px;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  height: 563px;
  border-radius: 5px;
  background: #035772;
  background: var(--rs-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us__media .img .circle-bg {
    width: 300px;
    height: 400px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us__media .img .circle-bg {
    width: 150px;
    height: 150px;
  }
}
.about-us__media .img img {
  border-radius: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__area .section__title-wrapper {
    margin-bottom: 30px;
  }
}
.work-process__description {
  margin-left: auto;
  max-width: 520px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__description {
    max-width: 100%;
  }
}
.work-process__description p {
  margin: 0;
}
.work-process__item {
  overflow: hidden;
  max-width: 632px;
  position: relative;
  padding: 40px 95px;
  gap: 49px;
  border-radius: 5px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  background: #F9F9F9;
  background: var(--rs-gray-100);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work-process__item {
    padding: 30px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item {
    padding: 20px 30px;
    max-width: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item {
    align-items: self-start !important;
  }
  .work-process__item {
    padding: 20px;
    padding-right: 45px;
    max-width: 100%;
    flex-direction: column;
    gap: 0;
  }
}
.work-process__item__home {
  border: 1px solid #484949;
  border: 1px solid var(--rs-gray-800);
  background: #00160A;
  background: var(--rs-gray-900);
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work-process__item__home {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item__home {
    padding-left: 15px;
  }
}
.work-process__item__home .work-process__item-icon {
  display: flex;
  align-items: center;
  gap: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work-process__item__home .work-process__item-icon {
    gap: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item__home .work-process__item-icon {
    gap: 10px;
  }
}
.work-process__item__home .work-process__item-icon span {
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.work-process__item__home .work-process__item-heading h4 {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.work-process__item__home .work-process__item-body p {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.work-process__item__home .work-process__item-body button {
  background: rgba(72, 73, 73, 0.4);
}
.work-process__item.active {
  max-width: 100% !important;
}
.work-process__item.active p {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item.active p {
    height: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item.active .work-process__item-body {
    height: auto;
  }
}
.work-process__item.active button {
  background: #035772;
  background: var(--rs-theme-primary);
}
.work-process__item.active button i {
  transform: rotate(180deg);
}
.work-process__item-wrapper {
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item-wrapper {
    gap: 20px;
  }
}
.work-process__item-header {
  gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item-header {
    gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item-icon img {
    max-width: 40px;
  }
}
@media (max-width: 575px) {
  .work-process__item-icon img {
    max-width: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .work-process__item-heading h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .work-process__item-heading h4 {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 575px) {
  .work-process__item-heading h4 {
    font-size: 16px;
    line-height: 24px;
  }
}
.work-process__item-body {
  overflow: hidden;
  margin-left: auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item-body {
    height: 0;
    margin-left: inherit;
  }
}
.work-process__item-body p {
  margin: 0;
  width: 588px;
  position: absolute;
  left: 557px;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .work-process__item-body p {
    width: 470px;
    left: 530px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work-process__item-body p {
    width: 360px;
    left: 462px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item-body p {
    width: 294px;
    left: 320px;
    line-height: 20px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item-body p {
    position: inherit;
    height: 0;
    margin-top: 10px;
    width: 100%;
  }
}
.work-process__item-body button {
  right: 0;
  position: absolute;
  width: 92px;
  height: 100%;
  border-radius: 5px;
  background: #035772;
  background: var(--rs-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item-body button {
    width: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item-body button {
    top: 0;
    width: 35px;
  }
}
.work-process__item-body button i {
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-size: 24px;
  font-weight: 900;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-process__item-body button i {
    font-size: 20px;
  }
}
.work-process__item-body button:hover, .work-process__item-body button.active {
  background: #035772;
  background: var(--rs-theme-primary);
}

.brand__home {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1650px;
}

/*----------------------------------------*/
/*  8.8 contact-us
/*----------------------------------------*/
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-us__form {
    margin-bottom: 50px;
  }
}
.contact-us__widget:last-child {
  margin-bottom: 0;
}
.contact-us__widget-title {
  display: inline-block;
  position: relative;
}
.contact-us__widget-title:after {
  width: 70%;
  position: absolute;
  height: 1px;
  content: "";
  left: 0;
  bottom: -10px;
  background: #484949;
}
.contact-us__widget .map {
  height: 288px;
  border-radius: 5px;
  overflow: hidden;
}
.contact-us__widget .map .place-card-large {
  display: none !important;
}
.contact-us__widget .map iframe {
  max-width: 100%;
}
.contact-us__widget ul {
  display: flex;
  flex-direction: column;
  max-width: 300px;
  gap: 32px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-us__widget ul {
    gap: 15px;
  }
}
.contact-us__widget ul li {
  list-style: none;
}
.contact-us__widget ul li a {
  display: flex;
  align-items: center;
  gap: 22px;
}
.contact-us__widget ul li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.contact-us__widget ul li a i {
  color: #035772;
  color: var(--rs-theme-primary);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.contact-us__input {
  margin-bottom: 30px;
}
.contact-us__form ::-webkit-resizer {
  color: #E3E8F4;
  color: var(--rs-gray-200);
}
.contact-us__form .rs-btn {
  width: 100%;
  margin-top: 25px;
}
.contact-us__form input, .contact-us__form textarea {
  margin: 0 !important;
}
.contact-us__form input, .contact-us__form textarea {
  padding: 20px 17px;
  border-radius: 5px;
  border: 2px solid #E3E8F4;
  border: 2px solid var(--rs-gray-200);
  color: #484949;
  color: var(--rs-gray-800);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.contact-us__form input::-moz-placeholder, .contact-us__form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #484949;
  color: var(--rs-gray-800);
}
.contact-us__form input::placeholder, .contact-us__form textarea::placeholder { /* MODERN BROWSER */
  color: #484949;
  color: var(--rs-gray-800);
}
.contact-us__form textarea {
  min-height: 206px;
}

.contact-us-1__content {
  max-width: 625px;
}
.contact-us-1__content .section__subtitle {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.contact-us-1__content .section__title {
  margin-bottom: 0;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-us-1__form {
    margin-bottom: 50px;
  }
}
.contact-us-1__input {
  margin-bottom: 30px;
}
.contact-us-1__form ::-webkit-resizer {
  color: #E3E8F4;
  color: var(--rs-gray-200);
}
.contact-us-1__form .rs-btn {
  margin-top: 25px;
}
.contact-us-1__form input, .contact-us-1__form textarea {
  margin: 0 !important;
}
.contact-us-1__form input, .contact-us-1__form textarea {
  height: 65px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  font-style: normal;
  padding: 20px 17px;
  color: #FFFFFF;
  color: var(--rs-common-white);
  background-color: transparent;
  border-radius: 5px;
}
.contact-us-1__form input::-moz-placeholder, .contact-us-1__form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.contact-us-1__form input::placeholder, .contact-us-1__form textarea::placeholder { /* MODERN BROWSER */
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media (max-width: 575px) {
  .contact-us-1__form input, .contact-us-1__form textarea {
    height: 55px;
    font-size: 15px;
  }
}
.contact-us-1__form textarea {
  min-height: 130px;
}
@media (max-width: 575px) {
  .contact-us-1__form textarea {
    min-height: 110px;
  }
}
.contact-us-1__media {
  margin-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-us-1__media {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-us-1__media {
    display: flex;
    margin-left: 0;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-us-1__media img {
    max-width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-1__media img {
    max-width: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-us-1__media img {
    max-width: 250px;
  }
}
@media (max-width: 575px) {
  .contact-us-1__media img {
    max-width: 200px;
  }
}

.rr-maps {
  width: 100%;
  height: 450px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .rr-maps {
    height: 350px;
  }
}
.rr-maps iframe {
  width: 100%;
  border: 0;
  height: 100%;
}

/*----------------------------------------*/
/*  8.9 service-details
/*----------------------------------------*/
.service-details__content h1, .service-details__content h2, .service-details__content h3, .service-details__content h4, .service-details__content h5, .service-details__content h6 {
  color: #035772;
  color: var(--rs-heading-primary);
  margin-bottom: 30px;
}
.service-details__content p {
  margin-bottom: 30px;
}
.service-details__content p:last-child {
  margin-bottom: 0;
}
.service-details__content .media {
  border-radius: 5px;
  overflow: hidden;
}
.service-details__content ul {
  display: flex;
  gap: 15px;
  flex-direction: column;
  padding-left: 18px;
}

.ssd-card {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
  align-items: center;
  justify-content: center;
}
.ssd-card .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 5px;
  background: #035772;
  background: var(--rs-theme-primary);
  box-shadow: 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03), 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06);
}
.ssd-card .icon img {
  max-width: 40px;
}
.ssd-card p {
  margin: 0;
}

.what-do-next {
  margin-bottom: 40px;
  gap: 30px;
  display: flex;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .what-do-next {
    flex-direction: column;
  }
}
.what-do-next-item {
  margin-bottom: 20px;
  padding: 10px;
  padding-right: 48px;
  gap: 20px;
  display: inline-flex;
  align-items: center;
  border-radius: 0px 5px 5px 5px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--gray-200, #E3E8F4);
  background: #FFF;
  background: var(--White, #FFF);
}
.what-do-next-item__icon img {
  width: 40px;
}
.what-do-next-item p {
  margin: 0;
}

.service-information__item {
  max-width: 387px;
}
.service-information__item-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px 30px;
  gap: 40px 30px;
}
@media (max-width: 575px) {
  .service-information__item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.service-information__item h5 {
  gap: 15px;
  display: flex;
  margin-bottom: 24px;
  align-items: center;
  color: #484949;
  color: var(--rs-gray-800);
}
.service-information__item h5 i {
  color: #035772;
  color: var(--rs-theme-primary);
}
.service-information__item p {
  margin: 0;
}

/*----------------------------------------*/
/*  8.10 project-details
/*----------------------------------------*/
.project-details__block {
  padding: 40px 50px;
}
@media (max-width: 1500px) {
  .project-details__block {
    padding: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .project-details__block {
    padding: 20px 15px;
  }
}
.project-details__block ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 22px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .project-details__block ul {
    gap: 15px;
  }
}
.project-details__block ul li {
  display: flex;
  align-items: center;
  color: #00160A;
  color: var(--rs-gray-900);
  text-transform: capitalize;
  flex-wrap: wrap;
  font-size: 14px;
}
.project-details__block ul li span {
  margin-left: 6px;
  font-weight: 600;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .project-details__block ul li span {
    margin-left: 3px;
  }
}
.project-details__block ul li i {
  margin-right: 20px;
  color: #035772;
  color: var(--rs-theme-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .project-details__block ul li i {
    margin-right: 10px;
  }
}
.project-details-top {
  margin-bottom: 20px;
}
.project-details-top__media {
  overflow: hidden;
  border-radius: 5px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .project-details-top__media {
    margin-bottom: 40px;
  }
}
.project-details-top__content h2 {
  margin-bottom: 20px;
  color: #035772;
  color: var(--rs-heading-primary);
}
.project-details-top__content p {
  margin-bottom: 20px;
}
.project-details p {
  margin-bottom: 30px;
}
.project-details .media {
  overflow: hidden;
  border-radius: 5px;
}
.project-details h1, .project-details h2, .project-details h3, .project-details h4, .project-details h5, .project-details h6 {
  margin-bottom: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .project-details .project-info .media {
    margin-top: 30px;
  }
}
.project-details .project-info p:last-child {
  margin-bottom: 0;
}
.project-details .project-info ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0;
  margin: 0 0 30px;
}
.project-details .project-info ul li {
  padding-left: 21px;
  position: relative;
  text-transform: capitalize;
}
.project-details .project-info ul li:before {
  top: 10px;
  left: 0;
  border-radius: 500px;
  content: "";
  background: #035772;
  background: var(--rs-theme-primary);
  font-weight: bold;
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
}
.project-details .share {
  margin-top: 30px;
  gap: 17px;
  display: flex;
  align-items: center;
}
.project-details .share h5 {
  color: #484949;
  color: var(--rs-gray-800);
  margin-bottom: 0;
}
.project-details .share .share-social-media {
  display: flex;
  gap: 10px;
}
.project-details .project-navigation {
  gap: 30px;
}
.project-details .project-navigation .rs-btn:before {
  display: none;
}
.project-details .project-navigation .rs-btn:hover {
  color: #00160A;
  color: var(--rs-gray-900);
}
.project-details .project-navigation .rs-btn:hover i {
  color: #FFFFFF;
  color: var(--rs-common-white);
}

/*----------------------------------------*/
/*  8.11 team-details
/*----------------------------------------*/
.team-details__meida {
  border-radius: 5px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__meida {
    margin-bottom: 40px;
  }
}
.team-details__meida img {
  width: 100%;
}
.team-details__social {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 20px;
}
.team-details__social li {
  padding-bottom: 16px;
  border-bottom: 1px solid #E3E8F4;
}
.team-details__social li a {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.team-details__social li a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.team-details__social li a i {
  color: #035772;
  color: var(--rs-theme-primary);
  font-size: 20px;
  font-weight: 900;
}
.team-details-skill__social {
  display: flex;
  list-style: none;
  gap: 15px;
}
.team-details-skill__social li a {
  display: block;
  font-size: 26px;
  color: #035772;
  color: var(--rs-theme-primary);
}
.team-details-skill__social li a:hover {
  color: #035772;
  color: var(--rs-heading-primary);
  transform: translate(0, -5px);
}
.team-details-skill__social-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #E3E8F4;
  border-bottom: 1px solid #E3E8F4;
  display: flex;
  gap: 35px;
}
.team-details-skill__progress-item__wrapper {
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px 158px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-details-skill__progress-item__wrapper {
    gap: 25px 40px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details-skill__progress-item__wrapper {
    grid-template-columns: 1fr;
  }
}
.team-details-skill__progress-item-content {
  margin-bottom: 5px;
}
.team-details-skill__progress-item .progress {
  height: 8px;
  background: #E3E8F4;
  background: var(--rs-gray-200);
  border-radius: 5px;
}
.team-details-skill__progress-item .progress .progress-bar {
  border-radius: 5px;
  background: #035772;
  background: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  8.12 home1
/*----------------------------------------*/
.procces_feedback-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}

.recent-project__content {
  max-width: 611px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .recent-project__content {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.recent-project__item {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.recent-project__item:nth-child(2n) .recent-project__item-text {
  bottom: 82px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .recent-project__item:nth-child(2n) .recent-project__item-text {
    bottom: 71px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .recent-project__item:nth-child(2n) .recent-project__item-text {
    bottom: 59px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .recent-project__item:nth-child(2n) .recent-project__item-text {
    bottom: 0;
  }
}
.recent-project__item:nth-child(4n) {
  margin-top: -82px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .recent-project__item:nth-child(4n) {
    margin-top: -71px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .recent-project__item:nth-child(4n) {
    margin-top: -59px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .recent-project__item:nth-child(4n) {
    margin-top: 0;
  }
}
.recent-project__item:nth-child(4n) .recent-project__item-text {
  bottom: 0;
}
.recent-project__item-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .recent-project__item-wrapper {
    grid-template-columns: 1fr;
  }
}
.recent-project__item-media {
  border-radius: 10px;
  overflow: hidden;
}
.recent-project__item:hover .recent-project__item-media img {
  transform: scale(1.2);
}
.recent-project__item:hover .recent-project__item-text {
  transform: translate(0, 0);
}
.recent-project__item-text {
  border-radius: 10px;
  background-color: #00160A;
  background-color: var(--rs-gray-900);
  width: calc(100% - 40px);
  margin: 20px;
  padding: 20px 30px;
  bottom: 0;
  position: absolute;
  align-items: center;
  transform: translate(calc(100% + 30px), 0);
}
@media (max-width: 575px) {
  .recent-project__item-text {
    margin: 10px;
    width: calc(100% - 20px);
    padding: 15px;
  }
}
.recent-project__item-text a:hover h4 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.recent-project__item-text h4 {
  margin-bottom: 5px;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media (max-width: 575px) {
  .recent-project__item-text h4 {
    font-size: 18px;
    line-height: 28px;
    margn-bottom: 0;
  }
}
.recent-project__item-text span {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.recent-project__item-text .read-more {
  display: flex;
  width: 50px;
  height: 50px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  z-index: 1;
  overflow: hidden;
  border-radius: 5px 0px;
  background: #035772;
  background: var(--rs-theme-primary);
  position: relative;
}
.recent-project__item-text .read-more::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px 0px;
  transform: translate(-100%, 0) rotate(50deg);
  transform-origin: top left;
  transition: all 0.35s;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
  z-index: -1;
  content: "";
}
.recent-project__item-text .read-more i {
  color: #00160A;
  color: var(--rs-gray-900);
}
.recent-project__item-text .read-more:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.recent-project__item-text .read-more:hover::before {
  transform: translate(0, 0);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-service__description {
    margin-top: 15px;
  }
}
.latest-service__description p {
  margin: 0;
}
.latest-service__content {
  max-width: 475px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-service__content {
    max-width: 100%;
  }
}
.latest-service__media {
  border-radius: 5px;
  overflow: hidden;
  max-width: 475px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-service__media {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-service__media {
    max-width: 300px;
  }
}
.latest-service__item {
  overflow: hidden;
  gap: 36.9px;
  position: relative;
  z-index: 1;
  padding: 40px;
  padding-bottom: 50px;
  border-radius: 5px;
  background: #0D2216;
  background: var(--rs-gray-700);
}
@media (max-width: 575px) {
  .latest-service__item {
    align-items: flex-start !important;
  }
  .latest-service__item {
    flex-direction: column;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-service__item {
    gap: 15px;
    padding: 20px;
  }
}
.latest-service__item:after {
  width: 12px;
  background-position: bottom;
  height: 100%;
  z-index: 0;
  background-repeat: no-repeat;
  background-image: url(/Images/border-shape.png);
  position: absolute;
  content: "";
  bottom: 0;
  background-size: contain;
  left: 0;
  transform: translate(0, 100%);
}
.latest-service__item:hover:after {
  transform: translate(0, 0);
}
.latest-service__item-icon {
  min-width: 96.104px;
  min-height: 100px;
  width: 96.104px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  background-color: rgba(255, 255, 255, 0.04);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-service__item-icon {
    width: 70px;
    min-width: 70px;
    height: 74px;
    min-height: 74px;
  }
}
.latest-service__item-icon img {
  max-width: 65px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-service__item-icon img {
    max-width: 40px;
  }
}
.latest-service__item-text a:hover h4 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.latest-service__item-text a h4 {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.latest-service__item-text p {
  margin: 0;
  color: #FFFFFF;
  color: var(--rs-common-white);
}

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

.latest-blog__item {
  border-radius: 5px;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  border: 1px solid #484949;
  border: 1px solid var(--rs-gray-800);
  border-top: 0;
}
.latest-blog__item:hover .latest-blog__item-media img {
  transform: scale(1.2);
}
.latest-blog__item-media {
  position: relative;
  overflow: hidden;
  border-radius: 0 5px 5px 5px;
  height: 377px;
  margin-left: -1px;
  width: calc(100% + 2px);
}
.latest-blog__item-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.latest-blog__item-date {
  top: 0;
  left: 0;
  padding: 10px;
  z-index: 1;
  gap: 7px;
  position: absolute;
  border-radius: 0px 0px 5px 0px;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: #484949;
  color: var(--rs-gray-800);
  text-transform: capitalize;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
}
.latest-blog__item-date i {
  color: #035772;
  color: var(--rs-theme-primary);
}
.latest-blog__item-text {
  padding: 20px 55px 40px 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .latest-blog__item-text {
    padding: 20px 30px;
  }
}
@media (max-width: 575px) {
  .latest-blog__item-text {
    padding: 20px 25px;
  }
}
.latest-blog__item-text a h4 {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.latest-blog__item-text a.readmore {
  gap: 10px;
  font-weight: 600;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.latest-blog__item-text a.readmore:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.latest-blog__item-text a:hover h4 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.latest-blog__item-text p {
  color: #FFFFFF;
  color: var(--rs-common-white);
}

/*----------------------------------------*/
/*  8.12 home2
/*----------------------------------------*/
.latest-blog .container {
  z-index: 1;
}
.latest-blog__shapes {
  top: -108px;
  left: -315px;
  z-index: -1;
  position: absolute;
  width: 1920.08px;
  height: 1162.24px;
}
.latest-blog__content__home-2 {
  max-width: 788px;
  margin-left: auto;
  margin-right: auto;
}
.latest-blog__item__home-2 {
  border-radius: 5px;
  border: none;
  overflow: hidden;
  background: #FFFFFF;
  background: var(--rs-common-white);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.latest-blog__item__home-2:hover .latest-blog__item-media img {
  transform: scale(1.2);
}
.latest-blog__item__home-2 .latest-blog__item-media {
  width: 100%;
  margin-left: 0;
  padding: 30px 30px 0;
  height: 356px;
}
@media (max-width: 575px) {
  .latest-blog__item__home-2 .latest-blog__item-media {
    height: 300px;
    padding: 15px 15px 0;
  }
}
.latest-blog__item__home-2 .latest-blog__item-media a {
  overflow: hidden;
  display: block;
  border-radius: 5px;
}
.latest-blog__item__home-2 .latest-blog__item-media img {
  border-radius: 5px;
  overflow: hidden;
}
.latest-blog__item__home-2 .latest-blog__item-meta {
  gap: 19px;
}
.latest-blog__item__home-2 .latest-blog__item-meta a {
  display: flex;
  gap: 7px;
  align-items: center;
}
.latest-blog__item__home-2 .latest-blog__item-meta a:hover {
  color: #035772;
  color: var(--rs-theme-primary);
}
.latest-blog__item__home-2 .latest-blog__item-meta a i {
  color: #035772;
  color: var(--rs-theme-primary);
}
.latest-blog__item__home-2 .latest-blog__item-text {
  padding: 30px 40px 40px;
}
@media (max-width: 575px) {
  .latest-blog__item__home-2 .latest-blog__item-text {
    padding: 20px 25px;
  }
}
.latest-blog__item__home-2 .latest-blog__item-text a h4 {
  text-transform: capitalize;
  color: #00160A;
  color: var(--rs-gray-900);
}
.latest-blog__item__home-2 .latest-blog__item-text a:hover h4 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.latest-blog__item__home-2 .latest-blog__item-text p {
  color: #484949;
  color: var(--rs-gray-800);
}

.latest-service-2__item:hover .latest-service-2__item-media img {
  transform: scale(1.2);
}
.latest-service-2__item-media {
  height: 382px;
  overflow: hidden;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-service-2__item-media {
    height: 320px;
  }
}
.latest-service-2__item-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.latest-service-2__item-text {
  position: relative;
  z-index: 1;
  margin: 0 30px;
  margin-top: -79.5px;
  padding: 42px 38px;
  border-radius: 5px;
  border-bottom: 4px solid #035772;
  border-bottom: 4px solid var(--rs-theme-primary);
  background: #FFFFFF;
  background: var(--rs-common-white);
  box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-service-2__item-text {
    margin: 0 15px;
    margin-top: -67.5px;
    padding: 30px 25px;
  }
}
.latest-service-2__item-text h5 {
  color: #484949;
  color: var(--rs-gray-800);
}
.latest-service-2__item-text a:hover h4 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.latest-service-2__item-text h4 {
  text-transform: capitalize;
}

.key-featured__item {
  gap: 37px;
  padding: 45px 40px 45px 37px;
  border-bottom: 2px solid #E3E8F4;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .key-featured__item {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .key-featured__item {
    padding: 25px 20px;
    flex-direction: column;
    gap: 20px;
  }
}
.key-featured__item:first-child {
  border-top: 2px solid #E3E8F4;
}
.key-featured__item-wrapper {
  gap: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .key-featured__item-wrapper {
    gap: 30px;
  }
}
.key-featured__item-header {
  gap: 84px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .key-featured__item-header {
    gap: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .key-featured__item-header {
    gap: 30px;
  }
}
.key-featured__item-header .icon {
  min-width: 65px;
  min-height: 65px;
  width: 65px;
  height: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .key-featured__item-header .icon {
    min-width: 55px;
    min-height: 55px;
    width: 55px;
    height: 55px;
  }
}
.key-featured__item-body {
  width: 829px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .key-featured__item-body {
    width: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .key-featured__item-body {
    gap: 20px;
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .key-featured__item-body {
    justify-content: start;
    align-items: start;
    flex-direction: column;
  }
}
.key-featured__item-body p {
  margin: 0;
  max-width: 500px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .key-featured__item-body p {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .key-featured__item-body p {
    max-width: calc(100% - 190px);
  }
}
@media (max-width: 575px) {
  .key-featured__item-body p {
    text-align: center;
    max-width: 100%;
  }
}

.who-we-are__content {
  max-width: 500px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .who-we-are__content {
    max-width: 100%;
  }
}
.who-we-are__media {
  margin-left: auto;
  max-width: 660px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .who-we-are__media {
    max-width: 420px;
  }
}
.who-we-are__media .img1 {
  z-index: 1;
  width: 564px;
  height: 403px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .who-we-are__media .img1 {
    width: 320px;
    height: 228px;
    max-width: 100%;
  }
}
.who-we-are__media .img1 .shape-3 {
  left: -50px;
  top: -42px;
  z-index: -1;
  position: absolute;
}
.who-we-are__media .img1 .shape-1 {
  top: -21px;
  right: -28px;
  z-index: -1;
  position: absolute;
  width: 174px;
  height: 172px;
  background: #035772;
  background: var(--rs-theme-primary);
}
.who-we-are__media .img1 .shape-2 {
  bottom: -50px;
  left: 214px;
  z-index: -2;
  position: absolute;
  width: 174px;
  height: 172px;
  background: #035772;
  background: var(--rs-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .who-we-are__media .img1 .shape-2 {
    display: none;
  }
}
.who-we-are__media .img2 {
  margin-left: auto;
  margin-top: -202px;
  width: 396px;
  height: 287px;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .who-we-are__media .img2 {
    margin-top: -90px;
    width: 280px;
    height: 202px;
  }
}
.who-we-are__media .img2 a.popup-video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  overflow: hidden;
  height: 60px;
  border-radius: 500px;
  color: #035772;
  color: var(--rs-theme-primary);
  background: #FFFFFF;
  background: var(--rs-common-white);
  border: 1px solid #035772;
  border: 1px solid var(--rs-theme-primary);
  position: absolute;
  z-index: 1;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
}
.who-we-are__media .img2 a.popup-video::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 500px;
  transform: translate(-100%, 0) rotate(50deg);
  transform-origin: top left;
  transition: all 0.35s;
  background-color: #035772;
  background-color: var(--rs-theme-primary);
  z-index: -1;
  content: "";
}
.who-we-are__media .img2 a.popup-video:hover::before {
  transform: translate(0, 0);
}
.who-we-are__media .img2 a.popup-video:hover svg path[fill="#00D563"] {
  fill: #FFFFFF;
  fill: var(--rs-common-white);
}

.about-us-2__media {
  overflow: hidden;
  gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-2__media {
    margin-bottom: 40px;
    justify-content: center;
  }
}
.about-us-2__media .img1 {
  position: relative;
}
.about-us-2__media-circle {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: calc(50% - 65px);
  right: calc(50% - 65px);
  width: 130px;
  height: 130px;
  position: absolute;
  background: #035772;
  background: var(--rs-theme-primary);
  border-radius: 500px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-2__media-circle {
    width: 100px;
    height: 100px;
    top: calc(50% - 38px);
    left: calc(50% - 50px);
  }
}
.about-us-2__media-circle-wrapper {
  top: calc(50% - 71px);
  right: -93px;
  position: absolute;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-2__media-circle-wrapper {
    width: 120px;
    height: 120px;
    right: -70px;
    top: calc(50% - 120px);
  }
  .about-us-2__media-circle-wrapper svg {
    max-width: 100%;
  }
}
.about-us-2__media-circle h3, .about-us-2__media-circle h5 {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-2__media-circle h3 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-2__media-circle h5 {
    font-size: 16px;
  }
}
.about-us-2__content-button-wrapper {
  gap: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-2__content-button-wrapper {
    gap: 40px;
  }
}
@media (max-width: 575px) {
  .about-us-2__content-button-wrapper {
    align-items: start !important;
  }
  .about-us-2__content-button-wrapper {
    gap: 20px;
    flex-direction: column-reverse;
  }
}
.about-us-2__content-contact {
  gap: 19px;
}
.about-us-2__content-contact i {
  color: #035772;
  color: var(--rs-theme-primary);
  font-size: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-2__content-contact i {
    font-size: 30px;
  }
}
.about-us-2__content-contact a:hover h5 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.about-us-2__content p {
  margin: 0;
}
.about-us-2__content-list {
  gap: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-2__content-list {
    gap: 40px;
  }
}
@media (max-width: 575px) {
  .about-us-2__content-list {
    gap: 10px;
    flex-direction: column;
    align-items: start;
  }
}
.about-us-2__content-list h4 {
  gap: 20px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-2__content-list h4 {
    font-size: 18px;
  }
}
.about-us-2__content-list h4 i {
  font-size: 16px;
  color: #035772;
  color: var(--rs-theme-primary);
}

.work-progress-2__item {
  position: relative;
  z-index: 1;
  gap: 20px;
}
.work-progress-2__item-wrapper {
  gap: 30px;
}
.work-progress-2__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  min-width: 100px;
  min-height: 100px;
  border-radius: 5px;
  border: 2px solid rgba(255, 255, 255, 0.3);
}
.work-progress-2__item-icon img {
  width: 65px;
}
.work-progress-2__item-text p {
  margin: 0;
}

.feedback__item-2 {
  padding: 40px;
  margin-bottom: 30px;
  background: #FFFFFF;
  background: var(--rs-common-white);
  border-radius: 5px;
  border-left: 1px solid #035772;
  border-left: 1px solid var(--rs-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feedback__item-2 {
    padding: 20px;
  }
}
.feedback__item-2-content p {
  margin: 0;
  color: #035772;
  color: var(--rs-heading-primary);
}
.feedback__item-2-info .text-capitalize {
  margin-bottom: 5px;
}
.feedback__item-2-info span {
  color: #035772;
  color: var(--rs-heading-primary);
}
.feedback__item-2-thumb {
  width: 114px;
  height: 120px;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: -70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feedback__item-2-thumb {
    margin-bottom: -50px;
    width: 104px;
    height: 100px;
  }
}
.feedback__item-2-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.feedback-work-progress {
  overflow: hidden;
  z-index: 1;
  position: relative;
}
.feedback-work-progress__background {
  width: 1362.934px;
  height: 1008.032px;
  position: absolute;
  z-index: 0;
  opacity: 0.4;
  left: 188px;
  top: -80px;
}

.feedback-2__wrapper {
  z-index: 1;
  position: relative;
}
.feedback-2__nav-pre {
  left: -150px;
  width: 1590px;
  z-index: -1;
  top: calc(50% - 30px);
  position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .feedback-2__nav-pre {
    width: 1440px;
    left: -74px;
  }
}
@media (max-width: 1450px) {
  .feedback-2__nav-pre {
    position: inherit;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    top: inherit;
    left: inherit;
  }
}
.feedback-2__navigation {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 1450px) {
  .feedback-2__navigation {
    justify-content: center;
  }
}
.feedback-2__slider-button-next, .feedback-2__slider-button-prev {
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  justify-content: center;
  border-radius: 500px;
  color: #FFFFFF;
  color: var(--rs-common-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.feedback-2__slider-button-next:hover, .feedback-2__slider-button-prev:hover {
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  8.12 home3
/*----------------------------------------*/
.feedback__active-3 {
  position: relative;
}
.feedback__active-3 .rs-swiper-dot {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 0 60px 60px 0;
  position: absolute;
  z-index: 1;
  justify-content: flex-end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feedback__active-3 .rs-swiper-dot {
    padding: 0 25px 30px 0;
  }
}
.feedback__active-3 .rs-swiper-dot .swiper-pagination-bullet {
  margin: 0 !important;
}
.feedback__active-3 .rs-swiper-dot .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  padding: 5px;
  border-radius: 500px;
  overflow: hidden;
  background: #FFFFFF;
  background: var(--rs-common-white);
  display: flex;
  position: relative;
  border: 2px solid #035772;
  border: 2px solid var(--rs-theme-primary);
  border-color: transparent;
}
.feedback__active-3 .rs-swiper-dot .swiper-pagination-bullet-active {
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}
.feedback__active-3 .rs-swiper-dot .swiper-pagination-bullet:after {
  position: absolute;
  width: 10px;
  height: 10px;
  content: "";
  top: calc(50% - 5px);
  background: #035772;
  background: var(--rs-theme-primary);
  border-radius: 500px;
  left: calc(50% - 5px);
}

.feedback__item-3 {
  padding: 60px;
  border-radius: 5px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  background: #FFFFFF;
  background: var(--rs-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feedback__item-3 {
    padding: 30px 25px;
  }
}
.feedback__item-3-qoute {
  gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feedback__item-3-qoute svg {
    max-width: 100%;
  }
}
.feedback__item-3-star i {
  color: #FFBA08;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
}
.feedback__item-3-content p {
  margin: 0;
  color: #484949;
  color: var(--rs-gray-800);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.feedback__item-3-author {
  gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feedback__item-3-author {
    gap: 5px;
  }
}
.feedback__item-3-thumb {
  overflow: hidden;
  width: 68px;
  min-width: 68px;
  height: 68px;
  min-height: 68px;
  border-radius: 500px;
  border: 2px solid #E3E8F4;
  border: 2px solid var(--rs-gray-200);
  padding: 5px;
}
.feedback__item-3-thumb img {
  border-radius: 500px;
  overflow: hidden;
}
.feedback__item-3-info h4 {
  margin-bottom: 5px;
}

.talk-us {
  overflow: hidden;
}
.talk-us .container {
  z-index: 1;
  position: relative;
}
.talk-us__media.mb-ml-minus {
  margin-top: -52px;
  padding-right: 30px;
  margin-left: -174px;
  margin-bottom: -120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .talk-us__media.mb-ml-minus {
    margin-left: -248px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .talk-us__media.mb-ml-minus {
    padding-right: 0;
    margin-top: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .talk-us__media.mb-ml-minus img {
    max-width: 100%;
    height: auto;
  }
}
.talk-us__shape {
  top: -120px;
  left: -315px;
  z-index: -1;
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .talk-us__shape {
    top: inherit;
    bottom: -120px;
  }
}
@media (max-width: 575px) {
  .talk-us__shape {
    max-width: 500px;
  }
}

.work-progress-4__item {
  gap: 10px;
  overflow: hidden;
  padding: 25px 0 25px 30px;
  border-radius: 5px;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
}
.work-progress-4__item-text h2, .work-progress-4__item-text span {
  color: #035772;
  color: var(--rs-heading-primary);
}
.work-progress-4__item-text span {
  margin-bottom: 5px;
  display: block;
}
.work-progress-4__item-text h2 {
  margin: 0;
}
.work-progress-4__item-text h2 span {
  margin: 0;
  display: inline-block;
}
.work-progress-4__item-icon {
  width: 80px;
  height: 80px;
  border-radius: 5px 0px 0px 5px;
}

.active-team__fake-space {
  background-repeat: no-repeat;
  background-size: cover;
}
.active-team__fake-space.padding_bottom_216 {
  padding-bottom: 216px;
}
.active-team__content {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 575px) {
  .active_team_slider {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
.active_team_slider .rs-swiper-dot {
  display: flex;
  align-items: center;
  gap: 3px;
  justify-content: center;
}
.active_team_slider .rs-swiper-dot .swiper-pagination-bullet {
  margin: 0 !important;
}
.active_team_slider .rs-swiper-dot .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  padding: 5px;
  border-radius: 500px;
  overflow: hidden;
  background: #FFFFFF;
  background: var(--rs-common-white);
  display: flex;
  position: relative;
  border: 2px solid #035772;
  border: 2px solid var(--rs-theme-primary);
  border-color: transparent;
}
.active_team_slider .rs-swiper-dot .swiper-pagination-bullet-active {
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}
.active_team_slider .rs-swiper-dot .swiper-pagination-bullet-active:after {
  background: #035772 !important;
  background: var(--rs-theme-primary) !important;
}
.active_team_slider .rs-swiper-dot .swiper-pagination-bullet:after {
  position: absolute;
  width: 10px;
  height: 10px;
  content: "";
  top: calc(50% - 5px);
  background: #173E27;
  border-radius: 500px;
  left: calc(50% - 5px);
}
.active_team_slider.margin_top_minius_216 {
  margin-top: -216px;
}

.active-team__item:hover .active-team__item-social {
  background: #035772;
  background: var(--rs-theme-primary);
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}
.active-team__item:hover .active-team__item-social a {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.active-team__item:hover .active-team__item-media img {
  transform: scale(1.1);
}
.active-team__item-media {
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
}
.active-team__item-text {
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  margin-top: -24.5px;
}
.active-team__item a:hover h4 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.active-team__item-social {
  gap: 35px;
  padding: 15px 27px;
  border-radius: 5px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  background: #FFFFFF;
  background: var(--rs-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .active-team__item-social {
    gap: 20px;
    padding: 13px 20px;
  }
}
.active-team__item-social a {
  color: #035772;
  color: var(--rs-theme-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.active-team__item-social a:hover {
  transform: translate(0, -3px);
}

.why-choose__progress-wrapper {
  max-width: 486px;
}
.why-choose__progress-item .progress {
  height: 5px;
  background: #E3E8F4;
  background: var(--rs-gray-200);
  border-radius: 5px;
}
.why-choose__progress-item .progress .progress-bar {
  border-radius: 5px;
  background: #035772;
  background: var(--rs-theme-primary);
}
.why-choose__content .span-title {
  font-weight: 600;
  font-weight: var(--rs-fw-sbold);
}
.why-choose__content .description p {
  margin: 0;
}
.why-choose__content-list {
  gap: 20px;
  list-style: none;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .why-choose__content-list {
    gap: 15px;
  }
}
.why-choose__content-list li {
  padding-left: 29px;
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 18px;
  font-size: var(--rs-fs-h5);
  font-style: normal;
  line-height: 22px;
  line-height: var(--rs-lh-h5);
  font-weight: 600;
  font-weight: var(--rs-fw-sbold);
  position: relative;
}
.why-choose__content-list li:after {
  left: 0;
  top: calc(50% - 11px);
  color: #035772;
  color: var(--rs-theme-primary);
  font-family: var(--rs-ff-fontawesome);
  content: "\f00c";
  position: absolute;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
}
.why-choose__experience-box {
  position: absolute;
  bottom: 43px;
  right: -159px;
  border-radius: 5px;
  padding: 13.5px 41.45px;
  gap: 14px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why-choose__experience-box {
    right: -15px;
    padding: 10px 25px;
  }
}
.why-choose__experience-box span {
  max-width: 91px;
}
.why-choose__media {
  z-index: 1;
  max-width: 440px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why-choose__media {
    margin-left: auto;
    margin-right: auto;
  }
}
.why-choose__media .sub-img {
  position: absolute;
  right: -159px;
  top: 21px;
  overflow: hidden;
  border-radius: 5px;
  border: 7px solid #FFFFFF;
  border: 7px solid var(--rs-common-white);
  background: #FFFFFF;
  background: var(--rs-common-white);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  width: 253px;
  height: 253px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why-choose__media .sub-img {
    width: 200px;
    height: 200px;
    right: -15px;
  }
}
@media (max-width: 575px) {
  .why-choose__media .sub-img {
    width: 150px;
    height: 150px;
  }
}
.why-choose__media .circle-image {
  z-index: -1;
  position: absolute;
  width: 290.42px;
  height: 269.999px;
  bottom: -46px;
  left: -28px;
}
.why-choose__media .main-img {
  border-radius: 5px;
}

.have-query__top-minus {
  position: relative;
  z-index: 1;
  margin-top: -94px;
}
.have-query__item {
  gap: 30px;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .have-query__item {
    gap: 15px;
  }
}
.have-query__item.item-space {
  padding: 65px 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .have-query__item.item-space {
    padding: 30px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .have-query__item.item-space {
    padding: 20px 25px;
  }
}
.have-query__item-list {
  gap: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .have-query__item-list {
    gap: 3px 25px;
    flex-wrap: wrap;
  }
}
.have-query__item-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .have-query__item-list a {
    font-size: 12px;
  }
}
.have-query__item-list a i {
  font-size: 28px;
  color: #035772;
  color: var(--rs-theme-primary);
}
.have-query__item-list a span {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .have-query__item-list a span {
    font-size: 14px;
  }
}

.about-us-3.section-space-bottom-220 {
  padding-bottom: 220px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-3.section-space-bottom-220 {
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-3.section-space-bottom-220 {
    padding-bottom: 170px;
  }
}
.about-us-3__media {
  position: relative;
  max-width: 560px;
}
.about-us-3__media img {
  border-radius: 5px;
}
.about-us-3__media-item {
  position: absolute;
  bottom: 27px;
  right: -40px;
  gap: 24px;
  border-radius: 5px;
  padding: 13px 33px 22px 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-us-3__media-item {
    right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-3__media-item {
    right: -10px;
    gap: 15px;
    padding: 10px 25px 15px 15px;
  }
}
.about-us-3__media-item-icon {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 69px;
  height: 69px;
  border-radius: 500px;
  border: 1px solid #FFFFFF;
  border: 1px solid var(--rs-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-3__media-item-icon {
    width: 50px;
    height: 50px;
    padding: 5px;
  }
}
.about-us-3__content hr {
  border-color: rgba(0, 0, 0, 0.1);
}
.about-us-3__content .company {
  max-width: 300px;
}
.about-us-3__content-list {
  gap: 16px;
  list-style: none;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-3__content-list {
    gap: 13px;
  }
}
.about-us-3__content-list li {
  padding-left: 30px;
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 18px;
  font-size: var(--rs-fs-h5);
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  line-height: var(--rs-lh-h5);
  position: relative;
}
.about-us-3__content-list li:after {
  width: 20px;
  height: 20px;
  border-radius: 500px;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
  left: 0;
  padding-left: 5px;
  top: calc(50% - 10px);
  color: #035772;
  color: var(--rs-theme-primary);
  font-family: var(--rs-ff-fontawesome);
  content: "\f101";
  position: absolute;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.our-services__item {
  overflow: hidden;
  padding: 40px 20px 40px 40px;
  border-radius: 5px;
  border: 1px solid #E3E8F4;
  border: 1px solid var(--rs-gray-200);
  position: relative;
  z-index: 1;
}
.our-services__item:after {
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(100%, 0);
  border-top: 2px solid #035772;
  border-top: 2px solid var(--rs-theme-primary);
}
.our-services__item:hover {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.our-services__item:hover:after {
  transform: translate(0, 0);
}
.our-services__item:hover .readmore svg path[fill="#00160A"] {
  fill: #035772;
  fill: var(--rs-theme-primary);
}
.our-services__item-icon {
  padding: 8px;
  border-radius: 5px;
  background: #035772;
  background: var(--rs-theme-primary);
}
.our-services__item a:hover, .our-services__item a:hover h4 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.our-services__item a:hover svg path[fill="#00160A"], .our-services__item a:hover h4 svg path[fill="#00160A"] {
  fill: #035772;
  fill: var(--rs-theme-primary);
}
.our-services__item .readmore {
  gap: 10px;
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-gallery {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.latest-gallery__active .swiper-slide {
  max-width: 410px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-gallery__active .swiper-slide {
    max-width: 100%;
  }
}
.latest-gallery__item {
  margin-top: -4.4px;
  position: relative;
}
.latest-gallery__item:hover img {
  transform: scale(1.1);
}
.latest-gallery__item-media {
  display: block;
  overflow: hidden;
  height: 487px;
  width: 100%;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-gallery__item-media {
    height: 380px;
  }
}
.latest-gallery__item-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.latest-gallery__item a:hover h4 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.latest-gallery__item-content {
  box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05) !important;
}
.latest-gallery__item-content {
  margin-bottom: 4.4px;
  width: calc(100% - 38px);
  left: 50%;
  transform: translate(-50%, 0);
  position: relative;
  z-index: 1;
  margin-top: -71px;
  padding: 20px 30px;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-gallery__item-content {
    padding: 15px 20px;
  }
}
.latest-gallery__item-content-left h4 {
  margin-bottom: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-gallery__item-content-left h4 {
    margin-bottom: 0;
  }
}
.latest-gallery__item-content-right {
  width: 50px;
  z-index: 1;
  height: 50px;
  border-radius: 500px;
  overflow: hidden;
  border: 1px solid #00160A;
  border: 1px solid var(--rs-gray-900);
  position: relative;
}
.latest-gallery__item-content-right:after {
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  border-radius: 500px;
  width: 100%;
  height: 100%;
  content: "";
  transform: scale(0);
  background-color: #035772;
  background-color: var(--rs-theme-primary);
}
.latest-gallery__item-content-right:hover {
  color: #FFFFFF;
  color: var(--rs-common-white);
  border-color: #035772;
  border-color: var(--rs-theme-primary);
}
.latest-gallery__item-content-right:hover:after {
  transform: scale(1.5);
}

.best-offers__circle-item {
  width: 232px;
  height: 232px;
  border-radius: 500px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .best-offers__circle-item {
    display: flex !important;
  }
  .best-offers__circle-item {
    margin-left: auto;
    margin-right: auto;
  }
}
.best-offers__circle-item:after {
  z-index: -1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  background-image: url(/fonts/circle.svg);
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.best-offers__circle-item h2, .best-offers__circle-item span {
  color: #00160A;
  color: var(--rs-gray-900);
}
.best-offers__item {
  padding: 35px 0 40px;
  border-bottom: 2px solid #E3E8F4;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .best-offers__item {
    padding: 20px 25px;
    gap: 10px;
    flex-direction: column;
  }
}
.best-offers__item:hover .best-offers__item-header h5 {
  color: #035772;
  color: var(--rs-theme-primary);
}
.best-offers__item:hover .best-offers__item-body i {
  transform: rotate(-45deg);
  color: #035772;
  color: var(--rs-theme-primary);
}
.best-offers__item-wrapper {
  max-width: 768px;
  margin-left: auto;
}
.best-offers__item-header {
  width: 253px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .best-offers__item-header {
    width: 100%;
  }
}
.best-offers__item-body {
  width: 277px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .best-offers__item-body {
    width: 100%;
  }
}
.best-offers__item-body .pricing {
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: 37.8px;
}
.best-offers__item-body .pricing .mo {
  font-size: 18px;
  line-height: 22px;
}
.best-offers__item-body i {
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 24px;
  font-weight: 900;
  display: block;
}

.active-member-work-progress-4-why-choose {
  background-position: center;
  background-size: cover;
}

/*----------------------------------------*/
/*  8.13 home4
/*----------------------------------------*/
.home-4-latest-service {
  position: relative;
}
.home-4-latest-service:before {
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 442px;
  position: absolute;
  background: #DFF25D;
  background: var(--rs-common-yellow);
}
.home-4-latest-service__content {
  max-width: 724px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-4-latest-service__content {
    max-width: 100%;
  }
}
.home-4-latest-service__content .section__subtitle {
  color: #035772;
  color: var(--rs-heading-primary);
}
.home-4-latest-service__content .section__title {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-4-latest-service__content .section__title {
    margin-top: 20px;
    color: #00160A;
    color: var(--rs-gray-900);
  }
}
.home-4-latest-service__item {
  border: none;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background: #FFFFFF;
  background: var(--rs-common-white);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.home-4-latest-service__item:before {
  right: 0;
  bottom: 0;
  width: 0;
  content: "";
  height: 4px;
  position: absolute;
  border-bottom: 4px solid #DFF25D;
  border-bottom: 4px solid var(--rs-common-yellow);
}
.home-4-latest-service__item-media {
  overflow: hidden;
  border-radius: 5px;
}
.home-4-latest-service__item-media img {
  width: 100%;
}
.home-4-latest-service__item-text {
  padding: 32px 30px 36px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-4-latest-service__item-text {
    padding: 20px;
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .home-4-latest-service__item-text {
    max-width: 100%;
    padding: 15px;
  }
}
.home-4-latest-service__item-text h4 {
  margin-bottom: 9px;
}
.home-4-latest-service__item-text h4:hover {
  color: #DFF25D;
  color: var(--rs-common-yellow);
}
.home-4-latest-service__item-text .description p {
  margin-bottom: 0;
  line-height: 28px;
  color: #616670;
  color: var(--rs-gray-600);
  font-family: var(--rs-ff-rubik);
}
.home-4-latest-service__item:hover img {
  transform: scale(1.2);
}
.home-4-latest-service__item:hover:before {
  width: 100%;
  right: 0;
}

.our-client__thumb img {
  cursor: pointer;
  height: auto;
  width: auto;
}
.our-client__active .swiper-wrapper {
  display: flex;
  align-items: center;
}

.about-us-4__media {
  position: relative;
}
.about-us-4__media .img-1 {
  height: auto;
  max-width: 311px;
}
.about-us-4__media .img-2 {
  top: 143px;
  right: 40px;
  height: auto;
  max-width: 355px;
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-4__media .img-2 {
    right: 320px;
  }
}
.about-us-4__media-item {
  top: 0;
  gap: 21px;
  right: 40px;
  position: absolute;
  border-radius: 5px;
  padding: 13px 33px 22px 25px;
  background: #FFFFFF;
  background: var(--rs-common-white);
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-4__media-item {
    right: 320px;
  }
}
.about-us-4__media-item-icon {
  width: 73px;
  height: 73px;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  background: #DFF25D;
  background: var(--rs-common-yellow);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-4__media-item-icon {
    width: 50px;
    height: 50px;
    padding: 5px;
  }
}
.about-us-4__media-item-text .title {
  color: #00160A;
  color: var(--rs-gray-900);
  font-weight: 700;
  font-weight: var(--rs-fw-bold);
}
.about-us-4__media-item-text span {
  color: #00160A;
  color: var(--rs-gray-900);
}
.about-us-4__content {
  margin-top: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-4__content {
    max-width: 100%;
    margin-top: 0px;
  }
}
.about-us-4__content .section__subtitle {
  color: #00160A;
  color: var(--rs-gray-900);
}
.about-us-4__content .section__title {
  max-width: 600px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-4__content .section__title {
    max-width: 100%;
  }
}
.about-us-4__content .description p {
  margin-bottom: 0;
  color: #616670;
  color: var(--rs-gray-600);
  font-family: var(--rs-ff-rubik);
}
.about-us-4__content-wrapper {
  gap: 88px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-us-4__content-wrapper {
    gap: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-4__content-wrapper {
    gap: 20px;
  }
}
.about-us-4__content-list {
  gap: 16px;
  list-style: none;
  -moz-column-count: 2;
       column-count: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-4__content-list {
    gap: 10px;
  }
}
@media (max-width: 575px) {
  .about-us-4__content-list {
    gap: 10px;
    -moz-column-count: 1;
         column-count: 1;
  }
}
.about-us-4__content-list li {
  font-weight: 500;
  position: relative;
  font-style: normal;
  margin-right: 45px;
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 18px;
  font-size: var(--rs-fs-h5);
  line-height: 22px;
  line-height: var(--rs-lh-h5);
}
.about-us-4__content-list li:not(:last-child) {
  margin-bottom: 23px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-us-4__content-list li {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-4__content-list li {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-4__content-list li {
    margin-right: 0px;
  }
}
.about-us-4__content-list li span {
  margin-right: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-4__content-list li span {
    margin-right: 2px;
  }
}
.about-us-4__author-wapper {
  gap: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .about-us-4__author-wapper {
    display: inherit;
    margin-bottom: 30px;
  }
}
.about-us-4__author-media {
  padding: 10px;
  max-width: 90px;
  border-radius: 500px;
  border: 1px solid #00160A;
  border: 1px solid var(--rs-gray-900);
}
@media (max-width: 575px) {
  .about-us-4__author-media {
    max-width: 70px;
    margin-bottom: 10px;
  }
}
.about-us-4__author-media img {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 500px;
}
@media (max-width: 575px) {
  .about-us-4__author-media img {
    width: 50px;
    height: 50px;
  }
}
.about-us-4__author-text {
  margin-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .about-us-4__author-text {
    margin-right: 10px;
  }
}
@media (max-width: 575px) {
  .about-us-4__author-text {
    margin-right: 10px;
    margin-bottom: 20px;
  }
}
.about-us-4__author-text h3 a:hover {
  color: #DFF25D;
  color: var(--rs-common-yellow);
}
.about-us-4__author-text p {
  margin-bottom: 0;
  color: #00160A;
  color: var(--rs-gray-900);
  font-size: 14px;
  font-size: var(--rs-fs-body2);
  font-weight: 300;
  font-weight: var(--rs-fw-light);
}
.about-us-4__author .rs-btn {
  font-size: 15px;
  text-transform: uppercase;
  font-family: var(--rs-ff-rubik);
}

.about-us-insurance__content {
  max-width: 549px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-insurance__content {
    max-width: 100%;
  }
}
.about-us-insurance__content .section__subtitle {
  color: #00160A;
  color: var(--rs-gray-900);
}
.about-us-insurance__content .section__title {
  margin-bottom: 0;
}
.about-us-insurance__life-coverage {
  list-style: none;
}
.about-us-insurance__life-coverage .nav-item {
  margin-left: -45px;
  margin-right: -22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-insurance__life-coverage .nav-item {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-insurance__life-coverage .nav-item {
    margin-left: 0;
    margin-right: 0;
  }
}
.about-us-insurance__life-coverage .nav-item button {
  gap: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
  font-weight: var(--rs-fw-sbold);
  align-items: center;
  margin-bottom: 20px;
  padding: 29px 0px 29px 22px;
  border-radius: 5px;
  background: #FFFFFF;
  background: var(--rs-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-insurance__life-coverage .nav-item button {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-insurance__life-coverage .nav-item button {
    margin-left: 0;
    margin-right: 0;
    padding: 20px 0px 20px 10px;
  }
}
.about-us-insurance__life-coverage .nav-item button.active {
  background: #DFF25D;
  background: var(--rs-common-yellow);
}
.about-us-insurance__life-coverage .nav-item button:hover {
  background: #DFF25D;
  background: var(--rs-common-yellow);
}
@media (max-width: 575px) {
  .about-us-insurance__life-coverage .nav-item button h4 {
    font-size: 22px;
  }
}
.about-us-insurance__card {
  display: flex;
  padding: 30px;
  margin-left: 20px;
  align-items: center;
  border-radius: 5px;
  background: #FFFFFF;
  background: var(--rs-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-insurance__card {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-insurance__card {
    display: block;
    margin-left: 0;
    padding: 20px;
  }
}
.about-us-insurance__card-content {
  max-width: 463px;
  padding-right: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-insurance__card-content {
    max-width: 100%;
    padding-right: 10px;
  }
}
.about-us-insurance__card-content .description {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-insurance__card-content .description {
    margin-bottom: 20px;
  }
}
.about-us-insurance__card-content .description p {
  margin-bottom: 0;
  line-height: 30px;
  color: #616670;
  color: var(--rs-gray-600);
  font-family: var(--rs-ff-rubik);
}
.about-us-insurance__card-content ul {
  list-style: none;
}
.about-us-insurance__card-content ul li {
  display: flex;
  line-height: 30px;
  align-items: flex-start;
  color: #616670;
  color: var(--rs-gray-600);
  font-family: var(--rs-ff-rubik);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-insurance__card-content ul li {
    margin-bottom: 30px;
  }
}
.about-us-insurance__card-content ul li:not(:last-child) {
  margin-bottom: 16px;
}
.about-us-insurance__card-content ul li span {
  margin-right: 10px;
}
.about-us-insurance__card-media {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
}
.about-us-insurance__card-media img {
  width: 100%;
  height: 324px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-insurance__card-media img {
    height: auto;
  }
}
.about-us-insurance__card:hover img {
  transform: scale(1.2);
}

.home-4-latest-gallery {
  position: relative;
  background: #00160A;
  background: var(--rs-gray-900);
}
.home-4-latest-gallery:before {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  content: "";
  height: 100%;
  opacity: 0.12;
  position: absolute;
  background: #DFF25D;
  background: var(--rs-common-yellow);
}
.home-4-latest-gallery:after {
  top: -370px;
  content: "";
  width: 1172px;
  height: 415px;
  filter: blur(192px);
  position: absolute;
  left: calc(50% - 586px);
  background: #DFF25D;
  background: var(--rs-common-yellow);
}
.home-4-latest-gallery__active {
  margin: 0px -344px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-4-latest-gallery__active {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-4-latest-gallery__active {
    margin: 0px 30px;
  }
}
@media (max-width: 575px) {
  .home-4-latest-gallery__active {
    margin: 0px 15px;
  }
}
.home-4-latest-gallery__content {
  z-index: 1;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-4-latest-gallery__content {
    max-width: 100%;
  }
}
.home-4-latest-gallery__content .section__subtitle {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.home-4-latest-gallery__content .section__title {
  margin-bottom: 0;
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.home-4-latest-gallery__item {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.home-4-latest-gallery__item:nth-child(2n) .home-4-latest-gallery__item-text {
  bottom: 82px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .home-4-latest-gallery__item:nth-child(2n) .home-4-latest-gallery__item-text {
    bottom: 71px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-4-latest-gallery__item:nth-child(2n) .home-4-latest-gallery__item-text {
    bottom: 59px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-4-latest-gallery__item:nth-child(2n) .home-4-latest-gallery__item-text {
    bottom: 0;
  }
}
.home-4-latest-gallery__item:nth-child(4n) {
  margin-top: -82px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .home-4-latest-gallery__item:nth-child(4n) {
    margin-top: -71px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-4-latest-gallery__item:nth-child(4n) {
    margin-top: -59px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-4-latest-gallery__item:nth-child(4n) {
    margin-top: 0;
  }
}
.home-4-latest-gallery__item:nth-child(4n) .home-4-latest-gallery__item-text {
  bottom: 0;
}
.home-4-latest-gallery__item-wrapper {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-4-latest-gallery__item-wrapper {
    grid-template-columns: 1fr;
  }
}
.home-4-latest-gallery__item-media {
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 5px;
}
.home-4-latest-gallery__item-media img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-4-latest-gallery__item:hover .home-4-latest-gallery__item-media img {
  transform: scale(1.2);
}
.home-4-latest-gallery__item:hover .home-4-latest-gallery__item-text {
  transform: translate(0, 0);
}
.home-4-latest-gallery__item-text {
  bottom: 0;
  margin: 20px;
  padding: 22px 30px;
  position: absolute;
  align-items: center;
  width: calc(100% - 40px);
  border-radius: 5px;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
  transform: translate(calc(100% + 20px), 0);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .home-4-latest-gallery__item-text {
    margin: 10px;
    padding: 15px 15px;
  }
}
@media (max-width: 575px) {
  .home-4-latest-gallery__item-text {
    margin: 10px;
    padding: 10px;
    width: calc(100% - 20px);
  }
}
.home-4-latest-gallery__item-text a:hover h4 {
  color: #DFF25D;
  color: var(--rs-common-yellow);
}
.home-4-latest-gallery__item-text h4 {
  margin-bottom: 5px;
  margin-bottom: 0;
  color: #00160A;
  color: var(--rs-gray-900);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .home-4-latest-gallery__item-text h4 {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .home-4-latest-gallery__item-text h4 {
    font-size: 18px;
    line-height: 28px;
  }
}
.home-4-latest-gallery__item-text span {
  color: #00160A;
  color: var(--rs-gray-900);
  font-family: var(--rs-ff-rubik);
}
.home-4-latest-gallery__item-text .read-more {
  gap: 10px;
  z-index: 1;
  width: 50px;
  height: 50px;
  padding: 10px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 5px;
  background: #DFF25D;
  background: var(--rs-common-yellow);
}
@media (max-width: 575px) {
  .home-4-latest-gallery__item-text .read-more {
    width: 40px;
    height: 40px;
  }
}
.home-4-latest-gallery__item-text .read-more::before {
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  content: "";
  height: 100%;
  position: absolute;
  transition: all 0.35s;
  transform-origin: top left;
  border-radius: 5px;
  background-color: #00160A;
  background-color: var(--rs-gray-900);
  transform: translate(-100%, 0) rotate(50deg);
}
.home-4-latest-gallery__item-text .read-more i {
  color: #00160A;
  color: var(--rs-gray-900);
}
.home-4-latest-gallery__item-text .read-more:hover i {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.home-4-latest-gallery__item-text .read-more:hover::before {
  transform: translate(0, 0);
}

.rr-agency-xlab {
  background: #DFF25D;
  background: var(--rs-common-yellow);
}
.rr-agency-xlab.rr-agency-xlab-2 span {
  -webkit-text-stroke: 1px #FFFFFF;
  -webkit-text-stroke: 1px var(--rs-common-white);
}
.rr-agency-xlab.rr-agency-xlab-2 h4 {
  color: #FFFFFF;
  color: var(--rs-common-white);
}
.rr-agency-xlab.rr-agency-xlab-2 svg path {
  fill: #FFFFFF;
  fill: var(--rs-common-white);
}
.rr-agency-xlab span {
  font-size: 48px;
  color: transparent;
  line-height: normal;
  -webkit-text-stroke: 1px #00160A;
  -webkit-text-stroke: 1px var(--rs-gray-900);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rr-agency-xlab span {
    font-size: 38px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rr-agency-xlab span {
    font-size: 40px;
    line-height: 52px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .rr-agency-xlab span {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (max-width: 575px) {
  .rr-agency-xlab span {
    font-size: 30px;
    line-height: 42px;
  }
}
@media (max-width:450px) {
  .rr-agency-xlab span {
    font-size: 27px;
    line-height: 37px;
  }
}
.rr-agency-xlab h4 {
  font-size: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rr-agency-xlab h4 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rr-agency-xlab h4 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .rr-agency-xlab h4 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (max-width: 575px) {
  .rr-agency-xlab h4 {
    font-size: 30px;
    line-height: 42px;
  }
}
@media (max-width:450px) {
  .rr-agency-xlab h4 {
    font-size: 27px;
    line-height: 37px;
  }
}

.carouselTicker {
  margin: 0;
  padding: 0;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
.carouselTicker__wrap {
  overflow: inherit !important;
}
.carouselTicker__list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  margin-left: -10px;
  margin-right: -10px;
  align-items: center;
  display: -webkit-box;
  justify-content: center;
}
.carouselTicker__list li {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.our-plans__content-wrapper {
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 20px 20px 0px 0px;
  background: #FFFFFF;
  background: var(--rs-common-white);
}
.our-plans__content-text {
  padding: 91px 10px 78px 80px;
  position: relative;
  z-index: 3;
}
@media lg {
  .our-plans__content-text {
    padding: 60px 20px 78px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .our-plans__content-text {
    padding: 40px 20px 78px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__content-text {
    padding: 20px 20px 78px 20px;
  }
}
.our-plans__content-text .section__title {
  max-width: 423px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__content-text .section__title {
    max-width: 100%;
  }
}
.our-plans__content-text .description {
  max-width: 387px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__content-text .description {
    max-width: 100%;
  }
}
.our-plans__content-text .description p {
  margin-bottom: 0;
  color: #616670;
  color: var(--rs-gray-600);
  font-family: var(--rs-ff-rubik);
}
.our-plans__content-list {
  gap: 28px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__content-list {
    gap: 10px;
  }
}
.our-plans__content-list h4 {
  line-height: 30px;
  color: #616670;
  color: var(--rs-gray-600);
  font-size: 16px;
  font-size: var(--rs-fs-body);
  font-family: var(--rs-ff-rubik);
  font-weight: 400;
  font-weight: var(--rs-fw-regular);
}
.our-plans__content-list h4 span {
  margin-right: 11px;
  font-family: var(--rs-ff-rubik);
}
.our-plans__content-from {
  width: 519px;
  height: 82px;
  max-width: 100%;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__content-from {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .our-plans__content-from {
    gap: 10px;
    width: 100%;
    height: inherit;
    align-items: center;
    flex-direction: column;
  }
}
.our-plans__content-from input {
  width: 100%;
  height: 100%;
  padding: 25px 24px;
  border-radius: 5px;
  padding-right: 185px;
  background: transparent;
  color: #616670;
  color: var(--rs-gray-600);
  border: 2px solid #8E8E8E;
  font-family: var(--rs-ff-rubik);
}
.our-plans__content-from input::-moz-placeholder { /* Firefox 19+ */
  color: #636363;
}
.our-plans__content-from input::placeholder { /* MODERN BROWSER */
  color: #636363;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .our-plans__content-from input {
    padding-right: 165px;
  }
}
@media (max-width: 575px) {
  .our-plans__content-from input {
    width: 100%;
    padding: 13px 10px;
  }
}
.our-plans__content-from button {
  right: 7px;
  position: absolute;
  top: calc(50% - 30px);
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .our-plans__content-from button {
    padding: 20px 20px;
  }
}
@media (max-width: 575px) {
  .our-plans__content-from button {
    position: relative;
  }
}
.our-plans__content-from button.btn-yellow {
  color: #00160A;
  color: var(--rs-gray-900);
  border-radius: 10px;
  background-color: #DFF25D;
  background-color: var(--rs-common-yellow);
}
.our-plans__content-from button.btn-yellow::before {
  background-color: #000000;
  background-color: var(--rs-common-black);
}
.our-plans__content-from button.btn-yellow:hover {
  background-color: var(--rs-common-balck);
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__content-media {
    display: none;
  }
}
.our-plans__content-media img {
  top: 0;
  right: 0;
  height: auto;
  max-width: 812px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__content-media img {
    height: 100%;
  }
}
.our-plans__content-media::before {
  left: 476px;
  content: "";
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 55.97%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .our-plans__content-media::before {
    left: 286px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .our-plans__content-media::before {
    left: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .our-plans__content-media::before {
    left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__content-media::before {
    left: 0;
  }
}
.our-plans__bottom {
  padding: 27px 40px;
  border-radius: 0px 0px 20px 20px;
  background: #DFF25D;
  background: var(--rs-common-yellow);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__bottom {
    padding: 15px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__bottom-wrapper {
    justify-content: flex-start !important;
  }
  .our-plans__bottom-wrapper {
    gap: 15px;
  }
}
.our-plans__bottom-item {
  gap: 20px;
  position: relative;
}
.our-plans__bottom-item:not(:last-child) {
  padding-right: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__bottom-item:not(:last-child) {
    padding-right: 0;
  }
}
.our-plans__bottom-item:not(:last-child):before {
  right: 0;
  width: 2px;
  content: "";
  opacity: 0.1;
  height: 84px;
  position: absolute;
  background: #00160A;
  background: var(--rs-gray-900);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-plans__bottom-item:not(:last-child):before {
    display: none;
  }
}
.our-plans__bottom-item-icon {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  background: #c9dc55;
  justify-content: center;
  border-radius: 5px;
}
.our-plans__bottom-item-icon img {
  width: 45px;
  height: 45px;
}
.our-plans__bottom-item-text .title {
  color: #00160A;
  color: var(--rs-gray-900);
}
.our-plans__bottom-item-text p {
  color: #00160A;
  color: var(--rs-gray-900);
  font-family: var(--rs-ff-rubik);
}

.home-4-blog-news__content {
  max-width: 755px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-4-blog-news__content {
    max-width: 100%;
  }
}
.home-4-blog-news__content .section__subtitle {
  color: #00160A;
  color: var(--rs-gray-900);
}
.home-4-blog-news__content .section__title {
  margin-bottom: 0;
}
.home-4-blog-news__item {
  overflow: hidden;
  border-radius: 5px;
  background: #FFFFFF;
  background: var(--rs-common-white);
}
.home-4-blog-news__item-media {
  overflow: hidden;
  border-radius: 5px;
}
.home-4-blog-news__item-media img {
  width: 100%;
}
.home-4-blog-news__item-text {
  z-index: 1;
  margin-top: -30px;
  padding-right: 10px;
  padding-bottom: 26px;
  padding-left: 30px;
  position: relative;
}
@media (max-width: 575px) {
  .home-4-blog-news__item-text {
    padding-left: 15px;
  }
}
.home-4-blog-news__item-date {
  display: inline-block;
  padding: 16px 42px 19px;
  font-size: 18px;
  font-size: var(--rs-fs-h5);
  color: var(--rr-gray-900);
  line-height: 22px;
  line-height: var(--rs-lh-h5);
  border-radius: 5px;
  font-weight: 500;
  font-weight: var(--rs-fw-medium);
  background: #FFFFFF;
  background: var(--rs-common-white);
  border: 1px solid #DFF25D;
  border: 1px solid var(--rs-common-yellow);
}
@media (max-width: 575px) {
  .home-4-blog-news__item-date {
    padding: 13px 20px 13px;
  }
}
.home-4-blog-news__item-meta {
  gap: 21px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  margin-bottom: 14px;
}
.home-4-blog-news__item-meta li a {
  gap: 10px;
  display: flex;
  align-items: center;
  color: #616670;
  color: var(--rs-gray-600);
  font-size: 16px;
  font-size: var(--rs-fs-h6);
  font-family: var(--rs-ff-rubik);
  font-weight: 400;
  font-weight: var(--rs-fw-regular);
}
.home-4-blog-news__item-meta li a i {
  color: #D3D3D3;
  font-size: 14px;
}
.home-4-blog-news__item-meta li a:hover {
  color: #00160A;
  color: var(--rs-gray-900);
}
.home-4-blog-news__item-text-title h4 a {
  background: linear-gradient(#000000 0%, #000000 98%);
  background: linear-gradient(var(--rs-common-black) 0%, var(--rs-common-black) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
}
.home-4-blog-news__item-text-title h4 a:hover {
  background-size: 100% 2px;
  color: #000000;
  color: var(--rs-common-black);
}
.home-4-blog-news__item:hover img {
  transform: scale(1.2);
}
.home-4-blog-news__item:hover .home-4-blog-news__item-date {
  background: #DFF25D;
  background: var(--rs-common-yellow);
}

.newsletter__area {
  position: relative;
  overflow: hidden;
  padding: 113px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter__area {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter__area {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .newsletter__area {
    padding: 60px 0;
  }
}
@media (max-width: 575px) {
  .newsletter__area {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .newsletter__shap {
    display: none;
  }
}
.newsletter__shap-left {
  top: -70px;
  left: -454px;
  position: absolute;
}
.newsletter__shap-right {
  right: -307px;
  bottom: -110px;
  position: absolute;
}
.newsletter__wrapper {
  z-index: 2;
  gap: 30px;
  position: relative;
  border-radius: 5px;
}
.newsletter__content {
  gap: 38px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .newsletter__content {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .newsletter__content {
    flex-direction: column;
  }
}
.newsletter__content h3 {
  display: flex;
  max-width: 368px;
  color: #00160A;
  color: var(--rs-gray-900);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .newsletter__content h3 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .newsletter__content h3 {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .newsletter__content h3 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 575px) {
  .newsletter__content h3 {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
  }
}
.newsletter__form {
  width: 559px;
  height: 73px;
  max-width: 100%;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .newsletter__form {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .newsletter__form {
    gap: 10px;
    width: 100%;
    height: inherit;
    align-items: center;
    flex-direction: column;
  }
}
.newsletter__form input {
  width: 100%;
  height: 100%;
  color: #636363;
  padding: 25px 24px;
  border-radius: 5px;
  padding-right: 210px;
  font-family: var(--rs-ff-rubik);
  background: #FFFFFF;
  background: var(--rs-common-white);
}
.newsletter__form input::-moz-placeholder { /* Firefox 19+ */
  color: #636363;
}
.newsletter__form input::placeholder { /* MODERN BROWSER */
  color: #636363;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .newsletter__form input {
    padding-right: 165px;
  }
}
@media (max-width: 575px) {
  .newsletter__form input {
    width: 100%;
    padding: 13px 10px;
  }
}
.newsletter__form button {
  right: 7px;
  position: absolute;
  top: calc(50% - 30px);
  color: #FFFFFF;
  color: var(--rs-common-white);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .newsletter__form button {
    padding: 20px 20px;
  }
}
@media (max-width: 575px) {
  .newsletter__form button {
    position: relative;
  }
}

.tp-brand-4-active .slick-slide {
  margin: 0 22px;
}
.tp-brand-4-active .slick-track {
  padding-bottom: 45px;
}
.tp-brand-4-active .tp-brand-4__item {
  display: flex;
  padding: 10px;
  min-height: 110px;
  background: white;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  border: 1px solid rgba(0, 29, 8, 0.1);
}
.tp-brand-4-active .tp-brand-4__item:hover {
  box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1);
}

/*----------------------------------------*/
/*  8.12 home-5
/*----------------------------------------*/
.about-us-5__media {
  display: flex;
  padding: 20px;
  min-height: 620px;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.04);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-5__media {
    min-height: auto;
  }
}
.about-us-5__content {
  margin-left: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-5__content {
    margin-left: 0;
    margin-top: 30px;
  }
}
.about-us-5__content .section__title {
  color: #121212;
  color: var(--rs-common-black-2);
}
.about-us-5__content p {
  max-width: 541px;
  margin-bottom: 0;
  line-height: 30px;
  color: #616670;
  color: var(--rs-gray-600);
  font-family: var(--rs-ff-rubik);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-5__content p {
    max-width: 100%;
  }
}
.about-us-5__content-list-wrapper {
  gap: 77px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .about-us-5__content-list-wrapper {
    display: inherit;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-us-5__content-list-wrapper {
    gap: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-us-5__content-list-wrapper {
    gap: 10px;
  }
}
.about-us-5__content-list-wrapper:not(:last-child) {
  margin-bottom: 54px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-5__content-list-wrapper:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .about-us-5__content-list-wrapper:not(:last-child) {
    margin-bottom: 0px;
  }
}
.about-us-5__content-list-item {
  gap: 20px;
  width: 50%;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-us-5__content-list-item {
    gap: 10px;
  }
}
@media (max-width: 575px) {
  .about-us-5__content-list-item {
    gap: 10px;
    width: 100%;
  }
}
.about-us-5__content-list-item .icon-wrapper {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #317EFE;
  background: var(--rs-common-blue);
}
.about-us-5__content-list-item-text .title {
  margin-bottom: 0;
  line-height: 50px;
  color: #00160A;
  color: var(--rs-gray-900);
}
.about-us-5__content-list-item-text p {
  color: #616670;
  color: var(--rs-gray-600);
  font-family: var(--rs-ff-rubik);
}

.our-key-eature-5__content {
  max-width: 521px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-key-eature-5__content {
    max-width: 100%;
  }
}
.our-key-eature-5__content .section__title {
  margin-bottom: 0;
}
.our-key-eature-5__item {
  padding: 10px;
  margin-bottom: 40px;
  border-radius: 20px;
}
.our-key-eature-5__item-media {
  overflow: hidden;
  border-radius: 20px;
}
.our-key-eature-5__item-text {
  padding-left: 30px;
  padding-bottom: 39px;
  padding-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .our-key-eature-5__item-text {
    padding-left: 10px;
    padding-bottom: 20px;
  }
}
.our-key-eature-5__item-text p {
  color: #616670;
  color: var(--rs-gray-600);
  font-family: var(--rs-ff-rubik);
}
.our-key-eature-5__item-text .title {
  color: #212121;
}
.our-key-eature-5__item-text .title:hover {
  color: #317EFE;
  color: var(--rs-common-blue);
}
.our-key-eature-5__item-text .readmore {
  color: #102431;
  font-size: 16px;
  font-size: var(--rs-fs-body);
  font-weight: 600;
  font-weight: var(--rs-fw-sbold);
}
.our-key-eature-5__item-text .readmore svg {
  margin-left: 10px;
}
.our-key-eature-5__item-text .readmore:hover {
  color: #317EFE;
  color: var(--rs-common-blue);
}
.our-key-eature-5__item-text .readmore:hover svg path {
  fill: #317EFE;
  fill: var(--rs-common-blue);
}
.our-key-eature-5__item:hover img {
  transform: scale(1.2);
}

.latest-work-5 {
  position: relative;
}
.latest-work-5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #F9F4F1 0%, rgba(249, 244, 241, 0) 100%);
}
.latest-work-5__content {
  z-index: 2;
  max-width: 410px;
  margin-left: auto;
  position: relative;
  margin-right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-work-5__content {
    width: 100%;
  }
}
.latest-work-5__content .section__title {
  margin-bottom: 0;
}
.latest-work-5__item {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-radius: 20px;
}
.latest-work-5__item-content {
  left: 50%;
  z-index: -1;
  bottom: 10px;
  display: flex;
  visibility: hidden;
  position: absolute;
  padding: 23px 26px;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 20px);
  border-radius: 20px;
  transform: translate(-50%, 0);
  background: #FFFFFF;
  background: var(--rs-common-white);
  -webkit-transform: translate(-50%, 30px);
}
.latest-work-5__item-content .ipsum {
  gap: 6px;
  display: flex;
}
.latest-work-5__item-content .title {
  color: #121212;
  color: var(--rs-common-black-2);
}
.latest-work-5__item-content .title:hover {
  color: #317EFE;
  color: var(--rs-common-blue);
}
.latest-work-5__item-content .subtitle {
  margin-bottom: 0;
  color: #317EFE;
  color: var(--rs-common-blue);
  font-size: 14px;
  font-size: var(--rs-fs-body2);
  font-weight: 700;
  font-weight: var(--rs-fw-bold);
  font-family: var(--rs-ff-rubik);
}
.latest-work-5__item:hover .latest-work-5__item-content {
  z-index: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0px);
}

.clients-testomonial {
  position: relative;
}
.clients-testomonial__area {
  overflow: hidden;
}
@media lg, only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .clients-testomonial__area {
    padding: 0px 20px;
  }
}
.clients-testomonial-media {
  width: 50%;
  height: 701px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .clients-testomonial-media {
    width: 100% !important;
  }
  .clients-testomonial-media {
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clients-testomonial-media {
    width: 100%;
    height: 400px;
    position: relative;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .clients-testomonial-media {
    width: 100%;
    height: 300px;
    position: relative;
  }
}
@media (max-width: 575px) {
  .clients-testomonial-media {
    width: 100%;
    height: 250px;
    position: relative;
  }
}
.clients-testomonial__content {
  margin-left: -64px;
  padding: 100px 0px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .clients-testomonial__content {
    margin-left: 0;
    padding: 80px 20px;
  }
}
@media (max-width: 575px) {
  .clients-testomonial__content {
    margin-left: 0;
    padding: 40px 0px;
  }
}
.clients-testomonial__content .section__title {
  max-width: 552px;
  color: #121212;
  color: var(--rs-common-black-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .clients-testomonial__content .section__title {
    max-width: 100%;
  }
}
.clients-testomonial__content-star i {
  color: #317EFE;
  color: var(--rs-common-blue);
}
.clients-testomonial__content-star span {
  padding-left: 15px;
  color: #616670;
  color: var(--rs-gray-600);
}
.clients-testomonial__content-description p {
  max-width: 565px;
  margin-bottom: 0;
  color: #616670;
  color: var(--rs-gray-600);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .clients-testomonial__content-description p {
    max-width: 100%;
  }
}
.clients-testomonial__content-author {
  gap: 21px;
}
@media (max-width: 575px) {
  .clients-testomonial__content-author {
    display: inherit !important;
  }
}
.clients-testomonial__content-thumb {
  width: 95px;
  height: 95px;
  position: relative;
  overflow: hidden;
}
.clients-testomonial__content-thumb img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 500px;
}
.clients-testomonial__content-thumb span {
  right: 0;
  bottom: 0px;
  width: 35px;
  height: 35px;
  display: flex;
  z-index: 9999;
  position: absolute;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
}
.clients-testomonial__content .feedback__item-3-info h4 a {
  margin-bottom: 7px;
  color: #121212;
  color: var(--rs-common-black-2);
}
.clients-testomonial__content .feedback__item-3-info h4 a:hover {
  color: #317EFE;
  color: var(--rs-common-blue);
}
.clients-testomonial__content .feedback__item-3-info span {
  color: #616670;
  color: var(--rs-gray-600);
  font-family: var(--rs-ff-rubik);
}

.blog-3 .section-3__title-wrapper {
  max-width: 489px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-3 .section-3__title-wrapper {
    max-width: 100%;
  }
}

.blog-3__item {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
}
.blog-3__item:hover .blog-3__item__media img {
  transform: scale(1.2);
}
.blog-3__item__text {
  padding: 20px;
  padding-top: 26px;
  padding-left: 30px;
  padding-bottom: 26px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-3__item__text {
    padding: 20px;
    padding-bottom: 25px;
  }
}
.blog-3__item__text a h4 {
  max-width: 225px;
  color: #121212;
  color: var(--rs-common-black-2);
}
.blog-3__item__text a:hover h4 {
  color: #317EFE;
  color: var(--rs-common-blue);
}
.blog-3__item__media {
  width: 100%;
  height: 260px;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}
.blog-3__item__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-3__item__date {
  top: 10px;
  right: 10px;
  position: absolute;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 5px;
  background-color: #FFFFFF;
  background-color: var(--rs-common-white);
  border: 1px solid rgba(49, 126, 254, 0.5);
}
.blog-3__item__date h5 {
  color: #121212;
  color: var(--rs-common-black-2);
}
.blog-3__item__meta {
  gap: 4px 21px;
}
.blog-3__item__meta a {
  gap: 10px;
  display: flex;
  align-items: center;
}
.blog-3__item__meta a svg {
  transition: 0.3s;
}
.blog-3__item__meta a span {
  gap: 6px;
  opacity: 0.6;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  font-style: normal;
  align-items: center;
  color: #484949;
  color: var(--rs-gray-800);
  font-family: var(--rs-ff-rubik);
}
.blog-3__item__meta a:hover span {
  opacity: 1;
  color: #317EFE;
  color: var(--rs-common-blue);
}
.blog-3__item__meta a:hover svg path {
  fill: #317EFE;
  fill: var(--rs-common-blue);
}

.rr-maps {
  line-height: 0;
}

/*# sourceMappingURL=main.css.map*/