/*
Theme Name: Creative Child
Theme URI: https://soma-dev.com
Author: Soma MORADI
Author URI: https://soma-dev.com
Template: askida_main
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General ../Public License v2 or later
License URI: LICENSE
Text Domain: askida_main
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.container {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (min-width: 480px) {
  .container:not(.is-fluid) {
    max-width: 444px;
  }
}
@media only screen and (min-width: 576px) {
  .container:not(.is-fluid) {
    max-width: 528px;
  }
}
@media only screen and (min-width: 768px) {
  .container:not(.is-fluid) {
    max-width: 736px;
  }
}
@media only screen and (min-width: 992px) {
  .container:not(.is-fluid) {
    max-width: 932px;
  }
}
@media only screen and (min-width: 1200px) {
  .container:not(.is-fluid) {
    max-width: 1120px;
  }
}
@media only screen and (min-width: 1400px) {
  .container:not(.is-fluid) {
    max-width: 1300px;
  }
}
@media only screen and (min-width: 1920px) {
  .container:not(.is-fluid) {
    max-width: 1620px;
  }
}
@media only screen and (min-width: 2400px) {
  .container:not(.is-fluid) {
    max-width: 2050px;
  }
}

.container-xs {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .container-xs {
    max-width: 444px;
  }
}

.container-sm {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .container-sm {
    max-width: 528px;
  }
}

.container-md {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .container-md {
    max-width: 736px;
  }
}

.container-lg {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .container-lg {
    max-width: 932px;
  }
}

.container-xl {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .container-xl {
    max-width: 1120px;
  }
}

.container-2xl {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 1400px) {
  .container-2xl {
    max-width: 1300px;
  }
}

.container-3xl {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .container-3xl {
    max-width: 1620px;
  }
}

.container-4xl {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 2400px) {
  .container-4xl {
    max-width: 2050px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
  width: calc(100% + 2rem);
  box-sizing: border-box;
}
.row-no-gutters {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.row-no-gutters > [class*=col] {
  padding-left: 0;
  padding-right: 0;
}
.row-sm-gutters {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: calc(100% + 1rem);
}
.row-sm-gutters > [class*=col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.row-lg-gutters {
  margin-left: -2rem;
  margin-right: -2rem;
  width: calc(100% + 4rem);
}
.row-lg-gutters > [class*=col] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.row-center {
  justify-content: center;
}
.row-start {
  justify-content: flex-start;
}
.row-end {
  justify-content: flex-end;
}
.row-between {
  justify-content: space-between;
}
.row-around {
  justify-content: space-around;
}
.row-align-start {
  align-items: flex-start;
}
.row-align-center {
  align-items: center;
}
.row-align-end {
  align-items: flex-end;
}
@media only screen and (max-width: 575px) {
  .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    width: calc(100% + 1.5rem);
  }
  .row > [class*=col] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media only screen and (max-width: 480px) {
  .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    width: calc(100% + 1rem);
  }
  .row > [class*=col] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.row-equal-height > [class*=col] {
  display: flex;
  flex-direction: column;
}
.row-equal-height > [class*=col] > * {
  flex: 1 0 auto;
}
.row-reverse {
  flex-direction: row-reverse;
}
@media only screen and (min-width: 480px) {
  .row-xs-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 576px) {
  .row-sm-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .row-md-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 992px) {
  .row-lg-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1200px) {
  .row-xl-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1400px) {
  .row-2xl-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1920px) {
  .row-3xl-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 2400px) {
  .row-4xl-reverse {
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 480px) {
  .row-xs-center {
    justify-content: center;
  }
  .row-xs-start {
    justify-content: flex-start;
  }
  .row-xs-end {
    justify-content: flex-end;
  }
  .row-xs-between {
    justify-content: space-between;
  }
  .row-xs-around {
    justify-content: space-around;
  }
  .row-xs-align-start {
    align-items: flex-start;
  }
  .row-xs-align-center {
    align-items: center;
  }
  .row-xs-align-end {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 576px) {
  .row-sm-center {
    justify-content: center;
  }
  .row-sm-start {
    justify-content: flex-start;
  }
  .row-sm-end {
    justify-content: flex-end;
  }
  .row-sm-between {
    justify-content: space-between;
  }
  .row-sm-around {
    justify-content: space-around;
  }
  .row-sm-align-start {
    align-items: flex-start;
  }
  .row-sm-align-center {
    align-items: center;
  }
  .row-sm-align-end {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 768px) {
  .row-md-center {
    justify-content: center;
  }
  .row-md-start {
    justify-content: flex-start;
  }
  .row-md-end {
    justify-content: flex-end;
  }
  .row-md-between {
    justify-content: space-between;
  }
  .row-md-around {
    justify-content: space-around;
  }
  .row-md-align-start {
    align-items: flex-start;
  }
  .row-md-align-center {
    align-items: center;
  }
  .row-md-align-end {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 992px) {
  .row-lg-center {
    justify-content: center;
  }
  .row-lg-start {
    justify-content: flex-start;
  }
  .row-lg-end {
    justify-content: flex-end;
  }
  .row-lg-between {
    justify-content: space-between;
  }
  .row-lg-around {
    justify-content: space-around;
  }
  .row-lg-align-start {
    align-items: flex-start;
  }
  .row-lg-align-center {
    align-items: center;
  }
  .row-lg-align-end {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1200px) {
  .row-xl-center {
    justify-content: center;
  }
  .row-xl-start {
    justify-content: flex-start;
  }
  .row-xl-end {
    justify-content: flex-end;
  }
  .row-xl-between {
    justify-content: space-between;
  }
  .row-xl-around {
    justify-content: space-around;
  }
  .row-xl-align-start {
    align-items: flex-start;
  }
  .row-xl-align-center {
    align-items: center;
  }
  .row-xl-align-end {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1400px) {
  .row-2xl-center {
    justify-content: center;
  }
  .row-2xl-start {
    justify-content: flex-start;
  }
  .row-2xl-end {
    justify-content: flex-end;
  }
  .row-2xl-between {
    justify-content: space-between;
  }
  .row-2xl-around {
    justify-content: space-around;
  }
  .row-2xl-align-start {
    align-items: flex-start;
  }
  .row-2xl-align-center {
    align-items: center;
  }
  .row-2xl-align-end {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1920px) {
  .row-3xl-center {
    justify-content: center;
  }
  .row-3xl-start {
    justify-content: flex-start;
  }
  .row-3xl-end {
    justify-content: flex-end;
  }
  .row-3xl-between {
    justify-content: space-between;
  }
  .row-3xl-around {
    justify-content: space-around;
  }
  .row-3xl-align-start {
    align-items: flex-start;
  }
  .row-3xl-align-center {
    align-items: center;
  }
  .row-3xl-align-end {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 2400px) {
  .row-4xl-center {
    justify-content: center;
  }
  .row-4xl-start {
    justify-content: flex-start;
  }
  .row-4xl-end {
    justify-content: flex-end;
  }
  .row-4xl-between {
    justify-content: space-between;
  }
  .row-4xl-around {
    justify-content: space-around;
  }
  .row-4xl-align-start {
    align-items: flex-start;
  }
  .row-4xl-align-center {
    align-items: center;
  }
  .row-4xl-align-end {
    align-items: flex-end;
  }
}
.col-1 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.col-xs-1 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-xs-2 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-xs-3 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-xs-4 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-xs-5 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-xs-6 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-xs-7 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-xs-8 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-xs-9 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-xs-10 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-xs-11 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-xs-12 {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media only screen and (min-width: 576px) {
  .col-sm-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .col-md-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .col-lg-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .col-xl-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1400px) {
  .col-2xl-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-2xl-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-2xl-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-2xl-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-2xl-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-2xl-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-2xl-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-2xl-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-2xl-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-2xl-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-2xl-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-2xl-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .col-3xl-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-3xl-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-3xl-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-3xl-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-3xl-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-3xl-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-3xl-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-3xl-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-3xl-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-3xl-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-3xl-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-3xl-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 2400px) {
  .col-4xl-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-4xl-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-4xl-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-4xl-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-4xl-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-4xl-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-4xl-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-4xl-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-4xl-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-4xl-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-4xl-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-4xl-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xs-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xs-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xs-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-start {
  justify-content: flex-start;
}
.flex-end {
  justify-content: flex-end;
}
.flex-center {
  justify-content: center;
}
.flex-between {
  justify-content: space-between;
}
.flex-around {
  justify-content: space-around;
}

.grid {
  gap: 1rem;
  display: grid;
}
.grid-justify-center {
  justify-items: center;
}
.grid-vc > .vc_column-inner > .wpb_wrapper {
  display: grid;
}
.grid-vc-col-2 > .vc_column-inner > .wpb_wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-flow-column {
  grid-auto-flow: column;
}

.grid-col-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-col-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-col-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-col-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-col-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-col-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-col-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-col-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-col-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-col-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

/* ===== Function Render Fonts Query ===== */
/* ===== Fonts Rendered ===== */
@font-face {
  font-family: Avantt-Regular;
  src: url("../assets/fonts/Avantt-Regular.eot");
  src: url("../assets/fonts/Avantt-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Avantt-Regular.woff") format("woff"), url("../assets/fonts/Avantt-Regular.ttf") format("truetype"), url("../assets/fonts/Avantt-Regular.svg#Avantt-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Avantt-SemiBold;
  src: url("../assets/fonts/Avantt-SemiBold.eot");
  src: url("../assets/fonts/Avantt-SemiBold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Avantt-SemiBold.woff") format("woff"), url("../assets/fonts/Avantt-SemiBold.ttf") format("truetype"), url("../assets/fonts/Avantt-SemiBold.svg#Avantt-SemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Avantt-Bold;
  src: url("../assets/fonts/Avantt-Bold.eot");
  src: url("../assets/fonts/Avantt-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Avantt-Bold.woff") format("woff"), url("../assets/fonts/Avantt-Bold.ttf") format("truetype"), url("../assets/fonts/Avantt-Bold.svg#Avantt-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: SeasonSerif-Regular;
  src: url("../assets/fonts/SeasonSerif-Regular.eot");
  src: url("../assets/fonts/SeasonSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/SeasonSerif-Regular.woff") format("woff"), url("../assets/fonts/SeasonSerif-Regular.ttf") format("truetype"), url("../assets/fonts/SeasonSerif-Regular.svg#SeasonSerif-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: SeasonSerif-Medium;
  src: url("../assets/fonts/SeasonSerif-Medium.eot");
  src: url("../assets/fonts/SeasonSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/SeasonSerif-Medium.woff") format("woff"), url("../assets/fonts/SeasonSerif-Medium.ttf") format("truetype"), url("../assets/fonts/SeasonSerif-Medium.svg#SeasonSerif-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ===== stylelint-enable value-keyword-case ===== */
/* ===== Custom Fonts Variables ===== */
/* ===== Custom font hack size ===== */
.site-header {
  justify-content: normal;
  height: 6rem;
  flex-direction: row;
}
@media only screen and (max-width: 991px) {
  .site-header {
    height: 3rem;
  }
}
@media only screen and (min-width: 992px) {
  .site-header {
    margin-bottom: 3em;
  }
}
.site-header .site-branding {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.site-header .site-branding h2, .site-header .site-branding h3 {
  margin: 0.3em;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .site-header .site-branding h2, .site-header .site-branding h3 {
    font-size: 1em;
  }
}
.site-header .header-navigation {
  left: 0;
  right: 0;
  background: #ffffff;
  transition: all 0.2s ease-in-out;
  position: fixed;
  top: 6rem;
  padding: 1em;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .site-header .header-navigation {
    top: 3rem;
    padding-top: 2em;
    background-color: rgba(0, 0, 0, 0.6117647059);
  }
}
.site-header .header-navigation #header-nav {
  padding: 0;
  margin: 0;
  gap: 2em;
  list-style: none;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .site-header .header-navigation #header-nav {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0.5em;
    position: absolute;
    background: #ffffff;
    width: 100%;
    left: 0;
    right: 0;
    padding-top: 2em !important;
  }
}
@media only screen and (min-width: 992px) {
  .site-header .header-navigation #header-nav {
    display: flex;
  }
  .site-header .header-navigation #header-nav > li {
    width: 16%;
  }
  .site-header .header-navigation #header-nav > li a {
    padding-bottom: 8px;
  }
}
.site-header .header-navigation #header-nav li {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
  position: relative;
}
.site-header .header-navigation #header-nav li a {
  color: #000000;
  font-family: Avantt-Regular;
  text-decoration: none;
  font-size: 1.3rem;
  padding-top: 0.5em;
  z-index: 1;
  transition: all 0.2s ease;
}
.site-header .header-navigation #header-nav li a:hover {
  color: #8CA8E7;
}
@media only screen and (max-width: 991px) {
  .site-header .header-navigation #header-nav li a {
    font-size: 1rem;
    color: #707070;
    padding-top: 1em;
  }
}
.site-header .header-navigation #header-nav li.current-menu-parent > a {
  border-bottom: 1px solid #8CA8E7;
  color: #8CA8E7;
}
.site-header .header-navigation #header-nav li.current-menu-item > a {
  color: #8CA8E7;
}
.site-header .header-navigation #header-nav li ul {
  visibility: hidden;
  position: absolute;
  display: flex;
  flex-direction: column;
  list-style: none;
  border: 1px solid #8CA8E7;
  border-top: none;
  border-bottom-right-radius: 45px;
  background-color: #ffffff;
  padding: 2em;
  padding-top: 4em;
  margin: 0;
  align-items: flex-start;
  z-index: -1;
  box-shadow: 0px 2px 10px 0px rgba(140, 168, 231, 0.1882352941);
  opacity: 0;
  transform: translateY(-15px);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1);
}
@media only screen and (min-width: 992px) {
  .site-header .header-navigation #header-nav li ul {
    width: 130%;
  }
}
.site-header .header-navigation #header-nav li ul li {
  width: 100%;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.2s ease;
}
.site-header .header-navigation #header-nav li ul li a {
  font-size: 1.1rem;
  padding: 0.5em 0;
  width: 100%;
  display: block;
  transition: all 0.2s ease;
}
.site-header .header-navigation #header-nav li ul li a:hover {
  color: #8CA8E7;
  transform: translateX(5px);
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover > a {
  border-bottom: 1px solid #8CA8E7;
  color: #8CA8E7;
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li {
  opacity: 1;
  transform: translateX(0);
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li:nth-child(1) {
  transition-delay: 0.05s;
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li:nth-child(2) {
  transition-delay: 0.1s;
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li:nth-child(3) {
  transition-delay: 0.15s;
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li:nth-child(4) {
  transition-delay: 0.2s;
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li:nth-child(5) {
  transition-delay: 0.25s;
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li:nth-child(6) {
  transition-delay: 0.3s;
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li:nth-child(7) {
  transition-delay: 0.35s;
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li:nth-child(8) {
  transition-delay: 0.4s;
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li:nth-child(9) {
  transition-delay: 0.45s;
}
.site-header .header-navigation #header-nav li.menu-item-has-children:hover ul li:nth-child(10) {
  transition-delay: 0.5s;
}
.site-header .header-navigation .header-nav-toggle-wrap {
  display: none;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .site-header .header-navigation .header-nav-toggle-wrap {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 0;
    justify-content: center;
  }
  .site-header .header-navigation .header-nav-toggle-wrap .header-nav-toggle {
    background: transparent;
    border: none;
    padding: 0.3em 0.6em;
    border-top: none;
    border-radius: 0;
    border-bottom-right-radius: 15px;
    background-color: #C6D3F3;
    font-family: SeasonSerif-Regular;
    font-size: 1rem;
    color: #ffffff;
    margin-top: -1px;
  }
}
@media only screen and (max-width: 991px) {
  .site-header .header-navigation {
    height: 0;
    padding: 0;
  }
  .site-header .header-navigation #header-nav {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
    background-color: transparent;
  }
  .site-header .header-navigation #header-nav.nav-collapsed {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
  }
  .site-header .header-navigation #header-nav.nav-expanded {
    opacity: 1;
    visibility: visible;
    transition: max-height 0.6s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.3s ease-in;
    max-height: fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 1em 4em;
    border: 1px solid #8CA8E7;
    border-top: none;
    border-bottom-right-radius: 45px;
    background-color: #ffffff;
  }
  .site-header .header-navigation .header-nav-toggle {
    position: relative;
    font-size: 1.5rem;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
  }
  .site-header .header-navigation .header-nav-toggle i {
    visibility: hidden;
    font-size: 0;
  }
  .site-header .header-navigation .header-nav-toggle.open {
    z-index: 1;
    border: none;
  }
  .site-header .header-navigation.right-nav-open {
    height: 100%;
    z-index: -1;
  }
  .site-header .header-navigation.right-nav-open i {
    visibility: visible;
    font-size: 11px;
  }
}
.site-header.shrunk {
  height: 4rem;
}
.site-header.shrunk .header-navigation {
  top: 4rem;
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.0509803922);
}
@media only screen and (min-width: 992px) {
  .site-header.shrunk .header-navigation {
    padding-top: 8px;
  }
}
.site-header.shrunk .header-navigation #header-nav li a {
  font-size: 1.1rem;
  padding-top: 0;
}
.site-header.shrunk .header-navigation #header-nav li .sub-menu {
  top: 2.3rem;
  padding-top: 2em;
}
.site-header.shrunk .header-navigation #header-nav li .sub-menu a {
  font-size: 1.1rem;
}
.site-header.shrunk .site-branding h2, .site-header.shrunk .site-branding h3 {
  font-size: 18px;
}
@media only screen and (max-width: 991px) {
  .site-header.shrunk {
    height: 3rem;
  }
  .site-header.shrunk .header-navigation {
    top: 3rem;
  }
  .site-header.shrunk .header-navigation #header-nav li a {
    font-size: 1rem;
    padding-top: 0.5em;
  }
  .site-header.shrunk .site-branding h2, .site-header.shrunk .site-branding h3 {
    font-size: 14px;
  }
}

.site-header {
  height: 8rem;
}
@media only screen and (max-width: 991px) {
  .site-header {
    height: 5rem;
  }
}
.site-header .site-branding {
  flex-direction: column;
}
.site-header .header-navigation {
  top: 8rem;
}
.site-header .header-navigation #header-nav li a:hover {
  color: #87EBaf;
}
.site-header .header-navigation #header-nav li.current-menu-item > a, .site-header .header-navigation #header-nav li.current-menu-parent > a {
  border-bottom: 1px solid #87EBaf;
  color: #87EBaf;
}
@media only screen and (max-width: 991px) {
  .site-header .header-navigation {
    top: 5rem;
  }
  .site-header .header-navigation .header-nav-toggle-wrap .header-nav-toggle {
    background-color: #87EBaf;
  }
  .site-header .header-navigation .header-nav-toggle-wrap .header-nav-toggle {
    background-color: #87EBaf;
  }
}
.site-header.shrunk {
  height: 5rem;
}
.site-header.shrunk .header-navigation {
  top: 5rem;
}
@media only screen and (max-width: 991px) {
  .site-header.shrunk {
    height: 4rem;
  }
  .site-header.shrunk .header-navigation {
    top: 4rem;
  }
}

