.visualswiper {max-width: 1920px;max-height: 900px;}
.visualswiper .swiper-slide {width: 100vw;/*height: 100%;*/_display: flex;justify-content: center;align-items: center;position: relative;}
.youtube-container {position: absolute;width: 100%;height: 100%;overflow: hidden;pointer-events: none;top: 0;left: 0;}
.youtube-container iframe {position: absolute;top: 50%;left: 50%;width: 177.77vh;height: 100vh;transform: translate(-50%, -50%);border: none;pointer-events: none;margin: 0 !important;}
@media (min-aspect-ratio: 16/9) {.youtube-container iframe {width: 100vw;height: 56.25vw;}}
@media (max-width: 767px) {.youtube-container iframe {height: 100%!important;}}
@media (max-width:767px) {
.visualswiper .swiper-pagination{bottom:3px!important;}
/*.visualswiper .swiper-slide .swiper-caption h2{font-size:110%!important;}
.visualswiper .swiper-slide .swiper-caption h3{font-size:90%!important;}
.visualswiper .swiper-slide .swiper-caption .container > div{background-color:rgba(255,255,255,.4);line-height:1.5!important; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); padding:15px; border-radius:.5rem; }
.visualswiper .swiper-slide .swiper-caption .container > div h2,
.visualswiper .swiper-slide .swiper-caption .container > div h3{color:#000!important;}
.visualswiper .swiper-slide .swiper-caption .container > div{-webkit-transition:all 1.5s ease-in-out!important;transition:all 1.5s ease-in-out!important; text-decoration:none!important;}
.visualswiper .swiper-slide .swiper-caption .container > div{ position:relative; left:-100%; opacity:0;}
.visualswiper .swiper-slide-active .swiper-caption .container > div{ left:0; opacity:1;}*/
}
.visual-caption-contaier {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;}

.fadeIn-right{-webkit-transition:all 1.5s ease-in-out!important;transition:all 1.5s ease-in-out!important; text-decoration:none!important;}
.swiper-slide .swiper-caption .fadeIn-right{ position:relative; left:-100%; opacity:0;}
.swiper-slide-active .swiper-caption .fadeIn-right{ left:0; opacity:1;}
.visual-link {margin-top:-100px; position:relative; z-index:2;}
.visual-link a {text-decoration:none; color:#1B367B; font-weight:700}
.visual-link a .icon-arrow {border: 3px solid #1B367B; background:#fff; min-width:40px; height:40px; line-height:normal; display:flex; align-items:center; justify-content:center; transition:all ease-in-out .3s}
.visual-link a .icon-arrow img {transition:all ease-in-out .3s; max-width:100%; width:auto; height:auto}
.visual-link a:hover .icon-arrow {background:#1B367B;}
.visual-link a:hover .icon-arrow img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(241deg) brightness(120%) contrast(105%);}
.visual-link .divider {width:100%; height:3px; background:#1B367B}
.visual-link a {font-size: calc(1.275rem + .3vw)}

.visualswiper .swiper-pagination {position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0, 0, 0);z-index: 10;width:100%!important;left: auto;right: auto;top: auto;bottom:50px;display: block!important;flex-direction:initial;justify-content: center; transform:none!important;}
.visualswiper .swiper-pagination-bullet {left:auto!important; width: 25px!important;height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 7px));display: inline-block;border-radius: var(--swiper-pagination-bullet-border-radius, 0px);background:#b4672a;opacity: var(--swiper-pagination-bullet-inactive-opacity, 1); border-radius:20px; transition:all ease-in-out .3s}
.visualswiper .swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1);background: rgba(255,255,255,1); width:35px}

