.our_portfolio{padding-top:32px}.our_portfolio:where(:last-child){padding-bottom:var(--section-padding)}.our_portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px;display:grid}.our_portfolio__card__above{position:relative}.our_portfolio__card__image{aspect-ratio:572/320;object-fit:cover;border-radius:8px;width:100%;max-width:100%;height:auto}.our_portfolio__card__period{background-color:var(--primary-brand-color);letter-spacing:4%;color:var(--white-color);text-transform:uppercase;font-size:12px;font-weight:400;line-height:14px;font-family:var(--chetty-font);border-radius:32px;justify-content:center;align-items:center;padding-block:8px 6px;padding-inline:12px;display:inline-flex;position:absolute;top:12px;left:12px}@media screen and (width<=1199.5px){.our_portfolio__card__period{letter-spacing:6%;padding-block:7px 5px;font-size:12px;line-height:12px}}@media screen and (width<=742.5px){.our_portfolio__card__period{padding-block:6px 4px;padding-inline:10px;font-size:10px;line-height:12px;top:10px;left:10px}}.our_portfolio__card__anchor{color:inherit;text-decoration:none;display:block;overflow:hidden}.our_portfolio__card__title{letter-spacing:0%;margin:16px 0;font-size:20px;font-weight:400;line-height:24px}.our_portfolio__card__content{letter-spacing:0%;margin:0 0 16px;font-size:14px;font-weight:400;line-height:18px}.our_portfolio__card__view_link{font-family:var(--chetty-font);letter-spacing:4%;text-transform:uppercase;color:var(--primary-brand-color);font-size:12px;font-weight:400;line-height:14px;text-decoration:none;transition:opacity .15s ease-out;display:block}.our_portfolio__card__view_link:hover{opacity:.7}.our_portfolio__card__anchor .our_portfolio__card__title{transition:opacity .15s ease-out}.our_portfolio__card__anchor .our_portfolio__card__title:hover{opacity:.7}.our_portfolio__card__anchor:has(.our_portfolio__card__image){border-radius:8px}.our_portfolio__card__anchor .our_portfolio__card__image{border-radius:inherit;transition:transform .2s ease-out}.our_portfolio__card__anchor .our_portfolio__card__image:hover{transform:scale(1.05)}@media screen and (width<=1199.5px){.our_portfolio__grid{flex-direction:column;row-gap:32px;display:flex}.our_portfolio__card__image{aspect-ratio:703/320}}@media screen and (width<=742.5px){.our_portfolio{padding-top:24px}.our_portfolio__grid{row-gap:24px}.our_portfolio__card__image{aspect-ratio:300/180}.our_portfolio__card__title{letter-spacing:0%;margin:12px 0 16px;font-size:16px;font-weight:400;line-height:20px}.our_portfolio__card__view_link{letter-spacing:6%;font-size:12px;line-height:12px}}
