/*
Theme Name: Askida 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;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .site-header {
    height: 4rem;
  }
}
.site-header .site-branding {
  flex-direction: column;
}
.site-header .header-navigation {
  top: 8rem;
}
@media only screen and (max-width: 991px) {
  .site-header .header-navigation {
    top: 4rem;
  }
}
.site-header.shrunk {
  height: 5.5rem;
}
.site-header.shrunk .header-navigation {
  top: 5.5rem;
}
@media only screen and (max-width: 991px) {
  .site-header.shrunk {
    height: 3rem;
  }
  .site-header.shrunk .header-navigation {
    top: 3rem;
  }
}

/* Abstracts
--------------------------------------------- */
.sticky {
  display: block;
  position: sticky;
}

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

.btn-classic {
  font-family: SeasonSerif-Regular;
  color: #ffffff;
  text-decoration: none;
  position: relative;
  font-size: 1.3rem;
  z-index: 1;
}
.btn-classic:before {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: -0.6rem;
  top: -0.1rem;
  background-color: #C31047;
  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: #ffffff;
}
.btn-classic:hover:before {
  left: auto;
  top: auto;
  right: -0.6rem;
  bottom: -0.1rem;
}

/* Components
--------------------------------------------- */
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.askida-home-presentation .wpb_content_element {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 575px) {
  .askida-home-presentation .wpb_content_element {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .askida-home-presentation {
    margin-bottom: 1rem;
    margin-top: 7rem;
  }
}
.askida-home-presentation .presentation-title h1 {
  font-size: 4vw;
  line-height: 1;
  font-family: Avantt-SemiBold;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .askida-home-presentation .presentation-title h1 {
    font-size: 5vw;
    text-align: right;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 575px) {
  .askida-home-presentation .presentation-title h1 {
    font-size: 9vw;
    text-align: right;
    line-height: 1.2;
    width: 90%;
  }
}
@media only screen and (max-width: 575px) {
  .askida-home-presentation .presentation-title > .wpb_wrapper {
    display: flex;
    justify-content: flex-end;
    padding-right: 2vw;
  }
}
.askida-home-presentation .presentation-content {
  padding: 3vw 8vw;
  border-radius: 45px 0;
  font-family: SeasonSerif-Regular;
}
@media only screen and (max-width: 575px) {
  .askida-home-presentation .presentation-content {
    margin: 0 auto;
    width: 90%;
    border-radius: 0 45px;
  }
}
.askida-home-presentation .presentation-content:before, .askida-home-presentation .presentation-content:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 45px 0;
}
.askida-home-presentation .presentation-content:before {
  background-color: #C9EEF7;
  right: -6vw;
  top: -9vw;
}
.askida-home-presentation .presentation-content:after {
  background-color: #94DDF0;
  left: -6vw;
  top: -4vw;
}
@media only screen and (max-width: 767px) {
  .askida-home-presentation .presentation-content:before {
    right: -10vw;
    top: -14vw;
  }
  .askida-home-presentation .presentation-content:after {
    left: -10vw;
    top: -7vw;
  }
}
@media only screen and (max-width: 575px) {
  .askida-home-presentation .presentation-content:before {
    right: -5vw;
    top: -35vw;
  }
  .askida-home-presentation .presentation-content:after {
    left: -6vw;
    top: -18vw;
    width: 88%;
  }
}
.askida-home-presentation .presentation-content .presentation-text {
  line-height: 1.5;
}
.askida-home-presentation .presentation-content .presentation-text .wpb_wrapper p:first-child img {
  max-width: 100px;
  margin-bottom: -3.6em;
  margin-left: -2.7em;
}

.askida-home-clients {
  overflow: visible !important;
}
.askida-home-clients div {
  overflow: visible !important;
}
@media only screen and (max-width: 767px) {
  .askida-home-clients {
    margin-top: 7rem;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
}

@media only screen and (max-width: 575px) {
  .section-contact {
    display: flex;
    flex-direction: column;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
}
/* Widgets
--------------------------------------------- */
/* Widgets
--------------------------------------------- */
.merola-widget,
.widget-askida-sites {
  position: relative;
  display: block;
  box-sizing: border-box;
}

#tabs-container {
  text-wrap: pretty;
}
#tabs-container .tabs {
  display: flex;
  flex-direction: column;
}
#tabs-container .tabs .tab-buttons {
  justify-content: space-between;
  gap: 2em;
  position: sticky;
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  justify-items: center;
  gap: 2.5em;
  margin-top: 2rem;
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-buttons {
    justify-content: center;
    padding: 0 1em;
    display: flex;
  }
}
#tabs-container .tabs .tab-buttons .tab-button {
  display: flex;
  border-radius: 0 45px;
  position: relative;
  cursor: pointer;
  display: flex;
  border-radius: 0 45px;
  position: relative;
  min-height: 7rem;
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-buttons .tab-button {
    width: 90%;
    padding: 1.5em 2em;
    margin-right: -0.6em;
    min-height: 6rem;
  }
}
#tabs-container .tabs .tab-buttons .tab-button .box-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 5rem;
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-buttons .tab-button .box-details {
    padding: 0 1rem;
    justify-content: center;
  }
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-buttons .tab-button .box-details {
    gap: 1rem;
  }
}
#tabs-container .tabs .tab-buttons .tab-button .box-details .tab-short-text {
  text-align: right;
  font-size: 1.3vw;
  font-weight: bold;
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-buttons .tab-button .box-details .tab-short-text {
    font-size: 4.5vw;
  }
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-buttons .tab-button .box-details img {
    width: 70%;
  }
}
#tabs-container .tabs .tab-buttons .tab-button .border-cham {
  position: absolute;
  width: 100%;
  height: 88%;
  left: -0.6em;
  bottom: 1em;
  border-radius: 0 45px;
  z-index: -1;
  transition: all 120ms 120ms ease-in-out;
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-buttons .tab-button .border-cham {
    bottom: -1em;
  }
}
#tabs-container .tabs .tab-buttons .tab-button:hover .border-cham {
  bottom: -0.6em;
}
#tabs-container .tabs .tab-contents {
  height: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-in-out;
}
#tabs-container .tabs .tab-contents .tab-content {
  display: flex;
  overflow: visible;
  opacity: 0;
  max-height: 0;
  border-radius: 0 45px;
  font-size: 1.3rem;
  z-index: 1;
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-contents .tab-content {
    font-size: 1rem;
  }
}
#tabs-container .tabs .tab-contents .tab-content .border-cham {
  position: absolute;
  width: 100%;
  height: 88%;
  left: -0.8em;
  top: 1em;
  border-radius: 0 45px;
  z-index: -1;
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-contents .tab-content .border-cham {
    bottom: -1em;
  }
}
#tabs-container .tabs .tab-contents .tab-content img,
#tabs-container .tabs .tab-contents .tab-content p {
  opacity: 0;
  transform: translateX(24px);
  transition: all 300ms ease-out;
}
#tabs-container .tabs .tab-contents .tab-content img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 576px) {
  #tabs-container .tabs .tab-contents .tab-content img {
    width: 50%;
  }
}
#tabs-container .tabs .tab-contents .tab-content p {
  font-weight: 300;
}
#tabs-container .tabs .tab-contents .tab-content a:hover, #tabs-container .tabs .tab-contents .tab-content a:visited, #tabs-container .tabs .tab-contents .tab-content a:active, #tabs-container .tabs .tab-contents .tab-content a:focus, #tabs-container .tabs .tab-contents .tab-content a:focus-visible {
  color: #ffffff;
  border: none;
  outline: none;
}
#tabs-container .tabs .tab-contents .tab-content .tab-short-text {
  opacity: 0;
  transform: translateX(-24px);
  transition: all 300ms ease-out;
  text-align: right;
  font-size: 3rem;
  font-weight: bold;
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-contents .tab-content .tab-short-text {
    font-size: 1.3rem;
  }
}
#tabs-container .tabs .tab-contents .tab-content.active {
  opacity: 1;
  display: grid;
  gap: 1rem;
  max-height: fit-content;
  padding: 2rem;
  min-height: 30vh;
}
#tabs-container .tabs .tab-contents .tab-content.active p,
#tabs-container .tabs .tab-contents .tab-content.active img {
  opacity: 1;
  transform: translateX(0);
}
#tabs-container .tabs .tab-contents .tab-content.active p {
  transition-delay: 300ms;
}
#tabs-container .tabs .tab-contents .tab-content.active img {
  transition-delay: 200ms;
}
#tabs-container .tabs .tab-contents .tab-content.active p:nth-child(2) {
  transition-delay: 100ms;
}
#tabs-container .tabs .tab-contents .tab-content.active .box-details-active {
  display: flex;
  padding-bottom: 1em;
}
@media only screen and (max-width: 575px) {
  #tabs-container .tabs .tab-contents .tab-content.active .box-details-active {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
  }
}
#tabs-container .tabs .tab-contents .tab-content.active .box-details-active .left,
#tabs-container .tabs .tab-contents .tab-content.active .box-details-active .right {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 576px) {
  #tabs-container .tabs .tab-contents .tab-content.active .box-details-active .left,
  #tabs-container .tabs .tab-contents .tab-content.active .box-details-active .right {
    gap: 1rem;
  }
}
#tabs-container .tabs .tab-contents .tab-content.active .box-details-active .left .content-long-text {
  padding-top: 2em;
  font-family: SeasonSerif-Regular;
  opacity: 1;
  transform: translateY(-24px);
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
#tabs-container .tabs .tab-contents .tab-content.active .box-details-active .right {
  justify-content: space-between;
  align-items: flex-end;
  gap: 2em;
}
#tabs-container .tabs .tab-contents .tab-content.active .box-details-active .right .tab-short-text {
  transition-delay: 300ms;
  transform: translateX(0);
  opacity: 1;
}
#tabs-container .tabs .tab-contents .tab-content-Broadcast .btn-classic:before {
  background-color: #87EBAF;
}
#tabs-container .tabs .tab-contents .tab-content-Synergies .btn-classic:before {
  background-color: #F289A8;
}
#tabs-container .tabs .tab-contents .tab-content-Formation .btn-classic:before {
  background-color: #E9E782;
}
#tabs-container .tabs .tab-contents .tab-content-Managed .btn-classic:before {
  background-color: #8CA8E7;
}
#tabs-container .tabs .tab-contents .tab-content-Creative .btn-classic:before {
  background-color: #94DDF0;
}
#tabs-container.open .tabs .tab-contents {
  min-height: 30vh;
}
#tabs-container.open .tabs .tab-contents .tab-buttons .tab-button .border-cham {
  height: 75%;
}
#tabs-container.open .tabs .tab-buttons {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 1rem;
}
#tabs-container.open .tabs .tab-buttons .tab-button .box-details {
  align-items: center;
  justify-content: center;
}
#tabs-container.open .tabs .tab-buttons .tab-button.active {
  display: none;
}
#tabs-container.open .tabs .tab-buttons .tab-button img {
  max-width: 80%;
}
@media only screen and (min-width: 1400px) {
  #tabs-container.open .tabs .tab-buttons .tab-button img {
    max-width: 70%;
  }
}
@media only screen and (min-width: 576px) {
  #tabs-container {
    padding-left: 0.8em;
  }
}

