/*

    Theme Name: YAAF
    Theme URI: www.yaaf.com
    Author: Youness-EL BEZZAZI
    Author URI: www.elbezzazi.com
    Description:
    Version: 1.0
    Tags: one-column, two-columns, right-sidebar, custom-menu, editor-style, featured-images, post-formats, sticky-post, translation-ready, rtl-language-support, one-page
    License: GNU General Public License
    License URI: licence/GPL.txt
    Text Domain: yaaf

*/

/* @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap"); */
/* @import url('https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;500;600;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Scheherazade+New:wght@400;500;600;700&display=swap');

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

:root {

  --rtl-main-font: "Scheherazade New", serif;
  --ltr-main-fornt: "Poppins", sans-serif;

  /* Section titles */
  --rtl-h2-font: 800 42px/1.3 "Scheherazade New", serif;
  /* Subheadings */
  --rtl-h3-font: 600 30px/1.35 "Scheherazade New", serif;
  /* Smaller section headers */
  --rtl-h4-font: 500 28px/1.4 "Scheherazade New", serif;
  /* Card titles or widgets */
  --rtl-h5-font: 600 22px/1.4 "Scheherazade New", serif;
  /* Tiny titles or captions */
  --rtl-h6-font: 500 18px/1.6 "Scheherazade New", serif;
  --rtl-subtitle-font: 500 14px/1.5 "Scheherazade New", serif;
  --rtl-p-font: 400 18px/1.6 "Scheherazade New", serif;

  /* Section titles */
  --ltr-h2-font: 700 36px/1.3 "Poppins", sans-serif;
  /* Subheadings */
  --ltr-h3-font: 600 30px/1.35 "Poppins", sans-serif;
  /* Smaller section headers */
  --ltr-h4-font: 500 28px/1.4 "Poppins", sans-serif;
  /* Card titles or widgets */
  --ltr-h5-font: 600 20px/1.4 "Poppins", sans-serif;
  /* Tiny titles or captions */
  --ltr-h6-font: 500 18px/1.6 "Poppins", sans-serif;
  --ltr-subtitle-font: 500 14px/1.5 "Poppins", sans-serif;
  --ltr-p-font: 400 18px/1.4 "Poppins", sans-serif;

  /* Brand Colors */
  --clr-primary: rgb(17 24 39); /* Main action color */
  --clr-secondary: #365f51; /* Contrast, used for nav, accents */
  --clr-dark: rgba(17 24 39);

  --clr-btn-1: rgb(234, 88, 12);
  --clr-btn-2: rgb(249, 115, 22);

  /* Accent Colors */
  --clr-accent-1: #f5cba7; /* Lighter tint of primary – hover/focus, highlights */
  --clr-accent-2: #aec5bb; /* Lighter tint of secondary – soft backgrounds */
  --clr-accent-3: #ffefe6; /* Very light primary background */

  /* Neutral Colors */
  /* --clr-dark: #1c1c1c; /* Headings, high contrast */
  --clr-body: #575757; /* Body text */
  --clr-muted: #666666; /* Subtext, captions */
  --clr-border: #e5e5e5; /* Borders, separators */
  --clr-bg-light: #f9f9f9; /* Backgrounds for cards/sections */
  --clr-bg-dark: #222222; /* Footer or dark sections */

  /* Feedback Colors */
  --clr-success: #3cb371;
  --clr-warning: #ffa500;
  --clr-error: #e74c3c;

  --clr-heading: #171717;
  /* --clr-primary: #e0885b;
  --clr-secondary: #365f51; */
  --clr-text: var(--clr-white);
  --clr-white: #fff;
  --clr-border: #f6f6f6;
  --clr-gray: rgb(156, 163, 175);
  --clr-desc: rgb(156, 163, 175);
  --icon-ff: "Material Symbols Outlined";

  --clr-gray-text: rgb(107, 114, 128);

  --card-border-bg: rgb(55 65 81);
  --label-bg: rgb(31, 41, 55);
  --label-text:  rgb(156, 163, 175);
  --border-input: rgb(75, 85, 99);
  --file-input: var(--clr-bg-dark);

  --selected-pack: rgb(3, 7, 18);
  --card-bg: var(--clr-primary);
  --card-gray-bg: var(--card-bg);
  --phone-bg: #1f2937;
  --member-card: rgb(31 41 55);
  --member-shape: rgb(17 24 39);
}

@media(max-width: 768px){
  :root{
    /* Section titles */
    --rtl-h1-font: 800 28px/1.3 "Scheherazade New", serif;
    --rtl-h2-font: 700 24px/1.3 "Scheherazade New", serif;
    /* Subheadings */
    --rtl-h3-font: 600 22px/1.35 "Scheherazade New", serif;
    /* Smaller section headers */
    --rtl-h4-font: 500 20px/1.4 "Scheherazade New", serif;
    /* Card titles or widgets */
    --rtl-h5-font: 600 20px/1.4 "Scheherazade New", serif;
    /* Tiny titles or captions */
    --rtl-h6-font: 500 18px/1.6 "Scheherazade New", serif;
    --rtl-subtitle-font: 500 14px/1.5 "Scheherazade New", serif;
    --rtl-p-font: 400 18px/1.6 "Scheherazade New", serif;

    /* Section titles */
    --ltr-h1-font: 700 28px/1.3 "Poppins", sans-serif;
    --ltr-h2-font: 700 24px/1.3 "Poppins", sans-serif;
    /* Subheadings */
    --ltr-h3-font: 600 22px/1.35 "Poppins", sans-serif;
    /* Smaller section headers */
    --ltr-h4-font: 500 20px/1.4 "Poppins", sans-serif;
    /* Card titles or widgets */
    --ltr-h5-font: 600 20px/1.4 "Poppins", sans-serif;
    /* Tiny titles or captions */
    --ltr-h6-font: 500 18px/1.6 "Poppins", sans-serif;
    --ltr-subtitle-font: 500 14px/1.5 "Poppins", sans-serif;
    --ltr-p-font: 400 18px/1.4 "Poppins", sans-serif;
  }
}

html[dir="ltr"] {
  --p-font: var(--ltr-p-font);
  --h2-font: var(--ltr-h2-font);
  --h3-font: var(--ltr-h3-font);
  --h4-font: var(--ltr-h4-font);
  --h5-font: var(--ltr-h5-font);
  --h6-font: var(--ltr-h6-font);
  --subtitle-font: var(--ltr-subtitle-font);


}

html[dir="rtl"] {
  --p-font: var(--rtl-p-font);
  --h2-font: var(--rtl-h2-font);
  --h3-font: var(--rtl-h3-font);
  --h4-font: var(--rtl-h4-font);
  --h5-font: var(--rtl-h5-font);
  --h6-font: var(--rtl-h6-font);
  --subtitle-font: var(--rtl-subtitle-font);
}

@media (prefers-color-scheme: light) {
  :root {
    --card-bg: var(--clr-white);
    --card-gray-bg: rgb(243, 244, 246);
    --clr-dark: #FFF;
    --clr-text: var(--clr-primary);
    --card-border-bg: rgb(229, 231, 235);
    --label-bg: #FFF;
    --label-text: rgb(107, 114, 128);
    --border-input: rgb(209, 213, 219);
    --file-input: rgb(0,0,0);
    --selected-pack: var(--card-gray-bg);
    --clr-gray: rgb(75, 85, 99);
    --phone-bg: #FFF;
    --member-card: #FFF;
    --member-shape: rgb(239 246 255);
  }
}

html{
  scroll-behavior: smooth;
}
body {
  padding: 0;
  margin: 0;
  background-color: var(--clr-dark);
  color: var(--clr-text);
  font-family: var(--ltr-main-fornt);
}
body.rtl{
  direction: rtl;
  text-align: right;
  /* color: var(--clr-white); */
  font-family: var(--rtl-main-font);
  font-size: 18px;
}

ul,
ol {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
  position: relative;
  /* padding-left: 15px; */
  margin-bottom: 10px;
}
/* li::before{
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background-color: var(--clr-secondary);x
  position: absolute;
  left: 0;
  top: 6px;
} */
a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 35px;
}

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6{
  font-family: var(--rtl-main-font);

}
h3 {
  font: var(--h3-font);
}
p {
  font: var(--p-font);
  margin-top: 0;
  margin-bottom: 15px;
  color: var(--clr-text);
}
body.rtl p{
  font-size: 20px !important;
  font-family: var(--rtl-main-font);
}

li{
  color: var(--clr-desc);
}
img{
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: auto;
  max-width: 100%;
}
.section-p-md{
  padding-top: 60px;
  padding-bottom: 60px;
}
.section-p-lg{
  padding-top: 80px;
  padding-bottom: 80px;
}
.section-p-xl{
  padding-top: 120px;
  padding-bottom: 120px;
}
.section-pt-lg{
  padding-top: 80px;
}
.section-pb-lg{
  padding-bottom: 80px;
}

.section-mb-lg{
  margin-bottom: 80px;
}
.section-mt-lg{
  margin-top: 80px;
}
.content-p-left .wpb_wrapper{
  padding-left: 65px;
}
.content-p-right .wpb_wrapper{
  padding-right: 65px;
}
.yaaf-text_inner p:last-child {
  margin-bottom: 0;
}
.yaaf-txtimg_heading {
  margin-bottom: 35px;
}
.yaaf-txtimg_title {
  margin-bottom: 0;
}
.yaaf-txtimg_heading .yaaf-txtimg_subtitle {
  margin-bottom: 15px;
}
.txtimg_left .yaaf-txtimg_content {
  padding-right: 3.75rem;
}
.txtimg_right .yaaf-txtimg_content {
  padding-left: 3.75rem;
}
.light .vc_row.vc_row-has-fill:not(#boen-intro),
.light .vc_row.vc_row-has-fill:not(#boen-intro){
  background-color: rgb(243, 244, 246) !important;
}

/*  */

/*  */
.yaaf-flex_start {
  display: flex;
  justify-content: flex-start;
}
.yaaf-flex_end {
  display: flex;
  justify-content: flex-end;
}
.yaaf-flex_center {
  display: flex;
  justify-content: center;
}
.yaaf-vertical_space-b {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.yaaf-space_between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*  */
.yaaf-btn_primary {
  color: var(--clr-white);
  background-color: var(--clr-primary);
  height: 50px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  gap: 10px;
  border-radius: 4px;
  font-size: 16px;
  transition: all .8s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
}
.yaaf-btn_secondary::before,
.yaaf-btn_primary::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.2);
  transform-origin: right center;
  transform: scale(0, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.yaaf-btn_secondary:hover::before,
.yaaf-btn_primary:hover::before{
  transform-origin: left center;
  transform: scale(1, 1);
}
.yaaf-btn_secondary .uil,
.yaaf-btn_primary .uil {
  font-size: 24px;
}
.yaaf-btn_secondary {
  color: var(--clr-white);
  background-color: var(--clr-secondary);
  height: 50px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.yaaf-btn_transparent {
  color: var(--clr-text);
  font-weight: 700;
}
.yaaf-btn_rounded{
  color: var(--clr-white);
  background-color: rgb(34, 211, 238);
  background-image: linear-gradient(to left, rgb(34, 211, 238), rgb(6, 182, 212), rgb(8, 145, 178));
  height: 50px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  gap: 10px;
  border-radius: 30px;
  font-size: 18px;
  transition: all .8s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
}

.yaaf-button_wrap {
  display: flex;
  align-items: center;
}
.yaaf-button_wrap .boen-link{
  padding: 16px 30px;
}
.button_p_left {
  justify-content: flex-start;
}
.button_p_right {
  justify-content: flex-end;
}
.button_p_center {
  justify-content: center;
}
.yaaf-button {
  display: flex;
  align-items: center;
  gap: 20px;
}
.yaaf-button i {
  font-size: 1.25rem;
}

/* Spacing Classes */

/*-- Margin Top --*/

@for $i from 1 through 40 {
  .mt-#{5 * $i} {
    margin-top: 5px * $i;
  }
}

/*-- Margin Bottom --*/

@for $i from 1 through 40 {
  .mb-#{5 * $i} {
    margin-bottom: 5px * $i;
  }
}

/*-- Margin Left --*/

@for $i from 1 through 40 {
  .ml-#{5 * $i} {
    margin-left: 5px * $i;
  }
}

/*-- Margin Right --*/

@for $i from 1 through 40 {
  .mr-#{5 * $i} {
    margin-right: 5px * $i;
  }
}

/*-- Padding Top --*/

@for $i from 1 through 40 {
  .pt-#{5 * $i} {
    padding-top: 5px * $i;
  }
}

/*-- Padding Bottom --*/

@for $i from 1 through 40 {
  .pb-#{5 * $i} {
    padding-bottom: 5px * $i;
  }
}

/*-- Padding Left --*/

@for $i from 1 through 40 {
  .pl-#{5 * $i} {
    padding-left: 5px * $i;
  }
}

/*-- Padding Right --*/

@for $i from 1 through 40 {
  .pr-#{5 * $i} {
    padding-right: 5px * $i;
  }
}

/* Padding Class */

.pt-180 {
  padding-top: 180px;
  @include breakpoint(md) {
    padding-top: 70px;
  }
  @include breakpoint(sm) {
    padding-top: 50px;
  }
}

.pt-130 {
  padding-top: 130px;
  @include breakpoint(md) {
    padding-top: 80px;
  }
  @include breakpoint(sm) {
    padding-top: 60px;
  }
}

.pt-120 {
  padding-top: 120px;
  @include breakpoint(md) {
    padding-top: 70px;
  }
  @include breakpoint(sm) {
    padding-top: 60px;
  }
}