.pagination {
  padding-top: 1em;
}
.pagination .nav-links {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0.8em;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination .nav-links .page-numbers {
  text-decoration: none;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .nav-links .page-numbers.current {
  text-decoration: none;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.pagination .nav-links .page-numbers.next i:before, .pagination .nav-links .page-numbers.prev i:before {
  font-weight: 500;
}

.pagination .nav-links .page-numbers {
  background: #ffffff;
  color: #87EBaf;
  border: 1px solid #87EBaf;
  border-radius: 100%;
}
.pagination .nav-links .page-numbers.current {
  background: #0DB852;
  border-radius: 100%;
  color: #ffffff;
  border-color: #0DB852;
}

h1 {
  font-size: clamp(2.5rem, 2.5rem + (7 - 2.5) * (100vw - 320px) / (1200 - 320), 7rem);
}

h2 {
  font-size: clamp(2rem, 2rem + (6.4 - 2) * (100vw - 320px) / (1200 - 320), 6.4rem);
}

h3 {
  font-size: clamp(1.8rem, 1.8rem + (5 - 1.8) * (100vw - 320px) / (1200 - 320), 5rem);
}

h4 {
  font-size: clamp(1.6rem, 1.6rem + (4 - 1.6) * (100vw - 320px) / (1200 - 320), 4rem);
}

h5 {
  font-size: clamp(1.3rem, 1.3rem + (3.5 - 1.3) * (100vw - 320px) / (1200 - 320), 3.5rem);
}

h6 {
  font-size: clamp(1.2rem, 1.2rem + (2.5 - 1.2) * (100vw - 320px) / (1200 - 320), 2.5rem);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.3;
  }
}

.archive-page .archive-row-header,
.widget-creative-articles .archive-row-header {
  padding: 2rem 0;
  margin-bottom: 0;
  text-align: center;
}
.archive-page .archive-row-header .page-title,
.widget-creative-articles .archive-row-header .page-title {
  color: #000000;
  margin: 0;
  display: inline-block;
  color: #000000;
  font-family: Avantt-Bold;
}
.archive-page .archive-row,
.widget-creative-articles .archive-row {
  padding: 2rem 0;
}
.archive-page .archive-row.even,
.widget-creative-articles .archive-row.even {
  background-color: #C4F5D7;
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;
}
.archive-page .article-grid,
.widget-creative-articles .article-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1399px) {
  .archive-page .article-grid,
  .widget-creative-articles .article-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .archive-page .article-grid,
  .widget-creative-articles .article-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .archive-page .article-grid,
  .widget-creative-articles .article-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}
.archive-page .article-item,
.widget-creative-articles .article-item {
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.archive-page .article-item:hover,
.widget-creative-articles .article-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.archive-page .article-item:hover .article-image img,
.widget-creative-articles .article-item:hover .article-image img {
  transform: scale(1.05);
}
.archive-page .article-item .article-link,
.widget-creative-articles .article-item .article-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.archive-page .article-item .article-image,
.widget-creative-articles .article-item .article-image {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.archive-page .article-item .article-image img,
.widget-creative-articles .article-item .article-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.archive-page .article-item .article-content,
.widget-creative-articles .article-item .article-content {
  padding: 1.25rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.archive-page .article-item .article-category,
.widget-creative-articles .article-item .article-category {
  display: inline-block;
  color: #0FD75F;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  text-align: center;
  font-family: SeasonSerif-Regular;
  font-weight: 100;
}
.archive-page .article-item .article-title,
.widget-creative-articles .article-item .article-title {
  font-size: 1.125rem;
  margin: 0;
  color: #000000;
  line-height: 1.4;
  text-align: center;
  font-family: SeasonSerif-Regular;
  font-weight: 100;
}
@media only screen and (max-width: 991px) {
  .archive-page .article-item .article-title,
  .widget-creative-articles .article-item .article-title {
    font-size: 1rem;
  }
}
.archive-page .archive-row-footer,
.widget-creative-articles .archive-row-footer {
  background-color: #ffffff;
  padding: 2rem 0;
  margin-top: 0;
}
.archive-page .archive-row-footer .container,
.widget-creative-articles .archive-row-footer .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 2rem;
}
.archive-page .archive-row-footer .page-numbers,
.widget-creative-articles .archive-row-footer .page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.archive-page .archive-row-footer .page-numbers li,
.widget-creative-articles .archive-row-footer .page-numbers li {
  margin: 0;
  padding: 0;
}
.archive-page .archive-row-footer .page-numbers a,
.archive-page .archive-row-footer .page-numbers span.current,
.widget-creative-articles .archive-row-footer .page-numbers a,
.widget-creative-articles .archive-row-footer .page-numbers span.current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.5rem;
  background: #ffffff;
  border: 1px solid #D9D9D7;
  border-radius: 4px;
  color: #000000;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 0.875rem;
  font-weight: 500;
}
.archive-page .archive-row-footer .page-numbers span.current,
.widget-creative-articles .archive-row-footer .page-numbers span.current {
  background: #0FD75F;
  color: #ffffff;
  border-color: #0FD75F;
}
.archive-page .archive-row-footer .page-numbers a:hover,
.widget-creative-articles .archive-row-footer .page-numbers a:hover {
  background: #FCFFF5;
  border-color: #0FD75F;
  color: #0FD75F;
}
.archive-page .archive-row-footer .page-numbers .prev,
.archive-page .archive-row-footer .page-numbers .next,
.widget-creative-articles .archive-row-footer .page-numbers .prev,
.widget-creative-articles .archive-row-footer .page-numbers .next {
  padding: 0 0.75rem;
}
.archive-page .no-posts-found,
.widget-creative-articles .no-posts-found {
  text-align: center;
  padding: 2rem 0;
  color: #67675B;
  font-size: 1rem;
}

.widget-creative-articles .article-item .article-title {
  color: #ffffff;
}

@media only screen and (min-width: 992px) {
  .archive-description {
    text-align: right;
    font-size: 1.1rem;
  }
}

.archive-posts .list-realisations-posts {
  /* Masonry style using CSS columns */
  column-count: 2;
  column-gap: 2rem;
  margin: 2rem 0;
  direction: rtl;
}
@media only screen and (max-width: 767px) {
  .archive-posts .list-realisations-posts {
    column-count: 1;
    column-gap: 1.5rem;
  }
}
.archive-posts .list-realisations-posts .realisation-item-container {
  break-inside: avoid;
  margin-bottom: 2rem;
  width: 100%;
  display: block;
  direction: ltr;
}
.archive-posts .list-realisations-posts .custom-section-title {
  break-inside: avoid;
  margin: 0;
  display: block;
  text-align: right;
  display: block;
  text-align: right;
  margin-top: -3em;
  margin-bottom: 3em;
  padding-right: 1em;
}
@media only screen and (max-width: 1199px) {
  .archive-posts .list-realisations-posts .custom-section-title {
    margin-top: -1.5em;
    margin-bottom: 1.5em;
    padding-right: 1em;
  }
}
.archive-posts .list-realisations-posts .custom-section-title h2 {
  color: #000000;
  font-family: Avantt-Bold;
  margin: 0;
  margin-bottom: 1rem;
}
.archive-posts .list-realisations-posts .realisation-item {
  position: relative;
  border-radius: 0 45px 0 45px;
  overflow: hidden;
  aspect-ratio: 4/1;
  transition: transform 0.3s ease;
}
.archive-posts .list-realisations-posts .realisation-item:hover {
  transform: translateY(-5px);
}
.archive-posts .list-realisations-posts .realisation-item:hover .realisation-content {
  background-color: rgba(0, 0, 0, 0.7);
}
.archive-posts .list-realisations-posts .realisation-item .realisation-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.archive-posts .list-realisations-posts .realisation-item .realisation-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: background-color 0.3s ease;
  z-index: 2;
  align-items: flex-start;
}
.archive-posts .list-realisations-posts .realisation-item .realisation-content .realisation-title {
  color: #ffffff;
  font-family: SeasonSerif-Regular;
  margin: 0;
  line-height: 1.5;
  font-size: clamp(1.3rem, 1.7vw, 5rem);
  font-weight: 100;
}
.archive-posts .list-realisations-posts .realisation-item .realisation-content .realisation-title .color-green {
  color: #ffffff;
  font-family: SeasonSerif-Medium;
}
.archive-posts .list-realisations-posts .realisation-item.hidden {
  display: none;
}
.archive-posts .load-more-container {
  text-align: center;
  margin: 2rem 0;
  z-index: 2;
}
.archive-posts .load-more-container .load-more-button {
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: transparent;
  border: none;
  z-index: 1;
  font-size: 1.2rem;
  font-family: SeasonSerif-Medium;
}
.archive-posts .load-more-container .load-more-button.loading {
  opacity: 0.7;
  cursor: wait;
}
.archive-posts .load-more-container .load-more-button .loading-spinner {
  display: none;
  margin-left: 0.5rem;
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spinner 0.8s linear infinite;
}
.archive-posts .load-more-container .load-more-button.loading .loading-spinner {
  display: inline-block;
}
.archive-posts .load-more-container .load-more-button:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 0.5rem;
  top: 0.3rem;
  background-color: #0FD75F;
  z-index: -1;
  transition: all 1s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%), transform 2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.archive-posts .load-more-container .load-more-button:hover:before {
  left: auto;
  top: auto;
  bottom: 0.2rem;
  right: 0.3rem;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
/* Abstracts
--------------------------------------------- */
.sticky {
  display: block;
  position: sticky;
}

.updated:not(.published) {
  display: none;
}

.btn-classic {
  font-family: SeasonSerif-Regular;
  color: #000000;
  text-decoration: none;
  position: relative;
  width: fit-content;
}
.btn-classic a,
.btn-classic p,
.btn-classic strong,
.btn-classic .wpb_wrapper,
.btn-classic .wpb_text_column {
  position: relative;
  width: fit-content;
}
.btn-classic:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: -0.6rem;
  top: -0.3rem;
  background-color: #C6D3F3;
  z-index: -1;
  transition: all 1s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%), transform 2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.btn-classic:hover {
  color: #0D2968;
}
.btn-classic:hover:before {
  left: auto;
  top: auto;
  right: -0.6rem;
  bottom: -0.3rem;
}

