.courses-block{display:flex;align-items:center;flex-direction:column;color:var(--text-color);padding:1em 2em 3em}.courses-block .courses-container{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;gap:3em;width:100%;margin-top:1em;max-width:1446px;padding:1em 2em;border:1px solid transparent}.courses-block .courses-container h2{font-size:larger}.courses-block .course-block{display:grid;grid-template-columns:15% auto;grid-template-rows:100%;column-gap:2em;background-color:#fef0e6;box-shadow:-5px 9px 0 rgba(0,0,0,.4);box-shadow:-5px 9px 0 #e1cdf4;transition:all .3s ease;position:relative}@media(min-width:768px){.courses-block .course-block:before{content:"";position:absolute;top:-5px;left:-5px;height:100%;width:100%;border:2px solid rgba(130,35,228,.2);z-index:1;transition:all .3s ease .1s}}.courses-block img{height:100%;width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(150%) grayscale(20%);z-index:0;position:relative}.courses-block .course-info-wrapper{display:flex;width:100%;justify-content:space-between;padding:1em;z-index:15}.courses-block .course-info-wrapper .free-diagnostic{margin-top:1em;margin-left:1em;font-size:larger;color:#181dfd}.courses-block .course-info-wrapper .course-info{width:100%}@media(min-width:768px){.courses-block .course-block:hover{box-shadow:-15px 18px 0 #e1cdf4;transform:translateY(-5px) rotate(.3deg)}.courses-block .course-block:hover:before{transform:scale(105%) translateY(-3px)}}.courses-block .course-description{color:#6c757d;margin-bottom:15px}.courses-block .course-details,.courses-block .course-features{padding-left:20px}.courses-block .course-price{font-size:1.2em;font-weight:700;color:#28a745;margin:15px 0}.courses-block .course-dates{font-style:italic;margin-bottom:15px}.courses-block .super-offer{position:absolute;right:calc(0% - 5em);top:calc(0% - 5em);z-index:10;height:10em;width:20em;padding:1em;background-color:none;display:flex;align-content:center;align-items:center;flex-wrap:wrap;justify-content:center;transform:rotate(4deg)}.courses-block .super-offer .explosion{position:absolute;object-fit:fill}.courses-block .super-offer svg{height:100%;width:100%}.courses-block .super-offer svg path{fill:#e1cdf4}.courses-block .super-offer span{color:#360c62;font-size:x-large;z-index:10}@media(max-width:768px){.courses-block .course-block{width:100%;display:flex;flex-direction:column}.courses-block .course-info-wrapper{flex-direction:column}}