.pt-90 {
  padding-top: 90px;
  @include breakpoint(md) {
    padding-top: 70px;
  }
  @include breakpoint(sm) {
    padding-top: 60px;
  }
}

.pt-80 {
  padding-top: 80px;
  @include breakpoint(md) {
    padding-top: 70px;
  }
  @include breakpoint(sm) {
    padding-top: 60px;
  }
}

.pt-70 {
  padding-top: 70px;
  @include breakpoint(md) {
    padding-top: 70px;
  }
  @include breakpoint(sm) {
    padding-top: 60px;
  }
}

.pb-180 {
  padding-bottom: 180px;
  @include breakpoint(md) {
    padding-bottom: 70px;
  }
  @include breakpoint(sm) {
    padding-bottom: 60px;
  }
}

.pb-130 {
  padding-bottom: 130px;
  @include breakpoint(md) {
    padding-bottom: 80px;
  }
  @include breakpoint(sm) {
    padding-bottom: 60px;
  }
}

.pb-120 {
  padding-bottom: 120px;
  @include breakpoint(md) {
    padding-bottom: 70px;
  }
  @include breakpoint(sm) {
    padding-bottom: 60px;
  }
}

.pb-90 {
  padding-bottom: 90px;
  @include breakpoint(md) {
    padding-bottom: 70px;
  }
  @include breakpoint(sm) {
    padding-bottom: 60px;
  }
}

.pb-80 {
  padding-bottom: 80px;
  @include breakpoint(md) {
    padding-bottom: 70px;
  }
  @include breakpoint(sm) {
    padding-bottom: 60px;
  }
}

.pb-70 {
  padding-bottom: 70px;
  @include breakpoint(md) {
    padding-bottom: 70px;
  }
  @include breakpoint(sm) {
    padding-bottom: 60px;
  }
}

.md-pb-30 {
  @include breakpoint(md) {
    padding-bottom: 30px;
  }
}
.md-pb-40 {
  @include breakpoint(md) {
    padding-bottom: 40px;
  }
}
.md-pb-50 {
  padding-bottom: 50px;
}

/* Margin Class */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Base padding left and right */
.pl-180,
.pl-180 .wpb_wrapper {
  padding-left: 180px;
}
.pl-130,
.pl-130 .wpb_wrapper {
  padding-left: 130px;
}
.pl-120,
.pl-120 .wpb_wrapper {
  padding-left: 120px;
}
.pl-90,
.pl-90 .wpb_wrapper {
  padding-left: 90px;
}
.pl-80,
.pl-80 .wpb_wrapper {
  padding-left: 80px;
}
.pl-70,
.pl-70 .wpb_wrapper {
  padding-left: 70px;
}

.pr-180,
.pr-180 .wpb_wrapper {
  padding-right: 180px;
}
.pr-130,
.pr-130 .wpb_wrapper {
  padding-right: 130px;
}
.pr-120,
.pr-120 .wpb_wrapper {
  padding-right: 120px;
}
.pr-90,
.pr-90 .wpb_wrapper {
  padding-right: 90px;
}
.pr-80,
.pr-80 .wpb_wrapper {
  padding-right: 80px;
}
.pr-70,
.pr-70 .wpb_wrapper {
  padding-right: 70px;
}

/* Responsive overrides */
@media (max-width: 991.98px) {
  .pl-180,
  .pl-120,
  .pl-90,
  .pl-80,
  .pl-70,
  .pl-180 .wpb_wrapper,
  .pl-120 .wpb_wrapper,
  .pl-90 .wpb_wrapper,
  .pl-80 .wpb_wrapper,
  .pl-70 .wpb_wrapper {
    padding-left: 70px;
  }

  .pl-130,
  .pl-130 .wpb_wrapper {
    padding-left: 80px;
  }
  .pr-180,
  .pr-120,
  .pr-90,
  .pr-80,
  .pr-70,
  .pr-180 .wpb_wrapper,
  .pr-120 .wpb_wrapper,
  .pr-90 .wpb_wrapper,
  .pr-80 .wpb_wrapper,
  .pr-70 .wpb_wrapper {
    padding-right: 70px;
  }
  .pr-130,
  .pr-130 .wpb_wrapper {
    padding-right: 80px;
  }
}

@media (max-width: 767.98px) {
  .pl-180,
  .pl-120,
  .pl-90,
  .pl-80,
  .pl-70,
  .pl-180 .wpb_wrapper,
  .pl-120 .wpb_wrapper,
  .pl-90 .wpb_wrapper,
  .pl-80 .wpb_wrapper,
  .pl-70 .wpb_wrapper {
    padding-left: 60px;
  }
  .pl-130,
  .pl-130 .wpb_wrapper {
    padding-left: 60px;
  }

  .pr-180,
  .pr-120,
  .pr-90,
  .pr-80,
  .pr-70,
  .pr-180 .wpb_wrapper,
  .pr-120 .wpb_wrapper,
  .pr-90 .wpb_wrapper,
  .pr-80 .wpb_wrapper,
  .pr-70 .wpb_wrapper {
    padding-right: 60px;
  }
  .pr-130,
  .pr-130 .wpb_wrapper {
    padding-right: 60px;
  }
}

/* .yaaf-btn_primary i,
.yaaf-btn_secondary i,
.yaaf-btn_transparent i{
  margin-left: 20px;
  font-size: 1.25rem;
} */

/* ### HEADER ### */

.yaaf-header{
  background-color: #FFF;
}
.yaaf-header_wrap {
  display: flex;
  flex-wrap: wrap;
  height: 65px;
  padding: 0 20px;
  border-bottom: 1px solid #f6f6f6;
}
.yaaf-logo {
  flex: 0 0 200px;
  max-width: 200px;
  display: flex;
  align-items: center;
}
.boen-navbar_wrap {
  flex: 0 0 calc(100% - 200px);
  max-width: calc(100% - 200px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 70px;
}
.yaaf-header_centred {
  flex-wrap: unset;
  justify-content: space-between;
  align-items: center;
}
.yaaf-navbar_left {
  justify-content: space-between;
}
.yaaf-navbar_right {
  justify-content: flex-end;
}
.yaaf-navbar .menu {
  display: flex;
  gap: 46px;
}
.menu-item {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.menu-item::before {
  display: none;
}
.boen-navbar .menu{
  display: flex;
  align-items: center;
  gap: 30px;
  height: 100%;
}
.rtl .boen-navbar .menu{
  flex-direction: row-reverse;
}

.boen-navbar .menu .menu-item {
  position: relative;
}
.boen-navbar .menu .menu-item a {
  font-size: 16px;
  font-weight: 700;
  color: var(--clr-text);
  position: relative;
}
.rtl .boen-navbar .menu .menu-item a{
  font-size: 18px;
}
.boen-navbar .menu .menu-item.dropdown a {
  padding-right: 25px;
}
.boen-navbar .menu .menu-item a::after{
  content: '';
  display: block;
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  right: 0;
  height: 2px;
  width: 100%;
  background-color: rgb(239 68 68);
  opacity: 0;
  visibility: hidden;
  transition: all .20s linear;
}
.boen-navbar .menu .menu-item.active a::after {
  /* color: var(--clr-primary); */
  opacity: 1;
  visibility: visible;
}
.boen-navbar > .menu > .menu-item.menu-item-has-children > a::before {
  content: "\e5cf";
  display: block;
  font-family: var(--icon-ff);
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  margin: auto;
  line-height: 16px;
  font-size: 18px;
}
.boen-navbar .menu .menu-item.menu-item-has-children .B-Dropdown {
  position: absolute;
  top: 20px;
  left: 0;
  min-width: 180px;
  opacity: 0;
  visibility: hidden;
  background-color: var(--clr-white);
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  z-index: 99;
  transition: all 0.4s linear;
}
.boen-navbar .menu .menu-item.menu-item-has-children:hover .B-Dropdown {
  top: 35px;
  opacity: 1;
  visibility: visible;
}
.boen-navbar .menu .B-Dropdown .menu-item a {
  display: block;
  padding: 12px 15px;
  border-bottom: 1px solid var(--clr-border);
}
.boen-navbar .menu .B-Dropdown .menu-item:last-child a {
  border-bottom: 0;
}
.boen-actions-inner{
  display: flex;
  gap: 20px;
}
.boen-actions-inner .boen-link.primary{
  padding: 7px 16px;
  background-color: var(--clr-btn-2);
}
.boen-actions-inner .boen-burger{
  padding: 0;
  border: none;
  background-color: transparent;
  color: var(--clr-gray-text);
  cursor: pointer;
}
.boen-burger i{
  font-size: 22px;
}
.yaaf-actions {
  display: flex;
  align-items: center;
  gap: 30px;
}
.left-navbar-2 {
  padding: 0 0 0 20px;
  background-color: var(--clr-gray);
  border-color: var(--clr-gray);
}
.left-navbar-2 .yaaf-actions {
  height: 100%;
  gap: 0;
  background-color: var(--clr-white);
}
.yaaf-actions a {
  text-transform: uppercase;
  font-weight: 700;
}
.left-navbar-2 .yaaf-actions a {
  display: flex;
  align-items: center;
  height: 100%;
}
.left-navbar-2 .yaaf-actions a.yaaf-btn_transparent {
  border-left: 1px solid var(--clr-gray);
  padding: 0 20px;
}
.yaaf-centred_header {
  height: 65px;
  display: flex;
  border-bottom: 1px solid var(--clr-border);
  padding: 0 15px;
}
.yaaf-centred_item {
  flex: 1 0 0;
  display: flex;
  align-items: center;
}
.yaaf-centred_item .yaaf-infos_list {
  height: auto;
}
.yaaf-centred_navbar {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--clr-border);
  padding: 0 15px;
}
.yaaf-centred_navbar .boen-navbar .menu .menu-item.active a {
  position: relative;
}
.yaaf-centred_navbar .boen-navbar .menu .menu-item.active a::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--clr-primary);
  bottom: -17px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.yaaf-centred_header .yaaf-logo {
  justify-content: center;
}
@media(min-width: 1280px){
  .boen-hide{
    display: none;
  }
}
@media(max-width: 1280px){
  .boen-header .boen-flex{
    flex-wrap: wrap;
  }
  .boen-brand{
    order: 1;
    flex: 1;
  }
  .boen-actions{
    order: 2;
    flex: 1;
  }
  .boen-navbar-wrap{
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    /* background-color: var(--card-bg); */
    padding: 0;
    order: 3;
    flex: 0 0 100%; 

    /* position: fixed;
    top: 140px;
    left: 0;
    right: 0; */

    width: 100%;
    margin-top: 18px;
  }
  .boen-navbar .menu{
    display: block;
  }
  .boen-navbar .menu .menu-item a{
    display: block;
    padding: 5px 0;
  }
  .boen-navbar-wrap .boen-navbar{
    padding: 15px 30px 30px;
    border-bottom: 1px solid rgb(229, 231, 235);
    border-top: 1px solid rgb(229, 231, 235);
  }
  .boen-navbar-wrap.opened-menu{
    display: block;
    max-height: 600px;
  }
  .boen-hide{
    display: block;
  }
  .mobile-actions{
    text-align: center;
    padding: 30px 0 15px;
  }
  .boen-actions-inner{
    justify-content: flex-end;
    gap: 16px;
  }
  .boen-actions-inner .boen-link{
    font-size: 16px;
    padding: 8px 16px;
  }
  .boen-navbar .menu .menu-item a::after{
    display: none;
  }

}

@media(max-width: 768px){
  #boen-intro{
    flex-direction: column-reverse;
    min-height: unset !important;
  }
  #boen-intro .yaaf-heading_title{
    padding: 0 !important;
  }
  #boen-intro .yaaf-heading-wrap{
    padding: 0 20px 15px !important;
  }
  #menu-legal-fr{
    flex-wrap: wrap;
    gap: 15px 0px;
  }
  .widget_nav_menu ul#menu-legal-fr li.menu-item{
    flex: 0 0 50%;
    max-width: 50%;
  }
}
/* ### TOPBAR ### */

.yaaf-topbar {
  display: flex;
  flex-wrap: wrap;
  height: 40px;
  padding: 0 15px;
  border: 1px solid var(--clr-border);
}
.yaaf-half_topbar {
  flex: 0 0 50%;
  max-width: 50%;
}
.yaaf-infos_topbar {
  height: 100%;
}
.yaaf-infos_topbar .yaaf-info_item span{
  margin-right: 0px;
}
.yaaf-infos_topbar .yaaf-info_item i{
  font-size: 14px;
}

/*  */
.yaaf-infos_list {
  display: flex;
  height: 100%;
}
.yaaf-infos_list .yaaf-info_item {
  display: flex;
  align-items: center;
  padding: 0 15px;
  gap: 10px;
  border-right: 1px solid var(--clr-border);
}
.yaaf-infos_list .yaaf-info_item:first-child {
  padding-left: 0;
}
.yaaf-infos_list .yaaf-info_item:last-child {
  padding-right: 0;
  border-right: 0;
}
.yaaf-infos_list .yaaf-info_item span {
  font-size: 18px;
  color: var(--clr-primary);
}

/*  */
.yaaf-social_list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  height: 100%;
  margin-top: 30px;
}
.yaaf-social_list li{
  margin-bottom: 0;
}
.yaaf-social_list li a{
  color: rgb(156 163 175);
}

/*  */

