.carousel{width:100%;border-radius:3rem;overflow:hidden}.carousel h2{margin-bottom:.5rem}.carousel--primary{background-color:var(--primary-color)}.carousel--primary .carousel__title *{color:var(--white-color)}.carousel--secondary{border:2px solid var(--gray-color-300);background-color:var(--gray-color-200)}.carousel--secondary>p,.carousel--secondary b{color:var(--gray-color-600)}.carousel__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.carousel__buttons{margin-left:auto;padding:.5rem 0;display:flex;gap:.5rem}.carousel__btn{background-color:var(--white-color);display:grid;place-items:center;padding:.25rem;box-shadow:0 2px 7.5px #00000026;border-radius:.5rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.carousel__btn:hover{background-color:var(--gray-color-200);box-shadow:none;color:var(--blue-color-600)}.carousel__image{position:relative;display:flex;flex-direction:column;place-items:center;object-fit:cover}.carousel__image svg{padding:0 2rem}.carousel__slide{transition:opacity .5s ease}.carousel__container{position:relative;gap:2rem;margin:0 0 3rem}.carousel__container--with-image{display:grid;grid-template-columns:repeat(2,1fr)}.carousel__container--columns-2{grid-template-columns:repeat(2,1fr)}.carousel__container--columns-3{grid-template-columns:repeat(3,1fr)}.carousel__container--columns-4{grid-template-columns:repeat(4,1fr)}.carousel__container--no-margin{margin-bottom:0}.carousel__container--with-opacity .carousel__slide{opacity:.3}.carousel__container--with-opacity .swiper-slide-active{opacity:1}.carousel__swiper{grid-column:2/-1;min-width:0;width:100%;height:100%}.carousel__slide img{width:100%}@media (max-width: 1024px){.carousel__image:has(img){display:none}.carousel__header{padding:0rem 1.5rem}.carousel__container--with-image{display:flex;flex-direction:column}}@media (max-width: 768px){.carousel{padding-left:1rem;overflow:visible;border-radius:0}.carousel__container{margin-bottom:4rem}}@media (max-width: 600px){.carousel__header{justify-content:center;text-align:center;padding:1rem 1rem 1rem 0}.carousel__header:not(:has(.carousel__title)){display:flex}.carousel__buttons{display:none;justify-content:center;margin-top:1rem}}.card{position:relative;margin:1rem;background-color:var(--white-color);box-shadow:0 4px 16px #00000029;border-radius:2.5rem;min-height:20rem}.card--quote:before{position:absolute;top:1.2rem;right:1rem;content:url(https://media.cravingenglish.com/landing-page/logos/Quote.svg);display:block;width:clamp(5rem,12vw,7rem);object-fit:contain;height:auto}.card__image{width:7rem;aspect-ratio:1/1;object-fit:cover;object-position:center}.card__image:empty{display:none}.card__image img{display:block;width:100%;height:auto;object-fit:cover;border-radius:100%;aspect-ratio:1/1;object-position:top;overflow:hidden}.card--default{background-color:var(--white-color);border:1px solid var(--gray-color-100);display:grid;gap:1rem}.card--detailed{display:grid;grid-template-columns:auto 2fr;gap:1rem}.card--detailed .card__image{width:8rem}.card--detailed .card__description{display:grid;gap:1rem}.card--detailed .card__name{display:none}.card--detailed .card__name--detailed{display:block}.card--md{padding:1rem;border-radius:2rem}.card--lg{padding:2rem}.card--lg:before{width:clamp(1rem,12vw,5rem)}.card--lg .card__name{font-size:1.3em}.card--lg__description p{font-size:1.1em}.card__header h3{margin:1rem 0 .2rem}.card__description p{color:var(--gray-color-600)}.card__subtitle{font-size:.9em;font-weight:500}.card__subtitle--mobile{display:none}@media (max-width: 700px){.card{margin:.5rem}.card--detailed{grid-template-columns:1fr}.card--detailed .card__name{display:block}.card--detailed .card__name--detailed{display:none}.card--detailed .card__header{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.card--detailed .card__header h3{margin-top:0;font-size:1.2em}.card--lg .card__image{width:3.5rem}.card--lg .card__name{font-size:1.1em}.card__header{margin-bottom:.5rem}}@media (max-width: 425px){.card--quote:before{display:none}.card--md,.card--lg{padding:2rem;border-radius:4rem}.card--lg .card__name{font-size:.9em}.card__header{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.card__header h3{margin-top:0;font-size:1.2em}.card__image{width:3.5rem}.card__name{font-size:.9em}.card__subtitle--mobile{display:block}.card__description{font-size:.8em}}
