@charset "UTF-8";
/*-------------------------------------------*\
   main.scss

   Import Core Files
   1.0 general.scss
   1.1 shortcodes.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   general.scss

   Import Settings
   1.0 variables.scss
   1.1 reset.scss
   1.2 typography.scss
   1.3 mixins.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   variables.scss

   General variables
\*-------------------------------------------*/
:root {
  --primary-color: #2d83c5;
  --primary-action-color: #2a76b0;
  --primary-color-additional: #8e54e9;
  --primary-font: 'Poppins', sans-serif;
  --white-color: #ffffff;
  --white-transparent-color: rgba(255, 255, 255, 0.7);
  --gray-color: #F6F8FB;
  --gray-hard-color: #f0f0f0;
  --black-color: #161616;
  --black-warm-color: #232323;
  --border-color-1: rgba(151, 151, 151, 0.2);
  --border-color-2: #EAEAEA;
  --text-color: #676767;
  --meta-color: #888888;
  --yellow-color: #fad108;
  --red-color: #ed1277;
  --success-color: #1e7346;
  --info-color: #2196F3;
  --warning-color: #FF5722;
  --danger-color: #f44336;
}

/*-------------------------------------------*\
   Breakpoints
\*-------------------------------------------*/
/*-------------------------------------------*\
   reset.scss

   Reset settings by default values
\*-------------------------------------------*/
body {
  overflow-x: hidden !important;
  line-height: 2.2;
  font-family: var(--primary-font);
  font-size: 16px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none !important;
}

img {
  display: block;
}

button {
  border: none;
  background: transparent;
}

fieldset {
  border: none;
}

button {
  cursor: pointer;
}

img {
  display: block;
}

header {
  position: relative;
}

::-moz-selection {
  background: var(--primary-color) !important;
  color: var(--white-color) !important;
}

::selection {
  background: var(--primary-color) !important;
  color: var(--white-color) !important;
}

.page-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  background-color: var(--white-color);
  color: var(--black-color);
  max-width: 100%;
  padding-top: var(--navigation-offset);
}

@media (max-width: 1025px) {
  .page-wrapper {
    padding-top: var(--navigation-mobile-offset);
  }
}

@media (max-width: 1201px) {
  .additional-info {
    width: 100% !important;
    text-align: center;
  }
}

.items-not-found {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.items-not-found .subtitle {
  margin-bottom: 10px;
}

.project-map {
  height: 400px;
  width: 100%;
}

.black-and-white-image img {
  filter: gray;
  /* IE5+ */
  -webkit-filter: grayscale(1);
  /* Webkit Nightlies & Chrome Canary */
  -webkit-transition: all .8s ease-in-out;
}

.black-and-white-image:hover img {
  filter: none;
  -webkit-filter: grayscale(0);
}

.mfp-first .mfp-arrow-left {
  display: none;
}

.mfp-last .mfp-arrow-right {
  display: none;
}

#reader-container .status {
  display: none !important;
}

.description-block-text a, .post-text a {
  color: var(--info-color);
}

.description-block-text ul li:before, .post-text ul li:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: var(--primary-color);
  margin-right: 10px;
  border-radius: 100%;
}

.description-block-text ol, .post-text ol {
  padding-left: 30px;
}

.description-block-text ol li, .post-text ol li {
  list-style-type: decimal;
  margin-left: 10px;
}

.select2-selection__choice {
  margin-top: 12px !important;
}

.select2-search__field {
  margin-bottom: 0 !important;
  height: auto !important;
  margin-top: 15px !important;
}

.bg-pattern:before {
  position: absolute;
  content: '';
  display: block;
  background: var(--black-warm-color);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .3;
}

.preloader {
  background: #ffffff8c;
  z-index: 999;
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.preloader.hidden {
  display: none;
}

.preloader .preloader-element {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin: -25px 0 0 -25px;
  border: 4px var(--black-color) solid;
  border-top: 4px var(--yellow-color) solid;
  border-right: 4px var(--red-color) solid;
  border-bottom: 4px var(--primary-color) solid;
  border-radius: 50%;
  -webkit-animation: spin5 1s infinite linear;
          animation: spin5 1s infinite linear;
}

@-webkit-keyframes spin5 {
  from {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin5 {
  from {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/*-------------------------------------------*\
   typography.scss

   General typography styles
\*-------------------------------------------*/
i {
  line-height: 1;
  font-size: 14px;
}

a {
  text-decoration: none;
  color: var(--black-color);
}

p {
  color: var(--text-color);
  font-weight: 400;
}

ul li, ol li {
  list-style-type: none;
}

h1 {
  font-size: 52px;
  letter-spacing: -1.5px;
}

@media (max-width: 1201px) {
  h1 {
    font-size: 48px;
    letter-spacing: -1.3px;
  }
}

@media (max-width: 1201px) {
  h1 {
    font-size: 44px;
    letter-spacing: -1.2px;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 38px;
    letter-spacing: -1.1px;
  }
}

@media (max-width: 576px) {
  h1 {
    font-size: 36px;
    letter-spacing: -1px;
  }
}

h2 {
  font-size: 44px;
  letter-spacing: -1.2px;
}

@media (max-width: 1440px) {
  h2 {
    font-size: 38px;
    letter-spacing: -1.1px;
  }
}

@media (max-width: 1201px) {
  h2 {
    font-size: 36px;
    letter-spacing: -1px;
  }
}

@media (max-width: 768px) {
  h2 {
    font-size: 32px;
    letter-spacing: -0.9px;
  }
}

@media (max-width: 576px) {
  h2 {
    font-size: 28px;
    letter-spacing: -0.8px;
  }
}

h3 {
  font-size: 36px;
  letter-spacing: -1px;
}

@media (max-width: 1440px) {
  h3 {
    font-size: 32px;
    letter-spacing: -0.9px;
  }
}

@media (max-width: 1201px) {
  h3 {
    font-size: 26px;
    letter-spacing: -0.7px;
  }
}

@media (max-width: 576px) {
  h3 {
    font-size: 24px;
    letter-spacing: -0.6px;
  }
}

h4 {
  font-size: 28px;
  letter-spacing: -0.8px;
}

@media (max-width: 1201px) {
  h4 {
    font-size: 26px;
    letter-spacing: -0.7px;
  }
}

@media (max-width: 576px) {
  h4 {
    font-size: 24px;
    letter-spacing: -0.6px;
  }
}

h5 {
  font-size: 22px;
  letter-spacing: -0.5px;
}

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

h6 {
  font-size: 18px;
  letter-spacing: -0.3px;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  font-weight: 500;
}

textarea, input, fieldset, button {
  font-family: var(--primary-font);
}

/*-------------------------------------------*\
   mixins.scss

   General mixins
\*-------------------------------------------*/
.d-block {
  display: block !important;
}

.d-none {
  display: none;
}

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

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

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

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

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

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

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

.height {
  height: 10px;
}

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

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

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

.d-flex {
  display: -ms-flexbox;
  display: flex;
}

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

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

.vertical-center {
  align-items: center;
}

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

.color-red {
  color: var(--danger-color);
}

.register-page .columns-wrapper {
  margin: 0 -15px 15px -15px;
}

.register-page .columns-wrapper .column {
  padding: 15px;
}

#reader-container {
  background: var(--gray-color) !important;
  border-radius: 3px;
}

/*-------------------------------------------*\
   hero-slider.scss

   1.0 hero-slider-shape.scss
   1.1 hero-slider-full-width.scss
   1.2 hero-slider-multiple.scss
   1.3 hero-slider-parallax.scss
   1.4 hero-split-carousel.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   hero-slider-shape.scss

   Hero slider shape styles
\*-------------------------------------------*/
.hero-slider-shape {
  width: 100%;
  height: calc(100vh - var(--navigation-offset));
  position: relative;
}

.hero-slider-shape .inner-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.hero-slider-shape .inner-wrapper .shape-overlay {
  top: calc(50% - var(--navigation-offset) / 2);
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 850px;
  height: 850px;
  overflow: hidden;
  position: absolute;
  background-color: var(--gray-color);
  z-index: 1;
}

@media (max-width: 1025px) {
  .hero-slider-shape .inner-wrapper .shape-overlay {
    width: 500px;
    height: 500px;
  }
}

.hero-slider-shape .inner-wrapper .shape-wrapper {
  top: calc(50% - var(--navigation-offset) / 2);
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 550px;
  height: 550px;
  overflow: hidden;
  position: absolute;
  border-radius: 100%;
  z-index: 10;
}

@media (max-width: 1025px) {
  .hero-slider-shape .inner-wrapper .shape-wrapper {
    width: 400px;
    height: 400px;
  }
}

@media (max-width: 576px) {
  .hero-slider-shape .inner-wrapper .shape-wrapper {
    width: 325px;
    height: 325px;
  }
}

.hero-slider-shape .inner-wrapper .shape-wrapper .slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-slider-shape .inner-wrapper .shape-wrapper .slide .inner-slide {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background-position: center;
  background-size: cover;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero-slider-shape .inner-wrapper .shape-wrapper .slide .inner-slide .content-wrapper {
  width: 100%;
  z-index: 3;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 0 50px;
}

.hero-slider-shape .inner-wrapper .shape-wrapper .slide .inner-slide .content-wrapper .title {
  color: transparent;
  -webkit-text-stroke: 1px var(--white-color);
  letter-spacing: 1px;
  font-weight: 700;
  transition: all .3s ease-in-out;
  text-align: center;
}

.hero-slider-shape .inner-wrapper .shape-wrapper .slide .inner-slide:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
}

.hero-slider-shape .inner-wrapper .shape-wrapper .slide:hover .content-wrapper .title {
  color: var(--white-color);
}

.hero-slider-shape .inner-wrapper .shape-wrapper .slide:not(:first-child) {
  transform: translateY(100%);
}

.hero-slider-shape .inner-wrapper .counter-slider {
  position: absolute;
  bottom: 30px;
  left: calc(50% - 150px);
  width: 300px;
  z-index: 10;
}

@media (max-width: 768px) {
  .hero-slider-shape .inner-wrapper .counter-slider {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 15px;
    left: 0;
  }
}

.hero-slider-shape .inner-wrapper .counter-slider span {
  line-height: 1;
  font-weight: 500;
}

.hero-slider-shape .inner-wrapper .counter-slider span.current, .hero-slider-shape .inner-wrapper .counter-slider span.max {
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black-color);
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
}

.hero-slider-shape .inner-wrapper .counter-slider span.divider {
  background-color: var(--border-color-1);
  width: 225px;
  height: 1px;
  margin: 0 20px;
  display: block;
  position: relative;
}

.hero-slider-shape .inner-wrapper .counter-slider span.divider .pagination {
  position: absolute;
  z-index: 10;
  background-color: var(--black-color);
  top: 0;
  left: 0;
  height: 3px;
  transform: translateY(-1px);
}

.hero-slider-shape .inner-wrapper .slider-navigation {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 150px;
  top: calc(50% - 35px);
  left: calc(50% + 325px);
  z-index: 10;
  transform: translateY(-50%);
}

@media (max-width: 1025px) {
  .hero-slider-shape .inner-wrapper .slider-navigation {
    left: calc(50% + 225px);
  }
}

@media (max-width: 576px) {
  .hero-slider-shape .inner-wrapper .slider-navigation {
    left: 0;
    top: unset;
    bottom: 30px;
  }
}

.hero-slider-shape .inner-wrapper .slider-navigation .button {
  width: 60px;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  pointer-events: auto;
}

.hero-slider-shape .inner-wrapper .slider-navigation .button.disable-button {
  opacity: 0.4;
  pointer-events: none !important;
}

/*-------------------------------------------*\
   hero-full-width-slider.scss

   Hero full width slider styles
\*-------------------------------------------*/
.hero-full-width-slider {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
  height: calc(100vh - var(--navigation-offset));
  min-height: 480px;
  justify-content: center;
}

@media (max-width: 768px) {
  .hero-full-width-slider {
    height: 78vh;
    min-height: 420px;
  }
}

.hero-full-width-slider .swiper-container {
  width: 100%;
  height: 100%;
}

.hero-full-width-slider .swiper-container .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black-color);
}

.hero-full-width-slider .swiper-container .background-image .inner-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all .5s ease-in-out;
  opacity: 0;
  transform: scale(1);
}

.hero-full-width-slider .swiper-container .background-image .inner-image.active-image {
  opacity: 1;
}

.hero-full-width-slider .swiper-container .swiper-wrapper {
  width: 100%;
  position: relative;
  z-index: 10;
}

.hero-full-width-slider .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-full-width-slider .swiper-container .swiper-wrapper .swiper-slide .slide-title {
  -webkit-text-stroke: 1px var(--white-color);
  color: transparent;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 56px;
  line-height: 1;
  transition: all .3s ease-in;
  text-align: center;
  padding: 15px;
}

@media (max-width: 1025px) {
  .hero-full-width-slider .swiper-container .swiper-wrapper .swiper-slide .slide-title {
    font-size: 42px;
  }
}

@media (max-width: 576px) {
  .hero-full-width-slider .swiper-container .swiper-wrapper .swiper-slide .slide-title {
    font-size: 36px;
  }
}

.hero-full-width-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slide-title {
  color: var(--white-color);
}

.hero-full-width-slider .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 50px;
}

.hero-full-width-slider .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: var(--white-color);
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  transition: all .2s ease-in-out;
  opacity: 0.3;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

.hero-full-width-slider .swiper-container .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.6);
  opacity: 0;
  transition: all .2s ease-in-out;
  border: 2px solid var(--white-color);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

.hero-full-width-slider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--white-color);
  opacity: 1;
}

.hero-full-width-slider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
}

.hero-full-width-slider .swiper-container .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 25px;
}

/*-------------------------------------------*\
   hero-slider-multiple.scss

   Hero slider multiple styles
\*-------------------------------------------*/
.hero-slider-multiple {
  width: 100%;
  position: relative;
  padding-bottom: 15px;
}

.hero-slider-multiple .swiper-container {
  position: relative;
}

.hero-slider-multiple .swiper-container .swiper-button {
  position: absolute;
  top: calc(300px - 25px);
  cursor: pointer;
  z-index: 10;
  background-color: var(--white-color);
  width: 55px;
  height: 55px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .hero-slider-multiple .swiper-container .swiper-button {
    top: calc(200px - 25px);
  }
}

.hero-slider-multiple .swiper-container .swiper-button i {
  font-size: 18px;
}

.hero-slider-multiple .swiper-container .swiper-button.swiper-button-custom-next {
  right: 0;
}

.hero-slider-multiple .swiper-container .swiper-button.swiper-button-custom-prev {
  left: 0;
}

.hero-slider-multiple .swiper-container .swiper-wrapper .swiper-slide .image-wrapper {
  height: 600px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

@media (max-width: 768px) {
  .hero-slider-multiple .swiper-container .swiper-wrapper .swiper-slide .image-wrapper {
    height: 400px;
  }
}

.hero-slider-multiple .swiper-container .swiper-wrapper .swiper-slide .image-wrapper .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-slider-multiple .swiper-container .swiper-wrapper .swiper-slide .description {
  padding: 20px 0;
}

.hero-slider-multiple .swiper-container .swiper-wrapper .swiper-slide .description .title {
  margin-bottom: 10px;
}

.hero-slider-multiple .swiper-container .swiper-wrapper .swiper-slide .description .category-list {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.hero-slider-multiple .swiper-container .swiper-wrapper .swiper-slide .description .category-list .category {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}

.hero-slider-multiple .swiper-container .swiper-wrapper .swiper-slide .description .category-list .category:not(:last-child):after {
  content: '/';
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px;
  opacity: 0.5;
}

/*-------------------------------------------*\
   hero-slider-parallax.scss

   Hero slider parallax styles
\*-------------------------------------------*/
.hero-slider-parallax {
  width: 100%;
  position: relative;
  height: 800px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .hero-slider-parallax {
    height: 500px;
  }
}

.hero-slider-parallax .swiper-container {
  height: 100%;
  width: 100%;
}

.hero-slider-parallax .swiper-container .swiper-wrapper {
  height: 100%;
  width: 100%;
}

.hero-slider-parallax .swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-slider-parallax .swiper-container .swiper-pagination-wrapper {
  position: absolute;
  right: 25px;
  bottom: 25px;
  z-index: 10;
}

.hero-slider-parallax .swiper-container .swiper-pagination-wrapper .swiper-pagination-count {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: var(--white-color);
  font-size: 12px;
}

.hero-slider-parallax .swiper-container .swiper-pagination-wrapper .swiper-pagination-count span {
  margin: 0 20px;
  color: var(--white-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
}

.hero-slider-parallax .swiper-container .swiper-navigation {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  flex-direction: column;
}

.hero-slider-parallax .swiper-container .swiper-navigation .swiper-button {
  cursor: pointer;
  z-index: 10;
  background-color: var(--white-color);
  width: 55px;
  height: 55px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-100%);
}

.hero-slider-parallax .swiper-container .swiper-navigation .swiper-button i {
  font-size: 18px;
}

.hero-slider-parallax .swiper-container .swiper-navigation .swiper-button.swiper-button-custom-prev {
  transition: all .2s ease-in-out;
}

.hero-slider-parallax .swiper-container .swiper-navigation .swiper-button.swiper-button-custom-next {
  transition: all .3s ease-in-out;
}

.hero-slider-parallax .swiper-container:hover .swiper-navigation .swiper-button {
  transform: translateX(0);
}

/*-------------------------------------------*\
   hero-split-carousel.scss

   Hero split carousel styles
\*-------------------------------------------*/
.hero-split-carousel {
  height: 700px;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 1025px) {
  .hero-split-carousel {
    height: unset;
  }
}

.hero-split-carousel .inner-wrapper {
  height: 100%;
  width: 100%;
}

.hero-split-carousel .inner-wrapper .slides-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}

.hero-split-carousel .inner-wrapper .slides-wrapper .slide {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}

@media (max-width: 1025px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide {
    flex-direction: column;
  }
}

.hero-split-carousel .inner-wrapper .slides-wrapper .slide:not(:first-child) .side, .hero-split-carousel .inner-wrapper .slides-wrapper .slide:not(:first-child) .label-wrapper {
  transform: translateY(100%);
}

@media (max-width: 1025px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide:not(:first-child) .side, .hero-split-carousel .inner-wrapper .slides-wrapper .slide:not(:first-child) .label-wrapper {
    transform: translateY(0) translateX(100%);
  }
}

.hero-split-carousel .inner-wrapper .slides-wrapper .slide .label-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: calc(50% - 40px);
  z-index: 100;
  height: 100%;
}

@media (max-width: 1025px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .label-wrapper {
    height: auto;
    width: 100%;
    top: calc(500px - 40px);
    left: 0;
  }
}

@media (max-width: 768px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .label-wrapper {
    top: calc(400px - 40px);
  }
}

@media (max-width: 576px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .label-wrapper {
    top: calc(300px - 30px);
  }
}

.hero-split-carousel .inner-wrapper .slides-wrapper .slide .label-wrapper .label {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color: var(--white-color);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
}

@media (max-width: 576px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .label-wrapper .label {
    width: 60px;
    height: 60px;
  }
}

.hero-split-carousel .inner-wrapper .slides-wrapper .slide .label-wrapper .label i {
  color: var(--black-color);
  font-size: 22px;
}

.hero-split-carousel .inner-wrapper .slides-wrapper .slide .side {
  width: 50%;
  height: 100%;
  background-color: var(--white-color);
}

@media (max-width: 1025px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .side {
    width: 100%;
  }
}

.hero-split-carousel .inner-wrapper .slides-wrapper .slide .side.image-side {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 1025px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .side.image-side {
    height: 500px;
    min-height: 500px;
  }
}

@media (max-width: 768px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .side.image-side {
    height: 400px;
    min-height: 400px;
  }
}

@media (max-width: 576px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .side.image-side {
    height: 300px;
    min-height: 300px;
  }
}

.hero-split-carousel .inner-wrapper .slides-wrapper .slide .side.content-side {
  background-color: var(--gray-color);
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  padding: 50px 100px 50px 100px;
}

@media (max-width: 1025px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .side.content-side {
    padding: 75px 50px;
    height: auto;
    min-height: 420px;
  }
}

@media (max-width: 768px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .side.content-side {
    padding: 50px 40px 75px 40px;
    height: auto;
    min-height: 450px;
  }
}

@media (max-width: 576px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .slide .side.content-side {
    padding: 50px 25px 60px 25px;
  }
}

.hero-split-carousel .inner-wrapper .slides-wrapper .slide.active-slide {
  pointer-events: auto !important;
  position: relative;
}

.hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation {
  position: absolute;
  bottom: 15px;
  left: calc(50% + 15px);
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  z-index: 100;
}

@media (max-width: 1025px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation {
    bottom: 15px;
    left: 30px;
    flex-direction: row;
  }
}

@media (max-width: 768px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation {
    left: 20px;
  }
}

@media (max-width: 576px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation {
    bottom: 10px;
    left: 6px;
  }
}

.hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation .button-wrapper {
  cursor: pointer;
  margin: 0 !important;
}

.hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation .button-wrapper .scroll-button {
  width: 60px;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1025px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation .button-wrapper .scroll-button:first-child {
    transform: rotate(-90deg);
  }
}

@media (max-width: 1025px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation .button-wrapper .scroll-button:last-child {
    transform: rotate(-90deg);
  }
}

.hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation .button-wrapper .scroll-button:not(:last-child) {
  margin-bottom: 15px;
}

@media (max-width: 1025px) {
  .hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation .button-wrapper .scroll-button:not(:last-child) {
    margin-bottom: 0;
    margin-right: 30px;
  }
}

.hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation .button-wrapper .scroll-button i {
  color: var(--black-color);
  font-size: 28px;
  pointer-events: none;
  transition: all .3s ease-in-out;
}

.hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation .button-wrapper .scroll-button.disable-button {
  pointer-events: none !important;
}

.hero-split-carousel .inner-wrapper .slides-wrapper .carousel-navigation .button-wrapper .scroll-button.disable-button i {
  opacity: 0.5;
}

.hero-split-carousel.hero-split-content .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .upper-text {
  margin-bottom: 25px;
  line-height: 1;
  color: var(--primary-color);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media (max-width: 1025px) {
  .hero-split-carousel.hero-split-content .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .upper-text {
    margin-bottom: 20px;
  }
}

.hero-split-carousel.hero-split-content .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .upper-text:before {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 1px;
  background-color: var(--primary-color);
  margin-right: 15px;
}

.hero-split-carousel.hero-split-content .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .title {
  margin-bottom: 15px;
}

@media (max-width: 1025px) {
  .hero-split-carousel.hero-split-content .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .title {
    margin-bottom: 10px;
  }
}

.hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .stars-list {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}

@media (max-width: 1025px) {
  .hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .stars-list {
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .stars-list {
    margin-bottom: 20px;
  }
}

.hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .stars-list li {
  line-height: 1;
}

.hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .stars-list li i {
  font-size: 18px;
  color: var(--yellow-color);
}

.hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .stars-list li:not(:last-child) {
  margin-right: 5px;
}

.hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .message {
  margin-bottom: 30px;
}

@media (max-width: 1025px) {
  .hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .message {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .message {
    margin-bottom: 15px;
  }
}

.hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .message a {
  color: var(--primary-color);
}

.hero-split-carousel.hero-split-testimonials .inner-wrapper .slides-wrapper .slide .side.content-side .content-wrapper .author-position {
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

/*-------------------------------------------*\
   hero-modules.scss

   1.0 hero-shared.scss
   1.1 hero-slideshow-classic.scss
   1.2 hero-cinematic.scss
   1.3 hero-frosted-panel.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   hero-shared.scss
\*-------------------------------------------*/
:root {
  --hero-surface: #161616;
  --hero-ink: var(--white-color);
  --hero-ink-muted: rgba(255, 255, 255, 0.68);
  --hero-ink-faint: rgba(255, 255, 255, 0.42);
  --hero-rule: rgba(255, 255, 255, 0.18);
  --hero-accent: var(--primary-color);
}

.hero-slideshow, .hero-cinematic, .hero-frosted {
  position: relative;
  width: 100%;
  height: calc(100vh - var(--navigation-offset));
  min-height: 480px;
  overflow: hidden;
  background-color: var(--hero-surface);
  font-family: var(--primary-font);
}

@media (max-width: 768px) {
  .hero-slideshow, .hero-cinematic, .hero-frosted {
    height: 78vh;
    min-height: 420px;
  }
}

.hero-slideshow__slide img, .hero-cinematic__slide img, .hero-frosted__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.hero-cinematic__button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 32px;
  border: 0;
  border-radius: 9999px;
  font-family: var(--primary-font);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease, -webkit-filter 0.2s ease;
  transition: transform 0.2s ease, filter 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, filter 0.2s ease, background-color 0.2s ease, -webkit-filter 0.2s ease;
}

.hero-cinematic__button:hover, .hero-cinematic__button:focus {
  text-decoration: none;
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
  transform: scale(1.03);
}

.hero-cinematic__button:active {
  transform: scale(1);
}

.hero-slideshow__arrow:focus, .hero-cinematic__button:focus {
  outline: 2px solid var(--white-color);
  outline-offset: 3px;
}

.hero-slideshow__arrow:focus:not(:focus-visible), .hero-cinematic__button:focus:not(:focus-visible) {
  outline: none;
}

.hero-slideshow__arrow:focus-visible, .hero-cinematic__button:focus-visible {
  outline: 2px solid var(--white-color);
  outline-offset: 3px;
}

/*-------------------------------------------*\
   hero-slideshow-classic.scss

   Hero variant 02
\*-------------------------------------------*/
.hero-slideshow__stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hero-slideshow__slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.7s ease;
}

.hero-slideshow__slide.is-active {
  opacity: 1;
}

.hero-slideshow__scrim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(to top, rgba(22, 22, 22, 0.85) 0%, rgba(22, 22, 22, 0.4) 22%, rgba(22, 22, 22, 0) 45%);
}

.hero-slideshow__band {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 0 56px 40px;
}

@media (max-width: 768px) {
  .hero-slideshow__band {
    padding: 0 24px 32px;
  }
}

.hero-slideshow__band-inner {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 576px) {
  .hero-slideshow__band-inner {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
  }
}

.hero-slideshow__text {
  display: none;
}

.hero-slideshow__text.is-active {
  display: block;
}

.hero-slideshow__title {
  margin: 0 0 8px;
  font-family: var(--primary-font);
  font-size: clamp(2rem, 6vw, 3.75rem);
  font-weight: 700;
  line-height: 1.1;
  color: var(--white-color);
}

.hero-slideshow__title a {
  color: inherit;
}

.hero-slideshow__title a:hover, .hero-slideshow__title a:focus {
  color: var(--hero-accent);
}

.hero-slideshow__meta {
  margin: 0;
  font-size: 14px;
  color: var(--hero-ink-faint);
}

.hero-slideshow__arrows {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}

.hero-slideshow__arrow {
  width: 40px;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--hero-rule);
  background: transparent;
  color: var(--hero-ink);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.hero-slideshow__arrow:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
}

.hero-slideshow__progress {
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: 20px;
}

.hero-slideshow__bar {
  position: relative;
  flex: 1 1 0;
  height: 2px;
  padding: 0;
  border: 0;
  background-color: rgba(255, 255, 255, 0.14);
  cursor: pointer;
  overflow: visible;
}

.hero-slideshow__bar::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 24px;
  transform: translateY(-50%);
}

.hero-slideshow__bar:focus-visible {
  outline: 2px solid var(--white-color);
  outline-offset: 6px;
}

.hero-slideshow__bar.is-past .hero-slideshow__bar-fill {
  transform: scaleX(1);
  -webkit-animation: none;
          animation: none;
  background-color: rgba(255, 255, 255, 0.45);
}

.hero-slideshow__bar-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: var(--hero-accent);
}

.hero-slideshow__bar.is-current .hero-slideshow__bar-fill {
  -webkit-animation-name: heroSlideshowProgress;
          animation-name: heroSlideshowProgress;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hero-slideshow.is-paused .hero-slideshow__bar-fill {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .hero-slideshow .hero-slideshow__slide {
    transition: none;
  }
  .hero-slideshow .hero-slideshow__bar-fill {
    -webkit-animation: none;
            animation: none;
    transform: scaleX(1);
  }
}

@-webkit-keyframes heroSlideshowProgress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

@keyframes heroSlideshowProgress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

/*-------------------------------------------*\
   hero-cinematic.scss

   Hero variant 05 
\*-------------------------------------------*/
.hero-cinematic {
  background-color: #000;
}

.hero-cinematic__stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hero-cinematic__slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease;
}

.hero-cinematic__slide.is-active {
  opacity: 1;
}

.hero-cinematic__scrim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0) 50%);
}

.hero-cinematic__topveil {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 18%;
  pointer-events: none;
  background: none;
}

.hero-cinematic__content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 24px 5.5rem;
}

@media (max-width: 768px) {
  .hero-cinematic__content {
    padding-bottom: 4rem;
  }
}

.hero-cinematic__text {
  display: none;
  width: 100%;
}

.hero-cinematic__text.is-active {
  display: block;
}

.hero-cinematic__label {
  margin: 0 0 16px;
  font-size: 12px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.hero-cinematic__title {
  margin: 0 0 16px;
  font-family: var(--primary-font);
  font-size: clamp(2.2rem, 7vw, 5rem);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.025em;
  color: var(--white-color);
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5);
}

.hero-cinematic__subtitle {
  max-width: 52ch;
  margin: 0 auto 32px;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.72);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}

@media (min-width: 768px) {
  .hero-cinematic__subtitle {
    font-size: 16px;
  }
}

.hero-cinematic__actions {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.hero-cinematic__button {
  padding: 12px 28px;
}

.hero-cinematic__button--solid {
  background-color: var(--white-color);
  color: #080503;
}

.hero-cinematic__button--solid:hover, .hero-cinematic__button--solid:focus {
  color: #080503;
}

.hero-cinematic__button--ghost {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: var(--white-color);
  font-weight: 500;
}

.hero-cinematic__button--ghost:hover, .hero-cinematic__button--ghost:focus {
  border-color: var(--white-color);
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--white-color);
}

.hero-cinematic__dots {
  position: absolute;
  right: 0;
  bottom: 24px;
  left: 0;
  z-index: 3;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.hero-cinematic__dot {
  position: relative;
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.32);
  cursor: pointer;
  transition: width 0.3s ease, background-color 0.3s ease;
}

.hero-cinematic__dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
}

