.banner{display:grid;height:900px;overflow-y:visible;position:relative;background-color:rgba(118,120,237,1)}.banner-bg-image{object-fit:cover;object-position:center;z-index:0}.banner-content{display:flex;flex-direction:column;gap:20px;width:50vw;padding:0 80px 0 70px;height:800px;justify-content:center;align-items:start;color:white;box-sizing:border-box;position:relative;z-index:1}.banner-title{font-weight:800}.banner-description{font-size:20px;font-weight:500}.banner-buttons{display:flex;gap:10px}.banner-buttons button{color:white;width:fit-content;padding:12px 20px;border-radius:50px;font-weight:500}.start-learning-btn{background-color:rgba(162,199,45,1);transition:all .3s ease;cursor:pointer}.start-learning-btn:hover{background-color:rgba(162,199,45,.8)}.watch-demo{border:1px solid white;transition:all .3s ease;cursor:pointer}.watch-demo:hover{border:1px solid rgba(118,120,237,.8);color:rgba(118,120,237,.8);background-color:white}.banner-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.5);color:white;width:40px;height:40px;border-radius:50%;font-size:26px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;backdrop-filter:blur(5px)}.banner-nav-button:hover{background-color:rgba(255,255,255,.3);border-color:rgba(255,255,255,.8);transform:translateY(-50%) scale(1.1)}.banner-nav-prev{left:20px}.banner-nav-next{right:20px}.banner-indicators{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}.banner-indicator{width:12px;height:12px;border-radius:50%;background-color:rgb(211,211,211);border:2px solid rgb(215,215,215);cursor:pointer;transition:all .3s ease;padding:0;margin:0}.banner-indicator:hover{background-color:rgba(255,255,255,.6);transform:scale(1.2)}.banner-indicator.active{background-color:rgba(118,120,237,1);border-color:rgba(118,120,237,1);width:14px;height:14px}@media(max-width:1120px){.banner-content{padding:0 70px;width:700px}.banner-description{font-size:18px}}@media(max-width:900px){.banner{max-height:650px}.banner,.banner-content{height:90vh;min-height:550px}.banner-content{max-height:600px}}@media(max-width:700px){.banner-content{width:calc(100vw - 30px);padding:0 60px 0 70px}.banner-description{font-size:16px}}@media(max-width:500px){.banner-description{font-size:14px;line-height:26px}.banner-buttons button{font-size:14px}}@media(max-width:400px){.banner-buttons{display:grid}.banner-content{width:calc(100% - 0px);padding:0 50px}.banner-buttons button{width:100%;min-width:170px}.banner-nav-button{width:35px;height:35px;font-size:24px}.banner-nav-prev{left:10px}.banner-nav-next{right:10px}.banner-indicators{bottom:20px;gap:10px}.banner-indicator{width:10px;height:10px}.banner-indicator.active{width:12px;height:12px}}