.yaaf-topbar_meta {
  display: flex;
  align-items: center;
}
.yaaf-topbar_meta-item {
  height: 100%;
  border-right: 1px solid var(--clr-border);
  padding: 0 15px;
  margin: 0;
}
.yaaf-topbar_meta-item:first-child {
  border-left: 1px solid var(--clr-border);
}
.yaaf-topbar_meta-item:last-child {
  border-right: none;
  padding-right: 0;
}
.yaaf-topbar_meta-item .yaaf-social_item a{
  color: var(--clr-dark);
}
.yaaf-search_btn {
  background-color: transparent;
  border: none;
  padding: 0;
  height: 100%;
}

/*  */

.side-c .widget-title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  color: var(--clr-secondary);
  margin-bottom: 30px;
  text-transform: uppercase;
}
.widget_nav_menu ul li {
  padding: 7.5px 0;
}
.widget_nav_menu ul li:first-child {
  padding-top: 0;
}
.widget_nav_menu ul li:last-child {
  padding-bottom: 0;
}
.widget_nav_menu ul li a {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-text);
  transition: all 0.2s linear;
}
.widget_nav_menu ul li a:hover {
  color: var(--clr-secondary);
}
.widget_text p {
  font-size: 14px;
  line-height: 24px;
  color: var(--clr-text);
}
.yaaf-infos_list {
}
.yaaf-info_item {
  padding: 13.5px 0;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.yaaf-info_item:first-child {
  padding-top: 0;
}
.yaaf-info_item:last-child {
  padding-bottom: 0;
}
.yaaf-info_item span {
  color: var(--clr-primary);
  margin-right: 15px;
}
.yaaf-info_item a {
  color: var(--clr-text);
}
.yaaf-social-media-widget {
  padding-left: 30px;
  margin-bottom: 30px;
}
.yaaf-social-media-widget .widget-title {
  font-size: 20px;
  color: var(--clr-text);
  margin-bottom: 25px;
}
.social-media-list {
  display: flex;
  gap: 15px;
}
.social-media-item {
  padding: 0;
}
.social-media-item::before {
  display: none;
}
.social-media-item a {
  width: 35px;
  height: 35px;
  border: 1px solid var(--clr-desc);
  color: var(--clr-text);
  display: flex;
  justify-content: center;
  align-items: center;
}

/*  */

.yaaf-footer.footer-style_dark {
  background-color: #1a2420;
  border-top: 1px solid #252c29;
}
.footer-style_dark .side-c .widget-title {
  color: var(--clr-primary);
}
.footer-style_dark .widget_nav_menu ul li a {
  color: var(--clr-white);
}
.footer-style_dark .widget_nav_menu ul li a:hover {
  color: var(--clr-primary);
}
.footer-style_dark .widget_text p {
  color: var(--clr-white);
}
.footer-style_dark .yaaf-info_item {
  color: var(--clr-white);
  margin-right: 15px;
}
.footer-style_dark .yaaf-info_item span {
  color: var(--clr-primary);
}
.footer-style_dark .yaaf-info_item a {
  color: var(--clr-white);
}
.footer-style_dark .yaaf-bottom_footer {
  border-color: #252c29;
}
.footer-style_dark .yaaf-bottom_footer .yaaf-copy-right {
  color: var(--clr-white);
}

/*  */

.yaaf-footer {
  padding: 60px 0px;
}
.yaaf-footer.has-bottom_footer {
  padding-bottom: 0;
}
.yaaf-footer_style-2 .yaaf-row,
.yaaf-footer_style-3 .yaaf-row {
  justify-content: space-between;
}
.yaaf-footer .yaaf-social_list {
  height: auto;
}
.yaaf-bottom_footer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--clr-border);
  height: 60px;
  align-items: center;
  margin-top: 60px;
}
.yaaf-bottom_footer p {
  margin: 0;
}

/* ### YAAF GRID ### */
.yaaf-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .yaaf-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .yaaf-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .yaaf-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .yaaf-container {
    max-width: 1140px;
  }
}

.yaaf-container_fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.yaaf-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.yaaf-1,
.yaaf-2,
.yaaf-3,
.yaaf-4,
.yaaf-5,
.yaaf-6,
.yaaf-7,
.yaaf-8,
.yaaf-9,
.yaaf-10,
.yaaf-11,
.yaaf-12,
.yaaf,
.yaaf-auto,
.yaaf-sm-1,
.yaaf-sm-2,
.yaaf-sm-3,
.yaaf-sm-4,
.yaaf-sm-5,
.yaaf-sm-6,
.yaaf-sm-7,
.yaaf-sm-8,
.yaaf-sm-9,
.yaaf-sm-10,
.yaaf-sm-11,
.yaaf-sm-12,
.yaaf-sm,
.yaaf-sm-auto,
.yaaf-md-1,
.yaaf-md-2,
.yaaf-md-3,
.yaaf-md-4,
.yaaf-md-5,
.yaaf-md-6,
.yaaf-md-7,
.yaaf-md-8,
.yaaf-md-9,
.yaaf-md-10,
.yaaf-md-11,
.yaaf-md-12,
.yaaf-md,
.yaaf-md-auto,
.yaaf-lg-1,
.yaaf-lg-2,
.yaaf-lg-3,
.yaaf-lg-4,
.yaaf-lg-5,
.yaaf-lg-6,
.yaaf-lg-7,
.yaaf-lg-8,
.yaaf-lg-9,
.yaaf-lg-10,
.yaaf-lg-11,
.yaaf-lg-12,
.yaaf-lg,
.yaaf-lg-auto,
.yaaf-xl-1,
.yaaf-xl-2,
.yaaf-xl-3,
.yaaf-xl-4,
.yaaf-xl-5,
.yaaf-xl-6,
.yaaf-xl-7,
.yaaf-xl-8,
.yaaf-xl-9,
.yaaf-xl-10,
.yaaf-xl-11,
.yaaf-xl-12,
.yaaf-xl,
.yaaf-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.yaaf {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.yaaf-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.yaaf-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.yaaf-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.yaaf-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.yaaf-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.yaaf-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.yaaf-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.yaaf-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.yaaf-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.yaaf-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.yaaf-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.yaaf-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.yaaf-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .yaaf-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .yaaf-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .yaaf-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .yaaf-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .yaaf-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .yaaf-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .yaaf-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .yaaf-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .yaaf-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .yaaf-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .yaaf-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .yaaf-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .yaaf-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .yaaf-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .yaaf-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .yaaf-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .yaaf-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .yaaf-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .yaaf-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .yaaf-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .yaaf-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .yaaf-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .yaaf-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .yaaf-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .yaaf-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .yaaf-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .yaaf-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .yaaf-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .yaaf-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .yaaf-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .yaaf-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .yaaf-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .yaaf-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .yaaf-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .yaaf-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .yaaf-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .yaaf-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .yaaf-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .yaaf-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .yaaf-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .yaaf-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .yaaf-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .yaaf-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .yaaf-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .yaaf-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .yaaf-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .yaaf-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .yaaf-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .yaaf-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .yaaf-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .yaaf-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .yaaf-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .yaaf-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .yaaf-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .yaaf-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .yaaf-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.width_100 {
  width: 100%;
  max-width: 100%;
}
.width_90 {
  width: 100%;
  max-width: 90%;
}
.width_80 {
  width: 100%;
  max-width: 80%;
}
.width_70 {
  width: 100%;
  max-width: 70%;
}
.width_60 {
  width: 100%;
  max-width: 60%;
}
.width_50 {
  width: 100%;
  max-width: 50%;
}
.width_40 {
  width: 100%;
  max-width: 40%;
}
.width_30 {
  width: 100%;
  max-width: 30%;
}
.width_20 {
  width: 100%;
  max-width: 20%;
}
.center {
  margin: 0 auto;
}

@media(max-width: 768px){
  .width_100,
  .width_90,
  .width_80,
  .width_70,
  .width_60,
  .width_50,
  .width_40,
  .width_30,
  .width_20,
  .width_10{
    width: 100%;
  }
}
/* HEADING */
.yaaf-heading {
  margin-bottom: 30px;
}
.yaaf-heading p:not(.heading-desc){
  color: var(--clr-text);
}
.yaaf-heading p:not(.heading-desc) span{
  color: var(--clr-text);
}
.yaaf-heading p:not(.heading-desc) a:visited,
.yaaf-heading p:not(.heading-desc) a{
  color: rgb(37, 99, 235);
}

/* TEXT & IMAGE */

.yaaf-txtimg_footer {
  display: block;
  margin-top: 30px;
}

.yaaf-txtimg_text ul {
  margin-top: 20px;
}
.yaaf-txtimg_text ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
.yaaf-txtimg_text ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border: 2px solid var(--clr-primary);
  border-radius: 50%;
}

.yaaf-layred_images {
  height: 100%;
}

.yaaf-txtimg_content {
  flex: 0 0 50%;
  max-width: 50%;
}

/* LAYERED IMAGES */

.yaaf-txtimg_layred {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  height: 100%;
  margin-bottom: 85px;
}
.yaaf-txtimg_layred::before {
  position: absolute;
  top: -30px;
  width: 240px;
  height: 100%;
  content: "";
  display: block;
  z-index: -1;
  background-image: url("assets/images/image-shape.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.txtimg_left .yaaf-txtimg_layred {
  display: flex;
  justify-content: flex-end;
}
.yaaf-txtimg_layred img {
  border-radius: 4px;
  box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1);
}
.yaaf-txtimg_layred img:nth-child(1) {
  width: 90%;
  height: auto;
  object-fit: cover;
  object-position: center;
  z-index: 9;
}
.yaaf-txtimg_layred img:nth-child(2) {
  position: absolute;
  bottom: -85px;
  width: 60%;
  height: 70%;
  object-fit: cover;
  object-position: center;
  z-index: 9;
}

.txtimg_left .yaaf-txtimg_layred::before {
  right: -30px;
}
.txtimg_left .yaaf-txtimg_layred img:nth-child(2) {
  left: 0;
}
.txtimg_right .yaaf-txtimg_layred::before {
  left: -30px;
}
.txtimg_right .yaaf-txtimg_layred img:nth-child(2) {
  right: 0;
}

/* ICON BOXES */

.yaaf-iboxes_heading .yaaf-heading_title {
  /* font-size: var(--h2-font-size); */
  /* color: var(--clr-heading); */
}
.yaaf-iboxes_heading .yaaf-heading_desc {
  margin-top: 25px;
}
.yaaf-heading_desc {
  font-size: 16px;
  color: var(--clr-desc);
  line-height: 22px;
  margin-bottom: 0;
}
.style_2 .ibox-item {
  background-color: var(--clr-white);
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  padding: 20px 25px;
}
.ibox-item_icon {
  /* width: 60px;
  height: 60px;
  background-color: var(--clr-secondary); */
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--clr-text);
  font-size: 1.75rem;
  margin-bottom: 25px;
  border-radius: 4px;
  padding: 12px;
}

.ibox-item_icon img{
  width: 60px;
}

.ibox-item:hover .ibox-item_icon img,
.ibox-item:hover .ibox-item_icon i {
  animation: swing;
  animation-duration: .5s;
}
.ibox-item_title {
  font: var(--h5-font);
  color: var(--clr-text);
  margin-bottom: 8px;
}
.ibox-item.inline .ibox-item_title{
  font-size: 18px;
}
.ibox-item_desc {
  font: var(--p-font);
  font-size: 16px;
  color: var(--clr-gray);
  margin-bottom: 0;
}
.yaaf-iboxes_items {
  width: 100%;
  position: relative;
}

/*  */

.yaaf-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  gap: 30px 0;
}

/* STYLE 1 */

.style_1 .yaaf-iboxes_heading {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 15px;
}
.style_1 .yaaf-iboxes_items {
  flex: 0 0 66.66%;
  max-width: 66.66%;
  padding: 0 15px 0 65px;
}
.style_1 .yaaf-iboxes_items .iboxes-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  gap: 30px 0;
}
.style_1 .iboxes-list .ibox-item {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
}

/* STYLE 2 */

.style_2 .yaaf-iboxes_heading {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px 20px;
  align-items: end;
}
.style_2 .yaaf-iboxes_heading .yaaf-heading_title {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 0 15px;
}
.style_2 .yaaf-iboxes_heading .yaaf-heading_desc {
  flex: 0 0 60%;
  max-width: 60%;
  padding: 0 15px 0 65px;
  margin-top: 0;
}

/* STYLE 3 */

.style_3 .ibox-item_icon {
  background-color: var(--clr-primary);
}
.style_3 .ibox-item {
  padding: 2rem;
  position: relative;
  background-color: #fff;
  border: 2px solid #fcfcfc;
}
.style_3 .ibox-item::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--clr-text);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  visibility: hidden;
  transition: all 0.2s linear;
}
.style_3 .ibox-item:hover::before {
  bottom: -10px;
  right: -10px;
  visibility: visible;
}

/* STYLE 4 */

/* .style_4 .slick-list{
  padding: 6px 20% 60px 0 !important;
}
.style_4 .ibox-slide_item{
  padding: 0 15px;
}
.style_4 .ibox-item{
  background-color: #FFF;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, .1);
  padding: 30px;
} */