.hero-cinematic__dot.is-current {
  width: 1.75rem;
  background-color: var(--white-color);
}

.hero-cinematic__dot:focus-visible {
  outline: 2px solid var(--white-color);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .hero-cinematic .hero-cinematic__slide,
  .hero-cinematic .hero-cinematic__dot {
    transition: none;
  }
}

/*-------------------------------------------*\
   hero-frosted-panel.scss

   Hero variant 06
\*-------------------------------------------*/
.hero-frosted__stage {
  position: absolute;
  inset: 0;
}

.hero-frosted__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.9s ease;
}

.hero-frosted__slide.is-active {
  opacity: 1;
}

.hero-frosted__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: transparent;
}

.hero-frosted__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.hero-frosted__panel {
  display: none;
  position: relative;
  width: 100%;
  max-width: 640px;
  padding: 56px 64px;
  text-align: center;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.hero-frosted__panel.is-active {
  display: block;
}

@media (max-width: 768px) {
  .hero-frosted__panel {
    padding: 36px 28px;
    max-width: 100%;
  }
}

@supports not (((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px))) {
  .hero-frosted__panel {
    background-color: rgba(255, 255, 255, 0.94);
  }
}

.hero-frosted__eyebrow {
  margin: 0 0 14px;
  font-family: var(--primary-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8a6a2f;
}

.hero-frosted__title {
  margin: 0 0 20px;
  font-family: var(--primary-font);
  font-weight: 600;
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.2;
  color: #161616;
}

.hero-frosted__title a {
  color: inherit;
  text-decoration: none;
}

.hero-frosted__title a:hover, .hero-frosted__title a:focus {
  text-decoration: underline;
}

.hero-frosted__divider {
  display: block;
  width: 48px;
  height: 1px;
  margin: 0 auto 20px;
  background-color: #c8a46a;
}

.hero-frosted__body {
  margin: 0 0 24px;
  font-family: var(--primary-font);
  font-size: 16px;
  line-height: 1.6;
  color: rgba(22, 22, 22, 0.82);
}

.hero-frosted__credit {
  margin: 0;
  font-family: var(--primary-font);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a6a2f;
}

.hero-frosted__progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  height: 1px;
  overflow: hidden;
}

.hero-frosted__progress-fill {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.85) 100%);
  -webkit-animation-name: heroFrostedProgress;
          animation-name: heroFrostedProgress;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hero-frosted.is-paused .hero-frosted__progress-fill {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .hero-frosted .hero-frosted__slide {
    transition: none;
  }
  .hero-frosted .hero-frosted__progress-fill {
    -webkit-animation: none;
            animation: none;
    transform: scaleX(1);
  }
}

@-webkit-keyframes heroFrostedProgress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

@keyframes heroFrostedProgress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

/*-------------------------------------------*\
   navigation.scss

   1.0 navigation-type-1.scss
   1.1 navigation-type-2.scss
   1.2 navigation-type-3.scss
   1.3 navigation-mobile.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   navigation-type-2.scss

   Navigation type 2 styles
\*-------------------------------------------*/
.navigation-type-2 {
  width: 100%;
  height: 100px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
}

@media (max-width: 1025px) {
  .navigation-type-2 {
    opacity: 0;
    pointer-events: none;
  }
}

.navigation-type-2 .container {
  position: unset;
}

.navigation-type-2 .inner-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: unset;
}

.navigation-type-2 .inner-wrapper .logo-wrapper a .logo {
  max-width: 175px;
  width: 100%;
  height: auto;
}