#tabs-container.open .tabs .tab-buttons .tab-button .border-cham {
  height: 75%;
}

.section-contact {
  text-align: center;
}
.section-contact .contact-form-wrap {
  border-right: 1.5em solid #F5F3C0;
}
@media only screen and (max-width: 575px) {
  .section-contact .contact-form-wrap {
    border-top: 1.5em solid #F5F3C0;
    border-right: none;
  }
}
.section-contact .contact-form-title-wrap {
  border-top: 1.5em solid #ffffff;
  padding: 3vw;
  font-family: SeasonSerif-Regular;
}
.section-contact .contact-form-title-wrap p {
  font-size: 17px;
}
.section-contact .contact-form-title-wrap .wpb_content_element {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 575px) {
  .section-contact .contact-form-title-wrap {
    width: 80%;
    margin: 0 auto;
    border-radius: 45px 0 0 0;
  }
  .section-contact .contact-form-title-wrap .wpb_text_column {
    margin-bottom: 1em;
  }
  .section-contact .contact-form-title-wrap img {
    width: 50%;
  }
  .section-contact .contact-form-title-wrap p {
    font-size: 14px;
    line-height: 1.4;
  }
}
.section-contact .flex_column {
  align-items: flex-start;
}

#mailchimp_contact_form_wrap {
  position: relative;
  width: 100%;
  padding: 2em;
}
#mailchimp_contact_form_wrap label {
  color: #FCFFF5;
}
#mailchimp_contact_form_wrap .btn-send {
  width: 50%;
}
#mailchimp_contact_form_wrap .btn-send .form-field {
  border-radius: 10px;
  width: 100%;
}
#mailchimp_contact_form_wrap .btn-send .form-field input {
  transition: all 0.2s ease-in-out;
}
#mailchimp_contact_form_wrap .btn-send .form-field input:hover {
  border-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F5F3C0;
  color: #6A6803;
}
#mailchimp_contact_form_wrap #agree_policy_conditions {
  justify-content: center;
}
#mailchimp_contact_form_wrap #agree_policy_conditions p,
#mailchimp_contact_form_wrap #agree_policy_conditions a {
  color: #FCFFF5;
}
@media only screen and (max-width: 1199px) {
  #mailchimp_contact_form_wrap .flex_column .has-child:nth-child(2) {
    margin-top: 2em;
  }
}
#mailchimp_contact_form_wrap .flex_column .has-child:nth-child(2) .mailchimp-ajax-form .btn-send {
  justify-content: center;
  width: 50%;
}
@media only screen and (max-width: 1399px) {
  #mailchimp_contact_form_wrap label,
  #mailchimp_contact_form_wrap p,
  #mailchimp_contact_form_wrap a {
    font-size: 14px;
  }
}
#mailchimp_contact_form_wrap .row {
  align-items: flex-start;
  padding-bottom: 1em;
}

