.elementor-139216 .elementor-element.elementor-element-99c8213:not(.elementor-motion-effects-element-type-background), .elementor-139216 .elementor-element.elementor-element-99c8213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-139216 .elementor-element.elementor-element-99c8213 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-139216 .elementor-element.elementor-element-99c8213{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0% 0% 0% 0%;}.elementor-139216 .elementor-element.elementor-element-b2eed08 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-139216 .elementor-element.elementor-element-9b1b5a6 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-139216 .elementor-element.elementor-element-9b1b5a6 .elementor-heading-title{font-family:"Avenir Black", Sans-serif;font-size:1.3rem;font-weight:900;text-transform:uppercase;color:var( --e-global-color-601fc8a );}.elementor-139216 .elementor-element.elementor-element-064135b > .elementor-widget-container{background-color:#1F2326;margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-139216 .elementor-element.elementor-element-e333566{--spacer-size:1em;}.elementor-139216 .elementor-element.elementor-element-ccc1b4c > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-139216 .elementor-element.elementor-element-ccc1b4c .elementor-heading-title{font-family:"Avenir Black", Sans-serif;font-size:1.3rem;font-weight:900;text-transform:uppercase;color:var( --e-global-color-601fc8a );}.elementor-139216 .elementor-element.elementor-element-27c6c81{--e-image-carousel-slides-to-show:3;}.elementor-139216 .elementor-element.elementor-element-27c6c81 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-139216 .elementor-element.elementor-element-27c6c81 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-139216 .elementor-element.elementor-element-27c6c81 .elementor-swiper-button.elementor-swiper-button-next{font-size:25px;color:var( --e-global-color-238b721 );}.elementor-139216 .elementor-element.elementor-element-27c6c81 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-139216 .elementor-element.elementor-element-27c6c81 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-238b721 );}.elementor-139216 .elementor-element.elementor-element-27c6c81 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:dotted;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-07bce8c );}.elementor-139216 .elementor-element.elementor-element-27c6c81 .elementor-image-carousel-caption{text-align:center;}@media(max-width:1024px){.elementor-139216 .elementor-element.elementor-element-99c8213{margin-top:0px;margin-bottom:0px;padding:0% 0% 0% 0%;}.elementor-139216 .elementor-element.elementor-element-064135b > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-139216 .elementor-element.elementor-element-ccc1b4c .elementor-heading-title{font-size:1.2rem;}}@media(max-width:767px){.elementor-139216 .elementor-element.elementor-element-99c8213{margin-top:0px;margin-bottom:0px;padding:0% 0% 0% 0%;}.elementor-139216 .elementor-element.elementor-element-9b1b5a6 .elementor-heading-title{font-size:1.1rem;}.elementor-139216 .elementor-element.elementor-element-ccc1b4c .elementor-heading-title{font-size:1.1rem;}}/* Start custom CSS for html, class: .elementor-element-064135b */.media-scroller {
    display: grid;
    gap: .7rem;
    grid-auto-flow: column;
    overflow-x: auto;
    overscroll-behavior-inline: contain; 
    padding: .5rem 0 1.9rem 0;
    position: relative;
    background: #f2f4f5;
}

/* scroller scroll bar */
.media-scroller::-webkit-scrollbar {
  height: 1px;
}
.media-scroller::-webkit-scrollbar-track {
 background: #f2f45;
}

/* navigation buttons */
.right, .left {
  cursor: pointer;
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
  width: auto;
  padding: 10px 6px;
  background-color: rgba(0,0,0,0.1);
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  user-select: none;
  z-index: 2;
}

.left {
    left: 0;
    border-radius: 0 3px 3px 0;
}

.right {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.left:hover, .right:hover {
  background-color: rgba(0,0,0,0.4);
}

.right i, .left i {
    color: #ffffff;
}


.media-element {
    display: grid;
    grid-template-rows: min-content;
    gap: .7rem;
    padding: .7rem;
    background: #1f3f78;
    border-radius: .3rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    transition: 1s ease!important;
    
}
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.fa-youtube-play {
    display:flex;
    height: 100%;
    justify-content: center;
    font-size: 3rem;
    align-items:center;
    color: #ff0033;
}

/* image container */
.img-container {
    position: relative;
    aspect-ratio: 16/9!important;
    background-color: #cccccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* image container hover -> overlay */
.media-element:hover .overlay {
    opacity: 0.3;
}

/* image overlay */
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background: #1f3f78;
}

.snaps-inline {
    scroll-snap-type: inline mandatory;
    scroll-padding-inline: .7rem;
}

.snaps-inline > * {
    scroll-snap-align: center;
}

.yt-title {
    font-size: clamp(14px, 1.2vw, 16px) !important;
    line-height: clamp(22px,1.4vh, 24px)!important;
    font-family: 'Avenir Book', Arial, Sans-Serif!important;
    letter-spacing: .5px;
}

.yt-title > a {
    color: #f2f4f5!important;
}
.yt-title > a:hover {
    color: #fcd565!important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 800px) {
    .media-scroller {
        grid-auto-columns: 90%;
    }
}

/* 600px and up */
@media only screen and (min-width: 800px) {
    .media-scroller {
        grid-auto-columns: 40%;
    }
}

/* 992px and up */
@media only screen and (min-width: 1024px) {
    .media-scroller {
        grid-auto-columns: 30%;
    }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-27c6c81 */.elementor-139216 .elementor-element.elementor-element-27c6c81 img {
    cursor: pointer!important;
}/* End custom CSS */