.btn-white {
  font-family: SeasonSerif-Regular;
  color: #ffffff !important;
  text-decoration: none;
  position: relative;
  width: fit-content;
}
.btn-white a,
.btn-white p,
.btn-white strong,
.btn-white .wpb_wrapper,
.btn-white .wpb_text_column {
  position: relative;
  width: fit-content;
}
.btn-white:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: -0.6rem;
  top: -0.3rem;
  background-color: #87EBaf;
  z-index: -1;
  transition: all 1s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%), transform 2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.btn-white:hover {
  color: #ffffff;
}
.btn-white:hover:before {
  left: auto;
  top: auto;
  right: -0.6rem;
  bottom: -0.3rem;
}

.figure {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  width: 100%;
  height: auto;
  line-height: 0;
}
.figure img {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 100%;
}
.figure:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.creative-section-title {
  position: relative;
}
.creative-section-title h1, .creative-section-title h2, .creative-section-title h3 {
  font-family: Avantt-Bold;
  line-height: 1.2;
  position: relative;
  z-index: 0;
  text-align: left;
  text-indent: 1em;
}
.creative-section-title h1:before, .creative-section-title h2:before, .creative-section-title h3:before {
  content: "";
  width: 80%;
  height: 100%;
  background: #87EBaf;
  border-radius: 45px 0;
  overflow: visible;
  position: absolute;
  top: 30%;
  z-index: -1;
}
.creative-section-title.title-left h1, .creative-section-title.title-left h2, .creative-section-title.title-left h3 {
  text-align: left;
  text-indent: 1em;
}
.creative-section-title.title-left h1:before, .creative-section-title.title-left h2:before, .creative-section-title.title-left h3:before {
  right: auto;
  left: 8%;
}
.creative-section-title.title-right h1, .creative-section-title.title-right h2, .creative-section-title.title-right h3 {
  text-align: right;
  text-indent: -1em;
}
.creative-section-title.title-right h1:before, .creative-section-title.title-right h2:before, .creative-section-title.title-right h3:before {
  left: auto;
  right: 8%;
}
.creative-section-title.title-green h1:before, .creative-section-title.title-green h2:before, .creative-section-title.title-green h3:before {
  background: #87EBaf;
}
.creative-section-title.title-blue h1:before, .creative-section-title.title-blue h2:before, .creative-section-title.title-blue h3:before {
  background: #8CA8E7;
}