/* STYLE 5 */
.style_3 .yaaf-iboxes_heading {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.style_3 .yaaf-iboxes_heading .yaaf-heading_title {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 15px;
}
.style_3 .yaaf-iboxes_heading .yaaf-heading_desc {
  flex: 0 0 66.66%;
  max-width: 66.66%;
  padding: 0 15px 0 65px;
}
.yaaf-icon-boxes.style_4{
  /* padding: 0 12rem; */
}

.yaaf-icon-boxes.custom-clip-path .ibox-item_icon em{
  clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
  background-color: rgb(8 184 214);
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.style_4 .yaaf-iboxes_heading {
  width: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto 45px;
}
.style_4 .ibox-item {
  text-align: center;
  padding: 24px;
  margin-bottom: 24px;
}
.style_4 .ibox-item .ibox-item_icon {
  margin: 0 auto;
  padding: 0;
}
.style_4 .ibox-item .ibox-item_icon:has(> em) svg{
  width: 100px;
  height: 100px;
}

@media(max-width: 768px){
  .yaaf-icon-boxes.style_4{
    padding: 0;
  }
  .yaaf-icon-boxes.style_4 .container{
    padding: 0;
  }
}
/* COLS */

.yaaf-col_3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
}
.yaaf-col_4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 15px;
}
.yaaf-col_5 {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 15px;
}
.yaaf-col_6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
}
.yaaf-col_8 {
  flex: 0 0 66.66%;
  max-width: 66.66%;
  padding: 0 15px;
}

/* POST CARD */

.yaaf-post_card {
  background-color: #fcfcfc;
  border-radius: 4px;
  overflow: hidden;
}
.yaaf-post_card .yaaf-post_thumb {
  width: 100%;
  height: 250px;
  background-color: var(--clr-text);
  position: relative;
  overflow: hidden;
}
.yaaf-post_thumb::before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(50deg, rgb(26, 36, 32) 0%, rgb(26, 36, 32) 31%, rgb(42, 45, 39) 42%, rgba(85, 67, 56, 0.67) 71%, rgba(224, 136, 91, 0.37) 100%);
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: hard-light;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(1.5);
}
.yaaf-post_card:hover .yaaf-post_thumb::before {
  opacity: .9;
  visibility: visible;
  transform: scale(1);
}
.yaaf-post_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.yaaf-post_card:hover img{
  transform: scale(1.1);
}
.yaaf-post_thumb .yaaf-post_cats {
  display: flex;
  gap: 5px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.yaaf-post_category {
  background-color: var(--clr-white);
  font-size: 11px;
  color: var(--clr-text);
  text-transform: uppercase;
  padding: 4px 6px;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 4px;
  z-index: 1;
}
.yaaf-post_card .yaaf-post_excerpt {
  padding: 20px;
}
.yaaf-post_card .yaaf-post_excerpt p {
  margin-bottom: 0;
  color: var(--clr-desc);
}
.yaaf-post_card_title {
  font: var(--h5-font);
  margin-bottom: 20px;
  min-height: 2.2em; /* Adjust based on your font-size and line-height */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yaaf-post_card_title a {
  color: var(--clr-text);
}
.yaaf-post_card_excerpt {
  font: var(--p-font);
  color: #687d76;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.yaaf-post_excerpt {
  border: 1px solid #f8f8f8;
  border-top: none;
  border-radius: 4px;
}
.yaaf-post_meta {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
}
.yaaf-post_meta span {
  font-size: 14px;
  color: #aabfb8;
}
.yaaf-post_meta a {
  font-size: 14px;
  color: var(--clr-primary);
  text-decoration: underline;
  font-weight: 600;
}
.post-card_style_2 .yaaf-post_card_title {
  padding: 20px;
  margin-bottom: 0;
}
.lposts-heading_row p{
  margin-top: 30px;
  color: var(--clr-desc);
  padding-right: 45px;
}
.yaaf-lposts_heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 45px;
}
.yaaf-heading_title {
  font: var(--h2-font);
  color: var(--clr-text);
  margin-bottom: 0;
}
#boen-intro .yaaf-heading_title{
  color: var(--clr-white);
}
.yaaf-heading_subtitle {
  font: var(--subtitle-font);
  color: var(--clr-muted);
  letter-spacing: 1px;
}
.yaaf-heading_link {
  font: var(--h6-font);
  color: var(--clr-primary);
  display: flex;
  gap: 15px;
  align-items: center;
  text-decoration: underline;
}
.yaaf-heading_link .uil {
  font-size: 24px;
}

.yaaf-lposts_style_2 .yaaf-lposts_heading {
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
  margin: 0;
}

@media(max-width: 768px){
  .yaaf-heading_title{
    font-size: 30px !important;
  }
  .yaaf-heading_title br{
    display: none;
  }
}
/* TEAM MEMBERS */

.yaaf-team_heading {
  text-align: center;
}
.yaaf-team_subtitle {
  margin-bottom: 15px;
  font-weight: 400;
}
.yaaf-team_heading .yaaf-team_desc {
  max-width: 60%;
  margin: 15px auto 0;
  color: var(--clr-muted);
}
.yaaf-member_card {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.member-card_s-1 {
  background-color: var(--clr-white);
  overflow: inherit;
}
.member_card-thumb {
  width: 100%;
  height: 350px;
  /* background-color: var(--clr-text); */
  overflow: hidden;
  position: relative;
}
.yaaf-page-content .yaaf-member_card .member_card-thumb{
  height: 400px;
}
.yaaf-page-content .yaaf-member_card{
  margin-bottom: 30px;
}
.member-card_s-1 .member_card-thumb{
  border-radius: 4px;
  box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.15);
}
.member_card-thumb img {
  width: 101%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.member_card-thumb::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(50deg, rgb(26, 36, 32) 0%, rgb(26, 36, 32) 31%, rgb(42, 45, 39) 42%, rgba(85, 67, 56, 0.67) 71%, rgba(224, 136, 91, 0.37) 100%);
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: hard-light;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(1.5);
}
.yaaf-member_card:hover .member_card-thumb img{
  transform: scale(1.1);
}
.yaaf-member_card:hover .member_card-thumb::before {
  opacity: .9;
  visibility: visible;
  transform: scale(1);
}
.member_card-content {
  padding-top: 8px;
}
.member-name {
  font-size: 16px;
  color: var(--clr-text);
  font-weight: 600;
  margin-bottom: 2px;
  margin-top: 0;
}
.member-job_title {
  font-size: 12px;
  color: var(--clr-desc);
}
.member_card-social {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}
.member_card-social a {
  color: var(--clr-primary);
  font-size: 16px;
}
.member-card_meta {
  padding-top: 10px;
}
.member-card_s-2 .member-card_meta,
.member-card_s-3 .member-card_meta {
  display: flex;
  flex-wrap: wrap;
}
.member-card_s-2 .member-card_meta .member_card-content,
.member-card_s-3 .member-card_meta .member_card-content {
  flex: 0 0 calc(100% - 60px);
  max-width: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.member-card_s-2 .member-card_meta .member_card-social,
.member-card_s-3 .member-card_meta .member_card-social {
  flex: 0 0 60px;
  max-width: 60px;
  flex-wrap: wrap;
  gap: 0;
  align-items: center;
  height: 100%;
  margin-top: 0;
}
.member-card_s-2 .member-card_meta .member_card-social a,
.member-card_s-3 .member-card_meta .member_card-social a {
  flex: 0 0 50%;
  max-width: 50%;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.member-card_s-3 .member-card_meta {
  padding: 15px;
  background-color: var(--clr-white);
}
.member-card_s-4 .member-card_meta {
  padding-top: 15px;
  text-align: center;
}
.member-card_s-4 .member_card-social {
  justify-content: center;
}
.member-dark-card .member_card-thumb{
  width: 175px;
  height: 175px !important;
  border-radius: 50%;
  border: 1px solid rgb(229 231 235);
  overflow: hidden;
  margin: 0 auto;
}
.member-dark-card .member_card-thumb img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.member-dark-card{
  background-color: var(--member-card);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
  border: 1px solid var(--member-card);
  border-radius: 8px;
  position: relative;
  padding: 24px;
  height: 100%;
  margin-bottom: 30px;
}
.member-dark-card svg{
  color: var(--member-shape);
  position: absolute;
  left: 0;
  right: 0;
}
.member-dark-card svg.top{
  transform: matrix(-1, 0, 0, -1, 0, 0);
  top: 0;
}
.member-dark-card svg.bottom{
  bottom: 0;
}
.member-dark-card .member-card_meta{
  text-align: center;
  position: relative;
  z-index: 9;
}
.member-dark-card .member-card_meta .member-name{
  font-size: 20px;
  font-weight: 400;
  color: var(--clr-text);
}
.member-dark-card .member-card_meta .member-job_title{
  font-size: 16px;
  color: var(--clr-text);
}
.member-dark-card .member-description{
  margin-top: 15px;
}
.member-dark-card .member-description p{
  font-size: 16px;
  color: var(--clr-text);
  line-height: 24px;
}

@media(max-width: 768px){
  .member-dark-card{
    height: auto;
  }
}

/* TEAM MEMBERS */

.yaaf-pt_heading-row {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  padding-bottom: 65px;
  width: 50%;
}
.yaaf-pt_heading-row .yaaf-pt_heading{
  margin-bottom: 35px;
}
.yaaf-pt_heading-row .yaaf-pt_desc{
  color: var(--clr-muted);
  width: 60%;
  font: var(--h6-font);
}
/* .yaaf-pt_heading {
  flex: 0 0 45%;
  max-width: 45%;
  padding-right: 45px;
}
.yaaf-pt_desc {
  flex: 0 0 55%;
  max-width: 55%;
} */
.yaaf-pt_subtitle {
  margin-bottom: 15px;
}
.yaaf-tp_card {
  padding: 2rem;
  border: 2px solid var(--clr-border);
  background-color: var(--clr-white);
  border-radius: 4px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.02);
}
.yaaf-tp_card-style_1 .tp_card-title {
  font: var(--h5-font);
  color: var(--clr-text);
  margin-bottom: 15px;
}
.yaaf-tp_card a {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  margin-top: 35px;
}
.tp_card-price {
  font: var(--h2-font);
  /* font-weight: 700; */
  display: flex;
  align-items: baseline;
  margin: 0;
  color: var(--clr-primary);
}
.tp_card-price.custom-price {
  font-size: 28px !important;
  height: 77px;
  padding-bottom: 6px;
}
.tp_card-price span {
  font: var(--p-font);
  font-weight: 500;
  color: var(--clr-desc);
  margin-left: 0;
}
.tp_card-price sup {
  top: -3px;
  position: relative;
  font-size: 28px;
  margin-right: 5px;
}
.tp_card-desc {
  font: var(--h6-font);
  /* line-height: 22px; */
  color: var(--clr-desc);
  margin: 15px 0 0;
  width: 80%;
}
.tp_card-features {
  margin-top: 40px;
}
.tp_card-features .tp-feature_item {
  font: var(--p-font);
  margin-bottom: 20px;
  color: var(--clr-desc);
  display: flex;
  gap: 10px;
}
.tp_card-features .tp-feature_item::before {
  content: "\e9c3";
  display: block;
  line-height: 18px;
  text-align: center;
  width: 16px;
  height: 16px;
  background-color: var(--clr-primary);
  border-radius: 50%;
  font-family: unicons-line;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: var(--clr-white);
  margin-top: 3px;
}
.tp_card-features .tp-feature_item:last-child {
  margin-bottom: 0;
}
.yaaf-tp_card-style_2 .tp_card-price {
  font-size: 48px;
  margin-top: 35px;
  margin-bottom: 45px;
  align-items: flex-end;
}
.yaaf-tp_card-style_2 .tp_card-price span {
  position: relative;
  top: -9px;
  left: 4px;

}
.yaaf-tp_card-style_2 .tp_card-title {
  font: var(--h3-font);
  color: var(--clr-primary);
  margin-bottom: 15px;

}
.yaaf-tp_card-style_2 .tp_card-price {
  color: var(--clr-text);
}
.yaaf-tp_card-style_2 .tp_card-price span {
  color: var(--clr-secondary);
}
.yaaf-tp_card-style_3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 400px;
}
.yaaf-tp_card-style_3 .tp_card-title {
  font: var(--h5-font);
  margin-bottom: 15px;
}
.yaaf-tp_card-style_3 .tp_card-features {
  margin-top: 30px;
}
.yaaf-tp_card-style_3 .tp_card-features .tp-feature_item {
  color: var(--clr-desc);
}

/* CTA BLOCK */

.vc_row[data-vc-full-width="true"] .yaaf-cta .cta-template_1 {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
}
.yaaf-cta {
  padding: 35px;
  min-height: 300px;
  display: flex;
  align-items: center;
}
.yaaf-cta.mode-transparent .cta-template_1 .cta-wrapper {
  color: #000;
}
.yaaf-cta > div {
  width: 100%;
}
.yaaf-cta .cta-button .boen-link{
  padding: 16px 30px;
}
.cta-content .yaaf-heading_title:has(+ p) {
  margin-bottom: 15px;
}
.cta-content p {
  margin-bottom: 0;
}
.cta-subtitle {
  font-size: 18px;
  margin-bottom: 20px;
}
.cta-title {
  font-size: 36px;
  margin-bottom: 20px;
}
.cta-description {
  width: 60%;
}
.cta-arrow{
  color: rgb(59, 130, 246);
  font-size: 48px;
  display: block;
  margin-bottom: 30px;
}
.cta-button .yaaf-button {
  display: inline-flex;
  min-width: 120px;
  justify-content: center;
}

.cta-template_1 .cta-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: var(--clr-white);
}
.cta-template_2 {
  color: var(--clr-white);
}
.cta-template_2 .cta-content {
  margin-bottom: 20px;
}
.cta-template_3 {
  text-align: center;
}
.cta-template_3 .cta-content p {
  margin: 0 auto 35px;
}
.yaaf-cta.yaaf-transparent {
  background-color: transparent;
}
.yaaf-cta.yaaf-transparent .cta-title {
  color: var(--clr-text);
}
.yaaf-cta.yaaf-transparent .cta-description {
  color: var(--clr-text);
}
.yaaf-cta.yaaf-secondary {
  background-color: #1a2420;
  color: var(--clr-white);
}
.yaaf-cta.yaaf-secondary .yaaf-heading_title {
  color: var(--clr-white);
  margin-bottom: 30px;
}