.navigation-type-2 .inner-wrapper .menu-side {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.navigation-type-2 .inner-wrapper .menu-side .search-toggle-wrapper .search-toggle {
  cursor: pointer;
  width: 45px;
  height: 45px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigation-type-2 .inner-wrapper .menu-side .login-wrapper .page-link {
  cursor: pointer;
  width: 45px;
  height: 45px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-right: 15px;
}

@media (max-width: 1201px) {
  .navigation-type-2 .inner-wrapper .menu-side .menu-list {
    margin-right: 0;
  }
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item a {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 14px;
  padding: 15px 25px;
  align-items: center;
  color: var(--black-color);
  position: relative;
}

@media (max-width: 1440px) {
  .navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item a {
    padding: 15px 20px;
  }
}

@media (max-width: 1201px) {
  .navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item a {
    padding: 15px 12px;
  }
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item a .menu-item-label {
  position: absolute;
  right: 25px;
  padding: 0 5px;
  height: 17px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: var(--white-color);
  letter-spacing: 0;
  font-weight: 600;
  font-size: 9px;
  line-height: 1;
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item .menu-item-has-children-link:after {
  content: '\ea67';
  font-family: 'IcoFont';
  margin-left: 5px;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-children:not(.menu-item-has-megamenu) {
  position: relative;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-children:not(.menu-item-has-megamenu) .sub-menu {
  min-width: 220px;
  background-color: var(--black-color);
  transform: translateY(10px);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  padding: 15px 0;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-children:not(.menu-item-has-megamenu) .sub-menu .menu-item-has-children-link:after {
  content: '\ea69';
  position: absolute;
  right: 25px;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-children:not(.menu-item-has-megamenu) .sub-menu .menu-item a {
  color: var(--meta-color);
  transition: all .2s ease-in-out;
  padding: 8px 30px;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-children:not(.menu-item-has-megamenu) .sub-menu .menu-item a:hover {
  color: var(--white-color);
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-children:not(.menu-item-has-megamenu) .sub-menu .menu-item .sub-menu {
  top: -15px;
  right: 100%;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-megamenu .sub-menu {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: calc(100% - 20px);
  width: calc(100% - 60px);
  left: 30px;
  background-color: var(--black-color);
  transform: translateY(10px);
  display: -ms-flexbox;
  display: flex;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-megamenu .sub-menu .menu-item-has-children {
  padding: 30px;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-megamenu .sub-menu .menu-item a {
  color: var(--white-color);
  transition: all .2s ease-in-out;
  padding: 8px 30px;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-megamenu .sub-menu .menu-item a:after {
  display: none;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-megamenu .sub-menu .menu-item a:hover {
  color: var(--white-color);
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-megamenu .sub-menu .sub-menu {
  width: 100%;
  opacity: 1 !important;
  transform: unset !important;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  top: unset;
  left: unset;
  padding: 0;
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-megamenu .sub-menu .sub-menu .menu-item a {
  color: var(--meta-color);
}

.navigation-type-2 .inner-wrapper .menu-side .menu-list .menu-item.menu-item-has-megamenu .sub-menu .active-sub-menu .sub-menu {
  pointer-events: auto !important;
}

.navigation-type-2 .search-form {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 50px 0;
  height: 300px;
  background-color: var(--black-color);
  transform: translateY(-100%);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
}

.navigation-type-2 .search-form .subtitle-text {
  margin-top: 30px;
  color: var(--text-color);
  letter-spacing: 0;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  opacity: 0.7;
}

.navigation-type-2 .search-form .form-wrapper {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.navigation-type-2 .search-form .form-wrapper form {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
}

.navigation-type-2 .search-form .form-wrapper form .search-field {
  background-color: transparent;
  border: none;
  height: 90px;
  border-bottom: 3px solid var(--black-warm-color);
  width: 100%;
  font-weight: 500;
  padding: 0 100px 0 0;
  font-size: 24px;
  color: var(--white-color);
}

.navigation-type-2 .search-form .form-wrapper form .search-field:-ms-input-placeholder {
  color: var(--white-color);
}

.navigation-type-2 .search-form .form-wrapper form .search-field::-webkit-input-placeholder {
  color: var(--white-color);
}

.navigation-type-2 .search-form .form-wrapper form .search-field::-moz-placeholder {
  color: var(--white-color);
}

undefined {
  color: var(--white-color);
}

.navigation-type-2 .search-form .form-wrapper form .search-field:-ms-input-placeholder {
  color: var(--white-color);
}

.navigation-type-2 .search-form .form-wrapper form .search-field::placeholder {
  color: var(--white-color);
}

.navigation-type-2 .search-form .form-wrapper form .search-submit {
  display: none;
}

.navigation-type-2 .search-form .form-wrapper .search-form-close {
  width: 50px;
  cursor: pointer;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  z-index: 10;
  background-color: var(--black-warm-color);
  border-radius: 60px;
  margin-top: 20px;
  margin-right: 30px;
}

.navigation-type-2 .search-form .form-wrapper .search-form-close i {
  font-size: 18px;
  color: var(--white-color);
}

.navigation-type-2 .languages-select {
  margin-left: 15px;
}

.navigation-type-2 .languages-select .language-toggle {
  cursor: pointer;
  width: 45px;
  height: 45px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.navigation-type-2 .languages-select .language-toggle .current {
  color: var(--black-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

.navigation-type-2 .languages-select .language-toggle .sub-menu {
  position: absolute;
  top: 100%;
  background-color: var(--black-color);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  padding: 10px 0;
}

.navigation-type-2 .languages-select .language-toggle .sub-menu li {
  width: 50px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigation-type-2 .languages-select .language-toggle .sub-menu li span {
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  transition: all .2s ease-in-out;
}

.navigation-type-2 .languages-select .language-toggle .sub-menu li:hover span {
  color: var(--white-color);
}

/* Equal outer columns keep the main menu centered independently of account controls. */
@media (max-width: 1025px) {
  .navigation-type-2 {
    display: none;
  }
}

.navigation-type-2 > .container > .inner-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(175px, 1fr) auto minmax(175px, 1fr);
      grid-template-columns: minmax(175px, 1fr) auto minmax(175px, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
}

.navigation-type-2 .inner-wrapper > .logo-wrapper {
  justify-self: start;
}

.navigation-type-2 .inner-wrapper > .menu-side {
  justify-self: center;
}

.navigation-type-2 .inner-wrapper > .menu-side > .menu-list {
  margin-right: 0;
  flex-wrap: nowrap;
}

.navigation-type-2 .inner-wrapper > .menu-side > .menu-list > .menu-item > a {
  white-space: nowrap;
}

.navigation-type-2 .header-actions {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-self: end;
}

.navigation-type-2 .header-actions .page-link {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  height: 45px;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  .navigation-type-2 > .container > .inner-wrapper {
    -ms-grid-columns: minmax(140px, 1fr) auto minmax(140px, 1fr);
        grid-template-columns: minmax(140px, 1fr) auto minmax(140px, 1fr);
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
  .navigation-type-2 .inner-wrapper .logo-wrapper a .logo {
    max-width: 140px;
  }
  .navigation-type-2 .inner-wrapper > .menu-side > .menu-list > .menu-item > a {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/*-------------------------------------------*\
   navigation-mobile.scss

   Navigation mobile styles
\*-------------------------------------------*/
.navigation-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  display: -ms-flexbox;
  display: flex;
  z-index: 1001 !important;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 1025px) {
  .navigation-mobile {
    opacity: 1;
    pointer-events: auto;
  }
}

.navigation-mobile .inner-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  z-index: 10;
  background-color: var(--white-color);
  align-items: center;
}

.navigation-mobile .inner-wrapper .logotype-wrapper {
  padding-left: 35px;
}

@media (max-width: 768px) {
  .navigation-mobile .inner-wrapper .logotype-wrapper {
    padding-left: 20px;
  }
}

.navigation-mobile .inner-wrapper .logotype-wrapper a {
  display: block;
}

.navigation-mobile .inner-wrapper .logotype-wrapper a img {
  max-height: 70px;
  max-width: 120px;
  width: auto;
  height: auto;
}

.navigation-mobile .inner-wrapper .navigation-side {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding: 0 30px;
}

@media (max-width: 768px) {
  .navigation-mobile .inner-wrapper .navigation-side {
    padding: 0 10px 0 15px;
  }
}

.navigation-mobile .inner-wrapper .navigation-side .toggle-button {
  width: 40px;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigation-mobile .inner-wrapper .navigation-side .toggle-button i {
  font-size: 18px;
  color: var(--black-color);
}

@media (max-width: 375px) {
  .navigation-mobile .inner-wrapper .navigation-side .toggle-button i {
    font-size: 16px;
  }
}

.navigation-mobile .inner-wrapper .navigation-side .toggle-button:not(:last-child) {
  margin-right: 25px;
}

@media (max-width: 375px) {
  .navigation-mobile .inner-wrapper .navigation-side .toggle-button:not(:last-child) {
    margin-right: 5px;
  }
}

.navigation-mobile .inner-wrapper .navigation-side .toggle-button.active-button i {
  color: var(--primary-color);
}

.navigation-mobile .inner-wrapper .navigation-side .profile-link {
  width: 40px;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigation-mobile .inner-wrapper .navigation-side .profile-link:not(:last-child) {
  margin-right: 25px;
}

@media (max-width: 375px) {
  .navigation-mobile .inner-wrapper .navigation-side .profile-link:not(:last-child) {
    margin-right: 5px;
  }
}

.navigation-mobile .inner-wrapper .navigation-side .languages-select {
  margin-left: 15px;
}

.navigation-mobile .inner-wrapper .navigation-side .languages-select .language-toggle {
  cursor: pointer;
  width: 45px;
  height: 45px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.navigation-mobile .inner-wrapper .navigation-side .languages-select .language-toggle .current {
  color: var(--black-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

.navigation-mobile .inner-wrapper .navigation-side .languages-select .language-toggle .sub-menu {
  position: absolute;
  top: 100%;
  background-color: var(--black-color);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  padding: 10px 0;
}

.navigation-mobile .inner-wrapper .navigation-side .languages-select .language-toggle .sub-menu li {
  width: 50px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigation-mobile .inner-wrapper .navigation-side .languages-select .language-toggle .sub-menu li.menu-item {
  display: none;
}

.navigation-mobile .inner-wrapper .navigation-side .languages-select .language-toggle .sub-menu li span {
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  transition: all .2s ease-in-out;
}

.navigation-mobile .inner-wrapper .navigation-side .languages-select .language-toggle .sub-menu li:hover span {
  color: var(--white-color);
}

.navigation-mobile .search-form-wrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 250px;
  background-color: var(--white-color);
  z-index: 20;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  transform: translateY(-100%);
  justify-content: center;
  border-bottom: 1px solid var(--border-color-1);
}

@media (max-width: 375px) {
  .navigation-mobile .search-form-wrapper {
    height: 200px;
  }
}

.navigation-mobile .search-form-wrapper .search-form {
  width: 100%;
  position: relative;
  padding: 0 30px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 375px) {
  .navigation-mobile .search-form-wrapper .search-form {
    padding: 0 15px;
  }
}

.navigation-mobile .search-form-wrapper .search-form .form-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.navigation-mobile .search-form-wrapper .search-form .form-wrapper .search-form-close {
  width: 50px;
  cursor: pointer;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  z-index: 10;
}

@media (max-width: 375px) {
  .navigation-mobile .search-form-wrapper .search-form .form-wrapper .search-form-close {
    width: 40px;
    height: 40px;
  }
}

.navigation-mobile .search-form-wrapper .search-form .form-wrapper .search-form-close i {
  font-size: 16px;
  color: var(--black-color);
}

.navigation-mobile .search-form-wrapper .search-form form {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
}

.navigation-mobile .search-form-wrapper .search-form form .search-field {
  background-color: transparent;
  border: none;
  height: 80px;
  border-bottom: 3px solid var(--border-color-1);
  width: 100%;
  font-weight: 600;
  padding: 0 50px 0 0;
  font-size: 20px;
}

@media (max-width: 375px) {
  .navigation-mobile .search-form-wrapper .search-form form .search-field {
    font-size: 18px;
    height: 70px;
    padding: 0 40px 0 0;
  }
}

.navigation-mobile .search-form-wrapper .search-form form .search-field:-ms-input-placeholder {
  color: var(--meta-color);
}

.navigation-mobile .search-form-wrapper .search-form form .search-field::-webkit-input-placeholder {
  color: var(--meta-color);
}

.navigation-mobile .search-form-wrapper .search-form form .search-field::-moz-placeholder {
  color: var(--meta-color);
}

undefined {
  color: var(--meta-color);
}

.navigation-mobile .search-form-wrapper .search-form form .search-field:-ms-input-placeholder {
  color: var(--meta-color);
}

.navigation-mobile .search-form-wrapper .search-form form .search-field::placeholder {
  color: var(--meta-color);
}

.navigation-mobile .search-form-wrapper .search-form form .search-field:focus {
  border-bottom: 3px solid var(--primary-color);
}

.navigation-mobile .search-form-wrapper .search-form form .search-submit {
  display: none;
}

.navigation-mobile .menu-list-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  background-color: var(--white-color);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.9);
  opacity: 0;
  z-index: 21;
}

.navigation-mobile .menu-list-wrapper .menu-toggle-close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 45px;
  height: 45px;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 375px) {
  .navigation-mobile .menu-list-wrapper .menu-toggle-close {
    top: 10px;
    right: 10px;
  }
}

.navigation-mobile .menu-list-wrapper .menu-toggle-close i {
  color: var(--black-color);
  font-size: 24px;
}

.navigation-mobile .menu-list-wrapper .menu-list {
  max-width: 350px;
  width: 100%;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-overlay {
  display: none !important;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item a {
  cursor: pointer;
  font-weight: 500;
  color: var(--black-color);
  line-height: 1;
  font-size: 18px;
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  transform: translateX(-50px);
  opacity: 0;
  position: relative;
  z-index: 10;
  pointer-events: none;
  align-items: center;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item a .menu-item-label {
  position: absolute;
  right: 25px;
  padding: 0 5px;
  height: 17px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: var(--white-color);
  letter-spacing: 0;
  font-weight: 600;
  font-size: 9px;
  line-height: 1;
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item a i {
  width: 25px;
  margin-right: 5px;
  font-size: 12px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item.menu-item-back {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  padding-left: 15px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item.menu-item-back a {
  border-radius: 50px !important;
  height: 35px !important;
  padding: 0 20px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  align-content: center !important;
  justify-content: center !important;
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
  margin-bottom: 20px;
  font-size: 13px;
  text-transform: uppercase !important;
  letter-spacing: 0.5px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item.menu-item-back a i {
  margin-right: 7px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .menu-item-has-children-link:after, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .menu-item-has-children-link:after {
  content: "\eaa0";
  font-family: "IcoFont";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 900;
  font-size: 12px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu {
  margin-top: 15px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post {
  transform: translateX(30px);
  opacity: 0;
  pointer-events: none;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0 15px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post .post-thumbnail-wrapper, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post .post-thumbnail-wrapper {
  overflow: hidden;
  border-radius: 5px;
  height: 90px;
  min-width: 90px;
  width: 90px;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-right: 20px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post .post-thumbnail-wrapper .image-overlay, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post .post-thumbnail-wrapper .image-overlay {
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
  transform: scale(1.05);
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post .post-thumbnail-wrapper .link-overlay, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post .post-thumbnail-wrapper .link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post .post-thumbnail-wrapper .category-label-news, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post .post-thumbnail-wrapper .category-label-news {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 10;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post .post-thumbnail-wrapper .category-label-news .first-letter, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post .post-thumbnail-wrapper .category-label-news .first-letter {
  width: 30px;
  height: 30px;
  font-size: 12px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post .post-content-wrapper a, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post .post-content-wrapper a {
  text-transform: unset;
  padding: unset;
  opacity: unset;
  pointer-events: unset;
  color: var(--black-color);
  transform: unset;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post .post-content-wrapper .post-title, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post .post-content-wrapper .post-title {
  transition: all .2s ease-in-out;
  color: var(--black-color);
  margin-bottom: 5px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post .post-content-wrapper .date, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post .post-content-wrapper .date {
  line-height: 1;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post .post-content-wrapper .date span, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post .post-content-wrapper .date span {
  font-size: 12px;
  letter-spacing: -0.2px;
  font-weight: 500;
  transition: all .2s ease-in-out;
  color: var(--meta-color);
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post .post-content-wrapper .date span i, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post .post-content-wrapper .date span i {
  font-size: 12px;
  margin-right: 5px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .category-sub-menu .post:not(:last-child), .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .category-sub-menu .post:not(:last-child) {
  margin-bottom: 20px;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .sub-menu, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .sub-menu {
  max-width: 350px;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  z-index: 1;
}

.navigation-mobile .menu-list-wrapper .menu-list .menu-item-has-children .sub-menu.active-list, .navigation-mobile .menu-list-wrapper .menu-list .menu-item-object-category .sub-menu.active-list {
  pointer-events: auto;
  z-index: 10;
}

.navigation {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--white-color);
}

.navigation.navigation-fixed {
  position: fixed;
}

/*-------------------------------------------*\
   additional.scss

   1.0 keyframes.css
   1.1 container.css
   1.2 section.css
   1.3 column.css
   1.4 elements.css
   1.5 dividers.css
\*-------------------------------------------*/
/*-------------------------------------------*\
   keyframes.scss

   General keyframes
\*-------------------------------------------*/
@-webkit-keyframes organic-1 {
  0% {
    border-radius: 41% 59% 41% 59% / 43% 45% 55% 57%;
  }
  33% {
    border-radius: 30% 70% 30% 70% / 32% 30% 70% 68%;
  }
  66% {
    border-radius: 70% 30% 70% 30% / 68% 70% 30% 32%;
  }
  100% {
    border-radius: 41% 59% 41% 59% / 43% 45% 55% 57%;
  }
}
@keyframes organic-1 {
  0% {
    border-radius: 41% 59% 41% 59% / 43% 45% 55% 57%;
  }
  33% {
    border-radius: 30% 70% 30% 70% / 32% 30% 70% 68%;
  }
  66% {
    border-radius: 70% 30% 70% 30% / 68% 70% 30% 32%;
  }
  100% {
    border-radius: 41% 59% 41% 59% / 43% 45% 55% 57%;
  }
}

@-webkit-keyframes organic-2 {
  0% {
    border-radius: 50% 50% 82% 18% / 36% 53% 47% 64%;
  }
  33% {
    border-radius: 64% 36% 87% 13% / 33% 64% 36% 67%;
  }
  66% {
    border-radius: 74% 26% 67% 33% / 21% 77% 23% 79%;
  }
  100% {
    border-radius: 50% 50% 82% 18% / 36% 53% 47% 64%;
  }
}

@keyframes organic-2 {
  0% {
    border-radius: 50% 50% 82% 18% / 36% 53% 47% 64%;
  }
  33% {
    border-radius: 64% 36% 87% 13% / 33% 64% 36% 67%;
  }
  66% {
    border-radius: 74% 26% 67% 33% / 21% 77% 23% 79%;
  }
  100% {
    border-radius: 50% 50% 82% 18% / 36% 53% 47% 64%;
  }
}

@-webkit-keyframes organic-3 {
  0% {
    border-radius: 56% 44% 26% 74% / 47% 80% 20% 53%;
  }
  33% {
    border-radius: 50% 50% 31% 69% / 51% 49% 51% 49%;
  }
  66% {
    border-radius: 41% 59% 44% 56% / 64% 36% 64% 36%;
  }
  100% {
    border-radius: 56% 44% 26% 74% / 47% 80% 20% 53%;
  }
}

@keyframes organic-3 {
  0% {
    border-radius: 56% 44% 26% 74% / 47% 80% 20% 53%;
  }
  33% {
    border-radius: 50% 50% 31% 69% / 51% 49% 51% 49%;
  }
  66% {
    border-radius: 41% 59% 44% 56% / 64% 36% 64% 36%;
  }
  100% {
    border-radius: 56% 44% 26% 74% / 47% 80% 20% 53%;
  }
}

.organic-type-1, .organic-after-type-1:after {
  border-radius: 41% 59% 41% 59% / 43% 45% 55% 57%;
  -webkit-animation-name: organic-1;
          animation-name: organic-1;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.organic-type-2, .organic-after-type-2:after {
  border-radius: 50% 50% 82% 18% / 36% 53% 47% 64%;
  -webkit-animation-name: organic-2;
          animation-name: organic-2;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.organic-type-3, .organic-after-type-3:after {
  border-radius: 56% 44% 26% 74% / 47% 80% 20% 53%;
  -webkit-animation-name: organic-3;
          animation-name: organic-3;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.organic-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/*-------------------------------------------*\
   container.scss

   General container styles
\*-------------------------------------------*/
.container-wide {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
  width: 100%;
  position: relative;
  z-index: 10;
}

@media (max-width: 768px) {
  .container-wide {
    padding: 0 15px;
  }
}

.container-fluid {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
  width: 100%;
  position: relative;
  z-index: 10;
}

@media (max-width: 768px) {
  .container-fluid {
    padding: 0 15px;
  }
}

.container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
  width: 100%;
  position: relative;
  z-index: 10;
}

@media (max-width: 1440px) {
  .container {
    max-width: 1200px;
  }
}

@media (max-width: 1201px) {
  .container {
    max-width: 1024px;
  }
}

@media (max-width: 1025px) {
  .container {
    max-width: 768px;
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 576px;
    padding: 0 15px;
  }
}

.small-container {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
  width: 100%;
  position: relative;
  z-index: 10;
}

@media (max-width: 1025px) {
  .small-container {
    max-width: 768px;
  }
}

@media (max-width: 768px) {
  .small-container {
    max-width: 576px;
    padding: 0 15px;
  }
}

/*-------------------------------------------*\
   section.scss

   General section styles
\*-------------------------------------------*/
section {
  position: relative;
}

.extra-small-section {
  padding: 50px 0;
}

.small-section {
  padding: 75px 0;
}

@media (max-width: 768px) {
  .small-section {
    padding: 30px 0;
  }
}

.medium-section {
  padding: 100px 0;
}

@media (max-width: 768px) {
  .medium-section {
    padding: 75px 0;
  }
}

.large-section {
  padding: 125px 0;
}

@media (max-width: 1025px) {
  .large-section {
    padding: 100px 0;
  }
}

@media (max-width: 768px) {
  .large-section {
    padding: 75px 0;
  }
}

.extra-large-section {
  padding: 150px 0;
}

@media (max-width: 1025px) {
  .extra-large-section {
    padding: 125px 0;
  }
}

@media (max-width: 768px) {
  .extra-large-section {
    padding: 100px 0;
  }
}

.white-section {
  background-color: var(--white-color);
}

.gray-section {
  background-color: var(--gray-color);
}

.primary-color-section {
  background-color: var(--primary-color);
}

.red-color-section {
  background-color: var(--red-color);
}

.yellow-color-section {
  background-color: var(--yellow-color);
}

.yellow-color-section .title, .yellow-color-section .content, .yellow-color-section .button-simple-type-3 {
  color: var(--black-color) !important;
}

.milk-color-section {
  background-color: #7b8892bf;
}

.black-color-section {
  background-color: var(--black-color);
}

.background-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.background-image-fixed {
  background-attachment: fixed;
}

.background-pattern {
  background-repeat: repeat;
}

.extra-large-offset-bottom {
  padding-bottom: 150px;
}

@media (max-width: 1025px) {
  .extra-large-offset-bottom {
    padding-bottom: 125px;
  }
}

@media (max-width: 768px) {
  .extra-large-offset-bottom {
    padding-bottom: 100px;
  }
}

.large-offset-bottom {
  padding-bottom: 125px;
}

@media (max-width: 1025px) {
  .large-offset-bottom {
    padding-bottom: 100px;
  }
}

@media (max-width: 768px) {
  .large-offset-bottom {
    padding-bottom: 75px;
  }
}

.medium-offset-bottom {
  padding-bottom: 100px;
}

@media (max-width: 768px) {
  .medium-offset-bottom {
    padding-bottom: 75px;
  }
}

.small-offset-bottom {
  padding-bottom: 75px;
}

.extra-small-offset-bottom {
  padding-bottom: 50px;
}

.extra-large-offset-top {
  padding-top: 150px;
}

@media (max-width: 1025px) {
  .extra-large-offset-top {
    padding-top: 125px;
  }
}

@media (max-width: 768px) {
  .extra-large-offset-top {
    padding-top: 100px;
  }
}

.large-offset-top {
  padding-top: 125px;
}

@media (max-width: 1025px) {
  .large-offset-top {
    padding-top: 100px;
  }
}

@media (max-width: 768px) {
  .large-offset-top {
    padding-top: 75px;
  }
}

.medium-offset-top {
  padding-top: 100px;
}

@media (max-width: 768px) {
  .medium-offset-top {
    padding-top: 75px;
  }
}

.small-offset-top {
  padding-top: 75px;
}

.extra-small-offset-top {
  padding-top: 50px;
}

.blocks-text .block-text {
  margin-bottom: 25px;
}

.blocks-text .block-text:last-child {
  margin-bottom: 0;
}

/*-------------------------------------------*\
   column.scss

   General column styles
\*-------------------------------------------*/
.columns-wrapper {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -15px;
}

.columns-wrapper .column {
  position: relative;
  padding: 15px;
}

.columns-wrapper.start {
  justify-content: start !important;
}

.columns-wrapper.vertical-center {
  align-items: center;
}

.columns-wrapper.justify-space-between {
  justify-content: space-between;
}

.columns-wrapper.justify-center {
  justify-content: center;
}

.column-20 {
  width: 20%;
  min-width: 20%;
}

@media (max-width: 1025px) {
  .column-20 {
    width: 50%;
    min-width: 50%;
  }
}

@media (max-width: 768px) {
  .column-20 {
    width: 100%;
    min-width: 100%;
  }
}

.column-25 {
  width: 25%;
  min-width: 25%;
}

@media (max-width: 1025px) {
  .column-25 {
    width: 50%;
    min-width: 50%;
  }
}

@media (max-width: 768px) {
  .column-25 {
    width: 100%;
    min-width: 100%;
  }
}

.column-33 {
  width: 33.333333333%;
  min-width: 33.333333333%;
}

@media (max-width: 1025px) {
  .column-33 {
    width: 50%;
    min-width: 50%;
  }
}

@media (max-width: 768px) {
  .column-33 {
    width: 100%;
    min-width: 100%;
  }
}

.column-35 {
  width: 35%;
  min-width: 35%;
}

@media (max-width: 1025px) {
  .column-35 {
    width: 50%;
    min-width: 50%;
  }
}

@media (max-width: 768px) {
  .column-35 {
    width: 100%;
    min-width: 100%;
  }
}

.column-30 {
  width: 30%;
  min-width: 30%;
}

@media (max-width: 1025px) {
  .column-30 {
    width: 50%;
    min-width: 50%;
  }
}

@media (max-width: 768px) {
  .column-30 {
    width: 100%;
    min-width: 100%;
  }
}

.column-40 {
  width: 40%;
  min-width: 40%;
}

@media (max-width: 1025px) {
  .column-40 {
    width: 50%;
    min-width: 50%;
  }
}

@media (max-width: 768px) {
  .column-40 {
    width: 100%;
    min-width: 100%;
  }
}

.column-45 {
  width: 45%;
  min-width: 45%;
}

@media (max-width: 1025px) {
  .column-45 {
    width: 50%;
    min-width: 50%;
  }
}

@media (max-width: 768px) {
  .column-45 {
    width: 100%;
    min-width: 100%;
  }
}

.column-50 {
  width: 50%;
  min-width: 50%;
}

@media (max-width: 1025px) {
  .column-50 {
    width: 100%;
    min-width: 100%;
  }
}

.column-55 {
  width: 55%;
  min-width: 55%;
}

@media (max-width: 1025px) {
  .column-55 {
    width: 100%;
    min-width: 100%;
  }
}

.column-60 {
  width: 60%;
  min-width: 60%;
}

@media (max-width: 1025px) {
  .column-60 {
    width: 100%;
    min-width: 100%;
  }
}

.column-65 {
  width: 65%;
  min-width: 65%;
}

@media (max-width: 1025px) {
  .column-65 {
    width: 100%;
    min-width: 100%;
  }
}

.column-100 {
  width: 100%;
  min-width: 100%;
}

@media (max-width: 1025px) {
  .column-100 {
    width: 100%;
    min-width: 100%;
  }
}

/*-------------------------------------------*\
   elements.scss

   General demo-element styles
\*-------------------------------------------*/
.elements-section .map-contact {
  height: 500px;
}

.elements-section .background-wrapper {
  height: 500px;
}

@media (max-width: 768px) {
  .elements-section .background-wrapper {
    height: 400px;
  }
}

@media (max-width: 1025px) {
  .elements-section .list {
    margin: 30px 0;
  }
}

@media (max-width: 1025px) {
  .elements-section .timeline-type-1 {
    margin: 15px 0;
  }
}

.elements-section .element-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-1);
}

.elements-section .element-title {
  text-align: center;
}

.elements-section .element-typography-title {
  margin-bottom: 10px;
}

@media (max-width: 576px) {
  .elements-section .button-wrapper {
    flex-direction: column;
  }
}

.elements-section .button-wrapper:not(:last-child) {
  margin: -5px -5px 15px -5px;
}

.elements-section .alert-message:not(:last-child) {
  margin-bottom: 15px;
}

.elements-section hr:not(:last-child) {
  margin-bottom: 30px;
}

.elements-center {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

/*-------------------------------------------*\
   dividers.scss

   General divider styles
\*-------------------------------------------*/
hr.hr-dashed {
  border-style: dashed;
  width: 100%;
  border-color: var(--border-color-1);
}

hr.hr-dotted {
  border-style: dotted;
  width: 100%;
  border-color: var(--border-color-1);
}

hr.hr-solid {
  border-style: solid;
  width: 100%;
  border-color: var(--border-color-1);
}

.hr-type-1 {
  border: 1px;
}

.hr-type-2 {
  border: 2px;
}

.hr-type-3 {
  border: 3px;
}

.hr-type-4 {
  border: 4px;
}

.hr-type-5 {
  border: 5px;
}

.hr-type-6 {
  border: 6px;
}

.isotope-grid {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.isotope-grid .grid-item {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.img-fluid {
  width: 100%;
  height: auto;
}

.social-links-label {
  position: absolute;
  bottom: 30px;
  right: 60px;
}

@media (max-width: 768px) {
  .social-links-label {
    right: 40px;
    display: none !important;
  }
}

.social-links-label .meta-text {
  color: var(--black-color);
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  margin-right: 20px;
}

.social-links-label .meta-part {
  position: relative;
  z-index: 10;
}

.social-links-label .social-list {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 20px;
  z-index: 1;
}

.social-links-label .social-list li {
  transform: translateY(20px);
  opacity: 0;
  pointer-events: none;
}

.social-links-label .social-list li a {
  width: 35px;
  height: 35px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-links-label .social-list li a i {
  font-size: 14px;
}

@media (max-width: 768px) {
  .social-links-label .social-list li a i {
    font-size: 12px;
  }
}

.social-links-label .social-list li:not(:last-child) {
  margin-right: 15px;
}

@media (max-width: 768px) {
  .social-links-label .social-list li:not(:last-child) {
    margin-right: 5px;
  }
}

.social-links-label.white-style .meta-text {
  color: var(--white-color);
}

.social-links-label.white-style i {
  color: var(--white-color);
}

.meta-wrapper {
  height: 50px;
  padding: 0 25px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  margin: 0 -25px;
}

.meta-wrapper.to-left {
  justify-content: left;
}

.lines-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.lines-overlay span {
  width: 1px;
  background-color: var(--border-color-1);
  height: 100%;
  position: absolute;
  opacity: 0.5;
}

.lines-overlay span:nth-child(1) {
  left: 10%;
}

.lines-overlay span:nth-child(2) {
  left: 30%;
}

.lines-overlay span:nth-child(3) {
  left: 50%;
}

.lines-overlay span:nth-child(4) {
  left: 70%;
}

.lines-overlay span:nth-child(5) {
  left: 90%;
}

.gradient-overlay {
  position: relative;
}

.gradient-overlay:before {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0.95;
  left: 0;
}

.gradient-overlay.gradient-blue:before {
  background: linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
}

.gradient-overlay.gradient-red:before {
  background: linear-gradient(90deg, var(--red-color), var(--yellow-color));
}

.gradient-overlay.gradient-milk {
  border-radius: 0 !important;
  font-size: 23px;
}

.gradient-overlay.gradient-milk:before {
  background: #7b8892;
  opacity: 0.5 !important;
}

.text-background-image {
  font-weight: 700;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.particles-wrapper {
  position: relative;
}

.particles-wrapper .particles-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.dark-overlay {
  position: relative;
}

.dark-overlay:before {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  left: 0;
}

.black-overlay {
  position: relative;
}

.black-overlay:before {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
}

.overlay-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  z-index: 1;
}

.border-radius-10 {
  border-radius: 10px;
  overflow: hidden;
}

.gradient-text {
  background: -webkit-linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.italic-text {
  font-style: italic;
}

.text-color {
  color: var(--primary-color);
}

.success-text {
  background-color: var(--success-color);
  color: var(--white-color);
}

.info-text {
  background-color: var(--info-color);
  color: var(--white-color);
}

.warning-text {
  background-color: var(--warning-color);
  color: var(--white-color);
}

.danger-text {
  background-color: var(--danger-color);
  color: var(--white-color);
}

.text-stroke {
  color: transparent;
  font-weight: 700;
  -webkit-text-stroke: 1px var(--black-color);
}

.bold-title {
  font-weight: 600;
}

.page-scroll-button-wrapper {
  position: fixed;
  bottom: 75px;
  right: 75px;
  z-index: 999;
  pointer-events: none;
}

@media (max-width: 768px) {
  .page-scroll-button-wrapper {
    bottom: 30px;
    right: 30px;
  }
}

@media (max-width: 576px) {
  .page-scroll-button-wrapper {
    bottom: 15px;
    right: 15px;
  }
}

.page-scroll-button-wrapper .scroll-button-top {
  cursor: pointer;
  border-radius: 50px;
  width: 45px;
  height: 45px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  background-color: var(--primary-color);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(25px);
  opacity: 0;
  pointer-events: none;
}

.page-scroll-button-wrapper .scroll-button-top i {
  color: var(--white-color);
  font-size: 14px;
}

.progress-container {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  display: block;
  z-index: 1999;
}

@media (max-width: 1025px) {
  .progress-container {
    display: none;
  }
}

.progress-container .progress-bar-page {
  background-color: var(--primary-color);
  width: 0%;
  display: block;
  height: inherit;
  z-index: 10;
}

.page-loader {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-color);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .5s ease-in-out, transform .5s ease-in-out, visibility 0s linear .5s;
}

.page-loader .loader-inner-wrapper .logo-wrapper {
  max-width: 200px;
  height: auto;
  opacity: 0.4;
  -webkit-animation: logo-animation 3s ease infinite;
          animation: logo-animation 3s ease infinite;
}

@-webkit-keyframes logo-animation {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}

@keyframes logo-animation {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}

.page-loader.loader-hide {
  transform: scale(0.9);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/*-------------------------------------------*\
   sidebar.scss

   Sidebar Styles
\*-------------------------------------------*/
.sidebar .sidebar-widget {
  width: 100%;
}

.sidebar .sidebar-widget .widget-title {
  border-bottom: 1px solid var(--border-color-1);
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.sidebar .sidebar-widget .widget-title:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 5px;
  background-color: var(--black-color);
  position: absolute;
  bottom: 0;
  transform: translateY(3px);
}

.sidebar .sidebar-widget.widget-recent-posts .recent-posts-list .post {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.sidebar .sidebar-widget.widget-recent-posts .recent-posts-list .post .post-thumbnail {
  min-width: 100px;
  width: 100px;
  margin-right: 20px;
  border-radius: 5px;
  overflow: hidden;
}

.sidebar .sidebar-widget.widget-recent-posts .recent-posts-list .post .post-content {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sidebar .sidebar-widget.widget-recent-posts .recent-posts-list .post .post-content .title {
  margin-bottom: 5px;
}

.sidebar .sidebar-widget.widget-recent-posts .recent-posts-list .post .post-content .title a {
  transition: all .2s ease-in-out;
}

.sidebar .sidebar-widget.widget-recent-posts .recent-posts-list .post .post-content .title:hover a {
  color: var(--primary-color);
}

.sidebar .sidebar-widget.widget-recent-posts .recent-posts-list .post .post-content .meta-text {
  color: var(--meta-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
}

.sidebar .sidebar-widget.widget-recent-posts .recent-posts-list .post:not(:last-child) {
  margin-bottom: 20px;
}

.sidebar .sidebar-widget.widget-tags-cloud .tags-cloud-list {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}

.sidebar .sidebar-widget.widget-tags-cloud .tags-cloud-list .tag {
  margin: 5px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  padding: 0 15px;
  height: 35px;
  background-color: var(--primary-color);
  border-radius: 5px;
}

.sidebar .sidebar-widget.widget-categories .categories-list {
  width: 100%;
}

.sidebar .sidebar-widget.widget-categories .categories-list li {
  width: 100%;
}

.sidebar .sidebar-widget.widget-categories .categories-list li .category {
  width: 100%;
  padding: 15px 25px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  border-radius: 5px;
  overflow: hidden;
}

.sidebar .sidebar-widget.widget-categories .categories-list li .category .name {
  position: relative;
  z-index: 10;
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

.sidebar .sidebar-widget.widget-categories .categories-list li .category .count {
  position: relative;
  z-index: 10;
  width: 30px;
  height: 30px;
  background-color: var(--white-color);
  border-radius: 50px;
  color: var(--black-color);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.sidebar .sidebar-widget.widget-categories .categories-list li .category:after {
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.sidebar .sidebar-widget.widget-categories .categories-list li:not(:last-child) {
  margin-bottom: 15px;
}

.sidebar .sidebar-widget.widget-archive .archive-list {
  width: 100%;
}

.sidebar .sidebar-widget.widget-archive .archive-list li {
  width: 100%;
}

.sidebar .sidebar-widget.widget-archive .archive-list li .archive-item {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  overflow: hidden;
}

.sidebar .sidebar-widget.widget-archive .archive-list li .archive-item .name {
  position: relative;
  z-index: 10;
  color: var(--black-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
}

.sidebar .sidebar-widget.widget-archive .archive-list li .archive-item .count {
  width: 30px;
  height: 30px;
  background-color: var(--primary-color);
  border-radius: 50px;
  color: var(--white-color);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.sidebar .sidebar-widget.widget-archive .archive-list li:not(:last-child) {
  margin-bottom: 10px;
}

.sidebar .sidebar-widget.widget-image-banner .image-banner {
  border-radius: 5px;
  overflow: hidden;
  padding: 40px 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar .sidebar-widget.widget-image-banner .image-banner .inner-wrapper {
  position: relative;
  z-index: 10;
}

.sidebar .sidebar-widget.widget-image-banner .image-banner .inner-wrapper .title {
  color: var(--white-color);
  text-align: center;
  margin-bottom: 12px;
}

.sidebar .sidebar-widget.widget-image-banner .image-banner .inner-wrapper .content {
  text-align: center;
  color: var(--white-transparent-color);
  font-size: 14px;
}

.sidebar .sidebar-widget.widget-image-banner .image-banner .inner-wrapper .button-wrapper {
  margin-top: 15px;
}

.sidebar .sidebar-widget.widget-additional-links .additional-links li {
  line-height: 1;
}

.sidebar .sidebar-widget.widget-additional-links .additional-links li a {
  color: var(--black-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  transition: all .2s ease-in-out;
}

.sidebar .sidebar-widget.widget-additional-links .additional-links li a:hover {
  color: var(--primary-color);
}

.sidebar .sidebar-widget.widget-additional-links .additional-links li:not(:last-child) {
  margin-bottom: 25px;
}

.sidebar .sidebar-widget.widget-categories-list .categories-list li {
  line-height: 1;
}

.sidebar .sidebar-widget.widget-categories-list .categories-list li a {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar .sidebar-widget.widget-categories-list .categories-list li a span {
  color: var(--black-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
}

.sidebar .sidebar-widget.widget-categories-list .categories-list li a span.count {
  width: 30px;
  height: 30px;
  background-color: var(--primary-color);
  border-radius: 50px;
  color: var(--white-color);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.sidebar .sidebar-widget.widget-categories-list .categories-list li:not(:last-child) {
  margin-bottom: 10px;
}

.sidebar .sidebar-widget.widget-images-gallery .images-gallery {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}

.sidebar .sidebar-widget.widget-images-gallery .images-gallery .gallery-item {
  padding: 5px;
}

.sidebar .sidebar-widget.widget-images-gallery .images-gallery.images-gallery-3-columns .gallery-item {
  min-width: 33.333333%;
  width: 33.333333%;
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper {
  width: 100%;
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper form {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper form input {
  width: 100%;
  height: 50px;
  padding: 0 25px;
  background-color: var(--white-color);
  color: var(--black-color);
  border: none;
  line-height: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.05);
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper form input:-ms-input-placeholder {
  color: var(--text-color);
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper form input::-webkit-input-placeholder {
  color: var(--text-color);
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper form input::-moz-placeholder {
  color: var(--text-color);
}

undefined {
  color: var(--text-color);
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper form input:-ms-input-placeholder {
  color: var(--text-color);
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper form input::placeholder {
  color: var(--text-color);
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper form input:focus {
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.1);
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper form button {
  height: 50px;
  background-color: var(--primary-color);
  padding: 0 30px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper form button i {
  color: var(--white-color);
  font-size: 14px;
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper .subtitle {
  font-size: 12px;
  font-weight: 500;
}

.sidebar .sidebar-widget.widget-subscribe .subscribe-form-wrapper .subtitle a {
  color: var(--primary-color);
}

.sidebar .sidebar-widget.widget-quote blockquote {
  padding: 30px 40px;
  border-radius: 5px;
  background-color: var(--primary-color);
  color: var(--white-color);
  position: relative;
}

.sidebar .sidebar-widget.widget-quote blockquote:after {
  content: '\efce';
  font-family: 'IcoFont';
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 48px;
  color: var(--white-color);
  opacity: 0.1;
  pointer-events: none;
  line-height: 1;
}

.sidebar.vertical-sidebar {
  flex-direction: column;
}

.sidebar.vertical-sidebar .sidebar-widget:not(:last-child) {
  margin-bottom: 50px;
}

.sidebar.horizontal-sidebar {
  flex-direction: row;
  margin: -25px;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.sidebar.horizontal-sidebar .sidebar-widget {
  padding: 25px;
  width: 25%;
}

@media (max-width: 1201px) {
  .sidebar.horizontal-sidebar .sidebar-widget {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .sidebar.horizontal-sidebar .sidebar-widget {
    width: 100%;
  }
}

/*-------------------------------------------*\
   blog.scss

   General blog styles
\*-------------------------------------------*/
.blog-section .inner-blog .post-intro .meta-wrapper {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  height: auto !important;
  margin-bottom: 25px;
  margin-top: 25px;
}

.blog-section .inner-blog .post-intro .meta-wrapper .meta-data {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-right: 15px;
  line-height: 1.5;
}

@media (max-width: 576px) {
  .blog-section .inner-blog .post-intro .meta-wrapper .meta-data {
    margin-bottom: 7px;
  }
}

.blog-section .inner-blog .post-intro .meta-wrapper .meta-data i {
  margin-right: 7px;
  font-size: 12px;
}

.blog-section .inner-blog .post-intro .meta-wrapper .meta-data .archive-list {
  display: -ms-flexbox;
  display: flex;
}

.blog-section .inner-blog .post-intro .meta-wrapper .meta-data .archive-list li {
  display: -ms-flexbox;
  display: flex;
}

.blog-section .inner-blog .post-intro .meta-wrapper .meta-data .archive-list li:not(:last-child):after {
  content: ',';
  display: -ms-flexbox;
  display: flex;
  line-height: 2;
  margin-right: 4px;
}

.blog-section .inner-blog .post-intro .category-label {
  padding: 0 15px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 30px;
  left: 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  z-index: 10;
}

.blog-section .inner-blog .post-intro .poster {
  position: relative;
}

.blog-section .inner-blog .post-intro .poster img {
  border: none;
  background: none;
  padding: 0;
}

.blog-section .inner-blog .isotope-grid-wrapper, .blog-section .inner-blog .single-content {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.blog-section .inner-blog .isotope-grid-wrapper.default-layout .blog-layout-wrapper, .blog-section .inner-blog .single-content.default-layout .blog-layout-wrapper {
  width: 100%;
}

.blog-section .inner-blog .isotope-grid-wrapper.sidebar-layout .blog-layout-wrapper, .blog-section .inner-blog .single-content.sidebar-layout .blog-layout-wrapper {
  width: 70%;
  padding-right: 30px;
}

@media (max-width: 1201px) {
  .blog-section .inner-blog .isotope-grid-wrapper.sidebar-layout .blog-layout-wrapper, .blog-section .inner-blog .single-content.sidebar-layout .blog-layout-wrapper {
    width: 100%;
    padding-right: 0;
  }
}

.blog-section .inner-blog .isotope-grid-wrapper.sidebar-layout .sidebar-wrapper, .blog-section .inner-blog .single-content.sidebar-layout .sidebar-wrapper {
  width: 30%;
  padding-left: 30px;
}

@media (max-width: 1201px) {
  .blog-section .inner-blog .isotope-grid-wrapper.sidebar-layout .sidebar-wrapper, .blog-section .inner-blog .single-content.sidebar-layout .sidebar-wrapper {
    display: none;
  }
}

.buttons-group {
  width: 100%;
  min-width: 100%;
}

.load-more-wrapper {
  margin-bottom: -25px;
}

.load-more-wrapper .button-wrapper {
  width: 100%;
  min-width: 100%;
  margin-top: 75px;
}

@media (max-width: 768px) {
  .load-more-wrapper .button-wrapper {
    margin-top: 50px;
  }
}

@media (max-width: 576px) {
  .load-more-wrapper .button-wrapper {
    margin-top: 30px;
  }
}

.comments-wrapper .comments-list .comment-item .comment {
  display: -ms-flexbox;
  display: flex;
}

.comments-wrapper .comments-list .comment-item .comment .author-wrapper {
  margin-right: 40px;
}

@media (max-width: 768px) {
  .comments-wrapper .comments-list .comment-item .comment .author-wrapper {
    margin-right: 20px;
  }
}

.comments-wrapper .comments-list .comment-item .comment .author-wrapper .author-image {
  width: 90px;
  min-width: 90px;
  height: 90px;
  min-height: 90px;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .comments-wrapper .comments-list .comment-item .comment .author-wrapper .author-image {
    max-width: 70px;
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
  }
}

.comments-wrapper .comments-list .comment-item .comment .author-wrapper .author-image img {
  width: 100%;
  height: auto;
}

.comments-wrapper .comments-list .comment-item .comment .comment-message-wrapper {
  position: relative;
}

.comments-wrapper .comments-list .comment-item .comment .comment-message-wrapper .comment-meta {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.comments-wrapper .comments-list .comment-item .comment .comment-message-wrapper .comment-meta .left-side {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.comments-wrapper .comments-list .comment-item .comment .comment-message-wrapper .comment-meta .left-side .author-name {
  margin-bottom: 8px;
}

.comments-wrapper .comments-list .comment-item .comment .comment-message-wrapper .comment-meta .left-side .date {
  align-items: center;
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

.comments-wrapper .comments-list .comment-item .comment .comment-message-wrapper .comment-meta .left-side .date i {
  margin-right: 8px;
}

.comments-wrapper .comments-list .comment-item .comment .comment-message-wrapper .comment-message {
  margin-top: 5px;
}

@media (max-width: 576px) {
  .comments-wrapper .comments-list .comment-item .comment .comment-message-wrapper .comment-message {
    font-size: 14px;
  }
}

.comments-wrapper .comments-list .comment-item .comment-children {
  margin-top: 35px;
  padding-top: 35px;
  margin-left: 60px;
}

@media (max-width: 768px) {
  .comments-wrapper .comments-list .comment-item .comment-children {
    margin-left: 40px;
  }
}

@media (max-width: 576px) {
  .comments-wrapper .comments-list .comment-item .comment-children {
    margin-top: 15px;
    padding-top: 15px;
    margin-left: 30px;
  }
}

.comments-wrapper .comments-list .comment-item.depth-1:not(:last-child) {
  margin-bottom: 35px;
  padding-bottom: 35px;
}

@media (max-width: 576px) {
  .comments-wrapper .comments-list .comment-item.depth-1:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

/*-------------------------------------------*\
   posts-grid.scss

   1.0 grid-default.scss
   1.1 grid-creative.scss
   1.2 grid-simple.scss
   1.3 grid-modern.scss
   1.4 grid-digital.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   grid-default.scss

   Posts grid default styles
\*-------------------------------------------*/
.posts-grid-default {
  margin: -15px;
}

.posts-grid-default .grid-item {
  padding: 15px;
}

.posts-grid-default .grid-item .inner-wrapper {
  background-color: var(--white-color);
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
  transition: all .3s ease-in-out;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

.posts-grid-default .grid-item .inner-wrapper .post-header {
  position: relative;
  overflow: hidden;
}

.posts-grid-default .grid-item .inner-wrapper .post-header .thumbnail-wrapper {
  position: relative;
  z-index: 1;
  transform: scale(1.01);
  transition: all .4s ease;
}

.posts-grid-default .grid-item .inner-wrapper .post-header .link-overlay {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.posts-grid-default .grid-item .inner-wrapper .post-header .category-label {
  padding: 0 15px;
  height: 40px;
  background-color: var(--white-color);
  color: var(--black-color);
  letter-spacing: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 35px;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  z-index: 10;
}

.posts-grid-default .grid-item .inner-wrapper .post-body {
  padding: 35px 30px 30px 30px;
}

.posts-grid-default .grid-item .inner-wrapper .post-body .tags-list {
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.posts-grid-default .grid-item .inner-wrapper .post-body .tags-list li .tag {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: var(--meta-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  transition: all .2s ease-in-out;
}

.posts-grid-default .grid-item .inner-wrapper .post-body .tags-list li .tag i {
  margin-right: 5px;
  color: var(--meta-color);
  opacity: 0.7;
  font-size: 12px;
  transition: all .2s ease-in-out;
}

.posts-grid-default .grid-item .inner-wrapper .post-body .tags-list li .tag:hover {
  color: var(--black-color);
}

.posts-grid-default .grid-item .inner-wrapper .post-body .tags-list li .tag:hover i {
  opacity: 1;
  color: var(--black-color);
}

.posts-grid-default .grid-item .inner-wrapper .post-body .tags-list li:not(:last-child) .tag:after {
  content: ',';
  margin-right: 10px;
  line-height: 1;
}

.posts-grid-default .grid-item .inner-wrapper .post-body .post-title {
  margin-bottom: 5px;
}

.posts-grid-default .grid-item .inner-wrapper .post-body .post-title a {
  color: var(--black-color);
  transition: all .3s ease-in-out;
}

.posts-grid-default .grid-item .inner-wrapper .post-body .post-title a:hover {
  color: var(--primary-color);
}

.posts-grid-default .grid-item .inner-wrapper .post-body .post-content {
  font-size: 14px;
}

.posts-grid-default .grid-item .inner-wrapper .post-body .post-content .read-more {
  color: var(--text-color);
  opacity: 0.6;
  transition: all .2s ease-in-out;
  font-weight: 500;
}

.posts-grid-default .grid-item .inner-wrapper .post-body .post-content .read-more:hover {
  opacity: 1;
}

.posts-grid-default .grid-item .inner-wrapper .post-footer {
  padding: 25px 30px;
  border-top: 1px solid var(--border-color-1);
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.posts-grid-default .grid-item .inner-wrapper .post-footer .meta-data {
  color: var(--text-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

.posts-grid-default .grid-item .inner-wrapper .post-footer .meta-data a {
  color: var(--black-color);
}

.posts-grid-default .grid-item .inner-wrapper .post-footer .meta-data i {
  font-size: 12px;
  margin-right: 5px;
}

.posts-grid-default .grid-item:hover .inner-wrapper .post-header .thumbnail-wrapper {
  transform: scale(1.1);
}

/*-------------------------------------------*\
   grid-creative.scss

   Posts grid creative styles
\*-------------------------------------------*/
.posts-grid-creative {
  margin: -15px;
}

.posts-grid-creative .grid-item {
  padding: 15px 15px 45px 15px;
  width: 100%;
}

.posts-grid-creative .grid-item .inner-wrapper {
  background-color: var(--white-color);
  position: relative;
  width: 100%;
}

.posts-grid-creative .grid-item .inner-wrapper .post-header {
  min-height: 450px;
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.posts-grid-creative .grid-item .inner-wrapper .post-header .link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.posts-grid-creative .grid-item .inner-wrapper .post-header .category-label {
  padding: 0 15px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 30px;
  left: 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  z-index: 10;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body {
  border-radius: 5px;
  padding: 25px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: calc(100% - 30px);
  left: 15px;
  background-color: var(--white-color);
  box-shadow: 0 5px 45px rgba(0, 0, 0, 0.15);
  transform: translateY(30px);
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .post-title a {
  transition: all .2s ease-in-out;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .post-title a:hover {
  color: var(--primary-color);
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list {
  display: flow-root;
  align-items: center;
  margin-top: 15px;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list li {
  margin-bottom: 10px;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list li .tag {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: var(--meta-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  transition: all .2s ease-in-out;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list li .tag i {
  margin-right: 5px;
  color: var(--meta-color);
  opacity: 0.7;
  font-size: 12px;
  transition: all .2s ease-in-out;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list li .tag:hover {
  color: var(--black-color);
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list li .tag:hover i {
  opacity: 1;
  color: var(--black-color);
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list li:not(:last-child) {
  margin-right: 10px;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list li:last-child {
  margin-bottom: 0;
}

/*-------------------------------------------*\
   grid-simple.scss

   Posts grid simple styles
\*-------------------------------------------*/
.posts-grid-simple .grid-item {
  margin-left: -1px;
  margin-top: -1px;
}

.posts-grid-simple .grid-item .inner-wrapper {
  background-color: var(--white-color);
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-color-2);
  cursor: pointer;
  position: relative;
  transition: all .2s ease-in-out;
  z-index: 1;
  justify-content: center;
  padding: 55px;
  width: 100%;
  transform: scale(1.0001);
}

@media (max-width: 1025px) {
  .posts-grid-simple .grid-item .inner-wrapper {
    padding: 40px;
  }
}

@media (max-width: 768px) {
  .posts-grid-simple .grid-item .inner-wrapper {
    padding: 30px;
  }
}

@media (max-width: 576px) {
  .posts-grid-simple .grid-item .inner-wrapper {
    padding: 20px;
  }
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .tags-list {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .tags-list li .tag {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: var(--meta-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  transition: all .2s ease-in-out;
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .tags-list li .tag i {
  margin-right: 5px;
  color: var(--meta-color);
  opacity: 0.7;
  font-size: 12px;
  transition: all .2s ease-in-out;
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .tags-list li .tag:hover {
  color: var(--black-color);
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .tags-list li .tag:hover i {
  opacity: 1;
  color: var(--black-color);
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .tags-list li:not(:last-child) .tag:after {
  content: ',';
  margin-right: 10px;
  line-height: 1;
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .post-title {
  margin-bottom: 10px;
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .post-title a {
  transition: all .3s ease-in-out;
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .post-title a:hover {
  color: var(--primary-color);
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .post-content {
  font-size: 14px;
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .post-content .read-more {
  color: var(--text-color);
  opacity: 0.6;
  transition: all .2s ease-in-out;
  font-weight: 500;
}

.posts-grid-simple .grid-item .inner-wrapper .post-body .post-content .read-more:hover {
  opacity: 1;
}

.posts-grid-simple .grid-item .inner-wrapper .post-footer {
  display: -ms-flexbox;
  display: flex;
  justify-content: start;
  margin-top: 20px;
  align-items: center;
}

.posts-grid-simple .grid-item .inner-wrapper:hover {
  transform: scale(1.05);
  z-index: 10;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
}

/*-------------------------------------------*\
   grid-modern.scss

   Posts grid modern styles
\*-------------------------------------------*/
.posts-grid-modern {
  margin: -15px;
}

.posts-grid-modern .grid-item {
  padding: 15px;
}

.posts-grid-modern .grid-item .inner-wrapper .post-header {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.posts-grid-modern .grid-item .inner-wrapper .post-header .link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.posts-grid-modern .grid-item .inner-wrapper .post-header .category-label {
  padding: 0 15px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 30px;
  left: 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  z-index: 10;
}

.posts-grid-modern .grid-item .inner-wrapper .post-body {
  margin-bottom: 15px;
}

.posts-grid-modern .grid-item .inner-wrapper .post-body .post-title {
  font-weight: 600;
}

.posts-grid-modern .grid-item .inner-wrapper .post-body .post-title a {
  transition: all .2s ease-in-out;
}

.posts-grid-modern .grid-item .inner-wrapper .post-body .post-title:hover a {
  color: var(--primary-color);
}

.posts-grid-modern .grid-item .inner-wrapper .post-footer {
  color: var(--meta-color);
  letter-spacing: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  font-style: italic;
}

.posts-grid.posts-grid-1-columns .grid-item {
  max-width: 100%;
}

.posts-grid.posts-grid-2-columns .grid-item {
  max-width: 50%;
}

@media (max-width: 768px) {
  .posts-grid.posts-grid-2-columns .grid-item {
    max-width: 100%;
  }
}

.posts-grid.posts-grid-3-columns .grid-item {
  max-width: 33.333333%;
}

@media (max-width: 1201px) {
  .posts-grid.posts-grid-3-columns .grid-item {
    max-width: 50%;
  }
}

@media (max-width: 768px) {
  .posts-grid.posts-grid-3-columns .grid-item {
    max-width: 100%;
  }
}

.posts-grid.posts-grid-4-columns .grid-item {
  max-width: 25%;
}

@media (max-width: 1600px) {
  .posts-grid.posts-grid-4-columns .grid-item {
    max-width: 33.33333%;
  }
}

@media (max-width: 1201px) {
  .posts-grid.posts-grid-4-columns .grid-item {
    max-width: 50%;
  }
}

@media (max-width: 768px) {
  .posts-grid.posts-grid-4-columns .grid-item {
    max-width: 100%;
  }
}

.posts-grid.posts-grid-5-columns .grid-item {
  max-width: 20%;
}

@media (max-width: 1600px) {
  .posts-grid.posts-grid-5-columns .grid-item {
    max-width: 25%;
  }
}

@media (max-width: 1201px) {
  .posts-grid.posts-grid-5-columns .grid-item {
    max-width: 33.33333%;
  }
}

@media (max-width: 1025px) {
  .posts-grid.posts-grid-5-columns .grid-item {
    max-width: 50%;
  }
}

@media (max-width: 768px) {
  .posts-grid.posts-grid-5-columns .grid-item {
    max-width: 100%;
  }
}

/*-------------------------------------------*\
   testimonial.scss

   1.0 testimonials-slider-type-1.scss
   1.1 testimonials-slider-type-2.scss
   1.2 testimonials-slider-type-3.scss
   1.3 testimonials-slider-type-4.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   testimonials-slider-type-2.scss

   Testimonials slider type 2 styles
\*-------------------------------------------*/
.testimonials-slider-type-2 {
  position: relative;
  margin-bottom: 75px;
}

@media (max-width: 768px) {
  .testimonials-slider-type-2 {
    margin-bottom: 50px;
  }
}

@media (max-width: 576px) {
  .testimonials-slider-type-2 {
    margin-bottom: 30px;
  }
}

.testimonials-slider-type-2 .swiper-container {
  position: relative;
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial {
  padding: 25px 30px;
  background-color: var(--white-color);
  min-height: 100px;
  height: 150px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .3s ease-in-out;
}

@media (max-width: 768px) {
  .testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial {
    min-height: auto;
  }
}

@media (max-width: 576px) {
  .testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial {
    padding: 35px 30px;
  }
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial .author-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial .author-wrapper .avatar-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  overflow: hidden;
  margin-right: 25px;
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial .author-wrapper .author-info {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial .author-wrapper .author-info .author-name {
  margin-bottom: 10px;
  line-height: 1;
  transition: all .3s ease-in-out;
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial .author-wrapper .author-info .author-position {
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  transition: all .3s ease-in-out;
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial .author-wrapper .button {
  padding: 0;
  justify-content: flex-start;
  height: auto;
  margin-top: 25px;
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial:hover {
  background-color: var(--primary-color);
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial:hover .author-wrapper .author-info .author-name {
  color: var(--white-color);
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial:hover .author-wrapper .author-info .author-position {
  color: var(--white-transparent-color);
}

.testimonials-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide .testimonial:hover .author-wrapper .button {
  color: var(--white-color);
}

.testimonials-slider-type-2 .swiper-pagination-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -75px;
  width: 100%;
  z-index: 10;
}

@media (max-width: 768px) {
  .testimonials-slider-type-2 .swiper-pagination-wrapper {
    bottom: -50px;
  }
}

@media (max-width: 576px) {
  .testimonials-slider-type-2 .swiper-pagination-wrapper {
    bottom: -30px;
  }
}

.testimonials-slider-type-2 .swiper-pagination-wrapper .swiper-pagination {
  display: -ms-flexbox;
  display: flex;
}

.testimonials-slider-type-2 .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  background-color: var(--primary-color);
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  transition: all .2s ease-in-out;
  opacity: 1;
}

.testimonials-slider-type-2 .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  display: -ms-flexbox;
  display: flex;
  width: 23px;
  height: 23px;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.6);
  opacity: 0;
  transition: all .2s ease-in-out;
  border: 2px solid var(--primary-color);
}

.testimonials-slider-type-2 .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}

.testimonials-slider-type-2 .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
}

.testimonials-slider-type-2 .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 30px;
}

.testimonials-slider-type-2 .swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  cursor: pointer;
  background-color: var(--white-color);
  transition: all .3s ease-in-out;
}

@media (max-width: 1201px) {
  .testimonials-slider-type-2 .swiper-button {
    display: none;
  }
}

.testimonials-slider-type-2 .swiper-button i {
  color: var(--primary-color);
  font-size: 18px;
  transition: all .3s ease-in-out;
}

.testimonials-slider-type-2 .swiper-button.swiper-button-disabled {
  display: none !important;
}

.testimonials-slider-type-2 .swiper-button.swiper-button-custom-next {
  right: -125px;
}

@media (max-width: 1600px) {
  .testimonials-slider-type-2 .swiper-button.swiper-button-custom-next {
    right: -80px;
  }
}

.testimonials-slider-type-2 .swiper-button.swiper-button-custom-prev {
  left: -125px;
}

@media (max-width: 1600px) {
  .testimonials-slider-type-2 .swiper-button.swiper-button-custom-prev {
    left: -80px;
  }
}

.testimonials-slider-type-2 .swiper-button:hover {
  background-color: var(--primary-color);
}

.testimonials-slider-type-2 .swiper-button:hover i {
  color: var(--white-color);
}

/*-------------------------------------------*\
   buttons-general.scss

   General buttons styles
\*-------------------------------------------*/
.button-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: -8px;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 768px) {
  .button-wrapper {
    margin: -5px;
  }
}

.button-wrapper .button {
  text-align: center;
  margin: 8px;
}

@media (max-width: 768px) {
  .button-wrapper .button {
    margin: 5px;
  }
}

.button-wrapper.button-wrapper-start {
  justify-content: flex-start;
}

.button-wrapper.button-wrapper-center {
  justify-content: center;
}

.button-wrapper.button-wrapper-end {
  justify-content: flex-end;
}

@media (max-width: 576px) {
  .button-wrapper.button-wrapper-end {
    justify-content: start;
    margin-top: 10px;
  }
}

.button {
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.button .right-icon {
  margin-left: 10px;
}

.button .left-icon {
  margin-right: 10px;
}

.button.button-small {
  height: 35px;
  padding: 0 15px;
}

.button.button-medium {
  height: 40px;
  padding: 0 20px;
}

@media (max-width: 768px) {
  .button.button-medium {
    height: 35px;
    padding: 0 15px;
  }
}

.button.button-large {
  height: 45px;
  padding: 0 25px;
}

@media (max-width: 768px) {
  .button.button-large {
    height: 40px;
    padding: 0 20px;
  }
}

.button.button-extra-large {
  height: 50px;
  padding: 0 30px;
}

@media (max-width: 768px) {
  .button.button-extra-large {
    height: 45px;
    padding: 0 25px;
  }
}

.button.button-circle {
  border-radius: 100px;
}

.button.button-rounded {
  border-radius: 5px;
}

.button.button-square {
  border-radius: 0;
}

.button-animation-type-1 {
  border: 1px solid var(--black-color);
}

.button-animation-type-1:hover {
  color: var(--white-color);
  background-color: var(--black-color);
}

.button-animation-type-2 {
  background-color: transparent;
  color: var(--primary-action-color);
  border: 1px solid transparent;
}

.button-animation-type-3 {
  background-color: var(--primary-action-color);
  color: var(--white-color);
  border: 1px solid var(--primary-action-color);
}

.button-animation-type-3:hover {
  background-color: transparent;
  color: var(--primary-action-color);
}

.button-animation-type-4 {
  background-color: transparent;
  color: var(--primary-action-color);
  border: 1px solid var(--primary-action-color);
}

.button-animation-type-5 {
  background-color: var(--primary-action-color);
  color: var(--white-color);
  border: 1px solid var(--primary-action-color);
}

.button-animation-type-6 {
  background-color: transparent;
  color: var(--primary-action-color);
  border: 1px solid var(--primary-action-color);
}

.button-animation-type-6:hover {
  background-color: var(--primary-action-color);
  color: var(--white-color);
  border: 1px solid var(--primary-action-color);
}

.button-animation-type-7 {
  background-color: transparent;
  color: var(--primary-action-color);
  border: 1px solid var(--primary-action-color);
}

.button-animation-type-7:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--primary-action-color);
  z-index: -1;
  transition: all .2s ease-in-out;
  transform: translateY(100%);
}

.button-animation-type-7:hover {
  color: var(--white-color);
}

.button-animation-type-7:hover:after {
  transform: translateY(0);
}

.button-animation-type-8 {
  color: var(--black-color);
  background-color: var(--white-color);
}

.button-simple-type-1 {
  padding: 10px 20px;
}

.button-simple-type-1:hover {
  color: var(--primary-action-color);
}

.button-simple-type-2 {
  padding: 10px 20px;
  color: var(--primary-action-color);
}

.button-simple-type-3 {
  color: var(--white-color);
}

.button-simple-type-4 {
  color: var(--black-color);
}

.button-simple-type-5 {
  color: var(--black-color);
  opacity: 0.5;
  padding: 15px 25px;
}

.button-simple-type-5:hover {
  opacity: 1;
}

/*-------------------------------------------*\
   hero-scenes.scss

   1.0 hero-image-hover-gallery.scss
   1.1 hero-scene-type-1.scss
   1.2 hero-scene-type-2.scss
   1.3 hero-scene-type-3.scss
   1.4 hero-scene-type-4.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   hero-image-hover-gallery.scss

   Hero image hover gallery styles
\*-------------------------------------------*/
.hero-image-hover-gallery {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
  height: 700px;
  justify-content: center;
}

@media (max-width: 1025px) {
  .hero-image-hover-gallery {
    height: 600px;
  }
}

.hero-image-hover-gallery .inner-wrapper {
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.hero-image-hover-gallery .inner-wrapper .image-wrapper {
  width: 100%;
  height: 100%;
  transform: scale(1.1);
}

.hero-image-hover-gallery .inner-wrapper .image-wrapper .inner-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all .5s ease-in-out;
  opacity: 0;
  transform: scale(1);
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

.hero-image-hover-gallery .inner-wrapper .image-wrapper .inner-image.active-image {
  -webkit-filter: blur(0);
          filter: blur(0);
  opacity: 1;
  transform: scale(1.1);
}

.hero-image-hover-gallery .inner-wrapper .image-wrapper:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.hero-image-hover-gallery .inner-wrapper .content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 150px 0;
}

@media (max-width: 1025px) {
  .hero-image-hover-gallery .inner-wrapper .content-wrapper {
    padding: 100px 0;
  }
}

@media (max-width: 768px) {
  .hero-image-hover-gallery .inner-wrapper .content-wrapper {
    padding: 75px 0;
  }
}

@media (max-width: 576px) {
  .hero-image-hover-gallery .inner-wrapper .content-wrapper {
    padding: 50px 0;
  }
}

.hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li {
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  align-items: center;
  transition: all .55s ease-in-out;
}

@media (max-width: 1025px) {
  .hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li {
    margin: 15px !important;
  }
}

.hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li .title {
  padding: 15px;
  cursor: pointer;
  -webkit-text-stroke: 1px var(--white-color);
  letter-spacing: 1px;
  color: var(--white-color);
  transition: all .55s ease-in-out;
}

@media (max-width: 1025px) {
  .hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li .title {
    padding: 0;
  }
}

.hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li .title:hover {
  color: transparent;
}

.hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li:not(:last-child) {
  margin-right: 60px;
}

@media (max-width: 1025px) {
  .hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li:not(:last-child) {
    margin-right: 0;
  }
}

.hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li:before {
  transition: all .55s ease-in-out;
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 1px;
  background-color: var(--meta-color);
  margin-right: 20px;
}

@media (max-width: 1025px) {
  .hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li:before {
    display: none;
  }
}

.hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li.disable-link {
  opacity: 0.4;
  -webkit-filter: blur(2px);
          filter: blur(2px);
}

.hero-image-hover-gallery .inner-wrapper .content-wrapper .images-links li.disable-link:before {
  transform: translateX(-10px);
  opacity: 0;
}

/*-------------------------------------------*\
   hero-scene-type-4.scss

   Hero scene type 4 styles
\*-------------------------------------------*/
.hero-scene-type-4 {
  width: 100%;
  height: calc(100vh - var(--navigation-offset));
  margin-bottom: -30px;
}

@media (max-width: 1025px) {
  .hero-scene-type-4 {
    height: auto;
    margin-bottom: 0;
  }
}

.hero-scene-type-4 .container-wide {
  height: 100%;
}

.hero-scene-type-4 .container-wide .inner-wrapper {
  width: 100%;
  height: calc(100% - 30px);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
}

.hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1025px) {
  .hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper {
    padding: 150px 0;
  }
}

@media (max-width: 768px) {
  .hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper {
    padding: 100px 0;
  }
}

.hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper .content-inner {
  position: relative;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 150px 200px;
}

@media (max-width: 768px) {
  .hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper .content-inner {
    padding: 75px 50px;
  }
}

.hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper .content-inner .title {
  color: var(--white-color);
  letter-spacing: 1px;
  font-weight: 700;
  text-align: center;
  font-size: 64px;
  text-transform: uppercase;
  margin-bottom: 40px;
  margin-top: 60px;
}

@media (max-width: 1025px) {
  .hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper .content-inner .title {
    font-size: 56px;
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper .content-inner .title {
    margin-bottom: 20px;
    margin-top: 40px;
    font-size: 42px;
  }
}

.hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper .content-inner .subtitle {
  text-align: center;
  color: var(--white-color);
  font-weight: 500;
}

.hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper .content-inner .subtitle i {
  margin-left: 10px;
}

.hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.hero-scene-type-4 .container-wide .inner-wrapper .content-wrapper.no-black-bg:after {
  display: none;
}

/*-------------------------------------------*\
   content-section.scss

   1.0 content-section-type-1.scss
   1.1 content-section-type-2.scss
   1.2 content-section-type-3.scss
   1.3 content-section-type-4.scss
   1.4 content-section-type-5.scss
   1.5 content-section-type-6.scss
   1.6 content-section-type-7.scss
   1.7 content-section-type-8.scss
   1.8 content-section-type-9.scss
   1.9 content-section-type-10.scss
   2.0 content-section-type-11.scss
   2.1 content-section-type-12.scss
   2.2 content-section-type-13.scss
   2.3 content-section-type-14.scss
   2.4 content-section-type-15.scss
   2.5 content-section-type-16.scss
   2.6 content-section-type-17.scss
   2.7 content-section-type-18.scss
   2.8 content-section-type-19.scss
   2.9 content-section-type-20.scss
   3.0 content-section-type-21.scss
   3.1 content-section-type-22.scss
   3.2 content-section-type-23.scss
   3.3 content-section-type-24.scss
   3.4 content-section-type-25.scss
   3.5 content-section-type-26.scss
   3.6 content-section-type-27.scss
   3.7 content-section-type-28.scss
   3.8 content-section-type-29.scss
   3.9 content-section-type-30.scss
   4.0 single-content.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   content-section-type-1.scss

   Content section type 1 styles
\*-------------------------------------------*/
.content-section-type-1 .inner-wrapper {
  padding: 50px 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-section-type-1 .inner-wrapper .content-wrapper {
  max-width: 700px;
}

@media (max-width: 1201px) {
  .content-section-type-1 .left-side {
    min-width: 100%;
    width: 100%;
  }
}

@media (max-width: 1201px) {
  .content-section-type-1 .left-side .column {
    min-width: 50%;
    width: 50%;
  }
}

@media (max-width: 768px) {
  .content-section-type-1 .left-side .column {
    min-width: 50%;
    width: 50%;
  }
}

@media (max-width: 576px) {
  .content-section-type-1 .left-side .column {
    min-width: 100%;
    width: 100%;
  }
}

.content-section-type-1 .right-side {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 75px;
}

@media (max-width: 1201px) {
  .content-section-type-1 .right-side {
    min-width: 100%;
    width: 100%;
    min-height: 400px;
    padding: 50px 30px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-1 .right-side {
    min-height: 300px;
    padding: 30px;
  }
}

.content-section-type-1 .right-side .right-side-inner .background-title {
  color: var(--white-color);
  position: relative;
  z-index: 10;
  max-width: 450px;
  margin-bottom: 30px;
}

@media (max-width: 1201px) {
  .content-section-type-1 .right-side .right-side-inner .background-title {
    text-align: center;
  }
}

@media (max-width: 1201px) {
  .content-section-type-1 .right-side .right-side-inner .button-wrapper {
    justify-content: center;
  }
}

/*-------------------------------------------*\
   content-section-type-2.scss

   Content section type 2 styles
\*-------------------------------------------*/
.content-section-type-2 {
  width: 100%;
  height: 600px;
  margin-bottom: 30px;
}

@media (max-width: 1025px) {
  .content-section-type-2 {
    height: auto;
  }
}

@media (max-width: 1025px) {
  .content-section-type-2 .video-toggle-button {
    top: 300px !important;
  }
}

.content-section-type-2 .inner-wrapper {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1025px) {
  .content-section-type-2 .inner-wrapper {
    flex-direction: column;
  }
}

.content-section-type-2 .inner-wrapper .image-side {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 1025px) {
  .content-section-type-2 .inner-wrapper .image-side {
    width: 100%;
    height: 300px;
  }
}

.content-section-type-2 .inner-wrapper .content-side {
  background-color: var(--gray-color);
  padding: 100px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media (max-width: 1440px) {
  .content-section-type-2 .inner-wrapper .content-side {
    padding: 75px;
  }
}

@media (max-width: 768px) {
  .content-section-type-2 .inner-wrapper .content-side {
    padding: 60px 30px;
  }
}

.content-section-type-2 .inner-wrapper .content-side .content-wrapper {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.content-section-type-2 .inner-wrapper .content-side .content-wrapper .title {
  margin-bottom: 15px;
}

.content-section-type-2 .inner-wrapper .content-side .content-wrapper .content {
  margin-bottom: 25px;
}

.content-section-type-2 .inner-wrapper .column {
  width: 50%;
  min-width: 50%;
}

@media (max-width: 1025px) {
  .content-section-type-2 .inner-wrapper .column {
    width: 100%;
    min-width: 100%;
  }
}

/*-------------------------------------------*\
   content-section-type-3.scss

   Content section type 3 styles
\*-------------------------------------------*/
.content-section-type-3 .inner-wrapper {
  align-items: center;
}

.content-section-type-3 .inner-wrapper .column.content-wrapper {
  padding-right: 75px;
}

@media (max-width: 1201px) {
  .content-section-type-3 .inner-wrapper .column.content-wrapper {
    padding: 0 15px;
    width: 100%;
    margin-bottom: 50px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1440px) {
  .content-section-type-3 .inner-wrapper .column.content-wrapper {
    padding-right: 25px;
  }
}

.content-section-type-3 .inner-wrapper .column.content-wrapper .title {
  margin-bottom: 20px;
}

@media (max-width: 1201px) {
  .content-section-type-3 .inner-wrapper .column.content-wrapper .title {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .content-section-type-3 .inner-wrapper .column.content-wrapper .title {
    margin-bottom: 15px;
  }
}

.content-section-type-3 .inner-wrapper .column.content-wrapper .content {
  padding-right: 150px;
}

@media (max-width: 1201px) {
  .content-section-type-3 .inner-wrapper .column.content-wrapper .content {
    text-align: center;
    padding-right: 0;
  }
}

.content-section-type-3 .inner-wrapper .column.content-wrapper .button-wrapper {
  margin-top: 25px;
}

@media (max-width: 1201px) {
  .content-section-type-3 .inner-wrapper .column.content-wrapper .button-wrapper {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .content-section-type-3 .inner-wrapper .column.content-wrapper .button-wrapper {
    margin-top: 20px;
  }
}

.content-section-type-3 .inner-wrapper .column.services-wrapper {
  padding-left: 75px;
}

@media (max-width: 1440px) {
  .content-section-type-3 .inner-wrapper .column.services-wrapper {
    padding-left: 30px;
  }
}

@media (max-width: 1201px) {
  .content-section-type-3 .inner-wrapper .column.services-wrapper {
    padding: 0 15px !important;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

.content-section-type-3 .inner-wrapper .column.services-wrapper .content-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side {
  min-width: 50%;
  width: 50%;
}

@media (max-width: 768px) {
  .content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side {
    min-width: 100%;
    width: 100%;
  }
}

.content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side .service {
  border-radius: 15px;
  box-shadow: 0 5px 45px rgba(0, 0, 0, 0.1);
  background-color: var(--white-color);
  padding: 40px;
  cursor: pointer;
}

.content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side .service .icon-wrapper {
  margin-bottom: 15px;
}

.content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side .service .icon-wrapper i {
  background: -webkit-linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 42px;
}

.content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side .service .title {
  margin-bottom: 10px;
}

.content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side .service .content {
  font-size: 14px;
  margin-bottom: 20px;
}

.content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side .service:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side .service:not(:last-child) {
    margin-bottom: 30px;
  }
}

.content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side.left-side {
  padding: 0 20px 75px 0;
}

@media (max-width: 1201px) {
  .content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side.left-side {
    padding: 0 20px 0 0;
  }
}

@media (max-width: 768px) {
  .content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side.left-side {
    padding: 0;
    margin-bottom: 30px;
  }
}

.content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side.right-side {
  padding: 75px 0 0 20px;
}

@media (max-width: 1201px) {
  .content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side.right-side {
    padding: 0 0 0 20px;
  }
}

@media (max-width: 768px) {
  .content-section-type-3 .inner-wrapper .column.services-wrapper .content-row .side.right-side {
    padding: 0;
  }
}

/*-------------------------------------------*\
   content-section-type-4.scss

   Content section type 4 styles
\*-------------------------------------------*/
.content-section-type-4 .inner-wrapper {
  align-items: center;
  padding-bottom: 50px;
}

@media (max-width: 1025px) {
  .content-section-type-4 .inner-wrapper {
    padding-bottom: 15px;
  }
}

.content-section-type-4 .inner-wrapper .column.content-wrapper {
  padding-right: 100px;
}

@media (max-width: 1440px) {
  .content-section-type-4 .inner-wrapper .column.content-wrapper {
    padding-right: 50px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-4 .inner-wrapper .column.content-wrapper {
    padding: 0 15px;
    min-width: 100%;
    width: 100%;
  }
}

.content-section-type-4 .inner-wrapper .column.content-wrapper .icon-wrapper {
  width: 70px;
  height: 70px;
  border-radius: 100px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  margin-bottom: 30px;
}

@media (max-width: 1025px) {
  .content-section-type-4 .inner-wrapper .column.content-wrapper .icon-wrapper {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .content-section-type-4 .inner-wrapper .column.content-wrapper .icon-wrapper {
    width: 50px;
    height: 50px;
  }
}

.content-section-type-4 .inner-wrapper .column.content-wrapper .icon-wrapper i {
  color: var(--white-color);
  font-size: 22px;
}

@media (max-width: 768px) {
  .content-section-type-4 .inner-wrapper .column.content-wrapper .icon-wrapper i {
    font-size: 18px;
  }
}

.content-section-type-4 .inner-wrapper .column.content-wrapper .title {
  margin-bottom: 15px;
}

@media (max-width: 1025px) {
  .content-section-type-4 .inner-wrapper .column.content-wrapper .title {
    margin-bottom: 10px;
  }
}

.content-section-type-4 .inner-wrapper .column.content-wrapper .button-wrapper {
  margin-top: 20px;
}

@media (max-width: 1025px) {
  .content-section-type-4 .inner-wrapper .column.content-wrapper .button-wrapper {
    margin-top: 10px;
  }
}

.content-section-type-4 .inner-wrapper .column.images-wrapper {
  padding-left: 100px;
  position: relative;
}

@media (max-width: 1440px) {
  .content-section-type-4 .inner-wrapper .column.images-wrapper {
    padding-left: 50px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-4 .inner-wrapper .column.images-wrapper {
    padding: 0 15px;
    min-width: 100%;
    width: 100%;
    margin-top: 50px;
  }
}

@media (max-width: 576px) {
  .content-section-type-4 .inner-wrapper .column.images-wrapper {
    margin-top: 30px;
  }
}

.content-section-type-4 .inner-wrapper .column.images-wrapper img {
  transform: translateX(-50px);
  position: relative;
  z-index: 1;
  border-radius: 10px;
  box-shadow: 0 5px 50px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1025px) {
  .content-section-type-4 .inner-wrapper .column.images-wrapper img {
    transform: unset;
  }
}

.content-section-type-4 .inner-wrapper .column.images-wrapper .overlay-panel-wrapper {
  position: absolute;
  right: 0;
  bottom: -50px;
  background-color: var(--white-color);
  border-radius: 10px;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.1);
  z-index: 10;
  width: 425px;
  padding: 40px;
}

@media (max-width: 1025px) {
  .content-section-type-4 .inner-wrapper .column.images-wrapper .overlay-panel-wrapper {
    width: calc(100% - 90px);
    left: 45px;
    bottom: 30px;
  }
}

@media (max-width: 768px) {
  .content-section-type-4 .inner-wrapper .column.images-wrapper .overlay-panel-wrapper {
    padding: 25px;
  }
}

@media (max-width: 576px) {
  .content-section-type-4 .inner-wrapper .column.images-wrapper .overlay-panel-wrapper {
    position: relative;
    width: auto;
    height: auto;
    bottom: unset;
    left: unset;
    margin-top: 30px;
  }
}

/*-------------------------------------------*\
   content-section-type-5.scss

   Content section type 5 styles
\*-------------------------------------------*/
.content-section-type-5 .inner-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-section-type-5 .inner-wrapper .content-wrapper {
  max-width: 600px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.content-section-type-5 .inner-wrapper .content-wrapper .title {
  margin-bottom: 20px;
  text-align: center;
}

.content-section-type-5 .inner-wrapper .content-wrapper .content {
  text-align: center;
  margin-bottom: 30px;
  padding: 0 50px;
}

@media (max-width: 576px) {
  .content-section-type-5 .inner-wrapper .content-wrapper .content {
    padding: 0;
  }
}

.content-section-type-5 .inner-wrapper .content-wrapper .subtitle {
  font-size: 12px;
  font-weight: 500;
  margin-top: 20px;
  text-align: center;
}

.content-section-type-5 .inner-wrapper .content-wrapper .subtitle a {
  color: var(--primary-color);
}

.content-section-type-5.content-section-white-type .inner-wrapper .content-wrapper .title {
  color: var(--white-color);
}

.content-section-type-5.content-section-white-type .inner-wrapper .content-wrapper .content {
  color: var(--white-transparent-color);
}

.content-section-type-5.content-section-white-type .inner-wrapper .content-wrapper .subtitle {
  color: var(--white-transparent-color);
}

.content-section-type-5.content-section-white-type .inner-wrapper .content-wrapper .subtitle a {
  color: var(--white-color);
}

/*-------------------------------------------*\
   content-section-type-6.scss

   Content section type 6 styles
\*-------------------------------------------*/
.content-section-type-6 .inner-wrapper {
  align-items: center;
}

.content-section-type-6 .inner-wrapper .column.content-wrapper {
  padding-left: 75px;
}

@media (max-width: 1201px) {
  .content-section-type-6 .inner-wrapper .column.content-wrapper {
    padding-left: 40px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-6 .inner-wrapper .column.content-wrapper {
    padding: 0 15px;
    width: 100%;
    min-width: 100%;
    margin-top: 30px;
  }
}

.content-section-type-6 .inner-wrapper .column.content-wrapper .upper-text {
  font-weight: 500;
  color: var(--primary-color);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media (max-width: 1025px) {
  .content-section-type-6 .inner-wrapper .column.content-wrapper .upper-text {
    margin-bottom: 15px;
  }
}

.content-section-type-6 .inner-wrapper .column.content-wrapper .upper-text i {
  font-size: 48px;
  background: -webkit-linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 15px;
}

@media (max-width: 768px) {
  .content-section-type-6 .inner-wrapper .column.content-wrapper .upper-text i {
    font-size: 36px;
  }
}

@media (max-width: 576px) {
  .content-section-type-6 .inner-wrapper .column.content-wrapper .upper-text i {
    display: none;
  }
}

.content-section-type-6 .inner-wrapper .column.content-wrapper .title {
  margin-bottom: 30px;
}

@media (max-width: 1025px) {
  .content-section-type-6 .inner-wrapper .column.content-wrapper .title {
    margin-bottom: 20px;
  }
}

.content-section-type-6 .inner-wrapper .column.images-wrapper {
  padding-right: 50px;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1201px) {
  .content-section-type-6 .inner-wrapper .column.images-wrapper {
    padding-right: 40px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-6 .inner-wrapper .column.images-wrapper {
    padding: 0 15px;
  }
}

@media (max-width: 576px) {
  .content-section-type-6 .inner-wrapper .column.images-wrapper {
    flex-wrap: wrap;
  }
}

.content-section-type-6 .inner-wrapper .column.images-wrapper .image-inner {
  width: 50%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

@media (max-width: 576px) {
  .content-section-type-6 .inner-wrapper .column.images-wrapper .image-inner {
    min-width: 100%;
    width: 100%;
  }
}

.content-section-type-6 .inner-wrapper .column.images-wrapper .image-inner:first-child {
  margin-right: 15px;
  transform: translateY(-15px);
}

@media (max-width: 1025px) {
  .content-section-type-6 .inner-wrapper .column.images-wrapper .image-inner:first-child {
    transform: unset;
  }
}

@media (max-width: 576px) {
  .content-section-type-6 .inner-wrapper .column.images-wrapper .image-inner:first-child {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.content-section-type-6 .inner-wrapper .column.images-wrapper .image-inner:last-child {
  margin-left: 15px;
  transform: translateY(15px);
}

@media (max-width: 1025px) {
  .content-section-type-6 .inner-wrapper .column.images-wrapper .image-inner:last-child {
    transform: unset;
  }
}

@media (max-width: 576px) {
  .content-section-type-6 .inner-wrapper .column.images-wrapper .image-inner:last-child {
    margin-left: 0;
  }
}

/*-------------------------------------------*\
   content-section-type-7.scss

   Content section type 7 styles
\*-------------------------------------------*/
.content-section-type-7 .inner-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -75px;
}

.content-section-type-7 .inner-wrapper .column {
  width: 33.333333333%;
  min-width: 33.333333333%;
  padding: 0 75px;
}

.content-section-type-7 .inner-wrapper .column .title {
  margin-bottom: 10px;
}

/*-------------------------------------------*\
   content-section-type-8.scss

   Content section type 8 styles
\*-------------------------------------------*/
.content-section-type-8 .inner-wrapper {
  position: relative;
  z-index: 10;
}

.content-section-type-8 .inner-wrapper .column {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media (max-width: 1025px) {
  .content-section-type-8 .inner-wrapper .column {
    min-width: 100%;
    width: 100%;
  }
}

.content-section-type-8 .inner-wrapper .column .title-wrapper {
  max-width: 500px;
}

@media (max-width: 1025px) {
  .content-section-type-8 .inner-wrapper .column .title-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}

.content-section-type-8 .inner-wrapper .column .title-wrapper .title {
  color: var(--white-color);
  margin-bottom: 15px;
}

@media (max-width: 1025px) {
  .content-section-type-8 .inner-wrapper .column .title-wrapper .title {
    text-align: center;
  }
}

.content-section-type-8 .inner-wrapper .column .title-wrapper .content {
  color: var(--white-color);
}

@media (max-width: 1025px) {
  .content-section-type-8 .inner-wrapper .column .title-wrapper .content {
    text-align: center;
  }
}

.content-section-type-8 .inner-wrapper .column.form-wrapper {
  justify-content: flex-end;
}

@media (max-width: 1025px) {
  .content-section-type-8 .inner-wrapper .column.form-wrapper {
    justify-content: center;
  }
}

/*-------------------------------------------*\
   content-section-type-9.scss

   Content section type 9 styles
\*-------------------------------------------*/
@media (max-width: 1440px) {
  .content-section-type-9 .inner-wrapper .timeline-wrapper, .content-section-type-9 .inner-wrapper .image-wrapper {
    min-width: 50%;
    width: 50%;
  }
}

@media (max-width: 768px) {
  .content-section-type-9 .inner-wrapper .timeline-wrapper, .content-section-type-9 .inner-wrapper .image-wrapper {
    min-width: 100%;
    width: 100%;
  }
}

.content-section-type-9 .inner-wrapper .image-wrapper .image-inner {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .content-section-type-9 .inner-wrapper .image-wrapper .image-inner {
    min-height: 400px;
  }
}

.content-section-type-9 .inner-wrapper .content-wrapper {
  padding-left: 75px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1440px) {
  .content-section-type-9 .inner-wrapper .content-wrapper {
    padding: 0 15px;
    min-width: 100%;
    width: 100%;
    margin-top: 15px;
  }
}

.content-section-type-9 .inner-wrapper .content-wrapper .title {
  margin-bottom: 15px;
}

@media (max-width: 1440px) {
  .content-section-type-9 .inner-wrapper .content-wrapper .title {
    margin-bottom: 10px;
  }
}

.content-section-type-9 .inner-wrapper .content-wrapper .button-wrapper {
  margin-top: 15px;
}

@media (max-width: 1440px) {
  .content-section-type-9 .inner-wrapper .content-wrapper .button-wrapper {
    margin-top: 10px;
  }
}

/*-------------------------------------------*\
   content-section-type-10.scss

   Content section type 10 styles
\*-------------------------------------------*/
.content-section-type-10 .inner-wrapper {
  width: 100%;
  align-items: center;
}

@media (max-width: 1025px) {
  .content-section-type-10 .inner-wrapper {
    padding-bottom: 15px;
  }
}

.content-section-type-10 .inner-wrapper .column.images-wrapper {
  padding-right: 75px;
  position: relative;
}

@media (max-width: 1201px) {
  .content-section-type-10 .inner-wrapper .column.images-wrapper {
    padding-right: 50px;
  }
}

@media (max-width: 768px) {
  .content-section-type-10 .inner-wrapper .column.images-wrapper {
    margin-bottom: 10px;
    padding-right: 15px;
  }
}

.content-section-type-10 .inner-wrapper .column.images-wrapper .tilt-wrapper {
  transform-style: preserve-3d;
  transform: perspective(1000px);
}

.content-section-type-10 .inner-wrapper .column.images-wrapper .tilt-wrapper .image img {
  border-radius: 5px;
}

.content-section-type-10 .inner-wrapper .column.images-wrapper .tilt-wrapper .image.default-image {
  padding-bottom: 45px;
  padding-left: 45px;
}

@media (max-width: 768px) {
  .content-section-type-10 .inner-wrapper .column.images-wrapper .tilt-wrapper .image.default-image {
    padding: 0;
  }
}

.content-section-type-10 .inner-wrapper .column.images-wrapper .tilt-wrapper .image.image-top {
  position: absolute;
  z-index: 10;
  bottom: 15px;
  left: 15px;
  transform: translateZ(35px) !important;
}

@media (max-width: 768px) {
  .content-section-type-10 .inner-wrapper .column.images-wrapper .tilt-wrapper .image.image-top {
    position: relative;
    bottom: 0;
    left: 0;
    transform: unset !important;
    margin-top: 30px;
  }
}

.content-section-type-10 .inner-wrapper .column.images-wrapper .tilt-wrapper .image.image-top img {
  height: auto;
  max-width: 450px;
}

@media (max-width: 1201px) {
  .content-section-type-10 .inner-wrapper .column.images-wrapper .tilt-wrapper .image.image-top img {
    max-width: 350px;
  }
}

@media (max-width: 768px) {
  .content-section-type-10 .inner-wrapper .column.images-wrapper .tilt-wrapper .image.image-top img {
    max-width: 100%;
  }
}

.content-section-type-10 .inner-wrapper .column.title-wrapper {
  padding-left: 50px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1201px) {
  .content-section-type-10 .inner-wrapper .column.title-wrapper {
    padding-left: 15px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-10 .inner-wrapper .column.title-wrapper {
    max-width: 100%;
    width: 100%;
    padding: 0 15px;
  }
}

.content-section-type-10 .inner-wrapper .column.title-wrapper .title {
  color: var(--white-color);
  margin-bottom: 25px;
}

@media (max-width: 1201px) {
  .content-section-type-10 .inner-wrapper .column.title-wrapper .title {
    margin-bottom: 15px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-10 .inner-wrapper .column.title-wrapper .title {
    margin-bottom: 10px;
  }
}

.content-section-type-10 .inner-wrapper .column.title-wrapper .content {
  color: var(--white-color);
  padding-right: 100px;
}

@media (max-width: 1201px) {
  .content-section-type-10 .inner-wrapper .column.title-wrapper .content {
    padding-right: 30px;
  }
}

@media (max-width: 768px) {
  .content-section-type-10 .inner-wrapper .column.title-wrapper .content {
    padding-right: 0;
  }
}

.content-section-type-10 .inner-wrapper .column.title-wrapper .button-wrapper {
  margin-top: 25px;
}

@media (max-width: 1201px) {
  .content-section-type-10 .inner-wrapper .column.title-wrapper .button-wrapper {
    margin-top: 15px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-10 .inner-wrapper .column.title-wrapper .button-wrapper {
    margin-top: 10px;
  }
}

/*-------------------------------------------*\
   content-section-type-11.scss

   Content section type 11 styles
\*-------------------------------------------*/
.content-section-type-11 .inner-testimonials {
  align-items: center;
}

.content-section-type-11 .inner-testimonials .column.testimonials-wrapper {
  padding-right: 50px;
}

@media (max-width: 1440px) {
  .content-section-type-11 .inner-testimonials .column.testimonials-wrapper {
    padding-right: 15px;
  }
}

@media (max-width: 1201px) {
  .content-section-type-11 .inner-testimonials .column.testimonials-wrapper {
    padding: 0 15px;
    min-width: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }
}

.content-section-type-11 .inner-testimonials .column.content-wrapper {
  padding-left: 100px;
}

@media (max-width: 1440px) {
  .content-section-type-11 .inner-testimonials .column.content-wrapper {
    padding-left: 30px;
  }
}

@media (max-width: 1201px) {
  .content-section-type-11 .inner-testimonials .column.content-wrapper {
    padding: 0 15px;
    width: 100%;
    margin-top: 50px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

.content-section-type-11 .inner-testimonials .column.content-wrapper .upper-text {
  font-weight: 500;
  color: var(--primary-color);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media (max-width: 1201px) {
  .content-section-type-11 .inner-testimonials .column.content-wrapper .upper-text {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .content-section-type-11 .inner-testimonials .column.content-wrapper .upper-text {
    margin-bottom: 15px;
  }
}

.content-section-type-11 .inner-testimonials .column.content-wrapper .upper-text i {
  font-size: 48px;
  background: -webkit-linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 15px;
}

@media (max-width: 768px) {
  .content-section-type-11 .inner-testimonials .column.content-wrapper .upper-text i {
    font-size: 36px;
  }
}

@media (max-width: 576px) {
  .content-section-type-11 .inner-testimonials .column.content-wrapper .upper-text i {
    display: none;
  }
}

.content-section-type-11 .inner-testimonials .column.content-wrapper .title {
  margin-bottom: 20px;
}

@media (max-width: 1201px) {
  .content-section-type-11 .inner-testimonials .column.content-wrapper .title {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .content-section-type-11 .inner-testimonials .column.content-wrapper .title {
    margin-bottom: 15px;
  }
}

.content-section-type-11 .inner-testimonials .column.content-wrapper .content {
  padding-right: 75px;
}

@media (max-width: 1201px) {
  .content-section-type-11 .inner-testimonials .column.content-wrapper .content {
    text-align: center;
    padding-right: 0;
  }
}

/*-------------------------------------------*\
   content-section-type-12.scss

   Content section type 12 styles
\*-------------------------------------------*/
.content-section-type-12 {
  margin-top: -100px;
}

@media (max-width: 1440px) {
  .content-section-type-12 {
    margin-top: 0;
  }
}

/*-------------------------------------------*\
   content-section-type-13.scss

   Content section type 13 styles (Coming soon)
\*-------------------------------------------*/
.content-section-type-13 .recent-posts .column {
  padding: 0;
}

@media (max-width: 1440px) {
  .content-section-type-13 .recent-posts .column {
    min-width: 50%;
    width: 50%;
  }
}

@media (max-width: 768px) {
  .content-section-type-13 .recent-posts .column {
    min-width: 100%;
    width: 100%;
  }
}

/*-------------------------------------------*\
   content-section-type-14.scss

   Content section type 14 styles (Coming soon)
\*-------------------------------------------*/
/*-------------------------------------------*\
   content-section-type-15.scss

   Content section type 15 styles (Coming soon)
\*-------------------------------------------*/
/*-------------------------------------------*\
   content-section-type-16.scss

   Content section type 16 styles (Coming soon)
\*-------------------------------------------*/
/*-------------------------------------------*\
   content-section-type-17.scss

   Content section type 17 styles
\*-------------------------------------------*/
.content-section-type-17 .inner-wrapper {
  align-items: center;
  margin: 0 -75px;
}

@media (max-width: 1025px) {
  .content-section-type-17 .inner-wrapper {
    margin: 0 -15px;
  }
}

.content-section-type-17 .inner-wrapper .column {
  padding: 0 75px;
}

@media (max-width: 1025px) {
  .content-section-type-17 .inner-wrapper .column {
    padding: 0 15px;
  }
}

.content-section-type-17 .inner-wrapper .column.content-wrapper .content-item .title {
  color: var(--white-color);
  margin-bottom: 15px;
  font-size: 32px;
}

.content-section-type-17 .inner-wrapper .column.content-wrapper .content-item .content {
  color: var(--white-color);
  margin-bottom: 25px;
}

@media (max-width: 1025px) {
  .content-section-type-17 .inner-wrapper .column.content-wrapper:last-child {
    margin-top: 50px;
  }
}

/*-------------------------------------------*\
   content-section-type-18.scss

   Content section type 18 styles
\*-------------------------------------------*/
.content-section-type-18 .clients-inner-wrapper {
  padding: 75px 0;
  border-bottom: 1px solid var(--white-transparent-color);
}

.content-section-type-18 .clients-inner-wrapper .client-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-section-type-18 .clients-inner-wrapper .client-wrapper img {
  max-width: 150px;
}

.content-section-type-18 .inner-wrapper .content-wrapper {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-section-type-18 .inner-wrapper .content-wrapper .upper-text {
  font-weight: 500;
  color: var(--primary-color);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.content-section-type-18 .inner-wrapper .content-wrapper .title {
  text-align: center;
  color: var(--white-color);
}

.content-section-type-18 .inner-wrapper .content-wrapper .button-wrapper {
  margin-top: 25px;
}

/*-------------------------------------------*\
   content-section-type-19.scss

   Content section type 19 styles
\*-------------------------------------------*/
.content-section-type-19 .inner-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.content-section-type-19 .inner-wrapper .column.content-wrapper {
  padding-right: 75px;
}

@media (max-width: 1440px) {
  .content-section-type-19 .inner-wrapper .column.content-wrapper {
    padding-right: 50px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-19 .inner-wrapper .column.content-wrapper {
    padding: 0 15px;
    min-width: 100%;
    width: 100%;
  }
}

.content-section-type-19 .inner-wrapper .column.content-wrapper .title {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .content-section-type-19 .inner-wrapper .column.content-wrapper .title {
    margin-bottom: 15px;
  }
}

.content-section-type-19 .inner-wrapper .column.progress-bar-wrapper {
  padding-left: 50px;
}

@media (max-width: 1201px) {
  .content-section-type-19 .inner-wrapper .column.progress-bar-wrapper {
    padding-left: 50px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-19 .inner-wrapper .column.progress-bar-wrapper {
    padding: 0 15px;
    margin-top: 50px;
    min-width: 100%;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .content-section-type-19 .inner-wrapper .column.progress-bar-wrapper {
    margin-top: 40px;
  }
}

/*-------------------------------------------*\
   content-section-type-20.scss

   Content section type 20 styles
\*-------------------------------------------*/
@media (max-width: 1025px) {
  .content-section-type-20 {
    padding-bottom: 0;
  }
}

.content-section-type-20 .inner-wrapper {
  align-items: center;
}

.content-section-type-20 .inner-wrapper .column.images-wrapper {
  padding-right: 30px;
}

@media (max-width: 1025px) {
  .content-section-type-20 .inner-wrapper .column.images-wrapper {
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  .content-section-type-20 .inner-wrapper .column.images-wrapper {
    margin-bottom: 15px;
    min-width: 50%;
    width: 50%;
  }
}

@media (max-width: 576px) {
  .content-section-type-20 .inner-wrapper .column.images-wrapper {
    min-width: 100%;
    width: 100%;
  }
}

.content-section-type-20 .inner-wrapper .column.images-wrapper img {
  border-radius: 5px;
}

.content-section-type-20 .inner-wrapper .column.content-wrapper {
  padding-left: 75px;
}

@media (max-width: 1201px) {
  .content-section-type-20 .inner-wrapper .column.content-wrapper {
    padding-left: 40px;
  }
}

@media (max-width: 1025px) {
  .content-section-type-20 .inner-wrapper .column.content-wrapper {
    min-width: 100%;
    width: 100%;
    padding: 0 15px;
    margin-top: 20px;
    padding-bottom: 50px;
    border-bottom: 5px dashed var(--border-color-1);
    margin-bottom: 60px;
  }
}

.content-section-type-20 .inner-wrapper .column.content-wrapper .title {
  margin-bottom: 15px;
}

@media (max-width: 1025px) {
  .content-section-type-20 .inner-wrapper .column.content-wrapper .title {
    margin-bottom: 10px;
  }
}

.content-section-type-20 .inner-wrapper .column.content-wrapper .content {
  padding-right: 50px;
}

@media (max-width: 768px) {
  .content-section-type-20 .inner-wrapper .column.content-wrapper .content {
    padding-right: 0;
  }
}

.content-section-type-20 .inner-wrapper .column.content-wrapper .social-list {
  margin-top: 20px;
}

@media (max-width: 1025px) {
  .content-section-type-20 .inner-wrapper .column.content-wrapper .social-list {
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  .content-section-type-20 .inner-wrapper .column.content-wrapper .social-list {
    margin-top: 10px;
  }
}

/*-------------------------------------------*\
   content-section-type-21.scss

   Content section type 21 styles
\*-------------------------------------------*/
.content-section-type-21 .services-list {
  margin-top: -100px;
}

/*-------------------------------------------*\
   content-section-type-22.scss

   Content section type 22 styles (Coming soon)
\*-------------------------------------------*/
/*-------------------------------------------*\
   content-section-type-23.scss

   Content section type 23 styles
\*-------------------------------------------*/
.content-section-type-23 .inner-wrapper {
  align-items: center;
}

.content-section-type-23 .inner-wrapper .title-wrapper {
  padding-left: 50px;
  padding-right: 15px;
}

@media (max-width: 1201px) {
  .content-section-type-23 .inner-wrapper .title-wrapper {
    min-width: 100%;
    width: 100%;
    padding: 0 15px;
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .content-section-type-23 .inner-wrapper .title-wrapper {
    margin-top: 0;
  }
}

.content-section-type-23 .inner-wrapper .content-wrapper {
  padding-right: 30px;
  padding-left: 15px;
}

@media (max-width: 1201px) {
  .content-section-type-23 .inner-wrapper .content-wrapper {
    padding: 0 15px;
    min-width: 50%;
    width: 50%;
  }
}

@media (max-width: 768px) {
  .content-section-type-23 .inner-wrapper .content-wrapper {
    min-width: 100%;
    width: 100%;
  }
}

.content-section-type-23 .inner-wrapper .content-wrapper .title {
  margin-bottom: 15px;
}

.content-section-type-23 .inner-wrapper .content-wrapper .subtitle {
  margin-bottom: 15px;
  text-transform: uppercase;
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

@media (max-width: 768px) {
  .content-section-type-23 .inner-wrapper .content-wrapper:not(:last-child) {
    margin-bottom: 30px;
  }
}

/*-------------------------------------------*\
   content-section-type-24.scss

   Content section type 24 styles
\*-------------------------------------------*/
@media (max-width: 576px) {
  .content-section-type-24 {
    padding-top: 50px;
  }
}

.content-section-type-24 .inner-wrapper .faq-item {
  align-items: center;
  justify-content: flex-start;
}

.content-section-type-24 .inner-wrapper .faq-item .title-wrapper {
  padding-right: 75px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 1025px) {
  .content-section-type-24 .inner-wrapper .faq-item .title-wrapper {
    padding: 0 15px;
    margin-bottom: 25px;
    min-width: 100%;
    width: 100%;
  }
}

.content-section-type-24 .inner-wrapper .faq-item .title-wrapper .num {
  color: var(--primary-color);
  font-size: 64px;
  font-weight: 700;
  margin-bottom: 25px;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10;
}

.content-section-type-24 .inner-wrapper .faq-item .title-wrapper .num:before {
  content: '';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 20px;
  background-color: var(--gray-hard-color);
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: 50%;
  transform: translateY(0) translateX(-50%);
}

.content-section-type-24 .inner-wrapper .faq-item .title-wrapper .upper-text {
  font-weight: 600;
  color: var(--primary-color);
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.content-section-type-24 .inner-wrapper .faq-item .title-wrapper .title {
  font-weight: 600;
}

.content-section-type-24 .inner-wrapper .faq-item .accordion-wrapper {
  padding-left: 75px;
}

@media (max-width: 1025px) {
  .content-section-type-24 .inner-wrapper .faq-item .accordion-wrapper {
    padding: 0 15px;
  }
}

.content-section-type-24 .inner-wrapper .faq-item:not(:last-child) {
  margin-bottom: 75px;
  padding-bottom: 65px;
  border-bottom: 5px dashed var(--border-color-1);
}

@media (max-width: 1025px) {
  .content-section-type-24 .inner-wrapper .faq-item:not(:last-child) {
    margin-bottom: 50px;
    padding-bottom: 50px;
  }
}

/*-------------------------------------------*\
   content-section-type-25.scss

   Content section type 25 styles
\*-------------------------------------------*/
@media (max-width: 576px) {
  .content-section-type-25 {
    padding-top: 50px;
  }
}

.content-section-type-25 .inner-wrapper {
  align-items: center;
}

.content-section-type-25 .inner-wrapper .title-wrapper {
  padding-right: 100px;
}

@media (max-width: 1025px) {
  .content-section-type-25 .inner-wrapper .title-wrapper {
    padding-right: 15px;
    width: 100% !important;
    min-width: 100% !important;
    margin-bottom: 30px;
  }
}

.content-section-type-25 .inner-wrapper .title-wrapper .title {
  margin-bottom: 15px;
}

@media (max-width: 1025px) {
  .content-section-type-25 .inner-wrapper .title-wrapper .title {
    margin-bottom: 10px;
  }
}

.content-section-type-25 .inner-wrapper .title-wrapper .content {
  margin-bottom: 25px;
}

@media (max-width: 1025px) {
  .content-section-type-25 .inner-wrapper .title-wrapper .content {
    margin-bottom: 15px;
  }
}

.content-section-type-25 .inner-wrapper .list-wrapper {
  padding-left: 50px;
}

@media (max-width: 1025px) {
  .content-section-type-25 .inner-wrapper .list-wrapper {
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  .content-section-type-25 .inner-wrapper .list-wrapper {
    width: 50%;
    min-width: 50%;
  }
}

@media (max-width: 576px) {
  .content-section-type-25 .inner-wrapper .list-wrapper {
    width: 100%;
    min-width: 100%;
  }
}

@media (max-width: 576px) {
  .content-section-type-25 .inner-wrapper .list-wrapper:not(:last-child) {
    margin-bottom: 25px;
  }
}

/*-------------------------------------------*\
   content-section-type-26.scss

   Content section type 26 styles (Coming soon)
\*-------------------------------------------*/
/*-------------------------------------------*\
   content-section-type-27.scss

   Content section type 27 styles
\*-------------------------------------------*/
@media (max-width: 576px) {
  .content-section-type-27 {
    padding-top: 50px;
  }
}

.content-section-type-27 .inner-wrapper {
  align-items: center;
}

.content-section-type-27 .inner-wrapper .form-wrapper {
  padding-right: 50px;
}

@media (max-width: 1025px) {
  .content-section-type-27 .inner-wrapper .form-wrapper {
    padding: 0 15px;
    margin-bottom: 50px;
  }
}

.content-section-type-27 .inner-wrapper .form-wrapper .upper-text {
  font-weight: 500;
  color: var(--primary-color);
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .content-section-type-27 .inner-wrapper .form-wrapper .upper-text {
    margin-bottom: 10px;
  }
}

.content-section-type-27 .inner-wrapper .form-wrapper .upper-text i {
  font-size: 48px;
  background: -webkit-linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 15px;
}

@media (max-width: 768px) {
  .content-section-type-27 .inner-wrapper .form-wrapper .upper-text i {
    font-size: 36px;
  }
}

@media (max-width: 576px) {
  .content-section-type-27 .inner-wrapper .form-wrapper .upper-text i {
    display: none;
  }
}

.content-section-type-27 .inner-wrapper .form-wrapper .title {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .content-section-type-27 .inner-wrapper .form-wrapper .title {
    margin-bottom: 25px;
  }
}

.content-section-type-27 .inner-wrapper .map-wrapper {
  padding-left: 50px;
}

@media (max-width: 1025px) {
  .content-section-type-27 .inner-wrapper .map-wrapper {
    padding: 0 15px;
  }
}

.content-section-type-27 .inner-wrapper .map-wrapper .map-contact {
  width: 100%;
  min-height: 550px;
}

@media (max-width: 768px) {
  .content-section-type-27 .inner-wrapper .map-wrapper .map-contact {
    min-height: 400px;
  }
}

.content-section-type-27 .bottom-side {
  margin-bottom: 100px;
}

@media (max-width: 1025px) {
  .content-section-type-27 .bottom-side {
    margin: 75px -30px -50px -30px;
  }
}

@media (max-width: 576px) {
  .content-section-type-27 .bottom-side {
    margin: 50px -15px -30px -15px;
  }
}

.content-section-type-27 .bottom-side .column {
  padding: 0 30px;
}

.content-section-type-27 .bottom-side .column .info-wrapper {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 1025px) {
  .content-section-type-27 .bottom-side .column .info-wrapper {
    margin-bottom: 50px;
  }
}

@media (max-width: 576px) {
  .content-section-type-27 .bottom-side .column .info-wrapper {
    margin-bottom: 30px;
  }
}

.content-section-type-27 .bottom-side .column .info-wrapper .title-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}

.content-section-type-27 .bottom-side .column .info-wrapper .title-wrapper i {
  color: var(--primary-color);
  font-size: 28px;
  margin-right: 15px;
}

.content-section-type-27 .bottom-side .column .info-wrapper .contact-text:not(:last-child) {
  margin-bottom: 10px;
}

.content-section-type-27 .bottom-side .column .info-wrapper span {
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: var(--meta-color);
}

.content-section-type-27 .bottom-side .column .info-wrapper .phone-number {
  margin-top: 8px;
  padding-top: 15px;
  position: relative;
}

.content-section-type-27 .bottom-side .column .info-wrapper .phone-number:after {
  content: ' ';
  display: block;
  width: 50px;
  height: 1px;
  background-color: var(--primary-color);
  position: absolute;
  top: 0;
  left: 0;
}

.map--single {
  width: 100%;
  min-height: 380px;
}

/*-------------------------------------------*\
   content-section-type-28.scss

   Content section type 28 styles (Coming soon)
\*-------------------------------------------*/
/*-------------------------------------------*\
   content-section-type-29.scss

   Content section type 29 styles
\*-------------------------------------------*/
@media (max-width: 576px) {
  .content-section-type-29 {
    padding-top: 50px;
  }
}

/*-------------------------------------------*\
   content-section-type-30.scss

   Content section type 30 styles (Coming soon)
\*-------------------------------------------*/
/*-------------------------------------------*\
   single-content.scss

   Single content styles
\*-------------------------------------------*/
.single-content .content-wrapper .inner-section:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 5px dashed var(--border-color-1);
}

@media (max-width: 768px) {
  .single-content .content-wrapper .inner-section:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

.single-content .content-wrapper .columns-wrapper {
  margin: -5px -15px 5px -15px;
}

.single-content .content-wrapper .columns-wrapper img {
  margin: 0;
}

.single-content .content-wrapper .alert-message {
  margin: 15px 0;
}

.single-content .content-wrapper .list {
  margin: 15px 0;
}

@media (max-width: 768px) {
  .single-content .content-wrapper .list {
    margin: 0;
  }
}

.single-content .content-wrapper .image-wrapper {
  position: relative;
}

.single-content .content-wrapper .subscribe-form-wrapper {
  margin-top: 15px;
}

.single-content .content-wrapper .content-text b, .single-content .content-wrapper .content-text i {
  font-size: 16px;
  font-weight: 500;
  color: var(--black-color);
}

.single-content .content-wrapper .content-text a {
  font-weight: 500;
  text-decoration: underline;
  color: var(--primary-color);
}

.single-content .content-wrapper .content-text:not(:last-child) {
  margin-bottom: 10px;
}

.single-content .content-wrapper .highlight-text {
  font-size: 18px;
  font-weight: 500;
  padding: 30px 0;
  margin: 30px 0;
  border-top: 1px solid var(--border-color-1);
  border-bottom: 1px solid var(--border-color-1);
  color: var(--black-color);
}

.single-content .content-wrapper .title {
  margin-bottom: 10px;
}

.single-content .content-wrapper blockquote {
  margin: 30px 0;
}

@media (max-width: 768px) {
  .single-content .content-wrapper blockquote {
    margin: 15px 0;
  }
}

.single-content .content-wrapper img {
  margin: 15px 0;
  padding: 10px;
  background-color: var(--gray-color);
  border: 1px solid var(--border-color-1);
  border-radius: 5px;
}

.single-content .single-post-footer {
  margin-bottom: 40px;
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  justify-content: space-between;
  align-items: center;
  border-top: 5px dashed var(--border-color-1);
}

@media (max-width: 576px) {
  .single-content .single-post-footer {
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
}

@media (max-width: 576px) {
  .single-content .single-post-footer {
    margin-bottom: 30px;
    padding-top: 30px;
    margin-top: 40px;
  }
}

@media (max-width: 576px) {
  .single-content .single-post-footer .meta-wrapper {
    margin-bottom: 25px;
  }
}

.single-content .single-post-footer .meta-wrapper .meta-data {
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

.single-content .single-post-footer .meta-wrapper .meta-data i {
  font-size: 12px;
  margin-right: 5px;
}

.single-content .single-post-footer .meta-wrapper .meta-data:not(:last-child) {
  margin-right: 20px;
}

.single-content .single-post-footer .meta-wrapper .meta-data.likes-wrapper {
  height: 40px;
  padding: 0 25px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color-1);
  border-radius: 40px;
  cursor: pointer;
}

.single-content .single-post-footer .meta-wrapper .meta-data.likes-wrapper.active-button {
  border: 1px solid var(--red-color);
  color: var(--red-color);
}

.single-content .single-post-navigation {
  margin-bottom: 75px;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1025px) {
  .single-content .single-post-navigation {
    margin-bottom: 50px;
  }
}

@media (max-width: 576px) {
  .single-content .single-post-navigation {
    margin-bottom: 30px;
  }
}

.single-content .single-post-navigation .navigation-link {
  width: calc(50% - 10px);
  padding: 25px 30px 32px 30px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  background-color: var(--gray-color);
  justify-content: center;
  transition: all .2s ease-in-out;
}

@media (max-width: 768px) {
  .single-content .single-post-navigation .navigation-link {
    padding: 20px 15px;
  }
}

.single-content .single-post-navigation .navigation-link .subtitle {
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  margin-top: 8px;
  transition: all .2s ease-in-out;
}

.single-content .single-post-navigation .navigation-link.navigation-link-prev {
  align-items: flex-start;
  text-align: left;
}

.single-content .single-post-navigation .navigation-link.navigation-link-prev .subtitle {
  text-align: left;
}

.single-content .single-post-navigation .navigation-link.navigation-link-next {
  align-items: flex-end;
  text-align: right;
}

.single-content .single-post-navigation .navigation-link.navigation-link-next .subtitle {
  text-align: right;
}

.single-content .single-post-navigation .navigation-link:hover {
  color: var(--primary-color);
}

.single-content .single-post-navigation .navigation-link:hover .subtitle {
  color: var(--primary-color);
}

.single-content .recent-post-wrapper {
  margin-bottom: 75px;
}

@media (max-width: 1025px) {
  .single-content .recent-post-wrapper {
    margin-bottom: 50px;
  }
}

@media (max-width: 576px) {
  .single-content .recent-post-wrapper {
    margin-bottom: 30px;
  }
}

.single-content .single-post-title {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10;
  justify-content: center;
  margin-bottom: 50px;
}

@media (max-width: 576px) {
  .single-content .single-post-title {
    margin-bottom: 30px;
  }
}

.single-content .single-post-title .title {
  z-index: 10;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  color: var(--black-color);
}

.single-content .single-post-title .title:after, .single-content .single-post-title .title:before {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  width: 1200px;
  position: absolute;
  height: 1px;
  background-color: var(--border-color-1);
  transform: none !important;
}

.single-content .single-post-title .title:before {
  right: calc(100% + 30px) !important;
}

.single-content .single-post-title .title:after {
  left: calc(100% + 30px) !important;
}

/*-------------------------------------------*\
   list.scss

   1.0 list-type-1.scss
   1.1 list-type-2.scss
   1.2 list-type-3.scss
   1.3 list-type-4.scss
   1.4 list-type-5.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   list-type-1.scss

   List type 1 styles
\*-------------------------------------------*/
.list-type-1 li {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.list-type-1 li .icon-wrapper {
  margin-right: 20px;
  width: 29px;
  height: 29px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  border-radius: 30px;
  min-width: 30px;
  border: 1px solid var(--primary-color);
  transition: all .2s ease-in-out;
}

.list-type-1 li .icon-wrapper i {
  color: var(--white-color);
  transition: all .2s ease-in-out;
}

.list-type-1 li p {
  font-size: 14px;
  font-weight: 500;
}

.list-type-1 li:not(:last-child) {
  margin-bottom: 25px;
}

.list-type-1 li:hover .icon-wrapper {
  background-color: transparent;
}

.list-type-1 li:hover .icon-wrapper i {
  color: var(--primary-color);
}

/*-------------------------------------------*\
   list-type-2.scss

   List type 2 styles
\*-------------------------------------------*/
.list-type-2 li {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.list-type-2 li .icon-wrapper {
  margin-right: 10px;
}

.list-type-2 li .icon-wrapper i {
  color: var(--primary-color);
  font-size: 18px;
}

.list-type-2 li p {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-color);
}

.list-type-2 li:not(:last-child) {
  margin-bottom: 15px;
}

/*-------------------------------------------*\
   list-type-3.scss

   List type 3 styles
\*-------------------------------------------*/
.list-type-3 li {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.list-type-3 li .icon-wrapper {
  margin-right: 15px;
  width: 29px;
  height: 29px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  min-width: 30px;
  border: 1px solid var(--primary-color);
  transition: all .2s ease-in-out;
}

.list-type-3 li .icon-wrapper i {
  color: var(--primary-color);
  transition: all .2s ease-in-out;
}

.list-type-3 li p {
  font-size: 14px;
  color: var(--primary-color);
  font-weight: 500;
}

.list-type-3 li:not(:last-child) {
  margin-bottom: 25px;
}

.list-type-3 li:hover .icon-wrapper {
  background-color: var(--primary-color);
}

.list-type-3 li:hover .icon-wrapper i {
  color: var(--white-color);
}

/*-------------------------------------------*\
   list-type-4.scss

   List type 4 styles
\*-------------------------------------------*/
.list-type-4 li {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.list-type-4 li .icon-wrapper {
  margin-right: 10px;
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  transition: all .2s ease-in-out;
}

.list-type-4 li .icon-wrapper i {
  transition: all .2s ease-in-out;
  color: var(--black-color);
}

.list-type-4 li p {
  font-size: 14px;
  color: var(--black-color);
  font-weight: 500;
}

.list-type-4 li:not(:last-child) {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--border-color-1);
}

@media (max-width: 768px) {
  .list-type-4 li:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

/*-------------------------------------------*\
   list-type-5.scss

   List type 5 styles
\*-------------------------------------------*/
.list-type-5 li {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.list-type-5 li .icon-wrapper {
  margin-right: 15px;
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  transition: all .2s ease-in-out;
  background-color: var(--gray-color);
  border-radius: 5px;
}

.list-type-5 li .icon-wrapper i {
  color: var(--primary-color);
  transition: all .2s ease-in-out;
}

.list-type-5 li p {
  text-transform: uppercase;
  line-height: normal !important;
  color: var(--black-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
}

.list-type-5 li:not(:last-child) {
  margin-bottom: 25px;
}

/*-------------------------------------------*\
   video-toggle.scss

   1.0 video-toggle-type-1
   1.1 video-toggle-type-2
   1.2 video-toggle-type-3
   1.3 video-toggle-type-4
   1.4 video-toggle-type-5
   1.5 video-toggle-type-6
   1.6 video-toggle-type-7
\*-------------------------------------------*/
/*-------------------------------------------*\
   video-toggle-type-1.scss

   Video toggle type 1 styles
\*-------------------------------------------*/
.video-toggle-button-type-1 {
  width: 100px;
  height: 100px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 100%;
  border: 2px solid var(--primary-color);
}

.video-toggle-button-type-1 i {
  font-size: 18px;
  color: var(--primary-color);
}

.video-toggle-button-type-1:hover {
  background-color: var(--primary-color);
}

.video-toggle-button-type-1:hover i {
  color: var(--white-color);
}

/*-------------------------------------------*\
   video-toggle-type-2.scss

   Video toggle type 2 styles
\*-------------------------------------------*/
.video-toggle-button-type-2 {
  width: 80px;
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 100%;
  background-color: var(--primary-color);
}

.video-toggle-button-type-2 i {
  font-size: 18px;
  color: var(--white-color);
}

.video-toggle-button-type-2:hover {
  background-color: var(--white-color);
}

.video-toggle-button-type-2:hover i {
  color: var(--primary-color);
}

/*-------------------------------------------*\
   video-toggle-type-3.scss

   Video toggle type 3 styles
\*-------------------------------------------*/
.video-toggle-button-type-3 {
  width: 90px;
  height: 90px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 100%;
  background-color: var(--primary-color);
}

.video-toggle-button-type-3 i {
  font-size: 18px;
  color: var(--white-color);
  position: relative;
  z-index: 10;
}

.video-toggle-button-type-3:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 120px;
  transform: translateX(-15px) translateY(-15px);
  background-color: var(--primary-color);
  opacity: 0.3;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
}

.video-toggle-button-type-3:before {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 150px;
  transform: translateX(-30px) translateY(-30px);
  background-color: var(--primary-color);
  opacity: 0.1;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
}

/*-------------------------------------------*\
   video-toggle-type-4.scss

   Video toggle type 4 styles
\*-------------------------------------------*/
.video-toggle-button-type-4 {
  width: 80px;
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-color);
  border-radius: 100px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  overflow: hidden;
}

.video-toggle-button-type-4 i {
  z-index: 10;
  transition: all .3s ease-in-out;
  position: relative;
  font-size: 18px;
}

.video-toggle-button-type-4:before {
  top: 0;
  left: 0;
  position: absolute;
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  z-index: 1;
  transition: all .3s ease-in-out;
  transform: translateY(100%);
}

.video-toggle-button-type-4:hover i {
  color: var(--white-color);
}

.video-toggle-button-type-4:hover:before {
  transform: translateY(0);
}

/*-------------------------------------------*\
   video-toggle-type-5.scss

   Video toggle type 5 styles
\*-------------------------------------------*/
.video-toggle-button-type-5 .video-toggle-inner {
  width: 90px;
  height: 90px;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background: -webkit-linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  border-radius: 100%;
  position: relative;
}

.video-toggle-button-type-5 .video-toggle-inner i {
  color: var(--white-color);
  font-size: 18px;
  position: relative;
  z-index: 10;
}

.video-toggle-button-type-5 .video-toggle-inner:before, .video-toggle-button-type-5 .video-toggle-inner:after {
  content: '';
  display: -ms-flexbox;
  display: flex;
  background-color: var(--primary-color);
  position: absolute;
  border-radius: 100%;
}

.video-toggle-button-type-5 .video-toggle-inner:before {
  opacity: 0.5;
  top: -10px;
  left: -10px;
  width: 110px;
  height: 110px;
  z-index: 2;
}

.video-toggle-button-type-5 .video-toggle-inner:after {
  opacity: 0.3;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 130px;
  height: 130px;
  z-index: 1;
  -webkit-animation: toggle-animation 2s linear infinite;
          animation: toggle-animation 2s linear infinite;
}

@-webkit-keyframes toggle-animation {
  0% {
    width: 130px;
    height: 130px;
    opacity: 0.3;
  }
  100% {
    width: 160px;
    height: 160px;
    opacity: 0;
  }
}

@keyframes toggle-animation {
  0% {
    width: 130px;
    height: 130px;
    opacity: 0.3;
  }
  100% {
    width: 160px;
    height: 160px;
    opacity: 0;
  }
}

/*-------------------------------------------*\
   video-toggle-type-6.scss

   Video toggle type 6 styles
\*-------------------------------------------*/
.video-toggle-button-type-6 {
  width: 85px;
  height: 85px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 100%;
  background-color: var(--primary-color);
}

.video-toggle-button-type-6 i {
  font-size: 18px;
  color: var(--white-color);
}

.video-toggle-wrapper {
  position: relative;
}

.video-toggle-wrapper .video-toggle-button-type-6:before, .video-toggle-wrapper .video-toggle-button-type-6:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 2px;
  position: absolute;
  opacity: 0.7;
}

.video-toggle-wrapper .video-toggle-button-type-6:before {
  background: -webkit-linear-gradient(0deg, transparent, var(--white-transparent-color));
  right: calc(100% + 30px);
}

.video-toggle-wrapper .video-toggle-button-type-6:after {
  background: -webkit-linear-gradient(0deg, var(--white-transparent-color), transparent);
  left: calc(100% + 30px);
}

/*-------------------------------------------*\
   video-toggle-type-7.scss

   Video toggle type 7 styles
\*-------------------------------------------*/
.video-toggle-button-type-7 .video-toggle-inner {
  width: 80px;
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white-color);
  border-radius: 100%;
  position: relative;
  transition: all .3s ease-in-out;
}

.video-toggle-button-type-7 .video-toggle-inner i {
  color: var(--primary-color);
  font-size: 18px;
  position: relative;
  z-index: 10;
  transition: all .3s ease-in-out;
}

.video-toggle-button-type-7 .video-toggle-inner:before, .video-toggle-button-type-7 .video-toggle-inner:after {
  content: '';
  display: -ms-flexbox;
  display: flex;
  background-color: var(--white-color);
  position: absolute;
  border-radius: 100%;
  transition: all .3s ease-in-out;
}

.video-toggle-button-type-7 .video-toggle-inner:before {
  opacity: 0.5;
  top: -15px;
  left: -15px;
  width: 110px;
  height: 110px;
  z-index: 2;
}

.video-toggle-button-type-7 .video-toggle-inner:after {
  opacity: 0.2;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 140px;
  height: 140px;
  z-index: 1;
  -webkit-animation: toggle-animation 3s linear infinite;
          animation: toggle-animation 3s linear infinite;
}

.video-toggle-button-type-7 .video-toggle-inner:hover {
  background-color: var(--primary-color);
}

.video-toggle-button-type-7 .video-toggle-inner:hover i {
  color: var(--white-color);
}

.video-toggle-button-type-7 .video-toggle-inner:hover:before, .video-toggle-button-type-7 .video-toggle-inner:hover:after {
  background-color: var(--primary-color);
}

@keyframes toggle-animation {
  0% {
    width: 140px;
    height: 140px;
    opacity: 0.2;
  }
  100% {
    width: 160px;
    height: 160px;
    opacity: 0;
  }
}

.video-toggle-button {
  z-index: 10;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.video-toggle-button i {
  transition: all .3s ease-in-out;
}

.video-toggle-button.video-toggle-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.mfp-iframe {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

/*-------------------------------------------*\
   contact-form.scss

   1.0 contact-type-1.scss
   1.1 contact-type-2.scss
   1.2 contact-type-3.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   contact-form-type-3.scss

   Contact form type 3 styles
\*-------------------------------------------*/
.contact-form-type-3 {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  position: relative;
}

.contact-form-type-3 input {
  height: 55px;
}

.contact-form-type-3 textarea {
  height: 200px;
  resize: none;
}

.contact-form-type-3 input, .contact-form-type-3 textarea, .contact-form-type-3 select {
  width: 100%;
  padding: 17.5px 25px;
  font-size: 14px;
  color: var(--text-color);
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid var(--border-color-1);
  margin-bottom: 20px;
}

.contact-form-type-3 input:-ms-input-placeholder, .contact-form-type-3 textarea:-ms-input-placeholder, .contact-form-type-3 select:-ms-input-placeholder {
  color: var(--meta-color);
}

.contact-form-type-3 input::-webkit-input-placeholder, .contact-form-type-3 textarea::-webkit-input-placeholder, .contact-form-type-3 select::-webkit-input-placeholder {
  color: var(--meta-color);
}

.contact-form-type-3 input::-moz-placeholder, .contact-form-type-3 textarea::-moz-placeholder, .contact-form-type-3 select::-moz-placeholder {
  color: var(--meta-color);
}

undefined {
  color: var(--meta-color);
}

.contact-form-type-3 input:-ms-input-placeholder, .contact-form-type-3 textarea:-ms-input-placeholder, .contact-form-type-3 select:-ms-input-placeholder {
  color: var(--meta-color);
}

.contact-form-type-3 input::placeholder, .contact-form-type-3 textarea::placeholder, .contact-form-type-3 select::placeholder {
  color: var(--meta-color);
}

.contact-form-type-3 input:focus, .contact-form-type-3 textarea:focus, .contact-form-type-3 select:focus {
  border: 1px solid var(--primary-color);
}

.contact-form-type-3 input[type="file"] {
  padding: 0;
  border: 0;
}

.contact-form-type-3 .file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.contact-form-type-3 .file-wrapper:hover .btn {
  background-color: var(--primary-color);
}

.contact-form-type-3 .file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  height: 100%;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}

.contact-form-type-3 .textarea-small {
  height: 100px;
}

/*-------------------------------------------*\
   social-list.scss

   1.0 social-list-type-1.scss
   1.1 social-list-type-2.scss
   1.2 social-list-type-3.scss
   1.3 social-list-type-4.scss
   1.4 social-list-type-5.scss
   1.5 social-list-type-6.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   social-list-type-1.scss

   Social list type 1 styles
\*-------------------------------------------*/
.social-list-type-1 li a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: var(--white-color);
}

.social-list-type-1 li a:hover {
  background-color: var(--primary-color) !important;
}

/*-------------------------------------------*\
   social-list-type-2.scss

   Social list type 2 styles
\*-------------------------------------------*/
.social-list-type-2 li a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: var(--primary-color);
  background-color: var(--white-color);
  border: 1px solid var(--white-color);
}

.social-list-type-2 li a:hover {
  background-color: transparent;
  color: var(--white-color);
}

/*-------------------------------------------*\
   social-list-type-3.scss

   Social list type 3 styles
\*-------------------------------------------*/
.social-list-type-3 li a {
  width: 45px;
  height: 45px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
  background-color: var(--primary-color);
}

.social-list-type-3 li a i {
  position: absolute;
  color: var(--white-color);
  transition: all .3s ease-in-out;
}

.social-list-type-3 li a i.back-icon {
  transform: translateY(-60px);
}

.social-list-type-3 li a:hover i.front-icon {
  transform: translateY(60px);
}

.social-list-type-3 li a:hover i.back-icon {
  transform: translateY(0);
}

/*-------------------------------------------*\
   social-list-type-4.scss

   Social list type 4 styles
\*-------------------------------------------*/
.social-list-type-4 li a {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  color: var(--white-color);
  transform: scale(1.01);
}

.social-list-type-4 li a:hover {
  transform: scale(1.1);
}

/*-------------------------------------------*\
   social-list-type-5.scss

   Social list type 5 styles
\*-------------------------------------------*/
.social-list-type-5 li a {
  width: 30px;
  height: 30px;
  color: var(--white-color);
}

/*-------------------------------------------*\
   social-list-type-6.scss

   Social list type 6 styles
\*-------------------------------------------*/
.social-list-type-6 li a {
  width: 30px;
  height: 30px;
  color: var(--white-color);
}

.social-list {
  display: -ms-flexbox;
  display: flex;
  margin: -6px;
  align-items: center;
}

.social-list li {
  margin-right: 6px;
}

.social-list li a {
  display: -ms-flexbox;
  display: flex;
  transition: all .3s ease-in-out;
  align-items: center;
  justify-content: center;
}

.social-list li a i {
  font-size: 13px;
}

.social-list li:last-child {
  margin-right: 0;
}

.social-list.social-list-center {
  justify-content: center;
}

.social-list.social-list-start {
  justify-content: flex-start;
}

.social-list.social-list-end {
  justify-content: flex-end;
}

/*-------------------------------------------*\
   footer.scss

   1.0 footer-type-1.scss
   1.1 footer-type-2.scss
   1.2 footer-type-3.scss
   1.3 footer-type-4.scss
   1.4 footer-type-5.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   footer-type-5.scss

   Footer type 5 — 3-column dark footer
   (logo + contact | quick links | newsletter)
\*-------------------------------------------*/
.footer-type-5 {
  background-color: var(--black-color);
  background-image: linear-gradient(rgba(22, 22, 22, 0.97), rgba(22, 22, 22, 0.97)), url("../img/footer-bg.svg");
  background-size: auto 70%;
  background-attachment: fixed;
  background-position: center bottom;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .footer-type-5 {
    background-image: none;
  }
}

.footer-type-5 .footer-main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.2fr 1fr 1fr;
      grid-template-columns: 1.2fr 1fr 1fr;
  gap: 60px;
  padding: 80px 0 60px;
}

@media (max-width: 1025px) {
  .footer-type-5 .footer-main {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 60px 0 40px;
  }
}

@media (max-width: 768px) {
  .footer-type-5 .footer-main {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    gap: 40px;
    padding: 50px 0 30px;
  }
}

.footer-type-5 .footer-col-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--white-color);
  margin-bottom: 30px;
}

.footer-type-5 .footer-col-title--accent {
  color: var(--primary-color);
}

.footer-type-5 .footer-col-info .footer-logo {
  max-width: 140px;
  margin-bottom: 22px;
}

.footer-type-5 .footer-col-info .footer-org-name {
  font-size: 15px;
  font-weight: 500;
  color: var(--white-color);
  line-height: 1.55;
  margin-bottom: 28px;
}

.footer-type-5 .footer-col-info .footer-contact-list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
}

.footer-type-5 .footer-col-info .footer-contact-list li {
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.55);
}

.footer-type-5 .footer-col-info .footer-contact-list li i {
  font-size: 17px;
  flex-shrink: 0;
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.55);
}

.footer-type-5 .footer-col-info .footer-contact-list li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}

.footer-type-5 .footer-col-info .footer-contact-list li a:hover {
  color: var(--white-color);
}

.footer-type-5 .footer-col-info .footer-social-list {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-type-5 .footer-col-info .footer-social-list li a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.55);
  font-size: 14px;
  transition: border-color 0.3s, color 0.3s;
}

.footer-type-5 .footer-col-info .footer-social-list li a:hover {
  border-color: var(--white-color);
  color: var(--white-color);
}

.footer-type-5 .footer-col-links .footer-links-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-type-5 .footer-col-links .footer-links-list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.footer-type-5 .footer-col-links .footer-links-list li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.footer-type-5 .footer-col-links .footer-links-list li a {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}

.footer-type-5 .footer-col-links .footer-links-list li a i {
  font-size: 12px;
  opacity: 0.4;
  transition: opacity 0.3s, transform 0.3s;
}

.footer-type-5 .footer-col-links .footer-links-list li a:hover {
  color: var(--white-color);
}

.footer-type-5 .footer-col-links .footer-links-list li a:hover i {
  opacity: 1;
  transform: translateX(4px);
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.75;
  margin-bottom: 24px;
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-form {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 14px;
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-form input[type="email"] {
  width: 100%;
  padding: 14px 16px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white-color);
  font-size: 14px;
  font-family: var(--primary-font);
  outline: none;
  transition: border-color 0.3s;
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-form input[type="email"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-form input[type="email"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-form input[type="email"]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

undefined {
  color: rgba(255, 255, 255, 0.3);
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-form input[type="email"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-form input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-form input[type="email"]:focus {
  border-color: rgba(255, 255, 255, 0.5);
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-form button {
  width: 100%;
  padding: 14px;
  background: var(--white-color);
  color: var(--black-color);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  font-family: var(--primary-font);
  transition: background 0.3s, color 0.3s;
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-form button:hover {
  background: var(--primary-color);
  color: var(--white-color);
}

.footer-type-5 .footer-col-newsletter .footer-newsletter-disclaimer {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
}

.footer-type-5 .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding: 25px 0;
}

.footer-type-5 .footer-bottom .copyright {
  text-align: center;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.35);
}

/*-------------------------------------------*\
   portfolio-grid.scss

   1.0 portfolio-grid-default.scss
   1.1 portfolio-grid-creative.scss
   1.2 portfolio-grid-modern.scss
   1.3 portfolio-grid-digital.scss
   1.4 portfolio-grid-scale.scss
   1.5 portfolio-grid-simple.scss

   gallery-mosaic.scss / mosaic-logo.scss were removed 2026-08-04 together with the
   GalleryMosaic and HeroMosaicScroll_V2 modules they styled (task 14a).
\*-------------------------------------------*/
/*-------------------------------------------*\
   portfolio-grid-modern.scss

   Portfolio grid modern styles
\*-------------------------------------------*/
.portfolio-grid-modern {
  margin: -15px;
}

.portfolio-grid-modern .grid-item {
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.portfolio-grid-modern .grid-item .inner-item {
  transform-style: preserve-3d;
  /* Modern deprecated
      .description {
        width: auto;
        position: absolute;
        transform-style: preserve-3d;
        padding-left: 10px;
        padding-right: 10px;

        .title {
          a{
            color: var(--white-color);
          }
          font-size: 17px;
          font-weight: 600;
          color: var(--white-color);
          transition: all .2s ease-in-out;
          opacity: 0;
          transform: translateY(5px) translateZ(50px);
        }

        .category-list {
          opacity: 0;
          display: flex;
          justify-content: center;
          margin-top: 20px;
          transition: all .3s ease-in-out;
          transform: translateZ(35px) translateY(15px);
          color: var(--white-color);
          //.category {
          //  @include meta-text(var(--white-color), 0.5px, 500, 13px);
          //
          //  &:not(:last-child) {
          //    &:after {
          //      content: ',';
          //      margin-right: 5px;
          //      color: var(--white-color);
          //    }
          //  }
          //}
        }
      }
      */
}

.portfolio-grid-modern .grid-item .inner-item .image-wrapper {
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}

.portfolio-grid-modern .grid-item .inner-item .image-wrapper .link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.portfolio-grid-modern .grid-item .inner-item .image-wrapper .tilt-wrapper .link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.portfolio-grid-modern .grid-item .inner-item .image-wrapper:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  opacity: 0;
  transition: all .3s ease-in-out;
}

.portfolio-grid-modern .grid-item .inner-item .description {
  padding: 15px;
  background-color: var(--gray-color);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.portfolio-grid-modern .grid-item .inner-item .description .title {
  margin-bottom: 5px;
  font-size: 17px;
}

.portfolio-grid-modern .grid-item .inner-item .description .title a {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.portfolio-grid-modern .grid-item .inner-item .description .title a i {
  transition: all .3s ease-in-out;
  opacity: 0;
  font-size: 20px;
  transform: translateX(-15px);
}

.portfolio-grid-modern .grid-item .inner-item .description .category-list {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
}

.portfolio-grid-modern .grid-item .inner-item .description .category-list .category {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: var(--primary-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

.portfolio-grid-modern .grid-item .inner-item .description .category-list .category:not(:last-child) {
  margin-right: 5px;
}

.portfolio-grid-modern .grid-item .inner-item:hover {
  /*
        .description {
          .title {
            transform: translateZ(50px) translateY(0);
          }

          .category-list {
            transform: translateZ(35px) translateY(0);
          }

          .title, .category-list {
            opacity: 1;
          }
        }
        */
}

.portfolio-grid-modern .grid-item .inner-item:hover .image-wrapper:after {
  opacity: 0.8;
}

/*-------------------------------------------*\
   portfolio-grid-digital.scss

   Portfolio grid digital styles
\*-------------------------------------------*/
.portfolio-grid-digital {
  margin: -15px;
}

.portfolio-grid-digital .grid-item {
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
}

.portfolio-grid-digital .grid-item .inner-item {
  position: relative;
  width: 100%;
  height: 100%;
}

.portfolio-grid-digital .grid-item .inner-item .image-wrapper {
  height: 500px;
  position: relative;
  overflow: hidden;
}

.portfolio-grid-digital .grid-item .inner-item .image-wrapper .bg-fill-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.portfolio-grid-digital .grid-item .inner-item .image-wrapper .link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.portfolio-grid-digital .grid-item .inner-item .description {
  position: absolute;
  bottom: 25px;
  left: 25px;
  width: calc(100% - 50px);
  padding: 30px;
  background-color: var(--white-color);
}

.portfolio-grid-digital .grid-item .inner-item .description .title {
  margin-bottom: 15px;
  line-height: 1;
}

.portfolio-grid-digital .grid-item .inner-item .description .category-list {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.portfolio-grid-digital .grid-item .inner-item .description .category-list .category {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: var(--primary-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

.portfolio-grid-digital .grid-item .inner-item .description .category-list .category:not(:last-child) {
  margin-right: 5px;
}

.isotope-grid-wrapper .portfolio-grid.portfolio-grid-1-columns .grid-item {
  max-width: 100%;
}

.isotope-grid-wrapper .portfolio-grid.portfolio-grid-2-columns .grid-item {
  max-width: 50%;
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .portfolio-grid.portfolio-grid-2-columns .grid-item {
    max-width: 100%;
  }
}

.isotope-grid-wrapper .portfolio-grid.portfolio-grid-3-columns .grid-item {
  max-width: 33.333333%;
}

@media (max-width: 1201px) {
  .isotope-grid-wrapper .portfolio-grid.portfolio-grid-3-columns .grid-item {
    max-width: 50%;
  }
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .portfolio-grid.portfolio-grid-3-columns .grid-item {
    max-width: 100%;
  }
}

.isotope-grid-wrapper .portfolio-grid.portfolio-grid-4-columns .grid-item {
  max-width: 25%;
}

@media (max-width: 1600px) {
  .isotope-grid-wrapper .portfolio-grid.portfolio-grid-4-columns .grid-item {
    max-width: 33.33333%;
  }
}

@media (max-width: 1201px) {
  .isotope-grid-wrapper .portfolio-grid.portfolio-grid-4-columns .grid-item {
    max-width: 50%;
  }
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .portfolio-grid.portfolio-grid-4-columns .grid-item {
    max-width: 100%;
  }
}

.isotope-grid-wrapper .portfolio-grid.portfolio-grid-5-columns .grid-item {
  max-width: 20%;
}

@media (max-width: 1600px) {
  .isotope-grid-wrapper .portfolio-grid.portfolio-grid-5-columns .grid-item {
    max-width: 25%;
  }
}

@media (max-width: 1201px) {
  .isotope-grid-wrapper .portfolio-grid.portfolio-grid-5-columns .grid-item {
    max-width: 33.33333%;
  }
}

@media (max-width: 1025px) {
  .isotope-grid-wrapper .portfolio-grid.portfolio-grid-5-columns .grid-item {
    max-width: 50%;
  }
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .portfolio-grid.portfolio-grid-5-columns .grid-item {
    max-width: 100%;
  }
}

.isotope-grid-wrapper .buttons-group {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 75px;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .buttons-group {
    margin-bottom: 50px;
  }
}

@media (max-width: 576px) {
  .isotope-grid-wrapper .buttons-group {
    margin-bottom: 30px;
  }
}

.isotope-grid-wrapper .buttons-group .buttons-group-inner {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 1025px) {
  .isotope-grid-wrapper .buttons-group .buttons-group-inner {
    justify-content: center;
  }
}

.isotope-grid-wrapper .buttons-group.buttons-group-default {
  justify-content: space-between;
}

@media (max-width: 1025px) {
  .isotope-grid-wrapper .buttons-group.buttons-group-default {
    justify-content: center;
  }
}

@media (max-width: 1025px) {
  .isotope-grid-wrapper .buttons-group.buttons-group-default .button-wrapper {
    display: none;
  }
}

.isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner {
  margin: -15px;
}

.isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner button, .isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner a {
  position: relative;
  padding: 15px;
  cursor: pointer;
  color: var(--black-color);
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  transition: all .2s ease-in;
  opacity: 0.5;
}

.isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner button:not(:last-child), .isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner a:not(:last-child) {
  margin-right: 15px;
}

.isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner button.active-button, .isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner a.active-button {
  opacity: 1;
}

.isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner button:hover, .isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner a:hover {
  opacity: 1;
}

.isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner button .count-items, .isotope-grid-wrapper .buttons-group.buttons-group-default .buttons-group-inner a .count-items {
  position: absolute;
  top: 5px;
  right: 3px;
  font-size: 10px;
  color: var(--meta-color);
  font-weight: 500;
}

.isotope-grid-wrapper .buttons-group.buttons-group-modern .buttons-group-inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.isotope-grid-wrapper .buttons-group.buttons-group-modern .buttons-group-inner button {
  padding: 15px;
  cursor: pointer;
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  transition: all .2s ease-in;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
}

.isotope-grid-wrapper .buttons-group.buttons-group-modern .buttons-group-inner button:not(:last-child) {
  margin-right: 70px;
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .buttons-group.buttons-group-modern .buttons-group-inner button:not(:last-child) {
    margin-right: 15px;
  }
}

.isotope-grid-wrapper .buttons-group.buttons-group-modern .buttons-group-inner button:not(:last-child):after {
  content: ' ';
  width: 50px;
  height: 1px;
  background-color: var(--border-color-1);
  position: absolute;
  left: calc(100% + 10px);
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .buttons-group.buttons-group-modern .buttons-group-inner button:not(:last-child):after {
    display: none;
  }
}

.isotope-grid-wrapper .buttons-group.buttons-group-modern .buttons-group-inner button.active-button {
  color: var(--primary-color);
}

.isotope-grid-wrapper .buttons-group.buttons-group-modern .buttons-group-inner button.active-button .count-items {
  color: var(--primary-color);
}

.isotope-grid-wrapper .buttons-group.buttons-group-modern .buttons-group-inner button:hover {
  color: var(--primary-color);
}

.isotope-grid-wrapper .buttons-group.buttons-group-modern .buttons-group-inner button .count-items {
  position: absolute;
  top: 5px;
  right: 3px;
  font-size: 10px;
  color: var(--meta-color);
  font-weight: 500;
  transition: all .3s ease-in-out;
}

.isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: -15px;
}

.isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner button, .isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner a {
  padding: 15px;
  cursor: pointer;
  color: var(--black-color);
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  transition: all .2s ease-in;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
  opacity: 0.5;
  margin: 0 15px;
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner button, .isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner a {
    margin: 0 5px;
  }
}

.isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner button.active-button, .isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner a.active-button {
  opacity: 1;
}

.isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner button:hover, .isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner a:hover {
  opacity: 1;
}

.isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner button .count-items, .isotope-grid-wrapper .buttons-group.buttons-group-creative .buttons-group-inner a .count-items {
  position: absolute;
  top: 5px;
  right: 3px;
  font-size: 10px;
  color: var(--meta-color);
  font-weight: 500;
}

.isotope-grid-wrapper .buttons-group.buttons-group-digital {
  justify-content: center;
}

.isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner {
  background-color: var(--white-color);
  border-radius: 50px;
  height: 45px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 25px;
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner {
    padding: 0 15px;
    height: 40px;
  }
}

@media (max-width: 576px) {
  .isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner {
    border: none;
    padding: 0;
    background-color: unset;
    height: auto;
  }
}

.isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner button {
  background: transparent;
  transition: all .3s ease-in-out;
  padding: 0 25px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
  transform: scale(1.01);
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  overflow: hidden;
  border-radius: 50px;
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner button {
    padding: 0 15px;
    letter-spacing: 0px;
  }
}

@media (max-width: 576px) {
  .isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner button {
    padding: 15px;
    transform: unset;
  }
}

.isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner button.active-button {
  color: var(--white-color);
  transform: scale(1.1);
  background-color: var(--primary-color);
}

@media (max-width: 576px) {
  .isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner button.active-button {
    transform: unset;
    box-shadow: unset;
  }
}

.isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner button.active-button .count-items {
  color: var(--white-color);
}

.isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner button.active-button:before {
  opacity: 1;
}

.isotope-grid-wrapper .buttons-group.buttons-group-digital .buttons-group-inner button .count-items {
  display: none;
}

.isotope-grid-wrapper .portfolio-section .buttons-group {
  width: 100%;
  min-width: 100%;
}

.isotope-grid-wrapper .portfolio-section .load-more-wrapper {
  margin-bottom: -25px;
}

.isotope-grid-wrapper .portfolio-section .load-more-wrapper .button-wrapper {
  width: 100%;
  min-width: 100%;
  margin-top: 75px;
}

@media (max-width: 768px) {
  .isotope-grid-wrapper .portfolio-section .load-more-wrapper .button-wrapper {
    margin-top: 50px;
  }
}

@media (max-width: 576px) {
  .isotope-grid-wrapper .portfolio-section .load-more-wrapper .button-wrapper {
    margin-top: 30px;
  }
}

/*-------------------------------------------*\
   section-title.scss

   1.0 section-title-type-1
   1.1 section-title-type-2
\*-------------------------------------------*/
/*-------------------------------------------*\
   section-title-type-2.scss

   Section title type 2 styles
\*-------------------------------------------*/
.section-title-type-2 {
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .section-title-type-2 {
    margin-bottom: 35px;
  }
}

.section-title-type-2 .upper-text {
  font-weight: 600;
  color: var(--primary-color);
  letter-spacing: 0.5px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media (max-width: 1025px) {
  .section-title-type-2 .upper-text {
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .section-title-type-2 .upper-text {
    margin-bottom: 10px;
  }
}

.section-title {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.section-title .two-side-title {
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  align-items: center;
}

@media (max-width: 576px) {
  .section-title .two-side-title {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 576px) {
  .section-title .two-side-title .button {
    margin-top: 20px;
  }
}

.section-title.section-title-space-between {
  align-items: center;
  justify-content: space-between;
  flex-direction: inherit;
}

.section-title.section-title-space-between .upper-text {
  justify-content: flex-start;
}

.section-title.section-title-space-between .title {
  text-align: left;
}

.section-title.section-title-space-between .subtitle {
  text-align: left;
  max-width: 500px;
}

@media (max-width: 576px) {
  .section-title.section-title-space-between {
    display: block;
  }
}

.section-title.section-title-start {
  align-items: flex-start;
}

.section-title.section-title-start .upper-text {
  justify-content: flex-start;
}

.section-title.section-title-start .title {
  text-align: left;
}

.section-title.section-title-start .subtitle {
  text-align: left;
  max-width: 500px;
}

.section-title.section-title-center {
  align-items: center;
}

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

.section-title.section-title-center .upper-text {
  text-align: center;
  justify-content: center;
}

.section-title.section-title-center .subtitle {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}

.section-title.section-title-end {
  align-items: flex-end;
}

.section-title.section-title-end .upper-text {
  text-align: right;
  justify-content: flex-end;
}

.section-title.section-title-end .title {
  text-align: right;
  justify-content: flex-end;
}

.section-title.section-title-end .subtitle {
  text-align: right;
  max-width: 500px;
}

.section-title.section-title-white .title {
  color: var(--white-color);
}

.section-title.section-title-white .subtitle {
  color: var(--white-color);
}

/*-------------------------------------------*\
   clients.scss

   1.0 clients-type-1.scss
   1.1 clients-type-2.scss
   1.2 clients-type-3.scss
   1.3 clients-type-4.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   client-type-4.scss

   Client type 4 styles
\*-------------------------------------------*/
.partners-row {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1025px) {
  .partners-row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px 20px;
  }
}

.client-type-4 {
  flex: 0 1 130px;
}

@media (max-width: 576px) {
  .client-type-4 {
    flex-basis: 110px;
  }
}

.client-type-4 .inner-wrapper {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  transition: background-color .2s ease-in-out;
}

.client-type-4 img {
  width: 100%;
  max-width: 130px;
  transition: transform .2s ease-in-out;
}

.client-type-4 .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 8px;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  color: var(--white-color);
  transform: translateY(120%);
  transition: transform .2s ease-in-out;
}

.client-type-4 .inner-wrapper:hover {
  background-color: #1a1a1a;
}

.client-type-4 .inner-wrapper:hover img {
  transform: translateY(-120%);
}

.client-type-4 .inner-wrapper:hover .content {
  transform: translateY(0);
}

/*-------------------------------------------*\
   team-member.scss

   1.0 team-member-type-1.scss
   1.1 team-member-type-2.scss
   1.2 team-member-type-3.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   team-member-type-2.scss

   Team member type 2 styles
\*-------------------------------------------*/
.team-member-type-2 {
  position: relative;
}

.team-member-type-2 .image-wrapper {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

@media (max-width: 576px) {
  .team-member-type-2 .image-wrapper {
    margin-bottom: 15px;
  }
}

.team-member-type-2 .image-wrapper:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .3s ease-in-out;
}

.team-member-type-2 .image-wrapper .social-list {
  position: absolute;
  transition: all .3s ease-in-out;
  transform: translateY(10px);
  opacity: 0;
  z-index: 10;
}

.team-member-type-2 .description {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  z-index: 10;
}

.team-member-type-2 .description .content-wrapper .member-name {
  color: var(--black-color);
  margin-bottom: 12px;
}

@media (max-width: 576px) {
  .team-member-type-2 .description .content-wrapper .member-name {
    margin-bottom: 8px;
  }
}

.team-member-type-2 .description .content-wrapper .member-position {
  color: var(--primary-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}

.team-member-type-2:hover .image-wrapper:after {
  opacity: 0.9;
}

.team-member-type-2:hover .image-wrapper .social-list {
  opacity: 1;
  transform: translateY(0);
}

/*-------------------------------------------*\
   team-member-type-3.scss

   Team member type 3 styles
\*-------------------------------------------*/
.team-member-type-3 .image-wrapper {
  min-height: 380px;
  width: 100%;
  position: relative;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .team-member-type-3 .image-wrapper {
    min-height: 270px;
  }
}

.team-member-type-3 .description {
  position: relative;
  padding: 5px 0 0;
  margin-top: 15px;
}

.team-member-type-3 .description .content-wrapper .social-list {
  margin-top: 15px;
}

/*-------------------------------------------*\
   page-header.scss

   1.0 page-header-type-1.scss
   1.1 page-header-type-2.scss
   1.2 page-header-type-3.scss
   1.3 page-header-type-4.scss
   1.4 page-header-type-5.scss
   1.5 page-header-type-single.scss
   1.6 page-header-type-maintenance.scss
   1.7 page-header-type-error.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   page-header-type-3.scss

   Page header type 3 styles
\*-------------------------------------------*/
.page-header-type-3 {
  padding-bottom: 100px;
}

@media (max-width: 576px) {
  .page-header-type-3 .container-wide {
    padding: 0;
  }
}

.page-header-type-3 .inner-wrapper {
  position: relative;
  width: 100%;
  height: 500px;
}

@media (max-width: 768px) {
  .page-header-type-3 .inner-wrapper {
    display: -ms-flexbox;
    display: flex;
    height: 400px;
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .page-header-type-3 .inner-wrapper {
    height: 300px;
  }
}

.page-header-type-3 .inner-wrapper .breadcrumbs-label {
  width: 100%;
  padding: 60px 30px;
  background-color: var(--white-color);
  box-shadow: 0 7px 35px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  transform: translateY(50%);
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 0;
}

@media (max-width: 768px) {
  .page-header-type-3 .inner-wrapper .breadcrumbs-label {
    padding: 50px 30px;
  }
}

@media (max-width: 576px) {
  .page-header-type-3 .inner-wrapper .breadcrumbs-label {
    width: 100%;
    left: 0;
    padding: 40px 30px;
  }
}

.page-header-type-3 .inner-wrapper .breadcrumbs-label .page-title {
  font-weight: 600;
  text-align: center;
  line-height: 1;
}

@media (max-width: 768px) {
  .page-header-type-3 .inner-wrapper .breadcrumbs-label .page-title {
    margin-bottom: 20px;
  }
}

.page-header-type-3 .inner-wrapper .breadcrumbs-label .breadcrumbs-list {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: -8px -5px;
}

.page-header-type-3 .inner-wrapper .breadcrumbs-label .breadcrumbs-list li {
  line-height: 1;
  margin: 8px 5px;
}

.page-header-type-3 .inner-wrapper .breadcrumbs-label .breadcrumbs-list li a, .page-header-type-3 .inner-wrapper .breadcrumbs-label .breadcrumbs-list li span {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

.page-header-type-3 .inner-wrapper .breadcrumbs-label .breadcrumbs-list li span {
  color: var(--black-color);
}

.page-header-type-3 .inner-wrapper .breadcrumbs-label .breadcrumbs-list li a {
  transition: all .2s ease-in-out;
  color: var(--meta-color);
}

.page-header-type-3 .inner-wrapper .breadcrumbs-label .breadcrumbs-list li a:hover {
  color: var(--black-color);
}

.page-header-type-3 .inner-wrapper .breadcrumbs-label .breadcrumbs-list li:not(:last-child):after {
  content: '\eab8';
  font-family: IcoFont;
  font-size: 12px;
  color: var(--meta-color);
  margin: 0 10px 0 15px;
}

@media (max-width: 768px) {
  .page-header-type-3 .inner-wrapper .breadcrumbs-label .breadcrumbs-list li:not(:last-child):after {
    margin: 0 5px 0 10px;
  }
}

.page-header-type-3.lite {
  padding-bottom: 0;
}

@media (min-width: 1025px) {
  .page-header-type-3.lite {
    padding-top: 25px;
  }
}

.page-header-type-3.lite .background-image {
  background-position: center;
  background-size: contain;
}

.page-header-type-3.lite .inner-wrapper {
  height: 238px;
}

@media (max-width: 768px) {
  .page-header-type-3.lite .inner-wrapper {
    justify-content: start;
    height: 180px;
  }
}

.page-header-type-3.lite .inner-wrapper .page-title {
  color: var(--white-color);
  margin-left: 70px;
  margin-top: 70px;
  font-size: 40px;
  position: absolute;
}

.page-header-type-3.lite .inner-wrapper .page-title.black-color {
  color: var(--black-color);
}

@media (max-width: 1025px) {
  .page-header-type-3.lite .inner-wrapper .page-title {
    margin-left: 0;
    margin-top: 90px;
    font-size: 35px;
  }
}

@media (max-width: 768px) {
  .page-header-type-3.lite .inner-wrapper .page-title {
    margin-left: 0;
    margin-top: 65px;
    font-size: 25px;
  }
}

/*-------------------------------------------*\
   page-header-type-error.scss

   Page header type error styles
\*-------------------------------------------*/
.page-header-type-error {
  min-height: 600px;
  height: 600px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media (max-width: 768px) {
  .page-header-type-error {
    min-height: 500px;
    height: 500px;
  }
}

.page-header-type-error .inner-wrapper {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.page-header-type-error .inner-wrapper .title {
  color: var(--primary-color);
  line-height: 1;
  font-size: 150px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 1025px) {
  .page-header-type-error .inner-wrapper .title {
    font-size: 128px;
  }
}

@media (max-width: 768px) {
  .page-header-type-error .inner-wrapper .title {
    font-size: 96px;
    margin-bottom: 20px;
  }
}

.page-header-type-error .inner-wrapper .subtitle {
  color: var(--white-color);
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 40px;
  line-height: normal;
  text-align: center;
}

@media (max-width: 768px) {
  .page-header-type-error .inner-wrapper .subtitle {
    margin-bottom: 30px;
  }
}

/*-------------------------------------------*\
   icon-box.scss

   1.0 icon-box-type-1.scss
   1.1 icon-box-type-2.scss
   1.2 icon-box-type-3.scss
   1.3 icon-box-type-4.scss
   1.4 icon-box-type-5.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   icon-box-type-4.scss

   Icon box type 4 styles
\*-------------------------------------------*/
.icon-box-type-4 {
  padding: 40px 0;
}

@media (max-width: 768px) {
  .icon-box-type-4 {
    padding: 20px 0;
  }
}

.icon-box-type-4 .inner-service {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--white-color);
}

@media (max-width: 576px) {
  .icon-box-type-4 .inner-service {
    max-width: 100%;
  }
}

.icon-box-type-4 .inner-service .icon-wrapper {
  margin-bottom: 20px;
}

.icon-box-type-4 .inner-service .icon-wrapper i {
  font-size: 48px;
}

.icon-box-type-4 .inner-service .content-wrapper .title {
  text-align: center;
  margin-bottom: 10px;
}

.icon-box-type-4 .inner-service .content-wrapper .content {
  text-align: center;
}

.icon-boxes-wrapper {
  margin: -40px 0;
}

@media (max-width: 768px) {
  .icon-boxes-wrapper {
    margin: -20px 0;
  }
}

@media (max-width: 768px) {
  .icon-boxes-wrapper .column {
    min-width: 50%;
    width: 50px;
  }
}

@media (max-width: 576px) {
  .icon-boxes-wrapper .column {
    min-width: 100%;
    width: 100px;
  }
}

/*-------------------------------------------*\
   tab.scss

   1.0 tab-type-1.scss
   1.1 tab-type-2.scss
   1.2 tab-type-3.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   tab-type-1.scss

   Tab type 1 styles
\*-------------------------------------------*/
.tab-type-1 .tab-header {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--border-color-1);
  justify-content: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .tab-type-1 .tab-header {
    margin-bottom: 15px;
  }
}

.tab-type-1 .tab-header .tab-item {
  padding: 0 40px;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  letter-spacing: unset;
  position: relative;
  transition: all .3s ease-in-out;
  cursor: pointer;
  z-index: 10;
}

@media (max-width: 768px) {
  .tab-type-1 .tab-header .tab-item {
    padding: 0 30px;
    height: 55px;
  }
}

@media (max-width: 576px) {
  .tab-type-1 .tab-header .tab-item {
    padding: 0 15px;
    height: 50px;
  }
}

.tab-type-1 .tab-header .tab-item:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  background: -webkit-linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  width: 100%;
  height: 0;
  opacity: 0;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: all .2s ease-in-out;
  z-index: -1;
}

.tab-type-1 .tab-header .tab-item.active-item {
  color: var(--primary-color);
}

@media (max-width: 576px) {
  .tab-type-1 .tab-header .tab-item.active-item {
    color: var(--white-color);
  }
}

.tab-type-1 .tab-header .tab-item.active-item:after {
  height: 3px;
  opacity: 1;
}

@media (max-width: 576px) {
  .tab-type-1 .tab-header .tab-item.active-item:after {
    height: 100%;
  }
}

.tab-type-1 .tab-body {
  position: relative;
  width: 100%;
}

.tab-type-1 .tab-body .tab-content {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.tab-type-1 .tab-body .tab-content .content {
  text-align: center;
  max-width: 700px;
}

/*-------------------------------------------*\
   tab-type-2.scss

   Tab type 2 styles
\*-------------------------------------------*/
.tab-type-2 {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.tab-type-2 .tab-body {
  min-width: 75%;
  width: 75%;
  min-height: 550px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background-color: var(--black-color);
}

@media (max-width: 1201px) {
  .tab-type-2 .tab-body {
    min-width: 100%;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .tab-type-2 .tab-body {
    min-height: 400px;
  }
}

.tab-type-2 .tab-body .tab-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.tab-type-2 .tab-body .tab-content .image {
  width: 100%;
  height: 100%;
}

.tab-type-2 .tab-body .tab-content.relative {
  position: relative !important;
}

.tab-type-2 .tab-body.remove-bg {
  background-color: var(--white-color);
}

.tab-type-2 .tab-header {
  min-width: 25%;
  width: 25%;
  padding-left: 30px;
}

.tab-type-2 .tab-header.inverse {
  padding-left: 0;
  padding-right: 30px;
}

@media (max-width: 1201px) {
  .tab-type-2 .tab-header {
    min-width: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-top: 30px;
  }
}

@media (max-width: 1025px) {
  .tab-type-2 .tab-header {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (max-width: 576px) {
  .tab-type-2 .tab-header {
    margin-top: 15px;
  }
}

.tab-type-2 .tab-header .tab-item {
  cursor: pointer;
  border-radius: 5px;
  padding: 25px 30px;
  background-color: var(--white-color);
  transition: all .2s ease-in-out;
}

@media (max-width: 1201px) {
  .tab-type-2 .tab-header .tab-item {
    margin-bottom: 15px;
  }
}

@media (max-width: 1025px) {
  .tab-type-2 .tab-header .tab-item {
    min-width: calc(50% - 15px);
    width: calc(50% - 15px);
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .tab-type-2 .tab-header .tab-item {
    margin-bottom: 0;
    min-width: 100%;
    width: 100%;
  }
}

.tab-type-2 .tab-header .tab-item .title {
  margin-bottom: 5px;
  transition: all .2s ease-in-out;
}

.tab-type-2 .tab-header .tab-item .subtitle {
  font-size: 14px;
  transition: all .2s ease-in-out;
}

.tab-type-2 .tab-header .tab-item:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 576px) {
  .tab-type-2 .tab-header .tab-item:not(:last-child) {
    margin-bottom: 15px;
  }
}

.tab-type-2 .tab-header .tab-item.active-item {
  background-color: var(--primary-color);
}

.tab-type-2 .tab-header .tab-item.active-item .title {
  color: var(--white-color);
}

.tab-type-2 .tab-header .tab-item.active-item .subtitle {
  color: var(--white-transparent-color);
}

@media (max-width: 1201px) {
  .tab-type-2 .tab-header .tab-item:not(:last-child) {
    margin-right: 30px;
  }
}

@media (max-width: 1201px) and (max-width: 1025px) {
  .tab-type-2 .tab-header .tab-item:not(:last-child) {
    margin-right: 0;
  }
}

.tabs-wrapper {
  width: 100%;
}

.tabs-wrapper[data-tab-animation-type="animation-type-1"] .tab-body .tab-content {
  transform: scale(1.1);
  opacity: 0;
}

.tabs-wrapper[data-tab-animation-type="animation-type-2"] .tab-body .tab-content {
  opacity: 0;
}

/*-------------------------------------------*\
   accordion.scss

   1.0 accordion-type-1.scss
   1.1 accordion-type-2.scss
   1.2 accordion-type-3.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   accordion-type-3.scss

   Accordions type 3 styles
\*-------------------------------------------*/
.accordion-type-3 {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.accordion-type-3 .accordion-item {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin: 0;
}

.accordion-type-3 .accordion-item .item-header {
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .3s ease-in-out;
  padding: 15px 0;
}

@media (max-width: 768px) {
  .accordion-type-3 .accordion-item .item-header {
    padding: 10px 0;
  }
}

.accordion-type-3 .accordion-item .item-header .header-title {
  font-weight: 600;
  color: var(--black-color);
  transition: all .2s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
}

.accordion-type-3 .accordion-item .item-header .header-title:before {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  min-width: 10px;
  height: 2px;
  background-color: var(--black-color);
  margin-right: 15px;
}

.accordion-type-3 .accordion-item .item-header .header-title:after {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 2px;
  height: 10px;
  transition: all .2s ease-in-out;
  background-color: var(--black-color);
  position: absolute;
  left: 4px;
}

.accordion-type-3 .accordion-item .item-header:hover .header-title {
  color: var(--primary-color);
}

.accordion-type-3 .accordion-item .item-body {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.accordion-type-3 .accordion-item .item-body .body-content {
  color: var(--text-color);
  padding: 5px 0 15px 0;
  overflow: hidden;
}

.accordion-type-3 .accordion-item:not(.accordion-item-active) .item-body {
  height: 0;
  opacity: 0;
}

.accordion-type-3 .accordion-item.accordion-arrow-active .item-header .header-title {
  color: var(--primary-color);
}

.accordion-type-3 .accordion-item.accordion-arrow-active .item-header .header-title:after, .accordion-type-3 .accordion-item.accordion-arrow-active .item-header .header-title:before {
  background-color: var(--primary-color);
}

.accordion-type-3 .accordion-item.accordion-arrow-active .item-header .header-title:after {
  height: 0;
}

/*-------------------------------------------*\
   blockquote.scss

   1.0 blockquote-type-1.scss
   1.1 blockquote-type-2.scss
   1.2 blockquote-type-3.scss
   1.3 blockquote-type-4.scss
   1.3 blockquote-type-5.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   blockquote-type-1.scss

   Blockquote type 1 styles
\*-------------------------------------------*/
.blockquote-type-1 {
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  border-radius: 5px;
  overflow: hidden;
  flex-wrap: wrap;
}

@media (max-width: 576px) {
  .blockquote-type-1 {
    height: auto;
  }
}

.blockquote-type-1 .side {
  position: relative;
  width: 50%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

@media (max-width: 576px) {
  .blockquote-type-1 .side {
    width: 100%;
    min-width: 100%;
  }
}

@media (max-width: 576px) {
  .blockquote-type-1 .side.left-side {
    height: 300px;
    min-height: 300px;
  }
}

.blockquote-type-1 .side.right-side {
  background-color: var(--primary-color);
  padding: 50px 60px;
  justify-content: center;
}

@media (max-width: 768px) {
  .blockquote-type-1 .side.right-side {
    padding: 50px 30px;
  }
}

@media (max-width: 576px) {
  .blockquote-type-1 .side.right-side {
    padding: 30px;
  }
}

.blockquote-type-1 .side.right-side i {
  font-size: 42px;
  color: var(--white-color);
  margin-bottom: 20px;
  display: block;
}

@media (max-width: 768px) {
  .blockquote-type-1 .side.right-side i {
    margin-bottom: 15px;
  }
}

@media (max-width: 576px) {
  .blockquote-type-1 .side.right-side i {
    margin-bottom: 10px;
  }
}

.blockquote-type-1 .side.right-side .quote {
  color: var(--white-color);
  margin-bottom: 25px;
}

@media (max-width: 768px) {
  .blockquote-type-1 .side.right-side .quote {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .blockquote-type-1 .side.right-side .quote {
    margin-bottom: 15px;
  }
}

.blockquote-type-1 .side.right-side .author-name {
  color: var(--white-transparent-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
}

/*-------------------------------------------*\
   blockquote-type-2.scss

   Blockquote type 2 styles
\*-------------------------------------------*/
blockquote {
  padding: 50px 50px 45px 50px;
  background-color: var(--primary-color);
  border-radius: 5px;
  position: relative;
}

@media (max-width: 768px) {
  blockquote {
    padding: 30px;
  }
}

@media (max-width: 576px) {
  blockquote {
    padding: 30px 25px 25px 25px;
  }
}

blockquote:before {
  content: '\efce';
  font-family: IcoFont;
  font-size: 28px;
  position: absolute;
  top: 15px;
  left: 15px;
  color: var(--white-color);
  opacity: 0.2;
  text-align: center;
  line-height: 1;
}

@media (max-width: 576px) {
  blockquote:before {
    font-size: 24px;
  }
}

blockquote p {
  color: var(--white-color);
  margin-bottom: 5px;
}

@media (max-width: 576px) {
  blockquote p {
    margin-bottom: 0;
  }
}

/*-------------------------------------------*\
   blockquote-type-3.scss

   Blockquote type 3 styles
\*-------------------------------------------*/
.blockquote-type-3 {
  padding: 30px 0 30px 40px;
  position: relative;
  border-left: 5px solid var(--primary-color);
  border-radius: 5px;
}

@media (max-width: 768px) {
  .blockquote-type-3 {
    padding: 20px 0 20px 20px;
  }
}

@media (max-width: 576px) {
  .blockquote-type-3 {
    padding: 10px 0 10px 20px;
  }
}

.blockquote-type-3 .quote {
  margin-bottom: 5px;
}

@media (max-width: 576px) {
  .blockquote-type-3 .quote {
    margin-bottom: 0;
  }
}

.blockquote-type-3 .author {
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
}

/*-------------------------------------------*\
   blockquote-type-4.scss

   Blockquote type 4 styles
\*-------------------------------------------*/
.blockquote-type-4 i {
  font-size: 42px;
  color: var(--primary-color);
}

.blockquote-type-4 .quote {
  margin-top: 25px;
}

@media (max-width: 576px) {
  .blockquote-type-4 .quote {
    margin-top: 15px;
  }
}

/*-------------------------------------------*\
   blockquote-type-5.scss

   Blockquote type 5 styles
\*-------------------------------------------*/
.blockquote-type-5 {
  background-color: var(--primary-color);
  padding: 60px 50px;
  border-radius: 10px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .blockquote-type-5 {
    padding: 50px 30px;
  }
}

@media (max-width: 576px) {
  .blockquote-type-5 {
    padding: 40px 15px;
  }
}

.blockquote-type-5:before {
  content: '\efce';
  font-family: IcoFont;
  font-size: 64px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: var(--white-color);
  text-align: center;
  line-height: 1;
}

@media (max-width: 576px) {
  .blockquote-type-5:before {
    font-size: 48px;
  }
}

.blockquote-type-5 .quote {
  text-align: center;
  margin-bottom: 25px;
  color: var(--white-color);
}

@media (max-width: 576px) {
  .blockquote-type-5 .quote {
    margin-bottom: 15px;
  }
}

.blockquote-type-5 .author {
  text-align: center;
  color: var(--white-transparent-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
}

/*-------------------------------------------*\
   portfolio.scss

   Portfolio styles
\*-------------------------------------------*/
@media (max-width: 576px) {
  .portfolio-single-wrapper {
    padding-top: 30px !important;
  }
}

.portfolio-single {
  /*
  .single-project-navigation {
    margin-top: 100px;
    border-top: 1px solid var(--border-color-1);
    @media(max-width: $md) {
      margin-top: 75px;
    }
    @media(max-width: $sm) {
      margin-top: 50px;
    }

    .inner-navigation {
      display: flex;
      justify-content: space-between;
      position: relative;

      .portfolio-all {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;

        i {
          font-size: 32px;
          transition: all .3s ease-in-out;
          @media(max-width: $md) {
            font-size: 28px;
          }
          @media(max-width: $sm) {
            font-size: 24px;
          }

          &.show-icon {
            color: var(--meta-color);
            opacity: 0.7;
          }

          &.hidden-icon {
            top: 0;
            position: absolute;
            transform: scale(0.5);
            opacity: 0;
            color: var(--primary-color);
          }
        }

        &:hover {
          i {
            &.show-icon {
              opacity: 0;
              transform: scale(0.5);
            }

            &.hidden-icon {
              transform: scale(1);
              opacity: 1;
            }
          }
        }
      }

      .navigation-link {
        height: 45px;
        padding: 0 30px;
        border-radius: 5px;
        border: 1px solid var(--border-color-1);
        @media(max-width: $sm) {
          padding: 0 15px;
        }

        &.navigation-link-prev {
          i {
            margin-right: 10px;
          }
        }

        &.navigation-link-next {
          i {
            margin-left: 10px;
          }
        }

        &:hover {
          color: var(--primary-color);
          border: 1px solid var(--primary-color);
        }
      }
    }
  }

  .columns-wrapper {
    @media(max-width: $md) {
      padding: 0;
    }
  }

  .isotope-grid-wrapper {
    margin: 30px 0;
  }

  .full-width-section {
    height: 700px;
    margin: 100px 0;
    @media(max-width: $lg) {
      margin: 50px 0;
      height: 600px;
    }
    @media(max-width: $md) {
      height: 500px;
    }
  }
*/
  /*
  &.portfolio-single-1 {
    .inner-wrapper {
      display: flex;
      flex-wrap: wrap;

      .description-side {
        padding-left: 100px;
        width: 50%;
        @media(max-width: $lg) {
          padding: 0;
          width: 100%;
          min-width: 100%;
          margin-top: 30px;
        }
        @media(max-width: $xl) {
          padding-left: 50px;
        }
        @media(max-width: $xxl) {
          width: 55%;
        }

        .description-inner {
          .upper-text {
            font-weight: 600;
            color: var(--primary-color);
            letter-spacing: 1px;
            font-size: 12px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            text-transform: uppercase;

            &:before {
              content: ' ';
              display: flex;
              width: 25px;
              height: 1px;
              background-color: var(--primary-color);
              margin-right: 15px;
            }
          }

          .name {
            margin-bottom: 20px;
          }

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

      .content-side {
        width: 50%;
        padding-right: 15px;
        @media(max-width: $lg) {
          padding: 0;
          width: 100%;
          min-width: 100%;
        }
        @media(max-width: $xxl) {
          width: 45%;
        }

        .content-inner {
          flex-wrap: wrap !important;
          margin: -15px;

          .image-wrapper {
            padding: 15px;
          }
        }
      }
    }
  }

  &.portfolio-single-2 {
    .progress-bar-columns {
      margin: -15px -30px -30px -30px;
      @media(max-width: $lg) {
        margin: -15px;
        padding-top: 15px;
      }

      .column {
        padding: 30px;
        @media(max-width: $lg) {
          padding: 15px;
        }
      }
    }

    .inner-wrapper {
      .image-wrapper {
        height: 600px;
        margin-bottom: 30px;
      }
    }
  }

  &.portfolio-single-3 {
    .inner-wrapper {
      .image-wrapper {
        height: 600px;
        margin-bottom: 30px;
      }
    }
  }


  &.portfolio-single-4 {
    .inner-wrapper {
      display: flex;
      flex-wrap: wrap;

      .description-side {
        padding-right: 100px;
        width: 40%;
        @media(max-width: $lg) {
          padding: 0;
          width: 100%;
          min-width: 100%;
        }
        @media(max-width: $xl) {
          padding-right: 50px;
        }
        @media(max-width: $md) {
          padding-right: 0;
        }
        @media(max-width: $xxl) {
          width: 50%;
        }

        .description-inner {

          .about-title {
            @include meta-text(var(--black-color), 1px, 600, 14px);
            text-transform: uppercase;
            display: flex;
            margin-bottom: 30px;
            @media(max-width: $md) {
              margin-bottom: 18px;
            }
          }

          .name {
            margin-bottom: 20px;
            @media(max-width: $md) {
              margin-bottom: 10px;
            }
          }

          .content {
            margin-bottom: 30px;
            @media(max-width: $md) {
              margin-bottom: 15px;
            }
          }
        }

        .team-member{
          padding: 0 15px 0 15px;
        }
      }

      .content-side {
        width: 60%;
        padding-left: 15px;
        @media(max-width: $lg) {
          padding: 0;
          width: 100%;
          min-width: 100%;
          padding-top: 50px;
        }
        @media(max-width: $xxl) {
          width: 50%;
        }

        .content-inner {
          flex-wrap: wrap !important;
          margin: -15px;

          .image-wrapper {
            padding: 15px;
          }
        }
      }

      &:not(:last-child) {
        margin-bottom: 75px;
        padding-bottom: 75px;
        border-bottom: 5px dashed var(--border-color-1);
        @media(max-width: $lg) {
          margin-bottom: 50px;
          padding-bottom: 50px;
        }
      }
    }
  }
*/
}

.portfolio-single .list {
  margin: 15px 0;
}

.portfolio-single .content-text {
  margin-bottom: 15px;
  overflow: hidden;
}

.portfolio-single .title {
  margin-bottom: 15px;
}

.portfolio-single .columns-wrapper {
  margin: 0 -15px 15px -15px;
}

.portfolio-single .columns-wrapper .column {
  padding: 15px;
}

.portfolio-single .content-section {
  margin-bottom: 15px;
}

.portfolio-single .counter-wrapper .title {
  margin-bottom: 0;
}

.portfolio-single .information-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 80px;
  padding-bottom: 75px;
  border-bottom: 5px dashed var(--border-color-1);
}

@media (max-width: 768px) {
  .portfolio-single .information-wrapper {
    padding-bottom: 50px;
    margin-bottom: 55px;
  }
}

.portfolio-single .information-wrapper .button-wrapper {
  margin-top: 15px;
}

.portfolio-single .information-wrapper .content-wrapper {
  padding-right: 100px;
}

@media (max-width: 1025px) {
  .portfolio-single .information-wrapper .content-wrapper {
    padding: 0;
  }
}

.portfolio-single .information-wrapper .description-wrapper {
  padding-left: 100px;
}

@media (max-width: 1025px) {
  .portfolio-single .information-wrapper .description-wrapper {
    padding: 0;
    margin-top: 50px;
  }
}

.portfolio-single .information-grid {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.portfolio-single .information-grid .info {
  width: 50%;
  padding: 25px 15px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.portfolio-single .information-grid .info.full-width {
  width: 100%;
}

.portfolio-single .information-grid .info .title {
  color: var(--black-color);
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.portfolio-single .information-grid .info span, .portfolio-single .information-grid .info a {
  color: var(--text-color);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  line-height: 1;
}

.portfolio-single .information-grid .info a {
  transition: all .2s ease-in-out;
  color: var(--primary-color);
  text-decoration: underline;
}

.portfolio-single .information-grid .info .list {
  display: -ms-flexbox;
  display: flex;
  margin: 0 !important;
}

.portfolio-single .information-grid .info .list li {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  line-height: 1;
}

.portfolio-single .information-grid .info .list li:not(:last-child):after {
  content: ',';
  margin-right: 5px;
}

.portfolio-single .information-grid .info .social-list li:not(:last-child) {
  margin-right: 15px;
}

.portfolio-single .information-grid .info .social-list li a {
  text-decoration: none;
}

.portfolio-single .image-wrapper {
  position: relative;
}

.portfolio-single.member-single {
  margin-bottom: 75px;
  padding-bottom: 75px;
}

.portfolio-single.member-single .information-grid {
  margin-top: 10px;
}

.portfolio-single.member-single .information-grid .info {
  padding: 15px;
}

.portfolio-single.member-single .inner-wrapper {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.portfolio-single.member-single .inner-wrapper .description-side {
  padding-right: 100px;
  width: 30%;
}

@media (max-width: 1025px) {
  .portfolio-single.member-single .inner-wrapper .description-side {
    padding: 0;
    width: 100%;
    min-width: 100%;
  }
}

@media (max-width: 1201px) {
  .portfolio-single.member-single .inner-wrapper .description-side {
    padding-right: 50px;
  }
}

@media (max-width: 768px) {
  .portfolio-single.member-single .inner-wrapper .description-side {
    padding-right: 0;
  }
}

@media (max-width: 1440px) {
  .portfolio-single.member-single .inner-wrapper .description-side {
    width: 30%;
  }
}

.portfolio-single.member-single .inner-wrapper .description-side .description-inner .about-title {
  color: var(--black-color);
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .portfolio-single.member-single .inner-wrapper .description-side .description-inner .about-title {
    margin-bottom: 18px;
  }
}

.portfolio-single.member-single .inner-wrapper .description-side .description-inner .name {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .portfolio-single.member-single .inner-wrapper .description-side .description-inner .name {
    margin-bottom: 10px;
  }
}

.portfolio-single.member-single .inner-wrapper .description-side .description-inner .content {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .portfolio-single.member-single .inner-wrapper .description-side .description-inner .content {
    margin-bottom: 15px;
  }
}

.portfolio-single.member-single .inner-wrapper .description-side .team-member {
  padding: 0 15px 0 15px;
}

.portfolio-single.member-single .inner-wrapper .content-side {
  width: 70%;
  padding-left: 15px;
}

@media (max-width: 1025px) {
  .portfolio-single.member-single .inner-wrapper .content-side {
    padding: 0;
    width: 100%;
    min-width: 100%;
    padding-top: 50px;
  }
}

@media (max-width: 1440px) {
  .portfolio-single.member-single .inner-wrapper .content-side {
    width: 70%;
  }
}

.portfolio-single.member-single .inner-wrapper .content-side .content-inner {
  flex-wrap: wrap !important;
  margin: -15px;
}

.portfolio-single.member-single .inner-wrapper .content-side .content-inner .image-wrapper {
  padding: 15px;
}

.portfolio-single.member-single .inner-wrapper:not(:last-child) {
  margin-bottom: 75px;
  padding-bottom: 75px;
  border-bottom: 5px dashed var(--border-color-1);
}

@media (max-width: 1025px) {
  .portfolio-single.member-single .inner-wrapper:not(:last-child) {
    margin-bottom: 50px;
    padding-bottom: 50px;
  }
}

/*-------------------------------------------*\
   alert.scss

   1.0 alert-type-1.scss
   1.1 alert-type-2.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   alert-type-2.scss

   Alert type 2 styles
\*-------------------------------------------*/
.alert-message-type-2 {
  padding: 10px 25px;
  height: 60px;
  border-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

.alert-message-type-2.d-none {
  display: none !important;
}

.alert-message-type-2 i {
  font-size: 18px;
}

.alert-message-type-2 .close-btn {
  cursor: pointer;
}

.alert-message-type-2.success-alert {
  border: 1px solid var(--success-color);
  color: var(--success-color);
}

.alert-message-type-2.success-alert i {
  color: var(--success-color);
}

.alert-message-type-2.info-alert {
  border: 1px solid var(--info-color);
  color: var(--info-color);
}

.alert-message-type-2.info-alert i {
  color: var(--info-color);
}

.alert-message-type-2.warning-alert {
  border: 1px solid var(--warning-color);
  color: var(--warning-color);
}

.alert-message-type-2.warning-alert i {
  color: var(--warning-color);
}

.alert-message-type-2.danger-alert {
  border: 1px solid var(--danger-color);
  color: var(--danger-color);
}

.alert-message-type-2.danger-alert i {
  color: var(--danger-color);
}

/*-------------------------------------------*\
   dividers.scss

   General divider styles
\*-------------------------------------------*/
hr.hr-dashed {
  border-style: dashed;
  width: 100%;
  border-color: var(--border-color-1);
}

hr.hr-dotted {
  border-style: dotted;
  width: 100%;
  border-color: var(--border-color-1);
}

hr.hr-solid {
  border-style: solid;
  width: 100%;
  border-color: var(--border-color-1);
}

.hr-type-1 {
  border: 1px;
}

.hr-type-2 {
  border: 2px;
}

.hr-type-3 {
  border: 3px;
}

.hr-type-4 {
  border: 4px;
}

.hr-type-5 {
  border: 5px;
}

.hr-type-6 {
  border: 6px;
}

/*-------------------------------------------*\
   banner.scss

   1.0 banner-type-1.scss
   1.1 banner-type-2.scss
   1.2 banner-type-3.scss
   1.3 banner-type-4.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   banner-type-1.scss

   Banner type 1 styles
\*-------------------------------------------*/
.banner-type-1 .inner-wrapper {
  width: 100%;
}

@media (max-width: 1201px) {
  .banner-type-1 .inner-wrapper .column {
    width: 100%;
    padding: 0 15px !important;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}

.banner-type-1 .inner-wrapper .column .title {
  max-width: 450px;
  color: var(--white-color);
}

@media (max-width: 1201px) {
  .banner-type-1 .inner-wrapper .column .title {
    margin-bottom: 15px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
}

.banner-type-1 .inner-wrapper .column .content {
  color: var(--white-color);
  margin-bottom: 30px;
  font-size: 22px;
}

@media (max-width: 1201px) {
  .banner-type-1 .inner-wrapper .column .content {
    text-align: center;
  }
}

@media (max-width: 1201px) {
  .banner-type-1 .inner-wrapper .column .button-wrapper {
    justify-content: center;
  }
}

.banner-type-1 .inner-wrapper .column:first-child {
  padding-right: 50px;
}

.banner-type-1 .inner-wrapper .column:last-child {
  padding-left: 50px;
}

/*-------------------------------------------*\
   banner-type-2.scss

   Banner type 2 styles
\*-------------------------------------------*/
.banner-type-2 .inner-wrapper .content-wrapper {
  max-width: 500px;
  padding: 50px;
  background-color: var(--white-color);
  border-radius: 10px;
  margin-right: auto;
}

@media (max-width: 768px) {
  .banner-type-2 .inner-wrapper .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding: 40px 30px;
  }
}

@media (max-width: 576px) {
  .banner-type-2 .inner-wrapper .content-wrapper {
    padding: 30px;
  }
}

.banner-type-2 .inner-wrapper .content-wrapper .title {
  text-align: center;
  margin-bottom: 10px;
}

.banner-type-2 .inner-wrapper .content-wrapper .subtitle {
  text-align: center;
}

.banner-type-2 .inner-wrapper .content-wrapper .button {
  margin-top: 25px;
}

@media (max-width: 1025px) {
  .banner-type-2 .inner-wrapper .video-toggle-button {
    display: none;
  }
}

/*-------------------------------------------*\
   banner-type-3.scss

   Banner type 3 styles
\*-------------------------------------------*/
.banner-type-3 .inner-wrapper .content-wrapper {
  max-width: 700px;
  padding: 40px 0;
}

@media (max-width: 576px) {
  .banner-type-3 .inner-wrapper .content-wrapper {
    padding: 25px 0;
  }
}

.banner-type-3 .inner-wrapper .content-wrapper i {
  font-size: 48px;
  color: var(--white-color);
}

@media (max-width: 576px) {
  .banner-type-3 .inner-wrapper .content-wrapper i {
    font-size: 42px;
  }
}

.banner-type-3 .inner-wrapper .content-wrapper .title {
  color: var(--white-color);
  margin-top: 25px;
}

@media (max-width: 576px) {
  .banner-type-3 .inner-wrapper .content-wrapper .title {
    margin-top: 15px;
  }
}

/*-------------------------------------------*\
   banner-type-4.scss

   Banner type 4 styles
\*-------------------------------------------*/
.banner-type-4 .inner-wrapper .banner-wrapper {
  overflow: hidden;
  border-radius: 10px;
  padding: 100px 75px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .banner-type-4 .inner-wrapper .banner-wrapper {
    padding: 75px 50px;
  }
}

@media (max-width: 576px) {
  .banner-type-4 .inner-wrapper .banner-wrapper {
    padding: 40px 15px;
  }
}

.banner-type-4 .inner-wrapper .banner-wrapper .inner-banner {
  max-width: 450px;
  position: relative;
  z-index: 10;
}

.banner-type-4 .inner-wrapper .banner-wrapper .inner-banner .title {
  margin-bottom: 15px;
  color: var(--white-color);
  text-align: center;
}

@media (max-width: 768px) {
  .banner-type-4 .inner-wrapper .banner-wrapper .inner-banner .title {
    margin-bottom: 10px;
  }
}

.banner-type-4 .inner-wrapper .banner-wrapper .inner-banner .subtitle {
  text-align: center;
  color: var(--white-color);
}

@media (max-width: 576px) {
  .banner-type-4 .inner-wrapper .banner-wrapper .inner-banner .subtitle {
    font-size: 14px;
  }
}

.banner-type-4 .inner-wrapper .banner-wrapper .inner-banner .button-wrapper {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .banner-type-4 .inner-wrapper .banner-wrapper .inner-banner .button-wrapper {
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .banner-type-4 .inner-wrapper .banner-wrapper .inner-banner .button-wrapper {
    margin-top: 15px;
  }
}

/*-------------------------------------------*\
   call-to-action.scss

   1.0 call-to-action-type-1.scss
   1.1 call-to-action-type-2.scss
   1.2 call-to-action-type-3.scss
\*-------------------------------------------*/
/*-------------------------------------------*\
   call-to-action-type-1.scss

   Call to action type 1 styles
\*-------------------------------------------*/
.call-to-action-type-1 .inner-wrapper {
  align-items: center;
}

@media (max-width: 1201px) {
  .call-to-action-type-1 .inner-wrapper .column {
    width: 100%;
    padding: 0 15px !important;
  }
}

@media (max-width: 1201px) {
  .call-to-action-type-1 .inner-wrapper .column .button-wrapper {
    justify-content: center;
  }
}

.call-to-action-type-1 .inner-wrapper .content-wrapper {
  padding-right: 50px;
}

@media (max-width: 1201px) {
  .call-to-action-type-1 .inner-wrapper .content-wrapper {
    padding-right: 0;
  }
}

.call-to-action-type-1 .inner-wrapper .content-wrapper .title {
  color: var(--white-color);
}

@media (max-width: 1201px) {
  .call-to-action-type-1 .inner-wrapper .content-wrapper .title {
    text-align: center;
    margin-bottom: 30px;
  }
}

/*-------------------------------------------*\
   call-to-action-type-2.scss

   Call to action type 2 styles
\*-------------------------------------------*/
.call-to-action-type-2 .inner-wrapper {
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.call-to-action-type-2 .inner-wrapper .upper-text {
  font-weight: 500;
  color: var(--primary-color);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .call-to-action-type-2 .inner-wrapper .upper-text {
    margin-bottom: 15px;
  }
}

.call-to-action-type-2 .inner-wrapper .title {
  text-align: center;
  margin-bottom: 35px;
}

@media (max-width: 768px) {
  .call-to-action-type-2 .inner-wrapper .title {
    margin-bottom: 25px;
  }
}

.call-to-action-type-2.white-style .upper-text {
  color: var(--white-color);
}

.call-to-action-type-2.white-style .title {
  color: var(--white-color);
}

/*-------------------------------------------*\
   call-to-action-type-3.scss

   Call to action type 3 styles
\*-------------------------------------------*/
.call-to-action-type-3 .inner-wrapper {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.call-to-action-type-3 .inner-wrapper .upper-text {
  font-weight: 500;
  color: var(--primary-color);
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 40px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .call-to-action-type-3 .inner-wrapper .upper-text {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .call-to-action-type-3 .inner-wrapper .upper-text {
    margin-bottom: 15px;
  }
}

.call-to-action-type-3 .inner-wrapper .upper-text i {
  font-size: 48px;
  background: -webkit-linear-gradient(90deg, var(--primary-color), var(--primary-color-additional));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 15px;
}

@media (max-width: 768px) {
  .call-to-action-type-3 .inner-wrapper .upper-text i {
    font-size: 36px;
  }
}

@media (max-width: 576px) {
  .call-to-action-type-3 .inner-wrapper .upper-text i {
    display: none;
  }
}

.call-to-action-type-3 .inner-wrapper .title {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .call-to-action-type-3 .inner-wrapper .title {
    margin-bottom: 20px;
  }
}

.call-to-action-type-3 .inner-wrapper .two-side-wrapper {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 576px) {
  .call-to-action-type-3 .inner-wrapper .two-side-wrapper {
    flex-direction: column;
  }
}

.call-to-action-type-3 .inner-wrapper .two-side-wrapper .side {
  padding: 0 30px;
}

@media (max-width: 576px) {
  .call-to-action-type-3 .inner-wrapper .two-side-wrapper .side.content-side {
    margin-top: 15px;
  }
}

.call-to-action-type-3 .inner-wrapper .two-side-wrapper .side.content-side .link {
  color: var(--primary-color);
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500;
}

.call-to-action-type-3 .inner-wrapper .two-side-wrapper .side.content-side .content-title {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--meta-color);
  letter-spacing: 0.5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  margin-top: 5px;
}

/*-------------------------------------------*\
   timeline.scss

   1.0 timeline-type-1
   1.1 timeline-type-2
\*-------------------------------------------*/
/*-------------------------------------------*\
   timeline-type-1.scss

   Timeline type 1 styles
\*-------------------------------------------*/
.timeline-type-1 {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.timeline-type-1 .timeline-part {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  color: var(--black-color);
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  transition: all .3s ease-in-out;
}

.timeline-type-1 .timeline-part:before {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 14px;
  background-color: var(--primary-color);
  border-radius: 15px;
  z-index: 11;
  margin-right: 20px;
}

.timeline-type-1 .timeline-part:not(:last-child) {
  margin-bottom: 60px;
}

.timeline-type-1 .timeline-part:not(:last-child):after {
  content: '';
  display: block;
  width: 2px;
  height: calc(100% + 60px);
  position: absolute;
  left: 6px;
  background-color: var(--border-color-1);
  top: calc(100% - 1px);
  z-index: 10;
}

.timeline-type-1 .timeline-part .before-circle {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 30px;
  height: 30px;
  border-radius: 25px;
  background-color: var(--primary-color);
  opacity: 0;
  transform: scale(0.2);
  transition: all .3s ease-in-out;
  z-index: 1;
}

.timeline-type-1 .timeline-part:hover, .timeline-type-1 .timeline-part.active-part {
  color: var(--primary-color) !important;
}

.timeline-type-1 .timeline-part:hover .before-circle, .timeline-type-1 .timeline-part.active-part .before-circle {
  transform: scale(1);
  opacity: 0.2;
}

.timeline-type-1.white-style .timeline-part:not(.active-part) {
  color: var(--white-color);
}

/*-------------------------------------------*\
   timeline-type-2.scss

   Timeline type 2 styles
\*-------------------------------------------*/
.timeline-type-2 {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background-color: var(--primary-color);
  padding: 45px 40px;
}

@media (max-width: 576px) {
  .timeline-type-2 {
    padding: 30px 25px;
  }
}

@media (max-width: 375px) {
  .timeline-type-2 {
    padding: 25px 20px;
  }
}

.timeline-type-2 .timeline-part {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  cursor: pointer;
  transition: all .3s ease-in-out;
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  line-height: normal;
  padding-left: 35px;
  padding-right: 45px;
}

@media (max-width: 576px) {
  .timeline-type-2 .timeline-part {
    padding-left: 30px;
    padding-right: 40px;
  }
}

@media (max-width: 375px) {
  .timeline-type-2 .timeline-part {
    padding-left: 25px;
    padding-right: 35px;
  }
}

.timeline-type-2 .timeline-part:before {
  content: ' ';
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  height: 10px;
  background-color: var(--white-color);
  border-radius: 10px;
  transition: all .3s ease-in-out;
  position: absolute;
  left: 0;
  top: 5px;
}

.timeline-type-2 .timeline-part .subtitle {
  font-size: 14px;
  color: var(--white-transparent-color);
  margin-top: 8px;
  line-height: normal;
  display: -ms-flexbox;
  display: flex;
  transition: all .3s ease-in-out;
}

.timeline-type-2 .timeline-part:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 576px) {
  .timeline-type-2 .timeline-part:not(:last-child) {
    margin-bottom: 20px;
  }
}

.timeline-type-2 .timeline-part:not(:last-child):after {
  content: '';
  display: block;
  width: 2px;
  height: calc(100% + 30px);
  position: absolute;
  left: 4px;
  background-color: var(--white-color);
  top: 12px;
  transition: all .3s ease-in-out;
}

@media (max-width: 576px) {
  .timeline-type-2 .timeline-part:not(:last-child):after {
    height: calc(100% + 20px);
  }
}

.timeline-type-2 .timeline-part .check-wrapper {
  position: absolute;
  right: 0;
  top: -4px;
  width: 25px;
  height: 25px;
  border: 1px solid var(--white-transparent-color);
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  border-radius: 25px;
}

.timeline-type-2 .timeline-part .check-wrapper i {
  font-size: 12px;
  transition: all .3s ease-in-out;
  color: var(--white-color);
}

.timeline-type-2 .timeline-part.active-part .check-wrapper, .timeline-type-2 .timeline-part:hover .check-wrapper {
  background-color: var(--white-color);
}

.timeline-type-2 .timeline-part.active-part .check-wrapper i, .timeline-type-2 .timeline-part:hover .check-wrapper i {
  color: var(--black-color);
}

.pagination-block {
  margin-top: 50px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
}

.pagination-block .pagination {
  margin: auto;
}

.pagination-block .pagination li {
  float: left;
  margin: 0 5px;
}

@media (max-width: 768px) {
  .pagination-block .pagination li {
    margin-bottom: 10px;
  }
}

.pagination-block .pagination li a, .pagination-block .pagination li span {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  background-color: #fff;
  transition: all .3s ease-in-out;
}

.pagination-block .pagination li.active span {
  background-color: var(--primary-color);
  color: #fff;
}

.pagination-block .pagination li:hover a, .pagination-block .pagination li:hover span {
  background-color: var(--primary-color);
  color: #fff;
}

table {
  width: 100% !important;
  font-size: 14px;
  border-collapse: collapse;
  border: 1px solid var(--border-color-1);
}

table td, table th {
  padding: .75rem;
  width: auto;
  border: 1px solid var(--border-color-1);
}

table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--border-color-1);
}

table thead td {
  border-bottom-width: 2px;
}

.description-block-text, .post-text, .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table .table-wrapper {
  width: 100%;
  margin-right: 0;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.table .table-wrapper .table-heading {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: var(--primary-color);
  padding: 12px 25px;
  border-radius: 5px;
}

.table .table-wrapper .table-heading .table-heading-item {
  width: 25%;
  display: inline-block;
  color: var(--white-color);
  font-weight: 500;
  padding-left: 5px;
}

.table .table-wrapper .table-heading .table-heading-item.item-sort {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table .table-wrapper .table-heading .table-heading-item.item-sort .button-animation-type-1 {
  border-color: var(--white-color);
  height: 25px;
  width: 15px;
}

.table .table-wrapper .table-heading .table-heading-item.item-sort .button-animation-type-1:hover {
  background: var(--white-color);
}

.table .table-wrapper .table-heading .table-heading-item.item-sort .button-animation-type-1:hover i {
  color: var(--text-color);
}

.table .table-wrapper .table-heading .table-heading-item.item-sort i {
  color: var(--white-color);
}

.table .table-wrapper .table-heading .table-heading-item.item-sort .sort-table .fa-sort-up {
  display: none;
}

.table .table-wrapper .table-heading .table-heading-item.item-sort .sort-table.active .fa-sort-up {
  display: block;
}

.table .table-wrapper .table-heading .table-heading-item.item-sort .sort-table.active .fa-sort {
  display: none;
}

@media (max-width: 768px) {
  .table .table-wrapper .table-heading {
    display: none;
  }
}

.table .table-wrapper .table-items {
  width: 100%;
  margin: 15px 0;
}

.table .table-wrapper .table-items li .table-item {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 10px 5px;
  background-color: var(--white-color);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-bottom: 25px;
}

@media (max-width: 768px) {
  .table .table-wrapper .table-items li .table-item {
    justify-content: center;
  }
}

.table .table-wrapper .table-items li .table-item .table-item-content {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
}

.table .table-wrapper .table-items li .table-item .table-item-content .table-item-content-card {
  padding: 5px 10px;
  width: 25%;
  border-left: 1px solid var(--gray-hard-color);
  color: var(--text-color);
}

.table .table-wrapper .table-items li .table-item .table-item-content .table-item-content-card:first-child {
  border-left: none;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.table .table-wrapper .table-items li .table-item .table-item-content .table-item-content-card .name-card {
  display: none;
}

.table .table-wrapper .table-items li .table-item .table-item-content .table-item-content-card .avatar {
  height: 65px;
  width: 65px;
  overflow: hidden;
  border-radius: 5px;
  margin-right: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

@media (max-width: 768px) {
  .table .table-wrapper .table-items li .table-item .table-item-content .table-item-content-card {
    border-left: none;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
  .table .table-wrapper .table-items li .table-item .table-item-content .table-item-content-card.text-center-md {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }
  .table .table-wrapper .table-items li .table-item .table-item-content .table-item-content-card .name-card {
    display: block;
  }
}

@media (max-width: 768px) {
  .table .table-wrapper .table-items li .table-item .table-item-content {
    width: 100%;
    max-width: 400px;
    margin: 0;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }
}

.sections-members .tab-item {
  border: 1px solid var(--border-color-1);
}

.sections-members .sort-table {
  border-color: var(--border-color-1);
}

.sections-members .table .table-heading-item {
  width: 33% !important;
}

@media (max-width: 768px) {
  .sections-members .table .table-heading-item {
    width: 100% !important;
  }
}

.sections-members .table .table-item-content-card {
  width: 35% !important;
}

@media (max-width: 768px) {
  .sections-members .table .table-item-content-card {
    width: 100% !important;
  }
}

.member-cv-description h4 {
  border-left: 5px solid var(--gray-hard-color);
  padding-left: 10px;
  display: block;
  margin-bottom: 15px;
  margin-top: 15px;
}

.member-cv-description h4:first-child {
  margin-top: 0 !important;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-bottom-bar .mfp-title {
  padding-right: 60px !important;
}

.mfp-bottom-bar .painter {
  color: var(--white-color);
  display: block;
}

.mfp-bottom-bar p {
  color: var(--white-color);
}

.work-form-popup {
  position: relative;
  background: var(--white-color);
  padding: 20px;
  width: auto;
  max-width: 650px;
  margin: 20px auto;
}

#pdf-viewer {
  width: 100%;
  height: 568px;
  background: var(--gray-color);
  overflow: auto;
  position: relative;
  text-align: center;
}

#pdf-viewer #pdf-images {
  width: 100%;
  height: 100%;
  transform: scale(1);
}

#pdf-viewer #pdf-images canvas {
  display: block;
  width: auto;
  height: 100%;
  margin: 5px auto;
}

.pdf-controls {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  background: var(--gray-color);
  border-bottom: 1px solid var(--border-color-1);
  width: 100%;
  padding: 5px 10px;
}

.pdf-controls .btn {
  margin: 8px;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 48px;
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), background 150ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  cursor: pointer;
  pointer-events: all;
}

.pdf-controls .btn .icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: rgba(0, 0, 0, 0.87);
  font-family: 'Material Icons' !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 24px;
  display: inline-block;
  line-height: 48px;
  text-transform: none;
  text-align: center;
  letter-spacing: normal;
  -ms-word-wrap: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

.popup-module {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 90%;
  max-width: 640px;
  height: auto;
  max-height: 90vh;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
}

@supports (max-height: 90dvh) {
  .popup-module {
    max-height: 90dvh;
  }
}

.popup-module__close.mfp-close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 38px;
  height: 38px;
  line-height: 36px;
  font-size: 26px;
  color: #fff;
  background: rgba(0, 0, 0, 0.72);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  transition: background-color 0.3s ease;
  opacity: 1;
  padding: 0;
  text-align: center;
}

.popup-module__close.mfp-close:hover, .popup-module__close.mfp-close:focus {
  background: rgba(0, 0, 0, 0.88);
  opacity: 1;
}

.popup-module__media {
  flex: 1 1 55vh;
  min-height: 0;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
}

.popup-module__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.popup-module__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 32px 40px;
  text-align: center;
}

.popup-module__body > *:first-child {
  margin-top: auto;
}

.popup-module__body > *:last-child {
  margin-bottom: auto;
}

.popup-module__body .button-wrapper {
  margin-top: 24px;
}

.popup-module__title {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 12px;
}

/*# sourceMappingURL=app.css.map*/