
:root{
  --blocks-padding: .5rem;
  --blocks-color-level-1: #f19dc9;
  --blocks-color-level-2: #f19dc9;
  --blocks-color-level-3: #db2886;
  --bs-offcanvas-padding-y: 2rem;
  --bs-offcanvas-padding-xy: 2rem;
}

body {
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  letter-spacing: .02rem;
}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
  font-weight: 400;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}
h1, .h1{
  font-size: var(--fs-h1);
}
h1 > sup{
  font-size: var(--bs-body-font-size);
  margin-bottom: 5px;
  display: block;
  font-weight: 500;
}
h2, .h2{
  font-size: var(--fs-h2);
}
article h1{
  margin-bottom: 2rem;
}

h3, .h3{
  font-size: var(--fs-h3);
  line-height: 1.3;
}
h4{
  font-size: var(--fs-h4);
}

.has-kwb-large-font-size{
  line-height: 1.5;
}


p{
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
}
a{
  color: inherit;
  text-decoration: none;
}
article p:not(.text-decoration-none) > a:not(.wp-block-button__link, .text-decoration-none){
  border-bottom: 1px solid white;
}
article p:not(.text-decoration-none) > a:not(.wp-block-button__link, .text-decoration-none):hover{
  border-bottom: 2px solid white;
}



.fw-400{
  font-weight: 400 !important;
}
.fw-500{
  font-weight: 500 !important;
}
.fw-600{
  font-weight: 600 !important;
}
strong{
  font-weight: 600;
}

.alert{
  --bs-alert-border-radius: 0;

  --bs-info-text-emphasis: var(--color-black);
  --bs-info-bg-subtle: var(--color-white);
  --bs-info-border-subtle: var(--color-white);
  --bs-info-text-emphasis: var(--color-black);
}

.wp-block-separator{
  border: none;
  height: 1px;
  background: #0B1313;
  background: linear-gradient(90deg, rgba(11, 19, 19, 1) 0%, rgba(194, 194, 194, 1) 50%, rgba(11, 19, 19, 1) 100%);
  opacity: .2;
  padding: 0;
}


html :where(.wp-block) {
  max-width: unset;
}
html :where(.wp-block)[data-align=wide] {
  max-width: unset;
}
html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full] {
    margin-left: unset;
    margin-right: unset;
}
div[class*="wp-block"]:not(.wp-block-spacer,.wp-block-group){
  margin-bottom: 1rem;
}
.block-editor-block-list__layout.is-root-container > .alignfull {
  max-width: 100% !important;
}
@media (max-width: 769px) {
  .wp-block-spacer{max-height: 200px;}
  /* .wp-block-spacer[style="height:200px"]{height: 100px !important;} */
}

.fs-xsmall{font-size: var(--fs-xsmall)}
.fs-small{font-size: var(--fs-small)}
.fs-medium{font-size: var(--fs-medium)}
.fs-large{font-size: var(--fs-large)}
.fs-xlarge{font-size: var(--fs-xlarge)}

.g-icon{

}

.text-cursive{
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 800;
  font-size: 35px !important;
  line-height: 1.25;
}

@media (min-width: 769px) {
  .wp-block-cover{
    padding: 2em;
  }
  .text-cursive{
    font-size: 45px !important;
  }
}

.wp-block-quote {
  font-weight: 600;
  padding-left: 1.3rem;
  position: relative;
  overflow: hidden;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.wp-block-quote::before{
  position: absolute;
  color: var(--color-black);
}
.wp-block-quote p {
  margin: 0;
}
.wp-block-quote p + p {
  margin-top: 1rem;
}
.wp-block-quote::before {
  content: '"';
  left: 0;
  font-size: 1.4em;
  line-height: 1;
}

.block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  max-width: var(--wp--style--global--content-size) !important;
}

.is-layout-constrained > .row{
  margin-right: calc(-.5* var(--bs-gutter-x)) !important;
  margin-left: calc(-.5* var(--bs-gutter-x)) !important;
}




/**
 * Groups
 */
 .wp-block-post-content .wp-block-group{
   /* padding: var(--blocks-padding); */
   border: 1px dashed var(--blocks-color-level-1);
 }

 /* Default container (similar to Bootstrap .container) */