@media(max-width: 768px){
  .yaaf-cta{
    padding: 0;
  }
  .cta-description{
    width: 100%;
  }
}

/* ### TESTIMONIALS ### */

.tst-basic {
  /* margin-top: 25px; */
  /* margin: 25px -15px 0; */
  /* padding: 0 12rem; */
}
.yaaf-page-content .tst-basic{
  padding: 0;
}
.tst .slick-dots {
  position: absolute;
  top: -40px;
  right: 15px;
}
.tst .slick-dots {
  display: flex;
  gap: 3px;
}
.tst .slick-dots li {
  height: 5px;
  display: flex;
  align-items: center;
}
.tst .slick-dots li button {
  width: 5px;
  height: 5px;
  background-color: var(--clr-text);
  font-size: 0;
  border: none;
  padding: 0;
  transition: all 0.2s linear;
  border-radius: 2px;
}
.tst .slick-dots li button:hover {
  cursor: pointer;
}
.tst .slick-dots li.slick-active button {
  width: 85px;
}
.testimonial-card {
  background-color: var(--clr-white);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  padding: 20px;
  border-radius: 4px;
}
.testimonial-header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  align-items: center;
}
.card-1{
  padding: 25px;
  background-color: var(--card-bg);
  border-radius: 12px;
  border: 1px solid var(--card-border-bg);
  height: 100%;
}
.card-1 .testimonial-header{
  width: 100%;
  height: 216px;
  border-radius: 6px;
  overflow: hidden;
}
.card-1 .testimonial-header img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0;
}
.card-1 .testimonial-body{
  min-height: 54px;
}
.card-1 .testimonial-body p{
  text-align: center;
  color: var(--clr-text);
  font-size: 16px;
}
.card-1 .testimonial-footer{
  display: flex;
  align-items: center;
}
.card-1 .testimonial-footer{
  /* flex-direction: row-reverse; */
  margin-top: 35px;
}
.card-1 .testimonial-body p{
  font-size: 18px;
  line-height: 27px;
  /* font-family: var(); */
}
.card-1 .testimonial-footer h4{
  margin-bottom: 8px;
  line-height: 12px;
}
.card-1 .testimonial-header_content{
  padding-right: 16px;
}
.card-1 .testimonial-header_content p{
  margin-bottom: 0;
  color: var(--clr-text);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.rtl .card-1 .testimonial-header_content p{
  font-size: 16px !important;
}
.testimonial-thumb {
  flex: 0 0 45px;
  max-width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
}
.testimonial-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.testimonial-header_content {
  flex: 0 0 calc(100% - 45px);
  max-width: calc(100% - 45px);
  padding-left: 10px;
}
.testimonial-header h4 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clr-text);
  margin-top: 0;
  margin-bottom: 0;
}
.testimonial-header p {
  font-size: 12px;
  color: var(--clr-desc);
  margin-bottom: 0;
}
.testimonial-body p {
  font-size: 16px;
  line-height: 22px;
  color: var(--clr-desc);
  margin-bottom: 0;
}
.testimonial-review {
  margin-top: 30px;
  display: flex;
  gap: 2px;
}
.testimonial-review i {
  font-size: 12px;
  color: #ffa63a;
}
.card-2 .testimonial-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.card-2 .testimonial-name h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-text);
  margin-top: 0;
  margin-bottom: 0px;
}
.card-2 .testimonial-review {
  margin: 0;
}
.card-2 .testimonial-header {
  margin-bottom: 0;
}
.card-2 .testimonial-header i {
  /* transform: rotate(180deg); */
  font-size: 48px;
  position: relative;
  top: -10px;
  /* left: -8px; */
  color: var(--clr-primary);
}
.tst-full-width {
  width: 100%;
}
.tst-full-width .slick-track {
  pointer-events: none;
}
.tst-full-width .testimonial-card {
  display: flex !important;
  flex-wrap: wrap;
  background: transparent;
  box-shadow: none;
  padding: 0;
  align-items: flex-end;
  pointer-events: none;
}
.tst-full-width .testimonial-thumb {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  background-color: transparent;
  height: auto;
  position: relative;
  top: -20px;
}
.tst-full-width .testimonial-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
.tst-full-width .testimonial-thumb div {
  width: 300px;
  height: 400px;
  position: relative;
  box-shadow: 20px 0px 20px -5px rgba(0, 0, 0, 0.1);
  /* border-radius: 4px;
  overflow: hidden; */
}
.tst-full-width .testimonial-thumb div::before {
  position: absolute;
  top: 50px;
  right: -30px;
  width: 150px;
  height: 100%;
  content: "";
  display: block;
  z-index: -1;
  background-image: url("assets/images/image-shape.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.tst-full-width .testimonial-content {
  flex: 0 0 66.66%;
  max-width: 66.66%;
  padding-left: 35px;
  padding-bottom: 30px;
}
.tst .slick-list {
  padding: 20px 0;
}
.tst .slick-slide {
  padding-top: 60px;
  pointer-events: none;
}
.tst-basic.tst .slick-slide{
  padding-top: 0;
}
.tst .slick-slide > div {
  padding: 0 15px;
  pointer-events: none;
}
.tst .slick-arrow {
  display: none !important;
}
.tst-t_3 {
  position: relative;
}
.tst-t_3 .tst-header {
  position: absolute;
  left: calc(33.33% + 40px);
  top: 45px;
}
.tst-t_3 .testimonial-header_content {
  padding-left: 0;
}
.tst-t_3 .tst .slick-dots {
  top: unset;
  bottom: 5px;
}
.tst-t_3 .tst .slick-list {
  padding: 0;
}

.tst-t_4 {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 35px;
}
.tst-t_4 .tst-header {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 20px;
}
.tst-t_4 .tst-header .tst-description {
  width: 65%;
  color: var(--clr-desc);
  margin-bottom: 0;
}
.tst-t_4 .tst {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.tst-t_4 .tst-full-width .testimonial-thumb {
  height: 45px;
  width: 45px;
}
.tst-t_4 .tst .slick-dots {
  top: unset;
  bottom: -15px;
}

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

/* KEYS BLOCKS */

.keys-header {
  height: 100%;
  display: flex;
  align-items: center;
}
.keys-header .keys-subtitle {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--clr-primary);
}
.keys-header .keys-title {
  font-size: 32px;
  margin-bottom: 0;
  color: var(--clr-text);
}
.keys-block {
  display: flex;
  flex-wrap: wrap;
}
.key-title {
  font: var(--h6-font);
  margin-bottom: 0;
  color: var(--clr-bg-dark);
}
.key-value {
  font: var(--h2-font);
  color: var(--clr-secondary);
  margin-bottom: 8px;
  letter-spacing: -2px;
}
.key-value sup {
  top: 10px;
  position: relative;
  font-size: 28px;
  margin-left: 4px;
  vertical-align: top;
  line-height: 22px;
}
.key-desc {
  font: var(--h6-font);
  color: var(--clr-desc);
  margin-top: 8px;
  margin-bottom: 0;
  width: 90%;
}
.keys-yaaf-1 .key-title,
.keys-yaaf-4 .key-title {
  margin-top: 10px;
  color: var(--clr-desc);
}
.keys-yaaf-3 .key-wrap:not(:has(.icon)) {
  text-align: center;
}
.keys-yaaf-3 .key-wrap:has(.icon){
  display: grid;
  align-items: start;
  grid-template-columns: 60px 1fr;
  grid-gap: 20px;
}
.keys-yaaf-3 .key-wrap .icon{
  display: flex;
  align-items: center;
  font-size: 46px;
}
.keys-yaaf-3 .key-wrap .icon img{
  width: 100%;
}
.keys-yaaf-3 .key-title {
  /* margin-top: 15px; */
}
.keys-yaaf-3 .key-desc {
  width: 100%;
}
.keys-yaaf-4 {
  position: relative;
  padding: 45px 0;
}
.keys-yaaf-4::before {
  content: "";
  display: block;
  width: 33.33%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff7f2;
  z-index: -1;
}
.keys-yaaf-4::after {
  content: "";
  display: block;
  width: 66.66%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #e0885b;
  z-index: -1;
}
.keys-yaaf-4 .key-value {
  color: var(--clr-white);
}
.keys-yaaf-4 .key-title {
  color: var(--clr-white);
}
.keys-yaaf-4 .yaaf-keys {
  width: 80%;
  margin: 0 auto;
}

/* APPROACH */

.step-wrap {
  text-align: center;
  width: 100%;
  border: 2px solid #fff7f2;
  padding: 1.5rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 310px;
  position: relative;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 4px;
  box-shadow: 0px 0px 30px 15px rgba(224, 136, 91, 0.02);
}
.step-title {
  font: var(--h5-font);
  margin-bottom: 1rem;
  color: var(--clr-primary);
}
.step-title em{
  font-size: 20px;
  font-style: normal;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(255, 133, 24);
  border-radius: 50%;
}
.light .step-title em{
  border-color: rgb(229, 231, 235);
}
.step-wrap.highlight .step-title em{
  color: rgb(255, 133, 24);
}
.steps-yaaf-simple .step-wrap.highlight .step-title{
  color: rgb(255, 133, 24);
}
.step-value {
  font-size: var(--p-font);
  /* line-height: 20px; */
  color: var(--clr-muted);
}
.steps-yaaf-simple .step-wrap.highlight .step-value{
  color: rgb(255, 133, 24);
}
.step-content .uil {
  margin-bottom: 35px;
  color: var(--clr-primary);
  font-size: 46px;
  line-height: 46px;
  display: block;
}
.steps-yaaf > .row > div,
.steps-yaaf .yaaf-lg-12 .row > div {
  position: relative;
  counter-increment: step-counter;
}

.steps-yaaf-3 .row > div .step-wrap::before,
.steps-yaaf .yaaf-lg-12 .row > div > .step-wrap::before {
  content: counter(step-counter);
  display: block;
}

.steps-yaaf-1 .yaaf-lg-12 .row > div > .step-wrap::before {
  position: absolute;
  bottom: -10px;
  right: -17px;
  font-size: 140px;
  font-weight: 700;
  color: var(--clr-accent-3);
  opacity: 0.5;
  line-height: 120px;
}
.steps-yaaf-2 .step-wrap,
.steps-yaaf-3 .step-wrap {
  flex-direction: column-reverse;
  justify-content: space-between;
}
.steps-yaaf-2 .step-wrap::before,
.steps-yaaf-3 .step-wrap::before {
  flex-direction: column-reverse;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  color: var(--clr-white);
  background-color: var(--clr-primary);
  z-index: 9;
  border-radius: 4px;
}
.steps-yaaf-2 .step-wrap::after,
.steps-yaaf-3 .step-wrap::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 52px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #fff7f2;
}
.steps-yaaf-3 .step-wrap {
  border-right: 0;
}
.steps-yaaf-3 .last-step .step-wrap {
  border-right: 2px solid #fff7f2;
}
.steps-yaaf-3 {
  padding: 0 15px;
}
.steps-yaaf-simple .step-wrap{
  background-color: transparent;
  text-align: left;
  min-height: unset;
  border: none;
  box-shadow: unset;
  padding: 0;
}
.steps-yaaf-simple .step-wrap .step-title{
  display: flex;
  gap: 12px;
  color: var(--clr-text);
}
.steps-yaaf-simple .step-wrap .step-value{
  color: var(--clr-text);
}
.rtl .steps-yaaf-simple .step-wrap .step-value{
  text-align: right;
}
/* PAGE */

.yaaf-page-header {
  position: relative;
  height: 450px;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.yaaf-page-header.no-bg{
  height: auto;
  padding-top: 120px;
  padding-bottom: 45px;
}
.yaaf-page-header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(54, 95, 81, 1), rgba(54, 95, 81, 0));
  mix-blend-mode: soft-light;
}
.yaaf-page-header.no-bg::before{
  display: none;
}
.yaaf-content {
  position: relative;
  z-index: 9;
  width: 60%;
}
.page-header-title {
  font-size: 56px;
  line-height: 64px;
  font-weight: 600;
  color: var(--clr-white);
  text-shadow: 0px 4px 20px rgba(0,0,0, .3);
}
.yaaf-page-header.no-bg .page-header-title{
  text-shadow: none;
  color: var(--clr-heading);
}
.page-header-subtitle {
  font-size: 18px;
  font-weight: 500;
  color: var(--clr-white);
  margin-bottom: 30px;
}
.yaaf-page-header.no-bg .page-header-subtitle{
  color: var(--clr-primary);
}
.page-header-description {
  font-size: 18px;
  line-height: 24px;
  color: var(--clr-white);
  margin-bottom: 0;
}
.yaaf-page-header.no-bg .page-header-description{
  color: var(--clr-muted);
}

/* SIDEBAR */

.sidebar {
  padding-left: 30px;
}
.sidebar .widget {
  margin-bottom: 40px;
}
.sidebar .widget:last-child {
  margin-bottom: 0;
}
.sidebar .widget-title {
  font-size: 20px;
  color: var(--clr-text);
  margin-bottom: 25px;
}

/* RECENT POSTS WIDGET */

