#banner{display:flex;padding:40px 6%;padding-bottom:50px;background:linear-gradient( to right,hsl(0deg 0% 100%) 35%,hsl(211.91deg 92.16% 90%) 55%,hsl(211.91deg 92.16% 90%) 90%,hsl(214.89deg 84.32% 67.8%) 110% );align-items:center;justify-content:space-around}#banner .bg{display:inline-block;width:37%;height:81%;float:right}#banner .bg img{object-fit:contain;width:100%;height:100%}#banner .text-container{display:inline-block}#banner .text-container p{font-size:44px;font-weight:bold;letter-spacing:1.6px;margin:15px 0px;line-height:1.4}#banner .text-container .title.desktop-title{display:block}#banner .text-container .title.mobile-title{display:none}#banner .text-container .for{color:#386dcf}#banner .text-container .typed-text{font-weight:normal;color:#585757;font-size:26px}#banner .text-container .cursor{display:inline-block;background-color:#ccc;margin-left:5.5px;width:3px;font-size:30px}#banner .text-container .sol{display:block;font-size:19px;margin-top:40px;color:#6b6767;font-family:system-ui;line-height:1.6}#banner .sign-up{margin-top:45px;padding:10px 28px;border-radius:10px;background:#4476d2;color:white;outline:none;border:none;font-weight:bold;font-size:20px;text-decoration:none;display:inline-block}@media screen and (max-width:980px){#banner{padding:20px 5%;padding-top:0px}#banner .bg{width:700px}#banner .text-container .title.desktop-title{display:none}#banner .text-container .title.mobile-title{display:block}}@media screen and (max-width:820px){#banner{padding:30px 7%}#banner .bg{display:none}}