.banner{display:flex;column-gap:15px}.hero-banner{align-items:center;background-color:#f8f8f8;background-repeat:no-repeat;background-size:cover;border-radius:6px;padding:80px 30px 80px 100px}body.dark-mode .hero-banner{background-color:#000;border:1px solid #fff}.hero-banner-content{display:inline-flex;flex-direction:column;flex:1 1 70%}.hero-banner-title{margin-bottom:25px}.hero-banner-image{height:100%;flex:0 4 100%;text-align:center;min-height:255px}.banner-button:active,.banner-button:hover{border-radius:3px}.banner-button{background-color:#f8f8f8;margin-top:0}body.dark-mode .banner-button:active,body.dark-mode .banner-button:hover{background-color:#fff;border-color:#fff;color:#000}body.dark-mode .banner-button{background-color:#000;border:1px solid #fff;color:#fff;fill:#fff}.pro-widget-homepage{border:1px;border-radius:6px;background:#000;padding:50px;width:40%;background-size:cover;background-repeat:no-repeat}.pro-widget-homepage-title{font-size:1.1rem;color:#fff;padding-top:100px}.pro-widget-homepage-image img{width:150px;height:auto}.pro-widget-homepage-image{text-align:right}.pro-button{font-weight:600;text-decoration:none;background-color:#000;border:1px solid #fff;border-radius:3px;color:#fff;fill:#fff;font-size:15px;padding:15px;text-transform:none;align-items:center;cursor:pointer;display:inline-flex;letter-spacing:0;text-align:left;transition:all .15s linear;margin-top:60px}.pro-button:active,.pro-button:hover{border:1px solid #fff}.banner-button,.pro-button:active,.pro-button:hover{background-color:#fff;color:#000;text-decoration:none}.banner-button{font-weight:600;border:1px solid #000;border-radius:3px;fill:#000;font-size:15px;padding:15px;text-transform:none;align-items:center;cursor:pointer;display:inline-flex;letter-spacing:0;text-align:left;transition:all .15s linear;margin-top:50px}.banner-button:active,.banner-button:hover{background-color:#119393;border:none;color:#fff;text-decoration:none}@media (max-width:950px){.hero-banner{padding-top:40px;padding-left:40px;padding-bottom:40px;width:70%}.hero-banner-content{flex:1 1 80%}.pro-widget-homepage{padding:40px;width:40%}.pro-widget-homepage-image img{max-width:70%;height:auto}}@media (max-width:750px){.banner{display:inline-block}.hero-banner{padding-right:40px;width:100%}.banner-button,.pro-widget-homepage{display:none}}