/* .wp-block-group {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     width: 100%;
     max-width: 1320px;
     margin-left: auto;
     margin-right: auto;
     padding-right: calc(var(--bs-gutter-x)* .5);
     padding-left: calc(var(--bs-gutter-x)* .5);
 } */

 /* Wide-aligned block (similar to Bootstrap .container-fluid with a max-width) */
 /* .wp-block-group.alignwide,.wp-block[data-align="wide"] > .wp-block-group {
     width: 90%;
     max-width: 1320px;
     margin-left: auto;
     margin-right: auto;
 } */

 /* Full-width block (similar to Bootstrap .container-fluid) */
 /* .wp-block-group.alignfull, .wp-block[data-align="full"] > .wp-block-group {
     width: 100vw;
     max-width: 100%;
     margin-left: 0;
     margin-right: 0;
     padding-right: calc(var(--bs-gutter-x)* .5);
     padding-left: calc(var(--bs-gutter-x)* .5);
 } */


 @media (max-width: 768px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .row{
      --bs-gutter-x: 3rem;
    }
     body:not(.editor-styles-wrapper) .wp-block-group {
         padding-left: 0;
         padding-right: 0;
     }
    body:not(.editor-styles-wrapper) .wp-block-group.alignwide {
         width: 100%;
     }
 }
 @media (max-width: 576px) {

     .wp-block-group {
         max-width: 100%;
         padding-left: 10px;
         padding-right: 10px;
     }
 }


 /**
  * Columns
  */
  .wp-block-columns{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
    gap: 0;
  }

  .wp-block-post-content .wp-block-columns{
    --bs-gutter-y: 0 !important;
    padding: .5rem;
    border: 1px dashed var(--blocks-color-level-1);
  }
  .wp-block-post-content .wp-block-column{
    border: 1px dashed var(--blocks-color-level-2);
  }

  .wp-block-columns .wp-block-column{
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: unset;
    /* flex: 1 0 0%; */
  }

  /**
   * Background images & overlay
   */
  .wp-block-columns.has-background-image,
  .wp-block-column.has-background-image,
  div.has-background-image[class*="col"]{
    position: relative;
    height: stretch;
    display: block;
  }

  .wp-block-columns.has-background-image:before,
  .wp-block-column.has-background-image:before,
  div.has-background-image[class*="row"] > .background-image:before,
  div.has-background-image[class*="col"] > .background-image:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: var(--bg-overlay-opacity);
    background-color: #000;
    z-index: 0;
  }
  .wp-block-column.has-background-image > *{
    z-index: 1;
    position: relative;
  }

  div.has-background-image[class*="col"] > .background-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
  }

  div.has-background-image[class*="col"] > .background-image > img{
    width: 100%;
   height: 100%;
   /* object-fit: cover; */
   display: block;
  }


  /**
   * Accordion
   */
   .wp-block-accordion-panel{
     margin-bottom: 3rem !important;
   }
   .wp-block-accordion-heading{
      margin: 2rem 0;
   }
   .wp-block-accordion-heading span{
     text-decoration: none !important;
   }
   .wp-block-accordion-heading__toggle{
     gap: 2rem;
   }
   .wp-block-accordion-heading__toggle-icon{
     font-family: 'Material Symbols Sharp';
   }

   /**
    * Lists
    */
  .wp-block-list.has-kwb-medium-font-size > li{
    margin-bottom: .4rem;
  }



  /*------------------------------------*\
    Partners
  \*------------------------------------*/
  .it-partners-block { width: 100%; overflow: hidden; }
         .it-partners-swiper { width: 100%; }
         .it-partners-swiper .swiper-wrapper {
             align-items: center;
             transition-timing-function: linear !important;
         }
         .it-partners-swiper .swiper-slide {
             display: flex;
             align-items: center;
             justify-content: center;
             width: auto;
             height: auto !important;
         }
         .it-partners-logo {
             display: block;
             max-width: 200px;
             max-height: 100px;
             width: 100%;
             height: auto;
             object-fit: contain;
             filter: brightness(0) invert(0.698);
             transition: filter 0.3s ease;
         }
         .it-partners-logo:hover {
             filter: none;
         }


  /*------------------------------------*\
    Forms
  \*------------------------------------*/

  .form-control, .form-select{
    border: 0;
    border-bottom: 1px solid #012b4440;
    border-radius: 0;
    padding: .5rem 0 .8rem 0;
    color: var(--color-green-dark) !important;
    background-color: #fff;
    line-height: 1.2;
    letter-spacing: .01rem;
    outline: none !important;
    box-shadow: none !important;
    font-size: 1.2rem;
  }

  .form-control:focus, .form-select:focus, .form-check-input:focus{
    border-bottom-color: var(--color-green-dark);
    background-color: #fff;
  }

  .form-control::placeholder {
    color: #012b445c
  }

  .form-label {
    font-size: .8em;
    font-weight: 300;
    margin-bottom: 0;
  }

  .form-check-input {
    width: 25px;
    height: 25px;
    outline: none!important;
    box-shadow: none!important;
    border-color: #012b4440!important
  }

  .form-check-input:checked {
      background-color: var(--color-blue-dark);
      border-color: var(--color-blue-dark)!important
  }

  .form-check-label {
      font-size: .8em
  }


  /**
   * Buttons
   */
  .wp-block-buttons{
    display: flex;
    gap: 1rem;
    margin: 2.5rem 0 2rem;
    flex-wrap: wrap;
  }
  .wp-block-buttons>.wp-block-button {
    white-space: nowrap;
    margin-bottom: 0 !important;
  }
  .wp-block-button__link {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: calc(.963em - 2px);
    --bs-btn-font-size: 18px;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.2;
    --bs-btn-border-radius: 0;
    --bs-btn-color: var(--color-black);
    --bs-btn-bg: var(--color-white);
    --bs-btn-border-width: 2px;
    --bs-btn-border-color: var(--color-white);
    --bs-btn-hover-color: var(--color-black);
    --bs-btn-hover-bg: var(--color-white);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-active-bg: var(--bs-btn-bg);
    --bs-btn-active-border-color: transparent;
    --bs-btn-text-color: var(--color-white);
    --bs-btn-text-hover-color: var(--color-grey-dark);
    --bs-btn-disabled-opacity: 0.65;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color) !important;
    text-align: center;
    text-decoration: none;
    letter-spacing: .06rem;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg) !important;
    transition: color .05s ease-in-out, background-color .05s ease-in-out, border-color .05s ease-in-out;
    transition: none;
    position: relative;
  }

  .wp-block-button__link > span{
    vertical-align: bottom;
    transition: transform .35s ease;
  }
  .wp-block-button__link:hover > span{
    transform: translateX(5px);
  }

  /* Styles */
  .is-style-outline > .wp-block-button__link,
  .navbar-nav .wp-block-button__link{
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    --bs-btn-bg: transparent;
    --bs-btn-color: var(--color-white);
  }

  .is-style-text > .wp-block-button__link{
    --bs-btn-padding-x: 0;
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-color: var(--bs-btn-text-color);
    --bs-btn-hover-color: var(--bs-btn-text-hover-color);
    --bs-btn-border-color: transparent;

  }
  .is-style-text > .wp-block-button__link:before{
    content: "\e5cc";
    font-family: 'Material Symbols Sharp';
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    vertical-align: middle;
    line-height: .2;
    margin-left: -.8rem;
    opacity: .6 !important;
    display: inline-block;
    transition: transform .35s ease;
  }
  .is-style-text > .wp-block-button__link:hover:before{
    transform: translateX(5px);
  }
  .is-style-text > .wp-block-button__link:after{
    content: "";
    border-bottom: 2px solid #fff;
    display: block;
    opacity: 0;
    width: 0;
    transition: all .35s ease;
    transform: translate(23px, 8px);
  }
  .has-white-background-color .is-style-text > .wp-block-button__link:after{
    border-bottom-color: var(--color-green-dark);
  }
  .is-style-text > .wp-block-button__link:hover:after{
    opacity: 1;
    width: calc(100% - 23px);
    /*  */
  }


  /* States */
   *:not(.is-style-text) > .wp-block-button__link:before{
    content: "";
    height: calc(100% + (var(--bs-btn-border-width) * 2));
    width: 100%;
    position: absolute;
    top: calc(var(--bs-btn-border-width) * -1);
    left: 0;
    border-radius: var(--bs-btn-border-radius);
    background-color: #ffffff;
    opacity: 0;
    transition: opacity .05s ease-in-out;
  }
  .wp-block-button__link:hover:before{
    opacity: 0.15;
  }
  .wp-block-button__link:active:before{
    opacity: 0.2;
  }


  .is-style-outline > .wp-block-button__link:before{
    background-color: var(--bs-btn-border-color);
  }

  .wp-block-button__link:active,
  .wp-block-button__link.active {
    /* --bs-btn-bg: var(--bs-btn-active-bg);
    --bs-btn-color: var(--bs-btn-active-color);
    --bs-btn-border-color: var(--bs-btn-active-border-color); */
  }
  .wp-block-button__link:hover {
    /* --bs-btn-bg: var(--bs-btn-hover-bg);
    --bs-btn-color: var(--bs-btn-hover-color) !important;
    --bs-btn-border-color: var(--bs-btn-hover-border-color); */
  }

  .wp-block-button__link[disabled]{
    --bs-btn-bg: var(--bs-btn-disabled-bg);
    --bs-btn-color: var(--bs-btn-disabled-color) !important;
    --bs-btn-border-color: var(--bs-btn-disabled-bg);
    opacity: var(--bs-btn-disabled-opacity);
    cursor: not-allowed;
  }
  .wp-block-button__link[disabled]:before{
    display: none;
  }

  .wp-block-button__link > .material-symbols-rounded{
    vertical-align: middle;
    line-height: 0;
    font-size: 20px;
    max-width: 20px;
  }
  .wp-block-button__link > svg{
    --button-icon-svg-size: 20px;
    height: var(--button-icon-svg-size);
    width: var(--button-icon-svg-size);
    transform: translateY(2px);
    margin-top: -5px;
    max-width: 20px;
  }

  /* Colors */

   .has-blue-background-color{
    --bs-btn-active-bg: var(--color-blue-hover);
    --bs-btn-hover-bg: var(--color-blue-hover);
    --bs-btn-active-border-color: var(--color-blue-hover);
    --bs-btn-hover-border-color: var(--color-blue-hover);
    --bs-btn-active-color: var(--color-white);
    --bs-btn-hover-color: var(--color-white);

    --bs-btn-text-color: var(--color-blue);
    --bs-btn-text-hover-color: var(--color-blue-hover);
  }

  .has-red-background-color{
   --bs-btn-active-bg: var(--color-red-hover);
   --bs-btn-hover-bg: var(--color-red-hover);
   --bs-btn-active-border-color: var(--color-red-hover);
   --bs-btn-hover-border-color: var(--color-red-hover);
   --bs-btn-active-color: var(--color-white);
   --bs-btn-hover-color: var(--color-white);

   --bs-btn-text-color: var(--color-red);
   --bs-btn-text-hover-color: var(--color-red-hover);
 }


 /*------------------------------------*\
   KWB Carousel
 \*------------------------------------*/
  .block-carousel-wrap{
    --swiper-navigation-sides-offset: -60px;
    --swiper-navigation-size: 30px;
    position: relative;
  }
 .block-carousel {


 }
 .block-carousel .swiper-wrapper{
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
 }
  .block-carousel .swiper-wrapper > .swiper-slide{
    width: 100%;
    height: 100%;
    position: relative;
    margin-right: 50px;
  }

  /*wp gutenberg fix*/
  .wp-block-kwb-kwb-carousel-widget .swiper-slide:last-of-type{
    margin-right: 0;
  }

  .block-carousel .swiper-wrapper .swiper-slide > .kwb-slide-item{
    width: 100%;
    max-width: 100%;
  }

  .block-carousel .swiper-slide .cover-image{
    min-height: 400px;
    aspect-ratio: 1 / 1;
  }
  .block-carousel .swiper-slide .categories{
    font-weight: 500;
    margin-bottom:.5rem;
    font-size: var(--wp--preset--font-size--kwb-small) !important;
  }
  .block-carousel .swiper-slide a .categories{
    text-decoration: none !important;
  }

  @media (max-width: 767px) {
    .swiper-button-next{
      right: .5rem !important;
      top: 2rem !important;
    }
    .swiper-button-prev{
      display: none;
    }
  }


 /*------------------------------------*\
   News ticker
 \*------------------------------------*/
  .it-nt__media .cover-image{
    background-color: var(--color-black);
  }
  .it-nt__media img {
      width: 100%; height: 100%; object-fit: cover; display: block;
      transition: opacity .4s ease, transform .4s ease;
  }
 .it-nt__media img.it-nt-fade-out { opacity:0; }



 /* .it-nt__item{
     padding: .5rem 5rem;
 } */
 .it-nt__link {
     display: inline-block;
     font-weight: 400;
     line-height: 1.45;
     text-decoration: none !important;
     transition: color .25s;
 }
  .it-nt__link > span{
    font-size: var(--fs-small);
    font-weight: 400 !important;
    display: block;
    opacity: .5;
  }
 .it-nt__item.is-active .it-nt__link {
   font-weight: 600;
   position: relative;
 }

 .it-nt__item .it-nt__link:after{
   content: "";
   display: block;
   height: 3px;
   overflow: hidden;
   margin-top: 5px;
   width: 0;
   will-change: width;
   background-color: var(--color-black);
 }

 .it-nt__item.is-active .it-nt__link:after {
   animation: it-nt-grow 4s linear forwards;

 }

 @keyframes it-nt-grow { from { width: 0; } to { width: 100%; } }




 /**
  * Spacer
  */
 .editor-styles-wrapper .block-library-spacer__resize-container{
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, #ded8df 10px, #ded8df 20px);
}