.section-title h1, .section-title h2, .section-title h3, .creative-section-title h1, .creative-section-title h2, .creative-section-title h3 {
  font-family: Avantt-Bold;
  line-height: 1.2;
  font-size: clamp(3.5rem, 3.5rem + (6 - 3.5) * (100vw - 320px) / (1200 - 320), 6rem);
}
@media only screen and (min-width: 1200px) {
  .section-title h1, .section-title h2, .section-title h3, .creative-section-title h1, .creative-section-title h2, .creative-section-title h3 {
    margin-top: 0;
  }
}

.color-green {
  color: #0FD75F;
}

.category-title {
  padding-right: 2em;
  width: fit-content;
  float: right;
}
@media only screen and (max-width: 991px) {
  .category-title {
    width: 100%;
    float: none;
  }
}
.category-title h1 {
  font-family: Avantt-Bold;
  line-height: 1.5;
  position: relative;
  z-index: 0;
  text-align: left;
  text-indent: -0.5em;
  left: 1em;
  font-size: clamp(3.5rem, 3.5rem + (7 - 3.5) * (100vw - 320px) / (1200 - 320), 7rem);
  margin: 10px 0;
  width: 100%;
}
.category-title h1:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #C4F5D7;
  border-radius: 45px 0;
  overflow: visible;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  padding-bottom: 2em;
}
.category-title.cat-parent {
  width: fit-content;
}
.category-title.cat-parent h1:before {
  background: #C4F5D7;
}

