.banner{color:#000;background-color:#000;width:100%;min-height:100vh;position:relative;overflow:hidden}.banner-bg-img{opacity:1;z-index:30;object-fit:cover;min-width:100vw;min-height:100vh;transition:all 2s;position:absolute;top:0;right:0;scale:1.01}.banner-bg-video{z-index:20;min-width:100%;min-height:100vh;transition:all 2s;position:absolute;bottom:0;left:40%}.banner2-content{z-index:40;flex-direction:column;justify-content:center;width:50%;min-height:100vh;padding-top:100px;padding-left:10%;transition:all 2s ease-in-out;display:flex;position:relative}.banner2-content .line{background-color:#000;width:40px;height:1px;transition:all 2s!important}.overlay{z-index:40;width:50%;height:100%;position:absolute;top:0;right:0}.overlay:hover~.banner-bg-img{opacity:0;z-index:30;top:100%;right:100%;scale:3}.overlay:hover~.banner-bg-video{left:0}.banner .banner2-content h1{font-size:clamp(32px,9vw,110px);font-weight:600;line-height:clamp(32px,9vw,110px)}.banner .circle-spacing{background-color:#fd6100;margin:0 -6px;padding:0 6px;line-height:clamp(26px,3vw,70px)}.banner .banner2-content h5{font-size:clamp(14px,2vw,24px);font-weight:600}.banner .banner2-content h2{font-size:clamp(20px,3vw,50px);font-weight:600}.banner .banner2-content h3{font-size:clamp(20px,2vw,40px);font-weight:700}.buttons{margin-top:20px}.banner2-content .buttons button{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:10rem;padding:12px 26px;font-weight:600;transition:all 2s ease-in-out;display:flex}.banner2-content .buttons button .icon{font-size:28px}.banner2-content .buttons button:first-child{color:#fff;background-color:#000;border:1px solid #000}.banner2-content .buttons button:nth-child(2){color:#000;background-color:#0000;border:1px solid #af9e9e}.banner2-content .banner-client{padding-top:10%}.overlay:hover~.banner2-content{transition:all 2s;color:#fff!important}.overlay:hover~.banner2-content a{color:#fff!important}.overlay:hover~.banner2-content .line{background-color:#fff}.overlay:hover~.banner2-content .buttons button:first-child{background-color:#e4461f;border:1px solid #e4461f}.overlay:hover~.banner2-content .buttons button:nth-child(2){border:1px solid #fff;background-color:#fff!important}.scrollactionwhite{opacity:0;transition:all 2s ease-in-out}.scrollaction{transition:all 2s ease-in-out}.banner2-content a{color:#000;text-decoration:none;transition:all 2s}.overlay:hover~.banner2-content .scrollaction{opacity:0}.overlay:hover~.banner2-content .scrollactionwhite{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-10px)}}.scroll-down-animation{animation:2s infinite bounce}@media screen and (max-width:1024px){.overlay{display:none}.banner{height:fit-content;padding:10vw 0}.banner-bg-img{display:none}.banner-bg-video{object-fit:cover;background-color:#fff;left:0}.banner2-content{width:100%;padding-top:50px;padding-left:6%;color:#fff!important}.banner2-content .buttons button:first-child{border:1px solid #e4461f;width:fit-content;padding:1.5% 4%;background-color:#e4461f!important}.banner2-content .buttons button:nth-child(2){border:1px solid #fff;width:fit-content;padding:1.5% 4%;color:#fff!important}.banner .banner2-content h6{font-weight:400}.banner2-content .line{background-color:#fff}.banner2-content .banner-client{padding-top:5%}.banner2-content a{color:#fff!important}.scrollaction{display:none}}