/**
 * Number counter
 */
 .number-counter{
    font-size: var(--fs-small);
    font-weight: 500;
 }
  .number-counter .value{
    font-size: var(--fs-xlarge);
    line-height: 1.2;
  }

  /**
   * Cover block
   */
   @media (max-width: 1199px) {
     .wp-block-cover > .wp-block-cover__inner-container{
       max-width: 100% !important;
     }
   }

  /**
   * Images
   */
   figure{

   }
   figure.wp-block-image{
     position: relative;
     margin: 2rem 0 0;
     width: 100%;
   }
   figure.wp-block-image figcaption{
     font-size: var(--fs-small);
   }
   .wp-block-image.alignright {
      text-align: right;
    }
    figure.wp-block-image.chevron > a:before{
      content: "\e5cc";
      font-family: 'Material Symbols Sharp';
      font-weight: normal;
      font-style: normal;
      font-size: 2em;
      vertical-align: middle;
      line-height: 1;
      right: .5rem;
      bottom: .5rem;
      position: absolute;
      transition: transform .35s ease;
    }
    figure.wp-block-image.chevron > a:hover:before{
      transform: translateX(-10px);
    }


   .are-vertically-aligned-top{
     align-items: flex-start;
   }
   .are-vertically-aligned-center{
     align-items: center;
   }
   .are-vertically-aligned-bottom{
     align-items:flex-end;
   }


   /**
    * Posts Grid &
    * Block - latest-posts
    */
    .posts-grid{
      display: flex;
      flex-wrap: wrap;
      gap: 3rem;
    }

    .posts-grid > .post:nth-child(4n+1),
  .posts-grid > li:nth-child(4n+1),
  .posts-grid > .post:nth-child(4n+4),
  .posts-grid > li:nth-child(4n+4) {
    width: calc(33.33% - 1.5rem);
  }

  .posts-grid > .post:nth-child(4n+2),
  .posts-grid > li:nth-child(4n+2),
  .posts-grid > .post:nth-child(4n+3),
  .posts-grid > li:nth-child(4n+3) {
    width: calc(66.66% - 1.5rem);
  }




    @media (max-width: 1199px) {
      .posts-grid{
        gap: 2rem;
      }
      .posts-grid > .post{
        width: calc(50% - 1rem);
      }
    }
     @media (max-width: 768px) {
       .posts-grid > .post{
         width: 100%;
       }
     }

     .cover-image,
     .featured-image,
     .posts-grid .wp-block-latest-posts__featured-image{
       align-items: center;
       background-position: 50%;
       box-sizing: border-box;
       display: flex;
       justify-content: center;
       min-height: 500px;
       overflow: hidden;
       overflow: clip;
       position: relative;
       z-index: 0;
     }
     .posts-grid .wp-block-latest-posts__featured-image{
       max-height: 300px;
     }

     @media (max-width: 1199px) {
       .posts-grid .featured-image{
         min-height: 300px;
       }
     }
     .cover-image > img,
     .featured-image > img,
     .posts-grid .featured-image > a > img{
       border: none;
       bottom: 0;
       box-shadow: none;
       height: 100%;
       left: 0;
       margin: 0;
       max-height: none;
       max-width: none;
       object-fit: cover;
       outline: none;
       padding: 0;
       position: absolute;
       right: 0;
       top: 0;
       width: 100%;
       z-index: -1;
     }

     .cover-image > img.object-position-top,
     .featured-image > img.object-position-top,
     .posts-grid .featured-image > a > img.object-position-top{
       object-position: top;
     }


     /* .cover-image:not(.logo):before {
       content: "";
       position: absolute;
       right: 0;
       top: 0;
       width: 100%;
       height: 100%;
       background-color: #000000;
       z-index: 0;
       opacity: 0;
     } */

     .cover-image.overlay-1:before{opacity: .1;}
     .cover-image.overlay-2:before{opacity: .2;}
     .cover-image.overlay-3:before{opacity: .3;}
     .cover-image.overlay-4:before{opacity: .4;}
     .cover-image.overlay-5:before{opacity: .5;}
     .cover-image.overlay-6:before{opacity: .6;}
     .cover-image.overlay-7:before{opacity: .7;}
     .cover-image.overlay-8:before{opacity: .8;}
     .cover-image.overlay-9:before{opacity: .9;}

     .cover-image > .content {
         z-index: 0;
     }

     .featured-image.logo > svg,
     .featured-image.logo > a > svg,
     .cover-image.logo > svg,
     .cover-image.logo > a > svg{
       height: 130px;
       padding: 1rem;
     }

     .cover-image.aspect-ratio-4x3{
       aspect-ratio: 4 / 3 !important;
     }

     .cover-image.aspect-ratio-1x1{
       aspect-ratio: 1 / 1 !important;
      min-height: inherit;
     }

     .cover-image.mh-600,
     .featured-image.mh-600{min-height: 600px;}
     .cover-image.mh-700,
     .featured-image.mh-700{min-height: 700px;}
     .cover-image.mh-800,
     .featured-image.mh-800{min-height: 800px;}

     .cover-image.h-500,
     .featured-image.h-500{height: 500px;}

     .cover-image.has-overlay:before{
       content: "";
       position: absolute;
       right: 0;
       top: 0;
       width: 100%;
       height: 100%;
       /* background-color: #000000; */
       z-index: 0;
       opacity: .5;
       background: #0B1313;
       background: linear-gradient(90deg, rgba(11, 19, 19, 1) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 1) 0%);
     }


     @media (max-width: 1199px) {
       article .cover-image{
         aspect-ratio: 16 / 9;
         min-height: inherit !important;
       }
     }

     .posts-grid .title{text-decoration: none;}

     .read-more{
        border-bottom: 1px solid var(--color-black);
        font-size: var(--fs-medium);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        color: var(--bs-body-color);
        padding: 0 0 .5rem 0;
        line-height: 1.4;
        transition: padding .35s ease;
        text-transform: uppercase;
     }
     .read-more:hover{
       padding-left: 1.5rem;
     }
     .read-more:after{
       content: "\f3dd";
       font-family: 'Material Symbols Rounded';
       font-weight: normal;
       font-style: normal;
       display: inline-block;
       line-height: 1;
       font-size: 50px;
       font-weight: 100;
       color: var(--color-olive-dark);
       transition: transform .35s ease;
       margin-left: 1rem;
     }
     .read-more:hover:after{
       transform: rotate(15deg);
     }



   /**
    * Block - collapse
    */
    .kwb-collapse{

    }
    .kwb-collapse > a{
      border-bottom: 1px solid var(--color-black);
      font-size: var(--fs-large);
      font-weight: 500;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-decoration: none;
      color: var(--bs-body-color);
      padding: 1rem 0 .5rem 1rem;
      line-height: 1.4;
      transition: padding .35s ease;
    }
    .kwb-collapse > a:hover{
      padding-left: 1.5rem;
    }
    .kwb-collapse > a:hover:after{
      transform: rotate(15deg);
    }
    .kwb-collapse > a > span{
      font-size: var(--fs-small);
      font-weight: 300;
      margin-left: auto;
    }
    .kwb-collapse > a:after{
      content: "\f3dd";
      font-family: 'Material Symbols Rounded';
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      line-height: 1;
      font-size: 50px;
      font-weight: 100;
      color: var(--color-olive-dark);
      transition: transform .35s ease;
      margin-left: 1rem;
    }
    .kwb-collapse > a[aria-expanded="true"]:after{
      transform: rotate(90deg);
    }

    .kwb-collapse > .collapse > .wrap,
    .kwb-collapse > .collapsing > .wrap{
      background-color: rgb(147 129 91 / 90%);
      color: var(--color-olive);
      width: 80%;
      margin-left: auto;
    }
    @media (max-width: 1199px){
      .kwb-collapse > .collapse > .wrap,
      .kwb-collapse > .collapsing > .wrap{
        width: 100%;
      }
    }

    @media (max-width: 700px){
      .kwb-collapse > a{
        flex-wrap: wrap;
      }
      .kwb-collapse > a > span{
        width: 100%;
        order: 3;
        padding: 0 !important;
        text-align: start !important;
      }

    }


    /* .kwb-collapse > .collapsing > .wrap > *:first-of-type{ margin-top: 0 !important; }
    .kwb-collapse > .collapsing > .wrap > *:last-of-type{ margin-bottom: 0 !important; } */
   /**
    * Bootstrap extension
    */

    /* === Padding Classes (p-6, px-6, etc.) === */
    .p-6 { padding: 5rem !important; }
    .px-6 { padding-left: 5rem !important; padding-right: 5rem !important; }
    .py-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
    .ps-6 { padding-left: 5rem !important; }
    .pe-6 { padding-right: 5rem !important; }
    .pt-6 { padding-top: 5rem !important; }
    .pb-6 { padding-bottom: 5rem !important; }

    /* === Responsive Padding Classes === */
    @media (min-width: 576px) {
        .p-sm-6 { padding: 5rem !important; }
        .px-sm-6 { padding-left: 5rem !important; padding-right: 5rem !important; }
        .py-sm-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
        .ps-sm-6 { padding-left: 5rem !important; }
        .pe-sm-6 { padding-right: 5rem !important; }
        .pt-sm-6 { padding-top: 5rem !important; }
        .pb-sm-6 { padding-bottom: 5rem !important; }
    }

    @media (min-width: 768px) {
        .p-md-6 { padding: 5rem !important; }
        .px-md-6 { padding-left: 5rem !important; padding-right: 5rem !important; }
        .py-md-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
        .ps-md-6 { padding-left: 5rem !important; }
        .pe-md-6 { padding-right: 5rem !important; }
        .pt-md-6 { padding-top: 5rem !important; }
        .pb-md-6 { padding-bottom: 5rem !important; }
    }

    @media (min-width: 992px) {
        .p-lg-6 { padding: 5rem !important; }
        .px-lg-6 { padding-left: 5rem !important; padding-right: 5rem !important; }
        .py-lg-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
        .ps-lg-6 { padding-left: 5rem !important; }
        .pe-lg-6 { padding-right: 5rem !important; }
        .pt-lg-6 { padding-top: 5rem !important; }
        .pb-lg-6 { padding-bottom: 5rem !important; }
    }

    @media (min-width: 1200px) {
        .p-xl-6 { padding: 5rem !important; }
        .px-xl-6 { padding-left: 5rem !important; padding-right: 5rem !important; }
        .py-xl-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
        .ps-xl-6 { padding-left: 5rem !important; }
        .pe-xl-6 { padding-right: 5rem !important; }
        .pt-xl-6 { padding-top: 5rem !important; }
        .pb-xl-6 { padding-bottom: 5rem !important; }
    }

    @media (min-width: 1400px) {
        .p-xxl-6 { padding: 5rem !important; }
        .px-xxl-6 { padding-left: 5rem !important; padding-right: 5rem !important; }
        .py-xxl-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
        .ps-xxl-6 { padding-left: 5rem !important; }
        .pe-xxl-6 { padding-right: 5rem !important; }
        .pt-xxl-6 { padding-top: 5rem !important; }
        .pb-xxl-6 { padding-bottom: 5rem !important; }
    }

    /* === Grid Gap (g-6, gx-6, gy-6) === */
    .g-6 { --bs-gutter-x: 5rem !important; --bs-gutter-y: 5rem !important; }
    .gx-6 { --bs-gutter-x: 5rem !important; }
    .gy-6 { --bs-gutter-y: 5rem !important; }

    /* === Responsive Grid Gaps === */
    @media (min-width: 576px) {
        .g-sm-6 { --bs-gutter-x: 5rem !important; --bs-gutter-y: 5rem !important; }
        .gx-sm-6 { --bs-gutter-x: 5rem !important; }
        .gy-sm-6 { --bs-gutter-y: 5rem !important; }
    }

    @media (min-width: 768px) {
        .g-md-6 { --bs-gutter-x: 5rem !important; --bs-gutter-y: 5rem !important; }
        .gx-md-6 { --bs-gutter-x: 5rem !important; }
        .gy-md-6 { --bs-gutter-y: 5rem !important; }
    }

    @media (min-width: 992px) {
        .g-lg-6 { --bs-gutter-x: 5rem !important; --bs-gutter-y: 5rem !important; }
        .gx-lg-6 { --bs-gutter-x: 5rem !important; }
        .gy-lg-6 { --bs-gutter-y: 5rem !important; }
    }

    @media (min-width: 1200px) {
        .g-xl-6 { --bs-gutter-x: 5rem !important; --bs-gutter-y: 5rem !important; }
        .gx-xl-6 { --bs-gutter-x: 5rem !important; }
        .gy-xl-6 { --bs-gutter-y: 5rem !important; }
    }

    @media (min-width: 1400px) {
        .g-xxl-6 { --bs-gutter-x: 5rem !important; --bs-gutter-y: 5rem !important; }
        .gx-xxl-6 { --bs-gutter-x: 5rem !important; }
        .gy-xxl-6 { --bs-gutter-y: 5rem !important; }
    }


    /* === Margin (all sides) === */
    .m-6  { margin: 5rem !important; }

    /* Axes */
    .mx-6 { margin-inline: 5rem !important; }   /* start + end */
    .my-6 { margin-block:  5rem !important; }   /* top + bottom */

    /* Individual sides (logical) */
    .mt-6 { margin-block-start: 5rem !important; }
    .me-6 { margin-inline-end:  5rem !important; }
    .mb-6 { margin-block-end:   5rem !important; }
    .ms-6 { margin-inline-start:5rem !important; }

    /* === Responsive variants === */
    /* sm ≥576px */
    @media (min-width: 576px) {
      .m-sm-6  { margin: 5rem !important; }
      .mx-sm-6 { margin-inline: 5rem !important; }
      .my-sm-6 { margin-block:  5rem !important; }
      .mt-sm-6 { margin-block-start: 5rem !important; }
      .me-sm-6 { margin-inline-end:  5rem !important; }
      .mb-sm-6 { margin-block-end:   5rem !important; }
      .ms-sm-6 { margin-inline-start:5rem !important; }
    }

    /* md ≥768px */
    @media (min-width: 768px) {
      .m-md-6  { margin: 5rem !important; }
      .mx-md-6 { margin-inline: 5rem !important; }
      .my-md-6 { margin-block:  5rem !important; }
      .mt-md-6 { margin-block-start: 5rem !important; }
      .me-md-6 { margin-inline-end:  5rem !important; }
      .mb-md-6 { margin-block-end:   5rem !important; }
      .ms-md-6 { margin-inline-start:5rem !important; }
    }

    /* lg ≥992px */
    @media (min-width: 992px) {
      .m-lg-6  { margin: 5rem !important; }
      .mx-lg-6 { margin-inline: 5rem !important; }
      .my-lg-6 { margin-block:  5rem !important; }
      .mt-lg-6 { margin-block-start: 5rem !important; }
      .me-lg-6 { margin-inline-end:  5rem !important; }
      .mb-lg-6 { margin-block-end:   5rem !important; }
      .ms-lg-6 { margin-inline-start:5rem !important; }
    }

    /* xl ≥1200px */
    @media (min-width: 1200px) {
      .m-xl-6  { margin: 5rem !important; }
      .mx-xl-6 { margin-inline: 5rem !important; }
      .my-xl-6 { margin-block:  5rem !important; }
      .mt-xl-6 { margin-block-start: 5rem !important; }
      .me-xl-6 { margin-inline-end:  5rem !important; }
      .mb-xl-6 { margin-block-end:   5rem !important; }
      .ms-xl-6 { margin-inline-start:5rem !important; }
    }

    /* xxl ≥1400px */
    @media (min-width: 1400px) {
      .m-xxl-6  { margin: 5rem !important; }
      .mx-xxl-6 { margin-inline: 5rem !important; }
      .my-xxl-6 { margin-block:  5rem !important; }
      .mt-xxl-6 { margin-block-start: 5rem !important; }
      .me-xxl-6 { margin-inline-end:  5rem !important; }
      .mb-xxl-6 { margin-block-end:   5rem !important; }
      .ms-xxl-6 { margin-inline-start:5rem !important; }
    }