.has-before {
  position: relative;
  z-index: 0;
}
.has-before:before, .has-before:after {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: -0.5em;
  right: -0.5em;
  background: #87EBaf;
}
.has-before:before {
  top: -0.5em;
  left: -0.5em;
  bottom: auto;
}
.has-before:after {
  bottom: -0.5em;
  right: -0.5em;
  top: auto;
}
.has-before:before {
  content: "";
  z-index: -2;
}

.has-after {
  position: relative;
  z-index: 0;
}
.has-after:before, .has-after:after {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: -0.5em;
  right: -0.5em;
  background: #87EBaf;
}
.has-after:before {
  top: -0.5em;
  left: -0.5em;
  bottom: auto;
}
.has-after:after {
  bottom: -0.5em;
  right: -0.5em;
  top: auto;
}
.has-after:after {
  content: "";
  z-index: -2;
}

.has-before-up {
  position: relative;
  z-index: 0;
}
.has-before-up:before, .has-before-up:after {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: -0.5em;
  right: -0.5em;
  background: #87EBaf;
}
.has-before-up:before {
  top: -0.5em;
  left: -0.5em;
  bottom: auto;
}
.has-before-up:after {
  bottom: -0.5em;
  right: -0.5em;
  top: auto;
}
.has-before-up:before {
  content: "";
  z-index: 2 !important;
}

