/**
 * Colors
 */
/**
 * Breakpoints & Media Queries
 */
/**
 * Colors
 */
/**
 * Fonts & basic variables.
 */
/**
 * Grid System.
 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
 */
/**
 * Dimensions.
 */
/**
 * Shadows.
 */
/**
 * Editor widths.
 */
/**
 * Block UI.
 */
/**
 * Border radii.
 */
/**
 * Block paddings.
 */
/**
 * Breakpoint mixins
 */
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Focus styles.
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
/**
 * Allows users to opt-out of animations via OS-level preferences.
 */
/**
 * Reset default styles for JavaScript UI based pages.
 * This is a WP-admin agnostic reset
 */
/**
 * Reset the WP Admin page styles for Gutenberg-like pages.
 */
 @font-face {
    font-family: 'Integral CF';
    src: local('Integral CF Demi Bold'), local('Integral-CF-Demi-Bold'),
        url('../ttf/integralcf-demibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }
:root {
  --wp-admin-theme-color: #007cba;
  --wp-admin-theme-color-darker-10: #006ba1;
  --wp-admin-theme-color-darker-20: #005a87; }

#start-resizable-editor-section {
  display: none; }

.wp-block-audio figcaption {
  margin-top: 0.5em;
  margin-bottom: 1em; }

.wp-block-audio audio {
  width: 100%;
  min-width: 300px; }

.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border: none;
  border-radius: 1.55em;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1.125em;
  padding: 0.667em 1.333em;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word; }
  .wp-block-button__link:hover, .wp-block-button__link:focus,
  .wp-block-button__link:active, .wp-block-button__link:visited {
    color: #fff; }
  .wp-block-button__link.aligncenter {
    text-align: center; }
  .wp-block-button__link.alignright {
    /*rtl:ignore*/
    text-align: right; }

.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
  border-radius: 0; }

.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
  border-radius: 0 !important; }

.is-style-outline > .wp-block-button__link,
.wp-block-button__link.is-style-outline {
  border: 2px solid; }

.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
  color: #32373c; }

.is-style-outline > .wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
  background-color: transparent; }

.wp-block-buttons .wp-block-button {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0.5em; }
  .wp-block-buttons .wp-block-button:last-child {
    margin-right: 0; }

.wp-block-buttons.alignright .wp-block-button {
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:ignore*/
  margin-left: 0.5em; }
  .wp-block-buttons.alignright .wp-block-button:first-child {
    margin-left: 0; }

.wp-block-buttons.alignleft .wp-block-button {
  /*rtl:ignore*/
  margin-left: 0;
  /*rtl:ignore*/
  margin-right: 0.5em; }
  .wp-block-buttons.alignleft .wp-block-button:last-child {
    margin-right: 0; }

.wp-block-button.aligncenter,
.wp-block-buttons.aligncenter {
  text-align: center; }

.wp-block-calendar {
  text-align: center; }
  .wp-block-calendar th,
  .wp-block-calendar tbody td {
    padding: 0.25em;
    border: 1px solid #ddd; }
  .wp-block-calendar tfoot td {
    border: none; }
  .wp-block-calendar table {
    width: 100%;
    border-collapse: collapse; }
  .wp-block-calendar table th {
    font-weight: 400;
    background: #ddd; }
  .wp-block-calendar a {
    text-decoration: underline; }
  .wp-block-calendar table tbody,
  .wp-block-calendar table caption {
    color: #40464d; }

.wp-block-categories.alignleft {
  /*rtl:ignore*/
  margin-right: 2em; }

.wp-block-categories.alignright {
  /*rtl:ignore*/
  margin-left: 2em; }

.wp-block-code code {
  white-space: pre-wrap;
  overflow-wrap: break-word; }

.wp-block-columns {
  display: flex;
  margin-bottom: 1.75em;
  flex-wrap: wrap;
  /**
	* All Columns Alignment
	*/ }
  @media (min-width: 782px) {
    .wp-block-columns {
      flex-wrap: nowrap; } }
  .wp-block-columns.has-background {
    padding: 1.25em 2.375em; }
  .wp-block-columns.are-vertically-aligned-top {
    align-items: flex-start; }
  .wp-block-columns.are-vertically-aligned-center {
    align-items: center; }
  .wp-block-columns.are-vertically-aligned-bottom {
    align-items: flex-end; }

.wp-block-column {
  flex-grow: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  /**
	* Individual Column Alignment
	*/ }
  @media (min-width: 782px) {
    .wp-block-column {
      flex-basis: 0;
      flex-grow: 1; }
      .wp-block-column[style*="flex-basis"] {
        flex-grow: 0; }
      .wp-block-column:not(:first-child) {
        margin-left: 2em; } }
  .wp-block-column.is-vertically-aligned-top {
    align-self: flex-start; }
  .wp-block-column.is-vertically-aligned-center {
    -ms-grid-row-align: center;
        align-self: center; }
  .wp-block-column.is-vertically-aligned-bottom {
    align-self: flex-end; }
  .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {
    width: 100%; }

.wp-block-cover-image,
.wp-block-cover {
  position: relative;
  background-size: cover;
  background-position: center center;
  min-height: 430px;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em;
  box-sizing: border-box;
  /**
	 * Set a default background color for has-background-dim _unless_ it includes another
	 * background-color class (e.g. has-green-background-color). The presence of another
	 * background-color class implies that another style will provide the background color
	 * for the overlay.
	 *
	 * See:
	 *   - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545
	 *   - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
	 */ }
  .wp-block-cover-image.has-parallax,
  .wp-block-cover.has-parallax {
    background-attachment: fixed; }
    @supports (-webkit-overflow-scrolling: touch) {
      .wp-block-cover-image.has-parallax,
      .wp-block-cover.has-parallax {
        background-attachment: scroll; } }
    @media (prefers-reduced-motion: reduce) {
      .wp-block-cover-image.has-parallax,
      .wp-block-cover.has-parallax {
        background-attachment: scroll; } }
  .wp-block-cover-image.is-repeated,
  .wp-block-cover.is-repeated {
    background-repeat: repeat;
    background-size: auto; }
  .wp-block-cover-image.has-background-dim:not([class*="-background-color"]),
  .wp-block-cover.has-background-dim:not([class*="-background-color"]) {
    background-color: #000; }
  .wp-block-cover-image.has-background-dim::before,
  .wp-block-cover.has-background-dim::before {
    content: "";
    background-color: inherit; }
  .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
  .wp-block-cover-image .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
  .wp-block-cover .wp-block-cover__gradient-background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0.5; }
  .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
  .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
  .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
    opacity: 0.1; }
  .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
  .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
  .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
    opacity: 0.2; }
  .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
  .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
  .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
    opacity: 0.3; }
  .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
  .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
  .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
    opacity: 0.4; }
  .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
  .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
  .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
    opacity: 0.5; }
  .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
  .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
  .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
    opacity: 0.6; }
  .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
  .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
  .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
    opacity: 0.7; }
  .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
  .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
  .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
    opacity: 0.8; }
  .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
  .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
  .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
    opacity: 0.9; }
  .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
  .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
  .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
  .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
    opacity: 1; }
  .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
  .wp-block-cover.alignleft,
  .wp-block-cover.alignright {
    max-width: 290px;
    width: 100%; }
  .wp-block-cover-image::after,
  .wp-block-cover::after {
    display: block;
    content: "";
    font-size: 0;
    min-height: inherit; }
    @supports (position: sticky) {
      .wp-block-cover-image::after,
      .wp-block-cover::after {
        content: none; } }
  .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
  .wp-block-cover.aligncenter,
  .wp-block-cover.alignleft,
  .wp-block-cover.alignright {
    display: flex; }
  .wp-block-cover-image .wp-block-cover__inner-container,
  .wp-block-cover .wp-block-cover__inner-container {
    width: 100%;
    z-index: 1;
    color: #fff; }
  .wp-block-cover-image p:not(.has-text-color),
  .wp-block-cover-image h1:not(.has-text-color),
  .wp-block-cover-image h2:not(.has-text-color),
  .wp-block-cover-image h3:not(.has-text-color),
  .wp-block-cover-image h4:not(.has-text-color),
  .wp-block-cover-image h5:not(.has-text-color),
  .wp-block-cover-image h6:not(.has-text-color),
  .wp-block-cover-image .wp-block-subhead:not(.has-text-color),
  .wp-block-cover p:not(.has-text-color),
  .wp-block-cover h1:not(.has-text-color),
  .wp-block-cover h2:not(.has-text-color),
  .wp-block-cover h3:not(.has-text-color),
  .wp-block-cover h4:not(.has-text-color),
  .wp-block-cover h5:not(.has-text-color),
  .wp-block-cover h6:not(.has-text-color),
  .wp-block-cover .wp-block-subhead:not(.has-text-color) {
    color: inherit; }
  .wp-block-cover-image.is-position-top-left,
  .wp-block-cover.is-position-top-left {
    align-items: flex-start;
    justify-content: flex-start; }
  .wp-block-cover-image.is-position-top-center,
  .wp-block-cover.is-position-top-center {
    align-items: flex-start;
    justify-content: center; }
  .wp-block-cover-image.is-position-top-right,
  .wp-block-cover.is-position-top-right {
    align-items: flex-start;
    justify-content: flex-end; }
  .wp-block-cover-image.is-position-center-left,
  .wp-block-cover.is-position-center-left {
    align-items: center;
    justify-content: flex-start; }
  .wp-block-cover-image.is-position-center-center,
  .wp-block-cover.is-position-center-center {
    align-items: center;
    justify-content: center; }
  .wp-block-cover-image.is-position-center-right,
  .wp-block-cover.is-position-center-right {
    align-items: center;
    justify-content: flex-end; }
  .wp-block-cover-image.is-position-bottom-left,
  .wp-block-cover.is-position-bottom-left {
    align-items: flex-end;
    justify-content: flex-start; }
  .wp-block-cover-image.is-position-bottom-center,
  .wp-block-cover.is-position-bottom-center {
    align-items: flex-end;
    justify-content: center; }
  .wp-block-cover-image.is-position-bottom-right,
  .wp-block-cover.is-position-bottom-right {
    align-items: flex-end;
    justify-content: flex-end; }
  .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
  .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
    margin: 0;
    width: auto; }

.wp-block-cover__video-background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover; }

section.wp-block-cover-image h2,
.wp-block-cover-image-text,
.wp-block-cover-text {
  color: #fff; }
  section.wp-block-cover-image h2 a,
  section.wp-block-cover-image h2 a:hover,
  section.wp-block-cover-image h2 a:focus,
  section.wp-block-cover-image h2 a:active,
  .wp-block-cover-image-text a,
  .wp-block-cover-image-text a:hover,
  .wp-block-cover-image-text a:focus,
  .wp-block-cover-image-text a:active,
  .wp-block-cover-text a,
  .wp-block-cover-text a:hover,
  .wp-block-cover-text a:focus,
  .wp-block-cover-text a:active {
    color: #fff; }

.wp-block-cover-image
.wp-block-cover.has-left-content {
  justify-content: flex-start; }

.wp-block-cover-image
.wp-block-cover.has-right-content {
  justify-content: flex-end; }

section.wp-block-cover-image.has-left-content > h2,
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text {
  margin-left: 0;
  text-align: left; }
section.wp-block-cover-image.has-right-content > h2,
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text {
  margin-right: 0;
  text-align: right; }
section.wp-block-cover-image > h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
  font-size: 2em;
  line-height: 1.25;
  z-index: 1;
  margin-bottom: 0;
  max-width: 580px;
  padding: 0.44em;
  text-align: center; }
.wp-block[data-align="left"] > [data-type="core/embed"],
.wp-block[data-align="right"] > [data-type="core/embed"],
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
  max-width: 360px;
  width: 100%; }
  .wp-block[data-align="left"] > [data-type="core/embed"] .wp-block-embed__wrapper,
  .wp-block[data-align="right"] > [data-type="core/embed"] .wp-block-embed__wrapper,
  .wp-block-embed.alignleft .wp-block-embed__wrapper,
  .wp-block-embed.alignright .wp-block-embed__wrapper {
    min-width: 280px; }
.wp-block-embed {
  margin-bottom: 1em; }
  .wp-block-embed figcaption {
    margin-top: 0.5em;
    margin-bottom: 1em; }
  .wp-block-embed iframe {
    max-width: 100%; }
.wp-block-embed__wrapper {
  position: relative; }
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {
  content: "";
  display: block;
  padding-top: 50%; }
.wp-embed-responsive .wp-has-aspect-ratio iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%; }
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
  padding-top: 42.85%; }
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
  padding-top: 50%; }
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
  padding-top: 56.25%; }
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
  padding-top: 75%; }
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
  padding-top: 100%; }
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
  padding-top: 177.77%; }
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
  padding-top: 200%; }
.wp-block-file {
  margin-bottom: 1.5em; }
  .wp-block-file.aligncenter {
    text-align: center; }
  .wp-block-file.alignright {
    /*rtl:ignore*/
    text-align: right; }
  .wp-block-file .wp-block-file__button {
    background: #32373c;
    border-radius: 2em;
    color: #fff;
    font-size: 0.8em;
    padding: 0.5em 1em; }
  .wp-block-file a.wp-block-file__button {
    text-decoration: none; }
    .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {
      box-shadow: none;
      color: #fff;
      opacity: 0.85;
      text-decoration: none; }
  .wp-block-file * + .wp-block-file__button {
    margin-left: 0.75em; }
.wp-block-gallery,
.blocks-gallery-grid {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .wp-block-gallery .blocks-gallery-image,
  .wp-block-gallery .blocks-gallery-item,
  .blocks-gallery-grid .blocks-gallery-image,
  .blocks-gallery-grid .blocks-gallery-item {
    margin: 0 1em 1em 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: calc(50% - 1em); }
    .wp-block-gallery .blocks-gallery-image:nth-of-type(even),
    .wp-block-gallery .blocks-gallery-item:nth-of-type(even),
    .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),
    .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {
      margin-right: 0; }
    .wp-block-gallery .blocks-gallery-image figure,
    .wp-block-gallery .blocks-gallery-item figure,
    .blocks-gallery-grid .blocks-gallery-image figure,
    .blocks-gallery-grid .blocks-gallery-item figure {
      margin: 0;
      height: 100%; }
      @supports (position: sticky) {
        .wp-block-gallery .blocks-gallery-image figure,
        .wp-block-gallery .blocks-gallery-item figure,
        .blocks-gallery-grid .blocks-gallery-image figure,
        .blocks-gallery-grid .blocks-gallery-item figure {
          display: flex;
          align-items: flex-end;
          justify-content: flex-start; } }
    .wp-block-gallery .blocks-gallery-image img,
    .wp-block-gallery .blocks-gallery-item img,
    .blocks-gallery-grid .blocks-gallery-image img,
    .blocks-gallery-grid .blocks-gallery-item img {
      display: block;
      max-width: 100%;
      height: auto;
      width: 100%; }
      @supports (position: sticky) {
        .wp-block-gallery .blocks-gallery-image img,
        .wp-block-gallery .blocks-gallery-item img,
        .blocks-gallery-grid .blocks-gallery-image img,
        .blocks-gallery-grid .blocks-gallery-item img {
          width: auto; } }
    .wp-block-gallery .blocks-gallery-image figcaption,
    .wp-block-gallery .blocks-gallery-item figcaption,
    .blocks-gallery-grid .blocks-gallery-image figcaption,
    .blocks-gallery-grid .blocks-gallery-item figcaption {
      position: absolute;
      bottom: 0;
      width: 100%;
      max-height: 100%;
      overflow: auto;
      padding: 3em 0.77em 0.7em;
      color: #fff;
      text-align: center;
      font-size: 0.8em;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
      box-sizing: border-box;
      margin: 0; }
      .wp-block-gallery .blocks-gallery-image figcaption img,
      .wp-block-gallery .blocks-gallery-item figcaption img,
      .blocks-gallery-grid .blocks-gallery-image figcaption img,
      .blocks-gallery-grid .blocks-gallery-item figcaption img {
        display: inline; }
  .wp-block-gallery figcaption,
  .blocks-gallery-grid figcaption {
    flex-grow: 1; }
  .wp-block-gallery.is-cropped .blocks-gallery-image a,
  .wp-block-gallery.is-cropped .blocks-gallery-image img,
  .wp-block-gallery.is-cropped .blocks-gallery-item a,
  .wp-block-gallery.is-cropped .blocks-gallery-item img,
  .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
  .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
  .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
  .blocks-gallery-grid.is-cropped .blocks-gallery-item img {
    width: 100%; }
    @supports (position: sticky) {
      .wp-block-gallery.is-cropped .blocks-gallery-image a,
      .wp-block-gallery.is-cropped .blocks-gallery-image img,
      .wp-block-gallery.is-cropped .blocks-gallery-item a,
      .wp-block-gallery.is-cropped .blocks-gallery-item img,
      .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
      .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
      .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
      .blocks-gallery-grid.is-cropped .blocks-gallery-item img {
        height: 100%;
        flex: 1;
        -o-object-fit: cover;
           object-fit: cover; } }
  .wp-block-gallery.columns-1 .blocks-gallery-image,
  .wp-block-gallery.columns-1 .blocks-gallery-item,
  .blocks-gallery-grid.columns-1 .blocks-gallery-image,
  .blocks-gallery-grid.columns-1 .blocks-gallery-item {
    width: 100%;
    margin-right: 0; }
  @media (min-width: 600px) {
    .wp-block-gallery.columns-3 .blocks-gallery-image,
    .wp-block-gallery.columns-3 .blocks-gallery-item,
    .blocks-gallery-grid.columns-3 .blocks-gallery-image,
    .blocks-gallery-grid.columns-3 .blocks-gallery-item {
      width: calc(33.33333% - 0.66667em);
      margin-right: 1em; }
    .wp-block-gallery.columns-4 .blocks-gallery-image,
    .wp-block-gallery.columns-4 .blocks-gallery-item,
    .blocks-gallery-grid.columns-4 .blocks-gallery-image,
    .blocks-gallery-grid.columns-4 .blocks-gallery-item {
      width: calc(25% - 0.75em);
      margin-right: 1em; }
    .wp-block-gallery.columns-5 .blocks-gallery-image,
    .wp-block-gallery.columns-5 .blocks-gallery-item,
    .blocks-gallery-grid.columns-5 .blocks-gallery-image,
    .blocks-gallery-grid.columns-5 .blocks-gallery-item {
      width: calc(20% - 0.8em);
      margin-right: 1em; }
    .wp-block-gallery.columns-6 .blocks-gallery-image,
    .wp-block-gallery.columns-6 .blocks-gallery-item,
    .blocks-gallery-grid.columns-6 .blocks-gallery-image,
    .blocks-gallery-grid.columns-6 .blocks-gallery-item {
      width: calc(16.66667% - 0.83333em);
      margin-right: 1em; }
    .wp-block-gallery.columns-7 .blocks-gallery-image,
    .wp-block-gallery.columns-7 .blocks-gallery-item,
    .blocks-gallery-grid.columns-7 .blocks-gallery-image,
    .blocks-gallery-grid.columns-7 .blocks-gallery-item {
      width: calc(14.28571% - 0.85714em);
      margin-right: 1em; }
    .wp-block-gallery.columns-8 .blocks-gallery-image,
    .wp-block-gallery.columns-8 .blocks-gallery-item,
    .blocks-gallery-grid.columns-8 .blocks-gallery-image,
    .blocks-gallery-grid.columns-8 .blocks-gallery-item {
      width: calc(12.5% - 0.875em);
      margin-right: 1em; }
    .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
    .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {
      margin-right: 0; }
    .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
    .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {
      margin-right: 0; }
    .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
    .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {
      margin-right: 0; }
    .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
    .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {
      margin-right: 0; }
    .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
    .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {
      margin-right: 0; }
    .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
    .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {
      margin-right: 0; }
    .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
    .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {
      margin-right: 0; }
    .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),
    .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {
      margin-right: 0; } }
  .wp-block-gallery .blocks-gallery-image:last-child,
  .wp-block-gallery .blocks-gallery-item:last-child,
  .blocks-gallery-grid .blocks-gallery-image:last-child,
  .blocks-gallery-grid .blocks-gallery-item:last-child {
    margin-right: 0; }
  .wp-block-gallery.alignleft, .wp-block-gallery.alignright,
  .blocks-gallery-grid.alignleft,
  .blocks-gallery-grid.alignright {
    max-width: 290px;
    width: 100%; }
  .wp-block-gallery.aligncenter .blocks-gallery-item figure,
  .blocks-gallery-grid.aligncenter .blocks-gallery-item figure {
    justify-content: center; }
.wp-block-group {
  box-sizing: border-box; }
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
  padding: 1.25em 2.375em; }
.wp-block-image {
  margin-bottom: 1em; }
  .wp-block-image img {
    max-width: 100%; }
  .wp-block-image.aligncenter {
    text-align: center; }
  .wp-block-image.alignfull img,
  .wp-block-image.alignwide img {
    width: 100%; }
  .wp-block-image .alignleft,
  .wp-block-image .alignright,
  .wp-block-image .aligncenter {
    display: table; }
    .wp-block-image .alignleft > figcaption,
    .wp-block-image .alignright > figcaption,
    .wp-block-image .aligncenter > figcaption {
      display: table-caption;
      caption-side: bottom; }
  .wp-block-image .alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-left: 0;
    margin-right: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .wp-block-image .alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-right: 0;
    margin-left: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto; }
  .wp-block-image figcaption {
    margin-top: 0.5em;
    margin-bottom: 1em; }
.is-style-rounded img {
  border-radius: 9999px; }
.is-style-circle-mask img {
  border-radius: 9999px; }
  @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
    .is-style-circle-mask img {
      /* stylelint-disable */
      -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
              mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
      /* stylelint-enable */
      mask-mode: alpha;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-position: center;
              mask-position: center;
      border-radius: 0; } }
.wp-block-latest-comments__comment {
  line-height: 1.1;
  list-style: none;
  margin-bottom: 1em; }
  .has-avatars .wp-block-latest-comments__comment {
    min-height: 2.25em;
    list-style: none; }
    .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
    .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
      margin-left: 3.25em; }
  .has-dates .wp-block-latest-comments__comment,
  .has-excerpts .wp-block-latest-comments__comment {
    line-height: 1.5; }
.wp-block-latest-comments__comment-excerpt p {
  font-size: 0.875em;
  line-height: 1.8;
  margin: 0.36em 0 1.4em; }
.wp-block-latest-comments__comment-date {
  display: block;
  font-size: 0.75em; }
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
  border-radius: 1.5em;
  display: block;
  float: left;
  height: 2.5em;
  margin-right: 0.75em;
  width: 2.5em; }
.wp-block-latest-posts.alignleft {
  /*rtl:ignore*/
  margin-right: 2em; }
.wp-block-latest-posts.alignright {
  /*rtl:ignore*/
  margin-left: 2em; }
.wp-block-latest-posts.wp-block-latest-posts__list {
  list-style: none; }
  .wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both; }
.wp-block-latest-posts.is-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0; }
  .wp-block-latest-posts.is-grid li {
    margin: 0 1.25em 1.25em 0;
    width: 100%; }
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author {
  display: block;
  color: #555;
  font-size: 0.8125em; }
.wp-block-latest-posts__post-excerpt {
  margin-top: 0.5em;
  margin-bottom: 1em; }
.wp-block-latest-posts__featured-image a {
  display: inline-block; }
.wp-block-latest-posts__featured-image img {
  height: auto;
  width: auto; }
.wp-block-latest-posts__featured-image.alignleft {
  /*rtl:ignore*/
  margin-right: 1em; }
.wp-block-latest-posts__featured-image.alignright {
  /*rtl:ignore*/
  margin-left: 1em; }
.wp-block-latest-posts__featured-image.aligncenter {
  margin-bottom: 1em;
  text-align: center; }
.block-editor-image-alignment-control__row .components-base-control__field {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
    margin-bottom: 0; }
ol.has-background,
ul.has-background {
  padding: 1.25em 2.375em; }
.wp-block-media-text {
  /*!rtl:begin:ignore*/
  direction: ltr;
  /*!rtl:end:ignore*/
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 1fr;
  grid-template-columns: 50% 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto; }
  .wp-block-media-text.has-media-on-the-right {
    -ms-grid-columns: 1fr 50%;
    grid-template-columns: 1fr 50%; }
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
  -ms-grid-row-align: start;
      align-self: start; }
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {
  -ms-grid-row-align: center;
      align-self: center; }
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
  -ms-grid-row-align: end;
      align-self: end; }
.wp-block-media-text .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/
  margin: 0; }
.wp-block-media-text .wp-block-media-text__content {
  direction: ltr;
  /*!rtl:begin:ignore*/
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/
  padding: 0 8% 0 8%;
  word-break: break-word; }
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/ }
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  /*!rtl:begin:ignore*/
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/ }
.wp-block-media-text__media img,
.wp-block-media-text__media video {
  max-width: unset;
  width: 100%;
  vertical-align: middle; }
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
  height: 100%;
  min-height: 250px;
  background-size: cover; }
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
/*
* Here we here not able to use a mobile first CSS approach.
* Custom widths are set using inline styles, and on mobile,
* we need 100% width, so we use important to overwrite the inline style.
* If the style were set on mobile first, on desktop styles,
* we would have no way of setting the style again to the inline style.
*/
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link:not(.has-text-color) {
  color: #1e1e1e; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
  background-color: #fff; }
.items-justified-left > ul {
  justify-content: flex-start; }
.items-justified-center > ul {
  justify-content: center; }
.items-justified-right > ul {
  justify-content: flex-end; }
.wp-block-navigation-link {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0; }
  .wp-block-navigation-link .wp-block-navigation__container:empty {
    display: none; }
.wp-block-navigation__container {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap; }
  .is-vertical .wp-block-navigation__container {
    display: block; }
.has-child > .wp-block-navigation-link__content {
  padding-right: 0.5em; }
.has-child .wp-block-navigation__container {
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: inherit;
  color: inherit;
  position: absolute;
  left: 0;
  top: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.1s linear;
  visibility: hidden; }
  .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content {
    flex-grow: 1; }
  .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon {
    padding-right: 0.5em; }
  @media (min-width: 782px) {
    .has-child .wp-block-navigation__container {
      left: 1.5em; }
      .has-child .wp-block-navigation__container .wp-block-navigation__container {
        left: 100%;
        top: -1px; }
        .has-child .wp-block-navigation__container .wp-block-navigation__container::before {
          content: "";
          position: absolute;
          right: 100%;
          height: 100%;
          display: block;
          width: 0.5em;
          background: transparent; }
      .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
        transform: rotate(0); }
      }
.has-child:hover {
  cursor: pointer; }
  .has-child:hover > .wp-block-navigation__container {
    visibility: visible;
    opacity: 1;
    display: flex;
    flex-direction: column; }
.has-child:focus-within {
  cursor: pointer; }
  .has-child:focus-within > .wp-block-navigation__container {
    visibility: visible;
    opacity: 1;
    display: flex;
    flex-direction: column; }
.wp-block-navigation-link__content {
  color: inherit;
  text-decoration: none;
  padding: 0.5em 1em; }
  .wp-block-navigation-link__content + .wp-block-navigation-link__content {
    padding-top: 0; }
  .has-text-color .wp-block-navigation-link__content {
    color: inherit; }
.wp-block-navigation-link__label {
  word-break: normal;
  overflow-wrap: break-word; }
.wp-block-navigation-link__submenu-icon {
  height: inherit;
  padding: 0.375em 1em 0.375em 0; }
  .wp-block-navigation-link__submenu-icon svg {
    fill: currentColor; }
    @media (min-width: 782px) {
      .wp-block-navigation-link__submenu-icon svg {
        transform: rotate(90deg); } }
.is-small-text {
  font-size: 0.875em; }
.is-regular-text {
  font-size: 1em; }
.is-large-text {
  font-size: 2.25em; }
.is-larger-text {
  font-size: 3em; }
.has-drop-cap:not(:focus)::first-letter {
  float: left;
  font-size: 8.4em;
  line-height: 0.68;
  font-weight: 100;
  margin: 0.05em 0.1em 0 0;
  text-transform: uppercase;
  font-style: normal; }
p.has-background {
  padding: 1.25em 2.375em; }
p.has-text-color a {
  color: inherit;
}
.wp-block-post-author {
  display: flex;
  flex-wrap: wrap; }
  .wp-block-post-author__byline {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.5em; }
  .wp-block-post-author__avatar {
    margin-right: 1em; }
  .wp-block-post-author__bio {
    margin-bottom: 0.7em;
    font-size: 0.7em; }
  .wp-block-post-author__content {
    flex-grow: 1;
    flex-basis: 0; }
  .wp-block-post-author__name {
    font-weight: bold;
    margin: 0; }
.wp-block-pullquote {
  padding: 3em 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center; }
  .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
    max-width: 290px; }
    .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
      font-size: 1.25em; }
  .wp-block-pullquote p {
    font-size: 1.75em;
    line-height: 1.6; }
  .wp-block-pullquote cite,
  .wp-block-pullquote footer {
    position: relative; }
  .wp-block-pullquote .has-text-color a {
    color: inherit; }
.wp-block-pullquote:not(.is-style-solid-color) {
  background: none; }
.wp-block-pullquote.is-style-solid-color {
  border: none; }
  .wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    max-width: 60%; }
    .wp-block-pullquote.is-style-solid-color blockquote p {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 2em; }
    .wp-block-pullquote.is-style-solid-color blockquote cite {
      text-transform: none;
      font-style: normal; }
.wp-block-pullquote cite {
  color: inherit; }
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
  margin-bottom: 1em;
  padding: 0 1em; }
  .wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6; }
  .wp-block-quote.is-style-large cite,
  .wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,
  .wp-block-quote.is-large footer {
    font-size: 1.125em;
    text-align: right; }
.wp-block-rss.alignleft {
  /*rtl:ignore*/
  margin-right: 2em; }
.wp-block-rss.alignright {
  /*rtl:ignore*/
  margin-left: 2em; }
.wp-block-rss.is-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none; }
  .wp-block-rss.is-grid li {
    margin: 0 1em 1em 0;
    width: 100%; }
.wp-block-rss__item-publish-date,
.wp-block-rss__item-author {
  display: block;
  color: #555;
  font-size: 0.8125em; }
.wp-block-search .wp-block-search__inside-wrapper {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  max-width: 100%; }
.wp-block-search .wp-block-search__label {
  width: 100%; }
.wp-block-search .wp-block-search__input {
  flex-grow: 1;
  min-width: 3em;
  border: 1px solid #949494; }
.wp-block-search .wp-block-search__button {
  margin-left: 0.625em;
  word-break: normal; }
  .wp-block-search .wp-block-search__button svg {
    min-width: 1.5em;
    min-height: 1.5em; }
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  margin-left: 0; }
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding: 4px;
  border: 1px solid #949494; }
  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
    border-radius: 0;
    border: none;
    padding: 0 0 0 0.25em; }
    .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
      outline: none; }
  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
    padding: 0.125em 0.5em; }
.wp-block-separator.is-style-wide {
  border-bottom-width: 1px; }
.wp-block-separator.is-style-dots {
  background: none !important;
  border: none;
  text-align: center;
  max-width: none;
  line-height: 1;
  height: auto; }
  .wp-block-separator.is-style-dots::before {
    content: "\00b7 \00b7 \00b7";
    color: currentColor;
    font-size: 1.5em;
    letter-spacing: 2em;
    /*rtl:ignore*/
    padding-left: 2em;
    font-family: serif; }
.wp-block-custom-logo .aligncenter {
  display: table; }
.wp-block-social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
  text-indent: 0;
  margin-left: 0; }
  .wp-block-social-links .wp-social-link a,
  .wp-block-social-links .wp-social-link a:hover {
    text-decoration: none;
    border-bottom: 0;
    box-shadow: none; }
.wp-social-link {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 9999px;
  margin: 0 8px 8px 0;
  transition: transform 0.1s ease; }
  @media (prefers-reduced-motion: reduce) {
    .wp-social-link {
      transition-duration: 0s; } }
  .wp-social-link a {
    padding: 6px;
    display: block;
    line-height: 0;
    transition: transform 0.1s ease; }
  .wp-social-link a,
  .wp-social-link a:hover,
  .wp-social-link a:active,
  .wp-social-link a:visited,
  .wp-social-link svg {
    color: currentColor;
    fill: currentColor; }
  .wp-social-link:hover {
    transform: scale(1.1); }
.wp-block-social-links.aligncenter {
  justify-content: center;
  display: flex; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
  background-color: #f0f0f0;
  color: #444; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
  background-color: #f90;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
  background-color: #1ea0c3;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
  background-color: #0757fe;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
  background-color: #1e1f26;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
  background-color: #02e49b;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
  background-color: #e94c89;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
  background-color: #4280ff;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
  background-color: #f45800;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
  background-color: #1778f2;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
  background-color: #000;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
  background-color: #0461dd;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
  background-color: #e65678;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
  background-color: #24292d;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
  background-color: #eceadd;
  color: #382110; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
  background-color: #ea4434;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
  background-color: #f00075;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
  background-color: #e21b24;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
  background-color: #0d66c2;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
  background-color: #3288d4;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
  background-color: #02ab6c;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
  background-color: #f6405f;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
  background-color: #e60122;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
  background-color: #ef4155;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
  background-color: #fe4500;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
  background-color: #0478d7;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
  background-color: #fefc00;
  color: #fff;
  stroke: #000; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
  background-color: #ff5600;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
  background-color: #1bd760;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
  background-color: #011835;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
  background-color: #6440a4;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
  background-color: #1da1f2;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
  background-color: #1eb7ea;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
  background-color: #4680c2;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
  background-color: #3499cd;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
  background-color: #d32422;
  color: #fff; }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
  background-color: #f00;
  color: #fff; }
.wp-block-social-links.is-style-logos-only .wp-social-link {
  background: none;
  padding: 4px; }
  .wp-block-social-links.is-style-logos-only .wp-social-link svg {
    width: 28px;
    height: 28px; }
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
  color: #f90; }
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
  color: #1ea0c3; }
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
  color: #0757fe; }
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
  color: #1e1f26; }
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
  color: #02e49b; }
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
  color: #e94c89; }
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
  color: #4280ff; }
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
  color: #f45800; }
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
  color: #1778f2; }
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
  color: #000; }
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
  color: #0461dd; }
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
  color: #e65678; }
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
  color: #24292d; }
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
  color: #382110; }
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
  color: #ea4434; }
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
  color: #f00075; }
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
  color: #e21b24; }
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
  color: #0d66c2; }
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
  color: #3288d4; }
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
  color: #02ab6c; }
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
  color: #f6405f; }
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
  color: #e60122; }
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
  color: #ef4155; }
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
  color: #fe4500; }
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
  color: #0478d7; }
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
  color: #fff;
  stroke: #000; }
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
  color: #ff5600; }
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
  color: #1bd760; }
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
  color: #011835; }
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
  color: #6440a4; }
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
  color: #1da1f2; }
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
  color: #1eb7ea; }
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
  color: #4680c2; }

.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
  color: #3499cd; }
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
  background-color: #d32422;
  color: #fff; }
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
  color: #f00; }
.wp-block-social-links.is-style-pill-shape .wp-social-link {
  width: auto; }
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
  padding-left: 16px;
  padding-right: 16px; }
.wp-block-spacer {
  clear: both; }
p.wp-block-subhead {
  font-size: 1.1em;
  font-style: italic;
  opacity: 0.75; }
.wp-block-table {
  overflow-x: auto; }
  .wp-block-table table {
    width: 100%; }
  .wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%; }
    .wp-block-table .has-fixed-layout td,
    .wp-block-table .has-fixed-layout th {
      word-break: break-word; }
  .wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
    display: table;
    width: auto; }
    .wp-block-table.alignleft td,
    .wp-block-table.alignleft th, .wp-block-table.aligncenter td,
    .wp-block-table.aligncenter th, .wp-block-table.alignright td,
    .wp-block-table.alignright th {
      word-break: break-word; }
  .wp-block-table .has-subtle-light-gray-background-color {
    background-color: #f3f4f5; }
  .wp-block-table .has-subtle-pale-green-background-color {
    background-color: #e9fbe5; }
  .wp-block-table .has-subtle-pale-blue-background-color {
    background-color: #e7f5fe; }
  .wp-block-table .has-subtle-pale-pink-background-color {
    background-color: #fcf0ef; }
  .wp-block-table.is-style-stripes {
    border-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0; }
    .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
      background-color: #f0f0f0; }
    .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
      background-color: #f3f4f5; }
    .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
      background-color: #e9fbe5; }
    .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
      background-color: #e7f5fe; }
    .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
      background-color: #fcf0ef; }
    .wp-block-table.is-style-stripes th,
    .wp-block-table.is-style-stripes td {
      border-color: transparent; }
.wp-block-text-columns {
  display: flex; }
  .wp-block-text-columns.aligncenter {
    display: flex; }
  .wp-block-text-columns .wp-block-column {
    margin: 0 1em;
    padding: 0; }
    .wp-block-text-columns .wp-block-column:first-child {
      margin-left: 0; }
    .wp-block-text-columns .wp-block-column:last-child {
      margin-right: 0; }
  .wp-block-text-columns.columns-2 .wp-block-column {
    width: calc(100% / 2); }
  .wp-block-text-columns.columns-3 .wp-block-column {
    width: calc(100% / 3); }
  .wp-block-text-columns.columns-4 .wp-block-column {
    width: calc(100% / 4); }
.wp-block-video {
  margin-left: 0;
  margin-right: 0; }
  .wp-block-video video {
    max-width: 100%; }
  @supports (position: sticky) {
    .wp-block-video [poster] {
      -o-object-fit: cover;
         object-fit: cover; } }
  .wp-block-video.aligncenter {
    text-align: center; }
  .wp-block-video figcaption {
    margin-top: 0.5em;
    margin-bottom: 1em; }
.wp-block-post-featured-image a {
  display: inline-block; }
:root {
  /* stylelint-disable function-comma-space-after */
  /* stylelint-enable function-comma-space-after */ }
  :root .has-pale-pink-background-color {
    background-color: #f78da7; }
  :root .has-vivid-red-background-color {
    background-color: #cf2e2e; }
  :root .has-luminous-vivid-orange-background-color {
    background-color: #ff6900; }
  :root .has-luminous-vivid-amber-background-color {
    background-color: #fcb900; }
  :root .has-light-green-cyan-background-color {
    background-color: #7bdcb5; }
  :root .has-vivid-green-cyan-background-color {
    background-color: #00d084; }
  :root .has-pale-cyan-blue-background-color {
    background-color: #8ed1fc; }
  :root .has-vivid-cyan-blue-background-color {
    background-color: #0693e3; }
  :root .has-vivid-purple-background-color {
    background-color: #9b51e0; }
  :root .has-white-background-color {
    background-color: #fff; }
  :root .has-very-light-gray-background-color {
    background-color: #eee; }
  :root .has-cyan-bluish-gray-background-color {
    background-color: #abb8c3; }
  :root .has-very-dark-gray-background-color {
    background-color: #313131; }
  :root .has-black-background-color {
    background-color: #000; }
  :root .has-pale-pink-color {
    color: #f78da7; }
  :root .has-vivid-red-color {
    color: #cf2e2e; }
  :root .has-luminous-vivid-orange-color {
    color: #ff6900; }
  :root .has-luminous-vivid-amber-color {
    color: #fcb900; }
  :root .has-light-green-cyan-color {
    color: #7bdcb5; }
  :root .has-vivid-green-cyan-color {
    color: #00d084; }
  :root .has-pale-cyan-blue-color {
    color: #8ed1fc; }
  :root .has-vivid-cyan-blue-color {
    color: #0693e3; }
  :root .has-vivid-purple-color {
    color: #9b51e0; }
  :root .has-white-color {
    color: #fff; }
  :root .has-very-light-gray-color {
    color: #eee; }
  :root .has-cyan-bluish-gray-color {
    color: #abb8c3; }
  :root .has-very-dark-gray-color {
    color: #313131; }
  :root .has-black-color {
    color: #000; }
  :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); }
  :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); }
  :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); }
  :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); }
  :root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); }
  :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); }
  :root .has-cool-to-warm-spectrum-gradient-background {
    background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); }
  :root .has-blush-light-purple-gradient-background {
    background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); }
  :root .has-blush-bordeaux-gradient-background {
    background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); }
  :root .has-purple-crush-gradient-background {
    background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); }
  :root .has-luminous-dusk-gradient-background {
    background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); }
  :root .has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); }
  :root .has-pale-ocean-gradient-background {
    background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); }
  :root .has-electric-grass-gradient-background {
    background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); }
  :root .has-subdued-olive-gradient-background {
    background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); }
  :root .has-atomic-cream-gradient-background {
    background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); }
  :root .has-nightshade-gradient-background {
    background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); }
  :root .has-midnight-gradient-background {
    background: linear-gradient(135deg, #020381 0%, #2874fc 100%); }
  :root .has-link-color a {
    color: #00e;
    color: var(--wp--style--color--link, #00e); }
.has-small-font-size {
  font-size: 0.8125em; }
.has-regular-font-size,
.has-normal-font-size {
  font-size: 1em; }
.has-medium-font-size {
  font-size: 1.25em; }
.has-large-font-size {
  font-size: 2.25em; }
.has-larger-font-size,
.has-huge-font-size {
  font-size: 2.625em; }
.has-text-align-center {
  text-align: center; }
.has-text-align-left {
  /*rtl:ignore*/
  text-align: left; }
.has-text-align-right {
  /*rtl:ignore*/
  text-align: right; }
#end-resizable-editor-section {
  display: none; }
.aligncenter {
  clear: both; }
  @font-face {
      font-family: "SpaceGrotesk-Bold";
      src: url("../ttf/spacegrotesk-bold.ttf") format("truetype");
  }
  @font-face {
      font-family: "SpaceGrotesk";
      src: url("../ttf/spacegrotesk-regular.ttf") format("truetype");
      font-weight: normal;
  }
  @font-face {
      font-family: "Circular-Bold";
      src: url("../ttf/circular-bold.ttf") format("truetype");
      font-weight: bold;
  }
  @font-face {
      font-family: "Circular";
      src: url("../ttf/circularstd-book.ttf") format("truetype");
      font-weight: normal;
  }
  body {
      width: 100%;
      height: 100%;
      position: relative;
      -webkit-font-smoothing: antialiased !important;
      -moz-font-smoothing: antialiased !important;
      -o-font-smoothing: antialiased !important;
      -ms-font-smoothing: antialiased !important;
      font-smoothing: antialiased !important;
      -webkit-transition: 0.3s ease-in-out !important;
      transition: 0.3s ease-in-out !important;
  }
  body.modal-open {
      padding-right: 0 !important;
      overflow: auto;
  }
  #content,
  #wrapper {
      width: 100%;
      height: 100%;
  }
  .dark-currency {
      background-color: #29013e;
  }
  button,
  input {
      -webkit-outline: 0 !important;
      -moz-outline: 0 !important;
      -o-outline: 0 !important;
      -ms-outline: 0 !important;
      outline: 0 !important;
  }
  .btn,
  .btn.active,
  .btn.focus,
  .btn:active,
  .btn:focus {
      -webkit-box-shadow: none !important;
      -o-box-shadow: none !important;
      -ms-box-shadow: none !important;
      box-shadow: none !important;
      border: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      clear: both;
      font-family: SpaceGrotesk-Bold, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif,
          "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
      font-weight: 700;
      text-align: inherit;
      position: relative;
      color: #022c44;
      letter-spacing: -0.01em;
  }
  img {
      -webkit-user-select: none !important;
      -moz-user-select: none !important;
      -o-user-select: none !important;
      -ms-user-select: none !important;
      user-select: none !important;
  }
  [class^="ri-"] {
      vertical-align: middle;
      display: inline-block;
  }
  ::-moz-selection {
      background-color: #f48781;
      color: #fff;
  }
  ::selection {
      background-color: #f48781;
      color: #fff;
  }
  #particles-js {
      position: absolute;
      pointer-events: none;
      z-index: 9999999;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: 50% 50%;
      line-height: 0;
  }
  .title_sections {
      margin-bottom: 6.25rem;
  }
  .title_sections .before_title {
      margin-bottom: 1.25rem;
  }
  .title_sections .before_title span {
      color: #022c44;
      font-size: 1rem;
      font-weight: 500;
  }
  .title_sections .before_title span:last-child {
      color: #ee7163;
  }
  .title_sections h2 {
      font-size: 1.875rem;
      margin-bottom: 1.25rem;
      font-weight: 600;
      color: #022c44;
  }

  .title_sections p {
      color: #6c7a87;
      font-size: 1rem;
      font-weight: 400;
      margin-bottom: 1.25rem;
  }
  .title_sections_inner {
      margin-bottom: 3.125rem;
  }
  .title_sections_inner .before_title {
      margin-bottom: 1.25rem;
  }
  .title_sections_inner .before_title span {
      color: #022c44;
      font-size: 1rem;
      font-weight: 500;
  }
  .title_sections_inner .before_title span:last-child {
      color: #ee7163;
  }
  .title_sections_inner h2 {
      font-size: 1.875rem;
      margin-bottom: 1.25rem;
      font-weight: 600;
      color: #022c44;
  }
  .title_sections_inner p {
      color: #6c7a87;
      font-size: 1rem;
      font-weight: 400;
      margin-bottom: 1.25rem;
  }
  .title_sections_inner .btn {
      margin-top: 1.25rem;
  }
  .demo_body_interior {
      padding-bottom: 450px;
      background-color: #071726;
  }
  .demo_body_interior main {
      position: relative;
      background-color: #071726;
      z-index: 2;
  }
  .demo_body_interior .banner_title h1,
  .demo_body_interior .title_sections h2 {
      font-weight: 500;
  }
  .demo_body_interior .bg_page_dark {
      background-color: #071726;
  }
  .demo_body_interior .gbs_content {
      border-radius: 12px;
      background-color: #fff;
      width: 96%;
      margin-left: auto;
      margin-right: auto;
  }
  .demo_body_interior .gs_parallex {
      position: relative;
  }
  .demo_body_interior .gs_parallex .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      -webkit-background: -webkit-gradient(
          linear,
          left bottom,
          left top,
          from(#071726),
          color-stop(20%, rgba(7, 23, 38, 0)),
          color-stop(80%, rgba(7, 23, 38, 0)),
          to(#071726)
      ) !important;
      -webkit-background: linear-gradient(
          to top,
          #071726 0,
          rgba(7, 23, 38, 0) 20%,
          rgba(7, 23, 38, 0) 80%,
          #071726 100%
      ) !important;
      -moz-background: linear-gradient(
          to top,
          #071726 0,
          rgba(7, 23, 38, 0) 20%,
          rgba(7, 23, 38, 0) 80%,
          #071726 100%
      ) !important;
      -o-background: linear-gradient(
          to top,
          #071726 0,
          rgba(7, 23, 38, 0) 20%,
          rgba(7, 23, 38, 0) 80%,
          #071726 100%
      ) !important;
      -ms-background: linear-gradient(
          to top,
          #071726 0,
          rgba(7, 23, 38, 0) 20%,
          rgba(7, 23, 38, 0) 80%,
          #071726 100%
      ) !important;
      background: -webkit-gradient(
          linear,
          left bottom,
          left top,
          from(#071726),
          color-stop(20%, rgba(7, 23, 38, 0)),
          color-stop(80%, rgba(7, 23, 38, 0)),
          to(#071726)
      ) !important;
      background: linear-gradient(
          to top,
          #071726 0,
          rgba(7, 23, 38, 0) 20%,
          rgba(7, 23, 38, 0) 80%,
          #071726 100%
      ) !important;
  }
  .demo_body_interior .gs_parallex .pllx_img img {
      width: 100%;
      height: 600px;
      -o-object-fit: cover;
      object-fit: cover;
  }
  .demo_body_interior .collection_one {
      background: #fff;
      width: 96%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 2rem;
      border-radius: 12px;
  }

  @media (max-width: 991px) {
	  .do_block img, .inner .preboard_block img {
		width: 90%;
		border-radius: 12px;
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	  .preboard .preboard_item.orange .inner,
	  .preboard .preboard_item.green .inner {
		  padding: 10px 5px;
	  }
      .demo_body_interior .collection_one {
          margin-top: 0.5rem;
      }
  }

  .demo_body_charity .gbs_content {
      border-right: 30px solid #000;
      background-color: #fff;
      margin-top: -1.5rem;
      position: relative;
  }

  @media (max-width: 991px) {
      .demo_body_charity .gbs_content {
          border-right-width: 10px;
      }
  }

  .demo_body_charity .gbs_content .gs_parallex {
      position: relative;
  }

  .demo_body_charity .gbs_content .gs_parallex img {
      height: 330px;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
  }

  @media (max-width: 991px) {
      .demo_body_charity .gbs_content .gs_parallex img {
          height: 500px;
      }
  }

  .demo_body_charity .gbs_content .gs_parallex .gn_status {
      position: absolute;
      top: 40%;
      left: auto;
  }

  @media (max-width: 991px) {
      .demo_body_charity .gbs_content .gs_parallex .gn_status {
          top: 15%;
      }
  }

  .demo_body_charity .gbs_content .gs_parallex .gn_status .item_gw h3 {
      font-size: 35px;
      font-weight: 600;
      color: #fff;
      margin-bottom: 1.25rem;
  }

  .demo_body_charity .gbs_content .gs_parallex .gn_status .item_gw p {
      color: rgba(255, 255, 255, 0.8);
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 0;
  }

  .hideheader {
      -webkit-transform: translateY(-100%) !important;
      transform: translateY(-100%) !important;
  }

  .showheader {
      -webkit-transform: translateY(0) !important;
      transform: translateY(0) !important;
  }

  .loaded_page #particles-js {
      z-index: 12;
  }
  .loaded_page .loading_overlay {
      opacity: 0;
      pointer-events: none;
      -webkit-transition: opacity 0.6s !important;
      transition: opacity 0.6s !important;
  }
  .loading_overlay {
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      background-color: #fef8f2;
      overflow: hidden;
      position: fixed;
      z-index: 999999;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .loading_overlay::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      background: rgba(0, 0, 0, 0.308);
  }
  .loading_overlay .loader_logo {
      position: relative;
  }
  .loading_overlay .loader_logo .logo {
      width: 40px;
      height: 40px;
      -webkit-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important;
      animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important;
  }
  .main_sass::before {
      content: "";
      background-image: url(../bg-cubic.html);
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 100%;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 1;
      pointer-events: none;
      opacity: 0.03;
  }
  .dashed-line {
      border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
      max-width: 250px;
      padding: 0.1rem 0;
  }
  .ui_item_dir {
      margin-top: 30px;
  }
  .ui_item_dir a {
      border: 1px solid #edeef1;
      border-radius: 6px;
      padding: 5px 18px;
      width: 53px;
      font-size: 13px;
      margin: 0 -2px;
      background-color: #fff;
      color: #022c44;
      text-transform: uppercase;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .ui_item_dir a:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
  }
  .ui_item_dir a:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
  }
  .ui_item_dir a.active {
      background-color: #8991a3;
      color: #fff;
      border-color: #8991a3;
  }
  .app-mobile-btn .btn {
      border-radius: 12px;
      background-color: #3875f7;
      padding: 8px 26px;
  }
  .app-mobile-btn .btn .txt {
      text-align: left;
  }
  .app-mobile-btn .btn .txt span {
      display: inline-block;
      color: rgba(255, 255, 255, 0.75);
      font-size: 12px;
      margin-bottom: 0;
  }
  .app-mobile-btn .btn .txt p {
      font-size: 16px;
      font-weight: 500;
      color: #fff;
      margin-bottom: 0;
  }
  .app-mobile-btn .btn .icoon {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 30px;
  }
  .app-mobile-btn .btn .icoon [class^="ri-"] {
      color: #fff;
      vertical-align: middle;
      font-size: 22px;
      display: inline-block;
  }
  .black_left {
      -webkit-box-shadow: inset 60px 0 0 0 #000 !important;
      -o-box-shadow: inset 60px 0 0 0 #000 !important;
      -ms-box-shadow: inset 60px 0 0 0 #000 !important;
      box-shadow: inset 60px 0 0 0 #000 !important;
  }
  @media (max-width: 991px) {
      .black_left {
          -webkit-box-shadow: inset 0 0 0 0 #000 !important;
          -o-box-shadow: inset 0 0 0 0 #000 !important;
          -ms-box-shadow: inset 0 0 0 0 #000 !important;
          box-shadow: inset 0 0 0 0 #000 !important;
      }
  }
  .app_fitness {
      background-color: #f8f7f7;
  }
  .margin-b-1 {
      margin-bottom: 0.625rem !important;
  }
  .margin-b-2 {
      margin-bottom: 1.25rem !important;
  }
  .margin-b-3 {
      margin-bottom: 1.875rem !important;
  }
  .margin-b-4 {
      margin-bottom: 2.5rem !important;
  }
  .margin-b-5 {
      margin-bottom: 3.125rem !important;
  }
  @media (max-width: 991px) {
      .margin-b-5 {
          margin-bottom: 1.875rem !important;
      }
  }
  .margin-b-6 {
      margin-bottom: 3.75rem !important;
  }
  @media (max-width: 991px) {
      .margin-b-6 {
          margin-bottom: 2.5rem !important;
      }
  }
  .margin-b-7 {
      margin-bottom: 4.375rem !important;
  }
  @media (max-width: 767px) {
      .margin-b-7 {
          margin-bottom: 2.5rem !important;
      }
  }
  .margin-b-8 {
      margin-bottom: 5rem !important;
  }
  @media (max-width: 767px) {
      .margin-b-8 {
          margin-bottom: 2.5rem !important;
      }
  }
  .margin-b-9 {
      margin-bottom: 5.625rem !important;
  }
  @media (max-width: 767px) {
      .margin-b-9 {
          margin-bottom: 3.125rem !important;
      }
  }
  .margin-b-10 {
      margin-bottom: 6.25rem !important;
  }
  @media (max-width: 767px) {
      .margin-b-10 {
          margin-bottom: 3.125rem !important;
      }
  }
  .margin-b-11 {
      margin-bottom: 6.875rem !important;
  }
  @media (max-width: 767px) {
      .margin-b-11 {
          margin-bottom: 3.125rem !important;
      }
  }
  .margin-b-12 {
      margin-bottom: 7.5rem !important;
  }
  @media (max-width: 767px) {
      .margin-b-12 {
          margin-bottom: 3.125rem !important;
      }
  }
  .margin-b-13 {
      margin-bottom: 8.125rem !important;
  }
  @media (max-width: 767px) {
      .margin-b-13 {
          margin-bottom: 3.125rem !important;
      }
  }
  .margin-b-14 {
      margin-bottom: 8.75rem !important;
  }
  @media (max-width: 767px) {
      .margin-b-14 {
          margin-bottom: 3.125rem !important;
      }
  }
  .margin-b-15 {
      margin-bottom: 9.375rem !important;
  }
  @media (max-width: 767px) {
      .margin-b-15 {
          margin-bottom: 3.75rem !important;
      }
  }
  .margin-t-1 {
      margin-top: 0.625rem !important;
  }
  .margin-t-2 {
      margin-top: 1.25rem !important;
  }

  .margin-t-3 {
      margin-top: 1.875rem !important;
  }

  .margin-t-4 {
      margin-top: 2.5rem !important;
  }

  .margin-t-5 {
      margin-top: 3.125rem !important;
  }

  .margin-t-6 {
      margin-top: 3.75rem !important;
  }

  @media (max-width: 767px) {
      .margin-t-6 {
          margin-top: 2.5rem !important;
      }
  }

  .margin-t-7 {
      margin-top: 4.375rem !important;
  }

  @media (max-width: 767px) {
      .margin-t-7 {
          margin-top: 2.5rem !important;
      }
  }

  .margin-t-8 {
      margin-top: 5rem !important;
  }

  @media (max-width: 767px) {
      .margin-t-8 {
          margin-top: 2.5rem !important;
      }
  }

  .margin-t-9 {
      margin-top: 5.625rem !important;
  }

  @media (max-width: 767px) {
      .margin-t-9 {
          margin-top: 3.125rem !important;
      }
  }

  .margin-t-10 {
      margin-top: 6.25rem !important;
  }

  @media (max-width: 767px) {
      .margin-t-10 {
          margin-top: 3.125rem !important;
      }
  }

  .margin-t-11 {
      margin-top: 6.875rem !important;
  }

  @media (max-width: 767px) {
      .margin-t-11 {
          margin-top: 3.125rem !important;
      }
  }

  .margin-t-12 {
      margin-top: 7.5rem !important;
  }

  @media (max-width: 767px) {
      .margin-t-12 {
          margin-top: 3.125rem !important;
      }
  }

  .margin-t-13 {
      margin-top: 8.125rem !important;
  }

  @media (max-width: 767px) {
      .margin-t-13 {
          margin-top: 3.125rem !important;
      }
  }

  .margin-t-14 {
      margin-top: 8.75rem !important;
  }

  @media (max-width: 767px) {
      .margin-t-14 {
          margin-top: 3.125rem !important;
      }
  }

  .margin-t-15 {
      margin-top: 9.375rem !important;
  }

  @media (max-width: 767px) {
      .margin-t-15 {
          margin-top: 3.75rem !important;
      }
  }

  .margin-my-1 {
      margin-top: 0.625rem !important;
      margin-bottom: 0.625rem !important;
  }

  .margin-my-2 {
      margin-top: 1.25rem !important;
      margin-bottom: 1.25rem !important;
  }

  .margin-my-3 {
      margin-top: 1.875rem !important;
      margin-bottom: 1.875rem !important;
  }

  .margin-my-4 {
      margin-top: 2.5rem !important;
      margin-bottom: 2.5rem !important;
  }

  .margin-my-5 {
      margin-top: 3.125rem !important;
      margin-bottom: 3.125rem !important;
  }

  .margin-my-6 {
      margin-top: 3.75rem !important;
      margin-bottom: 3.75rem !important;
  }

  @media (max-width: 767px) {
      .margin-my-6 {
          margin-top: 2.5rem !important;
          margin-bottom: 2.5rem !important;
      }
  }

  .margin-my-7 {
      margin-top: 4.375rem !important;
      margin-bottom: 4.375rem !important;
  }

  @media (max-width: 767px) {
      .margin-my-7 {
          margin-top: 2.5rem !important;
          margin-bottom: 2.5rem !important;
      }
  }

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

  @media (max-width: 767px) {
      .margin-my-8 {
          margin-top: 2.5rem !important;
          margin-bottom: 2.5rem !important;
      }
  }

  .margin-my-9 {
      margin-top: 5.625rem !important;
      margin-bottom: 5.625rem !important;
  }

  @media (max-width: 767px) {
      .margin-my-9 {
          margin-top: 3.125rem !important;
          margin-bottom: 3.125rem !important;
      }
  }

  .margin-my-10 {
      margin-top: 6.25rem !important;
      margin-bottom: 6.25rem !important;
  }

  @media (max-width: 767px) {
      .margin-my-10 {
          margin-top: 3.125rem !important;
          margin-bottom: 3.125rem !important;
      }
  }

  .margin-my-11 {
      margin-top: 6.875rem !important;
      margin-bottom: 6.875rem !important;
  }

  @media (max-width: 767px) {
      .margin-my-11 {
          margin-top: 3.125rem !important;
          margin-bottom: 3.125rem !important;
      }
  }

  .margin-my-12 {
      margin-top: 7.5rem !important;
      margin-bottom: 7.5rem !important;
  }

  @media (max-width: 767px) {
      .margin-my-12 {
          margin-top: 3.125em !important;
          margin-bottom: 3.125rem !important;
      }
  }

  .margin-my-13 {
      margin-top: 8.125rem !important;
      margin-bottom: 8.125rem !important;
  }

  @media (max-width: 767px) {
      .margin-my-13 {
          margin-top: 3.125rem !important;
          margin-bottom: 3.125rem !important;
      }
  }

  .margin-my-14 {
      margin-top: 8.75rem !important;
      margin-bottom: 8.75rem !important;
  }

  @media (max-width: 767px) {
      .margin-my-14 {
          margin-top: 3.125rem !important;
          margin-bottom: 3.125rem !important;
      }
  }

  .margin-my-15 {
      margin-top: 9.375rem !important;
      margin-bottom: 9.375rem !important;
  }

  @media (max-width: 767px) {
      .margin-my-15 {
          margin-top: 1.875rem !important;
          margin-bottom: 3.75rem !important;
      }
  }

  .padding-py-1 {
      padding-top: 0.625rem !important;
      padding-bottom: 0.625rem !important;
  }

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

  .padding-py-3 {
      padding-top: 1.875rem !important;
      padding-bottom: 1.875rem !important;
  }

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

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

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

  @media (max-width: 767px) {
      .padding-py-6 {
          padding-top: 2.5rem !important;
          padding-bottom: 2.5rem !important;
      }
  }

  .padding-py-7 {
      padding-top: 4.375rem !important;
      padding-bottom: 4.375rem !important;
  }

  @media (max-width: 767px) {
      .padding-py-7 {
          padding-top: 2.5rem !important;
          padding-bottom: 2.5rem !important;
      }
  }

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

  @media (max-width: 767px) {
      .padding-py-8 {
          padding-top: 2.5rem !important;
          padding-bottom: 2.5rem !important;
      }
  }

  .padding-py-9 {
      padding-top: 5.625rem !important;
      padding-bottom: 5.625rem !important;
  }

  @media (max-width: 767px) {
      .padding-py-9 {
          padding-top: 3.125rem !important;
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-py-10 {
      padding-top: 6.25rem !important;
      padding-bottom: 6.25rem !important;
  }

  @media (max-width: 767px) {
      .padding-py-10 {
          padding-top: 3.125rem !important;
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-py-11 {
      padding-top: 6.875rem !important;
      padding-bottom: 6.875rem !important;
  }

  @media (max-width: 767px) {
      .padding-py-11 {
          padding-top: 3.125rem !important;
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-py-12 {
      padding-top: 7.5rem !important;
      padding-bottom: 7.5rem !important;
  }

  @media (max-width: 767px) {
      .padding-py-12 {
          padding-top: 3.125rem !important;
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-py-13 {
      padding-top: 8.125rem !important;
      padding-bottom: 8.125rem !important;
  }

  @media (max-width: 767px) {
      .padding-py-13 {
          padding-top: 3.125rem !important;
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-py-14 {
      padding-top: 8.75rem !important;
      padding-bottom: 8.75rem !important;
  }

  @media (max-width: 767px) {
      .padding-py-14 {
          padding-top: 3.125rem !important;
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-py-15 {
      padding-top: 9.375rem !important;
      padding-bottom: 9.375rem !important;
  }

  @media (max-width: 767px) {
      .padding-py-15 {
          padding-top: 3.75rem !important;
          padding-bottom: 3.75rem !important;
      }
  }

  .padding-t-1 {
      padding-top: 0.625rem !important;
  }

  .padding-t-2 {
      padding-top: 1.25rem !important;
  }

  .padding-t-3 {
      padding-top: 1.875rem !important;
  }

  .padding-t-4 {
      padding-top: 2.5rem !important;
  }

  .padding-t-5 {
      padding-top: 3.125rem !important;
  }

  .padding-t-6 {
      padding-top: 3.75rem !important;
  }

  @media (max-width: 767px) {
      .padding-t-6 {
          padding-top: 2.5rem !important;
      }
  }

  .padding-t-7 {
      padding-top: 4.375rem !important;
  }

  @media (max-width: 767px) {
      .padding-t-7 {
          padding-top: 2.5rem !important;
      }
  }

  .padding-t-8 {
      padding-top: 5rem !important;
  }

  @media (max-width: 767px) {
      .padding-t-8 {
          padding-top: 2.5rem !important;
      }
  }

  .padding-t-9 {
      padding-top: 5.625rem !important;
  }

  @media (max-width: 767px) {
      .padding-t-9 {
          padding-top: 3.125rem !important;
      }
  }

  .padding-t-10 {
      padding-top: 6.25rem !important;
  }

  @media (max-width: 767px) {
      .padding-t-10 {
          padding-top: 3.125rem !important;
      }
  }

  .padding-t-11 {
      padding-top: 6.875rem !important;
  }

  @media (max-width: 767px) {
      .padding-t-11 {
          padding-top: 3.125rem !important;
      }
  }

  .padding-t-12 {
      padding-top: 7.5rem !important;
  }

  @media (max-width: 767px) {
      .padding-t-12 {
          padding-top: 3.125rem !important;
      }
  }

  .padding-t-13 {
      padding-top: 8.125rem !important;
  }

  @media (max-width: 767px) {
      .padding-t-13 {
          padding-top: 1.875rem !important;
      }
  }

  .padding-t-14 {
      padding-top: 8.75rem !important;
  }

  @media (max-width: 767px) {
      .padding-t-14 {
          padding-top: 3.125rem !important;
      }
  }

  .padding-t-15 {
      padding-top: 9.375rem !important;
  }

  @media (max-width: 767px) {
      .padding-t-15 {
          padding-top: 3.75rem !important;
      }
  }

  .padding-px-1 {
      padding-left: 0.625rem !important;
      padding-right: 0.625rem !important;
  }

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

  .padding-px-3 {
      padding-left: 1.875rem !important;
      padding-right: 1.875rem !important;
  }

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

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

  @media (max-width: 767px) {
      .padding-px-5 {
          padding-left: 1.875rem !important;
          padding-right: 1.875rem !important;
      }
  }

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

  @media (max-width: 767px) {
      .padding-px-6 {
          padding-left: 2.5rem !important;
          padding-right: 2.5rem !important;
      }
  }

  .padding-px-7 {
      padding-left: 4.375rem !important;
      padding-right: 4.375rem !important;
  }

  @media (max-width: 767px) {
      .padding-px-7 {
          padding-left: 2.5rem !important;
          padding-right: 2.5rem !important;
      }
  }

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

  @media (max-width: 767px) {
      .padding-px-8 {
          padding-left: 2.5rem !important;
          padding-right: 2.5rem !important;
      }
  }

  .padding-px-9 {
      padding-left: 5.625rem !important;
      padding-right: 5.625rem !important;
  }

  @media (max-width: 767px) {
      .padding-px-9 {
          padding-left: 3.125rem !important;
          padding-right: 3.125rem !important;
      }
  }

  .padding-px-10 {
      padding-left: 6.25rem !important;
      padding-right: 6.25rem !important;
  }

  @media (max-width: 767px) {
      .padding-px-10 {
          padding-left: 3.125rem !important;
          padding-right: 3.125rem !important;
      }
  }

  .padding-px-11 {
      padding-left: 6.875rem !important;
      padding-right: 6.875rem !important;
  }

  @media (max-width: 767px) {
      .padding-px-11 {
          padding-left: 3.125rem !important;
          padding-right: 3.125rem !important;
      }
  }

  .padding-px-12 {
      padding-left: 7.5rem !important;
      padding-right: 7.5rem !important;
  }

  @media (max-width: 767px) {
      .padding-px-12 {
          padding-left: 3.125rem !important;
          padding-right: 3.125rem !important;
      }
  }

  .padding-px-13 {
      padding-left: 8.125rem !important;
      padding-right: 8.125rem !important;
  }

  @media (max-width: 767px) {
      .padding-px-13 {
          padding-left: 3.125rem !important;
          padding-right: 3.125rem !important;
      }
  }

  .padding-px-14 {
      padding-left: 8.75rem !important;
      padding-right: 8.75rem !important;
  }

  @media (max-width: 767px) {
      .padding-px-14 {
          padding-left: 3.125rem !important;
          padding-right: 3.125rem !important;
      }
  }

  .padding-px-15 {
      padding-left: 9.375rem !important;
      padding-right: 9.375rem !important;
  }

  @media (max-width: 767px) {
      .padding-px-15 {
          padding-left: 3.75rem !important;
          padding-right: 3.75rem !important;
      }
  }

  .padding-b-1 {
      padding-bottom: 0.625rem !important;
  }

  .padding-b-2 {
      padding-bottom: 1.25rem !important;
  }

  .padding-b-3 {
      padding-bottom: 1.875rem !important;
  }

  .padding-b-4 {
      padding-bottom: 2.5rem !important;
  }

  .padding-b-5 {
      padding-bottom: 3.125rem !important;
  }

  .padding-b-6 {
      padding-bottom: 3.75rem !important;
  }

  @media (max-width: 767px) {
      .padding-b-6 {
          padding-bottom: 2.5rem !important;
      }
  }

  .padding-b-7 {
      padding-bottom: 4.375rem !important;
  }

  @media (max-width: 767px) {
      .padding-b-7 {
          padding-bottom: 2.5rem !important;
      }
  }

  .padding-b-8 {
      padding-bottom: 5rem !important;
  }

  @media (max-width: 767px) {
      .padding-b-8 {
          padding-bottom: 2.5rem !important;
      }
  }

  .padding-b-9 {
      padding-bottom: 5.625rem !important;
  }

  @media (max-width: 767px) {
      .padding-b-9 {
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-b-10 {
      padding-bottom: 6.25rem !important;
  }

  @media (max-width: 767px) {
      .padding-b-10 {
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-b-11 {
      padding-bottom: 6.875rem !important;
  }

  @media (max-width: 767px) {
      .padding-b-11 {
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-b-12 {
      padding-bottom: 7.5rem !important;
  }

  @media (max-width: 767px) {
      .padding-b-12 {
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-b-13 {
      padding-bottom: 8.125rem !important;
  }

  @media (max-width: 767px) {
      .padding-b-13 {
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-b-14 {
      padding-bottom: 8.75rem !important;
  }

  @media (max-width: 767px) {
      .padding-b-14 {
          padding-bottom: 3.125rem !important;
      }
  }

  .padding-b-15 {
      padding-bottom: 9.375rem !important;
  }

  @media (max-width: 767px) {
      .padding-b-15 {
          padding-bottom: 3.75rem !important;
      }
  }

  .c-dark {
      color: #022c44 !important;
  }

  .c-white {
      color: #fff !important;
  }

  .c-blue {
      color: #ee7163 !important;
  }

  .c-gold {
      color: #ffce53 !important;
  }

  .c-green {
      color: #19a389 !important;
  }

  .c-aquamarine {
      color: #17e79b !important;
  }

  .c-orange {
      color: #f28e1c !important;
  }

  .c-orange-red {
      color: #fd6b3b !important;
  }

  .c-red {
      color: #f93542 !important;
  }

  .c-yollow {
      color: #ffc329 !important;
  }

  .c-gray {
      color: #6c7a87 !important;
  }

  .c-light {
      color: #9da6af !important;
  }

  .c-beiget {
      color: #ffe7aa !important;
  }

  .c-skuy {
      color: #6bb0f8 !important;
  }

  .c-magenta {
      color: #fd4ffe !important;
  }

  .c-currency-d {
      color: #29013e !important;
  }

  .c-currency-p {
      color: #aa9bb3 !important;
  }

  .c-sea {
      color: #4d81f7 !important;
  }

  .c-purple {
      color: #6f5fa6 !important;
  }

  .c-lightgreen {
      color: #7bd88a !important;
  }

  .c-green2 {
      color: #31d1ab !important;
  }

  .c-black {
      color: #000 !important;
  }

  .c-blue2 {
      color: #3875f7 !important;
  }

  .c-orange2 {
      color: #fd7028 !important;
  }

  .rounded-0 {
      border-radius: 0 !important;
  }

  .rounded-1 {
      border-radius: 1px !important;
  }

  .rounded-2 {
      border-radius: 2px !important;
  }

  .rounded-3 {
      border-radius: 3px !important;
  }

  .rounded-4 {
      border-radius: 4px !important;
  }

  .rounded-5 {
      border-radius: 5px !important;
  }

  .rounded-6 {
      border-radius: 6px !important;
  }

  .rounded-7 {
      border-radius: 7px !important;
  }

  .rounded-8 {
      border-radius: 8px !important;
  }

  .rounded-9 {
      border-radius: 9px !important;
  }

  .rounded-10 {
      border-radius: 10px !important;
  }

  .rounded-11 {
      border-radius: 11px !important;
  }

  .rounded-12 {
      border-radius: 12px !important;
  }

  .rounded-13 {
      border-radius: 13px !important;
  }

  .rounded-14 {
      border-radius: 14px !important;
  }

  .rounded-15 {
      border-radius: 15px !important;
  }

  .rounded-16 {
      border-radius: 16px !important;
  }

  .rounded-17 {
      border-radius: 17px !important;
  }

  .rounded-18 {
      border-radius: 18px !important;
  }

  .rounded-19 {
      border-radius: 19px !important;
  }

  .rounded-20 {
      border-radius: 20px !important;
  }

  .rounded-21 {
      border-radius: 21px !important;
  }

  .rounded-22 {
      border-radius: 22px !important;
  }

  .rounded-23 {
      border-radius: 23px !important;
  }

  .rounded-24 {
      border-radius: 24px !important;
  }

  .rounded-25 {
      border-radius: 25px !important;
  }

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

  .z-index-0 {
      z-index: 0;
  }

  .z-index-1 {
      z-index: 1;
  }

  .z-index-2 {
      z-index: 2;
  }

  .z-index-3 {
      z-index: 3;
  }

  .transform-r-15 {
      -webkit-transform: rotate(-15deg) !important;
      transform: rotate(-15deg) !important;
  }

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

  .font-s-8 {
      font-size: 8px !important;
  }

  .font-s-10 {
      font-size: 10px !important;
  }

  .font-s-12 {
      font-size: 12px !important;
  }

  .font-s-13 {
      font-size: 13px !important;
  }

  .font-s-14 {
      font-size: 14px !important;
  }

  .font-s-15 {
      font-size: 15px !important;
  }

  .font-s-16 {
      font-size: 16px !important;
  }

  .font-s-17 {
      font-size: 17px !important;
  }

  .font-s-18 {
      font-size: 18px !important;
  }

  .font-s-19 {
      font-size: 19px !important;
  }

  .font-s-20 {
      font-size: 20px !important;
  }

  .font-s-21 {
      font-size: 21px !important;
  }

  .font-s-22 {
      font-size: 22px !important;
  }

  .font-s-23 {
      font-size: 23px !important;
  }

  .font-s-24 {
      font-size: 24px !important;
  }

  .font-s-25 {
      font-size: 25px !important;
  }

  .font-s-26 {
      font-size: 26px !important;
  }

  .font-s-27 {
      font-size: 27px !important;
  }

  .font-s-28 {
      font-size: 28px !important;
  }

  .font-s-29 {
      font-size: 29px !important;
  }

  .font-s-30 {
      font-size: 30px !important;
  }

  .font-s-35 {
      font-size: 35px !important;
  }

  .font-s-40 {
      font-size: 40px !important;
  }

  .font-s-45 {
      font-size: 45px !important;
  }

  .font-s-50 {
      font-size: 50px !important;
  }

  @media (max-width: 991px) {
      .font-s-50 {
          font-size: 40px !important;
      }
  }

  .font-s-55 {
      font-size: 55px !important;
  }

  @media (max-width: 991px) {
      .font-s-55 {
          font-size: 45px !important;
      }
  }

  .font-s-60 {
      font-size: 60px !important;
  }

  @media (max-width: 991px) {
      .font-s-60 {
          font-size: 30px !important;
      }
  }

  .font-s-65 {
      font-size: 65px !important;
  }

  @media (max-width: 991px) {
      .font-s-65 {
          font-size: 30px !important;
      }
  }

  .font-s-70 {
      font-size: 70px !important;
  }

  @media (max-width: 991px) {
      .font-s-70 {
          font-size: 40px !important;
      }
  }

  .font-s-75 {
      font-size: 75px !important;
  }

  @media (max-width: 991px) {
      .font-s-75 {
          font-size: 40px !important;
      }
  }

  .font-s-80 {
      font-size: 80px !important;
  }

  @media (max-width: 991px) {
      .font-s-80 {
          font-size: 40px !important;
      }
  }

  .font-s-85 {
      font-size: 85px !important;
  }

  @media (max-width: 991px) {
      .font-s-85 {
          font-size: 40px !important;
      }
  }

  .font-s-90 {
      font-size: 90px !important;
  }

  @media (max-width: 991px) {
      .font-s-90 {
          font-size: 40px !important;
      }
  }

  .font-s-95 {
      font-size: 95px !important;
  }

  @media (max-width: 991px) {
      .font-s-95 {
          font-size: 40px !important;
      }
  }

  .font-s-100 {
      font-size: 100px !important;
  }

  @media (max-width: 991px) {
      .font-s-100 {
          font-size: 40px !important;
      }
  }

  .font-w-700 {
      font-weight: 700 !important;
  }

  .font-w-800 {
      font-weight: 800 !important;
  }

  .wd-50 {
      min-width: 50px !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .wd-100 {
      min-width: 100px !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .wd-120 {
      min-width: 120px !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .wd-130 {
      min-width: 130px !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .wd-140 {
      min-width: 140px !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .wd-160 {
      min-width: 160px !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .wd-170 {
      min-width: 170px !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .border-0 {
      border: 0 !important;
  }

  .border-1 {
      border: 1px solid #edeef1 !important;
  }

  .opacity-1 {
      opacity: 1 !important;
  }

  .h-fit-content {
      height: -webkit-fit-content !important;
      height: -moz-fit-content !important;
      height: fit-content !important;
  }

  .active-dark
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #022c44 !important;
  }

  .active-dark
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #022c44 !important;
      color: #fff !important;
  }

  .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover {
      color: #022c44 !important;
  }

  .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active {
      background-color: #022c44 !important;
      color: #fff !important;
  }

  .active-dark
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #022c44 !important;
  }

  .active-dark
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #022c44 !important;
      color: #fff !important;
  }

  .active-dark .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-dark .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #022c44 !important;
  }

  .active-blue
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #ee7163 !important;
  }

  .active-blue
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #ee7163;
      color: #fff !important;
  }

  .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover {
  }

  .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active {
      color: #fff !important;
  }

  .active-blue
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #ee7163 !important;
  }

  .active-blue
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #ee7163 !important;
      color: #fff !important;
  }

  .active-blue .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-blue .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #ee7163 !important;
  }

  .active-gold
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #ffce53 !important;
  }

  .active-gold
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #ffce53 !important;
      color: #fff !important;
  }

  .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover {
      color: #ffce53 !important;
  }

  .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active {
      background-color: #ffce53 !important;
      color: #fff !important;
  }

  .active-gold
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #ffce53 !important;
  }

  .active-gold
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #ffce53 !important;
      color: #fff !important;
  }

  .active-gold .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-gold .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #ffce53 !important;
  }

  .active-green
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-green .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-green .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-green .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #19a389 !important;
  }

  .active-green
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #19a389 !important;
      color: #fff !important;
  }

  .active-green .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover {
      color: #19a389 !important;
  }

  .active-green
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #19a389 !important;
      color: #fff !important;
  }

  .active-green
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #19a389 !important;
  }

  .active-green
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #19a389 !important;
      color: #fff !important;
  }

  .active-green .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-green .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #19a389 !important;
  }

  .active-aquamarine
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #17e79b !important;
  }

  .active-aquamarine
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #17e79b !important;
      color: #fff !important;
  }

  .active-aquamarine
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #17e79b !important;
  }

  .active-aquamarine
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #17e79b !important;
      color: #fff !important;
  }

  .active-aquamarine
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #17e79b !important;
  }

  .active-aquamarine
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #17e79b !important;
      color: #fff !important;
  }

  .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #17e79b !important;
  }

  .active-orange
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #f28e1c !important;
  }

  .active-orange
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #f28e1c !important;
      color: #fff !important;
  }

  .active-orange
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #f28e1c !important;
  }

  .active-orange
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #f28e1c !important;
      color: #fff !important;
  }

  .active-orange
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #f28e1c !important;
  }

  .active-orange
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #f28e1c !important;
      color: #fff !important;
  }

  .active-orange .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-orange .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #f28e1c !important;
  }

  .active-orange-red
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #fd6b3b !important;
  }

  .active-orange-red
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #fd6b3b !important;
      color: #fff !important;
  }

  .active-orange-red
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #fd6b3b !important;
  }

  .active-orange-red
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #fd6b3b !important;
      color: #fff !important;
  }

  .active-orange-red
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #fd6b3b !important;
  }

  .active-orange-red
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #fd6b3b !important;
      color: #fff !important;
  }

  .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #fd6b3b !important;
  }

  .active-red
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #f93542 !important;
  }

  .active-red
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #f93542 !important;
      color: #fff !important;
  }

  .active-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover {
      color: #f93542 !important;
  }

  .active-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active {
      background-color: #f93542 !important;
      color: #fff !important;
  }

  .active-red
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #f93542 !important;
  }

  .active-red
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #f93542 !important;
      color: #fff !important;
  }

  .active-red .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-red .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #f93542 !important;
  }

  .active-yollow
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #ffc329 !important;
  }

  .active-yollow
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #ffc329 !important;
      color: #fff !important;
  }

  .active-yollow
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #ffc329 !important;
  }

  .active-yollow
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #ffc329 !important;
      color: #fff !important;
  }

  .active-yollow
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #ffc329 !important;
  }

  .active-yollow
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #ffc329 !important;
      color: #fff !important;
  }

  .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #ffc329 !important;
  }

  .active-gray
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #6c7a87 !important;
  }

  .active-gray
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #6c7a87 !important;
      color: #fff !important;
  }

  .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover {
      color: #6c7a87 !important;
  }

  .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active {
      background-color: #6c7a87 !important;
      color: #fff !important;
  }

  .active-gray
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #6c7a87 !important;
  }

  .active-gray
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #6c7a87 !important;
      color: #fff !important;
  }

  .active-gray .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-gray .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #6c7a87 !important;
  }

  .active-beiget
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #ffe7aa !important;
  }

  .active-beiget
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #ffe7aa !important;
      color: #fff !important;
  }

  .active-beiget
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #ffe7aa !important;
  }

  .active-beiget
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #ffe7aa !important;
      color: #fff !important;
  }

  .active-beiget
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #ffe7aa !important;
  }

  .active-beiget
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #ffe7aa !important;
      color: #fff !important;
  }

  .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #ffe7aa !important;
  }

  .active-sky
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #6bb0f8 !important;
  }

  .active-sky
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #6bb0f8 !important;
      color: #fff !important;
  }

  .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover {
      color: #6bb0f8 !important;
  }

  .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active {
      background-color: #6bb0f8 !important;
      color: #fff !important;
  }

  .active-sky
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #6bb0f8 !important;
  }

  .active-sky
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #6bb0f8 !important;
      color: #fff !important;
  }

  .active-sky .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-sky .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #6bb0f8 !important;
  }

  .active-magenta
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #fd4ffe !important;
  }

  .active-magenta
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #fd4ffe !important;
      color: #fff !important;
  }

  .active-magenta
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #fd4ffe !important;
  }

  .active-magenta
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #fd4ffe !important;
      color: #fff !important;
  }

  .active-magenta
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #fd4ffe !important;
  }

  .active-magenta
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #fd4ffe !important;
      color: #fff !important;
  }

  .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #fd4ffe !important;
  }

  .active-currency-d
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #29013e !important;
  }

  .active-currency-d
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #29013e !important;
      color: #fff !important;
  }

  .active-currency-d
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #29013e !important;
  }

  .active-currency-d
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #29013e !important;
      color: #fff !important;
  }

  .active-currency-d
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #29013e !important;
  }

  .active-currency-d
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #29013e !important;
      color: #fff !important;
  }

  .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #29013e !important;
  }

  .active-currency-p
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #aa9bb3 !important;
  }

  .active-currency-p
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #aa9bb3 !important;
      color: #fff !important;
  }

  .active-currency-p
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #aa9bb3 !important;
  }

  .active-currency-p
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #aa9bb3 !important;
      color: #fff !important;
  }

  .active-currency-p
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #aa9bb3 !important;
  }

  .active-currency-p
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #aa9bb3 !important;
      color: #fff !important;
  }

  .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #aa9bb3 !important;
  }

  .active-sea
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #4d81f7 !important;
  }

  .active-sea
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #4d81f7 !important;
      color: #fff !important;
  }

  .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover {
      color: #4d81f7 !important;
  }

  .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active {
      background-color: #4d81f7 !important;
      color: #fff !important;
  }

  .active-sea
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #4d81f7 !important;
  }

  .active-sea
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #4d81f7 !important;
      color: #fff !important;
  }

  .active-sea .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-sea .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #4d81f7 !important;
  }

  .active-purple
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #6f5fa6 !important;
  }

  .active-purple
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #6f5fa6 !important;
      color: #fff !important;
  }

  .active-purple
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #6f5fa6 !important;
  }

  .active-purple
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #6f5fa6 !important;
      color: #fff !important;
  }

  .active-purple
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #6f5fa6 !important;
  }

  .active-purple
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #6f5fa6 !important;
      color: #fff !important;
  }

  .active-purple .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-purple .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #6f5fa6 !important;
  }

  .active-lightgreen
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #7bd88a !important;
  }

  .active-lightgreen
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #7bd88a !important;
      color: #fff;
  }

  .active-lightgreen
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #7bd88a !important;
  }

  .active-lightgreen
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #7bd88a !important;
      color: #fff;
  }

  .active-lightgreen
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #7bd88a !important;
  }

  .active-lightgreen
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #7bd88a !important;
      color: #fff;
  }

  .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #7bd88a !important;
  }

  .active-green2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #31d1ab !important;
  }

  .active-green2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item.active {
      background-color: #31d1ab !important;
      color: #fff !important;
  }

  .active-green2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover {
      color: #31d1ab !important;
  }

  .active-green2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #31d1ab !important;
      color: #fff !important;
  }

  .active-green2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #31d1ab !important;
  }

  .active-green2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #31d1ab !important;
      color: #fff !important;
  }

  .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #31d1ab !important;
  }

  .active-black .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover,
  .active-black
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #000 !important;
  }

  .active-black
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #000 !important;
      color: #fff !important;
  }

  .active-black
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #000 !important;
  }

  .active-black
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #000 !important;
      color: #fff !important;
  }

  .active-black .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-black .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #000 !important;
  }

  .active-orange2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item:hover,
  .active-orange2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .item_colume
      .nav_meun
      .dropdown-item:hover,
  .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
  .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected,
  .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
      color: #fd7028 !important;
  }

  .active-orange2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-item.active {
      background-color: #fd7028 !important;
      color: #fff !important;
  }

  .active-orange2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item:hover {
      color: #fd7028 !important;
  }

  .active-orange2
      .navbar
      .navbar-collapse
      .navbar-nav
      .nav-item
      .dropdown_menu_nav
      .dropdown-submenu
      .dropdown-menu
      .dropdown-item.active {
      background-color: #fd7028 !important;
      color: #fff !important;
  }

  .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link,
  .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
      color: #fd7028 !important;
  }

  .dividar_line {
      border-bottom: 1px solid #edeef1;
      position: relative;
  }

  .dividar_line::after {
      content: "";
      width: 50px;
      height: 1px;
      background-color: #022c44;
      position: absolute;
      left: 0;
  }

  .no-after::after,
  .no-before::before {
      display: none !important;
  }

  .shadow-none {
      -webkit-box-shadow: nnoe !important;
      -o-box-shadow: nnoe !important;
      -ms-box-shadow: nnoe !important;
      box-shadow: nnoe !important;
  }

  .fixed-header .when-scroll .btn {
      color: #022c44 !important;
  }

  .oh-x {
      overflow-x: hidden !important;
  }

  .oh-y {
      overflow-y: hidden !important;
  }

  .dividar {
      border-bottom: 1px solid #edeef1;
  }

  .transition {
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }

  .bg_brand {
      background: rgb(238, 113, 99) !important;
  }

  .bg_brand_light {
      background: #faf4f6 !important;
  }

  .bg_dark {
      background: #022c44 !important;
  }

  .bg_white {
      background: #fff !important;
  }

  .bg_grad {
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%) !important;
  }

  .bg_light {
      background: #f3f8ff !important;
  }

  .bg_error {
      background: #de4b53 !important;
  }

  .bg_success {
      background: #3dcabd !important;
  }

  .color_brand {
      color: rgb(238, 113, 99) !important;
  }

  .color_second {
      color: #1caaa0 !important;
  }

  .color_light {
      color: #faf4f6 !important;
  }

  .color_white {
      color: #fff !important;
  }

  .color_light {
      color: #f3f8ff !important;
  }

  .color_neutral {
      color: #858c9b !important;
  }

  .color_dark {
      color: #022c44 !important;
  }

  .color_dark_lighten {
      color: #1a191d !important;
  }

  .color_error {
      color: #de4b53 !important;
  }

  .color_success {
      color: #3dcabd !important;
  }

  .half_hero {
      margin-top: -200px !important;
  }

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

  .top-15 {
      top: 15px;
  }

  .height-100_reset {
      margin-top: -100px;
  }

  .height-100 {
      height: 100px;
  }

  .top_hero_reset {
      height: 20rem;
  }

  .top_hero {
      margin-top: -20rem;
  }

  .py-1 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
  }

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

  .py-3 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
  }

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

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

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

  .py-7 {
      padding-top: 7rem !important;
      padding-bottom: 7rem !important;
  }

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

  .py-9 {
      padding-top: 9rem !important;
      padding-bottom: 9rem !important;
  }

  .py-10 {
      padding-top: 10rem !important;
      padding-bottom: 10rem !important;
  }

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

  .p-helf {
      padding: 0.5px;
  }

  .p-10 {
      padding: 10px;
  }

  .p-20 {
      padding: 20px;
  }

  .p-30 {
      padding: 30px;
  }

  .p-40 {
      padding: 40px;
  }

  .p-50 {
      padding: 50px;
  }

  .p-60 {
      padding: 60px;
  }

  .p-70 {
      padding: 70px;
  }

  .p-80 {
      padding: 80px;
  }

  .p-90 {
      padding: 90px;
  }

  .p-100 {
      padding: 10rem;
  }

  .pt-helf {
      padding-top: 0.5px;
  }

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

  .pt-20 {
      padding-top: 20px;
  }

  .pt-30 {
      padding-top: 30px;
  }

  .pt-40 {
      padding-top: 40px;
  }

  .pt-50 {
      padding-top: 50px;
  }

  .pt-60 {
      padding-top: 60px;
  }

  .pt-70 {
      padding-top: 70px;
  }

  .pt-80 {
      padding-top: 80px;
  }

  .pt-90 {
      padding-top: 90px;
  }

  .pt-100 {
      padding-top: 100px;
  }

  .pt-120 {
      padding-top: 120px;
  }

  .pb-helf {
      padding-bottom: 0.5px;
  }

  .pb-10 {
      padding-bottom: 10px;
  }

  .pb-20 {
      padding-bottom: 20px;
  }

  .pb-30 {
      padding-bottom: 30px;
  }

  .pb-40 {
      padding-bottom: 40px;
  }

  .pb-50 {
      padding-bottom: 50px;
  }

  .pb-60 {
      padding-bottom: 60px;
  }

  .pb-70 {
      padding-bottom: 70px;
  }

  .pb-80 {
      padding-bottom: 80px;
  }

  .pb-90 {
      padding-bottom: 90px;
  }

  .pb-100 {
      padding-bottom: 10rem;
  }

  .pl-helf {
      padding-left: 0.5px;
  }

  .pl-20 {
      padding-left: 20px;
  }

  .pl-30 {
      padding-left: 30px;
  }

  .pl-40 {
      padding-left: 40px;
  }

  .pl-50 {
      padding-left: 50px;
  }

  .pl-60 {
      padding-left: 60px;
  }

  .pl-70 {
      padding-left: 70px;
  }

  .pl-80 {
      padding-left: 80px;
  }

  .pl-90 {
      padding-left: 90px;
  }

  .pl-100 {
      padding-left: 10rem;
  }

  @media screen and (max-width: 576px) {
      .pr-sm-0 {
          padding-right: 0 !important;
      }
  }

  @media screen and (max-width: 576px) {
      .pl-sm-0 {
          padding-left: 0 !important;
      }
  }

  .pr-helf {
      padding-right: 0.5px;
  }

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

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

  .pr-30 {
      padding-right: 30px;
  }

  .pr-40 {
      padding-right: 40px;
  }

  .pr-50 {
      padding-right: 50px;
  }

  .pr-60 {
      padding-right: 60px;
  }

  .pr-70 {
      padding-right: 70px;
  }

  .pr-80 {
      padding-right: 80px;
  }

  .pr-90 {
      padding-right: 90px;
  }

  .pr-100 {
      padding-right: 10rem;
  }

  @media screen and (max-width: 576px) {
      .mr-0-sm {
          margin-right: 0 !important;
      }
  }

  .m-0 {
      margin: 0;
  }

  .m-helf {
      margin: 0.5px;
  }

  .m-20 {
      margin: 20px;
  }

  .m-30 {
      margin: 30px;
  }

  .m-40 {
      margin: 40px;
  }

  .m-50 {
      margin: 50px;
  }

  .m-60 {
      margin: 60px;
  }

  .m-70 {
      margin: 70px;
  }

  .m-80 {
      margin: 80px;
  }

  .m-90 {
      margin: 90px;
  }

  .m-100 {
      margin: 10rem;
  }

  @media screen and (max-width: 576px) {
      .mt-sm-30 {
          margin-top: 30px;
      }
  }

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

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

  .mb-30_reset {
      margin-bottom: -30px !important;
  }

  .mt-20 {
      margin-top: 20px;
  }

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

  .mt-helf {
      margin-top: 0.5px;
  }

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

  .mt-10 {
      margin-top: 10px;
  }

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

  .mt-40 {
      margin-top: 40px;
  }

  .mt-50 {
      margin-top: 50px;
  }

  .mt-60 {
      margin-top: 60px;
  }

  .mt-70 {
      margin-top: 70px;
  }

  .mt-80 {
      margin-top: 80px;
  }

  .mt-90 {
      margin-top: 90px;
  }

  .mt-100 {
      margin-top: 10rem;
  }

  .mb-helf {
      margin-bottom: 0.5px;
  }

  .mb-1 {
      margin-bottom: 1rem;
  }

  .mb-1_reset {
      margin-bottom: -1rem;
  }

  .mb-10 {
      margin-bottom: 10px;
  }

  .mb-20 {
      margin-bottom: 20px;
  }

  .mb-20_reset {
      margin-bottom: -20px;
  }

  .mb-50 {
      margin-bottom: 50px;
  }

  .mb-60 {
      margin-bottom: 60px;
  }

  .mb-80 {
      margin-bottom: 80px;
  }

  .mb-90 {
      margin-bottom: 90px;
  }

  .mb-100 {
      margin-bottom: 10px;
  }

  .ml-helf {
      margin-left: 0.5px;
  }

  .ml-20 {
      margin-left: 20px;
  }

  .ml-30 {
      margin-left: 30px;
  }

  .ml-40 {
      margin-left: 40px;
  }

  .ml-50 {
      margin-left: 50px;
  }

  .ml-60 {
      margin-left: 60px;
  }

  .ml-70 {
      margin-left: 70px;
  }

  .ml-80 {
      margin-left: 80px;
  }

  .ml-90 {
      margin-left: 90px;
  }

  .ml-100 {
      margin-left: 10rem;
  }

  .mr-helf {
      margin-right: 0.5px;
  }

  .mr-20 {
      margin-right: 20px;
  }

  .mr-30 {
      margin-right: 30px;
  }

  .mr-40 {
      margin-right: 40px;
  }

  .mr-50 {
      margin-right: 50px;
  }

  .mr-60 {
      margin-right: 60px;
  }

  .mr-70 {
      margin-right: 70px;
  }

  .mr-80 {
      margin-right: 80px;
  }

  .mr-90 {
      margin-right: 90px;
  }

  .mr-100 {
      margin-right: 10rem;
  }

  .w-100 {
      width: 100%;
  }

  .w-33 {
      width: 33.33%;
  }
.lg-show {
	display: none;
}
  @media screen and (max-width: 991px) {
      .lg-hidden {
          display: none;
      }
	  .lg-show {
		display: block;
	}
  }

  @media screen and (max-width: 768px) {
      .md-hidden {
          display: none;
      }
  }

  @media screen and (max-width: 576px) {
      .sm-hidden {
          display: none;
      }
  }

  .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  .flex.start {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
  }

  .flex.center {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  @media screen and (max-width: 768px) {
      .flex.md-center {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
      }
  }

  @media screen and (max-width: 576px) {
      .flex.sm-center {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
      }
  }

  .flex.vcenter {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }

  .flex.end {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
  }

  .flex.vend {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
  }

  .flex.between {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  .flex.is-column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
  }

  .white-link {
      color: #fff;
      -webkit-transition: 0.3s;
      transition: 0.3s;
  }

  .white-link:hover {
      opacity: 0.7;
      color: #fff;
      font-size: 17px;
  }

  .border-rad5 {
      border-radius: 5px;
  }

  .border-rad10 {
      border-radius: 10px;
  }

  .border-rad15 {
      border-radius: 15px;
  }

  .border-rad20 {
      border-radius: 20px;
  }

  .border-rad50 {
      border-radius: 50px;
  }

  .light-shadow {
      -webkit-box-shadow: 0 10px 40px -10px rgba(209, 209, 209, 0.4);
      box-shadow: 0 10px 40px -10px rgba(209, 209, 209, 0.4);
      border: 1px solid #edf8fa;
      border-radius: 15px;
  }

  .simple-sh {
      -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.01), 0 2px 5px 0 rgba(0, 0, 0, 0.02);
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.01), 0 2px 5px 0 rgba(0, 0, 0, 0.02);
      border-radius: 8px;
  }

  .light-shadow-bottom {
      -webkit-box-shadow: 0 15px 40px -15px #edf8fa;
      box-shadow: 0 15px 40px -15px #edf8fa;
      border: 1px solid #edf8fa;
      border-radius: 15px;
  }

  .ultra-shadow {
      -webkit-box-shadow: 0 8px 30px 0 #edf8fa;
      box-shadow: 0 8px 30px 0 #edf8fa;
      border: 1px solid #edf8fa;
  }

  @-webkit-keyframes anim-up-down {
      from {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
      }
      50% {
          -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px);
      }
      to {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
      }
  }

  @keyframes anim-up-down {
      from {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
      }
      50% {
          -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px);
      }
      to {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
      }
  }

  .anim-up-down {
      -webkit-animation-name: anim-up-down;
      animation-name: anim-up-down;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
  }

  @-webkit-keyframes animbg {
      from {
          background-repeat: no-repeat;
          background-size: cover;
      }
      50% {
          background-size: 120%;
          background-blend-mode: saturation;
          background-repeat: no-repeat;
      }
      to {
          background-size: 130%;
          background-repeat: no-repeat;
      }
  }

  @keyframes animbg {
      from {
          background-repeat: no-repeat;
          background-size: cover;
      }
      50% {
          background-size: 120%;
          background-blend-mode: saturation;
          background-repeat: no-repeat;
      }
      to {
          background-size: 130%;
          background-repeat: no-repeat;
      }
  }

  @-webkit-keyframes anim2 {
      from {
          height: 120%;
          width: 120%;
      }
      50% {
          height: 170%;
          width: 170%;
      }
      70% {
          height: 120%;
          width: 120%;
      }
      to {
          height: 130%;
          width: 130%;
      }
  }

  @keyframes anim2 {
      from {
          height: 120%;
          width: 120%;
      }
      50% {
          height: 170%;
          width: 170%;
      }
      70% {
          height: 120%;
          width: 120%;
      }
      to {
          height: 130%;
          width: 130%;
      }
  }

  @-webkit-keyframes anim1 {
      from {
          height: 180%;
          width: 180%;
      }
      50% {
          height: 140%;
          width: 140%;
      }
      70% {
          height: 150%;
          width: 150%;
      }
      to {
          height: 180%;
          width: 180%;
      }
  }

  @keyframes anim1 {
      from {
          height: 180%;
          width: 180%;
      }
      50% {
          height: 140%;
          width: 140%;
      }
      70% {
          height: 150%;
          width: 150%;
      }
      to {
          height: 180%;
          width: 180%;
      }
  }

  .text-primary {
      color: #14aca1 !important;
  }

  .font-w-400 {
      font-weight: 400 !important;
  }

  .font-w-500 {
      font-weight: 500 !important;
  }

  .font-w-600 {
      font-weight: 600 !important;
  }

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

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

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

  .text-deco {
      text-decoration: underline;
  }

  .before-none::before {
      content: none !important;
  }

  @media screen and (max-width: 576px) {
      .sm-none {
          display: none !important;
      }
  }

  @media screen and (max-width: 768px) {
      .md-none {
          display: none;
      }
  }

  @media screen and (max-width: 992px) {
      .lg-none {
          display: none;
      }
  }

  @media screen and (max-width: 1400px) {
      .xl-none {
          display: none;
      }
  }

  @media screen and (max-width: 576px) {
      .sm-block {
          display: block;
      }
  }

  @media screen and (max-width: 768px) {
      .md-block {
          display: block;
      }
  }

  @media screen and (max-width: 992px) {
      .lg-block {
          display: block;
      }
  }

  @media screen and (max-width: 1400px) {
      .xl-block {
          display: block;
      }
  }

  @media screen and (max-width: 768px) {
      .mb-sm-20 {
          margin-bottom: 20px;
      }
  }

  .top-border {
      border-top: solid 1px #f3f3f3;
  }

  .min-30 {
      margin-bottom: -30px;
  }

  .min-40 {
      margin-bottom: -40px;
  }

  .mt-section {
      margin-top: 70px;
  }

  @media screen and (max-width: 768px) {
      .mb-sm-30 {
          margin-bottom: 30px;
      }
  }

  .rounded {
      position: absolute;
      width: 100%;
      top: -11px;
  }

  @media screen and (max-width: 992px) {
      .rounded {
          top: -1px;
      }
  }

  .top-0 {
      top: 0 !important;
  }

  .mb-70 {
      margin-bottom: 70px;
  }

  .min-20 {
      margin-bottom: -20px;
  }

  .text-copyright {
      color: rgba(255, 255, 255, 0.548) !important;
  }

  .max-30 {
      max-width: 30rem;
  }

  .max-20 {
      max-width: 20rem;
  }

  .min-60 {
      margin-bottom: -60px;
  }

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

  .spacer_header,
  .spacer_header_top {
      height: 100px;
  }

  .spacer_10 {
      height: 10px;
  }

  .spacer_bottom {
      padding-bottom: 90px;
  }

  .filter-blur {
      -webkit-background: rgba(255, 255, 255, 0.2) !important;
      -moz-background: rgba(255, 255, 255, 0.2) !important;
      -o-background: rgba(255, 255, 255, 0.2) !important;
      -ms-background: rgba(255, 255, 255, 0.2) !important;
      background: rgba(255, 255, 255, 0.2) !important;
      -webkit-backdrop-filter: saturate(1) blur(20px) !important;
      -moz-backdrop-filter: saturate(1) blur(20px) !important;
      -o-backdrop-filter: saturate(1) blur(20px) !important;
      backdrop-filter: saturate(1) blur(20px) !important;
  }

  .bg-dark {
      background-color: #022c44 !important;
  }

  .bg-white {
      background: #fff !important;
  }

  .bg-blue {
      background-color: #ee7163 !important;
  }

  .bg-gold {
      background-color: #ffce53 !important;
  }

  .bg-green {
      background-color: #19a389 !important;
  }

  .bg-aquamarine {
      background-color: #17e79b !important;
  }

  .bg-orange {
      background-color: #f28e1c !important;
  }

  .bg-red {
      background-color: #f93542 !important;
  }

  .bg-yollow {
      background-color: #ffc329 !important;
  }

  .bg-gray {
      background-color: #6c7a87 !important;
  }

  .bg-light {
      background-color: #9da6af !important;
  }

  .bg-beiget {
      background-color: #ffe7aa !important;
  }

  .bg-skuy {
      background-color: #6bb0f8 !important;
  }

  .bg-magenta {
      background-color: #fd4ffe !important;
  }

  .bg-green2 {
      background-color: #31d1ab !important;
  }

  .bg-currency-d {
      background-color: #29013e !important;
  }

  .bg-orange-red {
      background-color: #fd6b3b !important;
  }

  .bg-currency-p {
      background-color: #aa9bb3 !important;
  }

  .bg-sea {
      background-color: #4d81f7 !important;
  }

  .bg-purple {
      background-color: #6f5fa6 !important;
  }

  .bg-lightgreen {
      background-color: #7bd88a !important;
  }

  .bg-black {
      background-color: #000 !important;
  }

  .bg-snow {
      background-color: #f7f8fa !important;
  }

  .bg-blue2 {
      background-color: #3875f7 !important;
  }

  .bg-orange2 {
      background-color: #fd7028 !important;
  }

  .btn-block {
      width: 100%;
  }

  @font-face {
      font-family: SpaceGrotesk-Bold;
      src: url(../ttf/spacegrotesk-bold.ttf) format("truetype");
  }

  @font-face {
      font-family: SpaceGrotesk;
      src: url(../ttf/spacegrotesk-regular.ttf) format("truetype");
      font-weight: 400;
  }

  html {
      scroll-behavior: smooth;
  }

  body {
      font-family: SpaceGrotesk, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 15px;
      letter-spacing: 0.3px;
      color: #566166;
  }

  @media screen and (max-width: 768px) {
      body {
          font-size: 16px;
      }
  }

  body.is-dark {
      background: #2d3a58;
      color: #fff;
  }

  @media (min-width: 1400px) {
      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl,
      .container-xxl {
          max-width: 1320px;
      }
  }

  @media screen and (max-width: 768px) {
      .container {
          max-width: 800px !important;
      }
  }

  @media screen and (max-width: 1400px) {
      .container {
          max-width: 1200px;
      }
  }

  @media only screen and (min-width: 1510px) {
      .index_page .container {
          max-width: 1400px;
      }
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      margin-top: 0;
      margin-bottom: 20px;
  }

  ul {
      margin: 0;
      padding: 0;
  }

  section:focus {
      outline: 0 !important;
  }

  a {
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      text-decoration: none !important;
  }

  a:hover {
      text-decoration: none;
  }

  li {
      list-style: none;
  }

  p {
      font-family: SpaceGrotesk;
  }

  .slick-dots {
      margin-top: 20px;
  }

  .slick-dots li {
      border: none;
      background-color: rgba(190, 52, 106, 0.4);
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
      border-radius: 50%;
  }

  .slick-dots li:hover {
      background: rgb(238, 113, 99);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      border: 1px solid rgb(238, 113, 99);
  }

  .slick-dots .slick-active {
      background: rgb(238, 113, 99);
      -webkit-transform: scale(1.08);
      transform: scale(1.08);
  }

  .slick-dots li,
  .slick-dots li button,
  .slick-dots li button:before {
      width: 15px;
      height: 15px;
  }

  .slick-dots {
      bottom: -20px;
  }

  .swiper-pagination-bullet {
      margin-top: 20px;
      width: 12px !important;
      height: 12px !important;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
      bottom: 0 !important;
      display: none;
  }
  .swiper-pagination-bullet-active {
      background: rgb(238, 113, 99) !important;
  }

  .dropzone {
      padding: 5rem 1rem;
      background-color: #fff;
      border: 2px dashed #c6d3e6;
      border-radius: 0.375rem;
      text-align: center;
      color: #869ab8;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1;
      cursor: pointer;
      z-index: 999;
      margin-bottom: 20px;
      margin-top: 2px;
  }

  .dropzone p {
      color: #526692;
  }

  .dropzone:hover {
      background-color: rgba(241, 242, 248, 0.562);
  }

  .dropzone:hover p {
      color: #022c44;
  }

  .made_by {
      position: fixed !important;
      display: inline-block !important;
      visibility: visible !important;
      z-index: 2147483647 !important;
      top: auto !important;
      right: 12px !important;
      bottom: 12px !important;
      left: auto !important;
      color: #aaadb0 !important;
      background-color: #fff !important;
      border-radius: 3px !important;
      padding: 6px 8px 6px 6px !important;
      font-size: 12px !important;
      opacity: 1 !important;
      line-height: 14px !important;
      text-decoration: none !important;
      -webkit-transform: none !important;
      transform: none !important;
      margin: 0 !important;
      width: auto !important;
      height: auto !important;
      overflow: visible !important;
      white-space: nowrap;
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
      cursor: pointer;
  }

  .has_dark_before {
      position: relative;
  }

  .has_dark_before::before {
      content: "";
      position: absolute;
      height: 40%;
      bottom: 0;
      width: 100%;
      background: #022c44;
      z-index: -1;
  }

  .heading {
      margin-bottom: 30px;
  }

  /* h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      clear: both;
      font-family: Circular-Bold, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif,
          "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
      font-weight: 700;
      text-align: inherit;
      position: relative;
      color: #022c44;
      letter-spacing: -0.01em;
  } */

  a,
  a:hover {
      color: rgb(238, 113, 99);
  }

  h1 {
      font-size: calc(36px + 14 * ((100vw - 576px) / 1024));
      line-height: 1;
      letter-spacing: -0.03em;
  }

  @media screen and (max-width: 576px) {
      h1 {
          font-size: 46px;
      }
  }

  @media screen and (min-width: 1600px) {
      h1 {
          font-size: 64px;
      }
  }

  @media screen and (max-width: 768px) {
      h1 {
          line-height: 1 !important;
      }
  }

  h2 {
      font-size: calc(28px + 14 * ((100vw - 576px) / 1024));
      line-height: 1.05;
      letter-spacing: -0.02em;
  }

  @media screen and (max-width: 576px) {
      h2 {
          font-size: 40px;
      }
  }

  @media screen and (min-width: 1600px) {
      h2 {
          font-size: 54px;
      }
  }

  h3 {
      font-size: calc(26px + 4 * ((100vw - 576px) / 1024));
      line-height: 1.1;
  }

  @media screen and (max-width: 576px) {
      h3 {
          font-size: 36px;
      }
  }

  @media screen and (min-width: 1600px) {
      h3 {
          font-size: 40px;
      }
  }

  h4 {
      font-size: calc(20px + 2 * ((100vw - 576px) / 1024));
      line-height: 1.35;
  }

  @media screen and (max-width: 576px) {
      h4 {
          font-size: 24px;
      }
  }

  @media screen and (min-width: 1600px) {
      h4 {
          font-size: 26px;
      }
  }

  h5 {
      font-size: calc(22px + 1 * ((100vw - 576px) / 1024));
      line-height: 1.3;
  }

  @media screen and (max-width: 576px) {
      h5 {
          font-size: 19px;
      }
  }

  @media screen and (min-width: 1600px) {
      h5 {
          font-size: 20px;
      }
  }

  h6 {
      font-size: 17px;
      line-height: 1.3;
      letter-spacing: 0;
  }

  p {
      width: 100%;
      margin: 10px auto;
      display: block;
  }

  .accordion {
      background: 0 0 !important;
      overflow: inherit !important;
  }

  .accordion .card {
      border-radius: 8px;
      margin-bottom: 1rem;
      border: 1px solid #f1f3f5;
  }

  .accordion .card .card-header {
      padding: 0.5rem;
      background-color: #fff;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 8px;
      border-color: #edeef1;
      border-bottom: 0;
  }

  .accordion .card .card-header .btn-link {
      background: 0 0;
      border-color: transparent !important;
      width: 100%;
      text-align: left;
  }

  .accordion .card .card-header .btn-link i {
      color: #022c44;
      vertical-align: middle;
      font-size: 22px;
      margin-right: 5px;
      margin-top: -2px;
  }

  .accordion .card .card-header .btn-link:hover {
      border-color: transparent !important;
  }

  .accordion .card .card-header .btn-link::before {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");
      float: right;
      margin-top: -2px;
      font-size: 20px;
      color: #858c9b;
      height: 20px;
      width: 20px;
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
  }

  .accordion .card .card-header.active .btn-link::before {
      -webkit-transform: rotate(180deg) !important;
      transform: rotate(180deg) !important;
  }

  .accordion .card .card-header h3 .btn-link {
      color: #022c44;
      font-size: 16px;
      font-weight: 500;
      text-decoration: none;
  }

  .accordion .card .card-header h3 .btn-link:hover {
      text-decoration: none;
  }

  .accordion .card .card-body p {
      color: #566166 !important;
      font-weight: 400 !important;
      margin-bottom: 20px;
  }
  .accordion .card .card-body ul li {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 10px;
    color: #858c9b !important;
}

  .ripple:active:before,
  .ripple:focus:before {
      background: #ee7163;
      border-radius: 50px;
      content: "";
      display: block;
      height: 100%;
      opacity: 0.25;
      position: absolute;
      width: 100%;
      z-index: -1;
      top: 0;
      left: 0;
      -webkit-animation: ripple 1s cubic-bezier(0.29, -0.01, 0.17, 0.95);
      animation: ripple 1s cubic-bezier(0.29, -0.01, 0.17, 0.95);
  }

  .ripple_circle:active:before,
  .ripple_circle:focus:before {
      background: #ee7163;
      border-radius: 50%;
      content: "";
      display: block;
      height: 100%;
      opacity: 0.25;
      position: absolute;
      width: 100%;
      z-index: -1;
      top: 0;
      left: 0;
      -webkit-animation: rippleCircle 0.6s cubic-bezier(0.29, -0.01, 0.17, 0.95);
      animation: rippleCircle 0.6s cubic-bezier(0.29, -0.01, 0.17, 0.95);
  }

  .ripple_box:active:before,
  .ripple_box:focus:before {
      background: #ee7163;
      border-radius: 8px;
      content: "";
      display: block;
      height: 100%;
      opacity: 0.25;
      position: absolute;
      width: 100%;
      z-index: -1;
      top: 0;
      left: 0;
      -webkit-animation: ripple 0.7s cubic-bezier(0.29, -0.01, 0.17, 0.95);
      animation: ripple 0.7s cubic-bezier(0.29, -0.01, 0.17, 0.95);
  }

  .scale {
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -webkit-transform: scale(1) translateZ(0);
      transform: scale(1) translateZ(0);
  }

  .scale:active {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
  }

  .effect-letter {
      position: relative;
      overflow: hidden;
  }

  .effect-letter:not(.simple):after,
  .effect-letter:not(.simple):before {
      content: "";
      position: absolute;
      background: var(--pb, var(--hover-back));
      top: 0;
      left: 0;
      right: 0;
      height: 200%;
      border-radius: var(--br, 40%);
      -webkit-transform: translateY(var(--y, 50%));
      transform: translateY(var(--y, 50%));
      -webkit-transition: border-radius 0.5s ease var(--br-d, 0.08s),
          -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s);
      transition: border-radius 0.5s ease var(--br-d, 0.08s), -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s);
      transition: transform var(--d, 0.4s) ease-in var(--d-d, 0s), border-radius 0.5s ease var(--br-d, 0.08s);
      transition: transform var(--d, 0.4s) ease-in var(--d-d, 0s), border-radius 0.5s ease var(--br-d, 0.08s),
          -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s);
  }

  .effect-letter div {
      z-index: 1;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }

  .effect-letter div span {
      display: block;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation: var(--name, none) 0.7s linear forwards 0.18s;
      animation: var(--name, none) 0.7s linear forwards 0.18s;
  }

  .effect-letter.in {
      --name: move;
  }

  .effect-letter.in:not(.out) {
      --c: var(--color-hover);
      --b: var(--background-hover);
  }

  .effect-letter.in:not(.out):before {
      --y: 0;
      --br: 5%;
  }

  .effect-letter.in:not(.out):after {
      --y: 0;
      --br: 5%;
      --br: 10%;
      --d-d: 0.02s;
  }

  .effect-letter.in.out {
      --name: move-out;
  }

  .effect-letter.in.out:before {
      --d-d: 0.06s;
  }

  .flicker {
      -webkit-animation: flicker-1 2s linear infinite both !important;
      animation: flicker-1 2s linear infinite both !important;
  }

  .floating {
      -webkit-animation: floating 1.5s infinite ease-in-out !important;
      animation: floating 1.5s infinite ease-in-out !important;
  }

  .floating-2 {
      -webkit-animation: floating-2 2s infinite ease-in-out !important;
      animation: floating-2 2s infinite ease-in-out !important;
  }

  .floating-3 {
      -webkit-animation: floating-3 2.5s infinite ease-in-out !important;
      animation: floating-3 2.5s infinite ease-in-out !important;
  }

  .floating-4 {
      -webkit-animation: floating-4 3s infinite ease-in-out !important;
      animation: floating-4 3s infinite ease-in-out !important;
  }

  .floating-simple {
      -webkit-animation: floating-simple 3.5s infinite ease-in-out !important;
      animation: floating-simple 3.5s infinite ease-in-out !important;
  }

  .floating-simple2 {
      -webkit-animation: floating-simple 2.5s infinite ease-in-out !important;
      animation: floating-simple 2.5s infinite ease-in-out !important;
  }

  @-webkit-keyframes move {
      30%,
      36% {
          -webkit-transform: translateY(calc(-6px * var(--move))) translateZ(0)
              rotate(calc(-13deg * var(--rotate) * var(--part)));
          transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
      }
      50% {
          -webkit-transform: translateY(calc(3px * var(--move))) translateZ(0)
              rotate(calc(6deg * var(--rotate) * var(--part)));
          transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
      }
      70% {
          -webkit-transform: translateY(calc(-2px * var(--move))) translateZ(0)
              rotate(calc(-3deg * var(--rotate) * var(--part)));
          transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
      }
  }

  @keyframes move {
      30%,
      36% {
          -webkit-transform: translateY(calc(-6px * var(--move))) translateZ(0)
              rotate(calc(-13deg * var(--rotate) * var(--part)));
          transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
      }
      50% {
          -webkit-transform: translateY(calc(3px * var(--move))) translateZ(0)
              rotate(calc(6deg * var(--rotate) * var(--part)));
          transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
      }
      70% {
          -webkit-transform: translateY(calc(-2px * var(--move))) translateZ(0)
              rotate(calc(-3deg * var(--rotate) * var(--part)));
          transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
      }
  }

  @-webkit-keyframes move-out {
      30%,
      36% {
          -webkit-transform: translateY(calc(6px * var(--move))) translateZ(0)
              rotate(calc(13deg * var(--rotate) * var(--part)));
          transform: translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part)));
      }
      50% {
          -webkit-transform: translateY(calc(-3px * var(--move))) translateZ(0)
              rotate(calc(-6deg * var(--rotate) * var(--part)));
          transform: translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part)));
      }
      70% {
          -webkit-transform: translateY(calc(2px * var(--move))) translateZ(0)
              rotate(calc(3deg * var(--rotate) * var(--part)));
          transform: translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part)));
      }
  }

  @-webkit-keyframes ripple-map {
      to {
          -webkit-transform: scale(5);
          transform: scale(5);
          opacity: 0;
      }
  }

  @keyframes ripple-map {
      to {
          -webkit-transform: scale(5);
          transform: scale(5);
          opacity: 0;
      }
  }

  @-webkit-keyframes ripple {
      to {
          -webkit-transform: scaleX(1.3) scaleY(1.6);
          transform: scaleX(1.3) scaleY(1.6);
          opacity: 0;
      }
  }

  @keyframes ripple {
      to {
          -webkit-transform: scaleX(1.3) scaleY(1.6);
          transform: scaleX(1.3) scaleY(1.6);
          opacity: 0;
      }
  }

  @-webkit-keyframes rippleCircle {
      to {
          -webkit-transform: scale(4.5);
          transform: scale(4.5);
          opacity: 0;
      }
  }

  @keyframes rippleCircle {
      to {
          -webkit-transform: scale(4.5);
          transform: scale(4.5);
          opacity: 0;
      }
  }

  @-webkit-keyframes RippleMenu {
      to {
          -webkit-transform: scale(10);
          transform: scale(10);
          opacity: 0;
      }
  }

  @keyframes RippleMenu {
      to {
          -webkit-transform: scale(10);
          transform: scale(10);
          opacity: 0;
      }
  }

  @-webkit-keyframes ripple_Circle {
      to {
          -webkit-transform: scale(1.7);
          transform: scale(1.7);
          opacity: 0;
      }
  }

  @keyframes ripple_Circle {
      to {
          -webkit-transform: scale(1.7);
          transform: scale(1.7);
          opacity: 0;
      }
  }

  @-webkit-keyframes flicker-1 {
      0%,
      100%,
      41.99% {
          opacity: 1;
      }
      42%,
      43% {
          opacity: 0;
      }
      43.01%,
      47.99% {
          opacity: 1;
      }
      48%,
      49% {
          opacity: 0;
      }
      49.01% {
          opacity: 1;
      }
  }

  @keyframes flicker-1 {
      0%,
      100%,
      41.99% {
          opacity: 1;
      }
      42%,
      43% {
          opacity: 0;
      }
      43.01%,
      47.99% {
          opacity: 1;
      }
      48%,
      49% {
          opacity: 0;
      }
      49.01% {
          opacity: 1;
      }
  }

  @-webkit-keyframes heartbeat {
      from {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-transform-origin: center center;
          transform-origin: center center;
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      10% {
          -webkit-transform: scale(0.91);
          transform: scale(0.91);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      17% {
          -webkit-transform: scale(0.98);
          transform: scale(0.98);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      33% {
          -webkit-transform: scale(0.87);
          transform: scale(0.87);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      45% {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
  }

  @keyframes heartbeat {
      from {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-transform-origin: center center;
          transform-origin: center center;
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      10% {
          -webkit-transform: scale(0.91);
          transform: scale(0.91);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      17% {
          -webkit-transform: scale(0.98);
          transform: scale(0.98);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      33% {
          -webkit-transform: scale(0.87);
          transform: scale(0.87);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      45% {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
  }

  @-webkit-keyframes wobble-hor-bottom {
      0%,
      100% {
          -webkit-transform: translateX(0%);
          transform: translateX(0%);
          -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
      }
      15% {
          -webkit-transform: translateX(-10px) rotate(-2deg);
          transform: translateX(-10px) rotate(-2deg);
      }
      30% {
          -webkit-transform: translateX(5px) rotate(3deg);
          transform: translateX(5px) rotate(3deg);
      }
      45% {
          -webkit-transform: translateX(-5px) rotate(-2.6deg);
          transform: translateX(-5px) rotate(-2.6deg);
      }
      60% {
          -webkit-transform: translateX(2px) rotate(1.4deg);
          transform: translateX(2px) rotate(1.4deg);
      }
      75% {
          -webkit-transform: translateX(-3px) rotate(-0.5deg);
          transform: translateX(-3px) rotate(-0.5deg);
      }
  }

  @keyframes wobble-hor-bottom {
      0%,
      100% {
          -webkit-transform: translateX(0%);
          transform: translateX(0%);
          -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
      }
      15% {
          -webkit-transform: translateX(-10px) rotate(-2deg);
          transform: translateX(-10px) rotate(-2deg);
      }
      30% {
          -webkit-transform: translateX(5px) rotate(3deg);
          transform: translateX(5px) rotate(3deg);
      }
      45% {
          -webkit-transform: translateX(-5px) rotate(-2.6deg);
          transform: translateX(-5px) rotate(-2.6deg);
      }
      60% {
          -webkit-transform: translateX(2px) rotate(1.4deg);
          transform: translateX(2px) rotate(1.4deg);
      }
      75% {
          -webkit-transform: translateX(-3px) rotate(-0.5deg);
          transform: translateX(-3px) rotate(-0.5deg);
      }
  }

  @-webkit-keyframes slide-top {
      0% {
          opacity: 0;
          -webkit-transform: translateY(100px);
          transform: translateY(100px);
      }
      100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }

  @keyframes slide-top {
      0% {
          opacity: 0;
          -webkit-transform: translateY(100px);
          transform: translateY(100px);
      }
      100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }

  @-webkit-keyframes slide-bottom {
      0% {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          -webkit-transform: translateY(100px);
          transform: translateY(100px);
          opacity: 0;
      }
  }

  @keyframes slide-bottom {
      0% {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          -webkit-transform: translateY(100px);
          transform: translateY(100px);
          opacity: 0;
      }
  }

  @-webkit-keyframes floating {
      0% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
      50% {
          -webkit-transform: translateY(20%);
          transform: translateY(20%);
      }
      100% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
  }

  @keyframes floating {
      0% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
      50% {
          -webkit-transform: translateY(20%);
          transform: translateY(20%);
      }
      100% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
  }

  @-webkit-keyframes floating-2 {
      0% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
      50% {
          -webkit-transform: translateY(25%);
          transform: translateY(25%);
      }
      100% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
  }

  @keyframes floating-2 {
      0% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
      50% {
          -webkit-transform: translateY(25%);
          transform: translateY(25%);
      }
      100% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
  }

  @-webkit-keyframes floating-3 {
      0% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
      50% {
          -webkit-transform: translateY(30%);
          transform: translateY(30%);
      }
      100% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
  }

  @keyframes floating-3 {
      0% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
      50% {
          -webkit-transform: translateY(30%);
          transform: translateY(30%);
      }
      100% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
  }

  @-webkit-keyframes floating-4 {
      0% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
      50% {
          -webkit-transform: translateY(35%);
          transform: translateY(35%);
      }
      100% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
  }

  @keyframes floating-4 {
      0% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
      50% {
          -webkit-transform: translateY(35%);
          transform: translateY(35%);
      }
      100% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
  }

  @-webkit-keyframes floating-simple {
      0% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
      50% {
          -webkit-transform: translateY(3%);
          transform: translateY(3%);
      }
      100% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
  }

  @keyframes floating-simple {
      0% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
      50% {
          -webkit-transform: translateY(3%);
          transform: translateY(3%);
      }
      100% {
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
      }
  }

  @-webkit-keyframes bounce-top {
      0% {
          -webkit-transform: translateY(-35px);
          transform: translateY(-35px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
      }
      24% {
          opacity: 0.5;
      }
      40% {
          -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      65% {
          -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      82% {
          -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      93% {
          -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      25%,
      55%,
      75%,
      87% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      100% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          opacity: 1;
      }
  }

  @keyframes bounce-top {
      0% {
          -webkit-transform: translateY(-35px);
          transform: translateY(-35px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
      }
      24% {
          opacity: 0.5;
      }
      40% {
          -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      65% {
          -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      82% {
          -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      93% {
          -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      25%,
      55%,
      75%,
      87% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      100% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          opacity: 1;
      }
  }

  @-webkit-keyframes puff-in-center {
      0% {
          -webkit-transform: scale(2);
          transform: scale(2);
          -webkit-filter: blur(4px);
          filter: blur(4px);
          opacity: 0;
      }
      100% {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-filter: blur(0px);
          filter: blur(0px);
          opacity: 1;
      }
  }

  @keyframes puff-in-center {
      0% {
          -webkit-transform: scale(2);
          transform: scale(2);
          -webkit-filter: blur(4px);
          filter: blur(4px);
          opacity: 0;
      }
      100% {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-filter: blur(0px);
          filter: blur(0px);
          opacity: 1;
      }
  }

  @-webkit-keyframes puff-out-center {
      0% {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-filter: blur(0px);
          filter: blur(0px);
          opacity: 1;
      }
      100% {
          -webkit-transform: scale(2);
          transform: scale(2);
          -webkit-filter: blur(4px);
          filter: blur(4px);
          opacity: 0;
      }
  }

  @keyframes puff-out-center {
      0% {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-filter: blur(0px);
          filter: blur(0px);
          opacity: 1;
      }
      100% {
          -webkit-transform: scale(2);
          transform: scale(2);
          -webkit-filter: blur(4px);
          filter: blur(4px);
          opacity: 0;
      }
  }

  @-webkit-keyframes scale-in-center {
      0% {
          -webkit-transform: scale(0);
          transform: scale(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1;
      }
  }

  @keyframes scale-in-center {
      0% {
          -webkit-transform: scale(0);
          transform: scale(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1;
      }
  }

  @-webkit-keyframes slide-in-right {
      0% {
          -webkit-transform: translateX(200px);
          transform: translateX(200px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }

  @keyframes slide-in-right {
      0% {
          -webkit-transform: translateX(200px);
          transform: translateX(200px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }

  @-webkit-keyframes slide-in-bottom {
      0% {
          -webkit-transform: translateY(30px);
          transform: translateY(30px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }

  @keyframes slide-in-bottom {
      0% {
          -webkit-transform: translateY(30px);
          transform: translateY(30px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }

  @-webkit-keyframes blink-1 {
      0%,
      100%,
      50% {
          opacity: 1;
      }
      25%,
      75% {
          opacity: 0;
      }
  }

  @keyframes blink-1 {
      0%,
      100%,
      50% {
          opacity: 1;
      }
      25%,
      75% {
          opacity: 0;
      }
  }

  @-webkit-keyframes circleRipple {
      from {
          -webkit-transform: scale(0);
          opacity: 1;
      }
      to {
          -webkit-transform: scale(2);
          opacity: 0;
      }
  }

  @keyframes circleRipple {
      from {
          -webkit-transform: scale(0);
          opacity: 1;
      }
      to {
          -webkit-transform: scale(2);
          opacity: 0;
      }
  }

  @-webkit-keyframes puff-in-center {
      0% {
          -webkit-transform: scale(2);
          transform: scale(2);
          -webkit-filter: blur(4px);
          filter: blur(4px);
          opacity: 0;
      }
      100% {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-filter: blur(0px);
          filter: blur(0px);
          opacity: 1;
      }
  }

  @keyframes puff-in-center {
      0% {
          -webkit-transform: scale(2);
          transform: scale(2);
          -webkit-filter: blur(4px);
          filter: blur(4px);
          opacity: 0;
      }
      100% {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-filter: blur(0px);
          filter: blur(0px);
          opacity: 1;
      }
  }

  @-webkit-keyframes pulseRipple {
      0% {
          -webkit-transform: scale(1.2);
          opacity: 0;
      }
      50% {
          -webkit-transform: scale(2);
          opacity: 1;
      }
      100% {
          -webkit-transform: scale(1.2);
          opacity: 0;
      }
  }

  @keyframes pulseRipple {
      0% {
          -webkit-transform: scale(1.2);
          opacity: 0;
      }
      50% {
          -webkit-transform: scale(2);
          opacity: 1;
      }
      100% {
          -webkit-transform: scale(1.2);
          opacity: 0;
      }
  }

  @-webkit-keyframes text-focus-in {
      0% {
          -webkit-filter: blur(12px);
          filter: blur(12px);
          opacity: 0;
      }
      100% {
          -webkit-filter: blur(0px);
          filter: blur(0px);
          opacity: 1;
      }
  }

  @keyframes text-focus-in {
      0% {
          -webkit-filter: blur(12px);
          filter: blur(12px);
          opacity: 0;
      }
      100% {
          -webkit-filter: blur(0px);
          filter: blur(0px);
          opacity: 1;
      }
  }

  @-webkit-keyframes tilt-up {
      40%,
      60% {
          -webkit-transform: perspective(500px) rotateX(8deg);
          transform: perspective(500px) rotateX(8deg);
      }
  }

  @keyframes tilt-up {
      40%,
      60% {
          -webkit-transform: perspective(500px) rotateX(8deg);
          transform: perspective(500px) rotateX(8deg);
      }
  }

  @-webkit-keyframes tilt-down {
      40%,
      60% {
          -webkit-transform: perspective(500px) rotateX(-8deg);
          transform: perspective(500px) rotateX(-8deg);
      }
  }

  @keyframes tilt-down {
      40%,
      60% {
          -webkit-transform: perspective(500px) rotateX(-8deg);
          transform: perspective(500px) rotateX(-8deg);
      }
  }

  .sweep_top {
      display: inline-block;
      vertical-align: middle;
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
      backface-visibility: hidden;
      position: relative;
      transition-property: color;
      transition-duration: 0.25s;
      -webkit-transition-property: color;
      -webkit-transition-duration: 0.25s;
      overflow: hidden;
  }

  .sweep_top::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #022c44;
      transform: scaleX(0);
      -webkit-transform: scaleX(0);
      transform-origin: 0% 100%;
      transition-property: transform;
      transition-duration: 0.25s;
      transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
      -webkit-transform-origin: 0% 100%;
      -webkit-transition-property: transform;
      -webkit-transition-duration: 0.25s;
      -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  }

  .sweep_top:active,
  .sweep_top:focus,
  .sweep_top:hover {
      color: #fff;
      opacity: 1 !important;
  }

  .sweep_top:active::before,
  .sweep_top:focus::before,
  .sweep_top:hover::before {
      transform: scaleX(1);
      -webkit-transform: scaleX(1);
  }

  .sweep_letter,
  .sweep_letter .inside_item {
      overflow: hidden;
  }
  .sweep_letter .inside_item span {
      position: relative;
      transition: -webkit-transform 500ms;
      transition: transform 500ms;
      transition: transform 500ms, -webkit-transform 500ms;
      -webkit-transition: -webkit-transform 500ms;
      -moz-transition: transform 500ms;
/*       display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; */
  }
  .sweep_letter .inside_item span::after {
      content: attr(data-hover);
      position: absolute;
      top: -30px;
      left: auto;
      transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      color: #fff;
  }

  .sweep_letter:focus .inside_item span,
  .sweep_letter:hover .inside_item span {
      transform: translateY(30px);
      -webkit-transform: translateY(30px);
      -moz-transform: translateY(30px);
  }

  html:not(.no-js) [data-aos="fade-up"] {
      -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0);
  }

  @-webkit-keyframes jello-horizontal {
      0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }
      30% {
          -webkit-transform: scale3d(1.25, 0.75, 1);
          transform: scale3d(1.25, 0.75, 1);
      }
      40% {
          -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1);
      }
      50% {
          -webkit-transform: scale3d(1.15, 0.85, 1);
          transform: scale3d(1.15, 0.85, 1);
      }
      65% {
          -webkit-transform: scale3d(0.95, 1.05, 1);
          transform: scale3d(0.95, 1.05, 1);
      }
      75% {
          -webkit-transform: scale3d(1.05, 0.95, 1);
          transform: scale3d(1.05, 0.95, 1);
      }
      100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }
  }

  @keyframes jello-horizontal {
      0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }
      30% {
          -webkit-transform: scale3d(1.25, 0.75, 1);
          transform: scale3d(1.25, 0.75, 1);
      }
      40% {
          -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1);
      }
      50% {
          -webkit-transform: scale3d(1.15, 0.85, 1);
          transform: scale3d(1.15, 0.85, 1);
      }
      65% {
          -webkit-transform: scale3d(0.95, 1.05, 1);
          transform: scale3d(0.95, 1.05, 1);
      }
      75% {
          -webkit-transform: scale3d(1.05, 0.95, 1);
          transform: scale3d(1.05, 0.95, 1);
      }
      100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }
  }

  @-webkit-keyframes flip-horizontal-bottom {
      0% {
          -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
      }
      100% {
          -webkit-transform: rotateX(0);
          transform: rotateX(0);
      }
  }

  @keyframes flip-horizontal-bottom {
      0% {
          -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
      }
      100% {
          -webkit-transform: rotateX(0);
          transform: rotateX(0);
      }
  }

  @-webkit-keyframes fadein {
      0% {
          opacity: 0;
          -webkit-transform: translateY(10px);
          transform: translateY(10px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0);
      }
  }

  @keyframes fadein {
      0% {
          opacity: 0;
          -webkit-transform: translateY(10px);
          transform: translateY(10px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0);
      }
  }

  .slide-in-bottom {
      -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
      animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  }

  .btn,
  a.btn input.btn,
  a.button,
  button,
  div.button,
  input[type="submit"],
  span.button {
      text-transform: capitalize;
      color: #fff;
      padding: 12px 18px;
      min-height: 20px;
      line-height: 20px;
      -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      font-weight: 400;
      text-decoration: none;
      vertical-align: middle;
      outline: 0;
      display: inline-block;
      position: relative;
      text-align: center;
      border-radius: 5px;
      overflow: hidden;
      will-change: transform, box-shadow;
  }

  .btn:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
  a.btn input.btn:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
  a.button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
  button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
  div.button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
  input[type="submit"]:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
  span.button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text {
      color: #fff;
  }

  .btn i,
  a.btn input.btn i,
  a.button i,
  button i,
  div.button i,
  input[type="submit"] i,
  span.button i {
      display: inline-block;
      vertical-align: middle;
      margin-top: -16px;
      margin-right: 5px;
      font-size: 20px;
      position: relative;
      stroke: 2px;
      min-width: 20px;
      height: 22px;
  }

  .btn i-left,
  a.btn input.btn i-left,
  a.button i-left,
  button i-left,
  div.button i-left,
  input[type="submit"] i-left,
  span.button i-left {
      margin-right: 5px;
  }

  .btn i-right,
  a.btn input.btn i-right,
  a.button i-right,
  button i-right,
  div.button i-right,
  input[type="submit"] i-right,
  span.button i-right {
      margin-left: 5px;
  }

  .btn:not(.text-hover):hover .icon.icon-right svg,
  .btn:not(.text-hover):hover .icon.icon-right:before,
  a.btn input.btn:not(.text-hover):hover .icon.icon-right svg,
  a.btn input.btn:not(.text-hover):hover .icon.icon-right:before,
  a.button:not(.text-hover):hover .icon.icon-right svg,
  a.button:not(.text-hover):hover .icon.icon-right:before,
  button:not(.text-hover):hover .icon.icon-right svg,
  button:not(.text-hover):hover .icon.icon-right:before,
  div.button:not(.text-hover):hover .icon.icon-right svg,
  div.button:not(.text-hover):hover .icon.icon-right:before,
  input[type="submit"]:not(.text-hover):hover .icon.icon-right svg,
  input[type="submit"]:not(.text-hover):hover .icon.icon-right:before,
  span.button:not(.text-hover):hover .icon.icon-right svg,
  span.button:not(.text-hover):hover .icon.icon-right:before {
      -webkit-animation: hoverBtn ease-out 0.3s;
      animation: hoverBtn ease-out 0.3s;
  }

  .btn:not(.text-hover):hover .icon.icon-left svg,
  .btn:not(.text-hover):hover .icon.icon-left:before,
  a.btn input.btn:not(.text-hover):hover .icon.icon-left svg,
  a.btn input.btn:not(.text-hover):hover .icon.icon-left:before,
  a.button:not(.text-hover):hover .icon.icon-left svg,
  a.button:not(.text-hover):hover .icon.icon-left:before,
  button:not(.text-hover):hover .icon.icon-left svg,
  button:not(.text-hover):hover .icon.icon-left:before,
  div.button:not(.text-hover):hover .icon.icon-left svg,
  div.button:not(.text-hover):hover .icon.icon-left:before,
  input[type="submit"]:not(.text-hover):hover .icon.icon-left svg,
  input[type="submit"]:not(.text-hover):hover .icon.icon-left:before,
  span.button:not(.text-hover):hover .icon.icon-left svg,
  span.button:not(.text-hover):hover .icon.icon-left:before {
      animation: hoverBtn ease-out 0.3s reverse;
  }

  .btn:not(.text-hover):hover .icon:before,
  a.btn input.btn:not(.text-hover):hover .icon:before,
  a.button:not(.text-hover):hover .icon:before,
  button:not(.text-hover):hover .icon:before,
  div.button:not(.text-hover):hover .icon:before,
  input[type="submit"]:not(.text-hover):hover .icon:before,
  span.button:not(.text-hover):hover .icon:before {
      color: inherit;
  }

  @-webkit-keyframes hoverBtn {
      0% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
      }
      51% {
          -webkit-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 1;
      }
      52% {
          opacity: 0;
          -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
      }
      53% {
          opacity: 0;
      }
      54% {
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
      }
  }

  @keyframes hoverBtn {
      0% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
      }
      51% {
          -webkit-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 1;
      }
      52% {
          opacity: 0;
          -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
      }
      53% {
          opacity: 0;
      }
      54% {
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
      }
  }

  .btn:focus,
  .btn:hover,
  a.btn input.btn:focus,
  a.btn input.btn:hover,
  a.button:focus,
  a.button:hover,
  button:focus,
  button:hover,
  div.button:focus,
  div.button:hover,
  input[type="submit"]:focus,
  input[type="submit"]:hover,
  span.button:focus,
  span.button:hover {
      color: #fff;
      background-color: rgb(238, 113, 99);
      border-color: rgb(238, 113, 99);
      outline: 0;
      -webkit-box-shadow: inherit;
      box-shadow: inherit;
      opacity: 0.9;
  }

  .btn.text-hover,
  a.btn input.btn.text-hover,
  a.button.text-hover,
  button.text-hover,
  div.button.text-hover,
  input[type="submit"].text-hover,
  span.button.text-hover {
      overflow: hidden;
      position: relative;
  }

  .btn.text-hover .icon,
  .btn.text-hover .text,
  a.btn input.btn.text-hover .icon,
  a.btn input.btn.text-hover .text,
  a.button.text-hover .icon,
  a.button.text-hover .text,
  button.text-hover .icon,
  button.text-hover .text,
  div.button.text-hover .icon,
  div.button.text-hover .text,
  input[type="submit"].text-hover .icon,
  input[type="submit"].text-hover .text,
  span.button.text-hover .icon,
  span.button.text-hover .text {
      -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  }

  .btn.text-hover .icon,
  a.btn input.btn.text-hover .icon,
  a.button.text-hover .icon,
  button.text-hover .icon,
  div.button.text-hover .icon,
  input[type="submit"].text-hover .icon,
  span.button.text-hover .icon {
      max-width: 100%;
      text-align: center;
      height: 26px;
      position: absolute;
      font-size: 20px;
      left: 50%;
      top: 50%;
      margin: 0;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }

  .btn.text-hover .text,
  a.btn input.btn.text-hover .text,
  a.button.text-hover .text,
  button.text-hover .text,
  div.button.text-hover .text,
  input[type="submit"].text-hover .text,
  span.button.text-hover .text {
      display: inline-block;
      -webkit-transform: translateY(-120%);
      transform: translateY(-120%);
      opacity: 0;
  }

  .btn.text-hover:hover .icon,
  a.btn input.btn.text-hover:hover .icon,
  a.button.text-hover:hover .icon,
  button.text-hover:hover .icon,
  div.button.text-hover:hover .icon,
  input[type="submit"].text-hover:hover .icon,
  span.button.text-hover:hover .icon {
      -webkit-transform: translate(-50%, 120%);
      transform: translate(-50%, 120%);
      opacity: 0;
  }

  .btn.text-hover:hover .text,
  a.btn input.btn.text-hover:hover .text,
  a.button.text-hover:hover .text,
  button.text-hover:hover .text,
  div.button.text-hover:hover .text,
  input[type="submit"].text-hover:hover .text,
  span.button.text-hover:hover .text {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
  }

  p a.btn:hover {
      text-decoration: none;
  }

  button[disabled].btn-white:hover,
  input[type="submit"][disabled].btn-white:hover {
      background-color: #fff;
      color: #022c44;
  }

  button[disabled].btn-primary:hover,
  input[type="submit"][disabled].btn-primary:hover {
      background-color: rgb(238, 113, 99);
      color: #fff;
  }

  .btn-outline,
  a.btn-outline,
  input[type="submit"].btn-outline {
      background-color: transparent;
      color: currentColor;
  }

  .btn-outline:after,
  .btn-outline:before,
  a.btn-outline:after,
  a.btn-outline:before,
  input[type="submit"].btn-outline:after,
  input[type="submit"].btn-outline:before {
      display: none;
  }

  .btn-outline:focus,
  .btn-outline:hover,
  a.btn-outline:focus,
  a.btn-outline:hover,
  input[type="submit"].btn-outline:focus,
  input[type="submit"].btn-outline:hover {
      background-color: rgb(238, 113, 99);
      color: #fff;
  }

  .btn-outline.btn-white,
  a.btn-outline.btn-white,
  input[type="submit"].btn-outline.btn-white {
      background-color: transparent;
      border-color: #fff;
      color: #fff;
  }

  .btn-outline.btn-white:hover,
  a.btn-outline.btn-white:hover,
  input[type="submit"].btn-outline.btn-white:hover {
      background-color: #fff;
      color: #022c44;
  }

  .btn-outline.disabled:hover,
  a.btn-outline.disabled:hover,
  input[type="submit"].btn-outline.disabled:hover {
      background-color: transparent;
      color: #022c44;
      border-color: #022c44;
      cursor: default;
  }

  .btn-loading {
      -webkit-box-shadow: none;
      box-shadow: none;
  }

  .btn-loading:before {
      content: "";
      position: relative;
      display: inline-block !important;
      width: 18px;
      height: 18px;
      bottom: auto;
      left: auto;
      opacity: 1;
      border-radius: 50%;
      border: 2px solid transparent;
      border-top: 2px solid rgba(255, 255, 255, 0.7);
      border-right: 2px solid rgba(255, 255, 255, 0.7);
      background: 0 0;
      -webkit-animation: 0.8s rotate cubic-bezier(0.99, 0.71, 0.22, 0.68) infinite;
      animation: 0.8s rotate cubic-bezier(0.99, 0.71, 0.22, 0.68) infinite;
  }

  .btn-loading.btn-outline:before,
  .btn-loading.btn:before {
      margin-right: 8px;
  }

  .btn-loading:before {
      vertical-align: top;
      margin-top: 1px;
  }

  .btn-loading .ion-left {
      display: none;
  }

  .btn-loading:hover {
      -webkit-transition: none;
      transition: none;
  }

  .btn-loading:hover:before {
      background: 0 0;
      width: 18px;
      -webkit-transition: none;
      transition: none;
  }

  @-webkit-keyframes rotate {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      50% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
      100% {
          -webkit-transform: rotate(0);
          transform: rotate(0);
      }
  }

  @keyframes rotate {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      50% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
      100% {
          -webkit-transform: rotate(0);
          transform: rotate(0);
      }
  }
  .btn-xs {
      padding: 7px 0;
      min-width: 100px;
      border-radius: 4px;
      font-size: 13px;
  }
  .btn-sm {
      padding: 8px 12px;
      min-width: 100px;
      border-radius: 6px;
      font-size: 16px;
  }

  .btn-lg {
      padding: 9px 20px;
      font-size: 18px;
      line-height: 1.7;
  }

  .btn-xl {
      padding: 11px 22px;
      font-size: 19px;
      line-height: 1.7;
  }

  .btn-primary {
      background: #14aca1;
      color: #fff;
      border: none !important;
      -webkit-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
  }

  .btn-primary.sweep_top::before {
      background: #ff9c6e !important;
  }

  .btn-primary.btn-sh {
      -webkit-box-shadow: 0 14px 35px -11px rgb(238, 113, 99);
      box-shadow: 0 14px 35px -11px rgb(238, 113, 99);
  }

  .btn-primary.btn-outline {
      border: 2px solid rgb(238, 113, 99);
      background: 0 0 !important;
      color: rgb(238, 113, 99);
  }

  .btn-primary.btn-outline-bottom {
      border-bottom: solid 3px rgb(238, 113, 99);
      background: 0 0 !important;
      color: rgb(238, 113, 99) !important;
  }

  .btn-primary.btn-hover-line:hover {
      background: 0 0;
      border: 2px solid rgb(238, 113, 99);
      color: rgb(238, 113, 99);
  }
  .btn-primary:hover {
      outline: 0;
      background: rgb(219, 100, 87) !important;
      border: 2px solid rgb(219, 100, 87);
      box-shadow: 0 15px 21px -8px #ed7163d9 !important;
  }
  .btn-secondary {
      background: #1caaa0;
      color: #fff;
      -webkit-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
      -moz-transition: 0.4s ease-in-out;
      -ms-transition: 0.4s ease-in-out;
  }
  .btn-secondary.sweep_top::before {
      background: #361d37 !important;
  }
  .btn-secondary:hover {
      background: #472548 !important;
      color: #fff;
  }
  .btn-secondary.btn-sh {
      -webkit-box-shadow: 0 14px 35px -11px #1caaa0;
      box-shadow: 0 14px 35px -11px #1caaa0;
      -moz-box-shadow: 0 14px 35px -11px #1caaa0;
      -ms-box-shadow: 0 14px 35px -11px #1caaa0;
      -o-box-shadow: 0 14px 35px -11px #1caaa0;
  }
  .btn-secondary.btn-outline {
      border: 2px solid#1caaa0;
      background: 0 0 !important;
      color: #1caaa0;
  }
  .btn-secondary.btn-outline-bottom {
      border-bottom: solid 3px #1caaa0;
      background: 0 0 !important;
      color: rgb(238, 113, 99) !important;
  }
  .btn-secondary.btn-hover-line:hover {
      background: 0 0;
      border: 2px solid #1caaa0;
      color: #1caaa0;
  }
  .btn-orange {
      background: #ffe4db;
      color: #ff784b;
      -webkit-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
      -moz-transition: 0.4s ease-in-out;
      -ms-transition: 0.4s ease-in-out;
      -o-transition: 0.4s ease-in-out;
      border: none;
  }
  .btn-white {
      background: #fff;
      color: #022c44;
      border: none !important;
      -webkit-box-shadow: 0 2px 4px #7e8eb11f !important;
      box-shadow: 0 2px 4px #7e8eb11f !important;
      -moz-box-shadow: 0 2px 4px #7e8eb11f !important;
      -ms-box-shadow: 0 2px 4px #7e8eb11f !important;
      -o-box-shadow: 0 2px 4px #7e8eb11f !important;
  }
  .btn-white.sweep_top::before {
      background: #faf4f6;
      color: #022c44;
  }
  .btn-white span::after {
      color: #022c44 !important;
  }
  .btn-white.btn-outline {
      color: #fff;
      border: 2px solid #fff;
  }
  .btn-white:hover {
      opacity: 0.8;
      background: #fff;
      color: rgb(238, 113, 99) !important;
      -webkit-box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 transparent inset;
      box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 transparent inset;
      -moz-box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 transparent inset;
      -ms-box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 transparent inset;
      -o-box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 transparent inset;
  }
  .btn-dark {
      background: #022c44;
      color: #fff;
      border: 1px solid #022c44;
  }
  .btn-dark.sweep_top::before {
      background: #03040f !important;
  }
  .btn-dark:hover {
      background: #022c44;
      border: 1px solid #022c44;
      box-shadow: 0 15px 21px -8px #02182777 !important;
      -webkit-box-shadow: 0 15px 21px -8px #02182777 !important;
      -moz-box-shadow: 0 15px 21px -8px #02182777 !important;
      -ms-box-shadow: 0 15px 21px -8px #02182777 !important;
      -o-box-shadow: 0 15px 21px -8px #02182777 !important;
  }
  .btn-dark.btn-sh {
      -webkit-box-shadow: 0 14px 35px -11px #022c44;
      box-shadow: 0 14px 35px -11px #022c44;
      -moz-box-shadow: 0 14px 35px -11px #022c44;
      -ms-box-shadow: 0 14px 35px -11px #022c44;
      -o-box-shadow: 0 14px 35px -11px #022c44;
  }
  .btn-dark.btn-outline {
      border: 2px solid #022c44;
      background: 0 0 !important;
      color: #022c44;
  }
  .btn-dark.btn-outline-bottom {
      border-bottom: solid 3px #022c44;
      background: 0 0 !important;
      color: #022c44;
  }
  button.close {
      height: 2rem;
      width: 2rem;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      position: relative;
  }
  button.close::before {
      content: "";
      position: absolute;
      top: 5px;
      left: 0;
      height: 20px;
      width: 40px;
      background-image: url(../deco_plus.html);
      background-size: contain;
      opacity: 0.5;
      background-repeat: no-repeat;
  }
  button.close:hover {
      color: #fff;
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
  }
  .btn_sm_primary {
      padding: 0.7rem 1.55rem;
      font-size: 15px;
      text-align: center;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
      -ms-transition: 0.3s !important;
      -o-transition: 0.3s !important;
  }
  .btn_sm_primary:hover {
      opacity: 0.9;
  }
  .btn_md_primary {
      padding: 0.85rem 1.8rem;
      font-size: 15px;
      text-align: center;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
      -ms-transition: 0.3s !important;
      -o-transition: 0.3s !important;
  }
  .btn_md_primary:hover {
      opacity: 0.9;
  }
  .btn_lg_primary {
      padding: 0.9rem 2.3rem;
      font-size: 15px;
      text-align: center;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
      -ms-transition: 0.3s !important;
      -o-transition: 0.3s !important;
  }
  .btn_lg_primary:hover {
      opacity: 0.9;
  }
  .btn_xl_primary {
      padding: 1.1rem 2.3rem;
      font-size: 15px;
      text-align: center;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
      -ms-transition: 0.3s !important;
      -o-transition: 0.3s !important;
  }
  .btn_xl_primary:hover {
      opacity: 0.9;
  }
  .header-nav-center .btn-default {
      margin-right: 0.5rem;
  }
  .btn-video {
      background-color: #ee7163;
      color: #fff;
      padding: 0.9rem 1.55rem;
      text-align: center;
      position: relative;
  }
  .btn-video:before {
      background: #ee7163;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      content: "";
      display: block;
      height: 100%;
      opacity: 0.25;
      position: absolute;
      width: 100%;
      z-index: -1;
      top: 0;
      left: 0;
      -webkit-animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
      animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
      -moz-animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
      -ms-animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
      -o-animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
  }
  .btn-video.ripple_box:before {
      border-radius: 8px;
  }
  .btn-video [class^="ri-"] {
      vertical-align: sub;
      margin-right: 0.2rem;
  }
  .btn-video:hover {
      color: #fff;
  }
  .btn-ripple_circle {
      position: relative;
      width: 50px;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .btn-ripple_circle .icon {
      background-color: #ee7163;
      color: #fff;
      width: 50px;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      vertical-align: middle;
      position: absolute;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
  }
  .btn-ripple_circle .effect_ripp {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      display: block;
      height: 100%;
      opacity: 0.25;
      position: absolute;
      width: 100%;
      z-index: -1;
      top: 0;
      left: 0;
      background: #6c7a87;
      -webkit-animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
      animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
      -moz-animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
      -ms-animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
  }
  .btn-ripple_circle [class^="ri-"] {
      vertical-align: middle;
      font-size: 24px;
      margin: 0;
  }
  .btn-ripple_circle:hover {
      color: #fff;
  }
  .play_video {
      width: 50px;
      height: 50px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      vertical-align: middle;
      background-color: #022c44;
      padding: 0;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .play_video::after {
      content: "";
      width: 70px;
      height: 70px;
      position: absolute;
      display: block;
      z-index: -1;
      background: rgba(16, 21, 78, 0.1);
      border-radius: 50%;
  }
  .play_video::before {
      content: "";
      position: absolute;
      border-radius: 50%;
      display: block;
      height: 100%;
      width: 100%;
      z-index: -1;
      background: rgba(16, 21, 78, 0.1);
      -webkit-animation: pulseRipple 2.5s ease-in-out infinite !important;
      animation: pulseRipple 2.5s ease-in-out infinite !important;
  }
  .play_video:focus {
      background-color: #022c44;
  }
  .play_video [class^="ri-"] {
      font-size: 24px;
      color: #fff;
  }
  .app_smartphone .btn--app {
      display: inline-block;
      margin-right: 1.5rem;
  }
  .app_smartphone .btn--app .icon {
      border-radius: 20px;
      width: 50px;
      height: 50px;
      background-color: #17e79b;
      padding: 0.75rem;
      margin-right: 0.75rem;
  }
  .app_smartphone .btn--app .icon [class^="ri-"] {
      color: #fff;
      font-size: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .app_smartphone .btn--app .txt span {
      color: #9da6af;
      font-size: 12px;
      font-weight: 400;
  }
  .app_smartphone .btn--app .txt h4 {
      font-weight: 400;
      color: #fff;
      font-size: 18px;
      margin-top: 0.2rem;
      margin-bottom: 0;
  }
  .menu {
      color: #022c44;
      width: 36px;
      height: 36px;
      padding: 0;
      margin: 0;
      outline: 0;
      position: relative;
      border: none;
      background: 0 0;
      cursor: pointer;
      -webkit-appearence: none;
      -webkit-tap-highlight-color: transparent;
  }
  .menu.ripplemenu:active:before {
      background: #ee7163;
      border-radius: 50%;
      content: "";
      display: block;
      height: 100%;
      opacity: 0.25;
      position: absolute;
      width: 100%;
      z-index: -1;
      top: 0;
      left: -9px;
      -webkit-animation: RippleMenu 0.3s cubic-bezier(0.29, -0.01, 0.17, 0.95);
      animation: RippleMenu 0.3s cubic-bezier(0.29, -0.01, 0.17, 0.95);
  }
  .menu svg {
      width: 44px;
      height: 48px;
      top: -6px;
      left: -14px;
      stroke: #022c44;
      stroke-width: 0.2rem;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
      display: block;
      position: absolute;
  }
  .menu svg path {
      -webkit-transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s),
          stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s);
      transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s),
          stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s);
      stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px);
      stroke-dashoffset: var(--offset, 126px);
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
  }
  .menu svg path:nth-child(2) {
      --duration: 0.7s;
      --easing: ease-in;
      --offset: 100px;
      --array-2: 74px;
  }
  .menu svg path:nth-child(3) {
      --offset: 133px;
      --array-2: 107px;
  }
  .menu.active svg path {
      --offset: 57px;
  }
  .menu.active svg path:nth-child(1),
  .menu.active svg path:nth-child(3) {
      --delay: 0.15s;
      --easing: cubic-bezier(0.2, 0.4, 0.2, 1.1);
  }

  .menu.active svg path:nth-child(2) {
      --duration: 0.4s;
      --offset: 2px;
      --array-1: 1px;
  }

  .menu.active svg path:nth-child(3) {
      --offset: 58px;
  }
  .drop_download {
      position: relative;
      color: #fff;
      font-size: 15px;
      padding: 0.6rem 1.75rem;
      border-radius: 8px;
      text-align: center;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .drop_download .links-btn {
      position: absolute;
      opacity: 0;
      pointer-events: none;
  }
  .drop_download .links-btn a {
      color: #aa9bb3;
      font-size: 14px;
      display: block;
      padding-top: 0.8rem;
      text-align: left;
      padding-left: 0.25rem;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .drop_download .links-btn a:nth-child(1) {
      -webkit-transform: translate(-12px);
      transform: translate(-12px);
  }
  .drop_download .links-btn a:nth-child(2) {
      -webkit-transform: translate(-16px);
      transform: translate(-16px);
  }
  .drop_download .links-btn a:nth-child(3) {
      -webkit-transform: translate(-22px);
      transform: translate(-22px);
  }
  .drop_download:hover {
      color: #fff;
  }
  .drop_download:hover:before {
      content: "";
      background-color: rgba(255, 255, 255, 0.1);
      height: 155px;
      width: 130px;
      position: absolute;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      left: 0;
      top: 0;
  }
  .drop_download:hover .links-btn {
      opacity: 1;
      pointer-events: auto;
  }
  .drop_download:hover .links-btn a {
      -webkit-transform: translate(0px);
      transform: translate(0px);
  }
  .drop_download:hover .links-btn a:nth-child(1) {
      -webkit-transition: 0.2s !important;
      transition: 0.2s !important;
  }
  .drop_download:hover .links-btn a:nth-child(2) {
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
  }
  .drop_download:hover .links-btn a:nth-child(3) {
      -webkit-transition: 0.5s !important;
      transition: 0.5s !important;
  }
  .drop_download:hover .links-btn a:hover {
      color: #fff;
  }
  .button--click .btn-token {
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      font-size: 16px;
      font-weight: 500;
      text-align: center;
      color: #fff;
      margin: 0 0.75rem;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .button--click .btn-token.c-gradient {
      -webkit-background: -webkit-gradient(linear, left top, right top, from(#6bb0f8), to(#fd4ffe)) !important;
      -webkit-background: linear-gradient(90deg, #6bb0f8 0, #fd4ffe 100%) !important;
      -moz-background: linear-gradient(90deg, #6bb0f8 0, #fd4ffe 100%) !important;
      -o-background: linear-gradient(90deg, #6bb0f8 0, #fd4ffe 100%) !important;
      -ms-background: linear-gradient(90deg, #6bb0f8 0, #fd4ffe 100%) !important;
      background: -webkit-gradient(linear, left top, right top, from(#6bb0f8), to(#fd4ffe)) !important;
      background: linear-gradient(90deg, #6bb0f8 0, #fd4ffe 100%) !important;
  }
  .button--click .btn-token.defalult {
      border: 1px solid rgba(255, 255, 255, 0.4);
  }
  .btn_readmore {
      color: #ee7163;
      font-size: 16px;
      position: relative;
      padding-left: 0;
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
      -moz-transition: 0.4s !important;
      -ms-transition: 0.4s !important;
      -o-transition: 0.4s !important;
  }
  .btn_readmore:before {
      content: "";
      position: absolute;
      left: -0.7rem;
      top: 0;
      width: 45%;
      height: 100%;
      background-color: rgba(22, 93, 245, 0.1);
      -webkit-transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important;
      transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important;
      -moz-transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important;
      -ms-transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important;
      -o-transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important;
  }
  .btn_readmore:hover {
      color: #ee7163;
  }
  .btn_readmore:hover:before {
      width: 0;
  }
  .prgoress_indicator {
      position: fixed;
      right: 50px;
      bottom: 50px;
      height: 46px;
      width: 46px;
      cursor: pointer;
      display: block;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      -webkit-box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
      box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
      -moz-box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
      -ms-box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
      z-index: 10000;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(15px) !important;
      transform: translateY(15px) !important;
      -webkit-transition: all 200ms linear !important;
      transition: all 200ms linear !important;
      -moz-transition: all 200ms linear !important;
      -ms-transition: all 200ms linear !important;
      -o-transition: all 200ms linear !important;
  }
  .prgoress_indicator.active-progress {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0) !important;
      transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
  }
  .prgoress_indicator::after {
      position: absolute;
      font-family: The-Icon-of;
      content: "\e9a2";
      text-align: center;
      line-height: 46px;
      font-size: 18px;
      color: rgba(22, 93, 245, 0.2);
      left: 0;
      top: 0;
      height: 46px;
      width: 46px;
      cursor: pointer;
      display: block;
      z-index: 1;
      -webkit-transition: all 200ms linear !important;
      transition: all 200ms linear !important;
      -moz-transition: all 200ms linear !important;
      -ms-transition: all 200ms linear !important;
      -o-transition: all 200ms linear !important;
  }
  .prgoress_indicator::before {
      position: absolute;
      font-family: The-Icon-of;
      content: "\e9a2";
      text-align: center;
      line-height: 46px;
      font-size: 18px;
      opacity: 0;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      left: 0;
      top: 0;
      height: 46px;
      width: 46px;
      cursor: pointer;
      display: block;
      z-index: 2;
      -webkit-transition: all 200ms linear !important;
      transition: all 200ms linear !important;
      -moz-transition: all 200ms linear !important;
      -ms-transition: all 200ms linear !important;
      -o-transition: all 200ms linear !important;
  }
  .prgoress_indicator:hover::after {
      color: #ee7163;
  }
  .prgoress_indicator:hover:before {
      opacity: 1;
  }
  .prgoress_indicator svg path {
      fill: none;
  }
  .prgoress_indicator svg.progress-circle path {
      stroke: #ee7163;
      stroke-width: 4;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 200ms linear !important;
      transition: all 200ms linear !important;
      -moz-transition: all 200ms linear !important;
      -ms-transition: all 200ms linear !important;
      -o-transition: all 200ms linear !important;
  }
  .btn__more [class^="ri-"] {
      vertical-align: middle;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
      -ms-transition: 0.3s !important;
      -o-transition: 0.3s !important;
  }
  .btn__more:hover [class^="ri-"] {
      color: #022c44;
      font-size: 18px;
      margin-left: 5px;
  }
  .breadcrumb.default {
      background-color: transparent;
      padding: 0;
      margin-bottom: 0;
  }
  .breadcrumb.default .breadcrumb-item {
      color: #6b7280;
  }
  .breadcrumb.default .breadcrumb-item::before {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(107,114,128,1)'/%3E%3C/svg%3E");
      vertical-align: middle;
      font-size: 15px;
      height: 20px;
      width: 20px;
      margin-top: 2px;
      margin-right: 0.5rem;
  }
  .breadcrumb.default .breadcrumb-item:first-of-type::before {
      display: none;
  }
  .breadcrumb.default .breadcrumb-item a {
      font-weight: 400 !important;
      color: #6b7280;
  }
  .breadcrumb.default .breadcrumb-item.active a {
      color: #858c9b;
  }
  .select-holder {
      position: relative;
  }
  .select-holder:after {
      content: "\f3d0";
      font-family: Ionicons;
      font-weight: 600;
      font-size: 13px;
      position: absolute;
      line-height: 1;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      right: 18px;
      z-index: 10;
      -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      -ms-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  }
  select {
      cursor: pointer;
      display: inline-block;
      padding: 0 15px !important;
      height: 62px;
  }
  textarea {
      padding: 15px !important;
  }
  input[type="email"],
  input[type="number"],
  input[type="password"],
  input[type="tel"],
  input[type="text"],
  input[type="url"],
  select,
  textarea {
      background: #fff;
      color: #232226;
      border: 1px solid #e2e4e9;
      width: 100%;
      padding: 20px 15px;
      line-height: 1.3;
      font-weight: 400;
      font-size: inherit;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      position: relative;
      -webkit-appearance: none;
      -webkit-box-shadow: 0 7px 9px rgba(29, 14, 98, 0.05);
      box-shadow: 0 7px 9px rgba(29, 14, 98, 0.05);
      -moz-box-shadow: 0 7px 9px rgba(29, 14, 98, 0.05);
      -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      outline: 0;
  }
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="tel"]:focus,
  input[type="text"]:focus,
  select:focus,
  textarea:focus {
      border: 1px solid rgba(190, 52, 106, 0.5);
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  input[type="email"].is-valid,
  input[type="number"].is-valid,
  input[type="password"].is-valid,
  input[type="tel"].is-valid,
  input[type="text"].is-valid,
  select.is-valid,
  textarea.is-valid {
      border-bottom: solid 3px #3dcabd !important;
      border: 1px solid #e2e4e9;
      padding-right: calc(1.5em + 0.75rem);
      background: none !important;
  }
  input[type="email"].is-valid:focus,
  input[type="number"].is-valid:focus,
  input[type="password"].is-valid:focus,
  input[type="tel"].is-valid:focus,
  input[type="text"].is-valid:focus,
  select.is-valid:focus,
  textarea.is-valid:focus {
      border-bottom: solid 3px #3dcabd !important;
      border: 1px solid #e2e4e9;
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  input[type="email"].is-invalid,
  input[type="number"].is-invalid,
  input[type="password"].is-invalid,
  input[type="tel"].is-invalid,
  input[type="text"].is-invalid,
  select.is-invalid,
  textarea.is-invalid {
      border-bottom: solid 3px #de4b53 !important;
      border: 1px solid #e2e4e9;
      padding-right: calc(1.5em + 0.75rem);
      background: 0 0;
  }
  input[type="email"].is-invalid:focus,
  input[type="number"].is-invalid:focus,
  input[type="password"].is-invalid:focus,
  input[type="tel"].is-invalid:focus,
  input[type="text"].is-invalid:focus,
  select.is-invalid:focus,
  textarea.is-invalid:focus {
      border-bottom: solid 3px #de4b53 !important;
      border: 1px solid #e2e4e9;
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .form-group {
      margin-bottom: 20px !important;
  }
  .textarea {
      width: 100%;
      height: 150px;
      resize: vertical;
  }
  label {
      color: #77748f;
  }
  .radio {
      width: 20px;
      height: 20px;
      display: inline-block;
      position: relative;
      vertical-align: middle;
      margin-right: 5px;
  }
  .radio + label {
      text-transform: none;
      font-weight: 400;
      color: inherit;
      vertical-align: middle;
  }
  .radio input {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      cursor: pointer;
  }
  .radio input:checked {
      cursor: default;
  }
  .radio input:checked + .input:after {
      background: #022c44;
  }
  .radio .input {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
  }
  .radio .input:after {
      content: "";
      background: #fff;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      position: absolute;
      top: 5px;
      left: 5px;
      -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
      -ms-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  }
  .radio:hover .input:after,
  .radio:hover input:checked + .input:after {
      background: #022c44;
  }
  @keyframes rotate {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  .custom-control-input:checked ~ .custom-control-label::before {
      color: #fff;
      border-color: #fff;
      background-color: rgb(238, 113, 99);
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -moz-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -ms-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      width: 20px;
      height: 20px;
  }
  .custom-control-label {
      margin-left: 5px;
  }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
      background-image: none;
  }
  .custom-control-label::after {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      left: -30px;
      display: block;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
      -moz-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
      -ms-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
      width: 20px;
      height: 20px;
      content: "";
      background: 50%/50% 50% no-repeat;
      outline: 0 !important;
  }
  .custom-control-label::before {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      left: -30px;
      display: block;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
      -moz-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
      -ms-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
      width: 20px;
      height: 20px;
      content: "";
      background-color: #fff;
      outline: 0 !important;
  }
  .custom-switch .custom-control-label::before {
      left: -2.25rem;
      width: 2.75rem;
      pointer-events: all;
      border-radius: 24px;
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      -ms-border-radius: 24px;
      -o-border-radius: 24px;
      height: 22px;
      border: none;
      background-color: #f3f8ff;
  }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
      color: #fff;
      border-color: #fff;
      background-color: #5a52ff;
      -webkit-box-shadow: 0 21px 51px rgba(29, 14, 98, 0.15);
      box-shadow: 0 21px 51px rgba(29, 14, 98, 0.15);
      -moz-box-shadow: 0 21px 51px rgba(29, 14, 98, 0.15);
      -ms-box-shadow: 0 21px 51px rgba(29, 14, 98, 0.15);
      width: 2.75rem;
      height: 20px;
  }
  .custom-switch .custom-control-label::after {
      top: 1px;
      left: calc(-14px + 0px);
      width: 18px;
      height: 18px;
      background-color: #fff;
      -webkit-box-shadow: 0 21px 23px -5px rgba(82, 48, 162, 0.12);
      box-shadow: 0 21px 23px -5px rgba(82, 48, 162, 0.12);
      -moz-box-shadow: 0 21px 23px -5px rgba(82, 48, 162, 0.12);
      border-radius: 1.5rem;
      -webkit-border-radius: 1.5rem;
      -moz-border-radius: 1.5rem;
      -ms-border-radius: 1.5rem;
      -o-border-radius: 1.5rem;
  }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
      left: calc(-47px + 0px);
      top: -9px;
  }
  .custom-switch .custom-control-label {
      margin-left: 0;
      padding-left: 19px;
  }
  .custom-select {
      height: 62px;
  }
  .input-group-prepend .btn {
      padding: 19px 18px;
  }
  .custom-select-xs {
      height: calc(0.5rem + 0.9375rem * 1.6 + 2px);
      padding: 0.25rem 1.875rem 0.25rem 0.625rem;
      line-height: 1.6;
      font-size: 0.9375rem;
  }
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
      -webkit-transition: 0.35s ease-in-out;
      transition: 0.35s ease-in-out;
      -moz-transition: 0.35s ease-in-out;
      -ms-transition: 0.35s ease-in-out;
      -o-transition: 0.35s ease-in-out;
  }
  .form_cc_four {
      background-color: #fff;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border: 1px solid #dfe4e7;
      padding: 2.5rem;
      -webkit-box-shadow: 0 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
      -o-box-shadow: 0 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
      -ms-box-shadow: 0 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
      box-shadow: 0 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
  }
  .form_cc_four .item_upload span {
      font-size: 13px;
      color: #6c7a87;
  }
  .form_cc_four .upload__file {
      position: relative;
      overflow: hidden;
      margin-right: 15px;
      background: #fff;
      color: #022c44;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
  }
  .form_cc_four .upload__file input[type="file"] {
      position: absolute;
      opacity: 0;
      top: 0;
      left: -160px;
      font-size: 40px;
      cursor: pointer;
  }
  .form_cc_four .upload__file .btn {
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border: 1px dashed #dce0e3;
      color: #022c44;
  }
  .form_cc_four .upload__file .btn i {
      vertical-align: middle;
      color: #022c44;
      font-size: 18px;
      margin-right: 4px;
      top: 5px;
  }
  .form_cc_four .upload__file:hover {
      background-color: #f7f8fa;
  }
  .form_cc_four .upload__file:hover .btn,
  .form_cc_four .upload__file:hover i {
      color: #fff;
  }
  .alert {
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      padding: 16px 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 0;
      color: #022c44;
  }
  .alert button {
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: 0;
  }
  .alert .alert-link {
      padding-left: 5px;
  }
  .alert > [class*=" ri-"],
  .alert > [class^="ri-"] {
      margin-right: 10px;
      font-size: 20px;
  }
  .alert a {
      color: #022c44;
      font-weight: 500;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
      -ms-transition: 0.3s !important;
  }
  .alert a:hover {
      color: #ee7163;
  }
  .alert .close {
      position: absolute;
      top: auto;
      right: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 40px;
      width: 40px;
      opacity: 1 !important;
      border-radius: 50%;
      background-color: #fff;
      padding: 0;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
  }
  .alert .close i {
      font-size: 18px;
      color: #022c44;
      margin-top: -1px;
      margin-left: 5px;
      position: relative;
  }
  .alert .close:hover {
      background-color: rgba(16, 21, 78, 0.05);
  }
  .alert.alert-warning {
      background-color: rgba(255, 195, 41, 0.15);
  }
  .alert.alert-primary {
      background-color: rgba(190, 52, 106, 0.15);
  }
  .alert.alert-primary [class*=" ri-"],
  .alert.alert-primary [class^="ri-"] {
      color: rgb(238, 113, 99);
  }
  .alert.alert-secondary {
      background-color: rgba(104, 55, 105, 0.15);
      color: #1caaa0;
  }
  .alert.alert-success {
      background-color: rgba(49, 209, 171, 0.15);
      color: #31d1ab;
  }
  .alert.alert-danger {
      background-color: rgba(249, 53, 66, 0.15);
      color: #f93542;
  }
  .alert.alert-info {
      background-color: rgba(107, 176, 248, 0.15);
      color: #6bb0f8;
  }
  .alert.alert-light {
      background-color: rgba(255, 255, 255, 0.15);
      color: #fff;
  }
  .alert.alert-dark {
      background-color: rgba(16, 21, 78, 0.15);
      color: #022c44;
  }
  .pagination.has_style1 .page-link {
      background: #fff;
  }
  .pagination.has_style1 .page-link:hover {
      color: rgb(238, 113, 99);
  }
  .pagination.has_style1 .page-link.is-active {
      background: #fff;
      color: #022c44;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -moz-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -ms-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      -ms-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .pagination.has_style1 .page-link.is-active:hover {
      background: #fff;
      color: #022c44;
  }
  .page-link {
      position: relative;
      margin-left: -1px;
      line-height: 100%;
      color: #022c44;
      background-color: #faf4f6;
      padding: 0.5rem 0.75rem;
      border: none;
      border-radius: 60px;
      -webkit-border-radius: 60px;
      -moz-border-radius: 60px;
      -ms-border-radius: 60px;
      -o-border-radius: 60px;
      margin-right: 20px;
      width: 50px;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .page-link.is-active {
      background: #022c44;
      color: #fff;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .page-link.is-active:hover {
      background: #022c44;
      color: #fff;
  }
  .page-link:hover {
      background: #1caaa0;
      -webkit-transform: scale(1.09);
      transform: scale(1.09);
      -moz-transform: scale(1.09);
      -ms-transform: scale(1.09);
      -o-transform: scale(1.09);
      color: #fff;
  }
  .page-item:last-child .page-link {
      border-radius: 60px;
  }
  .page-item:first-child .page-link {
      margin-left: 0;
      border-radius: 60px;
  }
  .avatar {
      width: 4.5rem;
      height: 4.5rem;
  }
  .avatar.has_style1 {
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6221;
      box-shadow: 0 33px 88px 0 #1d0e6221;
      -moz-box-shadow: 0 33px 88px 0 #1d0e6221;
      -ms-box-shadow: 0 33px 88px 0 #1d0e6221;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border: 7px solid #fff;
  }
  #popup_form1 .cover_sign {
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
  }
  #popup_form1 .popup_title {
      font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
      margin-bottom: 30px;
  }
  #popup_form1 .popup_description {
      margin-bottom: 30px;
  }
  #popup_form1 .modal-body {
      padding: 20px;
  }
  #popup_form2 ion-icon {
      color: #fff;
  }
  #popup_form2 .modal-body {
      background: rgb(238, 113, 99);
      padding: 40px;
  }
  #popup_form2 .modal-body .popup_title {
      font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
      margin-bottom: 30px;
      color: #fff;
      text-align: center;
  }
  #popup_form2 .modal-body .popup_description {
      margin-bottom: 30px;
      color: #fff;
      text-align: center;
  }
  #popup_form3 .modal-dialog {
      bottom: -76% !important;
  }
  #popup_form3 .close {
      position: absolute;
      top: 15px;
      right: 15px;
      background: rgba(255, 255, 255, 0.74);
      z-index: 6;
  }
  #popup_form3 .close:hover ion-icon {
      color: #022c44;
  }
  #popup_form3 .popup_wrap {
      padding: 30px;
      position: relative;
  }
  #popup_form3 .popup_wrap::before {
      content: "";
      position: absolute;
      background: url(../top_decoration-2.html) 0 0 / contain no-repeat;
      top: -16px;
      left: -16px;
      height: 100%;
      width: 100%;
  }
  #popup_form3 .popup_title {
      font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
      margin-bottom: 30px;
  }
  #popup_notification1 .popup_wrap {
      padding: 40px;
  }
  #popup_notification1 .popup_title {
      font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
      margin-bottom: 30px;
      text-align: center;
  }
  #popup_notification1 .popup_description {
      text-align: center;
  }
  #popup_notification1 img {
      width: 14rem;
      margin-left: auto;
      margin-right: auto;
  }
  #popup_notification2 .modal-dialog {
      bottom: -20% !important;
  }
  #popup_notification2 .popup_wrap {
      padding: 60px 40px;
  }
  #popup_notification2 .close {
      position: absolute;
      top: 15px;
      right: 15px;
      background: rgba(255, 255, 255, 0.74);
  }
  #popup_notification2 .top_img {
      overflow: hidden;
      width: 100%;
  }
  #popup_notification2 .top_img img {
      height: 15rem;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
  }
  #popup_notification2 .modal-body {
      padding: 0;
      border: none;
  }
  #popup_notification2 .popup_title {
      font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
      margin-bottom: 30px;
      text-align: center;
  }
  #popup_notification2 .popup_description {
      text-align: center;
      margin-bottom: 30px;
  }
  #popup_notification2 .popup_wrap {
      position: relative;
  }
  #popup_notification2 .popup_wrap::before {
      content: "";
      position: absolute;
      background: url(../circle_decoration-2.html) 0 0 / contain no-repeat;
      top: -46%;
      left: 1%;
      height: 100%;
      width: 100%;
  }
  #popup_notification3 .modal-dialog {
      bottom: -20% !important;
  }
  #popup_notification3 .popup_wrap {
      padding: 60px 40px;
  }
  #popup_notification3 .close {
      position: absolute;
      top: 15px;
      right: 15px;
      background: #fff;
  }
  #popup_notification3 .modal-body {
      padding: 0;
      border: none;
      background: rgb(238, 113, 99);
  }
  #popup_notification3 .popup_title {
      font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
      margin-bottom: 30px;
      color: #fff;
  }
  #popup_notification3 .popup_description {
      margin-bottom: 30px;
      color: #fff;
  }
  #popup_notification3 .popup_wrap {
      overflow: hidden;
      position: relative;
  }
  #popup_notification3 .popup_wrap::before {
      content: "";
      position: absolute;
      background: url(../circle_decoration-2.html) 0 0 / contain no-repeat;
      top: -46%;
      left: 1%;
      height: 100%;
      width: 100%;
  }
  #popup_notification3 .top_img {
      overflow: hidden;
      width: 100%;
  }
  #popup_notification3 .top_img img {
      height: 15rem;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
  }
  #popup_cookies1 .modal-dialog {
      bottom: -20% !important;
  }
  #popup_cookies1 .modal-content {
      min-width: 21rem;
  }
  #popup_cookies1 .popup_wrap {
      padding: 30px;
  }
  #popup_cookies1 .close {
      position: absolute;
      top: 15px;
      right: 15px;
      background: #fff;
      z-index: 5;
  }
  #popup_cookies1 .modal-body {
      padding: 0;
      border: none;
      background: #fff;
  }
  #popup_cookies1 .top_img {
      max-width: 5rem;
      margin-bottom: 20px;
  }
  #popup_cookies1 .popup_title {
      font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
      margin-bottom: 20px;
  }
  #popup_cookies1 .popup_description {
      margin-bottom: 20px;
  }
  #popup_cookies1 .popup_wrap {
      overflow: hidden;
      position: relative;
  }
  #popup_cookies1 .popup_wrap::before {
      content: "";
      position: absolute;
      background: url(../circle_decoration-2.html) 0 0 / contain no-repeat;
      top: -46%;
      left: 1%;
      height: 100%;
      width: 100%;
  }
  #popup_cookies2 .modal-dialog {
      bottom: -20% !important;
  }
  #popup_cookies2 .popup_wrap {
      padding: 30px;
  }
  #popup_cookies2 .close {
      position: absolute;
      top: 15px;
      right: 15px;
      background: #fff;
      z-index: 9;
  }
  #popup_cookies2 .close:hover ion-icon {
      color: #022c44;
  }
  #popup_cookies2 .modal-body {
      padding: 0;
      border: none;
      background: #fff;
  }
  #popup_cookies2 .top_img {
      max-width: 5rem;
      margin-right: 30px;
  }
  #popup_cookies2 .popup_title {
      font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
  }
  #popup_cookies2 .popup_description {
      max-width: 30rem;
  }
  #popup_cookies2 .popup_wrap {
      overflow: hidden;
      position: relative;
  }
  #popup_cookies2 .popup_wrap::before {
      content: "";
      position: absolute;
      background: url(../circle_decoration-2.html) 0 0 / contain no-repeat;
      top: -46%;
      left: 1%;
      height: 100%;
      width: 100%;
  }
  #popup_cookies3 .popup_wrap {
      padding: 30px;
      background: rgb(238, 113, 99);
      border: 10px solid rgba(255, 255, 255, 0.212);
  }
  #popup_cookies3 .modal-body {
      padding: 0;
      border: none;
      background: #fff;
  }
  #popup_cookies3 .top_img {
      max-width: 5rem;
      margin-right: 30px;
  }
  #popup_cookies3 .popup_title {
      font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
      color: #fff;
  }
  #popup_cookies3 .popup_description {
      max-width: 30rem;
      color: #fff;
  }
  #popup_cookies3 .popup_wrap {
      overflow: hidden;
      position: relative;
  }
  #popup_cookies3 .popup_wrap::before {
      content: "";
      position: absolute;
      background: url(../circle_decoration-2.html) 0 0 / contain no-repeat;
      top: -46%;
      right: 1%;
      height: 100%;
      width: 100%;
  }
  .box {
      margin-bottom: 10px;
      position: relative;
      cursor: default;
      padding: 20px;
      border-radius: 10px;
      overflow: hidden;
  }
  .box.has-style1 {
      background: #f3f8ff;
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
      -moz-transition: 0.25s ease-in-out;
      -ms-transition: 0.25s ease-in-out;
      -o-transition: 0.25s ease-in-out;
  }
  .box.has-style1 .box-icon {
      margin-bottom: 20px;
      text-align: center;
  }
  .box.has-style1 .box-icon img {
      max-height: 3rem;
  }
  .box.has-style1 .box-icon ion-icon {
      color: rgb(238, 113, 99);
      font-size: 35px !important;
  }
  .box.has-style1 .box-icon svg {
      fill: rgb(238, 113, 99);
  }
  .box.has-style1 .box-icon [class^="ri-"] {
      fill: rgb(238, 113, 99) !important;
      font-size: 2rem;
  }
  .box.has-style1 .box-title {
      margin-bottom: 14px;
      text-align: center;
  }
  .box.has-style1 .box-desc {
      text-align: center;
  }
  .box.has-style2 {
      background: #fff;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .box.has-style2 .box-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 20px;
      text-align: center;
      width: 5rem;
      height: 5rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      background: #faf4f6 !important;
      z-index: 0;
  }
  .box.has-style2 .box-icon img {
      max-height: 3rem;
  }
  .box.has-style2 .box-icon ion-icon {
      color: rgb(238, 113, 99);
      font-size: 35px !important;
  }
  .box.has-style2 .box-icon svg {
      fill: rgb(238, 113, 99);
  }
  .box.has-style2 .box-icon [class^="ri-"] {
      fill: rgb(238, 113, 99) !important;
      font-size: 2rem;
  }
  .box.has-style2 .box-title {
      margin-bottom: 20px;
      text-align: center;
  }
  .box.has-style2 .box-desc {
      color: #232323;
      text-align: center;
      margin: 0;
  }
  .box.is-dark {
      background: rgb(238, 113, 99);
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .box.is-dark .box-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 20px;
      text-align: center;
  }
  .box.is-dark .box-icon img {
      max-height: 5rem;
  }
  .box.is-dark .box-icon ion-icon {
      color: #fff !important;
      font-size: 35px;
  }
  .box.is-dark .box-title {
      margin-bottom: 10px;
      text-align: left;
      color: #fff;
  }
  .box.is-dark .box-desc {
      color: #fff;
      text-align: left;
      margin: 0;
  }
  .box.has-left-icon {
      background: #fff;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .box.has-left-icon .box-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 20px;
      text-align: center;
  }
  .box.has-left-icon .box-icon img {
      max-height: 5rem;
  }
  .box.has-left-icon .box-icon [class^="ri-"] {
      font-size: 35px;
      height: 40px;
      color: rgb(238, 113, 99);
      width: 40px;
  }
  .box.has-left-icon .box-title {
      margin-bottom: 10px;
      text-align: left;
  }
  .box.has-left-icon .box-desc {
      text-align: left;
      margin: 0;
  }
  .card.style_1 .card-body {
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -moz-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -o-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
  }
  .box_numbers {
      padding: 10px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      max-width: 25rem;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -moz-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -o-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      overflow: hidden;
      position: relative;
  }
  .box_numbers::before {
      content: "";
      position: absolute;
      background-repeat: no-repeat;
      height: 100%;
      width: 100%;
      bottom: auto;
      top: 27px;
      left: 46%;
      background-color: transparent;
      background-image: url(../img_effect-2.html);
      background-size: contain;
  }
  .box_numbers_wrap {
      background: rgb(238, 113, 99);
      padding: 30px;
  }
  .box_numbers .item {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: solid 1px rgba(255, 255, 255, 0.199);
  }
  .box_numbers .description,
  .box_numbers .number {
      color: #fff;
  }
  .box_img {
      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      -moz-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      -ms-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      -o-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .box_img .box-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .box_img .img_wrap {
      width: 5rem;
      height: 5rem;
      background: #1caaa0;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .box_img .img_wrap i {
      color: #fff;
      font-size: 2rem;
  }
  .box_img * {
      text-align: center;
  }
  .img_effect_before {
      position: sticky;
      top: 40px;
  }
  .img_effect {
      width: 100%;
      position: relative;
      position: sticky;
      top: 40px;
  }
  .side-options {
      width: 5rem;
      position: fixed;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      right: 15px;
      background: #fff;
      z-index: 99;
      -webkit-box-shadow: -10px 0 20px 2px rgba(0, 0, 0, 0.06);
      box-shadow: -10px 0 20px 2px rgba(0, 0, 0, 0.06);
      -moz-box-shadow: -10px 0 20px 2px rgba(0, 0, 0, 0.06);
      padding: 15px;
  }
  .side-options .item {
      background: #f3f8ff;
      padding: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50px;
      -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      margin-bottom: 5px;
      position: relative;
      cursor: pointer;
      z-index: 0;
  }
  .side-options .item .link_item {
      position: absolute;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      right: 3.2rem;
      border-radius: 5px 0 0 5px;
      -webkit-border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -ms-border-radius: 5px 0 0 5px;
      -o-border-radius: 5px 0 0 5px;
      top: 50%;
      -webkit-transform: translate(5rem, -50%);
      transform: translate(5rem, -50%);
      -moz-transform: translate(5rem, -50%);
      -ms-transform: translate(5rem, -50%);
      padding: 15px;
      background-color: #fff;
      -webkit-box-shadow: 20px 1px 20px 2px rgba(0, 0, 0, 0.09);
      box-shadow: 20px 1px 20px 2px rgba(0, 0, 0, 0.09);
      -moz-box-shadow: 20px 1px 20px 2px rgba(0, 0, 0, 0.09);
      -ms-box-shadow: 20px 1px 20px 2px rgba(0, 0, 0, 0.09);
      z-index: -1;
      opacity: 0;
      -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -ms-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .side-options .item .link_item a {
      color: #022c44;
  }
  .side-options .item .link_item a:hover {
      color: rgb(238, 113, 99);
  }
  .side-options .item.is_active {
      background: #21af5a;
  }
  .side-options .item.is_active svg {
      fill: #fff !important;
  }
  .side-options .item svg {
      fill: #022c44;
      -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -ms-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .side-options .item:hover {
      background: rgb(238, 113, 99);
  }
  .side-options .item:hover svg {
      fill: #fff !important;
  }
  .side-options .item:hover .link_item {
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      opacity: 1;
  }
  .side-options.in_left {
      left: 15px;
  }
  .side-options.in_left .item .link_item {
      left: 4rem;
      -webkit-transform: translate(5rem, -50%);
      transform: translate(5rem, -50%);
      -moz-transform: translate(5rem, -50%);
      -ms-transform: translate(5rem, -50%);
      padding: 15px;
      background-color: #fff;
      -webkit-box-shadow: -20px 1px 20px 2px rgba(0, 0, 0, 0.09);
      box-shadow: -20px 1px 20px 2px rgba(0, 0, 0, 0.09);
      -moz-box-shadow: -20px 1px 20px 2px rgba(0, 0, 0, 0.09);
      -ms-box-shadow: -20px 1px 20px 2px rgba(0, 0, 0, 0.09);
  }
  .side-options.in_left .item svg {
      fill: #022c44;
      -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -ms-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .side-options.in_left .item:hover {
      background: rgb(238, 113, 99);
  }
  .side-options.in_left .item:hover svg {
      fill: #fff !important;
  }
  .side-options.in_left .item:hover .link_item {
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      opacity: 1;
  }
  .half_light {
      position: relative;
  }
  .half_light::before {
      content: "";
      position: absolute;
      bottom: 0;
      background: #f3f8ff;
      height: 50%;
      width: 100%;
      z-index: -1;
  }
  .half_dark {
      position: relative;
  }
  .half_dark::before {
      content: "";
      position: absolute;
      bottom: 0;
      background: #022c44;
      height: 50%;
      width: 100%;
      z-index: -1;
  }
  .img-top {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      margin-bottom: 30px;
      -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      position: relative;
  }
  .play_btn {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 50%;
      height: 4rem;
      width: 4rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
  }
  .rounded_icon {
      background: rgb(238, 113, 99);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 56px;
      height: 56px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      margin-bottom: 20px;
  }
  .rounded_icon.is_orange {
      background-color: #ff5b25;
  }
  .rounded_icon.is_green {
      background-color: #21af5a;
  }
  .rounded_icon i {
      color: #fff;
      font-size: 33px;
  }
  .top_line {
      height: 0;
      width: 100%;
      background: rgb(238, 113, 99);
  }
  .devider {
      position: absolute;
      background-image: url(../devider.html);
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      height: 20px;
      bottom: -2px;
      left: 0;
      right: 0;
  }
  .devider_grey {
      position: absolute;
      background-image: url(../devider_grey.html);
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      height: 20px;
      bottom: -2px;
      left: 0;
      right: 0;
  }
  .devider_white {
      position: absolute;
      background-image: url(../devider.html);
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      height: 20px;
      bottom: -2px;
      left: 0;
      right: 0;
  }
  .devider_dark_top,
  .devider_light_top {
      background: url(../devider_light.html) top no-repeat;
      width: 100%;
      height: 6rem;
  }
  .divider_light_bottom {
      background: url(../devider_light.html) bottom no-repeat;
      width: 100%;
      height: 6rem;
  }
  .title_line {
      position: relative;
      display: inline;
      z-index: 0;
  }
  .title_line::before {
      content: "";
      height: 20px;
      width: 100%;
      position: absolute;
      bottom: -13px;
      top: 33px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      right: -2px;
      background: 0 0 / contain #faf4f6;
      left: auto;
      z-index: -1;
  }
  .avatar.avatar-sm {
      width: 3rem;
      height: 3rem;
  }
  .avatar.avatar-md {
      width: 5rem;
      height: 5rem;
  }
  .avatar.avatar-lg {
      width: 6rem;
      height: 6rem;
  }
  .avatar-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 25px;
  }
  .avatar-group .avatar-item {
      width: 3rem;
      height: 3rem;
      margin-left: -25px;
      border: 6px solid #fff;
  }
  .accordion {
      background-color: #f3f8ff;
      border: none;
      border-radius: 5px !important;
      -webkit-border-radius: 5px !important;
      -moz-border-radius: 5px !important;
      -ms-border-radius: 5px !important;
      -o-border-radius: 5px !important;
      outline: 0 !important;
  }
  .accordion .accordion-desc {
      border: none;
      padding: 25px 0 0 25px;
  }
  .accordion .accordion-header {
      padding: 25px;
      margin-bottom: 0;
      border: none;
  }
  .accordion ion-icon {
      color: #022c44;
      height: 20px;
      width: 20px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      padding: 4px;
      position: relative;
  }
  .accordion.has_style1 {
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      -moz-box-shadow: 0 33px 88px 0 #1d0e6211;
      -ms-box-shadow: 0 33px 88px 0 #1d0e6211;
      background: #fff;
      border: 1px solid #f6f7fa;
  }
  .breadcrumb {
      background-color: transparent;
      border-radius: 0.25rem;
      -webkit-border-radius: 0.25rem;
      -ms-border-radius: 0.25rem;
      -o-border-radius: 0.25rem;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .breadcrumb a {
      color: #022c44;
  }
  .breadcrumb.has_style1 {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      background: #022c44 !important;
  }
  .breadcrumb.has_style1 a {
      color: rgba(255, 255, 255, 0.459);
  }
  .breadcrumb.has_style1 .active {
      color: #fff !important;
  }
  .breadcrumb.has_style1 .breadcrumb-item {
      position: relative;
  }
  .breadcrumb.has_style1 .breadcrumb-item::before {
      display: inline-block;
      padding-right: 0;
      color: #6c757d;
      content: "";
      margin-right: 7px;
      left: 0;
      top: 0;
      width: 9px;
      height: 10px;
      background: url(../left_white.html) bottom/contain no-repeat;
  }
  .breadcrumb.has_stylel2 {
      border-radius: 5px;
      background: 0 0 !important;
  }
  .breadcrumb.has_stylel2 a {
      color: rgba(255, 255, 255, 0.459);
  }
  .breadcrumb.has_stylel2 .active {
      color: #fff !important;
  }
  .breadcrumb.has_stylel2 .breadcrumb-item {
      position: relative;
  }
  .breadcrumb.has_stylel2 .breadcrumb-item::before {
      display: inline-block;
      padding-right: 0;
      color: #6c757d;
      content: "";
      margin-right: 7px;
      left: 0;
      top: 0;
      width: 9px;
      height: 10px;
      background: url(../left_white.html) bottom/contain no-repeat;
  }
  .breadcrumb.has_stylel2::before {
      content: none;
  }
  .breadcrumb .breadcrumb-item {
      position: relative;
  }
  .breadcrumb .breadcrumb-item::before {
      display: inline-block;
      padding-right: 0;
      color: #6c757d;
      content: "";
      margin-right: 5px;
      left: 0;
      top: 0;
      width: 12px;
      height: 20px;
      background: url(../left.html) bottom/contain no-repeat;
  }
  .breadcrumb .breadcrumb-item:first-child::before {
      content: none;
  }
  .nav-tabs {
      margin-bottom: 30px;
      border-bottom: none;
  }
  .nav-link {
      color: #022c44;
  }
  .nav-link:hover {
      border: none;
  }
  .table-flush tbody td:first-child,
  .table-flush tbody th:first-child,
  .table-flush tfoot td:first-child,
  .table-flush thead th:first-child {
      padding-left: 0;
  }
  .table-flush tbody td:last-child,
  .table-flush tbody th:last-child,
  .table-flush tfoot td:last-child,
  .table-flush thead th:last-child {
      padding-right: 0;
  }
  .table td,
  .table th {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
      border-top: 1px solid #e5ebf1;
  }
  .table-white {
      background-color: #fff;
      padding: 0 30px 30px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
  }
  .table th {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
      font-weight: 400;
  }
  .table thead th {
      border-bottom: 0;
      text-transform: uppercase;
      font-size: 0.875rem;
      color: #8d9aae;
  }
  .table tfoot td {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
  }
  .table-clickable [data-href]:hover {
      cursor: pointer;
  }
  .table-clickable [data-href]:hover .table-clickable-hover {
      color: #5546e8;
  }
  .list_checked li {
      padding-left: 30px;
      margin-top: 20px;
      position: relative;
  }
  .list_checked li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      background-image: url(../check.html);
      background-repeat: no-repeat;
      height: 20px;
      width: 20px;
      background-size: contain;
  }
  .object {
      -webkit-animation-name: anim-up-down;
      animation-name: anim-up-down;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      position: absolute;
      z-index: 9;
  }
  .object img {
      max-width: 10rem;
  }
  .object.object_1 {
      top: -2rem;
      left: -2rem;
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s;
      -moz-animation-delay: 0.3s;
      -ms-animation-delay: 0.3s;
  }
  .object.object_2 {
      top: 5rem;
      right: -3rem;
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s;
      -moz-animation-delay: 0.5s;
      -ms-animation-delay: 0.5s;
  }
  .object.object_3 {
      bottom: 4rem;
      left: -2rem;
      -webkit-animation-delay: 0.14s;
      animation-delay: 0.14s;
      -moz-animation-delay: 0.14s;
      -ms-animation-delay: 0.14s;
  }
  .object.object_4 {
      bottom: -2rem;
      right: 5rem;
  }
  .bg_dark_before {
      position: relative;
  }
  .bg_dark_before::before {
      content: "";
      position: absolute;
      height: 100%;
      top: 0;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      width: 90%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      background: #022c44;
  }
  .has_circle {
      position: relative;
  }
  .has_circle::before {
      content: "";
      position: absolute;
      height: 60rem;
      width: 60rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      top: 20%;
      right: 0;
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
      -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
      background: #faf4f6;
  }
  .has_circle_green {
      position: relative;
  }
  .has_circle_green::before {
      content: "";
      position: absolute;
      height: 60rem;
      width: 60rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      top: 20%;
      right: 0;
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
      -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
      background: #eff5f3;
  }
  .has_shape {
      position: relative;
  }
  .has_shape::before {
      content: "";
      position: absolute;
      background: url(../bg_left-2.html) 0 0 / contain no-repeat;
      height: 25rem;
      width: 25rem;
      left: -10rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  .categories_creative .content {
      position: relative;
      background-color: #fff;
      margin-top: -12rem;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      padding-top: 60px;
  }
  .categories_creative .content .item-select:first-of-type .item .ico__top {
      background-color: #7bd88a;
  }
  .categories_creative .content .item-select:nth-of-type(2) .item .ico__top {
      background-color: #3c7ff1;
  }
  .categories_creative .content .item-select:nth-of-type(3) .item .ico__top {
      background-color: #49d4ba;
  }
  .categories_creative .content .item-select:nth-of-type(4) .item .ico__top {
      background-color: #6f5fa6;
  }
  .categories_creative .content .item-select:nth-of-type(5) .item .ico__top {
      background-color: #d793f9;
  }
  .categories_creative .content .item-select:nth-of-type(6) .item .ico__top {
      background-color: #f7cc62;
  }
  .categories_creative .content .item-select:nth-of-type(7) .item .ico__top {
      background-color: #fa5963;
  }
  .categories_creative .content .item-select:nth-of-type(8) .item .ico__top {
      background-color: #58d5d3;
  }
  .categories_creative .content .item-select:nth-of-type(9) .item .ico__top {
      background-color: #ffbf76;
  }
  .categories_creative .content .item-select.active .item {
      background-color: #f7f8fa;
  }
  .categories_creative .content .item {
      cursor: pointer;
      background-color: transparent;
      border-radius: 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
      padding: 15px 20px;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      margin-bottom: 20px;
  }
  .categories_creative .content .item .ico__top {
      width: 50px;
      height: 50px;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 1.25rem;
  }
  .categories_creative .content .item .ico__top svg {
      width: 24px;
      height: 24px;
  }
  .categories_creative .content .item .ico__top svg path {
      fill: #fff;
  }
  .categories_creative .content .item .t_text h3 {
      font-size: 22px;
      font-weight: 500;
      color: #022c44;
      margin-bottom: 0.313rem;
  }
  .categories_creative .content .item .t_text span {
      display: block;
      font-size: 13px;
      color: #6c7a87;
  }
  .widgets .SSmedia_follow-w {
      margin-bottom: 40px;
  }
  .widgets .SSmedia_follow-w .title {
      font-size: 14px;
      color: #9da6af;
      margin-bottom: 30px;
  }
  .widgets .SSmedia_follow-w a {
      display: inline-block;
      width: calc(100% / 4);
      margin-bottom: 12px;
  }
  .widgets .SSmedia_follow-w a [class^="ri-"] {
      font-size: 20px;
      margin-right: 3px;
      color: #022c44;
      vertical-align: middle;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .widgets .SSmedia_follow-w a span {
      color: #6c7a87;
      font-size: 14px;
  }
  .widgets .SSmedia_follow-w a:hover [class^="ri-"] {
      color: #ee7163;
  }
  .widgets .quotatio-w {
      background-color: #ffce53;
      min-height: 450px;
      display: grid;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 50px;
      text-align: center;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      margin-bottom: 40px;
  }
  .widgets .quotatio-w span {
      display: block;
      font-size: 12px;
      color: rgba(16, 21, 78, 0.5);
      padding-bottom: 50px;
  }
  .widgets .quotatio-w p {
      font-size: 23px;
      font-weight: 600;
      color: #022c44;
      text-align: left;
      padding-bottom: 50px;
  }
  .widgets .quotatio-w .auther {
      padding-bottom: 0;
  }
  .widgets .categories_list-w {
      margin-bottom: 40px;
  }
  .widgets .categories_list-w .title {
      font-size: 14px;
      color: #9da6af;
      margin-bottom: 30px;
  }
  .widgets .categories_list-w ul {
      padding: 0;
      margin: 0;
      list-style: none;
  }
  .widgets .categories_list-w ul li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 15px;
  }
  .widgets .categories_list-w ul li a p {
      margin-bottom: 0;
      font-size: 14px;
      color: #6c7a87;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .widgets .categories_list-w ul li a span {
      font-size: 13px;
      color: #6c7a87;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .widgets .categories_list-w ul li a.active p,
  .widgets .categories_list-w ul li a.active span,
  .widgets .categories_list-w ul li a:hover p,
  .widgets .categories_list-w ul li a:hover span {
      color: #022c44;
  }
  .widgets .categories_list-w ul li:last-child a {
      margin-bottom: 0;
  }
  .widgets .banner-w {
      margin-bottom: 40px;
  }
  .widgets .banner-w a {
      display: block;
  }
  .widgets .banner-w img {
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      width: 100%;
      height: 100%;
  }
  .btn-social {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #022c44;
      border: 1px solid transparent;
      -webkit-transition: 0.35s !important;
      transition: 0.35s !important;
  }
  .btn-social [class^="ri-"] {
      font-size: 20px;
      vertical-align: middle;
  }
  .btn-social.fill-dark {
      background-color: #022c44;
      color: #fff;
  }
  .btn-social.fill-dark:hover {
      background-color: transparent;
      color: #022c44;
  }
  .btn-social.border {
      border-color: #edeef1;
      background-color: transparent;
      color: #022c44;
  }
  .btn-social.border:hover {
      background-color: #022c44;
      color: #fff;
      border-color: #022c44 !important;
  }
  .btn-social.border-hover {
      border-color: transparent;
  }
  .btn-social.border-hover:hover {
      border-color: #edeef1;
      color: #022c44;
  }
  .btn-social.bg-hover {
      background-color: transparent;
  }
  .btn-social.bg-hover:hover {
      background-color: #f7f8fa;
      color: #022c44;
  }
  .btn-social.behance-item {
      background-color: #0056ff;
      border: 1px solid #0056ff;
  }
  .btn-social.behance-item:hover {
      color: #0056ff;
  }
  .btn-social.dribbble-item {
      background-color: #ea4c89;
      border: 1px solid #ea4c89;
  }
  .btn-social.dribbble-item:hover {
      color: #ea4c89;
  }
  .btn-social.facebook-item {
      background-color: #1877f2;
      border: 1px solid #1877f2;
  }
  .btn-social.facebook-item:hover {
      color: #1877f2;
  }
  .btn-social.twitter-item {
      background-color: #1da1f2;
      border: 1px solid #1da1f2;
  }
  .btn-social.twitter-item:hover {
      color: #1da1f2;
  }
  .btn-social.linkedin-item {
      background-color: #007bb5;
      border: 1px solid #007bb5;
  }
  .btn-social.linkedin-item:hover {
      color: #007bb5;
  }
  .btn-social.instagram-item {
      background-color: #c32aa3;
      border: 1px solid #c32aa3;
  }
  .btn-social.instagram-item:hover {
      color: #c32aa3;
  }
  .btn-social.skype-item {
      background-color: #00aff0;
      border: 1px solid #00aff0;
  }
  .btn-social.skype-item:hover {
      color: #00aff0;
  }
  .btn-social.tik_tok-item {
      background-color: #ee1d52;
      border: 1px solid #ee1d52;
  }
  .btn-social.tik_tok-item:hover {
      color: #ee1d52;
  }
  .btn-social.youtube-item {
      background-color: red;
      border: 1px solid red;
  }
  .btn-social.youtube-item:hover {
      color: red;
  }
  .btn-social.color-behance {
      border: 1px solid #0056ff;
      color: #0056ff;
  }
  .btn-social.color-behance:hover {
      color: #fff;
      background-color: #0056ff;
  }
  .btn-social.color-dribbble {
      border: 1px solid #ea4c89;
      color: #ea4c89;
  }
  .btn-social.color-dribbble:hover {
      background-color: #ea4c89;
      color: #fff;
  }
  .btn-social.color-facebook {
      color: #1877f2;
      border: 1px solid #1877f2;
  }
  .btn-social.color-facebook:hover {
      color: #fff;
      background-color: #1877f2;
  }
  .btn-social.color-twitter {
      color: #1da1f2;
      border: 1px solid #1da1f2;
  }
  .btn-social.color-twitter:hover {
      color: #fff;
      background-color: #1da1f2;
  }
  .btn-social.color-linkedin {
      color: #007bb5;
      border: 1px solid #007bb5;
  }
  .btn-social.color-linkedin:hover {
      color: #fff;
      background-color: #007bb5;
  }
  .btn-social.color-instagram {
      color: #c32aa3;
      border: 1px solid #c32aa3;
  }
  .btn-social.color-instagram:hover {
      color: #fff;
      background-color: #c32aa3;
  }
  .btn-social.color-skype {
      color: #00aff0;
      border: 1px solid #00aff0;
  }
  .btn-social.color-skype:hover {
      color: #fff;
      background-color: #00aff0;
  }
  .btn-social.color-tik_tok {
      color: #ee1d52;
      border: 1px solid #ee1d52;
  }
  .btn-social.color-tik_tok:hover {
      color: #fff;
      background-color: #ee1d52;
  }
  .btn-social.color-youtube {
      color: red;
      border: 1px solid red;
  }
  .btn-social.color-youtube:hover {
      color: #fff;
      background-color: red;
  }
  .text-social {
      font-size: 16px;
      color: #022c44;
      -webkit-transition: 0.35s !important;
      transition: 0.35s !important;
      display: inline-block;
  }
  .text-social [class^="ri-"] {
      vertical-align: middle;
      font-size: 20px;
  }
  .text-social span {
      font-weight: 500;
  }
  .text-social.behance-item:hover {
      color: #0056ff;
  }
  .text-social.dribbble-item:hover {
      color: #ea4c89;
  }
  .text-social.facebook-item:hover {
      color: #1877f2;
  }
  .text-social.twitter-item:hover {
      color: #1da1f2;
  }
  .text-social.linkedin-item:hover {
      color: #007bb5;
  }
  .text-social.instagram-item:hover {
      color: #c32aa3;
  }
  .text-social.skype-item:hover {
      color: #00aff0;
  }
  .text-social.tik_tok-item:hover {
      color: #ee1d52;
  }
  .text-social.youtube-item:hover {
      color: red;
  }
  .musk_section .block_musk {
      position: relative;
      z-index: 0;
      margin-top: 50px;
  }
  .musk_section .block_musk img {
      width: 100%;
      height: 440px;
      -o-object-fit: cover;
      object-fit: cover;
  }
  .musk_section .block_musk video {
      width: 100%;
  }
  .musk_section .block_musk::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url(../mask.html) center/cover no-repeat;
      mix-blend-mode: darken;
      z-index: 1;
  }
  .category_films .item {
      width: 120px;
      height: 120px;
      border-radius: 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
      display: inline-grid;
      padding: 20px;
      background-color: #222;
      text-align: center;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
      -ms-transition: 0.3s !important;
      margin: 7px;
  }
  .category_films .item [class^="ri-"] {
      font-size: 30px;
      color: #3875f7;
      display: block;
      margin-bottom: 10px;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
      -ms-transition: 0.3s !important;
  }
  .category_films .item .content h3 {
      font-size: 17px;
      font-weight: 400;
      color: #fff;
      margin-bottom: 5px;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
      -ms-transition: 0.3s !important;
  }
  .category_films .item .content p {
      font-size: 13px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.7);
      margin-bottom: 0;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
      -ms-transition: 0.3s !important;
  }
  .category_films .item:hover {
      background-color: #fff;
  }
  .category_films .item:hover [class^="ri-"] {
      color: #f93542;
  }
  .category_films .item:hover .content h3 {
      color: #000;
  }
  .category_films .item:hover .content p {
      color: rgba(0, 0, 0, 0.7);
  }
  .download_app_ho .title_sections {
      margin-bottom: 50px;
  }
  .download_app_ho .title_sections h2 {
      color: #fff;
      font-weight: 400;
  }
  .download_app_ho .app-mobile-btn .btn_apple {
      -webkit-box-shadow: 0 0 99px 0 rgba(56, 117, 247, 0.6) !important;
      -o-box-shadow: 0 0 99px 0 rgba(56, 117, 247, 0.6) !important;
      -ms-box-shadow: 0 0 99px 0 rgba(56, 117, 247, 0.6) !important;
      box-shadow: 0 0 99px 0 rgba(56, 117, 247, 0.6) !important;
  }
  .download_app_ho .ho_ap {
      position: relative;
      margin-top: 30px;
      z-index: -1;
  }
  .download_app_ho .ho_ap::before {
      content: "";
      background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
      background: linear-gradient(black, rgba(0, 0, 0, 0));
      width: 100%;
      height: 100%;
      left: 0;
      right: 0;
      top: 0;
      position: absolute;
  }
  .download_app_ho .ho_ap img {
      width: 100%;
  }
  .skills_section .name_skills .title {
      margin-bottom: 30px;
      font-weight: 600;
      font-size: 20px;
  }
  .skills_section .name_skills .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .skills_section .name_skills .item ul {
      padding: 0;
      margin: 0 auto 0 0;
  }
  .skills_section .name_skills .item ul li {
      list-style: none;
      padding-bottom: 20px;
      font-size: 16px;
  }
  .course_online .item_course {
      text-decoration: none;
      display: block;
  }
  .course_online .item_course .cover {
      position: relative;
      height: 210px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      overflow: hidden;
  }
  .course_online .item_course .cover img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      height: 210px;
      -webkit-transform: scale3d(1, 1, 1) !important;
      transform: scale3d(1, 1, 1) !important;
      -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
      transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  }
  .course_online .item_course .cover .btn_video {
      position: absolute;
  }
  .course_online .item_course .txt {
      margin-top: 20px;
  }
  .course_online .item_course .txt h3 {
      color: #022c44;
      margin-bottom: 10px;
      font-size: 20px;
      font-weight: 500;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      -moz-transition: 0.3s !important;
  }
  .course_online .item_course .txt p {
      color: #6c7a87;
      font-size: 15px;
      margin-bottom: 0;
  }
  .course_online .item_course:hover .txt h3 {
      color: #ee7163;
  }
  .course_online .item_course:hover .cover img {
      -webkit-transform: scale3d(1.1, 1.1, 1) !important;
      transform: scale3d(1.1, 1.1, 1) !important;
  }
  .download_section_app {
      position: relative;
      background-color: #fd7028;
      padding-bottom: 340px;
  }
  .download_section_app .button_apoo {
      margin-bottom: 60px;
  }
  .download_section_app .button_apoo .btn {
      display: inline-block;
      margin: 0 10px;
  }
  .download_section_app .button_apoo .btn_google {
      background-color: #fff;
  }
  .download_section_app .button_apoo .btn_google .txt span {
      color: #6c7a87;
  }
  .download_section_app .button_apoo .btn_google .txt p {
      color: #022c44;
  }
  .download_section_app .button_apoo .btn_apple {
      background-color: #04121e;
  }
  .download_section_app .button_apoo .media-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .download_section_app .mockupapp_footer {
      position: absolute;
      padding: 0 30px;
  }
  .download_section_app .mockupapp_footer img {
      width: 100%;
  }
  header {
      z-index: 9;
      position: absolute;
      top: 0;
      background: 0 0 !important;
      right: 0;
      left: 0;
      width: 100%;
      border-bottom: 1px solid rgba(16, 21, 78, 0);
      -webkit-backdrop-filter: saturate(1) blur(20px) !important;
      -moz-backdrop-filter: saturate(1) blur(20px) !important;
      -o-backdrop-filter: saturate(1) blur(20px) !important;
      backdrop-filter: saturate(1) blur(20px) !important;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  header.no_blur {
      -webkit-backdrop-filter: none !important;
      -moz-backdrop-filter: none !important;
      -o-backdrop-filter: none !important;
      backdrop-filter: none !important;
  }
  .fixed-header header {
      background: rgba(255, 255, 255, 0.8);
      -webkit-backdrop-filter: saturate(1) blur(20px) !important;
      -o-backdrop-filter: saturate(1) blur(20px) !important;
      backdrop-filter: saturate(1) blur(20px) !important;
      border-bottom: 1px solid #edeef1;
  }
  @-moz-document url-prefix() {
      .fixed-header header {
          background: #fff;
          border-bottom: 0 !important;
          backdrop-filter: saturate(1) blur(0);
          box-shadow: 0 10px 40px 0 rgba(11, 34, 56, 0.05);
      }
  }
  header .navbar {
      height: 100px;
      padding: 0;
  }
  header .navbar .navbar-brand {
      font-weight: 600;
      font-size: 22px;
	  margin-right: 0;
  }
  header .navbar .navbar-brand .logo {
      vertical-align: bottom;
      margin-right: 0.5rem;
      height: 40px;
  }
  header .navbar .navbar-collapse {
      margin-top: 0.4rem;
  }
  header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      font-weight: 400;
      text-transform: capitalize;
      margin-right: 5px;
      background-color: transparent;
	  display: inline-block;
	  width: 100%;
      margin: 0 auto !important;
  }
header .navbar .navbar-collapse .navbar-nav .nav-item a.nav-link.call_us {
	text-align: center;
	color: rgb(18 171 161) !important;
}
	@media screen and (max-width:767px){
		header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
			margin-right: 0;
			font-weight: 800;
			width: 90%;
		}
	}
  header .navbar .navbar-collapse .navbar-nav .dropdown.show .nav-link {
      opacity: 0.7;
  }
  header .navbar .navbar-collapse .nav_account .btn {
      font-size: 15px;
  }
  header .navbar .navbar-collapse .nav_account.btn_demo2 .btn_sm_primary {
      background-color: rgba(22, 93, 245, 0.1);
      color: #ee7163;
  }
  header .navbar .navbar-collapse .nav_account.btn_demo3 .btn_sm_primary {
      border: 1px solid #edeef1;
  }
  .header-nav-center {
      width: 100%;
      left: 0;
      z-index: 12;
  }
  .header-nav-center .navbar-brand {
      color: #022c44;
  }
  .header-nav-center .navbar-collapse .nav-item .nav-link {
      color: #fff;
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
  }
  .header-nav-center .navbar-collapse .nav-item .nav-link:hover {
      opacity: 0.7;
  }
  .header-nav-center .navbar-collapse .nav-item .nav-link.active,
  .header-nav-center .navbar-collapse .nav-item.active .nav-link {
      color: #ee7163;
      background-color: transparent;
  }
  .header-nav-left .navbar-collapse {
      margin-left: 2rem;
  }
  .header-nav-left.light .nav-pills .nav-item .nav-link {
      color: #fff;
  }
  .header-nav-left.light .nav-pills .nav-item .nav-link.active {
      color: #ffe7aa;
  }
  .fixed-header header.nav-product .nav-pills .nav-item .nav-link,
  .fixed-header header.nav-product .navbar-brand {
      color: #022c44 !important;
  }
  .fixed-header header.nav-product .nav-pills .nav-item .nav-link.active {
      color: #ee7163 !important;
  }
  .fixed-header header.nav-product .nav_account .btn-default {
      color: #022c44 !important;
  }
  .fixed-header header.nav-product .nav_account .btn-primary {
      background-color: #ee7163 !important;
      color: #fff !important;
  }
  .fixed-header .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      color: #fff;
      border-radius: 0;
      line-height: 54px;
  }
  .fixed-header .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
      -webkit-box-shadow: 0 3px 0 0 #ee7163 !important;
      -o-box-shadow: 0 3px 0 0 #ee7163 !important;
      -ms-box-shadow: 0 3px 0 0 #ee7163 !important;
      box-shadow: 0 3px 0 0 #ee7163 !important;
  }
  .fixed-header .header-nav-left.crypto_1 .nav-pills .nav-item .nav-link.active,
  .header-nav-left.crypto_1 .nav-pills .nav-item .nav-link.active {
      color: #fd6b3b !important;
  }
  .fixed-header .header-nav-left.crypto_1 .nav_account .btn-primary,
  .header-nav-left.crypto_1 .nav_account .btn-primary {
      background-color: #fd6b3b !important;
  }
  .crypto_dark {
      background-color: transparent;
      position: absolute;
      -webkit-backdrop-filter: saturate(1) blur(0) !important;
      -moz-backdrop-filter: saturate(1) blur(0) !important;
      -o-backdrop-filter: saturate(1) blur(0) !important;
      backdrop-filter: saturate(1) blur(0) !important;
  }
  .crypto_dark .nav_account .btn_try {
      background-color: rgba(255, 255, 255, 0.1) !important;
      color: #fff;
  }
  .fixed_side_menu {
      position: fixed !important;
      right: 1%;
      top: 35%;
      z-index: 3;
  }
  .fixed_side_menu .nav-item .nav-link {
      position: relative;
      color: #aa9bb3;
      font-size: 16px;
      direction: rtl;
      text-align: right;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .fixed_side_menu .nav-item .nav-link::before {
      content: "";
      position: absolute;
      top: 1.1rem;
      right: -0.8rem;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      background-color: #fff;
      opacity: 0;
      -webkit-transition: 3s !important;
      transition: 3s !important;
  }
  .fixed_side_menu .nav-item .nav-link.active {
      background-color: transparent;
      color: #fff;
  }
  .fixed_side_menu .nav-item .nav-link.active:before {
      opacity: 1;
      -webkit-animation: bounce-top 0.9s both !important;
      animation: bounce-top 0.9s both !important;
  }
  .gch_header_light {
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
      -webkit-backdrop-filter: saturate(1) blur(0) !important;
      -moz-backdrop-filter: saturate(1) blur(0) !important;
      -o-backdrop-filter: saturate(1) blur(0) !important;
      backdrop-filter: saturate(1) blur(0) !important;
  }
  .gch_header_light .navbar-brand {
      color: #fff;
  }
  .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      color: #fff;
      border-radius: 0;
      line-height: 54px;
  }
  .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
      -webkit-box-shadow: 0 3px 0 0 #fff !important;
      -o-box-shadow: 0 3px 0 0 #fff !important;
      -ms-box-shadow: 0 3px 0 0 #fff !important;
      box-shadow: 0 3px 0 0 #fff !important;
  }
  .head_host {
      border-bottom: 0;
  }
  .head_host .navbar .navbar-brand,
  .head_host .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      color: #fff;
  }
  .head_host .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
      color: #ee7163;
  }
  .demo_body_interior .header-nav-center {
      width: 96%;
      margin-left: auto;
      margin-right: auto;
      top: 45px;
  }
  .demo_body_interior.fixed-header .header-nav-center {
      top: 0;
  }
  .header_ch_left .navbar-collapse {
      margin-left: 6.25rem;
  }
  .header_ch_left .navbar-collapse .nav-item .nav-link {
      color: #9da6af;
  }
  .header_ch_left .navbar-collapse .nav-item .nav-link:hover {
      color: #022c44;
  }
  .header_ch_left .navbar-collapse .nav-item .nav-link.active {
      color: #fd6b3b;
  }
  .header__workspace .navbar-collapse {
      margin-left: 0;
  }
  .header__workspace .btn_demo3 .btn {
      border: 1px solid rgba(253, 107, 59, 0.25) !important;
      color: #fd6b3b;
  }
  .header_software .navbar-collapse .nav-item .nav-link {
      color: #6c7a87;
  }
  .header_software .navbar-collapse .nav-item .nav-link :focus,
  .header_software .navbar-collapse .nav-item .nav-link:hover {
      color: #31d1ab;
  }
  .header_software .navbar-collapse .nav-item .nav-link.active {
      color: #fff;
  }
  .header_software .btn_demo3 .btn {
      background-color: rgba(49, 209, 171, 0.1);
      color: #31d1ab;
      border: 0 !important;
  }
  .fixed-header .header_software .navbar-collapse .nav-item .nav-link.active {
      color: #31d1ab;
  }
  .white-scroll-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      color: #fff;
  }
  .fixed-header .white-scroll-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      color: #022c44;
  }
  .fixed-header .header-black {
      background: rgba(0, 0, 0, 0.6);
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .fixed-header .header-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      color: #fff;
  }
  .fixed-header .header-black .navbar .filter-blur {
      -webkit-backdrop-filter: none !important;
      -moz-backdrop-filter: none !important;
      -o-backdrop-filter: none !important;
      backdrop-filter: none !important;
      background: #fff !important;
      color: #000 !important;
  }
  .fixed-header .nav_account .bg-white {
      background-color: #022c44 !important;
      color: #fff !important;
  }
  .dropdown .dropdown-toggle {
      text-transform: capitalize;
  }
  .dropdown .dropdown-toggle .icon_arrow,
  .dropdown .dropdown-toggle::after {
      display: none;
  }
  .dropdown .dropdown-toggle.active .icon_arrow [class^="ri-"] {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
  }
  .dropdown .dropdown-menu {
      margin: 0;
  }
  .dropdown .dropdown-menu .dropdown-item {
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
  }
  .dropdown .dropdown-menu .dropdown-item .icon_arrow [class^="ri-"] {
      position: absolute;
      right: 20px;
      top: calc(50% - 9px);
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
  }
  .dropdown .dropdown-menu .dropdown-item:active,
  .dropdown .dropdown-menu .dropdown-item:focus,
  .dropdown .dropdown-menu .dropdown-item:hover {
      background-color: transparent;
      color: rgb(238, 113, 99);
  }
  .dropdown .dropdown-menu .dropdown-item:active .icon_arrow [class^="ri-"],
  .dropdown .dropdown-menu .dropdown-item:focus .icon_arrow [class^="ri-"],
  .dropdown .dropdown-menu .dropdown-item:hover .icon_arrow [class^="ri-"] {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
  }
  .dropdown .dropdown-menu .dropdown-item .item_new {
      background-color: #31d1ab;
      color: #fff;
      font-size: 12px;
      padding: 0.1rem 0.5rem;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      display: inline-block;
  }
  .dropdown .dropdown-menu.single-drop {
      border: 0;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      -webkit-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
      -o-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
      -ms-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
      box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
      display: inline-block;
  }
  .dropdown .dropdown-menu li {
      list-style: none;
  }
  .dropdown .dropdown-menu li .dropdown-item {
      padding: 0.4rem 1.5rem;
      text-transform: capitalize;
  }
	@media screen and (max-width:767px){
		.dropdown .dropdown-menu li .dropdown-item {
			letter-spacing: 0px;
			font-weight: 500;
			padding: 0.2rem 1.5rem;
		}
	}
  .dropdown .dropdown-menu .item_colume .sub_title {
      display: block;
      font-size: 17px;
      text-transform: uppercase;
      padding: 0;
      margin-bottom: 0.938rem;
      font-family: "SpaceGrotesk-Bold";
	      color: #022c44;
  }
  .dropdown .dropdown-menu .item_colume .sub_nav_menu .nav_meun {
      padding: 0;
      margin: 0;
  }
  .dropdown .dropdown-menu .item_colume .sub_nav_menu .nav_meun li {
      list-style: none;
      padding: 0;
  }
  .dropdown .dropdown-menu .item_colume .sub_nav_menu .nav_meun li .dropdown-item {
      border-radius: 6px;
      padding: 0.4rem 1rem;
      color: #022c44;
      font-size: 16px;
      -webkkit-transition: 0.3s !important;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      margin-right: 20px;
  }
  .dropdown .dropdown-menu .item_colume .sub_nav_menu .nav_meun li .dropdown-item:hover {
      background-color: #f7f8fa;
      opacity: 0.7;
  }
  .dropdown.show .dropdown-menu.single-drop {
      transform: perspective(0) rotateX(0);
      -webkit-transform: perspective(0) rotateX(0);
      -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
      opacity: 1;
      visibility: visible;
      width: auto;
  }
  .dropdown_full .dropdown-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
  }
  .dropdown_full .dropdown-menu .item_colume {
      width: calc(100% / 3);
      overflow: hidden;
  }
  .dropdown-submenu {
      position: relative;
      list-style: none;
  }
  .dropdown-submenu .dropdown-menu.sec-drop {
      padding-top: 15px;
      padding-bottom: 15px;
      border: 0;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      -webkit-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
      -o-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
      -ms-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
      box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
      min-width: 210px;
      transform: perspective(300px) rotateX(-15deg);
      -webkit-transform: perspective(300px) rotateX(-15deg);
      -moz-transform: perspective(300px) rotateX(-15deg);
      -o-transform: perspective(300px) rotateX(-15deg);
      -ms-transform: perspective(300px) rotateX(-15deg);
      transform-origin: 50% -50px;
      -moz-transform-origin: 50% -50px;
      -webkit-transform-origin: 50% -50px;
      -o-transform-origin: 50% -50px;
      -ms-transform-origin: 50% -50px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
      display: inline-block;
  }
  .dropdown-submenu.show .sec-drop {
      transform: perspective(0) rotateX(0);
      -webkit-transform: perspective(0) rotateX(0);
      -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
      opacity: 1;
      visibility: visible;
  }
  .dropdown-submenu.show:active,
  .dropdown-submenu.show:focus,
  .dropdown-submenu.show:hover {
      background-color: #f7f8fa;
      color: #ee7163;
  }
  .dropdown-submenu.show:active .icon_arrow [class^="ri-"],
  .dropdown-submenu.show:focus .icon_arrow [class^="ri-"],
  .dropdown-submenu.show:hover .icon_arrow [class^="ri-"] {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
  }
  .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -6px;
  }
  .dropdown-submenu .dropdown-toggle .icon_arrow {
      display: block;
  }
  .hero {
      position: relative;
      z-index: 0;
      background-repeat: no-repeat;
  }
  .hero .container,
  .hero .row {
      height: 100%;
  }
  .hero .hero_wrap {
      padding-bottom: 7rem;
      padding-top: 10rem;
  }
  .hero.in_index {
      overflow: hidden;
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
      position: relative;
  }
  .hero.in_index::before {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url(../hero-2.html);
      z-index: -1;
  }
  .hero.in_index .hero_wrap {
      padding: 15rem 0 0;
  }
  .hero.in_index .title {
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
      line-height: 1.1;
      margin-bottom: 30px;
      text-align: center;
      max-width: 60rem;
      margin-left: auto;
      margin-right: auto;
      color: #fff;
  }
  .hero.in_index .img_right {
      height: 100%;
      width: auto;
  }
  .hero.in_index .description {
      margin: 0 0 30px;
  }
  .hero.in_index .list_index {
      padding-bottom: 10px;
      margin-bottom: 10px;
      padding-top: 10px;
      margin-top: 10px;
      font-size: 20px;
      text-align: center;
  }
  .hero.in_index .advantages {
      background: url(../banner.html) 0 0/100% 100% no-repeat;
      overflow: visible;
  }
  .hero.has_style1 {
      background: #faf4f6;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      position: relative;
  }
  .hero.has_style1::before {
      content: "";
      position: absolute;
      bottom: -10rem;
      left: -2rem;
      background: url(../orange_circle.html) 0 0 / contain no-repeat;
      height: 15rem;
      width: 15rem;
  }
  .hero.has_style1 .hero_title {
      color: #1caaa0;
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
      text-align: left;
      z-index: 1;
  }
  .hero.has_style1 .hero_text {
      font-size: 1.15rem;
      line-height: 1.3;
      z-index: 1;
  }
  .hero.has_style1 .img_wrap {
      -webkit-transform: translate(-45%, 0);
      transform: translate(-45%, 0);
      z-index: -1;
  }
  .hero.has_style1 .img_wrap img {
      width: 147%;
  }
  .hero.has_style1 .header-shape {
      position: absolute;
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
      -moz-transform: scale(0.9);
      left: -4rem;
      top: -10rem;
      z-index: -1;
  }
  .hero.has_style2 {
      position: relative;
      overflow: hidden;
  }
  .hero.has_style2 .dots {
      position: absolute;
      opacity: 0.3;
      bottom: -5rem;
  }
  .hero.has_style2::before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%;
      z-index: -2;
      border-radius: 0px 0px 60px;
      -webkit-border-radius: 0px 0px 60px;
      -moz-border-radius: 0px 0px 60px;
      -ms-border-radius: 0px 0px 60px;
      -o-border-radius: 0px 0px 60px;
      background: rgb(1, 44, 68);
  }
  .hero.has_style2 .hero_form {
      background: #fff;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 4px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      max-width: 30rem;
      width: 100%;
  }
  .hero.has_style2 .hero_form input {
      height: 30px;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      -moz-box-shadow: none;
  }
  .hero.has_style2 .hero_form .btn {
      padding: 18px;
      width: 60%;
  }
  .hero.has_style2 .hero_title {
      color: #fff;
      font-size: calc(52px + 18 * ((100vw - 576px) / 1024));
      margin-top: 20px;
      text-align: left;
      margin-bottom: 20px;
      z-index: 1;
	  line-height: 1.05;
      letter-spacing: -0.02em;
  }
  .hero.has_style2 .hero_text {
      color: #fff;
      font-size: 1.15rem;
      line-height: 1.3;
      margin-bottom: 20px;
      z-index: 1;
  }
  .hero.has_style2 .img_wrap {
      text-align: center;
      margin: auto;
  }
  .hero.has_style2 .img_wrap img {
      width: 120%;
      max-width: inherit;
	  height: auto;
  }
.hero.has_style2 .dots img {
    width: 100%;
    height: auto;
}
  .hero.has_style3 {
      overflow: hidden;
      position: relative;
      position: relative;
  }
  .hero.has_style3::before {
      content: "";
      position: absolute;
      background: #edf0f2;
      height: 100%;
      width: 80%;
      left: 0;
      top: 0;
      z-index: -2;
  }
  .hero.has_style3::after {
      content: "";
      position: absolute;
      bottom: -5rem;
      right: 4rem;
      background: url(../2.html) 0 0 / contain no-repeat;
      height: 20rem;
      width: 20rem;
      z-index: 1;
  }
  .hero.has_style3 .container,
  .hero.has_style3 .row {
      height: auto;
  }
  .hero.has_style3 .img_wrap {
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
  }
  .hero.has_style3 .img_wrap .deco_hero3 {
      position: absolute;
      bottom: 2rem;
      left: -4rem;
  }
  .hero.has_style3 .img_wrap img {
      max-width: 30rem;
  }
  .hero.has_style3 .hero_title {
      color: #022c44;
      margin-bottom: 20px;
      text-align: left;
      z-index: 1;
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
  }
  .hero.has_style3 .hero_text {
      font-size: 1.25rem;
      line-height: 1.3;
      letter-spacing: -0.5px;
      font-weight: 400;
      margin-bottom: 20px;
      color: #022c44;
      z-index: 1;
  }
  .hero.has_style4 {
      background-size: cover;
      height: 100vh;
      background-position: -20rem bottom;
      overflow: hidden;
  }
  .hero.has_style4 .container,
  .hero.has_style4 .row {
      height: 0;
  }
  .hero.has_style4 .hero_wrap {
      height: 100%;
      padding: 10rem 0 6rem;
      overflow: hidden;
  }
  .hero.has_style4 .hero_title {
      font-size: 60px;
      color: #fff;
      max-width: 60rem;
      margin-bottom: 20px;
      line-height: 1;
  }
  .hero.has_style4 .play_flex img {
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out;
  }
  .hero.has_style4 .play_flex img:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 0.7;
  }
  .hero.has_style4 .hero_text {
      color: #fff;
      max-width: 30rem;
      margin-left: 0;
      margin-bottom: 27px;
      font-size: 17px;
  }
  .hero.has_style4 .price_wrap {
      background: #fff;
      padding: 3rem;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: -1px 20px 80px -14px #27073f21;
      box-shadow: -1px 20px 80px -14px #27073f21;
      position: relative;
  }
  .hero.has_style4 .price_wrap::before {
      content: "";
      position: absolute;
      height: 1rem;
      border-radius: 5px 5px 0 0;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
      width: 100%;
      top: 0;
      left: 0;
  }
  .hero.has_style4 .price_wrap .btn {
      padding: 20px;
  }
  .hero.has_style5 {
      background-size: cover;
      background-color: #022c44;
  }
  .hero.has_style5 .container {
      position: relative;
  }
  .hero.has_style5 .hero_wrap {
      padding-bottom: 0;
  }
  .hero.has_style5 .hero_title {
      font-size: 64px;
      color: #fff;
      max-width: 60rem;
      margin-bottom: 20px;
      line-height: 1.2;
  }
  .hero.has_style5 .hero_text {
      color: #fff;
      max-width: 30rem;
      margin-bottom: 20px;
      font-size: 17px;
      margin-left: 0;
  }
  .hero.has_style5 .numbers {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
      position: absolute;
      right: 0;
      padding: 20px 30px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      color: #fff;
  }
  .hero.has_style5 .numbers h2 {
      color: #fff;
  }
  .hero.has_style5 .img_wrap {
      margin-top: 4rem;
  }
  .hero.has_style5 .img_wrap img {
      -o-object-fit: cover;
      object-fit: cover;
      height: 30rem;
      width: 100%;
  }
  .hero.has_style5 .text-gray {
      margin-top: 20px;
      color: #858c9b;
  }
  .hero.has_style5 .card-form {
      padding: 32px;
      border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      -o-border-radius: 0.5rem;
      -webkit-box-shadow: 0 15px 50px -10px rgba(21, 37, 72, 0.1);
      box-shadow: 0 15px 50px -10px rgba(21, 37, 72, 0.1);
  }
  .hero.has_style6 {
      overflow: hidden;
      position: relative;
  }
  .hero.has_style6::before {
      content: "";
      position: absolute;
      background: #f7f5f7;
      height: 90vh;
      width: 50%;
      left: 0;
      border-radius: 0 0 50px;
      -webkit-border-radius: 0 0 50px;
      -moz-border-radius: 0 0 50px;
      -ms-border-radius: 0 0 50px;
      -o-border-radius: 0 0 50px;
      top: 0;
      z-index: -2;
  }
  .hero.has_style6 .img_wrap {
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
  }
  .hero.has_style6 .img_wrap .deco_hero6 {
      position: absolute;
      bottom: -2rem;
      left: -4rem;
      width: 100%;
      z-index: -1;
  }
  .hero.has_style6 .img_wrap img {
      max-height: 60rem;
  }
  .hero.has_style6 .hero_title {
      color: #022c44;
      margin-bottom: 30px;
      text-align: left;
      z-index: 1;
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
  }
  .hero.has_style6 .hero_text {
      font-size: 1.25rem;
      line-height: 1.3;
      letter-spacing: -0.5px;
      font-weight: 400;
      margin-bottom: 30px;
      color: #022c44;
      z-index: 1;
  }
  .hero.is_dark {
      margin-bottom: 5rem;
      background: #022c44;
  }
  .hero.is_dark .navbar .menu .line-menu {
      background: #022c44;
  }
  .hero.is_dark .hero_wrap {
      height: 100%;
      padding: 120px 0;
  }
  .hero.is_dark .hero_textription {
      margin-top: 20px;
      color: #fff;
      max-width: 40rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      font-size: 20px;
  }
  .hero.is_dark .hero_title {
      color: #fff;
      margin-bottom: 30px;
  }
  .hero.is_dark .hero-img {
      text-align: center;
      margin: auto;
  }
  .hero.is_dark .hero-img img {
      width: 130%;
  }
  .hero.is_dark .hero_wrap {
      overflow: hidden;
  }
  .hero.has_bg {
      height: 100vh;
      background-repeat: no-repeat;
      background-size: cover;
  }
  .hero.has_bg .hero_wrap {
      padding: 200px 0;
  }
  .hero.has_bg .header-title {
      color: #fff;
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
      line-height: 1;
      margin-bottom: 30px;
  }
  .hero.has_bg .item_block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      padding: 10px 20px 10px 10px;
      border: 1px solid;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      color: #fff;
      margin-bottom: 30px;
  }
  .hero.has_bg .item_block span {
      color: #fff;
      margin-left: 10px;
  }
  .hero.has_bg .item_block svg {
      height: 3rem;
      width: 3rem;
      fill: #fff;
      background: rgb(238, 113, 99);
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      padding: 10px;
  }
  .hero.has_style_deco {
      position: relative;
      position: relative;
  }
  .hero.has_style_deco::before {
      content: "";
      position: absolute;
      background-color: #e6a5be;
      height: 80vh;
      width: 50%;
      right: 0;
      top: 0;
      border-radius: 0 0 0 30px;
      -webkit-border-radius: 0 0 0 30px;
      -moz-border-radius: 0 0 0 30px;
      -ms-border-radius: 0 0 0 30px;
      -o-border-radius: 0 0 0 30px;
  }
  .hero.has_style_deco .line-menu {
      background: #150d4c;
  }
  .hero.has_style_deco .hero_wrap {
      padding: 6rem 0;
      background-repeat: no-repeat;
      background-position: center;
  }
  .hero.has_style_deco .hero_title {
      color: #1caaa0;
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
      margin-bottom: 40px;
      text-align: left;
  }
  .hero.has_style_deco .hero_text {
      font-size: 1.25rem;
      line-height: 1.3;
      letter-spacing: -0.5px;
      font-weight: 400;
      margin-bottom: 40px;
      color: #022c44;
  }
  .hero.has_style_deco .img_wrap {
      -webkit-transform: translate(10%, -6rem);
      transform: translate(10%, -6rem);
  }
  .hero.has_style_deco .img_wrap img {
      width: 100%;
      max-width: 500px;
  }
  .hero.has_style_deco .header-shape {
      position: absolute;
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
      left: -4rem;
      top: -10rem;
      z-index: -1;
  }
  .hero_page {
      position: relative;
      background-size: cover;
      background-repeat: no-repeat !important;
  }
  .hero_page .hero_wrap {
      padding: 120px 0;
  }
  .hero_page.has_style1 {
      background-image: url(../lines_top.html);
      position: relative;
      z-index: 0;
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
  }
  .hero_page.has_style1::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url(../pattern-1.html);
      background-size: contain;
      z-index: -1;
  }
  .hero_page.has_style1 .hero_img {
      max-width: 40rem;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      margin-bottom: 30px;
  }
  .hero_page.has_style1 .hero_wrap {
      padding: 100px 0;
  }
  .hero_page.has_style1 .hero_title {
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
      line-height: 1;
      text-align: center;
      color: #fff;
      margin-bottom: 20px;
  }
  .hero_page.has_style1 .hero_text {
      color: #fff;
      margin: 0;
      text-align: center;
      max-width: 40rem;
  }
  .hero_page.has_style2 {
      background-color: #f3f8ff;
      background-image: url(../hero_pattern.html);
      background-position: center bottom;
      background-size: contain;
  }
  .hero_page.has_style2 .title {
      text-align: center;
      color: #022c44;
  }
  .hero_page.has_style2 .hero_textription {
      max-width: 40rem;
      color: #022c44;
  }
  .hero_page.has_style2 .hero_wrap {
      padding: 100px 0;
  }
  .hero_page.has_bg {
      background-size: cover;
      background-repeat: no-repeat;
      z-index: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .hero_page.has_bg .hero_wrap {
      padding: 150px 0;
  }
  .hero_page.has_bg::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      background: rgba(0, 0, 0, 0.308);
  }
  .hero_page.has_bg .title {
      color: #fff;
      font-size: calc(40px + 24 * ((100vw - 576px) / 1024));
  }
  .hero_page.has_bg .hero_textription {
      max-width: 40rem;
      color: #fff;
  }
  .hero_page.is_dark {
      background: #022c44;
  }
  .hero_page.is_dark .hero_wrap {
      padding: 100px 0;
  }
  .hero_page.is_dark .title {
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
      line-height: 1;
      color: #fff;
      margin-bottom: 20px;
  }
  .hero_page.is_dark .description {
      color: #fff;
      margin: 0;
  }
  .elements_hero {
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
      z-index: 0;
      overflow: hidden;
      position: relative;
  }
  .elements_hero::before {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url(../hero-2.html);
      z-index: -1;
  }
  .elements_hero .wrap {
      width: 50%;
  }
  .client_logos.has_style1 .company-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .client_logos.has_style1 {
      background-color: rgb(233, 247, 246);
      position: relative;
      padding: 60px 0px;
  }
  .client_logos.has_style1 .company-item img {
      height: 3.2rem;
      margin-right: 20px;
      margin-bottom: 25px;
      transition: all 0.25s ease-in-out 0s;
  }
  .client_logos.has_style1 .company-item img:hover {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  .client_logos.has_style2 .brands {
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border: 1px solid #ebedf3;
      padding: 60px 0 30px;
  }
  .client_logos.has_style2 .company-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .client_logos.has_style2 .company-item img {
      max-width: 7rem;
      margin-bottom: 30px;
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
  }
  .client_logos.has_style2 .company-item img:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  .client_logos.has_style3 .company-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .client_logos.has_style3 .company-item img {
      max-width: 7rem;
      margin-bottom: 30px;
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
  }
  .client_logos.has_style3 .company-item img:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  .content .left_icon {
      height: 4rem;
      width: 4rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .content .left_icon [class^="ri-"] {
      color: #fff;
      font-size: 1.7rem;
  }
  .content .list {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      padding: 10px;
      background: #faf4f6;
      margin-bottom: 20px;
  }
  .content .list.has_style1 {
      background: #fff;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border: 1px solid #e8eaee;
  }
  .content .list.has_style1 .icon {
      margin-right: 0;
  }
  .content .list.has_style1 [class*=" ri-"],
  .content .list.has_style1 [class^="ri-"] {
      font-size: 22px;
      color: rgb(238, 113, 99);
  }
  .content .list.has_style2 .icon {
      height: 3rem;
      width: 3rem;
      background: #fff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 20px;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
  }
  .content .list.has_style2 .icon [class*=" ri-"],
  .content .list.has_style2 .icon [class^="ri-"] {
      font-size: 22px;
  }
  .content .list.has_style3 {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      padding: 0;
      background: #fff;
      margin-bottom: 0;
  }
  .content .list.has_style3 .icon {
      height: 3rem;
      background: #fff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 10px;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
  }
  .content .list.has_style3 .icon [class*=" ri-"],
  .content .list.has_style3 .icon [class^="ri-"] {
      font-size: 22px;
      color: rgb(238, 113, 99);
  }
  .content.in_software .soft_img {
      width: 100%;
  }
  .feautures.has_style1 .box {
      box-shadow: rgba(29, 14, 98, 0.067) 0px 33px 88px 0px;
      border-width: 1px;
      border-style: solid;
      border-color: rgb(234, 234, 238);
      border-image: initial;
  }
  .feautures.has_style1.trending-products .box {
	  min-height: 335px;
  }
  .feautures.has_style1 .box .box_img img {
      width: 100%;
      border-radius: 10px;
  }
  .feautures.has_style1 .box .btn_cart {
      line-height: 100%;
      height: 2.5rem;
      width: 2.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: rgb(237, 113, 99) 0px 16px 24px -11px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      transition: all 0.2s ease-in-out 0s;
  }
  .feautures.has_style1 .box .box_icon {
      margin-bottom: 20px;
      text-align: center;
  }
  .feautures.has_style1 .box .box_icon img {
      max-height: 5rem;
  }
  .feautures.has_style1 .box .box_icon ion-icon {
      color: rgb(238, 113, 99);
      font-size: 35px !important;
  }
  .feautures.has_style1 .box .box_icon svg {
      fill: rgb(238, 113, 99);
  }
  .feautures.has_style1 .box .box_icon [class^="ri-"] {
      fill: rgb(238, 113, 99) !important;
      font-size: 2rem;
  }
  .feautures.has_style1 .box .box_title {
      margin-bottom: 10px !important;
  }
  .feautures.has_style2 .box {
      padding: 0;
  }
  .feautures.has_style2 .box .box_icon {
      margin-bottom: 20px;
      text-align: left;
      background: #fff;
      height: 4rem;
      width: 4rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
  }
  .feautures.has_style2 .box .box_icon img {
      max-height: 5rem;
  }
  .feautures.has_style2 .box .box_icon ion-icon {
      color: rgb(238, 113, 99);
      font-size: 30px !important;
  }
  .feautures.has_style2 .box .box_icon svg {
      fill: rgb(238, 113, 99);
  }
  .feautures.has_style2 .box .box_icon [class^="ri-"] {
      color: rgb(238, 113, 99) !important;
      font-size: 1.7rem;
  }
  .feautures.has_style2 .box .box_title {
      margin-bottom: 14px;
  }
  .feautures.has_style2 .box .box_text {
      margin: 0;
  }
  .feautures.has_style3 .box.is_active {
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%) !important;
      color: #fff;
  }
  .feautures.has_style3 .box.is_active .box_title {
      color: #fff;
  }
  .feautures.has_style3 .box.is_active .box_icon {
      background: rgba(255, 255, 255, 0.096);
  }
  .feautures.has_style3 .box.is_active [class^="ri-"] {
      color: #fff !important;
  }
  .feautures.has_style3 .box .box_icon {
      margin-bottom: 20px;
      text-align: left;
      background: #faf4f6;
      height: 4rem;
      width: 4rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      margin-right: 20px;
  }
  .feautures.has_style3 .box .box_icon img {
      max-height: 5rem;
  }
  .feautures.has_style3 .box .box_icon ion-icon {
      color: rgb(238, 113, 99);
      font-size: 30px !important;
  }
  .feautures.has_style3 .box .box_icon svg {
      fill: rgb(238, 113, 99);
  }
  .feautures.has_style3 .box .box_icon [class^="ri-"] {
      color: rgb(238, 113, 99);
      font-size: 1.7rem;
  }
  .feautures.has_style3 .box .box_title {
      margin-bottom: 14px;
  }
  .feautures.has_style3 .box .box_text {
      margin: 0;
  }
  .feautures.has_style4 .box {
      padding: 0;
  }
  .feautures.has_style4 .box.is_active .box_icon {
      background: rgba(255, 255, 255, 0.096);
  }
  .feautures.has_style4 .box.is_active [class^="ri-"] {
      color: #fff !important;
  }
  .feautures.has_style4 .box .box_icon {
      margin-bottom: 20px;
      text-align: left;
      background: rgba(255, 255, 255, 0.096);
      height: 4rem;
      width: 4rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 20px;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      margin-right: 20px;
  }
  .feautures.has_style4 .box .box_icon img {
      max-height: 5rem;
  }
  .feautures.has_style4 .box .box_icon ion-icon {
      color: rgb(238, 113, 99);
      font-size: 30px !important;
  }
  .feautures.has_style4 .box .box_icon svg {
      fill: rgb(238, 113, 99);
  }
  .feautures.has_style4 .box .box_icon [class^="ri-"] {
      color: #fff;
      font-size: 1.7rem;
  }
  .feautures.has_style4 .box .box_title {
      margin-bottom: 14px;
  }
  .feautures.has_style4 .box .box_text {
      margin: 0;
  }
  .feautures.has_style5 .box {
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      -moz-box-shadow: 0 33px 88px 0 #1d0e6211;
  }
  .feautures.has_style5 .box.is_active .box_icon {
      background: rgba(255, 255, 255, 0.096);
  }
  .feautures.has_style5 .box.is_active [class^="ri-"] {
      color: #fff !important;
  }
  .feautures.has_style5 .box .box_icon {
      margin-bottom: 20px;
      text-align: left;
      height: 4rem;
      width: 4rem;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: auto;
      background: rgb(233, 247, 246);
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
  }
  .feautures.has_style5 .box .box_icon img {
      max-height: 5rem;
  }
  .feautures.has_style5 .box .box_icon ion-icon {
      color: rgb(238, 113, 99);
      font-size: 30px !important;
  }
  .feautures.has_style5 .box .box_icon svg {
      fill: rgb(238, 113, 99);
  }
  .feautures.has_style5 .box .box_icon [class^="ri-"] {
      color: #fff;
      font-size: 1.7rem;
  }
  .feautures.has_style5 .box .box_title {
      margin-bottom: 14px;
  }
  .feautures.has_style5 .box .box_text {
      margin: 0;
  }
  .feautures.has_style6 .box {
      border: 1px solid #ebedf3;
  }
  .feautures.has_style6 .box.is_active {
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
  }
  .feautures.has_style6 .box .box_icon {
      margin-bottom: 20px;
      text-align: left;
      background: #faf4f6;
      height: 4rem;
      width: 4rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 20px;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      margin-right: 20px;
  }
  .feautures.has_style6 .box .box_icon img {
      max-height: 5rem;
  }
  .feautures.has_style6 .box .box_icon ion-icon {
      color: rgb(238, 113, 99);
      font-size: 30px !important;
  }
  .feautures.has_style6 .box .box_icon svg {
      fill: rgb(238, 113, 99);
  }
  .feautures.has_style6 .box .box_icon [class^="ri-"] {
      color: rgb(238, 113, 99);
      font-size: 1.7rem;
  }
  .feautures.has_style6 .box .box_title {
      margin-bottom: 14px;
  }
  .feautures.has_style6 .box .box_text {
      margin: 0;
  }
  .swiper_feautures {
      padding: 1rem;
  }
  .swiper_feautures_wrapper {
      /* margin: -1rem; */
  }
  .pricing {
      position: relative;
  }
  .pricing .plans {
      background: #fff;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border: 1px solid #eaeaee;
      padding: 0 0 20px;
      position: relative;
  }
  .pricing .plans::before {
      content: "";
      position: absolute;
      background-image: url(../4-2.html);
      background-size: contain;
      background-repeat: no-repeat;
      top: -2rem;
      z-index: -1;
      right: -8rem;
      height: 20rem;
      width: 20rem;
  }
  .pricing .plans::after {
      content: "";
      position: absolute;
      background-image: url(../3-2.html);
      background-size: contain;
      background-repeat: no-repeat;
      bottom: -2rem;
      z-index: -1;
      left: -8rem;
      height: 20rem;
      width: 20rem;
  }
  .pricing .plan-item.has_style1 {
      background: #fff;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      position: relative;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border: 1px solid #eaeaee;
  }
  .pricing .plan-item.has_style1.is_active {
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
  }
  .pricing .plan-item.has_style1.is_active .plan-title {
      color: #fff;
  }
  .pricing .plan-item.has_style1.is_active .plan_text {
      color: rgba(255, 255, 255, 0.74);
  }
  .pricing .plan-item.has_style1.is_active .plan-price {
      color: #fff;
  }
  .pricing .plan-item.has_style1.is_active .price-var {
      color: rgba(255, 255, 255, 0.74);
  }
  .pricing .plan-item.has_style1.is_active .list-items .item {
      color: #fff;
  }
  .pricing .plan-item.has_style1.is_active .list-items .item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
      height: 20px;
      width: 20px;
      background-size: contain;
  }
  .pricing .plan-item.has_style1.is_active .list-items .item ion-icon {
      background: rgb(238, 113, 99);
      color: #fff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      padding: 2px;
      margin-right: 10px;
  }
  .pricing .plan-item.has_style1.is_active .list-items .item img {
      color: #fff;
      padding: 2px;
      margin-right: 10px;
  }
  .pricing .plan-item.has_style2.is_active {
      border-left: solid 1px #eaeaee;
      border-right: solid 1px #eaeaee;
  }
  .pricing .plan-item .plan_head {
      margin: 2rem 2rem 0;
      position: relative;
  }
  .pricing .plan-item .plan_head .type {
      padding: 5px 10px;
      background: #e6e7ec;
      color: #858c9b;
      font-size: 14px;
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
  }
  .pricing .plan-item .plan-title {
      font-size: 30px;
      color: #022c44;
      font-family: SpaceGrotesk-Bold;
      margin-bottom: 20px;
      position: relative;
  }
  .pricing .plan-item .price-var {
      color: rgb(238, 113, 99);
      margin-left: 2px;
      font-weight: 600;
  }
  .pricing .plan-item .btn-plan {
      padding: 25px 15px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  .pricing .plan-item .plan-price {
      font-size: 4rem;
      line-height: 100%;
      margin-bottom: 20px;
      font-weight: 600;
  }
  .pricing .plan-item .plan-price.has_dollar {
      position: relative;
  }
  .pricing .plan-item .plan-price.has_dollar::before {
      position: absolute;
      content: "$";
      font-size: 31px;
      top: -21px;
      left: -24px;
      color: #fffa6;
  }
  .pricing .plan-item .plan-price.is_primary {
      position: relative;
  }
  .pricing .plan-item .plan-price.is_primary::before {
      position: absolute;
      content: "$";
      font-size: 31px;
      top: -21px;
      left: -24px;
      color: rgb(238, 113, 99) !important;
  }
  .pricing .plan-item .list-items {
      margin-bottom: 1rem;
      padding: 0;
      margin-left: 0;
  }
  .pricing .plan-item .list-items .item {
      margin-bottom: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      padding-left: 30px;
      color: #828893;
  }
  .pricing .plan-item .list-items .item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgb(190 52 95)'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      height: 20px;
      width: 20px;
      background-size: contain;
  }
  .pricing .plan-item .list-items .item ion-icon {
      background: rgb(238, 113, 99);
      color: #fff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      padding: 2px;
      margin-right: 10px;
  }
  .pricing .plan-item .list-items .item img {
      color: #fff;
      padding: 2px;
      margin-right: 10px;
  }
  .pricing .plan-item.is-active {
      position: relative;
      z-index: 0;
      padding-top: 40px;
  }
  .pricing .plan-item.is-active .plan_head {
      background: #fff;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      margin: 0 40px;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      position: relative;
  }
  .pricing .plan-item.is-active .plan_head::before {
      content: "";
      position: absolute;
      background: url(../plan.html) 0 0 / cover;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
  }
  .pricing .plan-item.is-active .plan_head .plan-price,
  .pricing .plan-item.is-active .plan_head .plan-title {
      color: #022c44;
  }
  .pricing .plan-item .plan-body {
      padding: 2rem;
  }
  .pricing .plan-single {
      background: #fff;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border: 1px solid #eaeaee;
      padding: 5rem;
  }
  .pricing .plan-single .desc-plan {
      max-width: 40rem;
      margin-left: auto;
      margin-right: auto;
  }
  .pricing .plan-single.top-header {
      margin-top: -4rem;
  }
  .pricing .plan-single .box_plan {
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
      color: #fff;
      position: relative;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      z-index: 0;
      padding: 50px;
  }
  .pricing .plan-single .title {
      text-align: center;
      margin-bottom: 40px;
      font-size: 25px;
      color: #fff;
  }
  .pricing .plan-single .price {
      font-size: 6.25rem;
      text-align: center;
      color: #fff;
  }
  .pricing .plan-single .width {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .pricing .plan-single .billed {
      margin-bottom: 20px;
      color: #fff;
  }
  .pricing .plan-single .pricing {
      font-size: 35px;
  }
  .pricing .plan-single .list-title {
      margin-bottom: 20px;
  }
  .pricing .plan-single .list_wrap {
      padding-top: 20px;
      margin-top: 20px;
      margin-bottom: 20px;
      border-top: solid 1px #eaeaee;
      border-bottom: solid 1px #eaeaee;
  }
  .pricing .plan-single .list-items {
      margin-bottom: 20px;
      padding: 0;
      margin-left: 0;
  }
  .pricing .plan-single .list-items .item {
      margin-bottom: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      padding-left: 30px;
      color: #828893;
  }
  .pricing .plan-single .list-items .item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgb(190 52 95)'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      height: 20px;
      width: 20px;
      background-size: contain;
  }
  .pricing .plan-single .list-items .item ion-icon {
      background: rgb(238, 113, 99);
      color: #fff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      padding: 2px;
      margin-right: 10px;
  }
  .pricing .plan-single .list-items .item img {
      color: #fff;
      padding: 2px;
      margin-right: 10px;
  }
  .pricing .plan-single .paragraph {
      font-size: 13px;
      text-align: center;
      color: rgba(190, 52, 106, 0.7);
  }
  .pricing .plan_list .tab_menu {
      height: 2rem;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border: 1px solid rgb(238, 113, 99);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .pricing .plan_list .tab_menu .type {
      padding: 15px 20px;
  }
  .pricing .plan_list .tab_menu .type a {
      color: rgb(238, 113, 99);
      display: block;
  }
  .pricing .plan_list .plan_head {
      background: #fff;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border: 1px solid #eaeaee;
      padding: 30px;
      position: relative;
  }
  .pricing .plan_list .plan_head::after {
      content: "";
      position: absolute;
      background-image: url(../3-2.html);
      background-size: contain;
      background-repeat: no-repeat;
      bottom: -5rem;
      z-index: -1;
      left: -4rem;
      height: 20rem;
      width: 20rem;
  }
  .pricing .plan_list .plan_head .plan-price {
      font-size: 4rem;
      line-height: 100%;
      margin-bottom: 20px;
      font-weight: 600;
  }
  .pricing .plan_list .plan_head .plan-price.has_dollar {
      position: relative;
  }
  .pricing .plan_list .plan_head .plan-price.has_dollar::before {
      position: absolute;
      content: "$";
      font-size: 31px;
      top: -21px;
      left: -24px;
      color: #fffa6;
  }
  .pricing .plan_list .plan_head .plan-price.is_primary {
      position: relative;
  }
  .pricing .plan_list .plan_head .plan-price.is_primary::before {
      position: absolute;
      content: "$";
      font-size: 31px;
      top: -21px;
      left: -24px;
      color: rgb(238, 113, 99) !important;
  }
  .pricing .plan_list .plan_body {
      background: #022c44;
      padding: 30px 30px 10px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
  }
  .pricing .plan_list .list_items {
      margin-bottom: 20px;
      padding: 0;
      margin-left: 0;
  }
  .pricing .plan_list .list_items .item {
      margin-bottom: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      padding-left: 30px;
      color: #fff;
  }
  .pricing .plan_list .list_items .item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgb(190 52 95)'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      height: 20px;
      width: 20px;
      background-size: contain;
  }
  .pricing .plan_list .list_items .item ion-icon {
      background: rgb(238, 113, 99);
      color: #fff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      padding: 2px;
      margin-right: 10px;
  }
  .pricing .plan_list .list_items .item img {
      color: #fff;
      padding: 2px;
      margin-right: 10px;
  }
  .team .team_box.has_style1 {
      margin-bottom: 30px;
      position: relative;
  }
  .team .team_box.has_style1 .team-name {
      text-align: center;
  }
  .team .team_box.has_style1 .team-social {
      background-color: #fff;
      position: absolute;
      top: 44%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding: 10px 20px;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      margin-top: -20px;
      -webkit-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      opacity: 0;
      z-index: 1;
  }
  .team .team_box.has_style1 .team-social ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .team .team_box.has_style1 .team-social a {
      color: #022c44;
      margin: 0 5px;
      line-height: 100%;
  }
  .team .team_box.has_style1 .team-social a:hover {
      color: rgb(238, 113, 99);
  }
  .team .team_box.has_style1 .team-social a svg {
      height: 0.8rem;
  }
  .team .team_box.has_style1 .team-social a [class^="ri-"] {
      font-size: 22px;
      line-height: 100%;
      padding-top: 10px;
  }
  .team .team_box.has_style1 .badge_team {
      position: absolute;
      top: -10px;
      z-index: 1;
      background: rgb(238, 113, 99);
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      padding: 5px 10px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      color: #fff;
      font-size: 13px;
  }
  .team .team_box.has_style1 .team-img {
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
      position: relative;
      border: 10px solid #fff;
      z-index: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .team .team_box.has_style1 .team-img img {
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
  }
  .team .team_box.has_style1 .team-img::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.308);
      z-index: 1;
      opacity: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .team .team_box.has_style1:hover .team-social {
      margin-top: 0;
      opacity: 1;
  }
  .team .team_box.has_style1:hover .team-img::before {
      opacity: 1;
  }
  .team .team_box.has_style2 {
      margin-bottom: 30px;
      position: relative;
  }
  .team .team_box.has_style2 .team_name {
      text-align: center;
      position: absolute;
      bottom: 20px;
      left: 20px;
      z-index: 2;
      color: #fff;
      opacity: 0;
      -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transform: translateY(2rem);
      transform: translateY(2rem);
  }
  .team .team_box.has_style2 .team_img {
      height: 20rem;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      border-radius: 10px;
      overflow: hidden;
      margin-bottom: 20px;
      position: relative;
      z-index: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .team .team_box.has_style2 .team_img img {
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
  }
  .team .team_box.has_style2 .team_img::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.308);
      z-index: 1;
      -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .team .team_box.has_style2:hover .team_name {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -moz-transform: translateY(0);
  }
  .testimonial_box {
      box-shadow: rgba(29, 14, 98, 0.067) 0px 33px 88px 0px;
      margin-bottom: 20px;
      color: rgb(1, 44, 68) !important;
      background: rgb(255, 255, 255);
      border-radius: 10px;
      padding: 30px;
  }
.page-template-testimonials .testimonial.type_2 .testimonial_box {
	width: 48%;
}
.page-template-testimonials .testi_cards {
    display: inline-block;
}

	.testimonial_box:nth-child(2),
	.testimonial_box:nth-child(4){
		margin-left: 15px;
		position: relative;
		top: 30px;
	}
.testimonial_box:nth-child(4) {
    top: -25px;
    margin-top: 0;
}
  .testimonial .testimonial_cards {
      position: absolute;
      right: -20rem;
      top: 0px;
  }
  .testimonial_box .quote {
      margin-bottom: 10px;
  }
  .testimonial .swiper-pagination {
      margin-top: 30px;
  }
  .process.has_style2 .timeline-primary .timeline-item::before {
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
      color: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
  }
  .process .timeline {
      padding-left: 0;
      list-style-type: none;
  }
  .process .timeline-item {
      position: relative;
      display: block;
      text-align: center;
      counter-increment: timeline-counter;
  }
  .process .timeline-item h4 {
      margin-bottom: 1.5rem;
  }
  .process .timeline-item::before {
      position: relative;
      z-index: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 4rem;
      height: 4rem;
      margin: 0 auto 1rem;
      font-size: 2rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      content: counter(timeline-counter);
      line-height: 100%;
      font-family: SpaceGrotesk-Bold;
  }
  .process .timeline-item::after {
      position: absolute;
      top: 2rem;
      left: 0;
      right: 0;
      display: none;
      border-top: 2px solid;
      content: "";
  }
  .process .timeline-item:first-child::after {
      left: 50%;
      width: 50%;
  }
  .process .timeline-item:last-child::after {
      width: 50%;
  }
  .process .timeline-item + .timeline-item {
      margin-top: 2rem;
  }
  .process .timeline-primary .timeline-item::before {
      background: rgb(238, 113, 99);
      color: #fff;
  }
  .process .timeline-primary .timeline-item.active::before {
      background-color: rgb(238, 113, 99);
  }
  .process .timeline-primary .timeline-item::after {
      border-color: #bcb6f6;
  }
  .process .timeline-primary .timeline-item.active::after {
      border-color: rgba(52, 30, 99, 0.15);
  }
  .process .timeline-secondary .timeline-item::before {
      background-color: #b5b6c5;
      color: #fff;
  }
  .process .timeline-expand-xs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .process .timeline-expand-xs .timeline-item {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
  }
  .process .timeline-expand-xs .timeline-item::after {
      display: block;
  }
  .process .timeline-expand-xs .timeline-item + .timeline-item {
      margin-top: 0;
  }
  .showcase .title_sections {
      margin-bottom: 3.125rem;
  }
  .showcase .item_mywork {
      margin-bottom: 3.125rem;
      display: block;
      text-decoration: none;
      position: relative;
  }
  .showcase .item_mywork .mg_img {
      border-radius: 12px;
      position: relative;
  }
  .showcase .item_mywork .icon_played {
      position: absolute;
      left: 40%;
      top: 40%;
      z-index: 2;
  }
  .showcase .item_mywork .item_pic {
      width: 100%;
      height: 490px !important;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
  }
  .showcase .item_mywork .info_work {
      margin-top: 1.5rem;
      position: relative;
  }
  .showcase .item_mywork .info_work h4 {
      font-size: 18px;
      margin-bottom: 0.3rem;
      font-weight: 600;
      color: #022c44;
  }
  .showcase .item_mywork .info_work p {
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 0;
      color: #6c7a87;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .showcase .item_mywork .info_work .link_view {
      opacity: 0;
      color: #ee7163;
      font-weight: 500;
      font-size: 14px;
      position: absolute;
      left: 0;
      bottom: -22px;
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
  }
  .showcase .item_mywork:hover .info_work p {
      opacity: 0;
  }
  .showcase .item_mywork:hover .info_work .link_view {
      opacity: 1;
      bottom: -3px;
  }
  .call2action.has_style1 {
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
  }
  .call2action.has_style2 {
      background: #022c44;
  }
  .call2action.has_style2 .form_call2action {
      background: #fff;
      border-radius: 5px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      -moz-box-shadow: 0 33px 88px 0 #1d0e6211;
      padding: 30px;
  }
  .call2action.has_style3 {
      background: rgb(252, 246, 241);
      padding: 60px;
      border-radius: 5px;
  }
  .call2action.has_style4 {
      background: #faf4f6;
  }
  .call2action.has_style5 {
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
  }
  .call2action.has_style5 .form_call2action {
      background: rgba(255, 255, 255, 0.048);
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      padding: 30px;
      width: 100%;
  }
  .section-head {
      margin-bottom: 40px;
      width: 100%;
  }
  .section-head h2{
    width: 100%;
  }
  .section-subtitle {
      color: #1caaa0;
      margin-bottom: 15px;
  }
  .section-subtitle.iscenter {
      max-width: auto;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
  }
  .section_title {
      font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
      color: #022c44;
      text-align: left;
      position: relative;
      overflow: hidden;
      margin-bottom: 10px;
  }
  .hd p {
    font-size: 20px;
    line-height: 30px;
    font-family: 'Circular';
    max-width: 730px !important;
    text-align: center;
    margin: 0 auto;
  }
  .section_title ::before {
      content: "";
      position: absolute;
      top: -10px;
      height: 4px;
      left: 0;
      width: 40px;
      background: rgb(238, 113, 99);
  }
  .section_title ::after {
      position: absolute;
      content: "";
      width: 10px;
      height: 4px;
      background-color: #282828;
      left: 42px;
      top: -10px;
  }
  .section_title .has-line {
      position: relative;
  }
  .section_title .has-line::before {
      content: "";
      position: absolute;
      height: 0.7rem;
      bottom: 0.2rem;
      width: 103%;
      left: 0;
      background: rgb(238, 113, 99);
      z-index: 0;
      opacity: 0.2;
  }
  .section_title.is-left {
      max-width: 30rem;
      margin-left: 0;
      margin-right: 0;
      text-align: left;
  }
  .is-center {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
  }
  .section_title.is-center ::before {
      content: "";
      position: absolute;
      top: -10px;
      height: 4px;
      left: 50%;
      width: 40px;
      background: rgb(238, 113, 99);
  }
  .section_title.is-center ::after {
      position: absolute;
      content: "";
      width: 10px;
      height: 4px;
      background-color: #282828;
      left: 50%;
      top: -10px;
  }
  .section {
      position: relative;
      z-index: 0;
  }
  .section.section_light {
      background: #faf4f6;
  }
  .section.section_dark {
      background: #022c44;
  }
  .section_dark h2{
    width: 100%;
    max-width: 700px;
    line-height: 60px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }
  .section.section_dark * {
      color: #fff;
  }
  .section.section_dark p {
      color: rgba(255, 255, 255, 0.719);
  }
  .section.is-lg {
      padding-top: 140px;
      padding-bottom: 140px;
  }
  .section.is_sm {
      padding-top: 120px;
      padding-bottom: 120px;
  }
  .section .section-title-sm {
      margin-bottom: 1.5rem;
      font-size: 45px;
      line-height: 1.4;
      max-width: 57rem;
      margin-left: auto;
      margin-right: auto;
      color: #0f072e;
      text-align: center;
      text-transform: lowercase;
  }
  .section .section-title-sm .has-line {
      position: relative;
  }
  .section .section-title-sm .has-line::before {
      content: "";
      position: absolute;
      height: 0.7rem;
      bottom: 0.2rem;
      width: 103%;
      left: 0;
      background: rgb(238, 113, 99);
      z-index: 0;
      opacity: 0.2;
  }
  .section .section-title-sm.is-left {
      max-width: 30rem;
      margin-left: 0;
      margin-right: 0;
      text-align: left;
  }
  .section .section_description {
      max-width: 52rem;
      text-align: left;
      margin-left: 0px;
  }
  .section .section_description.is-center {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }
.border_section p {
    width: 100%;
  }
  .section.is-dark {
      color: #fff;
  }
  .section.is-dark .section_title {
      color: #fff;
      font-size: 45px;
      text-align: left;
      text-transform: capitalize;
      position: relative;
      overflow: hidden;
  }
  .section.is-dark .section_description {
      color: #fff;
  }
  .section .section-shape1 {
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1;
      height: 100%;
  }
  .section .section-particle {
      position: absolute;
      background-size: cover;
      height: 50rem;
      width: 50rem;
      top: 0;
      left: -13rem;
      z-index: 0;
  }
  .section .section-particle.in-right {
      right: -13rem !important;
      left: auto;
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
  }
  .section .section-shape2 {
      position: absolute;
      top: 50%;
      right: 50%;
      -webkit-transform: translate(50%, -50%);
      transform: translate(50%, -50%);
      -moz-transform: translate(50%, -50%);
      z-index: -1;
      max-width: 32rem;
      width: 100%;
      overflow: hidden;
  }
  .section .lines {
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1;
  }
  .section.section-grey-half {
      background: #1caaa0;
  }
  .section.section-grey-half::before {
      content: "";
      position: absolute;
      bottom: 0;
      height: 40%;
      width: 100%;
      background: rgba(255, 255, 255, 0.911);
  }
  .section.section-grey {
      background: #f3f8ff;
  }
  .section.primary-bg {
      background: #022c44;
  }
  .section .box .box-icon {
      margin-bottom: 14px;
  }
  .section .box .box-icon ion-icon {
      font-size: 2.5rem;
      line-height: 100%;
  }
  .section.section-index-feautures {
      background-color: #2f1893;
      position: relative;
  }
  .section.section-feautures {
      overflow: hidden;
  }
  .section.section-feautures .feat-item-box {
      background: #fff;
      padding: 0.6rem 2rem;
      width: 17.5rem;
      height: 5rem;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 1rem;
      font-family: SpaceGrotesk-Bold;
  }
  .section.section-feautures .feat-item-box p {
      color: #232323 !important;
  }
  .section.section-feautures .product-img {
      text-align: right;
  }
  .section.section-feautures .product-img img {
      width: 90%;
  }
  .section.section-feautures .divider-light-top {
      background: url(../divider-white2.html) top no-repeat;
      width: 100%;
      height: 6rem;
      z-index: 0;
  }
  .section.section-feautures .box {
      padding: 40px 30px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      margin-bottom: 30px;
      position: relative;
      overflow: hidden;
      cursor: default;
  }
  .section.section-feautures .box.box.has-style1 {
      background: rgba(190, 52, 106, 0.1);
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
  }
  .section.section-feautures .box.box.has-style1 .box-icon,
  .section.section-feautures .box.box.has-style1 .box-title {
      margin-bottom: 14px;
      text-align: center;
  }
  .section.section-feautures .box.box.has-style1 .box-desc {
      text-align: center;
  }
  .section.section-feautures .has-secondary-bg {
      background: #fff;
      -webkit-box-shadow: 0 14px 33px -3px rgba(0, 0, 0, 0.078);
      box-shadow: 0 14px 33px -3px rgba(0, 0, 0, 0.078);
      -webkit-transition: 0.2s cubic-bezier(0.5, 0, 0.35, 1);
      transition: 0.2s cubic-bezier(0.5, 0, 0.35, 1);
  }
  .section.section-feautures .has-secondary-bg .box-title {
      color: #232323;
  }
  .section.section-feautures .has-secondary-bg .box-desc {
      color: #2a3543;
  }
  .section.section-feautures .box-icon {
      margin-bottom: 15px;
  }
  .section.section-feautures .box-icon ion-icon {
      color: #fff;
      font-size: 2.5rem;
      line-height: 100%;
  }
  .section.section-feautures .box-icon .ellipse img,
  .section.section-feautures .box-icon .ellipse-white img {
      width: 80%;
  }
  .section.section-feautures .has-left-icon .box-title {
      margin: 5px 0 10px;
  }
  .section.section-feautures .col-auto {
      padding: 0;
      margin: 0;
  }
  .section.section-feautures .col {
      margin-left: 10px;
  }
  .section.section-feautures .has-primary-bg {
      background: #2d3a58;
      -webkit-box-shadow: 0 14px 33px -3px rgba(0, 0, 0, 0.078);
      box-shadow: 0 14px 33px -3px rgba(0, 0, 0, 0.078);
      -webkit-transition: 0.2s cubic-bezier(0.5, 0, 0.35, 1);
      transition: 0.2s cubic-bezier(0.5, 0, 0.35, 1);
      border: 1px solid;
  }
  .section.section-feautures .has-primary-bg.has-style-2 {
      border: none;
  }
  .section.section-feautures .has-primary-bg .box-desc,
  .section.section-feautures .has-primary-bg .box-title {
      color: #fff;
  }
  .section.section-feautures .img-boxes .img-box img {
      width: 100%;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      -webkit-box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
      box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
  }
  .section.section-feautures2 .box {
      padding: 40px 30px;
      border-radius: 10px;
      margin-bottom: 30px;
      position: relative;
      cursor: default;
  }
  .section.section-feautures2 .box.box.has-style2 {
      background: #fff;
      -webkit-box-shadow: 0 15px 29px -4px #3f49621f;
      box-shadow: 0 15px 29px -4px #3f49621f;
      -moz-box-shadow: 0 15px 29px -4px #3f49621f;
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
      -moz-transition: 0.25s ease-in-out;
  }
  .section.section-feautures2 .box.box.has-style2.dark-bg {
      background-color: #2d3a58;
  }
  .section.section-feautures2 .box.box.has-style2.dark-bg .box-desc,
  .section.section-feautures2 .box.box.has-style2.dark-bg .box-title {
      color: #fff;
  }
  .section.section-feautures2 .box.box.has-style2 .box-icon {
      margin-bottom: 14px;
      text-align: center;
  }
  .section.section-feautures2 .box.box.has-style2 .box-icon img {
      max-height: 5rem;
  }
  .section.section-feautures2 .box.box.has-style2 .box-title {
      margin-bottom: 14px;
      text-align: center;
  }
  .section.section-feautures2 .box.box.has-style2 .box-desc {
      color: #232323;
      text-align: center;
  }
  .section.section-feautures3 .feautures3-box .section-head .section_description {
      color: #2a3543;
  }
  .section.section-feautures3 .feautures3-box .section-head .feat-head {
      margin-top: 4rem;
  }
  .section.section-feautures3 .feautures3-box .section-head .feat-head .feat-item {
      color: #2a3543;
  }
  .section.section-feautures3 .feautures3-box .box {
      padding: 40px 30px;
      border-radius: 10px;
      margin-bottom: 30px;
      position: relative;
      cursor: default;
  }
  .section.section-feautures3 .feautures3-box .box.box.has-style3 {
      border: 1.5px solid #eaeef7;
      background: #fff;
      -webkit-box-shadow: 0 15px 29px -4px #3f49621f;
      box-shadow: 0 15px 29px -4px #3f49621f;
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
  }
  .section.section-feautures3 .feautures3-box .box.box.has-style3 .box-icon,
  .section.section-feautures3 .feautures3-box .box.box.has-style3 .box-title {
      margin-bottom: 14px;
      text-align: center;
  }
  .section.section-feautures3 .feautures3-box .box.box.has-style3 .box-desc {
      color: #2a3543;
      text-align: center;
  }
  .section.section-about {
      position: relative;
      overflow: hidden;
  }
  .section.section-about .section_description {
      max-width: 40rem;
  }
  .section.section-about .section_description.is_sm {
      max-width: 26rem;
  }
  .section.section-about .play-desc {
      color: #0f072e;
  }
  .section.section-about .watch-more {
      color: #5a52ff;
  }
  .section.section-about .about-img {
      width: 100%;
      margin: auto;
  }
  .section.section-about .about-img img {
      width: 100%;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -webkit-box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
      box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
  }
  .section.section-about .about-product-img {
      width: 95%;
      margin: auto;
  }
  .section.section-about .about-product-img img {
      width: 100%;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -webkit-box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
      box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
  }
  .section.section-about .has-overlay {
      z-index: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .section.section-about .has-overlay::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      background: #5731ab;
      opacity: 0.56;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
  }
  .section.section-about .screen {
      width: 160%;
      margin-left: 9rem;
  }
  .section.section-about .about-img2 {
      width: 100%;
  }
  .section.section-call2action {
      overflow: hidden;
  }
  .section.section-call2action .call2action-box {
      border-radius: 5px;
      overflow: hidden;
      -webkit-box-shadow: 0 18px 35px 3px rgba(51, 29, 105, 0.18);
      box-shadow: 0 18px 35px 3px rgba(51, 29, 105, 0.18);
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .section.section-call2action .call2action-box:hover {
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .section.section-call2action .call2action-box img {
      width: 100%;
  }
  .section.section-call2action .call2action-box .box-right {
      padding-left: 30px;
  }
  .section.section-call2action2 {
      background-color: #022c44;
  }
  .section.section-call2action2 .divider {
      position: absolute;
      background: url(../divider-dark.html) bottom no-repeat;
      width: 100%;
      height: 6rem;
      top: 90%;
      z-index: 0;
  }
  .section.section-call2action2 .call2action-box .section_title {
      max-width: 45rem;
  }
  .section.section-call2action2 .call2action-box .section_description {
      max-width: 30rem;
  }
  .section.section-works .work-boxes-slick {
      margin: 0 -20px;
  }
  .section.section-works .work-box {
      margin: 0 20px 2rem;
      position: relative;
      z-index: 0;
      -webkit-transition: 0.25s;
      transition: 0.25s;
      -moz-transition: 0.25s;
      overflow: hidden;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-box-shadow: 0 5px 20px 0 rgba(130, 136, 147, 0.15);
      box-shadow: 0 5px 20px 0 rgba(130, 136, 147, 0.15);
      -moz-box-shadow: 0 5px 20px 0 rgba(130, 136, 147, 0.15);
  }
  .section.section-works .work-box::before {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background: linear-gradient(45deg, #5731ab 0, #321c64 100%);
      opacity: 0;
      z-index: 1;
      -webkit-transition: 0.25s;
      transition: 0.25s;
  }
  .section.section-works .work-box .work-head {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 30px;
      -webkit-transform: translate3d(0, 150%, 0);
      transform: translate3d(0, 150%, 0);
      -webkit-transition: -webkit-transform 0.6s;
      transition: -webkit-transform 0.6s;
      transition: transform 0.6s;
      transition: transform 0.6s, -webkit-transform 0.6s;
      z-index: 3;
  }
  .section.section-works .work-box .work-head .title a {
      color: #fff;
      font-size: 24px;
  }
  .section.section-works .work-box .work-img {
      position: relative;
      width: 100%;
      z-index: 0;
      transition: 0.25s;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
  }
  .section.section-works .work-box:hover::before {
      opacity: 0.8;
  }
  .section.section-works .work-box.is-active .work-head,
  .section.section-works .work-box:hover .work-head {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  .section.section-works .work-box.is-active::before {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background: #022c44;
      opacity: 0.5;
      z-index: 1;
      -webkit-transition: 0.25s;
      transition: 0.25s;
  }
  .section.section-plans {
      position: relative;
      overflow: hidden;
  }
  .section.section-plans .is-dark-green {
      color: #fff !important;
      background: #002b44 !important;
  }
  .section.section-plans .is-dark-green .item,
  .section.section-plans .is-dark-green .plan-title {
      color: #fff !important;
  }
  .section.section-plans .pricing-toggle {
      float: right;
      text-align: right;
      margin-bottom: 20px;
  }
  .section.section-plans .pricing-toggle svg {
      fill: #59c894;
      margin-right: 15px;
      position: relative;
      top: 15px;
      transform: rotate(20deg);
      -webkit-transform: rotate(20deg);
      -moz-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
  }
  .section.section-plans .pricing-toggle .pricing-switch {
      color: #2d3a58;
      line-height: 34px;
  }
  .section.section-plans .pricing-toggle .pricing-switch .switch {
      margin: 0 10px;
  }
  .section.section-plans .slider {
      background-color: #3d8aed;
      bottom: 0;
      cursor: pointer;
      left: 0;
      right: 0;
      top: 0;
  }
  .section.section-plans .slider,
  .section.section-plans .slider:before {
      position: absolute;
      -webkit-transition: 0.4s;
      transition: 0.4s;
  }
  .section.section-plans .slider:before {
      background-color: #fff;
      bottom: 4px;
      content: "";
      height: 26px;
      left: 4px;
      width: 26px;
  }
  .section.section-plans input:checked + .slider {
      background-color: #5a52ff;
  }
  .section.section-plans input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      transform: translateX(26px);
  }
  .section.section-plans .slider.round {
      border-radius: 34px;
  }
  .section.section-plans .slider.round:before {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
  }
  .section.section-plans .switch {
      display: inline-block;
      height: 34px;
      position: relative;
      width: 60px;
  }
  .section.section-plans .switch input {
      height: 0;
      opacity: 0;
      width: 0;
  }
  .section.section-plans .rounded-underline {
      position: relative;
      text-decoration: none;
  }
  .section.section-plans .rounded-underline:before {
      border-radius: 3px;
      bottom: 0;
      content: "";
      height: 6px;
      position: absolute;
      width: 100%;
  }
  .section.section-plans .in-right {
      -webkit-transform: translateX(-30px);
      transform: translateX(-30px);
  }
  .section.section-plans .in-left {
      -webkit-transform: translateX(30px);
      transform: translateX(30px);
      position: relative;
      z-index: -1;
  }
  .section.section-plans .plan-item {
      border-radius: 0.5rem;
      position: relative;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .section.section-plans .plan-item:hover {
      -webkit-transform: translateY(-1rem);
      transform: translateY(-1rem);
  }
  .section.section-plans .plan-item .best-choose {
      position: absolute;
      width: 13rem;
      top: -2rem;
      border-radius: 5px 5px 0 0;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      background-color: rgb(238, 113, 99);
      padding: 5px 30px;
      font-size: 15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      text-align: center;
      color: #fff;
  }
  .section.section-plans .plan-item .best-choose::after {
      content: "";
      background-image: url(../arrow-bottom.html);
      background-repeat: no-repeat;
      height: 1rem;
      width: 100%;
      position: absolute;
      bottom: -13px;
      top: auto;
      right: -93px;
  }
  .section.section-plans .plan-item .best-choose.bg_green {
      position: relative;
  }
  .section.section-plans .plan-item .best-choose.bg_green::after {
      position: absolute;
      content: none;
  }
  .section.section-plans .plan-item .plan-head {
      padding: 2rem;
  }
  .section.section-plans .plan-item .plan-title {
      font-size: 30px;
      color: #022c44;
      font-family: SpaceGrotesk-Bold;
      margin-bottom: 20px;
      position: relative;
  }
  .section.section-plans .plan-item .price-var {
      color: rgb(238, 113, 99);
      margin-left: 2px;
      font-weight: 600;
  }
  .section.section-plans .plan-item .btn-plan {
      padding: 25px 15px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  .section.section-plans .plan-item .plan-price {
      font-size: 4rem;
      line-height: 100%;
      margin-bottom: 20px;
      font-weight: 600;
  }
  .section.section-plans .plan-item .plan-price.has_dollar {
      position: relative;
  }
  .section.section-plans .plan-item .plan-price.has_dollar::before {
      position: absolute;
      content: "$";
      font-size: 31px;
      top: -21px;
      left: -24px;
      color: #fffa6;
  }
  .section.section-plans .plan-item .plan-price.is_primary {
      position: relative;
  }
  .section.section-plans .plan-item .plan-price.is_primary::before {
      position: absolute;
      content: "$";
      font-size: 31px;
      top: -21px;
      left: -24px;
      color: rgb(238, 113, 99) !important;
  }
  .section.section-plans .plan-item .list-items {
      margin-bottom: 1rem;
      padding: 0;
      margin-left: 0;
  }
  .section.section-plans .plan-item .list-items .item {
      margin-bottom: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      padding-left: 30px;
      color: #828893;
  }
  .section.section-plans .plan-item .list-items .item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background-image: url(../check.html);
      background-repeat: no-repeat;
      height: 20px;
      width: 20px;
      background-size: contain;
  }
  .section.section-plans .plan-item .list-items .item ion-icon {
      background: rgb(238, 113, 99);
      color: #fff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      padding: 2px;
      margin-right: 10px;
  }
  .section.section-plans .plan-item .list-items .item img {
      color: #fff;
      padding: 2px;
      margin-right: 10px;
  }
  .section.section-plans .plan-item.is-active {
      position: relative;
      z-index: 0;
      padding-top: 40px;
  }
  .section.section-plans .plan-item.is-active .plan-head {
      background: #fff;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      margin: 0 40px;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      position: relative;
  }
  .section.section-plans .plan-item.is-active .plan-head::before {
      content: "";
      position: absolute;
      background: url(../plan.html) 0 0 / cover;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
  }
  .section.section-plans .plan-item.is-active .plan-head .plan-price,
  .section.section-plans .plan-item.is-active .plan-head .plan-title {
      color: #022c44;
  }
  .section.section-plans .plan-item .plan-body {
      padding: 40px;
  }
  .section.section-plans .plan-item.has-style1 {
      background: #fff;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
  }
  .section.section-plans .plan-item.has-style1.first-price {
      margin-top: 3rem;
  }
  .section.section-plans .plan-item.has-style2 {
      background-color: #fff;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
  }
  .section.section-plans .plan-item.has-style2 .plan-title {
      color: #5a52ff;
      font-size: 20px;
      margin-bottom: 40px;
  }
  .section.section-plans .plan-item.has-style2 .price-var {
      color: rgb(238, 113, 99);
      font-size: 27px;
      margin: -10px 0 0 30px;
      font-weight: 600;
  }
  .section.section-plans .plan-item.has-style2 .plan-price {
      font-size: 3.5rem;
      line-height: 100%;
      margin-bottom: 20px;
      margin-left: 6px;
      font-weight: 600;
  }
  .section.section-plans .plan-item.has-style2 .plan-desc {
      color: #2a3543;
  }
  .section.section-plans .plan-item.has-style2 .list-items .item {
      color: #232323;
  }
  .section.section-plans .plan-item.has-style2 .list-items .item img {
      color: #fff;
      padding: 2px;
      margin-right: 10px;
  }
  .section.section-plans .plan-item.has-style2 .list-items .item-1 {
      color: #828893;
  }
  .section.section-plans .plan-info {
      max-width: 39rem;
  }
  .section.section-plans .plan-info a {
      color: #fff;
  }
  .section.section-companies .box-companies {
      background-color: #f3f8ff;
  }
  .section.section-companies .box-companies .brands {
      padding: 4rem 2rem;
      width: 100%;
      position: relative;
  }
  .section.section-companies .box-companies .has-style1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .section.section-companies .box-companies .has-style1 .company-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .section.section-companies .box-companies .has-style1 .company-item img {
      height: 2rem;
      margin-bottom: 30px;
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
  }
  .section.section-companies .box-companies .has-style1 .company-item img:hover {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
  }
  .section.section-companies2 .box-companies .section-subtitle {
      color: #d0d0d0;
  }
  .section.section-companies2 .box-companies .section_description {
      max-width: 39rem;
  }
  .section.section-companies2 .box-companies .brands {
      width: 100%;
      position: relative;
  }
  .section.section-companies2 .box-companies .has-style1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .section.section-companies2 .box-companies .has-style1 .company-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .section.section-companies2 .box-companies .has-style1 .company-item img {
      max-height: 2rem;
      margin-bottom: 30px;
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
  }
  .section.section-companies2 .box-companies .has-style1 .company-item img:hover {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
  }
  .section.section-companies3 {
      z-index: 0;
  }
  .section.section-companies3 .box-companies {
      margin: auto;
      max-width: 65rem;
      padding-top: 60px;
      background-color: #fff;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
  }
  .section.section-companies3 .box-companies .section-subtitle {
      color: #d0d0d0;
  }
  .section.section-companies3 .box-companies .section_description {
      color: #232323;
      max-width: 29rem;
  }
  .section.section-companies3 .box-companies .brands {
      width: 100%;
      position: relative;
  }
  .section.section-companies3 .box-companies .has-style3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-top: 1px solid #d5e6ef;
      padding: 28px;
  }
  .section.section-companies3 .box-companies .has-style3 .company-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .section.section-companies3 .box-companies .has-style3 .company-item img {
      height: 2rem;
      margin-bottom: 30px;
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
  }
  .section.section-companies3 .box-companies .has-style3 .company-item img:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  .section.section-testimonial {
      position: relative;
      z-index: 0;
  }
  .section.section-testimonial .section-particle {
      top: -3.6rem;
  }
  .section.section-testimonial .section_title {
      max-width: 50rem;
      padding-bottom: 15px;
  }
  .section.section-testimonial .client-wrap {
      padding-top: 2rem;
      padding-bottom: 2rem;
  }
  .section.section-testimonial .client-wrap.is-white .client {
      color: #2d3a58;
  }
  .section.section-testimonial .client-wrap.is-white .client-quote {
      color: #2d3a58;
      text-align: left;
  }
  .section.section-testimonial .client-wrap.is-white .client-name {
      color: #ff6b84;
  }
  .section.section-testimonial .stars {
      max-height: 1.2rem;
      margin-bottom: 0.5rem;
  }
  .section.section-testimonial .client {
      text-transform: uppercase;
      color: #fff;
      margin-top: 40px;
      margin-bottom: 20px;
  }
  .section.section-testimonial .client-img {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      overflow: hidden;
      background-color: #677ced1f;
      height: 20rem;
      width: 20rem;
      padding: 4rem;
  }
  .section.section-testimonial .client-img img {
      width: 100%;
      vertical-align: middle;
      max-height: 25rem;
      margin-left: auto;
      margin-right: auto;
  }
  .section.section-testimonial .client-name {
      margin-top: 20px;
      color: #fff;
      text-align: left;
      margin-right: 15px;
  }
  .section.section-testimonial .testi-icon {
      position: absolute;
      top: 57%;
      right: 10%;
      width: 33%;
  }
  .section.section-testimonial .testi-icon img {
      width: 100%;
  }
  .section.section-testimonial .testimonial-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .section.section-testimonial .testimonial-box .box-left {
      background-size: cover;
      height: inherit;
  }
  .section.section-testimonial .testimonial-box .box-left img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: 50% 0;
      object-position: 50% 0;
  }
  .section.section-testimonial .testimonial-box .box-right {
      background: #002b44;
      width: 75%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding: 60px;
  }
  .section.section-testimonial .testimonial-box .box-right .testimonial-quote {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      font-size: 1.875rem;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #fff;
      text-align: center;
      margin-bottom: 60px;
  }
  .section.section-testimonial .testimonial-box .box-right .logo {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      overflow: hidden;
      position: relative;
      width: 100%;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .section.section-testimonial .testimonial-box .box-right .logo img {
      height: 2.5rem;
  }
  .section.section-testimonial .testimonial-box .box-right .title {
      text-align: center;
      margin: 30px 0;
      color: #fff;
  }
  .section.section-testimonial.has-bg {
      padding: 150px 0 230px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-image: url(../testi-bg-2.html);
      background-position: center;
      position: relative;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      z-index: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .section.section-testimonial.has-bg::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      background: #5731ab;
      opacity: 0.4;
      z-index: -1;
  }
  .section.section-testimonial.has-bg .section-title-sm {
      color: #fff;
  }
  .section.section-testimonial.has-bg .testi-icon {
      position: absolute;
      top: 8%;
      right: 2%;
      width: 12%;
  }
  .section.section-testimonial.has-bg .testi-icon img {
      width: 100%;
  }
  .section.section-testimonial2 {
      position: relative;
      overflow: hidden;
  }
  .section.section-testimonial2 .play-area {
      position: absolute;
      z-index: 1;
      left: 51%;
      top: 55%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      display: block;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      margin-left: 23px;
  }
  .section.section-testimonial2 .play-area .play-btn {
      background: #022c44;
      height: 4rem;
      width: 4rem;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      padding: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      z-index: 1;
      cursor: pointer;
  }
  .section.section-testimonial2 .play-area .play-btn img {
      width: 35%;
      z-index: 2;
      border-radius: 0;
  }
  .section.section-testimonial2 .play-area .play-btn::before {
      content: "";
      position: absolute;
      bottom: 50%;
      right: 50%;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      -webkit-transform: translate(50%, 50%);
      transform: translate(50%, 50%);
      background-image: url(../color-effect.html);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 150%;
      z-index: -1;
      -webkit-animation-name: anim2;
      animation-name: anim2;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: cubic-bezier(0, 0, 0.41, 1.87);
      animation-timing-function: cubic-bezier(0, 0, 0.41, 1.87);
      width: 150%;
  }
  .section.section-testimonial2 .testi-boxes {
      background-color: #eeedff;
  }
  .section.section-testimonial2 .testi-boxes .team-box .team-thumb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: auto;
  }
  .section.section-testimonial2 .testi-boxes .team-box .team-thumb img {
      width: 100%;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      -webkit-box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
      box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
  }
  .section.section-testimonial2 .testi-boxes .team-box .team-quote {
      color: #2a3543;
  }
  .section.section-testimonial2 .testi-boxes .team-box a {
      color: #5a52ff;
  }
  .section.section-testimonial2 .testi-boxes .team-box .team-info {
      margin-top: auto;
      margin-bottom: auto;
  }
  .section.section-testimonial2 .testimonial-box {
      background-color: #f3f2fc;
  }
  .section.section-testimonial2 .testimonial-box .box-left {
      z-index: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .section.section-testimonial2 .testimonial-box .box-left::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      background: #321c64;
      opacity: 0.7;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
  }
  .section.section-testimonial2 .testimonial-box .box-left.overlay-none {
      z-index: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .section.section-testimonial2 .testimonial-box .box-left.overlay-none::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      background: rgba(0, 0, 0, 0.308);
      opacity: 0;
  }
  .section.section-testimonial2 .testimonial-box .box-left img {
      width: 100%;
      -webkit-box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
      box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
  }
  .section.section-testimonial2 .testimonial-box .box-left .play-area {
      position: absolute;
      z-index: 0;
      left: 51%;
      top: 55%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      display: block;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
  }
  .section.section-testimonial2 .testimonial-box .box-left .play-area .play-btn {
      background: #022c44;
      height: 4rem;
      width: 4rem;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      padding: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      z-index: 1;
      cursor: pointer;
  }
  .section.section-testimonial2 .testimonial-box .box-left .play-area .play-btn img {
      width: 100%;
      z-index: 2;
      border-radius: 0;
  }
  .section.section-testimonial2 .testimonial-box .box-left .play-area .play-btn::before {
      content: "";
      position: absolute;
      bottom: 50%;
      right: 50%;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      -webkit-transform: translate(50%, 50%);
      transform: translate(50%, 50%);
      background-image: url(../color-effect.html);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 150%;
      z-index: -1;
      -webkit-animation-name: anim2;
      animation-name: anim2;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: cubic-bezier(0, 0, 0.41, 1.87);
      animation-timing-function: cubic-bezier(0, 0, 0.41, 1.87);
      width: 150%;
  }
  .section.section-testimonial2 .testimonial-box .box-left .section-particle {
      position: absolute;
      background-size: contain;
      height: 51rem;
      width: 50rem;
      top: 0;
      left: -8rem;
      z-index: -2;
  }
  .section.section-testimonial2 .testimonial-box .box-left .section-particle img {
      width: 100%;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .section.section-testimonial2 .testimonial-box .box-right {
      margin: 0 30px;
  }
  .section.section-testimonial2 .testimonial-box .box-right .client-quote {
      font-family: SpaceGrotesk-Bold;
      margin: 0;
      font-size: 20px;
      color: #0f072e;
  }
  .section.section-testimonial2 .testimonial-box .box-right .client-info {
      margin-top: 5%;
  }
  .section.section-testimonial3 {
      position: relative;
      overflow: hidden;
  }
  .section.section-testimonial3 .testi-body {
      margin-bottom: 120px;
  }
  .section.section-testimonial3 .testi-body .testi-box {
      background-color: #fff;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      padding: 30px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      margin-bottom: 1rem;
  }
  .section.section-testimonial3 .testi-body .testi-box .stars img {
      width: 31%;
  }
  .section.section-testimonial3 .testi-body .testi-box .section_description {
      margin: 10px 0 30px;
  }
  .section.section-testimonial3 .testi-body .testi-box .customer-info .customer-img {
      margin-right: 1rem;
  }
  .section.section-testimonial3 .testi-body .testi-box .customer-info .customer-img img {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      max-height: 4rem;
  }
  .section.section-testimonial3 .testi-body .testi-box .customer-info .customer-position {
      text-transform: uppercase;
  }
  .section.section-testimonial3 .blog-feautures .support-img img {
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      position: absolute;
  }
  .section.section-testimonial3 .blog-feautures .support-img .support-2 {
      left: 50px;
  }
  .section.section-testimonial3 .blog-feautures .support-img .support-3 {
      left: 88px;
  }
  .section.section-testimonial3 .blog-feautures .feauture-desc,
  .section.section-testimonial3 .blog-feautures p {
      max-width: 17rem;
  }
  .section.section-testimonial3.has-margin {
      margin-top: -12rem;
      z-index: 2;
  }
  .section.integration {
      position: relative;
      overflow: hidden;
  }
  .section.integration .integration-list-left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%;
      margin-left: 5rem;
  }
  .section.integration .integration-list-left li {
      min-width: 76px;
      min-height: 76px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      background-color: #fff;
      -webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
      box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
  }
  .section.integration .integration-list-left li img {
      width: 40px;
  }
  .section.integration .content {
      background-image: url(../cover-2.html);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100%;
      height: 650px;
  }
  .section.integration .integration-list-left li:nth-of-type(1) {
      position: relative;
      margin-top: -30rem;
  }
  .section.integration .integration-list-left li:nth-of-type(2) {
      margin-bottom: -26rem;
      margin-left: -5rem;
  }
  .section.integration .integration-list-left li:nth-of-type(3) {
      margin-top: -4rem;
      margin-left: -11.5rem;
  }
  .section.integration .integration-list-right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%;
      margin-left: -7.5rem;
  }
  .section.integration .integration-list-right li {
      min-width: 76px;
      min-height: 76px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 100px;
      background-color: #fff;
      -webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
      box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
  }
  .section.integration .integration-list-right li:nth-of-type(1) {
      position: relative;
      margin-bottom: -26rem;
      margin-left: 6rem;
  }
  .section.integration .integration-list-right li img {
      width: 40px;
  }
  .section.integration .integration-list-right li:nth-of-type(3) {
      margin-top: -4rem;
      position: relative;
      margin-left: 2rem;
  }
  .section.integration .integration-list-right li:nth-of-type(2) {
      margin-top: -30rem;
      position: relative;
      margin-left: -76px;
  }
  .section.integration .heading {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .section.integration .integration-icons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .section.integration .integration-icons img {
      width: 100%;
  }
  .section.integration .integration-right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .section.integration .integration-right .section_title {
      font-size: 50px !important;
      max-width: 20rem;
  }
  .section.integration .integration-right .section-shape {
      position: absolute;
      z-index: -1;
      width: 90%;
      top: 10%;
      overflow: hidden;
  }
  .section.section-counter .divider-bottom {
      background: url(../divider-white2.html) bottom no-repeat;
      width: 100%;
      height: 6rem;
      z-index: 0;
  }
  .section.section-counter .section-head .section_title {
      max-width: 40rem;
  }
  .section.section-counter .counters {
      margin-top: 70px;
  }
  .section.section-counter .counter-item {
      background: rgb(238, 113, 99);
      height: 10rem;
      width: 10rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      -webkit-transition: 0.25s;
      transition: 0.25s;
      cursor: default;
      position: relative;
  }
  .section.section-counter .counter-item::before {
      content: "";
      position: absolute;
      right: -63%;
      height: 2rem;
      width: 5rem;
      background: url(../arrow-2.html) 0 0 / contain no-repeat;
  }
  .section.section-counter .counter-item.no_before {
      position: relative;
  }
  .section.section-counter .counter-item.no_before::before {
      position: absolute;
      content: none;
  }
  .section.section-counter .counter-item .counter-number {
      color: #fff;
      font-size: 40px;
      text-align: center;
      line-height: 1;
      margin: 0;
  }
  .section.section-counter .counter-item .counter-name {
      color: rgba(255, 255, 255, 0.815);
      text-transform: uppercase;
      font-size: 16px;
      text-align: center;
      margin: 0;
  }
  .section.section-counter2 {
      position: relative;
      overflow: hidden;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  .section.section-counter2 .counter-box .section-head .section_title {
      max-width: 37rem;
  }
  .section.section-counter2 .counter-box .icon-sm {
      width: 80%;
  }
  .section.section-counter2 .counter-box .counter-icon {
      background-repeat: no-repeat;
      height: 7rem;
      width: 12rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: auto;
  }
  .section.section-counter2 .counter-box .counter-icon [class^="ri-"] {
      font-size: 40px;
  }
  .section.section-counter2
  .counter-box .counter-icon
  .icon {
      position: absolute;
      top: 17%;
      left: 43%;
  }
  .section.section-counter2 .counter-box .counter-item .counter-number {
      font-size: 40px;
      text-align: center;
      line-height: 1;
  }
  .section.section-counter2 .counter-box .counter-item .counter-name {
      text-transform: uppercase;
      font-size: 16px;
      text-align: center;
  }
  .section.section-counter2 .counter-box .is-dark .counter-item .counter-number {
      color: #1caaa0;
      font-size: 40px;
      text-align: center;
      line-height: 1;
  }
  .section.section-counter2 .counter-box .is-dark .counter-item .counter-name {
      color: #1caaa0;
      text-transform: uppercase;
      font-size: 16px;
      text-align: center;
  }
  .section.section-blog img {
      width: 100%;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
  }
  .section.section-blog a {
      color: #2d3a58;
  }
  .section.section-blog .has-style1 .blog-card {
      background-image: url(../post-img-2.html);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      width: 100%;
      height: 102%;
  }
  .section.section-blog .has-style1 .blog-card .blog-img {
      width: 100%;
  }
  .section.section-blog .has-style1 .blog-card .post-content .content-wrap {
      position: absolute;
      padding: 10px;
      bottom: 10px;
      width: 90%;
  }
  .section.section-blog .has-style1 .blog-card .post-content .content-wrap .post-title a {
      color: #fff;
  }
  .section.section-blog .has-style1 .blog-card .post-content .content-wrap .post-desc {
      margin-top: 3%;
  }
  .section.section-blog .has-style1 .blog-card .post-content .content-wrap .post-desc .post-author a {
      color: #fff;
  }
  .section.section-blog .has-style2 .post-desc .post-date {
      color: #5a52ff;
  }
  .section.section-steps {
      overflow: hidden;
  }
  .section.section-steps .steps-img {
      width: 160%;
      border-radius: 15px 0 0 15px;
      -webkit-border-radius: 15px 0 0 15px;
      -moz-border-radius: 15px 0 0 15px;
      -ms-border-radius: 15px 0 0 15px;
      -o-border-radius: 15px 0 0 15px;
  }
  .section.section-albums {
      overflow: hidden;
  }
  .section.section-albums img {
      width: 100%;
      margin-bottom: 30px;
  }
  .shape {
      position: absolute;
      bottom: 10rem;
      left: -5rem;
  }
  .shape img {
      width: 100%;
      max-width: 20rem;
  }
  .divider.divider-bottom {
      top: 1px;
  }
  section > .divider-bottom {
      margin-top: calc(3.75rem - 5vw);
  }
  .divider {
      width: 100%;
      position: relative;
      height: 5vw;
      pointer-events: none;
      -webkit-mask-image: url(../devider-2.html);
      mask-image: url(../devider-2.html);
      -webkit-mask-size: 100% 101%;
      mask-size: 100% 101%;
      background: #fff;
  }
  .is_white {
      background-color: #fff !important;
  }
  .is_light {
      background-color: #faf4f6 !important;
  }
  .footer {
      padding: 70px 0 0;
  }
  .footer.has_style1 {
      background: #022c44;
      position: relative;
      background: rgb(1, 44, 68);
  }
  .footer.has_style1 .copyright {
      color: #fff;
      opacity: 0.7;
	  font-size: 13px;
  }
.footer.has_style1 .copyright {
	margin-bottom: 10px;
}
  .footer.has_style1 .list-items,
  .footer.has_style1 .list-items li a,
  .footer.has_style1 .list-title,
  .footer.has_style1 .social_footer a,
  .footer.has_style1 .social_footer i {
      color: #AEBAC1;
  }
  .footer.has_style2 {
      background: #fff;
  }
  .footer .footer_text {
    max-width: 30rem;
    margin-left: 0;
    color: #AEBAC1!important;
    margin-bottom: 30px;
  }
  .footer .social_footer a,
  .footer .social_footer i {
      color: #022c44;
      font-size: 1.5rem;
  }
  .footer .footer-desc {
      margin-bottom: 2rem;
  }
  .footer .footer-desc .logo {
      margin-bottom: 1rem;
  }
  .footer .footer-desc .logo img {
      height: 2.5rem;
  }
  .footer .footer-desc .social-footer {
      margin-top: 1rem;
  }
  .footer .footer-desc .social-footer a img {
      width: 18px;
      margin-right: 8px;
  }
  .footer .footer-desc .social-footer a ion-icon {
      font-size: 25px;
      color: #fff;
  }
  .footer .list-title {
      font-size: 1.1rem;
      position: relative;
      margin-bottom: 20px;
  }
  .footer .list-items {
      margin-bottom: 2rem;
  }
  .footer .list-items li {
      margin-bottom: 5px;
  }
  .footer .list-items li a {
    font-size: 13px;
    color: #022c44;
    font-family: 'Circular';
  }
  .footer .list-items li a:hover {
      padding-left: 0.5rem;
      opacity: 0.7;
  }
.footer .copyright p {
    padding: 0px 0 10px;
    margin: 0;
    color: #a5a5a5;
    font-size: 13px;
}
.footer.has_style1 .copyright ul {
    margin-bottom: 10px;
}
.footer.has_style1 .copyright ul li {
    display: inline-block;
}
  .footer_index {
      padding: 20px 0;
  }
  .footer_index img {
      max-height: 40px;
  }
  .footer_index .links a {
      color: #faf4f6;
      padding: 0 5px;
      text-transform: lowercase;
  }
  .copyright-section .container {
      border-top: 1px solid #315162;
      padding: 20px 0;
  }
  .copyright-section .copyright a:hover {
    color: #fff;
  }
  .block {
      padding: 30px;
      margin-bottom: 30px;
  }
  .block .title {
      font-size: 20px;
  }
  .block .title_top {
      margin-bottom: 25px;
      padding-bottom: 25px;
      border-bottom: solid 1px #ebeaef;
      font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
  }
  .block li:not(:last-child) {
      margin-bottom: 5px;
  }
  .block li a {
      color: #526792 !important;
  }
  .block .list-item.is_active a {
      color: rgb(238, 113, 99);
  }
  .block_colored {
      padding: 70px;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
  }
  .block_colored.is_orange {
      background: #ff784b;
  }
  .block_colored.is_orange h1,
  .block_colored.is_orange h2,
  .block_colored.is_orange h3,
  .block_colored.is_orange h4,
  .block_colored.is_orange h5,
  .block_colored.is_orange h6,
  .block_colored.is_orange p {
      color: #fff;
  }
  .block_colored.is_green {
      background: #3dcabd;
  }
  .block_colored.is_green h1,
  .block_colored.is_green h2,
  .block_colored.is_green h3,
  .block_colored.is_green h4,
  .block_colored.is_green h5,
  .block_colored.is_green h6,
  .block_colored.is_green p {
      color: #fff;
  }
  .dark_block {
      background: rgb(238, 113, 99);
  }
  .dark_block h1,
  .dark_block h2,
  .dark_block h3,
  .dark_block h4,
  .dark_block h5,
  .dark_block h6,
  .dark_block p,
  .dark_block span {
      color: #fff;
  }
  .client_slick .slick-next {
      left: 25%;
      bottom: -13%;
      top: auto;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E")
              center no-repeat,
          center no-repeat rgb(238, 113, 99);
      width: 3.5rem;
      height: 3.5rem;
      border-radius: 50%;
       -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      position: absolute !important;
      border: 5px solid #fff;
  }
  .client_slick .slick-prev {
      left: 18%;
      bottom: -13%;
      top: auto;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E")
              center no-repeat,
          center no-repeat rgb(238, 113, 99);
      width: 3.5rem;
      height: 3.5rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      position: absolute !important;
      opacity: 1 !important;
      z-index: 2;
      border: 5px solid #fff;
  }
  .page_light {
      background-color: rgba(243, 248, 255, 0.3);
  }
  .subscribe {
      background: #022c44;
      color: #fff;
  }
  .subscribe .section-head {
      margin-bottom: 30px;
  }
  .subscribe .section_title {
      color: #fff;
      font-size: calc(40px + 14 * ((100vw - 576px) / 1024));
  }
  .subscribe p {
      color: #fff;
  }
  .team-box.has_style1 {
      margin-bottom: 30px;
  }
  .team-box.has_style1 .team-name {
      text-align: center;
  }
  .team-box.has_style1 .team-social {
      background-color: #fff;
      position: absolute;
      top: 44%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding: 10px 20px;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      margin-top: -20px;
      -webkit-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      opacity: 0;
      z-index: 1;
  }
  .team-box.has_style1 .team-social ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .team-box.has_style1 .team-social a {
      color: #022c44;
      margin: 0 5px;
      line-height: 100%;
  }
  .team-box.has_style1 .team-social a:hover {
      color: rgb(238, 113, 99);
  }
  .team-box.has_style1 .team-social a svg {
      height: 0.8rem;
  }
  .team-box.has_style1 .team-social a ion-icon {
      height: 1rem;
      padding-top: 7px;
      font-size: 18px;
  }
  .team-box.has_style1 .badge {
      position: absolute;
      top: -10px;
      z-index: 1;
      background: rgb(238, 113, 99);
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      padding: 5px 10px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      color: #fff;
  }
  .team-box.has_style1 .team-img {
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      position: relative;
      z-index: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .team-box.has_style1 .team-img img {
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
  }
  .team-box.has_style1 .team-img::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.308);
      z-index: 1;
      opacity: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .team-box.has_style1:hover .team-social {
      margin-top: 0;
      opacity: 1;
  }
  .team-box.has_style1:hover .team-img::before {
      opacity: 1;
  }
  .process_block {
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      background: #fff;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      padding: 20px;
  }
  .process-circle {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #fff;
      font-size: 1.125rem;
      background: rgba(190, 52, 106, 0.05) !important;
  }
  .process-circle:empty:after {
      content: "";
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      background-color: rgb(238, 113, 99);
  }
  .process-vertical {
      padding: 0;
      width: 100%;
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
  }
  .process-vertical li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .process-vertical li .process-circle {
      margin-right: 25px;
  }
  .process-vertical li:not(:last-child) {
      position: relative;
      margin-bottom: 25px;
  }
  .career_wrap h3 {
      font-size: 25px;
  }
  .career_wrap h3:not(:first-child) {
      margin: 20px 0;
  }
  .block_404 {
      margin: 0;
      height: calc(100vh - 100px);
      position: relative;
  }
  .block_404 .title_404 {
      position: absolute;
      top: -50%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: -1;
      font-size: 20rem;
      font-family: SpaceGrotesk-Bold;
      color: #fff;
      text-shadow: 0 0 74px #35356c0a;
      line-height: 100%;
  }
  .block_thank_you {
      margin: 0;
      height: calc(100vh - 100px);
      position: relative;
  }
  .block_thank_you .title_404 {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: -1;
      font-size: 10rem;
      font-family: SpaceGrotesk-Bold;
      color: #fff;
      text-shadow: 0 0 74px #35356c0a;
      line-height: 100%;
  }
  .block_reviews .reviews_box {
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      padding: 30px;
      margin-bottom: 30px;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      background: #fff;
      position: relative;
  }
  .block_reviews .reviews_box:hover {
      -webkit-transform: scale(1.06);
      transform: scale(1.06);
  }
  .block_reviews .reviews_box::before {
      content: "";
      position: absolute;
      bottom: 15px;
      right: 15px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z' fill='rgba(243,242,252,1)'/%3E%3C/svg%3E");
      background-size: contain;
      height: 3rem;
      width: 3rem;
      background-repeat: no-repeat;
  }
  .block_reviews .reviews_box .stars {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .block_reviews .reviews_box .stars img {
      max-height: 1.5rem;
  }
  .block_reviews .reviews_box .quote {
      margin: 20px 0;
  }
  .block_reviews .reviews_box .avatar {
      height: 4rem;
      width: 4rem;
  }
  .reviews_slick .slick-list {
      overflow: visible !important;
  }
  .reviews_slick .reviews_box {
      margin: 0 20px;
      opacity: 0.6;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .reviews_slick .reviews_box.slick-center {
      opacity: 1;
  }
  .block_faq {
      max-width: 45rem;
      margin-left: auto;
      margin-right: auto;
  }
  .block_case {
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      margin-bottom: 30px;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      position: relative;
      background: #fff;
  }
  .block_case .img_case {
      width: 100%;
  }
  .block_case .case_wrap {
      padding: 30px;
  }
  .block_case .logo {
      position: absolute;
      top: 15px;
      left: 15px;
      background: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      padding: 5px 10px;
      -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
  }
  .block_case .logo img {
      height: 1rem;
  }
  .block_case2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      margin-bottom: 30px;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      position: relative;
      background: #fff;
      overflow: hidden;
  }
  .block_case2 .img_case {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      height: 100%;
  }
  .block_case2 .case_wrap {
      padding: 30px;
      position: relative;
  }
  .block_case2 .logo {
      position: absolute;
      top: 15px;
      right: 15px;
      background: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      padding: 5px 10px;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
  }
  .block_case2 .logo img {
      height: 1rem;
  }
  .block_timer {
      border-radius: 200px;
      -webkit-border-radius: 200px;
      -moz-border-radius: 200px;
      -ms-border-radius: 200px;
      -o-border-radius: 200px;
      padding: 20px 40px;
      background: rgb(238, 113, 99);
      overflow: hidden;
  }
  .block_timer .dots {
      color: #fff;
  }
  .block_timer .number {
      color: #fff;
      font-size: 50px !important;
      font-size: calc(64px + 8 * ((100vw - 576px) / 1024));
  }
  .block_timer .dots {
      padding: 0 20px;
      height: auto !important;
      margin-top: 0;
      font-size: 50px !important;
  }
  .block_contact_form .content {
      padding: 30px;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      margin-bottom: 30px;
      background: #fff;
      position: relative;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
  }
  .block_help {
      padding: 30px;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      margin-bottom: 30px;
      background: #fff;
      position: relative;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .block_help .icon {
      margin-right: 20px;
  }
  .block_help .icon svg {
      fill: rgb(238, 113, 99) !important;
      width: 55px;
  }
  .block_help:hover {
      background: #f5d9e4;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .help_wrap h3,
  .help_wrap h4,
  .help_wrap h5,
  .help_wrap h6,
  .help_wrap p,
  .help_wrap span {
      margin-top: 0;
      margin-bottom: 20px;
  }
  .block_popup {
      margin-bottom: 60px;
      cursor: pointer;
  }
  .block_popup:hover img {
      -webkit-transform: scale(1.02);
      transform: scale(1.02);
  }
  .block_popup img {
      width: 100%;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      margin-bottom: 30px;
  }
  .block_popup .link {
      color: #fff;
      background: 0 0 !important;
  }
  .ticket_block {
      padding: 60px;
      background: rgb(238, 113, 99);
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      overflow: hidden;
      margin-bottom: 30px;
      position: relative;
  }
  .ticket_block::before {
      content: "";
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 20px;
      width: 20px;
      background: #fff;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      left: -10px;
  }
  .ticket_block::after {
      content: "";
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 20px;
      width: 20px;
      background: #fff;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      right: -10px;
  }
  .ticket_block .wrap {
      position: relative;
  }
  .ticket_block .wrap::before {
      content: "";
      position: absolute;
      background: url(../circle_decoration-2.html) 0 0 / contain no-repeat;
      top: -72%;
      left: 15%;
      height: 100%;
      width: 100%;
  }
  .ticket_block .title {
      color: #fff;
      margin-bottom: 20px;
  }
  .ticket_block .description {
      color: #fff;
      margin-bottom: 20px;
      max-width: 15rem;
      font-size: 19px;
  }
  .ticket_block .price {
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
      line-height: 1;
      color: #fff;
      font-family: SpaceGrotesk-Bold;
  }
  .event_block {
      padding: 30px;
      margin-bottom: 30px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      background: #fff;
  }
  .event_block .title {
      font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
  }
  .event_block .date {
      font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
      color: rgb(238, 113, 99);
  }
  .event_block .description {
      margin-top: 20px;
  }
  .tools_block {
      margin: 30px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .tools_block img {
      height: 2.5rem;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .tools_block img:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  .courses_block .item {
      margin-bottom: 30px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      position: relative;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .courses_block .item .thumb_wrap {
      position: relative;
  }
  .courses_block .item .item_wrap {
      padding: 20px 20px 20px 2rem;
      position: relative;
  }
  .courses_block .item .item_wrap .info {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: -3.3rem;
      width: 4rem;
      height: 4rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: rgb(238, 113, 99);
      color: #fff;
      border: 5px solid #fff;
      -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
  }
  .courses_block .item .item_wrap .info h4 {
      font-size: 18px;
      color: #fff;
      margin: 0;
      padding: 0;
      line-height: 100%;
  }
  .courses_block .item .item_wrap .info span {
      font-size: 13px;
  }
  .courses_block .item .thumb {
      width: 10rem;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      margin-right: 20px;
  }
  .courses_block .item .title {
      margin: 0 0 20px;
      font-size: 22px;
  }
  .courses_block .item .item_meta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
  }
  .courses_block .item .item_meta div {
      font-size: 13px;
      color: #524e63;
  }
  .courses_block .item .item_meta svg {
      fill: #524e63;
  }
  .numbers_block {
      border-right: 1px solid #dfdbe9;
      padding: 40px;
  }
  .numbers_block.none {
      border-right: 0 !important;
  }
  .numbers_block .number {
      color: rgb(238, 113, 99);
  }
  .price-form {
      padding: 0 20px;
  }
  .price-form input {
      height: 20px;
      margin: 15px 0;
  }
  .discount-plain-text {
      text-align: center;
      font-size: 13px;
      color: #84879b;
  }
  .price_form2 {
      padding: 0 15px;
  }
  .discount-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding-right: 20px;
  }
  .pricing-table {
      background: #fff;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
  }
  .pricing-table table,
  .pricing-table table thead,
  .pricing-table table thead tr {
      display: block;
  }
  .pricing-table table thead tr .sin-title-box {
      padding: 0 20px;
      height: 60px;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -0.56px;
  }
  .pricing-table table tbody,
  .pricing-table table tbody tr {
      display: block;
  }
  .pricing-table table .title-col {
      min-width: 290px;
  }
  .pricing-table table .basic-col,
  .pricing-table table .premium-col,
  .pricing-table table .standard-col {
      min-width: 16rem;
  }
  .pricing-table table .ent-col {
      min-width: 195px;
  }
  .pricing-table table .colored-row {
      border-top: 2px solid #cfd5e340;
      width: initial;
  }
  .pricing-table table .colored-row:first-child {
      border-top: 0;
  }
  .pricing-table table .colored-row:first-child .sin-box:before {
      height: 100%;
      top: auto;
      bottom: 0;
  }
  .pricing-table table .colored-row .sin-box {
      position: relative;
      padding: 0 20px;
      height: 65px;
      font-size: 18px;
      font-weight: 300;
      letter-spacing: -0.56px;
  }
  .pricing-table table .colored-row .sin-box:before {
      content: "";
      background: #ddebfc;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      width: 1px;
  }
  .pricing-table table .colored-row .sin-box.title-col {
      font-weight: 700;
  }
  .pricing-table table .colored-row .sin-box .table-icon {
      font-size: 20px;
  }
  .pricing-table table .colored-row .sin-box .table-icon.neg {
      color: #f04037;
  }
  .pricing-table table .colored-row .sin-box .table-icon.pos {
      color: #67d216;
  }
  .pricing-table table .price-widget-block {
      padding-left: 22px;
      margin-top: 50px;
  }
  .pricing-table table .price-widget-block .title {
      font-size: 21px;
      font-weight: 700;
      letter-spacing: -0.66px;
      padding-bottom: 5px;
  }
  .pricing-table table .price-widget-block .subtitle {
      font-size: 15px;
      font-weight: 300;
      letter-spacing: -0.46px;
      padding-bottom: 26px;
  }
  .pricing-table table .price-widget-block .btn {
      width: 167px;
      height: 50px;
      border-radius: 5px;
      background-color: rgb(238, 113, 99);
      color: #fff;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: -0.56px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 50px;
  }
  .pricing-table table .price-widget-block .btn:hover {
      background-color: rgb(238, 113, 99);
      color: #fff;
  }
  .terms_block {
      padding: 60px !important;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      background: #faf4f6;
  }
  .terms_block .badge {
      background: rgb(238, 113, 99);
      height: 5px;
      width: 5px;
      margin-top: 14px !important;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
  }
  .block_list {
      position: relative;
      padding-top: 60px;
      padding-bottom: 44px;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
  }
  .block_list .list_item {
      border-bottom: solid 1px #dfdce6;
      margin-bottom: 20px;
      padding-bottom: 20px;
  }
  .block_list .list_item:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none;
  }
  .contact_wrap_dark {
      max-width: 60rem;
      border-radius: 5px;
      background: #022c44;
      padding: 60px 30px;
  }
  .contact_wrap_dark label,
  .contact_wrap_dark p {
      color: #fff;
  }
  .steps_block .ellipse {
      height: 3rem;
      width: 3rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      background: rgb(238, 113, 99);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .steps_block .ellipse .num {
      color: #fff;
      text-align: center;
  }
  .steps_block .description {
      max-width: 20rem;
      margin-left: 4rem;
      margin-bottom: 30px;
  }
  .steps_block .title {
      margin-left: 1rem;
      line-height: 1.1;
  }
  .feauture_item {
      margin-bottom: 120px;
      padding: 40px;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      background: #fff;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
  }
  .feauture_item:last-child {
      margin-bottom: 0;
  }
  .img_2 {
      -webkit-transform: translateY(-3rem);
      transform: translateY(-3rem);
  }
  .img_3 {
      -webkit-transform: translateY(-200px);
      transform: translateY(-200px);
  }
  .block_plugin_free {
      margin: 50px 50px 0;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      background: linear-gradient(104deg, #fff, white, #fff, rgba(255, 255, 255, 0.522));
      padding: 50px 0;
  }
  .block_plugin_free .item_plugins {
      margin-top: 50px;
      text-align: center;
  }
  .block_plugin_free .icon {
      height: 4rem;
      width: 4rem;
      padding: 1rem;
      background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
      margin: 0 auto 15px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      color: #fff;
  }
  .block_plugin_free .icon i {
      color: #fff;
      line-height: 2rem;
      font-size: 24px;
  }
  .block_ststues_elements .item,
  .block_ststues_elements .item h3,
  .block_ststues_elements .item p {
      color: #fff;
  }
  .block_main_features {
      background: #2a1249;
      color: #fff;
  }
  .block_main_features .hr {
      background: 0 0;
      height: 2px;
  }
  .block_main_features .block {
      margin: 0;
  }
  .block_main_features .block .title {
      margin-bottom: 20px;
  }
  .block_main_features .section_title {
      color: #fff;
  }
  .bg_back {
      border-radius: 30px;
      position: relative;
  }
  .bg_back::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: -1;
      background-image: url(../lines.html);
      background-size: cover;
      background-repeat: no-repeat;
      height: 60%;
      width: 100%;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      -moz-border-radius: 30px;
      background-color: #faf4f6;
  }
  .bg_back img {
      width: 100%;
      max-width: 20rem;
  }
  .bg_back_wrap {
      border-radius: 30px;
      position: relative;
  }
  .bg_back_wrap::before {
      content: "";
      position: absolute;
      height: 60%;
      width: 100%;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      background-color: #faf4f6;
      top: 0;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      left: 50%;
  }
  .bg_back_wrap img {
      width: 100%;
      max-width: 20rem;
  }
  .app_block {
      border-radius: 60px;
      background: #faf4f6;
      padding: 0 50px;
      position: relative;
  }
  .app_block::before {
      content: "";
      position: absolute;
      background: rgb(238, 113, 99);
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      width: 100%;
      height: 70%;
  }
  .app_block .img_center {
      width: 100%;
      max-width: 20rem;
  }
  .progress-work {
      margin-top: 80px;
  }
  .progress-work .progress {
      width: 200px;
      height: 200px;
      line-height: 200px;
      background: 0 0;
      margin: 0 auto 30px;
      -webkit-box-shadow: none;
      box-shadow: none;
      position: relative;
  }
  .progress-work .progress:after {
      content: "";
      width: 100%;
      height: 100%;
      border-radius: 50%;
      border: 7px solid #f3f3f3;
      position: absolute;
      top: 0;
      left: 0;
  }
  .progress-work .progress > span {
      width: 50%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      top: 0;
      z-index: 1;
  }
  .progress-work .progress .progress-left {
      left: 0;
  }
  .progress-work .progress .progress-bar {
      width: 100%;
      height: 100%;
      background: 0 0;
      border-width: 7px;
      border-style: solid;
      position: absolute;
      top: 0;
      border-color: rgb(238, 113, 99);
  }
  .progress-work .progress .progress-left .progress-bar {
      left: 100%;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
      border-left: 0;
      -webkit-transform-origin: center left;
      transform-origin: center left;
  }
  .progress-work .progress .progress-right {
      right: 0;
  }
  .progress-work .progress .progress-right .progress-bar {
      left: -100%;
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px;
      border-right: 0;
      -webkit-transform-origin: center right;
      transform-origin: center right;
  }
  .progress-work .progress .progress-value {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      font-size: 36px;
      text-align: center;
      line-height: 20px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100%;
      font-weight: 700;
      width: 100%;
  }
  .progress-work .progress .progress-value div {
      margin-top: 10px;
  }
  .progress-work .progress .progress-value span {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 400;
  }
  .progress-work.is-blue .progress-bar {
      width: 100%;
      height: 100%;
      background: 0 0;
      border-width: 7px;
      border-style: solid;
      position: absolute;
      top: 0;
      border-color: #563cc9 !important;
  }
  .progress-work .progress[data-percentage="10"] .progress-right .progress-bar {
      -webkit-animation: loading-1 1.5s linear forwards;
      animation: loading-1 1.5s linear forwards;
  }
  .progress-work .progress[data-percentage="10"] .progress-left .progress-bar {
      -webkit-animation: 0;
      animation: 0;
  }
  .progress-work .progress[data-percentage="20"] .progress-right .progress-bar {
      -webkit-animation: loading-2 1.5s linear forwards;
      animation: loading-2 1.5s linear forwards;
  }
  .progress-work .progress[data-percentage="20"] .progress-left .progress-bar {
      -webkit-animation: 0;
      animation: 0;
  }
  .progress-work .progress[data-percentage="30"] .progress-right .progress-bar {
      -webkit-animation: loading-3 1.5s linear forwards;
      animation: loading-3 1.5s linear forwards;
  }
  .progress-work .progress[data-percentage="30"] .progress-left .progress-bar {
      -webkit-animation: 0;
      animation: 0;
  }
  .progress-work .progress[data-percentage="40"] .progress-right .progress-bar {
      -webkit-animation: loading-4 1.5s linear forwards;
      animation: loading-4 1.5s linear forwards;
  }
  .progress-work .progress[data-percentage="40"] .progress-left .progress-bar {
      -webkit-animation: 0;
      animation: 0;
  }
  .progress-work .progress[data-percentage="50"] .progress-right .progress-bar {
      -webkit-animation: loading-5 1.5s linear forwards;
      animation: loading-5 1.5s linear forwards;
  }
  .progress-work .progress[data-percentage="50"] .progress-left .progress-bar {
      -webkit-animation: 0;
      animation: 0;
  }
  .progress-work .progress[data-percentage="60"] .progress-right .progress-bar {
      -webkit-animation: loading-5 1.5s linear forwards;
      animation: loading-5 1.5s linear forwards;
  }
  .progress-work .progress[data-percentage="60"] .progress-left .progress-bar {
      -webkit-animation: loading-1 1.5s linear forwards 1.5s;
      animation: loading-1 1.5s linear forwards 1.5s;
  }
  .progress-work .progress[data-percentage="70"] .progress-right .progress-bar {
      -webkit-animation: loading-5 1.5s linear forwards;
      animation: loading-5 1.5s linear forwards;
  }
  .progress-work .progress[data-percentage="70"] .progress-left .progress-bar {
      -webkit-animation: loading-2 1.5s linear forwards 1.5s;
      animation: loading-2 1.5s linear forwards 1.5s;
  }
  .progress-work .progress[data-percentage="80"] .progress-right .progress-bar {
      -webkit-animation: loading-5 1.5s linear forwards;
      animation: loading-5 1.5s linear forwards;
  }
  .progress-work .progress[data-percentage="80"] .progress-left .progress-bar {
      -webkit-animation: loading-3 1.5s linear forwards 1.5s;
      animation: loading-3 1.5s linear forwards 1.5s;
  }
  .progress-work .progress[data-percentage="90"] .progress-right .progress-bar {
      -webkit-animation: loading-5 1.5s linear forwards;
      animation: loading-5 1.5s linear forwards;
  }
  .progress-work .progress[data-percentage="90"] .progress-left .progress-bar {
      -webkit-animation: loading-4 1.5s linear forwards 1.5s;
      animation: loading-4 1.5s linear forwards 1.5s;
  }
  .progress-work .progress[data-percentage="100"] .progress-right .progress-bar {
      -webkit-animation: loading-5 1.5s linear forwards;
      animation: loading-5 1.5s linear forwards;
  }
  .progress-work .progress[data-percentage="100"] .progress-left .progress-bar {
      -webkit-animation: loading-5 1.5s linear forwards 1.5s;
      animation: loading-5 1.5s linear forwards 1.5s;
  }
  @-webkit-keyframes loading-1 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(36);
          transform: rotate(36deg);
      }
  }

  @keyframes loading-1 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(36);
          transform: rotate(36deg);
      }
  }

  @-webkit-keyframes loading-2 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(72);
          transform: rotate(72deg);
      }
  }

  @keyframes loading-2 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(72);
          transform: rotate(72deg);
      }
  }

  @-webkit-keyframes loading-3 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(108);
          transform: rotate(108deg);
      }
  }
  @keyframes loading-3 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(108);
          transform: rotate(108deg);
      }
  }
  @-webkit-keyframes loading-4 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(144);
          transform: rotate(144deg);
      }
  }
  @keyframes loading-4 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(144);
          transform: rotate(144deg);
      }
  }
  @-webkit-keyframes loading-5 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(180);
          transform: rotate(180deg);
      }
  }
  @keyframes loading-5 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(180);
          transform: rotate(180deg);
      }
  }
  .elements_page .elements_sidebar {
      background: #faf4f6;
      padding: 20px;
      border-radius: 7px;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
  }
  .elements_page .elements_sidebar h5 {
      margin-bottom: 10px;
  }
  .elements_page .elements_sidebar .nav-item {
      padding: 10px;
      -webkit-box-shadow: 0 10px 20px rgba(10, 33, 65, 0.034), 0 0 2px rgba(0, 0, 0, 0.062);
      box-shadow: 0 10px 20px rgba(10, 33, 65, 0.034), 0 0 2px rgba(0, 0, 0, 0.062);
      margin-bottom: 10px;
      background: #fff;
      border-radius: 5px;
       -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
  }
  .elements_page .elements_sidebar .nav-item a {
      color: #022c44;
      font-size: 17px;
  }
  .elements_page .top_title {
      position: relative;
  }
  .elements_page .top_title span {
      position: absolute;
      font-size: 18px;
      background: rgb(238, 113, 99);
      padding: 5px 10px;
      border-radius: 5px;
       -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      color: #fff;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-left: 1rem;
  }
  .elements_page .elements_box {
      -webkit-box-shadow: 0 10px 20px rgba(10, 33, 65, 0.05), 0 0 2px rgba(0, 0, 0, 0.13);
      box-shadow: 0 10px 20px rgba(10, 33, 65, 0.05), 0 0 2px rgba(0, 0, 0, 0.13);
      padding: 20px;
      margin-top: 30px;
  }
  .elements_page .elements_box .elements_title {
      font-size: 30px;
      text-transform: capitalize;
      font-family: SpaceGrotesk !important;
      margin-bottom: 30px;
  }
  .elements_page .elements_box .elements_number {
      margin-top: 4px;
      color: #6b7280;
      font-size: 15px;
  }
  .elements_page .colors .color_item {
      margin-bottom: 30px;
  }
  .elements_page .colors .color_palette {
      height: 10rem;
      border-radius: 5px;
       -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      margin-bottom: 10px;
  }
  .element_block {
      -webkit-box-shadow: 0 20px 40px rgba(10, 33, 65, 0.05), 0 0 2px rgba(0, 0, 0, 0.13);
      box-shadow: 0 20px 40px rgba(10, 33, 65, 0.05), 0 0 2px rgba(0, 0, 0, 0.13);
      margin-bottom: 40px;
      overflow: hidden;
  }
  .element_block .element_head {
      border-bottom: solid 1px rgba(10, 33, 65, 0.05);
  }
  .element_block .element_head .nav-link.active {
      color: rgb(238, 113, 99);
      background-color: rgba(190, 52, 106, 0.15);
      border: none;
      border-radius: 5px;
       -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      padding: 0.5rem 0.75rem;
      line-height: 100%;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
  }
  .element_block .element_head .nav-link {
      border: none;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      padding: 0.5rem 0.75rem;
      line-height: 100%;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      margin-right: 0.5rem;
      color: #858c9b;
  }
  .element_block .element_head .copy {
      color: #858c9b;
      padding-left: 1rem;
      border-radius: 0;
      border-left: solid 1px rgba(107, 114, 128, 0.295);
      font-size: 20px;
      padding-top: 0;
      padding-bottom: 0;
  }
  .head_elements_hero {
      padding-top: 10rem;
      padding-bottom: 5rem;
  }
  .index_page {
      background: #fff;
  }
  .index_page #particles-js {
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
  }
  .index_page .demo {
      border-radius: 2px;
      position: relative;
  }
  .index_page .demo-title {
      margin-bottom: 40px;
      font-size: 3rem;
      line-height: 1.5;
      font-weight: 700;
      color: #2d3a58;
      display: block;
  }
  .index_page .demo-title .has-line {
      position: relative;
  }
  .index_page .demo-title .has-line::before {
      content: "";
      position: absolute;
      height: 0.2rem;
      top: -1rem;
      width: 103%;
      left: 0;
      background: rgb(238, 113, 99);
      z-index: 0;
  }
  .index_page .demo-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      margin-bottom: 30px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
  }
  .index_page .demo-item img {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border: 1px solid #dae6ff !important;
  }
  .index_page .demo-item .item-title {
      margin: 20px 0;
      font-size: 22px;
  }
  .index_page .item-img {
      opacity: 1;
  }
  .index_page .item-img img {
      width: 100%;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .index_page .item-img img:hover {
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .index_page .buy {
      max-width: 38rem;
      margin: 0 auto;
      overflow: hidden;
      padding: 2rem;
      position: relative;
      -webkit-box-shadow: 0 6px 12px 1px #e5e5f2;
      box-shadow: 0 6px 12px 1px #e5e5f2;
  }
  .index_page .buy .pricing {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      padding: 2rem;
  }
  .index_page .buy .pricing-title {
      font-size: 2.5rem;
      font-weight: 700;
      position: relative;
      z-index: 1;
  }
  .index_page .buy .button {
      position: relative;
      z-index: 1;
  }
  .index_page .buy::before {
      content: url(../buy-shape2.html);
      position: absolute;
      right: 0;
      bottom: 4rem;
      height: 4rem;
      width: 4rem;
      z-index: 0;
  }
  .index_page .buy::after {
      content: url(../buy-shape1.html);
      position: absolute;
      left: 0;
      top: 0;
      height: 4rem;
      width: 4rem;
      z-index: 0;
  }
  .index_page .buy-list {
      z-index: 1;
  }
  .index_page .buy-list-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .index_page .buy-list-item svg {
      background: rgb(238, 113, 99);
      border-radius: 20rem;
      -webkit-border-radius: 20rem;
      -moz-border-radius: 20rem;
      -ms-border-radius: 20rem;
      -o-border-radius: 20rem;
      padding: 0.2rem;
      color: #fff;
      margin-right: 0.5rem;
  }
  .index_page .bottom0menu {
      padding: 20px 0;
  }
  .index_page .main_docs .docs1 {
      position: relative;
      top: 0;
      left: 22.5%;
      -webkit-box-shadow: -90px 60px 130px rgba(0, 0, 0, 0.15);
      box-shadow: -90px 60px 130px rgba(0, 0, 0, 0.15);
      max-width: 20rem;
  }
  .index_page .main_codes {
      background: #022c44;
      color: #fff;
      text-align: left;
      z-index: 0;
  }
  .index_page .main_codes::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url(../pattern-1.html);
      background-size: contain;
      z-index: -1;
  }
  .index_page .main_codes h2 {
      color: #fff;
  }
  .index_page .main_codes .description {
      color: rgba(255, 255, 255, 0.664);
      margin-bottom: 30px;
      font-size: 18px;
  }
  .index_page .main_codes .images img {
      margin-right: 5px;
  }
  .index_page .main_codes .text-adaptive {
      color: rgba(255, 255, 255, 0.664);
      margin-bottom: 20px;
  }
  .index_page .main_codes .title {
      color: #ff2272;
      font-size: 18px;
  }
  .index_page .section-purchase {
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
  }
  .index_page .purchase-title {
      text-align: center;
      background: rgb(238, 113, 99);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
  }
  .index_page .markerplace_slider {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      background: rgb(238, 113, 99);
      padding: 100px 0;
      position: relative;
      z-index: 0;
  }
  .index_page .markerplace_slider::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url(../pattern-1.html);
      background-size: contain;
      z-index: -1;
  }
  .index_page .markerplace_slider .market_slick .slick-list {
      padding: 4rem 0 !important;
  }
  .index_page .markerplace_slider .market_slick .slick-prev {
      left: -4.5rem;
  }
  .index_page .markerplace_slider .market_slick .slick-next {
      right: -4.5rem;
  }
  .index_page .markerplace_slider .market_slick .item {
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
      position: relative;
      opacity: 0.6;
  }
  .index_page .markerplace_slider .market_slick .item img {
      width: 100%;
      max-width: 40rem;
      border-radius: 5px;
      -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 -100px 0 transparent inset;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 -100px 0 transparent inset;
      position: relative;
      z-index: 0;
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .index_page .markerplace_slider .market_slick .item img::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      background: rgba(0, 0, 0, 0.199);
  }
  .index_page .markerplace_slider .market_slick .slick-center {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 1;
      z-index: 9;
  }
  .index_page .markerplace_slider .market_slick .slick-center:hover {
      z-index: 9;
  }
  .index_page .blog_slick .item {
      padding: 20px 10px;
      opacity: 0.6;
      position: relative;
      z-index: 0;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
  }
  .index_page .blog_slick .item .item-title {
      text-align: center;
  }
  .index_page .blog_slick .item img {
      width: 100%;
      border: none;
  }
  .index_page .blog_slick .slick-center {
      opacity: 1;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      z-index: 1;
  }
  .index_page .slick-next {
      right: 25%;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E")
              center no-repeat,
          center no-repeat #022c44;
      width: 3.5rem;
      height: 3.5rem;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      position: absolute !important;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
  }
  .index_page .slick-prev {
      left: 25%;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E")
              center no-repeat,
          center no-repeat #022c44;
      width: 3.5rem;
      height: 3.5rem;
      border-radius: 50%;
      position: absolute !important;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      opacity: 1 !important;
      z-index: 2;
  }
  .demos_body {
      background: #fff !important;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      margin-top: 100px;
      padding: 80px 40px;
  }
  .item_preview {
      position: relative;
      margin-bottom: 30px;
      text-align: center;
  }
  .item_preview .img_cover {
      position: relative;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border: 2px solid #fff;
      padding: 22px 23px;
      margin-bottom: 1.25rem;
      height: 350px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: #faf4f6;
  }
  .item_preview .img_cover img {
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: top;
      object-position: top;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .item_preview .img_cover img:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      opacity: 0.7;
  }
  .item_preview .body_preivew {
      text-align: center;
  }
  .item_preview .body_preivew span {
      display: block;
      font-size: 18px;
      color: #022c44;
      margin-bottom: 8px;
      font-weight: 500;
  }
  .item_preview .body_preivew h3 {
      font-size: 14px;
      font-weight: 400;
      color: #022c44;
      margin-bottom: 0;
  }
  .item_preview .links_preview {
      position: absolute;
      bottom: 30px;
      opacity: 0;
  }
  .item_preview .links_preview a {
      display: inline-block;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      width: 120px;
      font-size: 14px;
      color: #fff;
      background-color: #111213;
      padding: 11px 13px;
      margin: 0 5px;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
  }
  .item_preview .links_preview a:hover {
      color: #fff;
      background-color: rgb(238, 113, 99);
  }
  .item_preview:hover .links_preview {
      opacity: 1;
      bottom: 40px;
  }
  .item_preview .latest_preview {
      position: absolute;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      background-color: #f93542;
      color: #fff;
      font-size: 13px;
      top: 40px;
      left: 40px;
      padding: 7px 18px;
  }
  .upcoming_item .img_cover {
      padding: 0;
      border: 0;
  }
  .upcoming_item .txt_comming {
      display: inline-block;
      border-radius: 8px;
      background-color: rgba(190, 52, 106, 0.1);
      color: rgb(238, 113, 99);
      padding: 0.6rem 1.5rem;
      font-size: 14px;
  }
  .account_page .has_cover .col-md-6,
  .account_page .has_cover .row {
      padding: 0;
      margin: 0;
  }
  .account_page .has_cover .left_part {
      padding: 30px 22%;
  }
  @media screen and (min-width: 1025px) {
      .account_page .has_cover .left_part {
          padding: 30px 22%;
      }
  }
  .account_page .has_cover .left_part .content {
      margin-top: 70%;
      height: 100%;
  }
  .account_page .has_cover .right_part {
      height: 100vh;
  }
  .account_page .has_cover .right_part .right_part_wrap {
      height: 100vh;
      position: fixed;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 90px;
      background: rgb(238, 113, 99);
      z-index: 0;
  }
  .account_page .has_cover .right_part .right_part_wrap::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url(../lines.html);
      background-repeat: no-repeat;
      background-size: cover;
      z-index: -1;
      opacity: 0.1;
  }
  .account_page.is_basic {
      background-color: rgba(243, 248, 255, 0.3);
  }
  .account_page.is_basic .sign-form {
      margin-top: 100px;
      background: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      padding: 60px 30px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      margin-bottom: 90px;
  }
  .account_page .row_sign {
      padding: 0 !important;
      margin: 0 !important;
  }
  .account_page .back_to {
      position: absolute;
      left: 40px;
      top: 20px;
      padding: 10px 20px;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      background: #f3f8ff;
      font-size: 14px;
      color: #022c44;
  }
  .account_page .logo_sign {
      margin-bottom: 60px;
  }
  .account_page .logo_sign img {
      height: 40px;
  }
  .account_page .social_sign {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .account_page .social_sign span {
      color: #fff;
  }
  .account_page .google_sign {
      padding: 15px 20px;
      background: #db4437;
      border-radius: 5px;
      color: #fff;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer;
  }
  .account_page .google_sign:hover {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
      -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      opacity: 0.9;
  }
  .account_page .facebook_sign {
      padding: 15px 20px;
      background: #4267b2;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      color: #fff;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer;
  }
  .account_page .facebook_sign:hover {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
      -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      opacity: 0.9;
  }
  .account_page .or_line {
      position: relative;
      -webkit-transform: translateY(44px);
      transform: translateY(44px);
      width: 100%;
      height: 2px;
      background: #eaeaee;
      top: 50%;
  }
  .account_page .or {
      text-align: center;
      padding: 0 10px;
      margin-top: 30px;
      margin-bottom: 30px;
      background: #fff;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      position: relative;
  }
  .account_page .or::before {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: #eaeaee;
      top: 50%;
      z-index: -1;
  }
  .account_page .head {
      margin-bottom: 30px;
  }
  .account_page .head p {
      margin: 0;
  }
  .account_page .sign_title {
      text-align: center;
      margin-bottom: 10px;
      font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
      line-height: 1.1;
  }
  .account_page .quote {
      mix-blend-mode: overlay;
  }
  .account_page .text-hkgrotesk {
      font-size: 30px;
  }
  .modal-sign {
      overflow: hidden;
      margin: 2rem 0 0;
  }
  .modal-sign .close {
      margin-bottom: 20px;
  }
  .modal-sign .row {
      padding: 0;
      width: 100%;
  }
  .modal-sign .col {
      padding: 0;
  }
  .modal-sign .sign-form {
      margin: 0;
      padding: 0;
  }
  .modal-sign .modal-body {
      padding: 40px;
  }
  .modal-sign .cover_sign {
      -o-object-fit: cover;
      object-fit: cover;
      height: 100%;
      width: inherit;
  }
  .modal-sign .modal-content {
      overflow: hidden;
  }
  .modal-sign .modal-content .row {
      padding: 0 !important;
      margin: 0 !important;
  }
  .modal-sign .modal-content .row .col-lg-6 {
      padding: 0;
  }
  .author_setting {
      background-color: rgba(243, 248, 255, 0.3);
  }
  .author_setting_reset {
      height: 60px;
  }
  .author_setting_wrap {
      margin-bottom: 100px;
      margin-top: -60px;
  }
  .author_setting_wrap .author_sidebar {
      padding: 30px;
      background: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
  }
  .author_setting_wrap .author_sidebar p {
      padding: 0;
  }
  .author_setting_wrap .author_content {
      padding: 30px;
      background: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
      box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
  }
  .author_setting_wrap .sign_title {
      font-size: 25px;
      margin-bottom: 30px;
  }
  .sidebar_account {
      padding: 30px;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      margin-bottom: 30px;
      background: #fff;
      position: sticky;
      top: 15px;
      color: rgba(255, 255, 255, 0.89);
      z-index: 0;
  }
  .sidebar_account a {
      margin-bottom: 5px !important;
      display: block;
      color: #022c44 !important;
  }
  .sidebar_account a:hover {
      padding-left: 5px;
  }
  .sidebar_account .title {
      margin-bottom: 10px;
  }
  .sidebar_account .is_active {
      font-weight: 700;
      color: rgb(238, 113, 99) !important;
      position: relative;
  }
  .sidebar_account .is_active::before {
      content: "";
      position: absolute;
      left: -30px;
      height: 72%;
      top: 2px;
      width: 10px;
      background: #665fff;
      mix-blend-mode: screen;
  }
  .block_account {
      padding: 30px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 5px;
      margin-bottom: 30px;
      background: #fff;
      position: relative;
  }
  .block_account .title_top {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: solid 1px #ebeaef;
      font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
  }
  .block_account .block_item:not(:last-child) {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: solid 1px #ebeaef;
  }
  .block_account .Heading {
      font-size: 18px;
      color: #022c44;
  }
  .block_account small {
      font-size: 15px;
      color: #515090;
  }
  .gz_blog .title_sections a {
      text-decoration: underline;
  }
  .gz_blog .btn_outline {
      border: 1px solid #edeef1 !important;
      background-color: #fff !important;
      color: #022c44;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .gz_blog .btn_outline:hover {
      background-color: rgba(16, 21, 78, 0.01) !important;
  }
  .gz_blog .ig_blog .mg_img {
      margin-bottom: 1.5rem;
  }
  .gz_blog .ig_blog .mg_img img {
      width: 100%;
      height: 230px;
      -o-object-fit: cover;
      object-fit: cover;
  }
  .gz_blog .ig_blog h4 {
      font-size: 18px;
      font-weight: 500;
      color: #022c44;
      margin-bottom: 0.75rem;
  }
  .gz_blog .ig_blog p {
      font-weight: 400;
      font-size: 14px;
      color: #6c7a87;
  }
  .blog_agency {
      position: relative;
  }
  .blog_agency::before {
      content: "";
      background-color: #f7f8fa;
      width: 95%;
      height: 230px;
      position: absolute;
      display: block;
      top: 15rem;
      right: 0;
  }
  .blog_agency .item_art {
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
      display: block;
  }
  .blog_agency .item_art .item_top {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-bottom: 1rem;
  }
  .blog_agency .item_art .item_top .date_mo {
      margin-right: 1.25rem;
      display: inline-block;
  }
  .blog_agency .item_art .item_top .date_mo h5 {
      font-size: 30px;
      font-weight: 500;
      color: #022c44;
      margin-bottom: 0;
  }
  .blog_agency .item_art .item_top .date_mo span {
      font-size: 14px;
      font-weight: 400;
      color: #6c7a87;
      display: block;
  }
  .blog_agency .item_art .item_top .item_cai {
      display: inline-block;
      color: #022c44;
      font-weight: 500;
      margin: auto;
  }
  .blog_agency .item_art .item_top .item_cai span {
      display: block;
      font-size: 14px;
      font-weight: 400;
  }
  .blog_agency .item_art .item_top .item_cai .name_pub {
      color: #6c7a87;
      font-size: 13px;
  }
  .blog_agency .item_art img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      height: 200px;
      border-radius: 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
  }
  .blog_agency .item_art .ga_info {
      margin-top: 0.938rem;
  }
  .blog_agency .item_art .ga_info .tags__bottom span {
      color: #6c7a87;
      font-size: 13px;
      font-weight: 400;
      padding-right: 0.3rem;
  }
  .blog_agency .item_art .ga_info h4 {
      font-size: 20px;
      font-weight: 500;
      color: #022c44;
      margin-bottom: 0.5rem;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .blog_agency .item_art:hover h4 {
      color: #ee7163;
  }
  .blog_agency .items {
      padding-right: 2rem;
  }
  .blog_agency .items:nth-of-type(2) .item_art {
      margin-top: -10rem;
  }
  .blog_agency .items:nth-of-type(3) .is_image {
      margin-top: -5.5rem;
  }
  .blog_agency .items:nth-of-type(3) .is_image img {
      height: 330px;
  }
  .blog_agency .items:nth-of-type(4) .is_image {
      margin-top: 1.5rem;
  }
  .blog_agency .items:nth-of-type(4) .is_image img {
      height: 260px;
  }
  .blog_agency .items:nth-of-type(5) .item_art {
      margin-top: -8rem;
  }
  .blog_agency .items:nth-of-type(6) .item_art {
      margin-top: -6rem;
  }
  .section__news {
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
      background: linear-gradient(#fff, #f9f9f9);
      width: 93%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
  }
  .section__news .block__news_ch .item:first-of-type {
      margin-top: -3.75rem;
  }
  .section__news .block__news_ch .item:last-of-type {
      margin-top: -6.875rem;
  }
  .section__news .block__news_ch .item__news {
      padding: 1.375rem;
      border-radius: 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
      background-color: #fff;
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
  }
  .section__news .block__news_ch .item__news .head_img {
      margin-bottom: 0.938rem;
  }
  .section__news .block__news_ch .item__news .head_img img {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      width: 100%;
      height: 140px;
      -o-object-fit: cover;
      object-fit: cover;
  }
  .section__news .block__news_ch .item__news .body__content span {
      display: block;
      margin-bottom: 0.625rem;
      color: #fd6b3b;
      font-size: 13px;
  }
  .section__news .block__news_ch .item__news .body__content h3 {
      margin-bottom: 0.625rem;
      font-size: 20px;
      font-weight: 500;
      color: #022c44;
  }
  .section__news .block__news_ch .item__news .body__content p {
      margin-bottom: 0;
      font-size: 16px;
      color: #6c7a87;
  }
  .section__news .block__news_ch .item__news .footer__content {
      margin-top: 1.875rem;
  }
  .section__news .block__news_ch .item__news .footer__content .link__go {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      color: #7bd88a;
      font-size: 14px;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .section__news .block__news_ch .item__news .footer__content .link__go:hover {
      color: #022c44;
  }
  .news__workspace .title_sections {
      margin-bottom: 3.75rem;
  }
  .news__workspace .fa__news {
      display: block;
  }
  .news__workspace .fa__news .img__cover {
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      margin-bottom: 1.25rem;
  }
  .news__workspace .fa__news .img__cover img {
      width: 100%;
      height: 280px;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      -webkit-transform: scale3d(1, 1, 1) !important;
      transform: scale3d(1, 1, 1) !important;
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
  }
  .news__workspace .fa__news .img__cover.sm_height img {
      height: 180px;
  }
  .news__workspace .fa__news .body__content span {
      font-size: 16px;
      display: block;
      margin-bottom: 0.625rem;
      font-weight: 400;
  }
  .news__workspace .fa__news .body__content h3 {
      font-size: 20px;
      margin-bottom: 0.625rem;
      font-weight: 500;
      color: #022c44;
  }
  .news__workspace .fa__news .body__content p {
      font-size: 16px;
      color: #6c7a87;
      margin-bottom: 0;
      font-weight: 400;
  }
  .news__workspace .fa__news:hover .img__cover img {
      -webkit-transform: scale3d(1.1, 1.1, 1) !important;
      transform: scale3d(1.1, 1.1, 1) !important;
  }
  .news__workspace .block_end .fa__news:first-child {
      margin-top: -3.125rem;
  }
  .blog_slider .swiper-button-next,
  .blog_slider .swiper-button-prev {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      background-color: rgba(16, 21, 78, 0.05);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      top: 22px;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .blog_slider .swiper-button-next [class^="ri-"],
  .blog_slider .swiper-button-prev [class^="ri-"] {
      font-size: 18px;
      color: #022c44;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .blog_slider .swiper-button-next::after,
  .blog_slider .swiper-button-prev::after {
      display: none;
  }
  .blog_slider .swiper-button-next:hover,
  .blog_slider .swiper-button-prev:hover {
      background-color: #022c44;
  }
  .blog_slider .swiper-button-next:hover [class^="ri-"],
  .blog_slider .swiper-button-prev:hover [class^="ri-"] {
      color: #fff;
  }
  .blog_slider .swiper-button-next {
      right: 10px;
      left: auto;
  }
  .blog_slider .swiper-button-prev {
      right: 4.5rem;
      left: inherit;
  }
  .blog_slider .title_sections_inner {
      border-bottom: 1px solid #edeef1;
      position: relative;
  }
  .blog_slider .title_sections_inner h2 {
      margin-bottom: 1.875rem;
  }
  .blog_slider .title_sections_inner::after {
      content: "";
      width: 50px;
      height: 1px;
      position: absolute;
      left: 0;
      background-color: #022c44;
  }
  .grid_blog_avatar a {
      display: block;
  }
  .grid_blog_avatar .cover_blog {
      position: relative;
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 8px;
  }
  .grid_blog_avatar .cover_blog img {
      width: 100%;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      height: 220px;
      -o-object-fit: cover;
      object-fit: cover;
      -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
      transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
      -webkit-transform: scale3d(1, 1, 1) !important;
      transform: scale3d(1, 1, 1) !important;
  }
  .grid_blog_avatar .body_blog .person {
      margin-bottom: 20px;
  }
  .grid_blog_avatar .body_blog .person img {
      width: 35px;
      height: 35px;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      margin-right: 12px;
  }
  .grid_blog_avatar .body_blog .person .txt h3 {
      color: #022c44;
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 3px;
  }
  .grid_blog_avatar .body_blog .person .txt time {
      font-size: 12px;
      color: #6c7a87;
      display: block;
  }
  .grid_blog_avatar .body_blog .title_blog {
      color: #022c44;
      font-weight: 500;
      font-size: 20px;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .grid_blog_avatar .body_blog .short_desc {
      color: #6c7a87;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 0;
      display: -webkit-box;
      height: 43px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  .grid_blog_avatar .body_blog .link_blog {
      display: block;
  }
  .grid_blog_avatar .body_blog .link_blog:hover .title_blog {
      color: #ee7163;
  }
  .grid_blog_avatar:hover .cover_blog img {
      -webkit-transform: scale3d(1.12, 1.12, 1) !important;
      transform: scale3d(1.12, 1.12, 1) !important;
  }
  .grid_blog_avatar.list_style {
      margin-bottom: 30px;
  }
  .grid_blog_avatar.list_style .cover_blog {
      margin-bottom: 0;
  }
  .content-Sblog {
      margin-top: 50px;
  }
  .content-Sblog .fixSide_scroll .item {
      margin-bottom: 40px;
  }
  .content-Sblog .fixSide_scroll .item .profile_user {
      text-align: center;
  }
  .content-Sblog .fixSide_scroll .item .profile_user img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      -o-object-fit: cover;
      object-fit: cover;
  }
  .content-Sblog .fixSide_scroll .item .profile_user .txt {
      margin-top: 15px;
  }
  .content-Sblog .fixSide_scroll .item .profile_user .txt h4 {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 4px;
  }
  .content-Sblog .fixSide_scroll .item .profile_user .txt time {
      display: block;
      font-size: 12px;
      color: #6c7a87;
  }
  .content-Sblog .fixSide_scroll .item .profile_user .btn_profile {
      padding: 9px 27px;
      font-size: 14px;
      margin-top: 15px;
  }
  .content-Sblog .fixSide_scroll .share_socail {
      text-align: center;
      display: grid;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .content-Sblog .fixSide_scroll .share_socail .title {
      font-size: 16px;
      color: #6c7a87;
      margin-bottom: 20px;
  }
  .content-Sblog .fixSide_scroll .share_socail .btn {
      margin-bottom: 5px;
  }
  .content-Sblog .fixSide_scroll .share_socail .btn.icon {
      background-color: #fff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      width: 45px;
      height: 45px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .content-Sblog .fixSide_scroll .share_socail .btn.icon [class^="ri-"] {
      font-size: 18px;
  }
  .content-Sblog .fixSide_scroll .share_socail .btn:hover.icon {
      background-color: #f7f8fa;
  }
  .content-Sblog .body_content li,
  .content-Sblog .body_content p {
      font-size: 17px;
      color: #434c55;
  }
  .content-Sblog .body_content a {
      color: #ee7163;
  }
  .content-Sblog .body_content img {
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      margin-bottom: 10px;
      width: 100%;
  }
  .content-Sblog .body_content mark {
      background-color: #17e79b;
      color: #fff;
  }
  .content-Sblog .body_content .img_md {
      height: 350px;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
  }
  .content-Sblog .body_content .cover_video {
      position: relative;
      height: 450px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 10px;
  }
  .content-Sblog .body_content .cover_video img {
      width: 100%;
      height: 450px;
  }
  .content-Sblog .body_content .cover_video .icon_played {
      position: absolute;
  }
  .content-Sblog .body_content .cover_video .btn_video .play_video::after {
      display: none;
  }
  .content-Sblog .body_content .txt_quotation {
      border-left: 6px solid #7bd88a;
      padding: 15px 25px;
      font-size: 24px;
      color: #022c44;
      font-weight: 500;
  }
  .simple_blog_dev .item_news {
      margin-bottom: 50px;
  }
  .simple_blog_dev .item_news .link_post {
      display: block;
      font-size: 25px;
      font-weight: 500;
      color: #022c44;
      margin-bottom: 5px;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .simple_blog_dev .item_news .link_post:hover {
      color: #ee7163;
  }
  .simple_blog_dev .item_news p {
      font-size: 14px;
      color: #6c7a87;
      font-weight: 400;
      margin-bottom: 0;
  }
  .box_news_gray .grid_blog_avatar {
      padding: 30px;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      margin-bottom: 30px;
  }
  .box_news_gray .grid_blog_avatar .link_blog {
      margin-bottom: 30px;
  }
  .box_news_gray .grid_blog_avatar .link_blog:hover .title_blog {
      color: #f93542;
  }
  .blog_masonry .card {
      border-radius: 8px;
      border: 0;
      margin-bottom: 30px;
  }
  .blog_masonry .card:hover .cover_link::before {
      opacity: 1;
  }
  .blog_masonry .card:hover .cover_link .main_img {
      -webkit-transform: scale3d(1.1, 1.1, 1) !important;
      transform: scale3d(1.1, 1.1, 1) !important;
  }
  .blog_masonry .card:hover .cover_link .auther_post {
      opacity: 1;
      top: 30px;
  }
  .blog_masonry .card:hover .card-title {
      color: #ee7163 !important;
  }
  .blog_masonry .card .link_poet {
      display: block;
      text-decoration: none;
  }
  .blog_masonry .card .cover_link {
      position: relative;
      overflow: hidden;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
  }
  .blog_masonry .card .cover_link .auther_post {
      position: absolute;
      top: 20px;
      left: 30px;
      z-index: 2;
      opacity: 0;
      -webkit-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
      transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  }
  .blog_masonry .card .cover_link .auther_post img {
      width: 35px;
      height: 35px;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 50%;
      margin-right: 12px;
  }
  .blog_masonry .card .cover_link .auther_post .txt h4 {
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 4px;
  }
  .blog_masonry .card .cover_link .auther_post .txt p {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.8);
  }
  .blog_masonry .card .cover_link .main_img {
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
      -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
      transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
      -webkit-transform: scale3d(1, 1, 1) !important;
      transform: scale3d(1, 1, 1) !important;
  }
  .blog_masonry .card .cover_link::before {
      content: "";
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0)));
      background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
      opacity: 0;
      z-index: 1;
  }
  .blog_masonry .card .cover_link::before::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      background: rgba(0, 0, 0, 0.308);
  }
  .blog_masonry .card .card-body {
      padding: 30px;
      background-color: #f7f8fa;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
  }
  .blog_masonry .card .card-body .about_post {
      margin-bottom: 12px;
  }
  .blog_masonry .card .card-body .about_post .c_ategory a {
      color: #022c44;
      display: inline-block;
      font-size: 14px;
  }
  .blog_masonry .card .card-body .about_post .c_ategory a:hover {
      color: #ee7163;
  }
  .blog_masonry .card .card-body .about_post .c_ategory a::before {
      content: ", ";
  }
  .blog_masonry .card .card-body .about_post .c_ategory a:first-child::before {
      display: none;
  }
  .blog_masonry .card .card-body .about_post .dot {
      width: 5px;
      height: 5px;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      background-color: #e0e1e4;
      margin: 0 8px;
      display: inline-block;
  }
  .blog_masonry .card .card-body .about_post time {
      display: inline-block;
      font-size: 13px;
      color: #6c7a87;
  }
  .blog_masonry .card .card-body .card-title {
      color: #022c44;
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 12px;
      -webkit-transition: 0.3s !important;
      transition: 0.3s !important;
  }
  .blog_masonry .card .card-body .card-text {
      color: #6c7a87;
      font-size: 16px;
      font-weight: 400;
  }
  .blog_masonry.two_column .card-columns {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 1.875rem;
      -moz-column-gap: 1.875rem;
      column-gap: 1.875rem;
      orphans: 1;
      widows: 1;
  }
  .blog_masonry.three_column .card-body .card-title {
      font-size: 20px;
  }
  .blog_masonry.height_fixed .link_poet .cover_link .main_img {
      height: 250px;
  }
  .section_tag_auther {
      margin-top: 50px;
  }
  .section_tag_auther .box_tags_psot h4 {
      font-size: 14px;
      color: #022c44;
      margin-bottom: 10px;
  }
  .section_tag_auther .box_tags_psot a {
      background-color: #f7f8fa;
      border-radius: 8px;
       -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      font-size: 13px;
      color: #022c44;
      padding: 10px 20px;
      margin-right: 8px;
  }
  .section_tag_auther .block_auther_post {
      background-color: #f7f8fa;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      padding: 35px;
  }
  .section_tag_auther .block_auther_post .img_person {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      -o-object-fit: cover;
      object-fit: cover;
      margin-right: 20px;
  }
  .section_tag_auther .block_auther_post .txt h4 {
      font-size: 16px;
      font-weight: 500;
      color: #022c44;
      margin-bottom: 5px;
  }
  .section_tag_auther .block_auther_post .txt p {
      margin-bottom: 0;
      font-size: 14px;
      color: #6c7a87;
  }
  .sec_comments .title_commnt h2 {
      font-size: 20px;
      color: #022c44;
      font-weight: 500;
  }
  .sec_comments .body_commnt .item_commnt {
      margin-top: 40px;
  }
  .sec_comments .body_commnt .item_commnt .at_img {
      width: 50px;
      height: 50px;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      margin-right: 20px;
  }
  .sec_comments .body_commnt .item_commnt .txt h3 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 3px;
  }
  .sec_comments .body_commnt .item_commnt .txt .date {
      display: block;
      font-size: 12px;
      color: #6c7a87;
  }
  .sec_comments .body_commnt .item_commnt .txt .content {
      margin-top: 15px;
      color: #022c44;
      font-size: 14px;
      margin-bottom: 10px;
  }
  .sec_comments .body_commnt .item_commnt .txt .btn_repy {
      display: inline-block;
      font-size: 15px;
      font-weight: 500;
      color: #022c44;
  }
  .sec_comments .body_commnt .item_commnt .txt .btn_repy:hover {
      color: #ee7163;
  }
  .sec_comments .form_comment .title_sections {
      margin-bottom: 40px;
  }
  .sec_comments .form_comment .title_sections h2 {
      font-size: 20px;
      margin-bottom: 10px;
  }
  .about_images img {
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 5px;
      width: 100%;
      margin-bottom: 14px;
  }
  .product-search-form {
      position: relative;
      overflow: hidden;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: 0 34px 15px -26px #24123e;
      box-shadow: 0 34px 15px -26px #24123e;
      margin-top: 30px;
  }
  .product-search-form .search-btn {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      line-height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 30px;
      border-radius: 0;
      border: none;
      color: #fff;
      font-size: 20px;
  }
  .product-search-form .search-btn svg {
      margin-right: 10px;
      fill: #fff !important;
  }
  .marketplace_page .section-title {
      font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
      line-height: 1.1;
  }
  .marketplace_page .products_small {
      margin-bottom: -30px;
  }
  .marketplace_page .products_small .product-thumb {
      overflow: hidden;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      position: relative;
      margin-bottom: 30px;
  }
  .marketplace_page .products_small .product-thumb img {
      width: 100%;
  }
  .marketplace_page .products_small .product-thumb .overlay_content {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background: rgba(16, 21, 78, 0.3);
      opacity: 0;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .marketplace_page .products_small .product-thumb .overlay_content .plus {
      background-color: #fff;
      position: absolute;
      left: 50%;
      top: 60%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      height: 2.5rem;
      width: 2.5rem;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      line-height: 0;
      -webkit-transition: 0.35s ease-in-out;
      transition: 0.35s ease-in-out;
      cursor: pointer;
  }
  .marketplace_page .products_small .product-thumb .overlay_content .plus svg {
      height: 1rem;
      fill: #022c44;
  }
  .marketplace_page .products_small .product-thumb .overlay_content .plus:hover {
      background: rgb(238, 113, 99);
      color: #fff;
  }
  .marketplace_page .products_small .product-thumb .overlay_content .plus:hover svg {
      height: 1rem;
      fill: #fff;
  }
  .marketplace_page .products_small .product-thumb:hover .overlay_content {
      opacity: 1;
  }
  .marketplace_page .products_small .product-thumb:hover .overlay_content .plus {
      top: 50%;
  }
  .marketplace_page .product_big {
      margin-bottom: 30px;
  }
  .marketplace_page .product_big .product-thumb {
      overflow: hidden;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      position: relative;
      margin-bottom: 30px;
  }
  .marketplace_page .product_big .product-thumb img {
      width: 100%;
  }
  .marketplace_page .product_big .product-thumb .overlay_content {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background: rgba(16, 21, 78, 0.3);
      opacity: 0;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .marketplace_page .product_big .product-thumb .overlay_content .preview {
      background: rgb(238, 113, 99);
      height: 3rem;
      width: 3rem;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 50px 5px 0;
      -webkit-transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s;
      opacity: 0;
      visibility: none;
  }
  .marketplace_page .product_big .product-thumb .overlay_content .preview svg {
      fill: #fff !important;
  }
  .marketplace_page .product_big .product-thumb .overlay_content .preview:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
  }
  .marketplace_page .product_big .product-thumb .overlay_content .cart {
      height: 3rem;
      width: 3rem;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 50px 5px 0;
      -webkit-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      opacity: 0;
  }
  .marketplace_page .product_big .product-thumb .overlay_content .cart svg {
      fill: #fff !important;
  }
  .marketplace_page .product_big .product-thumb .overlay_content .cart:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  .marketplace_page .product_big .product-thumb .overlay_content .action {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      line-height: 0;
      -webkit-transition: 0.35s ease-in-out;
      transition: 0.35s ease-in-out;
      cursor: pointer;
  }
  .marketplace_page .product_big .product-thumb .overlay_content .action svg {
      height: 1rem;
      fill: #022c44;
  }
  .marketplace_page .product_big .product-thumb:hover .overlay_content {
      opacity: 1;
  }
  .marketplace_page .product_big .product-thumb:hover .overlay_content .action .cart,
  .marketplace_page .product_big .product-thumb:hover .overlay_content .action .preview {
      margin-top: 0;
      opacity: 1;
      visibility: visible;
  }
  .marketplace_page .product_big .product-title a {
      color: #022c44;
  }
  .marketplace_page .product_big .price {
      padding: 5px 10px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      background: #f3f8ff;
  }
  .marketplace_page .product_big .meta-container {
      font-size: 14.5px;
      margin-top: 10px;
      color: #7c8294;
  }
  .marketplace_page .product_big .meta-container a {
      color: #858c9b;
      font-family: SpaceGrotesk-Bold, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif,
          "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  .marketplace_page .seller {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 30px;
  }
  .marketplace_page .seller .info {
      margin-left: 5px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      background: #f3f8ff;
      padding: 12.5px 25px;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      border: 1px solid transparent;
  }
  .marketplace_page .seller .info:hover {
      background: #fff;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border: 1px solid #f3f8ff;
  }
  .marketplace_page .seller .sales {
      padding: 0;
      margin: 5px 0;
  }
  .marketplace_page .nav-pills .nav-link.active,
  .marketplace_page .nav-pills .show > .nav-link {
      color: inherit;
      background-color: transparent;
      border: none;
  }
  .marketplace_page .nav-pills .nav-link.active .seller .info,
  .marketplace_page .nav-pills .show > .nav-link .seller .info {
      background: #fff;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border: 1px solid #f3f8ff;
  }
  .marketplace_page .nav-pills .nav-link.active .seller .avatar,
  .marketplace_page .nav-pills .show > .nav-link .seller .avatar {
      opacity: 0.6;
      -webkit-filter: saturate(0.5);
      filter: saturate(0.5);
  }
  .product_details .product_wrap .product_sidebar {
      position: sticky;
      top: 15px;
  }
  .product_details .product_wrap .product_sidebar .account_link {
      margin-top: 20px;
      text-align: center;
  }
  .product_details .product_wrap .product_sidebar p {
      margin: 0;
  }
  .product_details .product_wrap .product_sidebar .widget_title {
      background: #fff;
      border-bottom: solid 1px #f4f4f4;
      padding-bottom: 30px;
      margin-bottom: 30px;
      text-align: center;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }
  .product_details .product_wrap .product_sidebar .price {
      margin-bottom: 30px;
      text-align: center;
  }
  .product_details .product_wrap .product_sidebar .widget {
      padding: 30px;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      margin-bottom: 30px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
  }
  .product_details .product_wrap .product_sidebar .plus_widget {
      background: rgb(238, 113, 99);
      position: relative;
      z-index: 0;
  }
  .product_details .product_wrap .product_sidebar .plus_widget::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url(../lines.html);
      background-size: cover;
      z-index: -1;
  }
  .product_details .product_wrap .product_sidebar .info_widget .release-info-block {
      padding: 4px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }
  .product_details .product_wrap .product_sidebar .info_widget .rel-info-tag {
      text-align: left;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
  }
  .product_details .product_wrap .product_sidebar .info_widget .rel-info-value {
      text-align: right;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
  }
  .product_details .product_wrap .product_sidebar .info_widget .release-info-block span {
      text-align: center;
      -webkit-box-flex: 1;
      -ms-flex: auto;
      flex: auto;
      max-width: 20px;
      font-weight: 400;
  }
  .product_details .product_details_block {
      margin-bottom: 60px;
  }
  .product_details .product_details_block h1,
  .product_details .product_details_block h2,
  .product_details .product_details_block h3,
  .product_details .product_details_block h4,
  .product_details .product_details_block h5,
  .product_details .product_details_block h6,
  .product_details .product_details_block p,
  .product_details .product_details_block ul {
      margin-bottom: 30px;
  }
  .product_details .product_details_block li {
      margin-bottom: 20px;
      list-style: disc;
  }
  .product_details .product_details_block ul {
      margin-left: 60px;
  }
  .product_details .product_slider {
      margin-bottom: 30px;
  }
  .product_details .product_slider img {
      width: 100%;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
  }
  .product_details .product_slider .product_thumb {
      margin-bottom: 20px;
      -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
  }
  .product_details .product_slider .product_thumb:hover {
      -webkit-filter: saturate(0.5);
      filter: saturate(0.5);
      opacity: 0.6;
  }
  .product_checkout .checkout_box {
      padding: 30px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      margin-bottom: 30px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      background: #fff;
  }
  .product_checkout .Summary_box {
      padding: 30px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      margin-bottom: 30px;
      background: #f3f8ff;
  }
  .product_checkout .Summary_box .price {
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content;
      padding: 10px 20px;
      background-color: #fff;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      font-size: 25px;
      color: rgb(238, 113, 99);
  }
  .product_checkout .Summary_box th {
      padding-bottom: 10px;
      color: #76748f;
  }
  .product_checkout .form {
      margin-top: 30px;
  }
  .product_checkout tbody {
      margin-top: 20px;
  }
  .product_checkout .product_title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-right: 20px;
  }
  .product_checkout .product_title img {
      height: 4rem;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      width: auto;
      margin-right: 10px;
  }
  .product_checkout .cards_inputs svg {
      fill: #a2abbd !important;
      margin: 0 3px;
  }
  .product_checkout .checkout_title {
      margin-bottom: 20px;
  }
  .product_checkout .product_checkout_block {
      margin-top: 120px;
  }
  .product_checkout .payment_method {
      padding-bottom: 30px;
      margin-bottom: 30px;
      border-bottom: solid 2px #f2f4f7;
  }
  .product_checkout .payment_method:last-child {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: none;
  }
  .product_checkout .payment_method .Payment_logo {
      max-width: 6rem;
  }
  .product_checkout .payment_method .Payment_cards {
      width: auto;
      height: 1rem;
  }
  .cta-plus {
      border: none;
      color: #fff !important;
      padding-top: 20px;
      padding-bottom: 20px;
      cursor: pointer;
  }
  .confirm_purchase .product_title {
      margin-bottom: 30px;
  }
  .confirm_purchase .confirm_body td,
  .confirm_purchase .confirm_body th {
      width: 68%;
      padding: 10px;
      color: #2b2a38;
  }
  .confirm_purchase .confirm_box {
      padding: 30px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      margin-bottom: 30px;
      -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
      box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
  }
  .confirm_purchase .confirm_box .confirm_title {
      border-bottom: solid 1px #f4f4f4;
      padding-bottom: 30px;
      margin-bottom: 30px;
      text-align: center;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }
  .confirm_purchase .confirm_box.in_download {
      -webkit-box-shadow: none;
      box-shadow: none;
      background: rgb(238, 113, 99);
      color: #fff;
  }
  .confirm_purchase .confirm_box.in_download .confirm_title {
      color: #fff;
  }
  .confirm_purchase .confirm_box.in_download .confirm_title svg {
      fill: #fff !important;
  }
  .confirm_purchase .confirm_box.in_download .product_title {
      color: rgba(255, 255, 255, 0.815) !important;
      text-align: center;
  }
  .documentation_page .site-header {
      background: #fff;
      position: fixed;
      left: 0;
      right: 0;
      width: 100%;
  }
  .documentation_page .side {
      position: relative;
      width: 21rem;
  }
  .documentation_page .docs-sidenav {
      position: fixed;
      top: 0;
      height: 100vh;
      overflow-y: scroll;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      background: #fff;
  }
  .documentation_page .first_title {
      margin-bottom: 30px;
  }
  .documentation_page .fa-star {
      color: #f3d343;
  }
  .documentation_page .doc_box {
      padding: 60px 40px;
      -webkit-box-shadow: -20px -17px 36px -21px rgba(29, 14, 98, 0.1);
      box-shadow: -20px -17px 36px -21px rgba(29, 14, 98, 0.1);
      border: 1px solid #e9ecf0;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      max-width: 65rem;
      margin: 60px 0 60px 60px;
  }
  .documentation_page .doc_box img {
      margin-bottom: 2rem;
  }
  .documentation_page .doc_box p {
      margin-bottom: 1.5rem !important;
  }
  .documentation_page .doc_box ul {
      margin-bottom: 2rem;
      border-left: solid 0.3rem #f7f7f7;
      padding-left: 1rem;
      cursor: default;
  }
  .documentation_page .doc_box ul li {
      line-height: 2;
  }
  .documentation_page .doc_box .box-title {
      font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
      line-height: 1.05;
      margin-bottom: 30px;
      border-bottom: solid 2px #f3f8ff;
      padding-bottom: 30px;
      text-transform: capitalize;
  }
  .documentation_page .doc_box .color-span {
      color: #5a52ff;
  }
  .documentation_page .doc_box .style_guide .box-title {
      font-size: 26px;
      margin-bottom: 0;
  }
  .documentation_page .box-sub-title {
      margin: 30px 0;
      position: relative;
      font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
      line-height: 1.1;
  }
  .documentation_page .box-sub-title::before {
      content: "#";
      color: rgb(238, 113, 99);
  }
  .documentation_page .box-sub2-title {
      background: rgba(61, 123, 194, 0.078);
      font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
      margin-bottom: 2rem;
  }
  .documentation_page .box-sub2-title::before {
      content: "##";
      color: rgb(238, 113, 99);
  }
  .documentation_page .structure {
      background: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      padding: 30px 60px !important;
      border: 1px solid #f7f7f7 !important;
      -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
      box-shadow: 0 33px 88px 0 #1d0e6211;
      -webkit-transition: 0.3s;
      transition: 0.3s;
  }
  .documentation_page .structure:hover {
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .documentation_page .structure .fa-folder-open {
      color: #ffe16e;
  }
  .documentation_page .structure .fa-folder {
      color: #afa8ff;
  }
  .documentation_page .structure .file {
      color: #ffa8a8;
  }
  .documentation_page .structure .file2 {
      color: #a8ffe5;
  }
  .documentation_page .structure .file3 {
      color: #aea8ff;
  }
  .documentation_page #docsSidenav {
      padding: 60px;
      background-color: rgba(243, 248, 255, 0.3);
      border-right: 1px solid #f3f8ff;
      max-width: 21rem;
      margin-top: 86px;
  }
  .documentation_page #docsSidenav h5 {
      text-transform: uppercase;
      font-size: 15px;
      letter-spacing: 1px;
      margin-bottom: 20px !important;
      margin-top: 20px !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .documentation_page #docsSidenav a {
      font-size: 15px;
  }
  .documentation_page #docsSidenav .icon {
      margin-right: 10px;
  }
  .documentation_page #docsSidenav .icon svg {
      fill: #022c44 !important;
  }
  .documentation_page .border {
      margin-bottom: 2rem;
      margin-top: 2rem;
      border-top: 1px solid #eaf2fe;
  }
  pre[class*="language-"] {
      font-size: 14px;
      padding: 1em;
      margin: 0;
      overflow: auto;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
  }
  :not(pre) > code[class*="language-"],
  pre[class*="language-"] {
      background-color: #1f2937 !important;
  }
  div.code-toolbar > .toolbar .copy,
  div.code-toolbar > .toolbar a,
  div.code-toolbar > .toolbar span {
      color: #fff;
      font-size: 0.8em;
      padding: 10px 1rem;
      background: rgb(238, 113, 99) !important;
      -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
      border-radius: 0.5em;
      -webkit-border-radius: 0.5em;
      -moz-border-radius: 0.5em;
      -ms-border-radius: 0.5em;
      -o-border-radius: 0.5em;
  }
  .token.cdata,
  .token.comment,
  .token.doctype,
  .token.prolog {
      color: #706699;
  }
  .token.atrule,
  .token.attr-value,
  .token.keyword {
      color: #6edfff;
  }
  .token.attr-name,
  .token.builtin,
  .token.char,
  .token.inserted,
  .token.selector,
  .token.string {
      color: #baea80;
  }
  .language-css .token.string,
  .style .token.string,
  .token.entity,
  .token.operator,
  .token.url,
  .token.variable {
      color: #b9a5ca;
  }
  span.inline-color-wrapper {
      height: 16px;
      width: 16px;
      margin: 0 6px 0 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #61448a;
      outline: 0;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
  }
  .bg {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: -1;
  }
  .next-bg{
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
  }
  .services p{
    width: 100%;
    max-width: 800px;
}
.faq p{
    width: 100%;
    max-width: 750px;
}
  /* Revise design and add templates */
  .pd_tb_80{
      padding: 110px 0;
    }
  .pd_tb_90{
      padding: 90px 0;
  }
  .pd_tb_100{
      padding: 100px 0;
  }
  .pd_tb_110{
      padding: 110px 0;
  }
  .pd_tb_120{
      padding: 60px 0;
  }
  .pd_tb_70{
      padding: 70px 0;
  }
  .pd_tb_60{
      padding: 60px 0;
  }
  .pd_tb_50{
  padding: 50px 0;
  }
  .pd_tb_40{
      padding: 40px 0;
  }
  .pd_t_80{
      padding: 80px 0 0 0;
    }
  .pd_t_90{
      padding: 90px 0 0 0;
  }
  .pd_t_100{
      padding: 100px 0 0 0;
  }
  .pd_t_110{
      padding: 110px 0 0 0;
      }
  .pd_t_120{
      padding: 120px 0 0 0;
      }
  .pd_t_70{
      padding: 70px 0 0 0;
  }
  .pd_t_60{
      padding: 60px 0 0 0;
  }
  .pd_t_50{
      padding: 50px 0 0 0;
  }
  .pd_t_40{
  padding: 40px 0 0 0;
  }
   .pd_l_30{
       padding-left: 30px;
   }
   .pd_l_50{
      padding-left: 50px;
  }
  .pd_b_80{
      padding-bottom: 80px;
  }
  .pd_t_160{
      padding-top: 160px;
  }
  section.about_us {
    padding: 180px 0 0 0;
  }
  .about_us p {
    font-size: 15px;
    color: #9ea7af;
    line-height: 23px;
    text-align: center;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 20px 0;
  }
  .video_block img {
    width: 100%;
    position: relative;
    z-index: 0;
    top: 0;
    bottom: 0;
  }
  .mr_b_60{
      margin-bottom: 60px;
  }
  .form-control::-moz-placeholder {
      color: #999;
      font-size: 16px;
      font-family: "SpaceGrotesk";
  }
  .form-control:-ms-input-placeholder {
      color: #999;
      font-size: 16px;
      font-family: "SpaceGrotesk";
  }
  .form-control::-webkit-input-placeholder {
      color: #999;
      font-size: 16px;
      font-family: "SpaceGrotesk";
  }
  /* Heading  */
  .heading .title{
      font-size: 64px;
      line-height: 80px;
      color: #012c44;
      font-weight: 700;
      font-family: "SpaceGrotesk";
      text-align: center;
  }
  .heading .description{
      font-size: 21px;
      line-height: 32px;
      color: #012c44;
      font-weight: 400;
      font-family: "SpaceGrotesk";
      text-align: center;
  }
  .section.about_us::before {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 500px;
      content: "";
      background: #022c44;
      z-index: -1;
      border-bottom-right-radius: 100px;
  }
  a.play_video_btn {
      position: absolute;
      left: 0;
      right: 0;
      width: 122px;
      height: 122px;
      border-radius: 61px;
      -webkit-border-radius: 61px;
      -moz-border-radius: 61px;
      -ms-border-radius: 61px;
      -o-border-radius: 61px;
      background-color: #1baaa0;
      font-size: 69px;
      line-height: 122px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      bottom: -26px;
      color: #fff;
  }
  .about_us p.section_description {
      color: #fff;
  }
  section.partner_logos {
      border-radius: 0 0 100px 0;
      -webkit-border-radius: 0 0 100px 0;
      -moz-border-radius: 0 0 100px 0;
      -ms-border-radius: 0 0 100px 0;
      -o-border-radius: 0 0 100px 0;
      background-color: #e8f6f5;
  }
  .story_block img {
      max-width: 100%;
  }
  .story_block {
      justify-content: center;
      align-items: flex-end;
      display: flex;
  }
  .story_block:first-child img {
      height: 390px;
  }
  .logo_block .inner {
      background-color: #fff;
      text-align: center;
      padding: 30px;
      border-radius: 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
       box-shadow:0px 12px 24px rgba(10,4,33,0.03);
      height: 125px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
	.logo_block .inner a img {
		width: 290px;
	}
  .logo_block {
      margin-bottom: 30px;
  }
  a.btn.explore {
      background: #012C44;
  }
  img {
      /*width: 100%;*/
  }
  .do_block img,
.inner .preboard_block img{
   	width: 100%;
	  border-radius: 12px;
}
.folding_block:last-child {
    display: inline-grid;
    align-items: center;
}
.folding_block .shapes-img {
	position: relative;
	display: block;
}
.folding_block .shapes-img::before {
    position: absolute;
    left: -50px;
    top: -40px;
    content: ' ';
    width: 160px;
    height: 80px;
    background: url(../svg/folding_content_shape.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.folding_block .shapes-img::after {
    position: absolute;
    left: -50px;
    bottom: 0;
    content: ' ';
    width: 160px;
    height: 80px;
    background: url(../svg/folding_shape_3.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.folding_block img.img {
	  border-radius: 12px;
}
  .bene_f_block i {
      width: 85px;
      height: 85px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #000;
      border-radius: 25px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      -o-border-radius: 25px;
  }
  .bene_f_block i.orange {
      background-color: #EE7163;
  }
  .bene_f_block i.orange-white {
      background-color: #eee;
  }
  .bene_f_block i.green {
      background-color: #1BAAA0;
  }
  .bene_f_block h4 {
      font-size: 18px;
      margin-top: 20px;
      margin-bottom: 0;
  }
  .bene_f_block p {
      margin-top: 3px;
  }
  .benefit_block:first-child {
      padding-right: 100px;
      display: flex;
      align-items: center;
  }
  .benefit_block:last-child {
      border-radius: 16px;
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      -ms-border-radius: 16px;
      -o-border-radius: 16px;
      filter: drop-shadow(0px 12px 38px rgba(10,65,48,0.1));
      background-color: #ffffff;
      padding: 50px;
  }
  .bene_f_block:nth-child(-n+2) {
      margin-bottom: 30px;
  }
  section.free_sample {
      padding-bottom: 120px;
  }
  .free_sample .row {
      background: #FCF6F1;
      padding: 50px;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
  }
  .free_sample a.btn {
      background: #EE7163;
  }
  .sample_block:last-child {
      display: flex;
      justify-content: flex-end;
      align-items: center;
  }
  section.customer_said {
      background: #E8F6F5;
      z-index: auto;
      position: relative;
  }
  .cs_block .inner {
      border-radius: 12px;
      filter: drop-shadow(0px 12px 24px rgba(10,4,33,0.03));
      background-color: #ffffff;
      padding: 30px;
  }
  .cs_block p {
      border-top: 1px solid #70707061;
      margin-top: 30px;
      padding-top: 10px;
      margin-bottom: 20px;
  }
  .cs_block .inner::after {
      content: "";
      position: absolute;
      right: 30px;
      top: 25px;
      width: 70px;
      height: 70px;
      background-image: url(../png/quote-2.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
  }
  section.customer_said::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      background: rgb(27, 170, 160);
      z-index: -1;
    }
    section.faq_banner{
      padding: 230px 0 120px 0;
    }
    .ref-faqs {
      position: relative;
      z-index: 1;
    }
    .section.faq_banner::before {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      content: "";
      background: #E8F6F5;
      z-index: -1;
  }
.faq_banner.searchresults::before {
    background: #fff;
}
  .faq_banner p,
  .blog_banner .heading p.section_description {
    width: 100%;
    max-width: 700px;
    Color: #9ea7af;
    font-size: 15px;
    margin: 0 auto;
    padding: 0px 0 10px 0;
    text-align: center;
  }
.searchresults .faq_banner p {
    padding-bottom: 40px;
}
  .search .form-group {
      display: flex;
      background-color: #fff;
      margin: 0!important;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
  }
  .search .form-group i.ri-search-line {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      color: #70707059;
      padding-left: 10px;
  }
  .search .form-group input[type="text"] {
      border: none;
      box-shadow: none;
      font-size: 20px;
      color: #012C44;
      background-color: #fff;
	  height: 59px;
	  padding-top: 10px;
  }
  .search .form-group button.btn {
      background-color: #1AA99F;
      width: 130px;
      height: 50px;
      margin-top: 4px;
  }
  .faq_banner p.section_description.is-center {
      color: #9EA7AF;
      margin-bottom: 30px;
  }
  .faq_block h3 {
      font-size: 33px;
      margin-bottom: 30px;
  }
  section.faq.type_2 {
      background: #E8F6F5;
  }
  .faq_banner {
      border-radius: 0 0 100px 0;
      -webkit-border-radius: 0 0 100px 0;
      -moz-border-radius: 0 0 100px 0;
      -ms-border-radius: 0 0 100px 0;
      -o-border-radius: 0 0 100px 0;
      background: #012c44;
      position: relative;
      z-index: unset;
  }
  .faq .accordion .card .card-header .btn-link::before{
      display: none;
  }
  .faq .accordion .card .card-header .btn-link i {
      width: 30px;
      height: 30px;
      float: right;
      background: #E8F6F5;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      text-align: center;
      line-height: 30px;
      color: #1BAAA0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
  }
  .faq .accordion .card .card-header .btn-link i.ri-arrow-down-s-line {
      display: none;
  }
  .faq .accordion .card .card-header .btn-link.collapsed i.ri-arrow-down-s-line {
      display: block;
  }
  .faq .accordion .card .card-header .btn-link i.ri-arrow-up-s-line {
      display: block!important;
      background-color: #1BAAA0;
      color: #fff;
  }
  .faq .accordion .card .card-header .btn-link.collapsed i.ri-arrow-up-s-line {
      display: none!important;
  }
  .faq aside ul {
      background: #012C44;
      padding: 15px 30px;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
  }
  .faq aside ul a {
      color: #fff;
      display: inline-block;
      line-height: 36px;
      width: 100%;
      padding: 10px 0;
      font-family: 'Circular';
  }
  .faq aside ul li:not(:last-child) {
      border-bottom: 1px solid #0d4565;
  }
  .faq_banner.content.has_style2 .shape.in_right {
      top: 16rem;
      z-index: 1;
  }
  .faq_block .accordion .card {
      margin-bottom: 30px;
      border: none;
      box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);
      width: 49%;
      float: left;
  }
  .faq_block .accordion .card:nth-child(odd) {
      margin-right: 2%;
}
  .faq_block {
      padding-left: 50px;
  }
  .faq_block > .row:not(:last-child) {
      margin-bottom: 30px;
  }
  .faq_block .accordion .card .card-header h3 .btn-link {
      line-height: 30px;
  }
  .client_logos.type_2 img {
      width: 80%;
  }
  .contact_banner_block {
      display: flex;
      align-items: center;
  }
  .contact-us-banner {
      background-color: #E9F7F6;
      border-radius: 0 0 100px 0;
      -webkit-border-radius: 0 0 100px 0;
      -moz-border-radius: 0 0 100px 0;
      -ms-border-radius: 0 0 100px 0;
      position: relative;
  }
  .contact_banner_block img{
    width: 100%;
  }
  section.faq {
    padding: 110px 0 110px 0;
}
  .contact_banner_block:last-child {
      position: relative;
  }
  .contact_banner_block:last-child img {
    position: absolute;
    bottom: 0;
    z-index: 9;
}
  .contact_banner_block .inner {
      padding: 200px 0 120px;
  }
  .contact_banner_block p {
      color: #012C44;
  }
  .contact_banner_block h1 {
      margin-bottom: 20px;
  }
  .bottom-section .inquiry {
      float: left;
      margin-right: 30px;
  }
.bottom-section .call {
    float: left;
    color: #1AA99F;
    margin-top: 13px;
    font-weight: 600;
}
  .bottom-section .call a{
      color: #1AA99F;
  }
  .bottom-section {
      margin-top: 30px;
  }
  .light_banner .header-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      color: #012C44!important;
  }
  .header-black .navbar .navbar-collapse .navbar-nav .nav-item.call-us .nav-link {
      color: #1baaa0!important;
  }
  .contact-us-banner .shape.in_right {
      bottom: -3rem;
  }
  .testimonial_tabs {
      background-color: #FAF5F0;
      padding: 30px;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      margin-top: 50px;
      margin-right: 40px;
  }
  .testimontestimonial_tabsial h4 {
      font-size: 24px;
      margin-bottom: 30px;
      color: #012C44;
      font-family: "SpaceGrotesk";
  }
   .testimonial_tabs .tab-pane {
      background-color: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0px 0px 2px 0 rgb(0 0 0 / 10%);
  }
   .testimonial_tabs ul#myTab {
      margin-bottom: 0;
  }
   .testimonial_tabs li.nav-item a {
      padding: 10px;
      border-radius: 33px 33px 0 0;
      -webkit-border-radius: 33px 33px 0 0;
        -moz-border-radius: 33px 33px 0 0;
          -o-border-radius: 33px 33px 0 0;
      height: 100%;
      position: relative;
      top: 4px;
      border: none!important;
  }
   .testimontestimonial_tabsial li.nav-item a.active{
      border: none!important;
  }
   .testimonial_tabs li.nav-item a.active:hover {
      border: none!important;
  }
  .contact_block h2 {
      margin-bottom: 30px;
  }
  .contact_block p {
      color: #566166;
      width: 100%;
      position: relative;
      text-align: left;
      padding: 0;
    }
  /*
  ===========================================
  Form style
  ===========================================
  */
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  input[type="url"],
  select.form-control {
      background-color: #0000000a;
      border: 1px solid transparent;
      border-radius: 0;
      box-shadow: none;
      color: #999;
      display: block;
      font-size: 12px;
      height: 45px;
      line-height: 1.42857;
      padding: 10px 30px;
      border-radius: 8px;
  }
  input[type="radio"],
  .checkbox input[type="radio"],
  .checkbox input[type="checkbox"],
  input[type="checkbox"] {
      display: none;
      margin-left: 0;
      margin-top: 3px;
      position: absolute;
  }
  .checkbox label::before {
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      width: 20px;
      top: 0;
  }
  .checkbox label::after {
      background-color: #fff;
      content: "";
      height: 12px;
      left: 0;
      margin: 4px;
      position: absolute;
      width: 12px;
      top: 0;
      border-radius: 2px;
  }
  .checkbox input:checked + label::after {
      background-color: #1AA99F;
      border-color: #1AA99F;
  }
  .radio label,
  .checkbox label {
      color: #282828;
      font-size: 13px;
      font-weight: normal;
      padding-left: 30px;
  }
  .checkbox input:checked + label {
      color: #1AA99F;
  }
  .contact-block form .form-group {
      margin-bottom: 14px;
      padding: 0 7px;
  }
  textarea.form-control {
      background-color: #f6f6f6;
      border: 1px solid transparent;
      border-radius: 8px;
      box-shadow: none;
      height: 120px;
      resize: none;
      padding: 15px 30px!important;
      font-size: 15px;
  }
#quote-form .contact_block a.btn,
.ebook_form_block .btn {
    width: 100%;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
}
  input:focus,
  textarea.form-control:focus,
  select:focus {
      border-color: #f0f0f0 !important;
      box-shadow: none !important;
      background-color: #fff;
  }
  select.form-control {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-color: #f0f0f0;
      /* fallback color if gradients are not supported */
      background-image: url("../png/select-arrow-2.png"), -webkit-linear-gradient(top, #f0f0f0, #f0f0f0);
      /* For Chrome and Safari */
      background-image: url("../png/select-arrow-2.png"), -moz-linear-gradient(top, #f0f0f0, #f0f0f0);
      /* For old Fx (3.6 to 15) */
      background-image: url("../png/select-arrow-2.png"), -ms-linear-gradient(top, #f0f0f0, #f0f0f0);
      /* For pre-releases of IE 10*/
      background-image: url("../png/select-arrow-2.png"), -o-linear-gradient(top, #f0f0f0, #f0f0f0);
      /* For old Opera (11.1 to 12.0) */
      background-image: url("../png/select-arrow-2.png"), linear-gradient(to bottom, #f0f0f0, #f0f0f0);
      /* Standard syntax; must be last */
      background-position: 96% center;
      background-repeat: no-repeat;
  }
  select::-ms-expand {
      /* for IE 11 */
      display: none;
  }
  button.btn.btn-primary.sweep_letter.sweep_top.form-submit {
      height: 81px;
  }
  button.btn.btn-primary.sweep_letter.sweep_top.form-submit {
      height: 81px;
      width: 100%;
  }
  .contact_block form {
      padding: 30px;
      box-shadow: 0 0 7px 0 rgb(0 0 0 / 9%);
      border-radius: 8px;
      background-color: #fff;
	  border: 2px solid transparent;
	  width: 100%;
  }
  .name_designation strong {
      color: #012C44;
  }
  img.contact_bg {
      position: absolute;
      left: -58px;
      top: 26%;
      z-index: -1;
  }
  .contact_block {
      position: relative;
  }
  .blog_banner::before {
      background-color: #012C44;
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 37px;
      z-index: 0;
      border-radius: 0 0 100px 0;
      -webkit-border-radius: 0 0 100px 0;
        -moz-border-radius: 0 0 100px 0;
          -o-border-radius: 0 0 100px 0;
            -ms-border-radius: 0 0 100px 0;
  }
  section {
      position: relative;
  }
  .blog_banner .shape.in_left_top {
      top: 50%;
      margin-top: -50px;
      left: -109px;
  }
  .blog_banner .shape.in_right {
      right: -190px;
      bottom: 3rem;
  }
  .blog_banner .heading h5 {
    color: #879BA7!important;
    margin-bottom: 5px;
    font-size: 17px;
	letter-spacing: 1px;
    text-align: center;
  }
  .blog_banner .heading h2 {
      font-size: 60px;
  }
  .blog_banner .heading {
      padding-top: 0px;
      padding-bottom: 40px;
      z-index: 0;
  }
  section.blog ,.blog_banner{
      background-color: #FCF6F1;
  }
   .blog_banner .search .form-group {
      z-index: 0;
      filter: drop-shadow(0px 12px 24px rgba(10,65,48,0.05));
  }
  .tags li {
      margin-right: 6px;
      display: inline-block;
  }
.tags li a {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    font-size: 13px;
    background-color: #E6E4E2;
    padding: 8px 10px;
    color: #012C44;
    display: inline-block;
}
  .tags {
      margin-bottom: 30px;
  }
  .tags li  a.active{
      background-color: #012C44;
      color: #fff;
  }
  .feature_blog .blog_content h3 {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #012C44;
    line-height: 49px;
	font-family: 'Circular' !important;
  }
  .feature_blog .blog_content {
      background-color: #fff;
      padding: 30px;
      cursor: pointer;
      border-radius: 0 0 11px 11px;
      -webkit-border-radius: 0 0 11px 11px;
      -moz-border-radius: 0 0 11px 11px;
      -ms-border-radius: 0 0 11px 11px;
      -o-border-radius: 0 0 11px 11px;
	  position: relative;
  }
  .feature_blog .inner {
      border-radius: 11px 11px 0 0;
      overflow: hidden;
      filter: drop-shadow(0px 12px 24px rgba(10,65,48,0.05));
	  height: 360px
  }
.feature_blog .inner img {
	width: 100%;
}
  .blog_content .author {
      font-family: 'Circular';
      float: left;
      margin-right: 15px;
	  margin-top: 2px;
  }
  .blog_content .meta div {
      font-family: 'Circular';
      font-size: 12px;
      color: #929FAC;
      margin-bottom: 5px;
  }
  .blog_content div.author a {
      font-family: 'Circular';
      color: #1BAAA0;
      padding-left: 6px;
  }
.blog_content .author img {
    width: 22.5px !important;
    border-radius: 50%;
	border: 1px solid #EE7163;
}
.related_blogs .blog_content .author img {
    float: left;
    margin-right: 10px;
    margin-top: -3px;
}
  .blog_content p {
    color: #6C7A87;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    text-align: left;
  }
  .feature_blog {
    margin-bottom: 30px;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
  }
  .feature_blog:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
  }
  .feature_blog:hover a.hover_link {
    opacity: 1;
}
.feature_blog a.hover_link {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: -10px;
      background-color: rgba(0,39,60,0.8);
      z-index: 111;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      opacity: 0;
  }
  .blog_item.card {
      -webkit-column-break-inside: avoid;
      column-break-inside: avoid;
      border: none;
      background-color: transparent;
      margin-bottom: 30px;
  }
  .blog_item.card.slick-slide{
      padding: 0 15px;
  }
  .blogs {
      column-count: 2;
      column-gap: 30px;
  }
  .blog_item .blog_content {
	  min-height: 265px;
      padding: 30px;
      background-color: #fff;
      cursor: pointer;
      border-radius: 0 0 11px 11px;
      -webkit-border-radius: 0 0 11px 11px;
      -moz-border-radius: 0 0 11px 11px;
      -ms-border-radius: 0 0 11px 11px;
      -o-border-radius: 0 0 11px 11px;
  }
  .blog_item .inner {
      border-radius: 11px 11px 0 0;
      -webkit-border-radius: 11px 11px 0 0;
      -moz-border-radius: 11px 11px 0 0;
      -ms-border-radius: 11px 11px 0 0;
      -o-border-radius: 11px 11px 0 0;
/*       filter: drop-shadow(0px 22px 50.5px rgba(104,55,105,0.08)); */
      overflow: hidden;
  }
  .blog_item .blog_content h3{
    font-family: "Circular"!important;
    font-size: 24px;
    line-height: 1.25;
    text-transform: capitalize;
    font-weight: 500;
  }
  .blog_content h3 a,
  .post_item h5 a{
      color: #022C44;
  }
  .blog_item.card.full .blog_content {
      background-color: #FFD7CA;
      padding: 0;
      padding-top: 60px;
  }
  .blog_item.card.full .blog_content h3 {
      font-weight: 600;
      width: 230px;
      margin: 0 auto;
      margin-bottom: 25px;
      font-size: 49px;
      line-height: 60px;
      color: #022C44;
      text-shadow: -7px 5px 1px #dbbfb7;
  }
  .load-more {
      margin-top: 20px;
  }
  .widget h4 {
      font-size: 25px;
      font-weight: 400;
      font-family: "Circular"!important;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 1px solid #012c441f;
      display: inline-block;
      line-height: 33px;
      text-transform: capitalize;
  }
  .popular_posts .post_item h5 {
     	 font-size: 15px;
		line-height: 1.7;
		font-family: 'Circular'!important;
		font-weight: 600;
		float: left;
		margin-bottom: 0;
  }
  .popular_posts .post_item img {
      float: left;
      width: 86px;
      margin-right: 15px;
  }
.widget.popular_posts {
    margin-top: 0;
}
  .popular_posts .post_item {
      display: flex;
      background-color: #fff;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      padding: 10px;
  }
  .popular_posts .posts {
      background-color: #FFD7CA;
      padding: 10px;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
  }
  .popular_posts .post_item:not(:last-child),
  .feature_categories li:not(:last-child) {
      margin-bottom: 10px;
  }
  .widget:not(:last-child) {
      margin-top: 30px;
      margin-bottom: 30px;
  }
  .feature_categories a {
      font-size: 15px;
      line-height: 24px;
	  font-weight: 600;
	  font-family: 'Circular';
      color: #022C44;
      background-color: #fff;
      display: inline-block;
      width: 100%;
      padding: 13px 20px;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
  }
  .widget.feature_categories ul,
  .widget.follow_us ul{
      background-color: #FFD7CA;
      padding: 10px;
      border-radius: 8px;
      margin-bottom: 0;
  }
  .feature_categories a span {
      float: right;
      width: 37px;
      border-radius: 3px;
      text-align: center;
      background-color: #FCF6F1;
  }
  .widget.follow_us ul a {
      background-color: #fff;
      width: 50px;
      height: 50px;
      text-align: center;
      align-items: center;
      display: flex;
      justify-content: center;
      border-radius: 8px;
  }
  .widget.follow_us ul {
      display: inline-block;
      width: 100%;
  }
  .widget.follow_us ul li {
      float: left;
  }
  .widget.follow_us ul li:not(:last-child) {
      margin-right: 10px;
  }
  .recent_posts .blog_item .blog_content h3 {
      font-size: 22px;
      line-height: 32px;
  }
  .recent_posts .blog_item .blog_content {
      padding: 20px;
  }
  .widget.newsletter h3 {
      font-size: 26px;
      line-height: 36px;
	  font-family: 'Circular' !important;
  }
  .widget.newsletter {
      background-color: #FFD7CA;
      border-radius: 8px;
      padding: 20px;
	  text-align: center;
  }
  .widget.newsletter input.form-control {
      background-color: #fff;
      height: 56px;
      padding: 20px;
  }
  .widget.newsletter .newslatter_submit {
      position: absolute;
      right: -1px;
      top: 0;
      padding: 18px;
      font-size: 14px;
      border-radius: 0 0 0 0;
  }
  .widget.newsletter .form-group {
      position: relative;
      border-radius: 8px;
      overflow: hidden;
  }
  .widget.newsletter .form-group label {
      font-size: 12px;
      line-height: 15px;
      color: #707070;
  }
  .widget.newsletter .form-group.checkbox {
      margin: 0!important;
  }
  .single_blog_banner {
      position: relative;
      top: 0;
      z-index: 1;
      bottom: 0;
      background-color: #012C44;
      border-radius: 0 0 100px 0;
      -webkit-border-radius: 0 0 100px 0;
      -moz-border-radius: 0 0 100px 0;
      -ms-border-radius: 0 0 100px 0;
      -o-border-radius: 0 0 100px 0;
  }
  .single_blog_banner:before {
      position: absolute;
      left: 0;
      right: 88px;
      bottom: 0;
      content: "";
      background-color: #FCF6F1;
      z-index: 0;
      top: 0;
  }
  .sidebar-sticky{
    position: fixed;
    top: 150px;
    width: 400px;
    margin-top: 0;
    left: 1200px;
    margin-bottom: 0;
}
.ssocial-sidebar {
    position: fixed;
    right: 0;
    left: 100px;
    width: 100%;
    max-width: 86px;
    top: 20%;
    bottom: 0;
    z-index: 1;
  }
  .social-sidebar h4 {
      color: #012C44;
      font-size: 25px;
      font-family: 'Circular' !important;
      font-weight: 400;
      text-align: center;
  }
  .social-sidebar ul{
    background-color: #FFD7CA;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 0;
  }
  .social-sidebar ul li {
    margin: 10px 0 20px 4px;
  }
  .social-sidebar ul li a {
    background-color: #fff;
    width: 64px;
    height: 64px;
    text-align: center;
    align-items: center;
    display: flex;
    position: relative;
    right: 3px;
    justify-content: center;
    border-radius: 8px;
  }
  .widget img {
    width: 100%;
  }
  .sbd_block img {
    width: 100%;
}
  .inner img {
      width: auto;
  }
  .detail_b img {
    width: 100%;
  }
  .partner_logos p {
    width: 100%;
    max-width: 800px;
    text-align: center;
    padding: 0;
    margin: 0 auto 20px;
  }
  .customer P{
    width: 100%;
    max-width: 900px;
    text-align: center;
    padding: 0;
    margin: 0 auto;
  }
  #stories {
    z-index: 1;
  }
  #stories p{
    width: 100%;
    text-align: center;
    max-width: 800px;
    margin:  10px auto;
    padding: 0;
    line-height: 23px;
  }
  .sb_block {
      z-index: 1;
      position: relative;
  }
  .breadcrumb ul {
      margin: 0;
      background: #012C44;
      border-radius: 6px;
      overflow: hidden;
  }
  .breadcrumb ul li {
      display: inline-block;
      padding: 7px 15px;
      float: left;
      color: #fff;
      position: relative;
	  font-size: 10px;
  }
  .breadcrumb ul li a {
      color: #90A3AD;
  }
  .breadcrumb ul li:not(:last-child)::after {
      width: 1px;
      content: "";
      background-color: #90A3AD;
      position: absolute;
      right: 0;
      top: -3px;
      bottom: -3px;
      transform: rotate(27deg);
      -webkit-transform: rotate(27deg);
      -moz-transform: rotate(27deg);
      -ms-transform: rotate(27deg);
      -o-transform: rotate(27deg);
  }
  .sb_block h1 {
      font-size: 60px;
      line-height: 67px;
      margin-bottom: 0;
  }
  .sb_block p {
    color: #6C7A87;
    font-size: 15px;
    font-family: 'Circular';
  }
  .sb_block:first-child {
      padding-right: 60px;
      padding-top: 50px;
  }
  .breadcrumb {
      padding: 0;
      margin-bottom: 20px;
  }
  .sb_block .inner{
      position: relative;
      border-radius: 25px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      -o-border-radius: 25px;
  }
  .sb_block .inner::after {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      content: "";
      background-color: #012C44;
      border-radius: 25px;
      opacity: 0.25;
      width: 100%;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      -o-border-radius: 25px;
  }
  #single_blog img {
    border-radius: 25px;
    -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      -o-border-radius: 25px;
      width: 100%;
      position: relative;
      left: 0px;
      right: 0;
  }
  img.pic_bottom_shape {
      position: absolute;
      z-index: -1;
      bottom: -98px;
      left: -71px;
  }
  .single_blog_banner .shape.in_right {
      bottom: -10rem;
      right: -6rem;
  }
  .single_blog_banner .shape.in_right_top {
      right: -7rem;
      top: 3rem;
      left: auto;
  }
  .table_of_content h4 {
      color: #012C44;
      font-size: 20px;
      margin-bottom: 20px;
  }
  .table_of_content {
      padding: 30px;
      border-radius: 8px;
      margin-bottom: 30px;
      position: relative;
  }
  .table_of_content ul{
      margin: 0;
  }
  .table_of_content ul a {
      color: #6C7A87;
      font-size: 15px;
      line-height: 30px;
  }
  a.down_arrow {
      width: 48px;
      height: 42px;
      background-color: #fff;
      display: flex;
      text-align: center;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: 15px;
      top: 20px;
      border-radius: 0px 5px 5px 5px;
      border: 1px solid #D6DBED;
  }
  .rating i {
      color: #EF7E71;
      font-size: 25px;
  }
  .rating {
      margin-bottom: 10px;
  }
  .detail p {
      font-size: 15px;
  }
  .detail ul span{
      font-family: 'Circular';
      font-size: 15px;
}
  .detail h3 {
      font-weight: 300;
      line-height: 50px;
  }
  .detail .last_update_date {
      color: #dddddd;
      text-align: center;
      margin-top: 50px;
      font-size: 15px;
      margin-bottom: 50px;
      font-family: 'Circular'!important;
  }
  .tags h4 {
      font-size: 19px;
      margin-bottom: 20px;
      font-family: 'Circular'!important;
      font-weight: 300;
  }
  .request_e_book .sp-ebook img {
    width: 100%;
  }
  .request_e_book {
      margin-bottom: 40px;
  }
  .testimonial_tabs.widget {
      margin-top: 0;
      margin-right: 0;
  }
  .widget.quote {
      text-align: center;
      background-color: #E9F7F6;
      border-radius: 8px;
	  margin-top: 0;
  }
  .widget.quote h4, .testimonial_tabs.widget h4 {
      border: none;
      padding: 0;
      margin-bottom: 10px;
      font-weight: 600;
  }
  .widget.quote .content {
      padding: 30px;
  }
  .widget.quote .content .free_quote {
      margin-top: 20px;
  }
  .single-post section.related {
     background-color: #FCF6F1;
    border-radius: 0 0 100px 0;
    -webkit-border-radius: 0 0 100px 0;
    -moz-border-radius: 0 0 100px 0;
    -ms-border-radius: 0 0 100px 0;
    -o-border-radius: 0 0 100px 0;
	  position: relative;
	  z-index: auto;
  }
.single-post section.related::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgb(27, 170, 160);
    z-index: -1;
}
  .blog_detail .tags {
      margin: 0;
  }
  .blog_detail .tags ul {
      margin: 0;
  }
  .related .heading h2 {
      font-size: 40px;
      margin-bottom: 27px;
  }
  .row.related_blogs {
      position: relative;
  }
  button.slick-next.slick-arrow {
      position: absolute;
      right: 0;
      top: -60px;
  }
  button.slick-arrow::before{
      display: none;
  }
  button.slick-arrow {
      position: absolute;
      right: 60px;
      top: -60px;
      left: auto;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      text-align: center;
      display: flex;
      background-color: #ff977c3d;
      justify-content: center;
      align-items: center;
  }
  button.slick-arrow i {
      color: #fff;
      font-size: 27px;
      min-height: auto;
      width: auto;
      margin: 0;
      height: auto;
      min-width: auto;
      color: #FF977C;
  }
  button.slick-arrow:hover {
      background-color: #FF977C;
  }
  button.slick-arrow:focus {
      background-color: #ff977c3d;
  }
  button.slick-arrow:hover i{
      color: #fff;
  }
  .related_blogs .blog_item .inner {
      padding: 0;
  }
  section.related.blog .related_blogs .blog_item .inner{
      padding: 0;
  }
  .related_blogs .slick-list.draggable {
      overflow: hidden;
  }
  .counter_block h3 {
      font-size: 60px;
  }
  .counter_block:not(:last-child) {
      border-right: 1px solid #012c4426;
  }
  .counter_block p {
      margin-bottom: 0;
      font-size: 16px;
  }
  .customer_says_block .cs_header img {
      float: left;
      margin-right: 15px;
  }
  .cs_header .name_designation {
      font-size: 13px;
      float: left;
      margin-right: 10px;
  }
  .cs_header .rating svg {
      width: 20px;
  }
  .cs_header .rating {
      margin: 0;
      margin-top: 6px;
  }
  .cs_header {
      clear: both;
      display: inline-block;
      width: 100%;
      padding-bottom: 20px;
      margin-bottom: 0px;
      border-bottom: 1px solid #012c4421;
  }
  .customer_says_block .inner {
      background-color: #fff;
      padding: 30px 20px;
      border-radius: 12px;
      filter: drop-shadow(0px 12px 24px rgba(10,4,33,0.03));
  }
  .customer_says_block .inner .quote_sign {
      position: absolute;
      right: 30px;
      bottom: 23px;
  }
  .customer_says_block:not(:nth-last-child(-n+3)) {
      margin-bottom: 30px;
  }
  .customer_says_block:nth-child(even) .inner {
      background-color: #D9EDEC;
  }
  .customer_said .view_more {
      display: inline-block;
      margin-top: 50px;
  }
  .cs_shape_left_top {
      position: absolute;
      left: -46px;
      top: 72px;
      z-index: 0;
  }
  .customer_said .container {
      position: relative;
  }
  .customer_says_block {
      z-index: 1;
  }
  .cs_shape_right_bottom {
      position: absolute;
      right: 0;
      bottom: 10rem;
      z-index: 0;
  }
  .cs_shape_right_bottom {
      position: absolute;
      right: -61px;
      bottom: 3rem;
      z-index: 0;
  }
  .counter .container {
      position: relative;
  }
  .counter .container::before {
      content: "";
      position: absolute;
      left: -87px;
      top: 3rem;
      width: 250px;
      height: 250px;
      background-image: url(../svg/overlap_shap.svg);
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 1;
  }
  .cs_slider .cs_header img {
      float: left;
      margin-right: 15px;
	  width: 90px;
	  border-radius: 50%;
  }
  .cs_slider .cs_header .user_info {
      margin-top: 10px;
  }
  .cs_slider .cs_header .user_info .name_designation p {
		font-size: 15px;
		font-family: 'Circular';
		margin-top: 0;
  }
.cs_slider .cs_header .user_info .name_designation p strong {
    font-size: 19px;
}
  .cs_slider .cs_header {
      border: none;
      padding: 0;
      margin: 0;
  }
  .cs_slider .inner {
      position: relative;
  }
  .cs_slider .quote_sign {
      position: absolute;
      right: 60px;
      bottom: 0;
  }
  .cs_slider{
      padding-right: 60px;
  }
  .cs_slider .inner p {
      font-size: 22px;
      margin-top: 20px;
      margin-bottom: 30px;
      color: #0F072E;
  }
  .cs_slider {
      padding-top: 100px;
      padding-bottom: 100px;
  }
  .cs_slider .cs_header .user_info .name_designation strong {
      margin-bottom: 5px;
      display: inline-block;
  }
  .customer_says_slider::after {
      content: "";
      background-image: url(../jpg/cs0-2.jpg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0;
      left: 50%;
      background-position: top;
  }
  .slider_cs {
      position: relative;
  }
  .slider_cs button.slick-arrow {
      top: -40px;
      left: 0;
      right: auto;
      background-color: rgb(27 170 160 / 18%);
  }
  .slider_cs button.slick-arrow.slick-next {
      left: 63px;
  }
  .slider_cs button.slick-arrow i {
      color: #fff;
  }
  .slider_cs button.slick-arrow:hover{
      background-color: #1BAAA0;
  }
  .customer_says_slider .left_bottom_shape {
      position: absolute;
      bottom: -115px;
      left: -100px;
  }
  .testimonial.type_2 .testimonial_box {
      padding: 20px;
  }
  .testimonial.type_2 .testimonial_box .meta {
      padding-left: 15px;
  }
  .testimonial.type_2 .testimonial_box .meta p.description {
      margin-top: 2px;
      margin-bottom: 0;
      color: #012c4475!important;
  }
  .testimonial_box img.quote_sign {
      position: absolute;
      right: 20px;
      top: 24px;
      width: 60px;
  }
  .masnory_ {
      column-count: 2;
      -webkit-column-break-inside: avoid;
  }
  .testi_item_ {
      display: inline-block;
  }
  .testimonial.type_2 .testimonial_box {
      position: relative;
	  display: inline-block;
      /* filter: drop-shadow(0px -12px 57px #012c44); */
  }
  .testi_item_:nth-child(4) {
      margin-top: 68px;
  }
  .testimonial.type_2 {
      padding-bottom: 20px;
  }
  .testimonial.type_2 .testimonial_cards {
      position: absolute;
      right: 0;
      top: -183px;
      left: -41px;
      bottom: 0;
      height: 1180px;
      transform: scale(1.09);
      z-index: -1;
  }
  .product_categories {
      background-color: #00273c;
      padding-top: 150px;
      padding-bottom: 100px;
      border-radius: 0 0 100px 0!important;
      -webkit-border-radius: 0 0 100px 0!important;
        -moz-border-radius: 0 0 100px 0!important;
          -ms-border-radius: 0 0 100px 0!important;
            -o-border-radius: 0 0 100px 0!important;
  }
  .product_categories::before {
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      position: absolute;
      background-color: #E8F6F5;
      z-index: -1;
  }
  .product_categories .shape.in_left_top {
      left: -5rem;
      top: 7rem;
  }
  .product_categories .shape.in_right {
      top: 42%;
      right: -12rem;
  }
  .product_categories .pc_block img {
      width: 120%;
      max-width: initial;
  }

  .pc_block h1 {
      color: #fff;
      margin-bottom: 10px;
      line-height: 1.2;
  }
  .pc_block p {
      color: #fff;
      opacity: 0.7;
  }
  .pc_block .btns {
      margin-top: 20px;
  }
  .pc_block .btns a.read_more {
      margin-left: 30px;
      color: #fff;
      text-decoration: underline!important;
  }
  .pc_block:last-child {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .folding{
      background-color: #E8F6F5;
      border-radius: 0 0 100px 0!important;
  }
  .folding_block:first-child {
      padding-right: 60px;
  }
  .folding_block h2 {
      margin-bottom: 15px;
      line-height: 1.3;
  }
  .folding_block {
      position: relative;
  }
  .folding_block img.shape_1 {
      position: absolute;
      left: -60px;
      top: -35px;
      width: 190px;
  }
  .folding_block img.shape_2 {
      position: absolute;
      right: -200px;
      width: 236px;
      top: 0;
  }
  .folding_block img.shape_3 {
      position: absolute;
	left: -48px;
	bottom: 0;
	width: 180px;
  }
  .pagination{
      margin: 30px 0;
  }
  a.page-numbers {
    background: #022c44;
    padding: 10px 14px;
    margin: 10px 0;
    font-size: 15px;
    font-family: 'Circular';
    font-weight: 400;
}
  .products .heading h6 {
      color: #EE7163;
      margin-bottom: 10px;
  }
  .products .heading p {
      margin-top: 29px;
  }
  .product_block h3 {
      font-size: 22px;
      margin: 20px 0 0 0;
      line-height: 30px;
  }
  .product_block h3 a{
      color: #012C44;
  }
  .product_block .box.in_product {
      border-radius: 12px;
      filter: drop-shadow(0px 12px 24px rgba(10,65,48,0.05));
      background-color: #ffffff;
      border: 1px solid #e7efee;
      padding: 10px;
	  min-height: 316px;
  }
  .product_block .box.in_product .product_img {
      text-align: center;
      border-radius: 12px;
      background-color: #f6f7f8;
      padding: 20px;
  }
  .product_block .content p {
      float: left;
      width: auto;
  }
  .product_block .content .btn_cart {
      float: right;
      width: 42px;
      height: 41px;
      border-radius: 7px;
      filter: drop-shadow(0px 15px 12.5px rgba(255,151,124,0.24));
      background-color: #ee7163;
      text-align: center;
      line-height: 38px;
      font-size: 18px;
  }
  .product_block .content {
      margin: 0px 0;
      display: inline-block;
      width: 100%;
  }
  .mb-t-30 {
      margin-top: 50px;
  }
  img.product_shape_left {
      position: absolute;
      left: -100px;
      top: 8px;
      width: 259px;
  }
  img.product_shape_right {
      position: absolute;
      right: -50px;
      top: 50px;
      width: 183px;
  }
  .call_to_action {
      background-color: #F9F4EF;
  }
  .justify-content-right {
      justify-content: flex-end;
  }
  .preboard .heading h2 {
      margin-bottom: 20px;
  }
  .preboard p{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
  .preboard_item.green .inner {
      border-radius: 24px;
      background-color: #e9f7f6;
      padding: 30px;
  }
  .preboard_item.orange .inner {
      border-radius: 24px;
      background-color: #FCF6F1;
      padding: 30px;
  }
  .preboard_item:not(:last-child){
      margin-bottom: 30px;
  }
  .preboard::before{
      background-color: #E9F7F6;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      content: "";
      z-index: -1;
  }
  .preboard {
      border-radius: 0 0 100px 0;
      background-color: #fff;
  }
  .folding_option {
      background-color: #E9F7F6;
      border-radius: 0 0 100px 0;
  }
  .folding_option .navbar_ ul {
      display: inline-block;
      background-color: #1BAAA0;
      padding: 0 15px;
      border-radius: 12px;
      filter: drop-shadow(0px 12px 24px rgba(10,65,48,0.05));
      border: 1px solid #e7efee;
      margin-bottom: 40px;
  }
  .folding_option .navbar_ li a {
      padding: 15px;
      display: inline-block;
      color: #fff;
      opacity: .6;
  }
  .folding_option .navbar_ li {
      display: inline-block;
  }
  .folding_option .navbar_ li a.active{
      opacity: 1;
  }
  .folding_option .fp_block h3 {
      font-size: 22px;
  }
  .folding_option .fp_block h3 a{
      color:#012C44;
  }
  .folding_option .fp_block p {
      color: #11102961;
      margin-bottom: 0;
  }
  .fp_block .inner {
      border-radius: 12px;
      filter: drop-shadow(0px 12px 24px rgba(10,65,48,0.05));
      background-color: #ffffff;
      border: 1px solid #e7efee;
  }
  .fp_block .inner img {
      width: 100%;
  }
  .folding_option .fp_block .content {
      padding: 20px;
  }
  .fp_block:not(:nth-last-child(-n+4)) {
      margin-bottom: 30px;
  }
  .col-sm-2-5 {
      WIDTH: 20%;
  }

  .action_2 .heading img {
      margin-top: 30px;
  }
  .action_2_block i {
      width: 78px;
      height: 78px;
      background-color: #f9f4ef;
      border-radius: 25px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      float: left;
      color: #EE7163;
      font-size: 26px;
  }
  .action_2_block .content {
      float: left;
      width: calc(100% - 78px);
      padding-left: 20px;
  }
  .action_2_block .content h4 {
      font-size: 20px;
  }
  .action_2_block .content p{
      color:#748B98;
  }
  .action_2_block:not(:nth-last-child(-n+3)) {
      margin-bottom: 30px;
  }
  .action_3 {
      background-image: url(../jpg/pandora-box-mockup-2.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
  }
  .action_3 .action_block .inner {
      border-radius: 24px;
      filter: drop-shadow(0px 33px 44.5px rgba(10,65,48,0.18));
      background-color: #ffffff;
      padding: 45px;
  }
  .action_3 .action_block .inner .contact_us {
      margin-top: 20px;
  }
  .service_block .inner {
      border-radius: 16px;
      filter: drop-shadow(0px 12px 24px rgba(10,65,48,0.1));
      background-color: #1baaa0;
      padding: 30px;
  }
  .service_block .inner h4 {
      font-size: 20px;
      color: #fff;
  }
  .service_block .inner p {
      color: #fff;
  }
  .service_block:not(:nth-last-child(-n+3)){
      margin-bottom: 30px;
  }
  .service_block:nth-child(even) .inner {
      background-color: #fff;
  }
  .service_block:nth-child(even) .inner h4 {
      color: #012C44;
  }
  .service_block:nth-child(even) .inner p {
      color: #748B98;
  }
  .swiper_products .swiper-pagination {
      position: relative;
  }
  .swiper_products .swiper-pagination span.swiper-pagination-bullet {
      height: 10px!important;
      width: 10px!important;
  }
  .swiper_products .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
      height: 12px!important;
      width: 12px!important;
  }
  .mg_t_60{
      margin-top: 60px;
  }
  .mg_b_60{
      margin-bottom: 60px;
  }
  .pd_b_120{
      padding-bottom: 120px;
  }
  .story_item img {
      height: 100%;
      border-radius: 7px;
      filter: drop-shadow(0px 12px 24px rgba(10,65,48,0.05));
      background-color: #012c44;
  }
.story_item img{
  transition: transform .5s ease;
  -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
      -ms-transition: transform .5s ease;
        -o-transition: transform .5s ease;
}
.story_item:hover img{
  transition: transform .5s ease;
  -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
      -ms-transition: transform .5s ease;
        -o-transition: transform .5s ease;
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
      -moz-transform: scale(1.02);
}
  .story__block .inner{
      position: relative;
  }
  .story__block h3 {
      padding: 24px 30px;
      font-size: 23px;
      color: #0A4045;
      position: absolute;
      background-color: #fff;
      border-radius: 7px;
      filter: drop-shadow(0px 12px 24px rgba(10,65,48,0.05));
      display: inline-block;
      width: 213px;
      height: 72px;
      left: 30px;
      bottom: -31px;
  }
  .story__block h3 a{
      color:#0A4045;
  }
  .product_banner_ {
      background-color: #012C44;
  }
  .product_banner_ h2,
  .product_banner_ h1 {
      color: #fff;
      margin-bottom: 20px;
  }
  .product_banner_ p {
    color: rgba(255, 255, 255, 0.718);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.3px;
  }
  .pd_b_100{
      padding-bottom: 100px;
  }
  .products.slider img {
      margin: 0 auto;
  }
  .products.slider .product_block {
      padding: 0 10px;
      cursor: pointer;
  }
  .products.slider .product_block h3 {
      font-size: 18px;
      line-height: 26px;
  }
  .product_sliders_ {
      background-color: #E8F6F5;
      border-radius: 0 0 100px 0;
  }
  section.products.slider:not(:last-child) .products_slider_::after {
      border-bottom: 1px solid #012c441a;
      content: "";
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: -40px;
  }
  .products.slider.related_products {
      background-color: #FCF6F1;
      border-radius: 0 0 100px 0;
  }
  .products.slider.related_products:not(:last-child) .products_slider_::after{
      display: none;
  }
  .products.slider.related_products .heading p {
      margin-top: 11px;
  }
  .products.slider.related_products button.slick-arrow {
      position: absolute;
      top: -90px;
  }
  .products.slider.related_products::before {
      content: "";
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      position: absolute;
      background-color: #1BAAA0;
      z-index: -1;
  }
  .faq.type_3 .accordion .card .card-body p {
    font-family: circular;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
  }
  .faq .accordion .card .card-header h3 .btn-link {
      width: 80%;
      line-height: 26px;
      position: static!important;
      will-change: unset;
      font-family: Circular;
      font-weight: 600;
	  text-transform: none;
  }
  .faq .accordion .card .card-header .btn-link i {
      right: 30px;
      top: 10px;
      position: absolute;
  }
  .pd_block form {
      padding: 20px;
      box-shadow: 0 0 7px 0 rgb(0 0 0 / 9%);
      border-radius: 10px;
  }
  .rating_b .rating {
      float: left;
      margin-bottom: 0;
  }
.rating_b .number_of_reviews {
    float: left;
    margin-left: 8px;
    margin-top: 11px;
    font-size: 13px;
}
  .rating_b {
      display: inline-block;
      width: 100%;
      margin-top: 8px;
  }
  .select2-results__options {
      background-color: #F6F7F8;
      padding: 8px;
      border-radius: 10px;
      box-shadow: 0 0px 1px 0 rgb(0 0 0 / 20%);
      column-count: 2;
      margin-top: 20px;
  }
  .pd_block ul {
      background-color: #F6F7F8;
      padding: 10px;
      border-radius: 10px;
      box-shadow: 0 0px 1px 0 rgb(0 0 0 / 20%);
      margin-top: 20px;
	  display: inline-block;
  }
  .pd_block ul li {
      line-height: 35px;
      color: #012C44;
      font-size: 15px;
	  width: 50%;
	  float: left;
  }
  .pd_block ul li svg {
      float: left;
      margin-right: 10px;
      margin-top: 5px;
  }
  .pd_block form input.form-control {
      height: 45px;
      padding: 10px 30px;
  }
  .pd_block form .submit {
      width: 100%;
      height: 58px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .light_banner header#myNavbar {
      border-bottom: 1px solid #f6f6f6;
  }
  .pd_block .pd_item img {
	width: 100%;
  }
  .pd_slider_nav {
      margin-top: -5px;
  }
  .pd_slider_nav .pd_item:not(:last-child) {
      margin-right: 10px;
  }
  .product_detail > .slick-current > .slick-active img {
     box-shadow: 0 8px 6px -6px black;
}
  .pd_block p {
      margin-top: 0;
  }
  .pd_block .form-control::-moz-placeholder {
      color: #7C7995;
      font-family: "Circular";
  }
  .pd_block.form-control:-ms-input-placeholder {
      color: #7C7995;
      font-family: "Circular";
  }
  .pd_block .form-control::-webkit-input-placeholder {
      color: #7C7995;
      font-family: "Circular";
  }
  section.p_features {
      background-color: #F9F4EF;
  }
  .pf_block .icon {
      width: 113px;
      height: 113px;
      background-color: #fff;
      border-radius: 24px;
      margin-bottom: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0px 4px 4px 0 rgb(0 0 0 / 1%);
      margin: 0 auto 20px;
  }
  .pf_block h3 {
      font-size: 22px;
      color: #012C44;
  }
  .pf_block:not(:nth-last-child(-n+4)){
      margin-bottom: 40px;
  }
  .p_features .heading {
      margin-bottom: 50px;
  }
  .product_detail_spec div#nav-tab {
      border-bottom: 1px solid #C2CACF;
  }
  .product_detail_spec div#nav-tab .nav-link.active {
    border: none;
    margin: 0;
    color: #012C44;
    background: rgb(26 171 160 / 20%);
  }
  .product_detail_spec div#nav-tab .nav-link {
      color: #748B98;
      font-size: 16px;
      position: relative;
      transition: all ease-in-out .3s;
      -webkit-transition: all ease-in-out .3s;
  }
  .product_detail_spec div#nav-tab .nav-link {
      padding: 10px;
      margin-right: 15px!important;
      border: none;
	  border-radius: 5px 5px 0 0 !important;
  }
  .product_detail_spec div#nav-tab .nav-link::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -2px;
      right: 100%;
      height: 2px;
      background-color: #1BAAA0;
      transition: all ease-in-out .3s;
      -webkit-transition: all ease-in-out .3s;
  }
  .product_detail_spec div#nav-tab .nav-link.active::after,
  .product_detail_spec div#nav-tab .nav-link:hover::after {
      right: 0;
      border: none;
      border-radius: 0;
  }
  .product_detail_spec div#nav-tab .nav-link:hover,
  .product_detail_spec div#nav-tab .nav-link:focus{
      border: none;
      border-radius: 0;
  }
  .pd_tabs .detail_b h4 {
      margin-bottom: 30px;
      font-size: 33px;
  }
  .pd_tabs .detail_b:first-child {
      padding-top: 0px;
      padding-right: 30px;
      font-family: circular;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
  }
  .pd_tabs .detail_b:last-child {
    padding-left: 30px;
    font-family: circular;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
  }
  .pd_tabs .detail_b img {
      margin-bottom: 30px;
  }
  .dropdown .dropdown-menu .dropdown_menu_nav li .dropdown-item img.nav-icon {
      margin-right: 15px;
  }
  .reviews {
      position: relative;
  }
  .reviews .rating_b .number_of_reviews {
      margin-left: 0;
      font-size: 60px;
      line-height: 50px;
      margin-top: 0;
      color: #012C44;
      font-weight: 600;
      margin-right: 8px;
  }
  .reviews .float_rating {
      display: inline-block;
      width: 100%;
      margin-top: -12px;
  }
  .reviews .base_of_reviews {
      color: #101820cc;
  }
  .progress_bar_b .progress-inner .progress-box {
      bottom: 0;
      left: 0;
      position: absolute;
      background-color: #EF7E71;
      z-index: 1;
      top: 0;
      border-radius: 30px;
  }
  .progress_bar_b .progress-inner {
      height: 31px;
      background-color: #fff;
      border-radius: 30px;
      box-shadow: 0 3px 4px 0 rgb(0 0 0 / 4%);
      position: relative;
      width: 297px;
      float: left;
      margin-right: 10px;
  }
  .progress_bar_b {
      display: inline-block;
      width: 100%;
  }
  .progress_bar_b:not(:last-child) {
      margin-bottom: 5px;
  }
  .progress_bar_b .star_number {
      float: left;
      color: #819CA6;
      font-size: 15px;
      margin-right: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 4px;
  }
  .progress_bar_b .number_of_reviews {
      float: left;
      color: #819CA6;
      font-size: 15px;
      margin-top: 2px;
  }
  .progress_bar_b .star_number i.ri-star-fill {
      margin-left: 2px;
  }
  .rating_video a.play {
      width: 70px;
      height: 70px;
      border-radius: 100%;
      background-color: #fff;
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      margin-top: -35px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 36px;
  }
  .rating_video .inner {
      position: relative;
  }
  .write_review i {
      position: absolute;
      left: 15px;
      top: 26px;
  }
  .write_review {
      position: relative;
      padding-left: 44px;
  }
  .review_heading h5 {
      font-weight: 400!important;
      font-family: 'Circular'!important;
      display: inline-block;
      border-bottom: 3px solid #1BAAA0;
      padding-bottom: 12px;
  }
  .review_heading {
      margin-bottom: 40px;
  }
  .review_heading h5 span {
      color: #012c4454;
      background-color: #fff;
      padding: 2px 10px;
      border-radius: 4px;
      margin-left: 6px;
      box-shadow: 0 3px 5px 0 rgb(0 0 0 / 4%);
      font-size: 14px;
  }
  .review_item .content {
      background-color: #fff;
      padding: 20px;
  }
  .review_item {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid;
      padding: 20px 0;
  }
  #test {
    bottom: 0px;
    z-index: 1;
    position: relative;
  }
  .review_item .inner {
    border-radius: 10px;
    overflow: hidden;
    /* box-shadow: 0 10px 10px 0 rgb(0 0 0 / 10%); */
    position: relative;
    border: 1px solid #eee;
    margin: 0 10px;
  }
  .review_rating {
      margin-top: 15px;
  }
  .review_item .name_designation strong {
      display: block;
  }
  .review_item .name_designation {
      color: #012c4482;
      margin-top: 7px;
  }
  img.quote_sign {
      position: absolute;
      right: 20px;
      bottom: 45px;
      width: 57px;
  }
  .row.reviews_ .reviews_base {
      column-count: 4;
  }
  .reviews::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 350px;
      background-color: #E9F7F6;
      border-radius: 0 0 100px 0;
  }
  .reviews * {
      z-index: 0;
  }
.reviews .reviews_base .review_item .inner img {
    width: 100%;
}
  .reviews a.btn.load_more {
      margin-top: 40px;
  }
  .navbar-nav {
      margin: auto;
      margin-left: 30px;
  }
@media (max-width: 767px) {
  .navbar-nav {
      margin-left: 0;
  }
}
  a.nav-link.call_us {
      float: left;
      margin-right: 30px;
      font-weight: 600;
  }
  .action_b {
      background-color: #012C44;
      border-radius: 10px;
      padding: 30px;
      position: relative;
  }
  .action_b h5 {
      color: #fff;
      font-family: circular;
      font-weight: bold;
	  font-size: calc(20px + 1 * ((100vw - 576px) / 1024));
  }
  .action_b p {
    font-family: circular;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    color: #fff;
    opacity: .7;
    margin-bottom: 25px;
  }
  .action_b input.form-control {
      background-color: #fff;
      text-transform: capitalize;
  }
  .action_b .form-group {
      position: relative;
      margin: 0!important;
  }
  .action_b button.btn.newslatter_submit {
      position: absolute;
      right: 10px;
      top: 2px;
      bottom: 2px;
      padding: 10px 30px;
	  height: 41px;
  }
  img.bg_shape {
      position: absolute;
      z-index: -7777;
      left: -80px;
      right: -100px;
      top: -50px;
      width: 124%;
      max-width: initial;
  }
  .action_b *:not(.bg_shape) {
      z-index: 4;
  }
  .action_b h5 span {
    color: #1baaa0;
}
  .review_item:hover{
       /*transform: scale(1.01);
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -ms-transform: scale(1.01);
        -o-transform: scale(1.01);
        transform: translateY(-7px);
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
        -o-transform: translateY(-7px);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease; */
  }
  .product_block .box.in_product:hover {
      transform: scale(1.01);
      -webkit-transform: scale(1.01);
      -moz-transform: scale(1.01);
      -ms-transform: scale(1.01);
      -o-transform: scale(1.01);
      transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
  }
  .product_block .box.in_product{
      transition: all ease 0.3s;
      -webkit-transition: all ease 0.3s;
      cursor:  pointer;
  }
  .dark_banner header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      color: #fff!important;
  }
  #nav-specification h3 {
      font-size: 30px;
      margin-bottom: 20px;
      color: #012C44;
  }
  #nav-specification p {
      margin-top: 0;
      margin-bottom: 30px;
      color: #6C7A87;
  }
.table-striped thead {
      background-color: #012C44;
  }
.table-striped thead th, .table-striped tbody td {
      padding-left: 20px;
      border: none;
  }
  .table-striped>tbody>tr:nth-of-type(even) {
      --bs-table-accent-bg: rgb(230 234 236);
      color: var(--bs-table-striped-color);
  }
  .table-striped>tbody>tr:nth-of-type(odd) {
      --bs-table-accent-bg: rgb(245 246 247);
      color: var(--bs-table-striped-color);
  }
  .table-striped>tbody>tr:last-child {
    border-bottom: none !important;
}
  #nav-artwork .artwork_item .icon {
      width: 100px;
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      float: left;
      border-radius: 10px;
      border: 1px solid #D6DBED;
      background-color: #fff;
  }
  #nav-artwork .artwork_item .content {
      width: calc(100% - 120px);
      float: left;
      margin-left: 20px;
  }
  .row.artwork_block {
      background-color: #E8F6F5;
      margin: 0;
      border-radius: 10px;
      padding: 20px 5px;
      margin-top: 30px;
  }
  .row.artwork_block img {
      background-color: #fff;
      border-radius: 10px;
  }
  .artwork_item:not(:last-child) {
      margin-bottom: 10px;
  }
  .artwork_item h5 {
      font-size: 17px;
	  margin-bottom: 10px;
  }
  .order_proccess .icon {
      width: 150px;
      height: 120px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #E8F6F5;
      border-radius: 6px;
      font-size: 56px;
      color: #1BAAA0;
      font-weight: 600;
      float: left;
  }
  .order_proccess .icon.orange {
      background-color: #FCF6F1;
      color: #EE7163;
  }
  .order_proccess .content {
      width: calc(100% - 170px);
      float: left;
      margin-left: 20px;
  }
  .order_proccess:not(:nth-last-child(-n+2)) {
      margin-bottom: 30px;
  }
  .custom_b h3 {
      font-size: 30px;
      margin-bottom: 20px;
  }
  a.btn.custom_size {
      margin-top: 30px;
  }
  .custom_b img {
      background-color: #E8F6F5;
      border-radius: 10px;
  }
  .custom_b:first-child {
      display: flex;
      align-items: center;
  }
  .material_b img {
      background-color: #E8F6F5;
  }
  .material_b:last-child {
      background-color: #E8F6F5;
      text-align: center;
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .material_item .icon {
      width: 200px;
      height: 136px;
      background-color: #E8F6F5;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 6px;
  }
  .material_item {
      text-align: center;
  }
  .material_item h5 {
      font-size: 22px;
      margin-top: 20px;
  }
  .material_b p {
      margin-bottom: 30px;
  }
  .material_b:first-child {
      display: flex;
      align-items: center;
  }
  section.related.blog {
      border-radius: 0 0 100px 0;
  }
  section.related.blog::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background-color: #1baaa0;
      z-index: -1;
  }
	.blog-area p {
		font-family: 'Circular';
		font-weight: normal;
		font-size: 15px;
		color: #566166;
		line-height: 23px;
		text-align: center;
		padding: 0 120px;
		margin: 0;
	}
  .action_h h2.section_title {
      font-size: 36px;
  }
  .packages_item:first-child, .packages_item:last-child {
      margin-top: 80px;
  }
  .packages_item:nth-child(3) {
      margin-top: 50px;
  }
  header#myNavbar {
      left: 0;
      right: 0;
      top: 0;
      z-index: 999;
  }
  header#myNavbar.sticky {
      position: fixed;
      box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%);
      z-index: 9999999999;
      background: #fff!important;
      transform: NONE!important;
  }
  .hero.has_style2 {
      z-index: 12;
  }
  header.sticky .navbar {
      height: 60px;
  }
  .wrap {
    margin: 50px 0;
    padding: 0;
}
  .blog_item.card:hover {
       transform: translateY(-5px);
       -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
    }
  .blog_item.card .inner {
      position: relative;
    }
    .blog_item.card ,.blog_item.card * {
      transition: all ease-in-out .3s;
      -webkit-transition: all ease-in-out .3s;
      -moz-transition: all ease-in-out .3s;
    }
    .video-play-button {
      position: absolute;
      z-index: 10;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      box-sizing: content-box;
      display: block;
      width: 32px;
      height: 44px;
      /* background: #fff; */
      border-radius: 50%;
      padding: 18px 20px 18px 28px;
    }
    .video-play-button:before {
      content: "";
      position: absolute;
      z-index: 0;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      display: block;
      width: 80px;
      height: 80px;
      background: #fff;
      border-radius: 50%;
      animation: pulse-border 1500ms ease-out infinite;
    }
    .video-play-button:after {
      content: "";
      position: absolute;
      z-index: -1;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      display: block;
      width: 80px;
      height: 80px;
      background: #fff;
      border-radius: 50%;
      transition: all 200ms;
    }
    .about_us .video-play-button:before {
      background: #1baaa0;
      width: 100px;
      height: 100px;
  }
  .about_us .video-play-button:after {
      width: 100px;
      height: 100px;
      background-color: #1baaa0;
  }
    .video-play-button:hover:after {
      background-color: darken(#fa183d, 10%);
    }
    .video-play-button img {
      position: relative;
      z-index: 3;
      max-width: 100%;
      width: auto;
      height: auto;
    }
    .video-play-button span {
      display: block;
      position: relative;
      z-index: 3;
      width: 0;
      height: 0;
      border-left: 32px solid #fff;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
    }
    @keyframes pulse-border {
      0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
      }
      100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
      }
    }
    .video-overlay {
      position: fixed;
      z-index: -1;
      top: 0;
      bottom: 0;
      left: 0;
      display: none;
      right: 0;
      background: rgba(0,0,0,0.45);
      opacity: 0;
      transition: all ease 500ms;
    }
    .video-overlay.open {
      position: fixed;
      z-index: 1000;
      opacity: 1;
      display: block;
    }
    .video-overlay-close {
      position: absolute;
      z-index: 1000;
      top: 10%;
      right: 15%;
      font-size: 36px;
      line-height: 1;
      font-weight: 400;
      color: #fff;
      text-decoration: none;
      cursor: pointer;
      transition: all 200ms;
    }
    .video-overlay-close:hover {
      color: #fff;
    }
    .video-overlay iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      /* width: 90%; */
      /* height: auto; */
      box-shadow: 0 0 15px rgba(0,0,0,0.75);
    }
    .video-play-button i.ri-play-fill {
      color: #ee7163;
      font-size: 38px;
      z-index: 11;
  }
  .content .video_block {
      position: relative;
  }
  a.video-play-button {
    position: absolute;
    margin: 0 auto;
    top: 100%;
    margin-top: -30px;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    z-index: 1;
    justify-content: center;
    align-items: center;
  }
  .video_block iframe {
      border-radius: 12px;
  }
  section.section.is_sm.section_dark.content.has_style2.border_section {
      z-index: 99999;
  }
  .about_us .video-play-button i.ri-play-fill {
      color: #fff;
      font-size: 50px;
      z-index: 11;
  }
  .about_us {
      z-index: 9;
  }
  a.nav-link.call_us span {
      display: block;
      font-size: 12px;
      font-weight: 600;
      color: #879496;
  }
  a.blog_link {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
  }
.feautures .h6 {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px!important;
    font-weight: bold;
    font-family: SpaceGrotesk-Bold, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
  .testimonial_box p.description {
      color: #708d9e!important;
      font-weight: 600;
  }
  .testi_cards {
      display: flex;
  }
  .testimonial_box:nth-child(3) {
      margin-top: 30px!important;
  }
  .feautures.has_style1 .btn.learn-more {
      padding: 0;
      margin: 0px;
      font-size: 13px;
      box-shadow: none!important;
      color: #EE7163;
      background-color: transparent;
      font-weight: 500;
      font-family: 'Circular';
	  text-align: left;
  }
  .feautures.has_style1 a.btn.learn-more .inside_item {
      float: left;
  }
  .feautures.has_style1 a.btn.learn-more i.ri-arrow-right-s-line {
      margin-top: 0px;
  }
  .sticky a.nav-link.call_us {
      color: rgb(27, 170, 160)!important;
  }
 header#myNavbar.sticky img.logo.logo--light {
      display: none !important;
      transform: none!important;
      -webkit-transform: none!important;
  }
  header#myNavbar.sticky img.logo.logo--dark {
      display: block!important;
      transform: none!important;
      -webkit-transform: none!important;
  }
  .dropdown .dropdown-menu.single-drop.mega_menu__ {
      display: flex;
  }
	@media screen and (max-width:991px){
		
	  .dropdown .dropdown-menu.single-drop.mega_menu__ {
		  display: none;
	  }
		.dropdown.activeMenu .dropdown-menu.single-drop.mega_menu__ {
			display: inline;
			visibility: initial;
			opacity: 1;
			justify-content: space-between;
	  }
	}
  .dropdown .dropdown-menu .item_colume .sub_title {
      margin-bottom: 20px;
  }
  .section.feautures.has_style1 p.box_text {
      color: rgb(1, 44, 68);
      font-family: 'SpaceGrotesk';
      font-weight: 400;
  }
  .feautures.has_style1 .pro-slider a.btn.learn-more {
      margin-top: 0;
  }
  .product.has_style3 a.btn.learn-more i.ri-arrow-right-s-line {
      margin-top: -3px;
      margin-right: 7px;
  }
  .section.feautures.has_style3 .shape {
      left: -11rem;
  }
  a.hover_link {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
  }
  .swiper_feautures a.btn.learn-more {
      padding: 0;
      margin-top: 0;
      font-size: 14px;
      box-shadow: none!important;
      color: #EE7163;
      background-color: transparent;
      font-weight: 500;
      font-family: 'Circular';
  }
  .feautures.has_style3 .box .box_icon::before {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 4px;
      top: 0;
      content: "";
      border-radius: 50%;
      box-shadow: 0px 16px 1px -8px #ccc, 0px 13px 13px -7px #ccc;
      z-index: -1;
  }
  .feautures.has_style3 .box .box_icon {
      /* box-shadow: 0px 16px 1px -8px #ccc, 0px 13px 0px -6px #ccc; */
      position: relative;
  }
  .product.has_style3 .shape {
      left: auto;
      right: -2rem;
      top: 10rem;
      z-index: -1;
  }
  .recentcomments a{
      display:inline !important;padding:0 !important;margin:0 !important;
  }
  .dark_banner img.logo.logo--light {
    display: block!important;
    transform: none!important;
}
.dark_banner img.logo.logo--dark {
  display: none;
}
  /*
Theme Name: Refine Packaging
Theme URI: https://refinepackaging.com
Author:
Author URI:
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: refine
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/
/* == WordPress WYSIWYG Editor Styles == */
.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
dl, ol, ul {
    margin-bottom: 20px;
}
.mega-menu .dropdown_menu_nav{
	column-count: 3;
}
.call-us {
    position: relative;
    right: -80px;
    top: 10px;
}
.header-black .navbar .navbar-collapse .navbar-nav .nav-item.call-us .nav-link {
    color: #1baaa0;
    font-size: 15px;
    font-weight: bold;
}
.call-us-title {
    font-size: 13px;
    color: rgb(197 194 194 / 72%);
    position: absolute;
    top: -8px;
}
.call-us i {
    font-size: 18px;
    font-weight: 200;
    transform: translateY(1px);
}
.faq .accordion .card .card-body {
    background-color: #fff;
    position: relative;
    padding: 1rem 1.9rem;
    border-radius: 8px;
}
.faq .accordion .card .card-body::before {
    content: '';
    height: 1px;
    width: 90%;
    background: #f0f2f4;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 5px;
}
.testimonial .section-head h6 {
    color: #899ca9 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px!important;
}
.testimonial .section-head .section_title {
    font-size: 45px;
    line-height: 49px;
}
.testimonial .section-head p {
    color: #aac1d7;
    font-size: 18px;
    line-height: 25px;
    margin: 15px 0 35px;
}
.testimonial .section-head .btn-primary {
    background-color: #ef7263;
}
.testimonial .shape {
    z-index: -1;
    top: 1rem;
	left: 
}
.testimonial .shape.left_top img {
    max-width: 12rem;
}
.feautures .shape {
    z-index: -1;
}
.call2action.has_style5 .btn-primary {
    background-color: #ef7263;
}

.content.has_style2 .shape {
    position: absolute;
    bottom: 7rem;
    left: -8rem;
}
.content.has_style2 .shape.in_left_top {
    position: absolute;
    top: 4rem;
    left: -13rem;
}
.content.has_style2 .shape {
    bottom: 7rem;
    left: -8rem;
	top: auto;
}
.content.has_style2 .shape.in_right {
    right: -6.9rem;
    bottom: auto;
    left: auto;
    top: 10rem;
}
/* .feautures.has_style3 .box .box_icon{
	box-shadow: 0px 16px 1px -8px #ccc, 0px 13px 0px -6px #ccc;
} */
.btn-feautures {
    background-color: #fff;
    color: #ef7263;
	font-weight: bold;
}
.text-gray{
	color: #7b919d !important;
}
.hero_title_keywork{
	min-height: 60px;
    color: #ed7163;
    font-size: 64px;
    font-family: 'Circular-Bold' !important;
}
.in_light_green {
  background-color: rgb(233, 247, 246);
}
.in_dark {
  background-color: rgb(1, 44, 68);
}
.in_light_orange {
  background-color: rgb(252, 246, 241);
}
.in_green {
  background-color: rgb(27, 170, 160);
}
.text-primary {
  color: #14aca1 !important;
}
.border_section {
  z-index: 0;
  border-bottom-right-radius: 100px !important;
}
.client_logos.has_style1 {
  background-color: rgb(233, 247, 246);
  position: relative;
  padding: 60px 0px;
}
.client_logos.has_style1::before {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 1rem;
  height: 15rem;
  width: 15rem;
  z-index: -1;
  background: url(../svg/1.1.svg) 0px 0px / cover;
}
.feautures.has_style5 {
  position: relative;
  background: rgb(252, 246, 241);
}
.feautures.has_style5::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -2rem;
  height: 15rem;
  width: 10rem;
  background: url(../svg/orange-line.svg) 0px 0px / contain no-repeat;
}
.feautures.has_style5 .box {
  box-shadow: rgba(29, 14, 98, 0.067) 0px 33px 88px 0px;
  background: rgb(255, 255, 255);
}
.feautures.has_style5 .box div.d-flex {
  min-height: 165px;
}
.feautures.has_style5 .box .box_icon {
  margin-bottom: 20px;
  text-align: left;
  height: 4rem;
  width: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  background: rgb(233, 247, 246);
  border-radius: 20px;
}
.feautures.has_style5 .box.is_active .box_icon {
  background: rgb(252, 246, 241);
}
.feautures.has_style5 .box .box_title {
  margin-bottom: 14px;
  font-size: 18px;
}
.feautures.has_style5 .boxes_deco {
  background: url(../svg/3.3.svg) center center / contain no-repeat;
}
.feautures.has_style5::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -2rem;
  height: 15rem;
  width: 10rem;
  background: url(../svg/orange-line.svg) 0px 0px / contain no-repeat;
}
.swiper_product1 .swiper-button-prev {
  height: 3rem;
  width: 3rem;
  top: -5rem;
  left: auto;
  right: 4rem !important;
  background: rgb(27, 170, 160);
  border-radius: 50%;
  transition: all 0.2s ease-in-out 0s;
}
.feautures.has_style1 .box {
  box-shadow: rgba(29, 14, 98, 0.067) 0px 33px 88px 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(234, 234, 238);
  border-image: initial;
  transition: all 0.2s ease-in-out;
}
.feautures.has_style1 .box:hover,
.product.has_style3 .box:hover {
  transform: translateY(-3%);
}
.feautures.has_style1 .box a {
  color: rgb(1 44 68);

}
.section.is_sm.feautures.has_style1 .swiper_product1 .box a {
	cursor: ew-resize;	
}
.feautures.has_style1 .section-head {
  margin-bottom: 20px;
  width: 100%;
}
.product.has_style3 .swiper-container.industries-slider {
  padding-top: 20px;
}
.feautures.has_style1 .swiper-container {
  padding: 20px 0 0;
}
.feautures.has_style1 .box a:hover {
  color: #ed7163 !important;
}
h5 {
  transition: all 0.2s ease-in-out;
}
.feautures.has_style1 .box h5:hover {
  color: #ed7163 !important;
}
.feautures.has_style1 .box.in_product .box_img {
  box-shadow: none;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  background-color: rgb(246, 247, 248);
  padding: 20px;
  border-radius: 10px;
}
.feautures.has_style1 .box.in_product .box_img img {
  width: 80%;
}
.feautures.has_style1 .box .box_title {
  margin-bottom: 10px !important;
	font-size: 22px;
}
.feautures.has_style1.trending-products .box .box_title,
.pcf-products .box.in_product .box_title {
    font-size: 16px;
}
.feautures.has_style1 .box .btn_cart {
  background-color: #ed7163;
  line-height: 100%;
  height: auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgb(237 113 99) 0px 16px 24px -11px;
  border-radius: 5px;
  transition: all 0.2s ease-in-out 0s;
  padding: 9px 15px;
  color: #fff;
  display: inline-block;
  margin-top: 10px;
}
.shape {
  position: absolute;
  top: 4rem;
  left: -5rem;
}
.shape img {
  width: 100%;
  max-width: 20rem;
}
.shape.in_right {
  right: -2rem;
  bottom: 4rem;
  left: auto;
  top: auto;
}
.bg-secondary {
  background: rgb(27, 170, 160) !important;
}
.feautures.has_style3 .box .box_icon {
  margin-bottom: 20px;
  text-align: left;
  height: 4rem;
  width: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  color: rgb(255, 255, 255);
  margin-right: 20px;
  border-radius: 20px;
  background: rgb(1, 44, 68) !important;
}
.arrow {
  height: 2rem;
  margin-right: 3rem;
  margin-bottom: 20px;
}
.no_arrow .arrow {
  display: none;
}
.feautures.has_style3 .box .box_title {
  margin-bottom: 14px;
  color: rgb(255, 255, 255);
  font-family: 'Circular'!important;
  font-weight: 500;
}
.feautures.has_style3 .box .box_text {
  color: rgb(255, 255, 255);
  margin: 0px;
}
.product.has_style3 {
  position: relative;
  background: rgb(252, 246, 241);
}
.product .swiper_products::before {
  content: "";
  position: absolute;
  height: 66%;
  width: 100%;
  left: 0px;
  top: 0px;
  border-radius: 10px;
  background: rgb(1, 44, 68);
}
.product .swiper_products .swiper-button-prev {
  height: 3.3rem;
  width: 3.3rem;
  left: -1.8rem;
  top: 35%;
  background: rgb(27, 170, 160);
  border-radius: 50%;
  transition: all 0.2s ease-in-out 0s;
  border-width: 5px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
}
.product .swiper_products .swiper-button-next::after,
.product .swiper_products .swiper-button-prev::after {
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 700;
  transition: all 0.2s ease-in-out 0s;
}
.product .swiper_products .swiper-button-next {
  height: 3.3rem;
  width: 3.3rem;
  right: -1.8rem;
  left: auto;
  top: 35%;
  background: rgb(27, 170, 160);
  border-radius: 50%;
  transition: all 0.2s ease-in-out 0s;
  border-width: 5px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
}
.product.has_style3 .box {
box-shadow: rgb(29 14 98 / 7%) 0px 3px 28px 0px;
  padding: 1rem;    padding: 1rem;
  background: rgb(255, 255, 255);
  transition: all 0.2s ease-in-out;
}
.product.has_style3 .box h5:hover {
  color: rgb(237, 113, 99);
}
.product.has_style3 .box.in_product .box_img {
  box-shadow: none;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  background-color: rgb(246, 247, 248);
  padding: 20px;
  border-radius: 10px;
}
.product .has_style3 .box.in_product .box_img img {
  width: 100%;
}
.product.has_style3 .btn_cart {
  line-height: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.section.section_dark * {
  color: rgb(255, 255, 255);
}
.testimonial_box .quote {
  margin-bottom: 10px;
  color: rgb(1, 44, 68) !important;
	font-size: 13px;
}
.content.has_style1::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 70%;
  top: 0px;
  z-index: -1;
  border-bottom-right-radius: 100px !important;
  background: rgb(233, 247, 246);
}
.content.has_style1 .img_gallery img {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 10px;
}
.call2action.has_style4 {
  background: rgb(233, 247, 246);
  border-radius: 10px;
  padding: 30px;
}
.call2action.has_style4 .img_top {
  margin-top: -4rem;
  margin-bottom: 20px;
}
.call2action.has_style5 {
  background: rgb(27, 170, 160);
}
.footer.has_style1::after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 20rem;
  width: 20rem;
  background: url(../svg/footer_deco.svg) 0px 0px / cover;
  z-index: 0;
}
.blog.has_style_grid {
  box-shadow: rgba(29, 14, 98, 0.067) 0px 33px 88px 0px;
  background: rgb(255, 255, 255);
  margin: 0px 0px 30px;
  overflow: hidden;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
.blog.has_style_grid:hover {
  box-shadow: none;
  transform: translateY(-1%);
}
.blog.has_style_grid img {
  transition: all 0.3s ease-in-out;
}
.blog.has_style_grid a {
  transition: all 0.2s ease-in-out;
}
.blog.has_style_grid a:hover {
  color: #ed7163;
}
.blog.has_style_grid:hover img {
  filter: brightness(0.5);
}
.blog .blog-img {
  position: relative;
}
.blog.has_style_grid .blog-img img {
  width: 100%;
  object-fit: cover;
  height: 14rem;
}
.blog .blog-wrap {
  margin: 30px;
}
.blog.has_style_grid .blog-title {
  font-size: 24px;
}
@media screen and (min-width: 1600px) {
  .blog .blog-title {
      font-size: 40px;
  }
}
.blog .blog-title {
  color: rgb(24, 59, 86);
  font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
  line-height: 1.33;
  max-height: 2.66em;
  letter-spacing: 0.2px;
  margin: 0px 0px 20px;
  overflow: hidden;
}
@media screen and (min-width: 1600px) {
  h3 {
      font-size: 40px;
  }
}
.feautures.has_style3 .box .box_icon .number {
  font-size: 20px;
  font-family: SpaceGrotesk-Bold;
  text-align: center;
  color: rgb(255, 255, 255);
  margin: 0;
}
.content .video_block .play {
  position: absolute;
  left: 50%;
  transform: translateX(-60%);
  bottom: 6.3rem;
  width: 5rem;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.feautures.has_style3 .box {
  padding: 0px;
}
.blog .blog-title a {
  color: rgb(1, 44, 68);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.blog.has_style_grid .blog-excerpt {
  font-size: 16px;
  margin-bottom: 20px;
}
.blog .blog-excerpt {
  font-size: 18px;
  line-height: 1.78;
  color: rgb(90, 113, 132);
  margin: 0px 0px 20px;
}
.blog .name {
  padding: 0px;
  margin: 0;
}
.blog .author-post {
  text-transform: uppercase;
  color: rgb(122, 125, 151);
  font-size: 13px;
  margin: 0px;
}
.menu svg {
  width: 44px;
  height: 48px;
  top: -6px;
  stroke-width: 0.2rem;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  display: block;
  position: absolute;
  left: -3px !important;
  stroke: rgb(255, 255, 255) !important;
}
.content .video_block .play:hover {
  transform: translateX(-60%) scale(1.1);
  opacity: 0.8;
}
.swiper_product1 .swiper-button-next {
  height: 3rem;
  width: 3rem;
  top: 3rem;
  right: 0px !important;
  background: rgb(27, 170, 160);
  border-radius: 50%;
}
.swiper_product1 .swiper-button-prev {
  height: 3rem;
  width: 3rem;
  top: 3rem;
  left: auto;
  right: 4rem !important;
  background: rgb(27, 170, 160);
  border-radius: 50%;
  transition: all 0.2s ease-in-out 0s;
}
.swiper_product1 .swiper-button-next::after,
.swiper_product1 .swiper-button-prev::after {
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 700;
  transition: all 0.2s ease-in-out 0s;
}
.feautures.has_style1 .swiper-container {
  overflow: visible;
  position: initial;
  overflow-x: visible;
  min-height: 420px;
}
.feautures.has_style1 .container.container_slide{
  position: relative;
}
.product .swiper_products {
  position: relative;
  padding: 5rem;
  padding-bottom: 30px;
  overflow: visible !important;
}
.menu_has_products .row {
  padding: 0;
  margin: 0;
}
.menu_has_products {
  padding: 10px;
}
.menu_has_products {
  width: max-content !important;
}
.mega_product_title .dropdown-item {
  padding-right: 0 !important;
}
.mega_product_title {
  font-size: 16px;
  padding-left: 5px;
  margin: 0;
}
@media screen and (max-width:767px){
	.mega_product_title {
		font-size: 12px;
		padding-left: 0px;
	}
}
.mega_product_title a {
  padding-left: 0 !important;
}
.mega_product_title .dropdown-item:hover {
  background: none !important;
}
.mega_product {
  margin: 10px 0;
  margin-right: 15px;
  display: flex;
  padding-bottom: 7px;
  margin-bottom: 7px;
  align-items: center;
  border-radius: 10px;
  padding: 2px 10px;
  padding-left: 0px;
  width: max-content;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width:767px){
	.mega_product {
		margin: 0px 0;
		padding: 2px 6px;
		padding-left: 0px;
	}
}
.mega_product:hover {
  background: #e9f7f6;
}
.mega_product:hover a {
  color: #ed7163 !important;
}
.mega_product:hover h5 {
  color: #ed7163;
}
.prod_img_wrap {
    padding: 5px 5px;
    border-radius: 7px;
    background: #f4f8fa;
    display: inline-block;
    margin: 0 10px 0 0;
}
@media screen and (max-width:767px){
	.prod_img_wrap {
		padding: 2px 2px;
		border-radius: 4px;
		margin: 0 5px 0 0;
	}
}
.mega_product .prod_img {
  width: 1.7rem;
}
@media screen and (max-width:767px){
	.mega_product .prod_img {
	  width: 22px;
	}	
}
.mega_title {
  margin: 5px 0 15px;
}
.border_mega {
  /* border-left: solid 1px #e2e4eb; */
}
.menu_has_products .btn_cart {
  line-height: 100%;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgb(237 113 99) 0px 16px 24px -11px;
  border-radius: 5px;
  transition: all 0.2s ease-in-out 0s;
  padding-left: 0 !important;
}
.view_more {
  padding-top: 11px !important;
  display: block;
  font-weight: bold;
  color: rgb(114, 131, 145);
  line-height: inherit;
  display: flex;
  align-items: center;
}
.mt-5 {
  margin-top: 5px;
}
.sub_nav_menu {
  margin-top: 20px !important;
}
.search_mega_product {
}
.search_mega_product input {
    height: 20px!important;
    border: none !important;
    box-shadow: none !important;
    background-color: rgb(232 239 247);
    padding-left: 20px;
    border-radius: 6px 0 0 6px !important;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 80%;
    float: left;
}
.search_mega_product button.btn {
    background: #D9DFEE;
    width: 20%;
    border-radius: 0 6px 6px 0;
    line-height: 20px;
    height: 40px;
    padding: 16px;
    color: #212529;
    font-size: 11px;
}
.search_mega_product input:hover,
.search_mega_product input:focus {
  background-color: rgb(221, 227, 238) !important;
}
.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_title {
  margin-bottom: 32px;
}
.input-group-text {
  position: absolute;
  z-index: 1;
  background-color: transparent !important;
  border: none;
  top: 2px;
}
.input-group-prepend {
  position: relative;
}
.swiper-button-disabled {
  opacity: 0.4 !important;
}
.blink {
    animation: blinker 1s step-start infinite;
    font-size: 50px;
    position: relative;
    top: -9px;
}
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }
  .blog_item.card a.hover_link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,39,60,0.8);
    z-index: 111;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    opacity: 0;
}
.blog_item.card:hover a.hover_link {
    opacity: 1;
}
.blog_item.card .blog_image_ {
    position: relative;
}
.row.related_blogs .blog_item.card.slick-slide{
    opacity: 1;
}
.row.related_blogs .blog_item.card.slick-slide.slick-active {
    opacity: 1 !important;
}
.align-items-center .inner {
    font-family: circular;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
}
.action_2_block .content{
    font-family: circular;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;

}
.custom-cat-features{
    font-family: circular;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
}
.kksr-legend {
    display: none;
}

.custom-cat-features img{
  width: 100%;
}
.story__block img{
  width: 100%;
}

.product_detail .pd_block .sp-img-block .slick-slider:first-child {
    margin-top: -22px;
}
#nav-artwork img {
    width: 100%;
}

.table-striped>tbody>tr:nth-of-type(even),
.table-striped>tbody>tr:nth-of-type(odd){
    --bs-table-accent-bg: #FCF6F1;
    border-top: 3px solid #fff !important;
    border-bottom: 3px solid #fff;
}

.table-striped thead tr th:first-child {
    border: none;
    border-radius: 10px 0 0 0;
	color: #fff;
	font-weight: bold;
	border-right: 3px solid #fff;
}

.table-striped thead tr th:last-child {
    border: none;
    border-radius: 0 10px 0 0;
	color: #fff;
	font-weight: bold;
}
.table-striped tbody tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}
.table-striped tbody tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

tbody, td, tfoot, th, thead, tr {
	font-family: 'Circular';
}
.table-striped tbody tr td:first-child {
    font-weight: bold;
	border-right: 3px solid #fff;
}
body.blog .blog_item .blog_content {
	min-height: auto;
}
.menu_tabs {
    padding: 0;
    margin: 0;
    text-align: center;
    display: block;
}
.menu_tabs p {
    color: #566166;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 0;
    padding: 0;
}
.menu_tabs p b{
    font-size: 15px;
    color: #022c44;
  }
a#get_menu {
    color: #fff;
    font-size: 18px;
    background-color: #EE7163;
    padding: 10px 12px;
    text-align: center;
    margin: 10px auto;
    display: inline-block;
    border-radius: 5px;
}
.menu_tabs a{
  color: #1baaa0;
  text-decoration: none;
  font-family: 'Circular';
  font-size: 16px;
  display: block;
  text-align: center;
}
.menu_tabs span{
  font-size: 14px;
  text-align: center
  color: rgb(1, 44, 68);
  display: inline-block;
  padding: 10px 0 0 0;
  margin: 0;
}
li.tabs_bg{
  background-color: #fbf6f0 !important;
}
li.tabs_panels{
  background-color: #fbf6f0 !important;
  border-radius: 5px !important;
}
li.tabs_panel {
    background-color: #fbf6f0 !important;
    border-radius: 5px !important;
}
.client_logos .h6.text_line {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    font-family: SpaceGrotesk-Bold, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
ul#footer_3 {
    margin-bottom: 15px;
}
.footer-social-buttons a {
    padding: 4px;
    margin-right: 2px;
    background-color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
    display: inline-block;
}
.footer-social-buttons a img {
    width: 16px;
}
div#mce-responses, div#mce-error-response {
    margin-top: 12px;
    font-family: 'Circular';
    color: #17aa9f;
}

div#mce-error-response {
	color: red;
}
.item_colume.last-sec img.csrs,
.nav_account img.csrs {
    width: 120px;
    padding: 3px 20px;
}

.select2-container {
	width: 100% !important;
}
a.whole-box,
.feautures.has_style1 a.whole-box .box,
a.hover_link_new,
a.hover_link_new .box {
	cursor: pointer;
}
p.btn.learn-more {
    padding: 0;
    margin: 0;
    font-size: 13px;
    box-shadow: none!important;
    color: #EE7163;
    background-color: transparent;
    font-weight: 500;
    font-family: 'Circular';
    text-align: left;
}
header .navbar-collapse .nav_account.mobile .csrs {
		display: none;
}
.page-template-about .in_light_green {
    background: transparent;
}


/* Breadcrumbs */

p#breadcrumbs{
	padding: 0px;
}
p#breadcrumbs > span {
    margin: 0;
    background: #001e2f;
    border-radius: 6px;
    overflow: hidden;
    display: inline-block;
}
p#breadcrumbs > span > span {
    display: inline-block;
    padding: 7px 15px;
    float: left;
    color: #fff;
    position: relative;
    font-size: 10px;
}
p#breadcrumbs > span > span a {
    color: #90A3AD !important;
}
p#breadcrumbs > span > span a:after {
    width: 1px;
    content: "";
    background-color: #90A3AD;
    position: absolute;
    right: 0;
    top: -3px;
    bottom: -3px;
    transform: rotate(27deg);
    -webkit-transform: rotate(27deg);
    -moz-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    -o-transform: rotate(27deg);
}