*{margin:0;padding:0;box-sizing:border-box}body{font-family:Raleway,sans-serif;font-size:16px;line-height:1.5;background-color:var(--default-background-color,#fff)}body *,body h1,body h2,body h3,body h4,body h5,body h6,body p{color:var(--content-text-color #111)}.hero{position:relative;width:100%;height:400px;overflow:hidden}.hero .banner{width:100%;height:100%;background-size:cover;background-position:center;filter:blur(2px);transform:scale(1.05)}.hero--overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero--content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.hero--content h1{font-size:3rem;font-weight:700;margin-bottom:10px;line-height:40px}.hero--content p{font-size:1.2em;line-height:1.5;margin-bottom:20px}.hero--content .red-rext{color:var(--accent-color);font-weight:700;font-size:2rem;margin-bottom:20px}.hero--content .play-buttons{display:flex;flex-direction:row;gap:15px;justify-content:center}.hero--content .play-buttons a{cursor:pointer;padding:10px 15px;font-weight:700;transition:all .3s ease-in-out}.hero--content .play-buttons a:hover{box-shadow:0 4px 30px var(--accent-color);transform:translateY(-2px)}.hero--content .play-buttons .real{background-color:var(--accent-color);color:#fff}.hero--content .play-buttons .demo{color:var(--accent-color);background-color:#fff}.hero .with-image{display:flex;flex-direction:row;width:80vw;gap:200px}.hero .with-image .hero--details{text-align:left}.hero .with-image .hero--image img{height:300px;width:300px;object-fit:cover}.hero .with-image .play-buttons{justify-content:left}p{margin:0;font-size:1rem;line-height:1.5}a{text-decoration:none;color:#3498db;transition:color .3s}a:hover{color:#1e6d9e}.btn{display:inline-block;padding:10px 20px;background-color:#3498db;color:#fff;font-size:1rem;font-weight:700;text-align:center;border-radius:5px;transition:background-color .3s}.btn:hover{background-color:#1e6d9e}.text-center{text-align:center}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.hidden{display:none!important}@media (max-width:1240px){.filler{display:none}.hero--image{display:none}}@media (max-width:992px){.hero--content{width:70%}}@media (max-width:768px){.hero{height:fit-content}.hero .banner{position:absolute}.hero--content{width:95%;position:relative;top:0;transform:translateX(-50%) translateY(0);padding:40px 0}}.site-header{position:relative;background:var(--default-background-color);box-shadow:0 2px 4px rgba(0,0,0,.1)}.site-header .site-header--container{display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.site-header .site-header--logo a{display:flex;transform:scale(1.3);flex-direction:column;justify-content:center;color:var(--default-text-color)}.site-header .site-header--logo img{max-height:50px;max-width:150px;transform:scale(.8)}.site-header .site-header--menu{display:flex;background:var(--default-background-color)}@media (max-width:768px){.site-header .site-header--menu{display:none;flex-direction:column;position:absolute;top:100%;right:0;left:0;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:100}}.site-header .site-header--menu.open{display:flex}.site-header .site-header--menu .menu-items{list-style:none;margin:0;padding:0;display:flex}@media (max-width:768px){.site-header .site-header--menu .menu-items{flex-direction:column}}.site-header .site-header--menu .menu-items li{margin:0 10px}@media (max-width:768px){.site-header .site-header--menu .menu-items li{margin:10px 0}}.site-header .site-header--menu .menu-items li a{text-decoration:none;color:#333;padding:10px 15px;display:block;color:var(--default-text-color)}.site-header .site-header--menu .menu-items li a:hover{color:#0073e6}.site-header .burger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer}@media (max-width:768px){.site-header .burger{display:flex}}.site-header .burger span{display:block;height:3px;background:var(--default-text-color);border-radius:2px}