.as-learn{overflow:hidden;background:linear-gradient(-90deg,#313131 .05%,#000 45.6%);margin:0 0 52px}
.as-learn__cont{display:flex;justify-content:end;position:relative}
.as-learn__img-cont{position:absolute;top:0;bottom:0;right:50%}
.as-learn__img-cont:after{content:'';height:100%;width:25%;background:linear-gradient(270deg,#010101 0,rgba(1,1,1,0) 93.17%);position:absolute;top:0;bottom:0;right:0}
.as-learn__img-cont:before{content:'';height:100%;width:25%;background:linear-gradient(-270deg,#010101 0,rgba(1,1,1,0) 93.17%);position:absolute;top:0;bottom:0;left:0}
.as-learn__img{object-fit:contain;display:flex;max-width:none;height:100%}
.as-learn__main{display:flex;flex-direction:column;gap:48px;width:50%;padding:68px 0 68px 43px}
.as-learn__block{display:flex;flex-direction:column;gap:32px}
.as-learn__title{font-family:Oswald,sans-serif;font-weight:600;font-size:45px;line-height:1.1;letter-spacing:0;text-transform:uppercase;background:linear-gradient(90deg,#b3b3b3 -11.61%,#fff 17.45%,#fff 50.17%,#fff 78.48%,#b3b3b3 109.53%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;max-width:60%}
.as-learn__desc{font-family:Inter,sans-serif;font-weight:400;font-size:18px;line-height:1.3;letter-spacing:0;color:#fff}
.as-learn__desc>div{display:flex;flex-direction:column;gap:24px}
.as-learn__cta{height:65px;display:flex;justify-content:center;align-items:center;background-color:#8b4513;border-radius:100px;color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:20px;line-height:1;letter-spacing:0;text-transform:uppercase;transition:all .2s ease-out;max-width:350px}
@media (hover:hover){
.as-learn__cta:hover{background-color:#001f54}
}
@media (max-width:768px){
.as-learn{background:linear-gradient(360deg,#313131 .05%,#000 35.6%)}
.as-learn__cont{flex-direction:column;padding:0}
.as-learn__img-cont{position:relative;top:auto;right:auto;bottom:auto;overflow:hidden;height:350px}
.as-learn__img-cont:after{content:'';height:25%;width:100%;background:linear-gradient(0deg,#010101 0,rgba(1,1,1,0) 93.17%);position:absolute;top:auto;bottom:0;right:0;left:0}
.as-learn__img-cont:before{content:'';height:20%;width:100%;background:linear-gradient(180deg,#010101 0,rgba(1,1,1,0) 93.17%);position:absolute;top:0;bottom:auto;right:0;left:0}
.as-learn__main{width:100%;padding:0 24px 32px}
.as-learn__title{max-width:none}
}