.recent-posts .recent-posts-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* gap: 15px; */
  margin-bottom: 15px;
}
.recent-posts-item .item-thumbnail {
  flex: 0 0 65px;
  max-width: 65px;
  width: 65px;
  height: 65px;
  background-color: var(--clr-text);
}
.recent-posts-item .item-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recent-posts-item .item-meta {
  flex: calc(100% - 65px);
  max-width: calc(100% - 65px);
  padding-right: 15px;
}
.recent-posts-item .item-meta .item-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-text);
  margin-bottom: 10px;
  line-height: normal;
}
.recent-posts-item .item-meta .item-title a {
  color: var(--clr-text);
  text-decoration: none;
}
.recent-posts-item .item-meta .item-date {
  font-size: 12px;
  color: var(--clr-desc);
  margin-bottom: 0;
  line-height: normal;
}
.recent-posts .recent-posts-item:last-child {
  margin-bottom: 0;
}
.yaaf-page-header .post-categories {
  display: flex;
  gap: 15px;
}
.yaaf-page-header .post-categories li::before {
  display: none;
}
.yaaf-page-header .post-categories li {
  padding: 0;
  margin: 0;
}
.yaaf-page-header .post-categories li a {
  color: var(--clr-white);
}

/* SIDERBAR */
.yaaf-sidebar {
  background-color: #fcfcfc;
  position: sticky;
  top: 35px;
  padding: 30px 0;
}
/* TAGS WIDGET */

.yaaf-tags .tag-item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0;
}
.yaaf-tags .tag-item::before {
  display: none;
}
.yaaf-tags .tag-item a {
  font-size: 14px;
  padding: 6px 15px;
  color: var(--clr-secondary);
  background-color: var(--clr-gray);
  display: block;
}
.yaaf-tags .tag-item:first-child {
  margin-left: 0;
}
.yaaf-tags .tag-item:last-child {
  margin-right: 0;
}

/* PAGINATION */

.yaaf-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 65px;
}
.yaaf-pagination ul.page-numbers{
  display: flex;
  gap: 12px;
}
.yaaf-pagination li{
  margin: 0;
}
.yaaf-pagination ul li .page-numbers {
  width: 36px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  background-color: transparent;
  color: #b6b8ba;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 4px;
}
.yaaf-pagination li .page-numbers.current {
  /* width: auto; */
  color: var(--clr-primary);
  background-color: var(--clr-accent-3);
  display: flex;
  align-items: center;
  cursor: not-allowed;
  /* padding-right: 30px;
  padding-left: 15px; */
}
.yaaf-pagination .next.page-numbers,
.yaaf-pagination .prev.page-numbers{
  width: auto;
  background-color: transparent;
  /* border: 1px solid var(--clr-accent-3); */
  color: #b6b8ba;
  padding: 8px 15px;
}
.yaaf-pagination .next.page-numbers {
  margin-left: 30px;
}
.yaaf-pagination .prev.page-numbers {
  margin-right: 30px;
}

/* WITH SIDEBAR */
.default-layout .yaaf-post_card .yaaf-post_thumb {
  height: 450px;
}
.list-layout .yaaf-post_card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.list-layout .yaaf-post_card .yaaf-post_thumb {
  flex: 0 0 250px;
  max-width: 250px;
  height: 200px;
}
.list-layout .yaaf-post_card .yaaf-post_excerpt {
  flex: 0 0 calc(100% - 250px);
  max-width: calc(100% - 250px);
}
.list-layout .yaaf-post_card .yaaf-post_meta {
  align-items: flex-end;
}

/* BLOG LAYOUT */
.yaaf-filter-row {
  display: flex;
  padding: 0 10px;
  margin-bottom: 35px;
  gap: 30px;
}
.yaaf-filter-row button {
  padding: 0;
  background-color: transparent;
  border: none;
  font-weight: 600;
  color: var(--clr-desc);
  transition: all 0.2s linear;
}
.yaaf-filter-row button:hover {
  cursor: pointer;
  color: var(--clr-primary);
}
.yaaf-filter-row button.is-checked {
  color: var(--clr-primary);
}
.masonry {
  position: relative;
}
.masonry-item {
  width: 277.5px;
  padding: 10px;
}
.masonry-item.post-item-3 {
  width: 370px;
  padding: 10px;
}
.masonry-item.post-item-4 {
  width: 277.5px;
  padding: 10px;
}
.masonry-item.post-item-6 {
  width: 555px;
  padding: 10px;
}
.yaaf-loader {
  display: flex;
  justify-content: center;
  padding: 35px 0;
}
.yaaf-loader img {
  width: 40px;
}
#yaaf-scroll-wrapper.masonry .yaaf-post_thumb {
  height: auto;
  background-color: transparent;
}
#yaaf-scroll-wrapper.masonry .yaaf-post_thumb img {
}

/* FEATURED POSTS */

.yaaf-featured-posts {
  height: 500px;
  background-color: #000;
  position: relative;
  margin-bottom: 65px;
}
.yaaf-featured-posts .slick-list {
  height: 100%;
}
.yaaf-featured-posts .yaaf-featured-post,
.yaaf-featured-posts .slick-list .slick-track,
.yaaf-featured-posts .slick-list .slick-track .slick-slide,
.yaaf-featured-posts .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.yaaf-featured-posts .slick-arrow {
  height: 100%;
  width: 50px;
  position: absolute;
  bottom: 0;
  z-index: 9;
  background-color: transparent;
  border: none;
  padding: 0;
  color: var(--clr-white);
  font-size: 22px;
}
.yaaf-featured-posts .slick-arrow:hover {
  cursor: pointer;
}
.yaaf-featured-posts .slick-prev {
  left: 0;
}
.yaaf-featured-posts .slick-next {
  right: 0;
}
.yaaf-featured-posts .yaaf-featured-post {
  position: relative;
}
.yaaf-featured-posts .yaaf-featured-post .yaaf-container {
  position: relative;
}
.featured-post-wrap {
  position: absolute;
  bottom: 65px;
  left: 0;
  z-index: 9;
  padding: 0 60px;
  width: 100%;
}
.yaaf-featured-post .featured-post-content {
}
.yaaf-featured-post::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: linear-gradient(to top, rgba(54, 95, 81, 1), rgba(54, 95, 81, 0));
}

.featured-post-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.featured-post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.featured-post-content h3 {
  font-size: 28px;
  color: var(--clr-white);
  font-weight: 700;
  margin-bottom: 20px;
}
.featured-post-content p {
  font-size: 16px;
  color: var(--clr-white);
  line-height: 24px;
  margin-bottom: 30px;
  margin-top: 0;
  max-width: 450px;
}
.featured-post-content a {
  color: var(--clr-white);
  background-color: transparent;
  border: 1px solid var(--clr-white);
  height: 40px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
}

/* SINGLE POST */

.single-post-content ul {
  margin-top: 15px;
}
.single-post-content > .wp-block-quote {
  margin: 0;
  padding: 15px 15px 15px 20px;
  background-color: #f8f8f8;
  border-radius: 4px;
  margin-bottom: 15px;
  border-left: 5px solid var(--clr-primary);
}
.single-post-content .wp-block-quote .wp-block-quote {
  margin: 0;
  padding: 0;
}
.single-post-content > .wp-block-quote p {
  font-style: italic;
  font-size: 18px;
}
.single-post-content > .wp-block-quote p:last-child {
  margin-bottom: 0;
}
.single-post-content > .wp-block-quote p:first-child::first-letter {
  font-size: unset;
  padding: unset;
  float: unset;
}
.single-post-content p {
  font-size: 16px;
  line-height: 1.5;
  color: #7a7e83;
  font-weight: 300;
}
.single-post-content p:first-child::first-letter {
  text-transform: uppercase;
  font-size: 28px;
  vertical-align: revert;
  font-size: 270%;
  float: left;
  padding-top: 10px;
  padding-right: 5px;
}
.single-post-content h2 {
  font-size: 32px;
}
.single-post-content h3 {
  font-size: 30px;
}
.single-post-content h4 {
  font-size: 28px;
}
.single-post-content h5 {
  font-size: 26px;
}
.single-post-content h6 {
  font-size: 24px;
}
.single-post-content {
  margin-bottom: 45px;
}

/* COMMENTS */

.yaaf-comments {
  padding-top: 65px;
}
.yaaf-comments .comment-reply-title {
  font-size: 24px;
  margin-bottom: 15px;
}
.yaaf-comments .logged-in-as {
  color: var(--clr-desc);
  margin-bottom: 35px;
}
.comment-form {
  position: relative;
  margin-bottom: 65px;
}
.comment-form .form-submit {
  margin-top: 30px;
  text-align: right;
}
.comment-form .form-submit input[type="submit"] {
  color: var(--clr-white);
  background-color: var(--clr-secondary);
  height: 40px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  border: none;
}
.comment-form .form-submit input[type="submit"]:hover {
  cursor: pointer;
}
.comment-form-comment label {
  display: block;
}
.yaaf-comments .comment-form input[type="text"] {
  width: 100%;
  height: 45px;
  background-color: var(--clr-border);
  border: 1px solid var(--clr-border);
  padding: 15px;
}
.comment-form-comment textarea {
  width: 100%;
  height: 250px;
  background-color: var(--clr-border);
  border: 1px solid var(--clr-border);
  padding: 15px;
}

/* ATHOR CARD */

.yaaf-author-card {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--clr-border);
  padding: 15px;
}
.yaaf-author-card .author-avatar {
  flex: 0 0 80px;
  max-width: 80px;
  height: 80px;
}
.yaaf-author-card .author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.yaaf-author-card .author-meta {
  flex: 0 0 calc(100% - 80px);
  max-width: calc(100% - 80px);
  padding-left: 15px;
}
.yaaf-author-card .author-meta .author-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
}
.yaaf-author-card .author-meta p {
  margin-bottom: 0;
}

/* RELATED POSTS */

.yaaf-related-posts .related-posts-title {
  font-size: 24px;
  margin-bottom: 30px;
}

.slider-yaaf {
  height: 600px;
  width: 100%;
  background-color: #1a2420;
  position: relative;
}
.yaaf-slide {
  height: 100%;
  display: flex !important;
  align-items: center;
}
.yaaf-slides {
  height: 100%;
}
.yaaf-slides .slick-list {
  height: 100%;
}
.yaaf-slides .slick-list .slick-track {
  height: 100%;
}
.yaaf-slides .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.yaaf-slide h1 {
  font-size: 48px;
  color: var(--clr-white);
}
.yaaf-slide p {
  font-size: 16px;
  color: var(--clr-white);
}
.yaaf-slide-nav {
  position: absolute;
  bottom: 45px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.yaaf-slide-nav .yaaf-container {
  display: flex;
  gap: 15px;
  justify-content: flex-end;
}
.yaaf-slide-nav button {
  width: 40px;
  height: 40px;
  border: 1px solid var(--clr-white);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: var(--clr-white);
  border-radius: 4px;
}
.yaaf-slide-nav button:hover {
  cursor: pointer;
}
.yaaf-slide-nav button span {
  font-size: 16px;
}

/* WORKS CARD */

.portfolio-wrap{
  padding-top: 90px;
  padding-bottom: 90px;
}
.portfolio-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 50px;
}
.portfolio-header-inner a {
  text-decoration: none;
}
.work-card {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.1);
}
.work-card::before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(50deg, rgb(26, 36, 32, .8) 0%, rgb(26, 36, 32) 31%, rgb(42, 45, 39) 42%, rgba(85, 67, 56, 0.67) 71%, rgba(224, 136, 91, .8) 100%);
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: hard-light;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(1.5);
}
.work-card:hover::before{
  opacity: .9;
  visibility: visible;
  transform: scale(1);
}
.work-preview {
  height: 400px;
}
.work-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.work-card:hover .work-preview img {
  transform: scale(1.1);
}
.work-content {
  position: absolute;
  bottom: 15px;
  left: 15px;
  /* right: 0; */
  margin: 0 auto;
  width: calc(100% - 30px);
  /* background-color: white; */
  padding: 15px;
  z-index: 11;
  /* border-radius: 4px; */
  /* overflow: hidden; */
  /* transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); */
  /* opacity: 0.5; */
  /* visibility: hidden; */
}
.work-card:hover .work-content {
  /* left: 15px; */
  opacity: 1;
  visibility: visible;
  /* width: calc(100% - 30px); */
}
.work-meta {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 12px;
  position: relative;
  /* left: -35px; */
  /* transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); */
}
.work-meta h4 {
  margin-bottom: 0;
  position: relative;
  bottom: -30px;
  transition: all .30s ease;
  opacity: 0;
  visibility: hidden;
}
.work-card:hover .work-meta h4{
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.work-meta h4 a {
  font-size: 20px;
  font-weight: 600;
  color: var(--clr-white);
}
.work-link {
  text-align: right;
  color: var(--clr-white);
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  bottom: -40px;
  transition: all .40s ease;
  opacity: 0;
  visibility: hidden;
}
.work-link::before{
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background-color: #FFF;
  transition: all 0.55s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: absolute;
  bottom: 0;
  left: 0;
}
.work-meta a .uil {
  font-size: 20px;
}
.work-category {
  background-color: var(--clr-primary);
  font-size: 11px;
  text-transform: uppercase;
  color: var(--clr-white);
  padding: 2px 5px;
  border-radius: 4px;
  letter-spacing: 1px;
  position: relative;
  bottom: -20px;
  transition: all 0.55s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  visibility: hidden;
}
.work-card:hover .work-meta .work-link{
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.work-card:hover .work-meta .work-link::before{
  width: 100%;
}
.work-card:hover .work-category {
  left: 0;
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
.yaaf-image{
  text-align: center;
}
.yaaf-image img {
  /* width: 100%; */
  height: auto;
  border-radius: 4px;
  /* box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1); */
}

/*  */

.yaaf-list_items.info-list {
  /* padding: 0 15px; */
  gap: 0;
}
.info-list_item_label {
  margin-bottom: 10px;
  font-size: 20px;
  color: var(--clr-primary);
}
.info-list_item_value a,
.info-list_item_value {
  padding-right: 15px;
}

.simple-list {
  padding-left: 14px;
  gap: 15px;
  /* margin-top: 30px; */
  line-height: 12px;
}
.simple-list li {
  position: relative;
  /* padding-left: 25px; */
  font-size: 18px;
  color: var(--clr-text);
  line-height: normal;
}
.simple-list li i{
  margin-right: 8px;
}
.rtl .simple-list li{
  font-size: 21px;
}
.rtl .simple-list li i{
  margin-left: 8px;
  margin-right: 0;
}
/* .simple-list li::before {
  content: "\e5ca";
  font-family: var(--icon-ff);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  color: white;
  background-color: var(--clr-primary);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
} */
.simple-list li.yaaf-lg-6 {
  flex: unset;
  max-width: fit-content;
}

/* FULL IMAGE */

.full-width-img {
  height: 500px;
  position: relative;
}
.full-width-img::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(54, 95, 81, 1), rgba(54, 95, 81, 0));
  mix-blend-mode: soft-light;
  z-index: 1;
}
.full-width-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.full-width-img .yaaf-container {
  position: relative;
  height: 100%;
}
.full-width-img-content {
  width: 400px;
  padding: 2rem;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  z-index: 2;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, .2);
}
.full-width-img-content h4 {
  font: var(--h4-font);
  margin-bottom: 1rem;
}
.full-width-img-content p {
  font: var(--p-font);
  color: var(--clr-muted);
  margin-bottom: 0;
}

