/* banner */
#banner {width: 100%; z-index: 3; }
#banner .item {height: 99vh;}
#banner .item .clip:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(-45deg, rgb(0 0 0 / 0%) 70%, rgb(255 255 255 / 50%) 90%);z-index: 1;}
#banner .main-slider {  }
#banner .item .clip >* { min-width: 100%; width: 100%; }
#banner .item .clip .bgBox {}
#banner .item .clip iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item .clip video {overflow: hidden;position: absolute;width: 100%;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
#banner .item .info{z-index:2;max-width: 700px;left: 13%;display: flex;align-items: center;}
#banner .item .info > div {position:relative;transform: translateY(-35px);}
#banner .item .info .txt {margin-bottom: 15px;}
#banner .item .info .txt:last-child {margin-bottom:0;}
#banner .item .info .h3 {font-size: clamp(25px,3vw,55px);font-weight: 600;line-height:1.35;letter-spacing: .08em;word-spacing: 100vw;color: #1768e5;background: var(--gradient-4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
#banner .item .info p {margin:0;color:#3e4653;font-size: clamp(13px,1.25vw,20px);font-weight:500;line-height:1.8;letter-spacing:.04em;}
#banner .item .info .h3,#banner .item .info p {animation:bannerTextIn .9s cubic-bezier(.22,1,.36,1) both;}
#banner .item .info p {animation-delay:.15s;}

#banner .banner_actions {display:flex;align-items:center;gap: 10px;margin-top: 45px;}
#banner .banner_actions .banner_btn {display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding: 18px 26px;border:1px solid transparent;border-radius: 45px;font-size: 15px;font-weight: 500;line-height:1.2;letter-spacing: .08em;transition:color .3s ease,background .3s ease,border-color .3s ease,transform .3s ease;}
#banner .banner_actions .banner_btn_primary {color:#fff;background: var(--gradient-4);border-color: #2465e0;}
#banner .banner_actions .banner_btn_primary:hover {color: white;background: linear-gradient(180deg, #1647c9 0%, #1768e5 55%, #08b9df 100%);}
#banner .banner_actions .banner_btn_contact {color:#ff7a21;background: transparent;border-color:#ff7a21;}
#banner .banner_actions .banner_btn_contact:hover {color:#fff;background:#ff7a21;}

#banner .item.slick-current .clip .bgBox { -webkit-animation: scale_banner 6s linear infinite; animation: scale_banner 6s linear infinite; }
#banner .item.slick-current .info >div .txt { transform: scaleX(1); -webkit-transform: scaleX(1); }

@media screen and (max-width: 1440px){
	#banner .item{height: 95vh;}
}
@media screen and (max-width: 1280px){
    #banner .item .clip video{width:auto;height: 100%;}
}
@media screen and (max-width: 1024px){
	#banner .item { height: 75vh; }
    #banner .item .info{left: 8%;}
}
@media screen and (max-width: 980px){
	#banner .item { height: 55vh; }
    #banner .item .info{width:50%;left: 5%;}
    #banner .banner_actions{margin-top: 25px;}
}
@media screen and (max-width: 640px){
    #banner{margin-top:75px;}
    #banner .item .info{width: 60%;}
    #banner .banner_actions{display:none;}
    #banner .item .clip video{left: 40%;}
    #banner .item .info p{width: 80%;}
}