<!-- Code by Fedyaeva -->
<link
  rel="stylesheet"
  href="https://unpkg.com/swiper@8/swiper-bundle.min.css"
/>

<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<style>
    .slider-container.swiper-container{position:absolute;display:block;margin:0!important;overflow:hidden!important}.slider-paginatiom{display:flex;align-items:center;justify-content:flex-end}.swiper-pagination-bullet{width:20px!important;height:20px!important;background:#FFFFFF!important;opacity:1!important}
    .t692__col{display:flex;flex-direction:column-reverse;max-width:100%!important}.t692__textwrapper{padding:0 0 40px 0!important}.swiper-slide .t692__textwrapper{transform:translateY(-100px);opacity:0}.swiper-slide-active .t692__textwrapper{transform:translateY(0);opacity:1;transition:all 1s ease-in-out}@media screen and (min-width:960px){.t692__col{margin:0 10px!important}}
    .swiper-container{width:100%;height:100%;overflow:hidden}.swiper-wrapper{display:flex!important}.t692{position:relative}.leftControl,.rightControl{position:absolute;bottom:1rem;font-size:17px;font-family:Arial;text-transform:uppercase;mix-blend-mode:difference;color:#FFF;z-index:1;cursor:pointer}.leftControl{left:1rem}.rightControl{right:1rem}
</style>
<script>
    document.addEventListener('DOMContentLoaded', (event) => {
        document.querySelector('.slider-container').classList.add('swiper-container');
        let wrapper2 = document.querySelector('.slider-container .tn-atom');
        wrapper2.classList.add('swiper-wrapper');
        
        let slide2 = document.querySelectorAll('.uc-slides');
        slide2.forEach(e => {
            e.classList.add('swiper-slide');
            wrapper2.appendChild(e);
        });
        
        var swiper2 = new Swiper('.slider-container', {
            loop: true,
            slidesPerView: 1,
            speed: 3000,
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            effect: 'fade',
            grabCursor: false,
	        pagination: {
		        el: ".slider-paginatiom",
                clickable: true
	        },
	        on: {
                slideChange: function () {
                    setTimeout(() => {
                        t_lazyload_update();  
                    }, 50);
                },
                slideChangeTransitionStart: function () {
                    setTimeout(() => {
                        t_lazyload_update();  
                    }, 50);
                },
                slideChangeTransitionEnd: function () {
                    setTimeout(() => {
                        t_lazyload_update();  
                    }, 50);
                },
	        }
        });
    });
</script>

<!-- Code by Fedyaeva -->
<link
  rel="stylesheet"
  href="https://unpkg.com/swiper@8/swiper-bundle.min.css"
/>

<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<style>
    .t692__col, .t692__col a {display:flex;flex-direction:column-reverse;max-width:100%!important}.t692__textwrapper{padding:0 0 40px 0!important}.swiper-slide .t692__textwrapper{transform:translateY(-100px);opacity:0}.swiper-slide-active .t692__textwrapper{transform:translateY(0);opacity:1;transition:all 1s ease-in-out}@media screen and (min-width:960px){.t692__col{margin:0 10px!important}}
    .swiper-container{width:100%;height:100%;overflow:hidden}.swiper-wrapper{display:flex!important}.t692{position:relative}.leftControl,.rightControl{position:absolute;top:0;bottom:0;display:flex;align-items:flex-end;mix-blend-mode:difference;z-index:1;cursor:pointer}.leftControl{right:2rem}.rightControl{left:2rem}@media screen and (max-width: 960px) {.leftControl {right: 20px;}.rightControl {left: 20px;}}@media screen and (min-width:960px){.leftControl,.rightControl{align-items:flex-end;margin-bottom:10%}}.swiper-slide-next a {cursor: default;}
</style>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
    let leftArr = 'https://static.tildacdn.com/tild3632-3638-4836-b839-323061663362/leftarr.svg';
    let rightArr = 'https://static.tildacdn.com/tild3533-3236-4431-b465-306566623739/rightarr.svg';
    
    document.querySelectorAll('.t692__separator').forEach(e=>e.remove());document.querySelectorAll('.t692__featured').forEach(e=>e.remove());const sliderBlock=document.querySelector('.uc-slider-two');const sliderContainer=sliderBlock.querySelector('.t692');const sliderWrapper=sliderBlock.querySelectorAll('.t-container');const slide=sliderBlock.querySelectorAll('.t692__col');const leftControl=document.createElement('div');const rightControl=document.createElement('div');leftControl.innerHTML=`<img src="${leftArr}"alt="Left slider arrow">`;leftControl.classList.add('leftControl');rightControl.innerHTML=`<img src="${rightArr}"alt="Right slider arrow">`;rightControl.classList.add('rightControl');sliderContainer.appendChild(leftControl);sliderContainer.appendChild(rightControl);sliderContainer.classList.add('swiper-container');sliderContainer.classList.add('small');sliderWrapper.forEach(e=>e.classList.add('swiper-wrapper'));slide.forEach(e=>e.classList.add('swiper-slide'));const swiper=new Swiper('.small',{spaceBetween:10,slidesPerView:3,loop:true,keyboard:true,draggable:false,preventClicks:false,grabCursor:false,simulateTouch:false,allowTouchMove:false,direction:'horizontal',navigation:{nextEl:".leftControl",prevEl:".rightControl",},on:{slideChange:function(){setTimeout(()=>{t_lazyload_update()},50)},},breakpoints:{320:{slidesPerView:1,spaceBetween:0,centeredSlides:true},480:{slidesPerView:1,spaceBetween:0},640:{slidesPerView:2,spaceBetween:10},960:{slidesPerView:3,spaceBetween:10}}});
});
</script>

<!-- Code by Fedyaeva -->
<style>
@media screen and (min-width: 960px) {
    .uc-custom-form .t-form__inputsbox {display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px;}
    .uc-custom-form .t-input-group {display: flex; flex-direction: column;}
    .uc-custom-form .t-form__submit {grid-column: span 2;}
}
</style>