.visual-content .swiper-button-next, .visual-content .swiper-button-prev {position: absolute; top: calc(50% - 23px);bottom: var(--swiper-navigation-top-offset, 0px);width: calc(var(--swiper-navigation-size)/ 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--swiper-navigation-color,var(--swiper-theme-color));border-radius: 0rem; }
.visual-content .swiper-button-next:after, .visual-content .swiper-button-prev:after{font-size:20pt!important; color:#333!important;}
.visual-content .swiper-button-prev, .swiper-rtl .swiper-button-prev {left: 0;background: transparent;width: 45px;height: 45px;-webkit-transition-duration: .3s;transition-duration: .3s;border: 1px solid transparent}
.visual-content .swiper-button-next, .swiper-rtl .swiper-button-next {right: 0;background: transparent;width: 45px;height: 45px;-webkit-transition-duration: .3s; transition-duration: .3s; border: 1px solid transparent}

@media (max-width:767px) {
.visual-content .swiper-button-next, .visual-content .swiper-button-prev{top: calc(40% - 23px);}
}
.visualswiper .swiper-slide picture{opacity:0!important;-webkit-transition:all 0.1s ease-in-out!important;transition:all 0.1s ease-in-out!important;}
.visualswiper .swiper-slide-active picture{opacity:1!important;}
.youtube-container iframe{opacity:0; }
.swiper-slide-active .youtube-container{background:#ede6d3;}
.swiper-slide-active .youtube-container iframe{opacity:1;}

.visualswiper .swiper-button-next.swiper-button-disabled, 
.visualswiper .swiper-button-prev.swiper-button-disabled ,
.visualswiper .swiper-button-next.swiper-button-hidden, 
.visualswiper .swiper-button-prev.swiper-button-hidden {opacity:0.75;}

.visualswiper .swiper-button-next, .visualswiper .swiper-button-prev {border: 0px solid #fff}


.visualswiper .swiper-button-next, .visualswiper .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: var(--swiper-navigation-top-offset, 0px);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-white);
    border-radius: 0rem
}

.visualswiper .swiper-button-prev, .swiper-rtl .swiper-button-next {background: var(--bs-primary);width: 45px;height: 45px;-webkit-transition-duration: .3s;transition-duration: .3s;}
.visualswiper .swiper-button-next, .swiper-rtl .swiper-button-prev {background: var(--bs-primary);width: 45px;height: 45px;-webkit-transition-duration: .3s;transition-duration: .3s;}
@media (min-width:1700px){
.visualswiper .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 51.2%;right: auto;background: var(--bs-primary);width: 45px;height: 45px;-webkit-transition-duration: .3s;transition-duration: .3s;}
.visualswiper .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 44%;left: auto;background: var(--bs-primary);width: 45px;height: 45px;-webkit-transition-duration: .3s;transition-duration: .3s;}
}

@media (max-width:1698.98px){
.visualswiper .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 50% !important;right: auto; margin-left:-46px}
.visualswiper .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 50% !important;left: auto; margin-right:-46px}
}
@media (max-width:1279.98px){
.visualswiper .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 50% !important;right: auto; margin-left:-36px; width: 35px;height: 35px; line-height:35px}
.visualswiper .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 50% !important;left: auto; margin-right:-36px; width: 35px;height: 35px; line-height:35px}
.visual-content .swiper-button-next:after, .visual-content .swiper-button-prev:after{font-size:.90rem!important; color:#333!important;}
}

/*Visual*/
/*@media (max-width:767px) {.visual-caption-contaier {position: relative; background:rgba(18, 60, 127, 1);}.visual-caption-contaier .text-secondary {color:#fff !important; padding:10px;}}*/
@media (min-width:768px) {.visual-caption-contaier {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px; _background: rgb(7,84,124);_background: linear-gradient(90deg, rgba(7,84,124,.90) 41.5%, rgba(255,255,255,0) 41.5%);}.visual-caption-contaier .visual-text {background: rgba(7,84,124,.90);}}
@media (min-width:1200px) {.visual-caption-contaier {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px; _background: rgb(7,84,124);_background: linear-gradient(90deg, rgba(7,84,124,.90) 41.5%, rgba(255,255,255,0) 41.5%);}.visual-caption-contaier .visual-text {background: rgba(7,84,124,.90);}}
@media (min-width:1400px) {.visual-caption-contaier {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px; _background: rgb(7,84,124);_background: linear-gradient(90deg, rgba(7,84,124,.90) 41.5%, rgba(255,255,255,0) 41.5%);}.visual-caption-contaier .visual-text {background: rgba(7,84,124,.90);}.swiper-slide-active .swiper-caption{ animation: 1.5s slideInUp;}}
.visual-link {margin-top:-100px; position:relative; z-index:2;}
.visual-link a {text-decoration:none; color:#1B367B; font-weight:700}
.visual-link a .icon-arrow {border: 3px solid #1B367B; background:#fff; min-width:40px; height:40px; line-height:normal; display:flex; align-items:center; justify-content:center; transition:all ease-in-out .3s}
.visual-link a .icon-arrow img {transition:all ease-in-out .3s; max-width:100%; width:auto; height:auto}
.visual-link a:hover .icon-arrow {background:#1B367B;}
.visual-link a:hover .icon-arrow img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(241deg) brightness(120%) contrast(105%);}
.visual-link .divider {width:100%; height:3px; background:#1B367B}
.visual-link a {font-size: calc(1.275rem + .3vw)}
@media (min-width:768px) {.visual-link .divider {width:3px; height:70px; background:#1B367B}}
@media (min-width:1200px) {.visual-link {margin-top:-115px; position:relative; z-index:2;}.visual-link a {font-size: 1.5rem}}