.yaaf-clients {
  width: 100%;
  height: 35px;
  /* overflow: hidden; */
}
.yaaf-clients .swiper-wrapper {
  /* overflow: hidden; */
  margin: 0 -15px;
}
.yaaf-clients .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  /* background: #eee; */
  font-size: 24px;
  width: 300px; /* required for freeMode + autoplay to work properly */
}
.yaaf-clients .client-yaaf {
  padding: 0 15px;
}
.yaaf-clients .client-yaaf img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.yaaf-clients-title {
  padding-right: 45px;
}
.yaaf-clients-content {
  padding-left: 45px;
  padding-top: 1rem;
}
.yaaf-clients-desc {
  margin-bottom: 65px;
  color: var(--clr-desc);
}
.swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

/* ACCORDIONS */

.yaaf-accordions-wrap{
  max-width: 750px;
  margin: 0 auto;
  border: 1px solid var(--card-border-bg);
  border-radius: 18px;
}
.yaaf-accordions-wrap .yaaf-heading_title{
  padding: 16px 27px;
  font-size: 27px;
}
.yaaf-heading_title strong{
  background-image: linear-gradient(to left bottom, rgb(29, 78, 216), rgb(46, 204, 62));
  background-clip: text;
  color: rgba(0, 0, 0, 0);
  font-weight: 700;
}
.yaaf-accordions_heading{
  border-bottom: 1px solid var(--card-border-bg);
}
.yaaf-accordion {
  padding: 18px 27px;
  border-bottom: 1px solid var(--card-border-bg);
  border-left: 0;
  border-right: 0;
}
.yaaf-accordion:first-child {
  border-top: none;
}
.yaaf-accordion:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.accordion-header {
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
}
.accordion-header h4 {
  margin: 0;
  font-size: var(--h5-font);
  font-size: 18px;
  font-weight: 500;
  color: var(--clr-text);
  line-height: 28px;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  gap: 8px;
}
.accordion-header span{
  width: 20px;
  height: 20px;
  border: 2px solid var(--clr-text);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
}
.accordion-open .accordion-header h4 {
  /* color: var(--clr-primary); */
}
.accordion-header button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  width: 16px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rtl .accordion-header button{
  left: 0;
  right: unset;
}
.accordion-header button::before,
.accordion-header button::after {
  display: block;
  font-family: unicons-line;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  transition: all 0.15s linear;
  position: absolute;
  color: var(--clr-text);
}
.accordion-header button::before {
  content: "\e98c";
}
.accordion-header button::after {
  content: "\e983";
  opacity: 0;
  visibility: hidden;
}
.accordion-open .accordion-header button::before {
  opacity: 0;
  visibility: hidden;
}
.accordion-open .accordion-header button::after {
  opacity: 1;
  visibility: visible;
  /* color: var(--clr-primary); */
}
.accordion-body {
  padding: 21px 0px 0;
  display: none;
}
.accordion-body p {
  margin-bottom: 0;
  color: var(--clr-text);
  max-width: calc(100% - 30px);
}

@media(max-width: 768px){
  .yaaf-accordion{
    padding: 16px 16px;
  }
  .accordion-header span{
    flex: 0 0 20px;
  }
  .accordion-header{
    padding-right: 26px;
  }
  .accordion-header h4{
    align-items: baseline;
  }
}

/* INPUTS */
.wpcf7-form p label {
  font-size: 16px;
}
.wpcf7-form .wpcf7-form-control-wrap {
  margin-top: 12px;
  display: block;
}
.wpcf7-form .wpcf7-form-control-wrap textarea,
.wpcf7-form .wpcf7-form-control-wrap input {
  width: 100%;
  height: 45px;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
}
.wpcf7-form .wpcf7-form-control-wrap textarea {
  min-height: 150px;
}
.wpcf7-form-control.wpcf7-submit {
  font-size: 16px;
  color: var(--clr-white);
  background-color: var(--clr-primary);
  border: 1px solid var(--clr-primary);
  border-radius: 4px;
  padding: 15px 30px;
}

.yaaf-lines{
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1140px;
  height: 100dvh;
  display: flex;
  justify-content: space-between;
  z-index: -11;
  pointer-events: none;
}
.yaaf-lines span{
  width: 1px;
  height: 100%;
  background-color: #F9F9F9;
}


/* ### BOEN HEADER ### */

.boen-header{
  padding: 18px 0;
  border-bottom: 1px solid var(--clr-btn-1);
  position: sticky;
  top: 0;
  z-index: 91;
  background-color: var(--clr-dark);
}
.boen-header .container-xxl{
  padding: 0 32px;
}
.boen-flex{
  direction: ltr;
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
}
.boen-header .boen-flex{
  align-items: center;
}


.boen-phone{
  margin-top: 4px;
  text-align: left;
}
.boen-phone a{
  font-size: 18px;
  font-weight: 500;
  color: var(--clr-text);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 30px;
}
.boen-phone a i{
  font-size: 16px;
}
.rtl .boen-phone a{
  font-size: 20px;
}
.boen-phone a .material-symbols-outlined{
  font-size: 22px;
}
.boen-link{
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-white);
  border-radius: 9px;
  padding: 12px 24px;
  display: inline-flex;
  line-height: 27px;
  gap: 18px;
}
.boen-link i{
  font-size: 18px;
}
.rtl .boen-link{
  font-size: 20px;
}
.boen-link.primary{
  background-color: var(--clr-btn-1);
}
.boen-link.secondary{
  background-color: rgb(234, 179, 8);
  color: rgb(0, 0, 0);
}
.boen-link.blue{
  background-color: rgb(59 130 246);
}
.boen-link.green{
  background-color: rgb(34 197 94);
}
.boen-langs-menu{
  margin-top: 15px;
  position: relative;
}
.boen-langs-menu .current-lang{
  padding: 0;
  background-color: transparent;
  border: none;
  color: var(--clr-text);
  font-size: 18px;
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  padding: 9px 0;
  gap: 12px;
  cursor: pointer;
}
.boen-langs-menu .current-lang .fa-sort-down{
  position: relative;
  top: -4px;
}
.langs-menu{
  background-color: var(--clr-dark);
  border-radius: 6.75px;
  border: 1px solid var(--card-border-bg);
  margin-top: 9px;
  transform-origin: top right;
  width: 14rem;
  display: none;
  position: absolute;
  right: 0;
  z-index: 9;
}
.langs-menu.show-langs-menu{
  display: block;
}
.langs-menu a{
  padding: 9px 18px;
  font-size: 16px;
  color: var(--clr-text);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}

@media(max-width: 768px){
  .boen-header.boen-active{
    background-color: var(--label-bg);
  }
  .boen-header .container-xxl{
    padding: 0 8px;
  }
  .boen-actions-inner .boen-link.primary{
    padding: 7px 10px;
  }
}

/* FOOOTER */