.has-after-up {
  position: relative;
  z-index: 0;
  z-index: 1;
}
.has-after-up:before, .has-after-up:after {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: -0.5em;
  right: -0.5em;
  background: #87EBaf;
}
.has-after-up:before {
  top: -0.5em;
  left: -0.5em;
  bottom: auto;
}
.has-after-up:after {
  bottom: -0.5em;
  right: -0.5em;
  top: auto;
}
.has-after-up:after {
  content: "";
  z-index: 2 !important;
}

.video-player, .wpb_video_widget {
  position: relative;
  z-index: 0;
}
.video-player:before, .video-player:after, .wpb_video_widget:before, .wpb_video_widget:after {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: -0.5em;
  right: -0.5em;
  background: #87EBaf;
}
.video-player:before, .wpb_video_widget:before {
  top: -0.5em;
  left: -0.5em;
  bottom: auto;
}
.video-player:after, .wpb_video_widget:after {
  bottom: -0.5em;
  right: -0.5em;
  top: auto;
}
.video-player:before, .wpb_video_widget:before {
  z-index: 2;
  content: "";
}
.video-player:after, .wpb_video_widget:after {
  z-index: 2;
  content: "";
}

.title-section-big {
  font-size: clamp(2.5rem, 4vw, 10rem);
  line-height: 1.3;
  font-family: Avantt-Bold;
  color: #000000;
}

/* Components
--------------------------------------------- */
.section-video h1 {
  margin-top: 0;
  line-height: 1.2;
}

.list-clients {
  gap: 1.5em;
}
.list-clients .client-item img {
  max-width: 100%;
  height: auto;
}

.entry-header #breadcrumbs span, .entry-header #breadcrumbs a {
  font-size: 1rem;
  font-family: Avantt-Regular;
  color: #000000;
}
.entry-header #breadcrumbs a {
  text-decoration: none;
}
.entry-header #breadcrumbs .breadcrumb_last {
  color: #0FD75F;
}
.entry-header #breadcrumbs span span:last-of-type a {
  color: #0FD75F;
}
.entry-header #breadcrumbs span::first-letter {
  text-transform: uppercase;
}
.entry-header #breadcrumbs span {
  padding-right: 5px;
}
.entry-header #breadcrumbs:first-child span {
  padding-left: 5px;
}
.entry-header .entry-meta {
  margin-block: 0 3em;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .entry-header .entry-meta {
    font-size: 14px;
  }
}
.entry-header .entry-title {
  padding-block: 0.5em;
}
@media only screen and (min-width: 992px) {
  .entry-header .entry-title {
    text-align: center;
    margin-inline: auto;
    margin: 0;
  }
}
@media only screen and (max-width: 575px) {
  .entry-header .entry-title {
    padding: 0;
  }
}
.entry-header-category .entry-title {
  padding-block: 1em;
  color: #000000;
}

