.hero{--background-color:var(--hero-background-color);--default-color:var(--hero-color);--heading-color:var(--hero-color);--contrast-color:var(--hero-color);width:100%;min-height:100vh}
@media (min-height:3000px){.hero{min-height:80vh}}
@media (min-height:4000px){.hero{min-height:70vh}}
.hero .vertical-paragraph{position:absolute;top:50%;writing-mode:vertical-rl;font-size:1.5rem;letter-spacing:0.2rem}
.hero .description-home{position:absolute;z-index:2;top:25%;right:0;text-align:end}
@media (min-width:992px) and (max-width:1080px){.hero .description-home{margin-right:60px}}
@media (min-width:1081px) and (max-width:1140px){.hero .description-home{margin-right:40px}}
@media (min-width:1200px) and (max-width:1300px){.hero .description-home{margin-right:50px}}
@media (min-width:1400px) and (max-width:1500px){.hero .description-home{margin-right:50px}}
@media (min-width:1920px){.hero .description-home{top:30%}}
.hero .description-home .btn-outline-primary{background:#EA635F;font-size:1.25rem;padding:11px 28px}
.hero .description-home a:active{border-color:initial}
@media (max-width:575px){.hero .description-home a{width:100%}}
.hero .video-loop{display:flex;align-items:center;justify-content:center;position:relative}
@media (min-width:1400px){.hero .video-loop{min-height:565px}}
@media (max-width:1399.5px){.hero .video-loop{min-height:565px}}
@media (max-width:1199.5px){.hero .video-loop{min-height:475px}}
@media (max-width:991.5px){.hero .video-loop{aspect-ratio:1}}
@media (max-width:574.5px){.hero .video-loop{min-height:0}}
.hero .video-loop video,.hero .video-loop img{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);width:55%}
@media (max-width:991.5px){.hero .video-loop video,.hero .video-loop img{width:100%}}
@media (min-width:2000px){.hero .video-loop video,.hero .video-loop img{width:70%;top:80%}}
.hero p{margin:40px 0 25px 0;line-height:1.3;font-weight:300}
@media (max-width:575px){.hero p{font-size:calc(14px + 0.5vw);line-height:24px}}
.hero .animated{animation:up-down 2s ease-in-out infinite alternate-reverse both}
@media (max-width:991.5px){.hero .description-home{position:relative;top:-80px;left:auto;bottom:0;text-align:left}}
@media (max-width:640px){.hero{min-height:auto}.hero video{height:auto;width:90vw}.hero .description-home{position:relative;top:0;left:auto;bottom:0;text-align:left}}
.hero .svg-animation-container{position:relative;display:flex;justify-content:center;align-items:center;height:75vh}
.hero .svg-animation-container video,.hero .svg-animation-container img{top:55% !important}
.hero .svg-animation-container svg{width:55%;height:auto;object-fit:cover}
@media (max-width:992px){.hero .svg-animation-container svg{width:70%}}
.hero .svg-animation-container .animated-text{top:40%}
@media (max-width:1199px){.hero .svg-animation-container .animated-text{top:41%}}
@media (max-width:574px){.hero .svg-animation-container .animated-text{top:45%}}
.hero .svg-animation-container .animated-text svg{width:60%}
@media (max-width:1199px){.hero .svg-animation-container .animated-text svg{width:50%}}
.hero .white-papers .description-home{position:absolute;top:35%;left:4.5%;width:fit-content}
@media (max-width:640px){.hero .white-papers{min-height:auto}.hero .white-papers video{height:auto;width:90vw}.hero .white-papers .description-home{position:relative;top:calc(20vw - 50px);left:auto;bottom:0;text-align:left}.hero .white-papers p{font-size:18px;line-height:24px;margin-bottom:30px}.hero .white-papers .btn-get-started,.hero .white-papers .btn-watch-video{font-size:13px}}
@-webkit-keyframes up-down{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}
@keyframes up-down{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}
.hero .download-app{position:absolute;width:230px;top:15%;right:0}
.download-app .card{background-color:#1C1B1E;padding:10px 10px 10px 10px}
.download-app .download-label{display:block;font-size:0.75rem}
.download-app .download-appname{font-size:1.25rem}
@media (max-width:575px){.download-app .download-appname{font-size:0.75rem}}
@media (min-width:992px) and (max-width:1080px){.download-app{margin-right:60px}}
@media (min-width:1081px) and (max-width:1140px){.download-app{margin-right:40px}}
@media (min-width:1200px) and (max-width:1300px){.download-app{margin-right:50px}}
@media (min-width:1400px) and (max-width:1500px){.download-app{margin-right:50px}}
.bg_right_blue_red{background-image:url("../themes/diusai/assets/img/background/bg_right_blue_red_jarvis.svg")}
a{text-decoration:none}
.introduction-content h3,.introduction-content p{font-family:"BandeinsSans",sans-serif}
.hero video,img{top:50% !important}
#jarvis-application-section h2{font-family:"BandeinsSans",sans-serif;font-size:2.625rem}
@media (max-width:991px){#jarvis-application-section h2{font-size:2.075rem}}
@media (max-width:767px){#jarvis-application-section h2{font-size:1.5rem}}
@media (min-width:768px){#jarvis-application-section .download-app{width:230px}}
@media (max-width:575px){#jarvis-application-section .download-app img{width:30px}}
#jarvis-introduction-section .list-color-primary{color:#1598B7}
#jarvis-introduction-section .mobile-version,#jarvis-introduction-section .mobile-version *{font-family:"BandeinsSans",sans-serif}
#jarvis-introduction-section .mobile-version .slide,#jarvis-introduction-section .mobile-version * .slide{min-height:800px}
#jarvis-introduction-section .mobile-version .carousel .carousel-inner .carousel-item,#jarvis-introduction-section .mobile-version * .carousel .carousel-inner .carousel-item{padding:20px}
#jarvis-introduction-section .mobile-version .carousel .carousel-inner .carousel-item h1,#jarvis-introduction-section .mobile-version * .carousel .carousel-inner .carousel-item h1{color:#EA635F;font-size:1.625rem;margin-block:40px}
#jarvis-introduction-section .mobile-version .carousel .carousel-inner .carousel-item h2,#jarvis-introduction-section .mobile-version * .carousel .carousel-inner .carousel-item h2{color:#1598B7;font-size:1.25rem;margin-bottom:20px}
#jarvis-introduction-section .mobile-version .carousel .carousel-inner .carousel-item p,#jarvis-introduction-section .mobile-version * .carousel .carousel-inner .carousel-item p{font-size:0.875rem;font-weight:300}
#jarvis-introduction-section .mobile-version .carousel-indicators button,#jarvis-introduction-section .mobile-version * .carousel-indicators button{background-color:#EA635F;width:10px;height:10px;border-radius:50%;margin:0 5px}
#jarvis-introduction-section .mobile-version .carousel-indicators .active,#jarvis-introduction-section .mobile-version * .carousel-indicators .active{background-color:#FF8A80}