.boen-footer{
  background-color: rgb(31 41 55);
  text-align: center;
}
.legal-widget,
.copyright-widget,
.supports-widget{
  padding: 30px 0;
}
.supports-widget{
  border-top: 1px solid rgb(229, 231, 235);
  border-bottom: 1px solid rgb(229, 231, 235);
}
.supports-widget li:last-child{
  margin-bottom: 0;
}
.supports-widget li a{
  color: rgb(156, 163, 175);
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  gap: 8px;
  direction: ltr;
}
.supports-widget li a i{
  font-size: 14px;
}
.supports-widget li a i.fa-brands{
  font-size: 18px;
}
.copyright-widget em{
  margin: 15px 0;
  display: block;
}
.copyright-widget p{
  color: rgb(156 163 175);
  margin: 0;
}
.poweredby-text{
  display: flex;
  justify-content: center;
  gap: 12px;
}
.poweredby-text img{
  width: 110px;
  height: auto;
  object-fit: contain;
}
.side-c .widget-title{
  color: var(--clr-white);
  font-size: 16px;
  color: var(--clr-white);
  margin-bottom: 15px;
}
.widget_nav_menu .menu{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.widget_nav_menu .menu li{
  padding: 0;
}
.widget_nav_menu .menu a{
  font-size: 14px;
  color: rgb(156 163 175);
}

@media(max-width: 768px){
  .widget_nav_menu .menu{
    gap: 16px;
  }
  .widget_nav_menu .menu a{
    font-size: 12px;
  }
  .supports-widget ul{
     text-align: left;
  }
  .supports-widget li a{
    font-size: 16px;
  }
  .supports-widget{
    padding: 40px 0;
  }
  .copyright-widget .copyright-text{
    font-size: 14px;
  }
  .boen-phone{
    margin-top: 4px;
  }
  .boen-phone a{
    font-size: 18px;
  }
  .boen-phone a i{
    font-size: 16px;
  }
}
/* single pack */

.single-pack{
  background-color: var(--card-bg);
  border: 1px solid var(--card-border-bg);
  border-radius: .5rem;
  padding: 1.8rem;
  height: 100%;
}
.most-populat-tag{
  background-color: rgb(254 213 10);
  font-size: 14px;
  text-transform: uppercase;
  color: rgb(31, 41, 55);
  border-radius: 8px;
  padding: 4px 8px;
  line-height: 20px;
  position: absolute;
  top: -15px;
  right: 25px;
  display: none;
}
.pack-header{
  text-align: center;
  margin-bottom: 15px;
  min-height: 80px;
}
.pack-header input{
  display: none;
}
.pack-header h3{
  font-size: 24px;
  font-weight: 700;

  /* font-family: var(--rtl-main-font); */
}
.pack-features{
  margin-top: 30px;
}
.pack-feature{
  color: var(--clr-text);
  display: flex;
  gap: 26px;
}
.pack-feature .feature-icon{
  font-size: 32px;
}
.pack-feature p{
  font-size: 20px;
  color: var(--clr-text);
}
.pack-price{
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.rtl .pack-price{
  font-size: 18px;
}
.pack-price del{
  text-decoration: line-through;
  color: rgb(239 68 68);
}
.pack-price .price{
  font-size: 24px;
  font-weight: 700;
}
.rtl .pack-price .price{
  font-size: 27px;
}

.pack-reviews{
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.rtl .pack-reviews{
  justify-content: flex-end;
}
.pack-reviews span{
  font-size: 16px;
}
.rtl .pack-reviews span{
  font-size: 18px;
}
.pack-reviews .stars{
  display: flex;
  gap: 2px;
}
.pack-reviews .fa-star{
  color: #ffab00;
  font-size: 14px;
}
.rtl .pack-reviews .fa-star{
  font-size: 16px;
}
.pack-reviews a{
  color: rgb(37, 99, 235);
  font-size: 16px;
}
.pack-footer{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.single-pack .boen-link.primary{
  /* color: black; */
  font-size: 18px;
  line-height: 28px;
  padding: 12px 24px;
}

.rotate-column{
  transform: rotateY(0deg);
}
.rtl .rotate-column{
  transform: rotateY(180deg);
}
.absolute-img-center{
  width: 320px;
  position: absolute;
  bottom: 0;
  transform: translateX(-50%) translateY(10%);
}
.rtl .absolute-img-center{
  left: 0;
}
.pack-form{
  display: none;
}
@media(max-width: 768px){
  .single-pack{
    margin-bottom: 30px;
    padding: 18px;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: var(--card-gray-bg);
    border-color: var(--card-border-bg);
  }
  .pack-features{
    display: none;
  }
  .pack-header input{
    display: block;
    width: 27px;
    height: 27px;
    background-color: var(--card-gray-bg);
    border: 1px solid var(--border-input);
    box-sizing: border-box;
    appearance: none;
    border-radius: 50%;
  }
  .single-pack.selected-plan,
  .single-pack:has(.pack-header input:checked){
    border: 1px solid rgb(248, 109, 7);
    background-color: var(--selected-pack);
  }
  .single-pack.selected-plan .pack-features,
  .single-pack:has(.pack-header input:checked) .pack-features{
    display: block;
  }
  .single-pack.selected-plan .pack-footer,
  .single-pack:has(.pack-header input:checked) .pack-footer{
    display: none;
  }
  .pack-header input:checked{
    background-color: rgb(248, 109, 7);
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .single-pack.selected-plan .pack-form,
  .single-pack:has(.pack-header input:checked) .pack-form{
    display: block;
  }
  .pack-header{
    display: flex;
    min-height: unset;
    order: 1;
    gap: 8px;
    align-items: center;
    margin-bottom: 20px;
  }
  .pack-header h3{
    font-size: 18px;
    margin-bottom: 0;
  }
  .pack-price-reviews{
    order: 2;
  }
  .pack-footer{
    order: 3;
  }
  .pack-form{
    order: 4;
  }
  .pack-features{
    order: 5;
  }
  .pack-feature{
    justify-content: center;
  }
  .rtl .pack-header{
    text-align: right;
    min-height: auto;
    margin-bottom: 30px;
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .rtl .pack-header h3{
    text-align: right;
    margin-bottom: 0;
  }
  .rtl .pack-price{
    justify-content: flex-end;
    margin-bottom: 10px;
  }
  .single-pack .boen-link.secendary{
    line-height: 21px;
    color: var(--clr-white);
    background-color: var(--clr-btn-2);
  }
  .pack-reviews{
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .pack-footer{
    margin-top: 20px;
  }
  .tst-basic{
    padding: 0;
  }
  .testimonial-card{
    margin-bottom: 30px;
    height: auto;
  }
  .boen-intro{
    min-height: 70vh !important;
    flex-direction: column-reverse;
  }
  .rotate-column{
    height: 500px;
  }
  .absolute-img-center{
    width: 180px;
    left: 100px !important;
  }
  .single-pack .gform-theme--framework.boen-form_wrapper .gform_footer{
    margin-top: 35px;
  }
  .single-pack .gform-theme--framework.boen-form_wrapper .gform_footer input[type="submit"]{
    background: rgb(234, 179, 8) !important;
    color: rgb(0, 0, 0) !important;
    display: inline-block !important;
    font-size: 18px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    line-height: 28px !important
  }
}

.boen-boxed-container{
  padding-top: 50px;
  padding-bottom: 50px;
}
.boen-boxed{
  max-width: 1024px;
  margin: 0 auto;
  background-color: var(--card-bg);
  border: 1px solid var(--card-border-bg);
  padding: 56px;
  border-radius: 12px;
}
.boen-boxed .yaaf-logo{
  text-align: center;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: unset;
  margin-bottom: 32px;
}
.boen-boxed .yaaf-logo img{
  width: auto;
  height: 75px;
}

.centred-header{
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-top: 27px;
}
.centred-header > div{
  max-width: 100%;
  flex: unset;
  display: flex;
  justify-content: center;
}
.centred-header .yaaf-logo{
  margin-bottom: 50px;
}
.langs-nav{
  display: flex;
  align-items: center;
  gap: 30px;
}
.langs-nav li{
  position: relative;
  margin: 0;
}
.langs-nav li::before{
  content: '';
  width: 1px;
  height: 27px;
  background-color: var(--clr-white);
  display: block;
  position: absolute;
  right: -15px;
  top: 0;
  position: absolute;
}
.rtl .langs-nav li::before{
  right: unset;
  left: -15px;
}
.langs-nav li:last-child::before{
  display: none;
}
.langs-nav a{
  color: var(--clr-text);
}
.langs-nav a:hover{
  text-decoration: underline;
}
.langs-nav a img{
  margin-right: 8px;
}

@media(max-width: 768px){
  .boen-boxed{
    background-color: transparent;
    border: none;
    padding: 0;
  }
}

/* FORMS */

.gform-theme--framework.boen-form_wrapper .gform_fields{
  gap: 30px;
  margin-top: 60px;
  display: flex;
  flex-direction: column;
}
.gform-theme--framework.boen-form_wrapper .boen-form.career .gform_fields{
  display: grid;
}
.gform-theme--framework.boen-form_wrapper .gfield{
  position: relative;
}
.gform-theme--framework.boen-form_wrapper .gfield.gfield--type-consent{
  margin-bottom: 16px;
}
.gform-theme--framework.boen-form_wrapper .gfield .gfield_label{
  color: var(--label-text);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: absolute;
  left: 0;
  padding-left: 8px;
  padding-right: 8px;
  background-color: var(--label-bg);
  top: 4px;
  transform: matrix(1, 0, 0, 1, 0, -19.2);
  transform-origin: 0px 12px;
  margin-inline-start: 4px;
  z-index: 1;
}
.rtl .gform-theme--framework.boen-form_wrapper .gfield .gfield_label{
  left: unset;
  right: 0;
}
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="checkbox"],
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="text"],
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="email"],
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="tel"],
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="number"],
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="file"],
.gform-theme--framework.boen-form_wrapper .ginput_container textarea{
  width: 100%;
  min-height: 50px;
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid var(--border-input);
  padding: 12px 10px;
  color: var(--clr-text);
  box-shadow: none;
  outline: none;
}
.rtl .gform-theme--framework.boen-form_wrapper .gfield_error .ginput_container input{
  text-align: right;
}
.gform-theme--framework.boen-form_wrapper .gfield_error .ginput_container input[type="checkbox"],
.gform-theme--framework.boen-form_wrapper .gfield_error .ginput_container input[type="text"],
.gform-theme--framework.boen-form_wrapper .gfield_error .ginput_container input[type="email"],
.gform-theme--framework.boen-form_wrapper .gfield_error .ginput_container input[type="tel"],
.gform-theme--framework.boen-form_wrapper .gfield_error .ginput_container input[type="number"],
.gform-theme--framework.boen-form_wrapper .gfield_error .ginput_container input[type="file"],
.gform-theme--framework.boen-form_wrapper .gfield_error .ginput_container textarea{
  border-color: rgb(248, 113, 113);
}
.gform-theme--framework.boen-form_wrapper .gfield_error .gfield_validation_message{
  color: rgb(248, 113, 113);
}
.gform-theme--framework.boen-form_wrapper .ginput_container textarea{
  min-height: unset;
  height: 180px;
  padding: 20px 14px 12px;
  resize: vertical;
}
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="checkbox"]{
  width: 16px;
  height: 16px;
  min-height: unset;
  padding: 0;
  border-radius: 4px;
  appearance: none;
  background-color: var(--card-bg);
}
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="checkbox"]:checked{
  background-color: rgb(37, 99, 235);
  color: var(--clr-text);
}
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="checkbox"]:checked::before{
  color: var(--clr-white);
}
.gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_consent .gfield_consent_label{
  color: var(--clr-text);
  font-weight: 600;
}
.gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_consent{
  display: flex;
  align-items: center;
}
.gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_consent .gfield_consent_label a{
  color: rgb(37, 99, 235);
}
.gform-theme--framework.boen-form_wrapper .ginput_container input:focus{
  border-color: rgb(59, 130, 246);
}
.gform-theme--framework.boen-form_wrapper .gfield:focus-within .gfield_label {
  color: rgb(59, 130, 246);
}
.gform-theme--framework.boen-form_wrapper .gfield.gfield_error .gfield_label{
  color: rgb(248, 113, 113);
}
.gform-theme--framework.boen-form_wrapper .gform_validation_errors{
  display: none;
  visibility: hidden;
}
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="file"]{
  appearance: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  height: 65px;
}
.gform-theme--framework.boen-form_wrapper .ginput_container input[type="file"]::file-selector-button {
  background-color: var(--file-input);
  border: none;
  border-radius: 8px;
  color: var(--clr-white);
  font-size: 16px;
}
.gform-theme--framework.boen-form_wrapper .ginput_container textarea::-webkit-input-placeholder,
.gform-theme--framework.boen-form_wrapper .ginput_container textarea:-moz-placeholder,
.gform-theme--framework.boen-form_wrapper .ginput_container textarea::placeholder{
  color: rgb(75, 85, 99);
  font-size: 16px;
}
.iti.iti--allow-dropdown{
  width: 100%;
}
.gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_phone .iti.iti--allow-dropdown .iti__country{
  padding: 12px 8px;
}
.gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_phone .iti.iti--allow-dropdown .iti__country .iti__country-name{
  font-size: 14px;
}
.gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_phone .iti__country-container .iti__selected-country{
  background-color: transparent;
  border: none;
  height: 100%; 
  box-shadow: none;
}
.gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_phone .iti__country-container .iti__selected-country .iti__selected-dial-code{
  color: var(--clr-text);
}
.gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_phone .iti__country-container{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
}
/* @media (min-resolution: 2x) {
  .gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_phone .iti__country-container .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
}

.gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_phone .iti__country-container .iti__flag{
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
} */
.gform-theme--framework.boen-form_wrapper .ginput_container.ginput_container_phone .iti__country-container .iti__selected-country .iti__flag{
  border: none;
  box-shadow: none;
}
.iti__dropdown-content .iti__country-list,
.iti--inline-dropdown .iti__country-list{
  background-color: var(--phone-bg);
}
.iti__search-input-wrapper input[type="search"]{
  background-color: var(--phone-bg);
  color: var(--clr-text);
  height: 45px;
}
.iti__search-input-wrapper .iti__search-clear.iti__hide{
  display: none;
  visibility: hidden;
}

.gform-theme--framework.boen-form_wrapper .ginput_container .iti input[type="tel"]{
  padding-left: 110px !important;
}
.gform-theme--framework.boen-form_wrapper .gform_footer{
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.gform-theme--framework.boen-form_wrapper .gform_footer input[type="submit"]{
  appearance: button !important;
  background-color: rgb(34, 211, 238) !important;
  background-image: linear-gradient(to left, rgb(34, 211, 238), rgb(6, 182, 212), rgb(8, 145, 178));
  font-size: 18px;
  font-weight: 700 !important;
  border-radius: 30px !important;
  padding: 8px 16px  !important;
  line-height: 28px !important;
}
.gform-theme--framework.boen-form_wrapper.trail_wrapper .gform_footer input[type="submit"]{
  width: 100% !important;
  background-color: rgb(29, 78, 216) !important;
  background-image: unset;
  border-radius: 6px !important;
}
.gform-theme--framework.boen-form_wrapper.career_wrapper .gform_footer{
  margin-top: 45px;
}
.gform-theme--framework.boen-form_wrapper.career_wrapper .gform_footer input[type="submit"]{
  min-width: 200px !important;
}

.video-section{
  position: relative;
}
.video-section .video-sound{
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: rgb(249, 115, 22);
  border-radius: 35px;
  font-size: 20px;
  line-height: 30px;
  padding: 4px 15px;
  color: var(--clr-white);
  border: none;
  display: flex;
  align-items: center;
  gap: 12px;
}
.video-section video{
  width: 100%;
  /* height: 500px; */
  object-fit: cover;
  object-position: top;
  border-radius: 9px;
}
/* base styles */
.volume__small-wave,
.volume__large-wave {
  transform-box: fill-box;      /* make transform work nicely on SVG path */
  transform-origin: center;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

/* small inner wave */
.volume__small-wave {
  animation-name: volumeSmall;
  animation-duration: 0.8s;
}

/* large outer wave */
.volume__large-wave {
  animation-name: volumeLarge;
  animation-duration: 1.2s;
}
.muted .volume__small-wave,
.muted .volume__large-wave {
    opacity: 0 !important;
    animation: none !important;
}
/* keyframes */
@keyframes volumeSmall {
  0%   { opacity: 0.2; transform: scale(0.85); }
  50%  { opacity: 1;   transform: scale(1); }
  100% { opacity: 0.2; transform: scale(0.85); }
}

@keyframes volumeLarge {
  0%   { opacity: 0.1; transform: scale(0.9); }
  50%  { opacity: 1;   transform: scale(1.05); }
  100% { opacity: 0.1; transform: scale(0.9); }
}
.col-wrapper .wpb_wrapper{
  padding: 27px;
  border-radius: 9px;
  border: 1px solid var(--clr-white);
}
.light .simple-bg .wpb_wrapper,
.light .col-wrapper .wpb_wrapper{
  background-color: rgb(249, 250, 251);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px
}
.gform_required_legend{
  display: none;
}
.simple-bg .wpb_wrapper{
  background-color: rgb(17, 24, 39);
  border: 1px solid white;
  border-radius: 8px;
  padding: 32px 16px 16px;
}
.light .rtl.page-template-boxed-page-php{
  background-color: rgb(249, 250, 251);
}

@media(max-width: 768px){
  .col-wrapper .wpb_wrapper{
    margin-top: 35px;
  }
  .video-section video{
    height: 350px;
  }
  .section-p-lg{
    padding-top: 15px;
    padding-bottom: 40px;
  }
  /* .style_4 .ibox-item{
    padding-top: 0;
    padding-bottom: 0;
  } */
  .most-populat-tag{
    display: block;
  }
  .cols-5{
    gap: 30px;
  }
  .row.row-cols-5 .col{
    flex: 0 0 100%;
  }
  .steps-yaaf-simple .step-wrap{
    justify-content: flex-start;
  }
  .steps-yaaf .row{
    gap: 2.5rem;
  }
}

.boen-team .row{
  gap: 24px 0px;
}
.sticky-column{
  height: calc(100vh - 133px);
  overflow-y: auto;
  overflow-x: hidden;
  position: sticky;
  top: 133px;
  padding-top: 30px;
  padding-bottom: 15px;
  padding: 30px 45px 15px 0;
}
.sticky-column li a{
  color: var(--clr-white);
  font-size: 14px;
}
.sticky-column h5{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
}
.sticky-column h5:first-child{
  margin-top: 0;
}
.sticky-column h5 a{
  color: var(--clr-white);
}
.sticky-column h5,
.sticky-column li{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}


@media(max-width: 1280px){
  body > .container-xxl{
    overflow: hidden;
  }
}