/* Widgets
--------------------------------------------- */
/* Widgets
--------------------------------------------- */
.list-articles {
  position: relative;
  z-index: 2;
  gap: 3em;
  align-items: start;
  display: grid;
}
.list-articles.grid-col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.list-articles.grid-col-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.list-articles.grid-col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.list-articles.grid-col-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media only screen and (max-width: 991px) {
  .list-articles {
    gap: 15px;
  }
  .list-articles.grid-col-tablet-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .list-articles.grid-col-tablet-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .list-articles.grid-col-tablet-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .list-articles.grid-col-tablet-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 575px) {
  .list-articles {
    gap: 10px;
  }
  .list-articles.grid-col-mobile-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .list-articles.grid-col-mobile-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .list-articles.grid-col-mobile-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .list-articles.grid-col-mobile-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.list-articles .item a .title {
  margin-top: 10px;
  color: #000000;
  font-weight: 500;
}
.list-articles .item a .category {
  display: block;
  margin-top: 7px;
}
@media only screen and (max-width: 991px) {
  .list-articles .item a {
    gap: 0;
  }
  .list-articles .item a .title {
    font-size: 16px;
    text-transform: capitalize;
  }
  .list-articles .item a .category {
    font-size: 14px;
  }
}
.list-articles .item:hover a figure img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.list-articles .item:hover a .title {
  color: #086C30;
}

#mailchimp_contact_form_wrap {
  background: rgba(196, 245, 215, 0.0392156863);
  padding: 3rem 2.5rem;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  margin: 1rem 0;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  #mailchimp_contact_form_wrap {
    padding: 2rem 1.5rem;
    margin: 1rem 0;
    border-radius: 8px;
  }
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form label {
  color: #000000;
  font-size: 0.95rem;
  display: block;
  letter-spacing: 0.05em;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=text],
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=email],
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=tel],
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=url],
#mailchimp_contact_form_wrap #mailchimp-ajax-form textarea {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #D9D9D7;
  border-radius: 1px;
  font-size: 1rem;
  color: #000000;
  background-color: #ffffff;
  transition: all 0.3s ease;
  font-family: inherit;
  line-height: 1.5;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=text]:focus,
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=email]:focus,
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=tel]:focus,
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=url]:focus,
#mailchimp_contact_form_wrap #mailchimp-ajax-form textarea:focus {
  outline: none;
  border-color: #D9D9D7;
  background-color: #fafbfc;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=text]:hover:not(:focus),
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=email]:hover:not(:focus),
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=tel]:hover:not(:focus),
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=url]:hover:not(:focus),
#mailchimp_contact_form_wrap #mailchimp-ajax-form textarea:hover:not(:focus) {
  border-color: #D9D9D7;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=text]::placeholder,
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=email]::placeholder,
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=tel]::placeholder,
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=url]::placeholder,
#mailchimp_contact_form_wrap #mailchimp-ajax-form textarea::placeholder {
  color: #D9D9D7;
  opacity: 1;
  font-style: italic;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=text]:invalid:not(:placeholder-shown),
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=email]:invalid:not(:placeholder-shown),
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=tel]:invalid:not(:placeholder-shown),
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=url]:invalid:not(:placeholder-shown),
#mailchimp_contact_form_wrap #mailchimp-ajax-form textarea:invalid:not(:placeholder-shown) {
  border-color: #B3B2AD;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=text]:disabled,
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=email]:disabled,
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=tel]:disabled,
#mailchimp_contact_form_wrap #mailchimp-ajax-form input[type=url]:disabled,
#mailchimp_contact_form_wrap #mailchimp-ajax-form textarea:disabled {
  background-color: #f8f9fa;
  color: #6c757d;
  cursor: not-allowed;
  opacity: 0.7;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form textarea {
  min-height: 120px;
  resize: vertical;
  font-family: inherit;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-group {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  #mailchimp_contact_form_wrap #mailchimp-ajax-form .form-group {
    gap: 2rem;
    flex-wrap: wrap;
  }
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-group.inline {
  flex-direction: row;
  gap: 1rem;
}
@media only screen and (max-width: 767px) {
  #mailchimp_contact_form_wrap #mailchimp-ajax-form .form-group.inline {
    flex-direction: column;
  }
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-group.inline .form-field {
  flex: 1;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-field {
  display: flex;
  flex-direction: column;
  position: relative;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-field.has-error input,
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-field.has-error textarea {
  border-color: #D9D9D7;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-field .error-message {
  color: #D9D9D7;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  display: none;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-field .error-message.show {
  display: block;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .flex_column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .checks {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media only screen and (max-width: 767px) {
  #mailchimp_contact_form_wrap #mailchimp-ajax-form .checks {
    justify-content: flex-start;
    text-align: left;
  }
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .checks input[type=checkbox],
#mailchimp_contact_form_wrap #mailchimp-ajax-form .checks input[type=radio] {
  width: auto;
  margin: 0;
  transform: scale(1.2);
  accent-color: #D9D9D7;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .checks label {
  margin: 0;
  font-weight: 400;
  cursor: pointer;
  line-height: 1.4;
  display: flex;
  gap: 0.4em;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form #agree_policy_conditions {
  text-align: center;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form #agree_policy_conditions label {
  font-size: 0.8rem;
  line-height: 1.5;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .g-recaptcha,
#mailchimp_contact_form_wrap #mailchimp-ajax-form .recaptcha {
  display: flex;
  justify-content: center;
  align-items: center;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .g-recaptcha > div,
#mailchimp_contact_form_wrap #mailchimp-ajax-form .recaptcha > div {
  transform-origin: 0 0;
}
@media only screen and (max-width: 767px) {
  #mailchimp_contact_form_wrap #mailchimp-ajax-form .g-recaptcha,
  #mailchimp_contact_form_wrap #mailchimp-ajax-form .recaptcha {
    transform: scale(0.85);
    transform-origin: center;
  }
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send {
  margin-top: 1rem;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send .form-field input[type=submit],
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send .form-field button {
  color: #ffffff;
  border: none;
  padding: 0.8rem 5rem;
  border-radius: 0;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.05em;
  width: fit-content;
  background-color: #87EBaf;
  border-bottom-right-radius: 20px;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send .form-field input[type=submit]:hover:not(:disabled),
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send .form-field button:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send .form-field input[type=submit]:active,
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send .form-field button:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send .form-field input[type=submit]:disabled,
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send .form-field button:disabled {
  background: #95a5a6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send .form-field input[type=submit]:focus,
#mailchimp_contact_form_wrap #mailchimp-ajax-form .btn-send .form-field button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.3);
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-message {
  padding: 1rem;
  border-radius: 6px;
  margin: 1rem 0;
  font-weight: 500;
  text-align: center;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-message.success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-message.error {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form .form-message.info {
  background-color: #cce7ff;
  color: #004085;
  border: 1px solid #b8daff;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form.loading .btn-send input,
#mailchimp_contact_form_wrap #mailchimp-ajax-form.loading .btn-send button {
  position: relative;
  color: transparent;
}
#mailchimp_contact_form_wrap #mailchimp-ajax-form.loading .btn-send input::after,
#mailchimp_contact_form_wrap #mailchimp-ajax-form.loading .btn-send button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid transparent;
  border-top: 2px solid #ffffff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@media only screen and (max-width: 767px) {
  #mailchimp_contact_form_wrap #mailchimp-ajax-form .has-child .checks {
    order: 2;
  }
  #mailchimp_contact_form_wrap #mailchimp-ajax-form .has-child .recaptcha {
    order: 1;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.expertise-container {
  display: flex;
  gap: 2rem;
  margin: 2rem 0;
  align-items: flex-start;
}
.expertise-container .expertise-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media only screen and (min-width: 992px) {
  .expertise-container .expertise-tabs {
    padding-right: 2em;
  }
}
.expertise-container .expertise-tabs .tab-item {
  cursor: pointer;
  aspect-ratio: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(0) scale(1);
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .expertise-container .expertise-tabs .tab-item {
    min-height: 11em;
  }
}
.expertise-container .expertise-tabs .tab-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}
.expertise-container .expertise-tabs .tab-item:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  border-color: #0FD75F;
}
.expertise-container .expertise-tabs .tab-item:hover::before {
  left: 100%;
}
.expertise-container .expertise-tabs .tab-item:hover img {
  transform: scale(1.1);
  filter: brightness(1.2);
}
.expertise-container .expertise-tabs .tab-item:active {
  transform: translateY(-2px) scale(1.02);
  transition-duration: 0.1s;
}
.expertise-container .expertise-tabs .tab-item:nth-child(6n+1), .expertise-container .expertise-tabs .tab-item:nth-child(6n+3), .expertise-container .expertise-tabs .tab-item:nth-child(6n+5) {
  background-color: #000000;
}
.expertise-container .expertise-tabs .tab-item:nth-child(6n+2), .expertise-container .expertise-tabs .tab-item:nth-child(6n+4), .expertise-container .expertise-tabs .tab-item:nth-child(6n+6) {
  background-color: #87EBaf;
}
.expertise-container .expertise-tabs .tab-item.active {
  opacity: 1;
  border-color: #0FD75F;
  box-shadow: 0 6px 15px rgba(15, 215, 95, 0.3);
}
.expertise-container .expertise-tabs .tab-item img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  transition: all 0.3s ease;
}
.expertise-container .expertise-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .expertise-container .expertise-content {
    min-height: 50vh;
    padding-left: 2em;
  }
}
.expertise-container .expertise-content .content-tab {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  visibility: hidden;
}
.expertise-container .expertise-content .content-tab.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
  position: relative;
  pointer-events: auto;
  visibility: visible;
  animation: tabFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.expertise-container .expertise-content .content-tab.fade-out {
  animation: tabFadeOut 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.expertise-container .expertise-content:not(.tabs-initialized) .content-tab, .expertise-container .expertise-content:not(.tabs-initialized) .content-tab.active {
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@keyframes tabFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes tabFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
}
@media only screen and (max-width: 767px) {
  .expertise-container {
    flex-direction: column;
  }
}
.expertise-container .expertise-tabs {
  align-content: flex-start;
}
@media only screen and (max-width: 1199px) {
  .expertise-container .expertise-tabs {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .expertise-container .expertise-tabs {
    grid-template-columns: repeat(2, 1fr);
    order: 2;
  }
}

.list-realisations {
  position: relative;
  z-index: 2;
  gap: 3em;
  align-items: start;
  display: grid;
}
.list-realisations.grid-col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.list-realisations.grid-col-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.list-realisations.grid-col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.list-realisations.grid-col-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media only screen and (max-width: 991px) {
  .list-realisations {
    gap: 15px;
  }
  .list-realisations.grid-col-tablet-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .list-realisations.grid-col-tablet-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .list-realisations.grid-col-tablet-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .list-realisations.grid-col-tablet-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 575px) {
  .list-realisations {
    gap: 10px;
  }
  .list-realisations.grid-col-mobile-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .list-realisations.grid-col-mobile-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .list-realisations.grid-col-mobile-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .list-realisations.grid-col-mobile-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.list-realisations .item {
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  transform: translateY(0);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.list-realisations .item:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
}
.list-realisations .item:hover a figure img {
  transform: scale(1.1) rotate(-1deg);
}
.list-realisations .item:hover a .overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
}
.list-realisations .item:hover a .overlay .title {
  transform: translateY(-5px);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
.list-realisations .item:hover a .overlay::before {
  transform: translateX(0);
  opacity: 0.1;
}
.list-realisations .item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.list-realisations .item a figure {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.list-realisations .item a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.list-realisations .item a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2em;
  text-align: center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.list-realisations .item a .overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #ffffff, transparent, transparent);
  transform: translateX(-100%);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.list-realisations .item a .overlay .title {
  color: #ffffff;
  font-size: 2em;
  font-weight: 500;
  margin: 0;
  transform: translateY(0);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .list-realisations .item .overlay {
    padding: 1.5em;
  }
  .list-realisations .item .overlay .title {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 575px) {
  .list-realisations .item .overlay {
    padding: 1em;
  }
  .list-realisations .item .overlay .title {
    font-size: 1.25em;
  }
}

.widget-creative-realisations .list-terms {
  position: relative;
  z-index: 2;
}

.list-terms {
  position: relative;
  z-index: 2;
  row-gap: 2em;
}
@media only screen and (min-width: 1200px) {
  .list-terms {
    justify-content: center;
  }
}
.list-terms .item {
  text-align: center;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(0) scale(1);
  filter: brightness(1);
  overflow: hidden;
}
.list-terms .item:hover {
  transform: translateY(-8px) scale(1.03);
  filter: brightness(1.1);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
.list-terms .item:hover a img {
  transform: scale(1.1) rotate(1deg);
  filter: brightness(1.2) contrast(1.1);
}
.list-terms .item:hover .title {
  transform: translateY(-5px) scale(1.05);
  color: #0FD75F;
  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
}
.list-terms .item a {
  color: #ffffff;
  text-decoration: none;
  position: relative;
  width: 100%;
  line-height: 0;
  display: block;
  overflow: hidden;
}
.list-terms .item a img {
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}
.list-terms .item .title {
  color: #ffffff;
  font-size: 38px;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.831372549);
  padding-right: 10px;
  padding-left: 10px;
  line-height: 1.4;
  position: absolute;
  top: 0;
  display: flex;
  left: 0;
  right: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
  bottom: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
  font-size: 1.4vw;
}
.list-terms .item .title span {
  padding-right: 0.3em;
}
@media only screen and (max-width: 575px) {
  .list-terms .item .title {
    font-size: 5vw;
  }
}

@media only screen and (max-width: 991px) {
  .site-main {
    padding: 1em;
  }
}

/*# sourceMappingURL=style.css.map */