.course-section{overflow-x:clip;position:relative;.container{container-name:container;container-type:inline-size;margin:0 auto;max-width:var(--max-width);padding:var(--v-padding) var(--h-padding);position:relative;.content{display:flex;flex-direction:column;gap:var(--spacing-x-lg)}}.header{max-width:45rem;width:100%}.heading{color:var(--colors-belft-blue,#273068)}.card{display:flex;flex-direction:column;gap:var(--spacing-big)}.card .thumbnail{aspect-ratio:3/2;border-radius:var(--spacing-xsm,48px);overflow:hidden;width:100%}.card .details{display:flex;flex-direction:column;gap:var(--spacing-md)}.card .divider{background:var(--colors-orange,#f7a70b);height:1px;width:100%}.actions{display:flex;flex-direction:row;gap:var(--spacing-x-big);padding-top:var(--spacing-md);position:relative;@container container (max-width: 768px){flex-direction:column}}.button{align-items:center;background:var(--colors-belft-blue,#273068);border:.125rem solid transparent;border-radius:62.5rem;color:var(--colors-white-smoke,#f2f2f2);display:flex;font-size:var(--typography-font-size-p-md,1rem);gap:.625rem;justify-content:center;padding:.5rem var(--spacing-x-big,2rem);text-decoration:none;&.button.outline{background:transparent;border-color:var(--colors-belft-blue,#273068);color:var(--colors-belft-blue,#273068)}@container container (max-width: 768px){width:100%}}@container body-container (min-width: 1024px){.carousel{display:grid!important;gap:var(--spacing-big);grid-template-columns:repeat(3,minmax(0,1fr))}}}