@media only screen and (min-width: 1200px) {
  .widget-askida-clients {
    padding-left: 3em;
  }
}
.widget-askida-clients .box-wrap {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  justify-items: center;
  gap: 1.5em;
}
@media only screen and (max-width: 1199px) {
  .widget-askida-clients .box-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1em;
  }
}
@media only screen and (max-width: 991px) {
  .widget-askida-clients .box-wrap {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.7em;
    padding: 0 1em;
  }
}
@media only screen and (max-width: 767px) {
  .widget-askida-clients .box-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.widget-askida-clients .box-wrap .box {
  padding: 0 2em;
}
@media only screen and (max-width: 1199px) {
  .widget-askida-clients .box-wrap .box {
    padding: 0 1em;
  }
}
@media only screen and (max-width: 991px) {
  .widget-askida-clients .box-wrap .box {
    padding: 0;
    line-height: 0;
  }
}

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;
  }
}

.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;
  }
}

.expertise-container .expertise-tabs .tab-item::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
}
.expertise-container .expertise-tabs .tab-item:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  border-color: #D3D005;
}
.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: #E9E782;
}
.expertise-container .expertise-tabs .tab-item.active {
  border-color: #D3D005;
  box-shadow: 0 6px 15px rgba(211, 208, 5, 0.3);
}
.expertise-container .merola-section-title .title {
  text-align: left;
}

.public-post-slider-widget .slide-content .slide-title {
  font-family: Avantt-Bold;
}
.public-post-slider-widget .slide-content .slide-text {
  font-size: 1.1rem;
}
.public-post-slider-widget .slide-thumb {
  padding-top: 0.8em;
}
.public-post-slider-widget .swiper-pagination {
  position: relative;
  margin-top: 2rem;
}
.public-post-slider-widget .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: #E9E782;
  opacity: 1;
  transition: all 0.3s ease;
  margin: 0 6px;
  border-radius: 0;
}
.public-post-slider-widget .swiper-pagination-bullet:hover {
  background: #87EBaf;
}
.public-post-slider-widget .swiper-pagination-bullet-active {
  background: #87EBaf;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block;
}

.img-has-border .gallery {
  width: 70%;
  margin: 0 auto;
}
.img-has-border .gallery-item {
  margin: 0;
}
.img-has-border .gallery-item img {
  border: 2px solid #E9E782;
}

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