.case-study{--case-study-card-padding: var(--spacing-lg);--case-study-card-gradient: linear-gradient( to bottom, transparent, #ffffffb0 );background-color:var(--secondary-gray-100);border-radius:var(--bitovi-radius-md);display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;font-family:var(--font-inter);color:var(--primary-teal-950)}@media (width >= 640px){.case-study{--case-study-card-padding: var(--spacing-3xl)}}.case-study .case-study-top{padding:var(--case-study-card-padding);padding-bottom:var(--spacing-2xl)}.case-study .case-study-top .case-study-title{align-self:flex-start;padding-top:var(--spacing-sm-md);font-family:var(--font-poppins);font-size:var(--font-size-3xl-mobile);font-weight:var(--font-weight-bold);line-height:var(--line-height-2xl-mobile)}@media (width >= 768px){.case-study .case-study-top .case-study-title{font-size:var(--font-size-3xl-desktop);line-height:var(--line-height-2xl-desktop)}}.case-study .case-study-top .case-study-tags-group{display:flex;flex-wrap:wrap;height:1.4rem;overflow:hidden;gap:var(--spacing-sm)}.case-study .case-study-top .case-study-tags-group .case-study-tags{text-transform:uppercase;letter-spacing:var(--spacing-2xs);background:var(--secondary-white);color:var(--gray-dark-200);border-radius:var(--bitovi-radius-2xs);padding:var(--spacing-xs) var(--spacing-sm);width:-moz-fit-content;width:fit-content;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-xs)}.case-study .case-study-content{position:relative;height:100%;display:flex;flex-direction:column}@media (width >= 1024px){.case-study .case-study-content{display:block;flex-grow:1}}.case-study .case-study-content .case-study-image-wrapper{width:100%;height:100%;overflow:hidden;background-color:var(--secondary-gray-300);position:relative;float:right;transition:filter .4s ease-in-out,opacity .4s ease-in-out}@media (width >= 1024px){.case-study .case-study-content .case-study-image-wrapper{width:50%}}.case-study .case-study-content .case-study-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0}.case-study .case-study-content .case-study-rich-text{height:100%;display:flex;flex-wrap:wrap;place-content:space-between end;padding:0 var(--case-study-card-padding) var(--case-study-card-padding);pointer-events:none;transition:width .4s ease-in-out,opacity .4s ease-in-out}@media (width >= 1024px){.case-study .case-study-content .case-study-rich-text{position:absolute;top:0;left:0;width:50%}}.case-study .case-study-content .case-study-rich-text .rich-text-content{font-family:var(--font-inter);line-height:var(--line-height-md-desktop)}.case-study .case-study-content .case-study-rich-text .rich-text-content h2,.case-study .case-study-content .case-study-rich-text .rich-text-content h3,.case-study .case-study-content .case-study-rich-text .rich-text-content h4,.case-study .case-study-content .case-study-rich-text .rich-text-content h5{font-size:var(--font-size-xl-desktop);line-height:var(--line-height-lg-desktop);margin-bottom:var(--spacing-xs)}.case-study .case-study-content .case-study-rich-text .rich-text-content p{margin-bottom:var(--spacing-md)}.case-study .case-study-content .case-study-button{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:end;font-weight:var(--font-weight-semibold);color:var(--primary-teal-600)}@media (width >= 0){.case-study .case-study-content .case-study-button{border:1px solid var(--primary-teal-600);border-radius:var(--bitovi-radius-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease-in-out;background-color:var(--primary-teal-600);color:var(--secondary-white)}}@media (width >= 768px){.case-study .case-study-content .case-study-button{background-color:var(--secondary-white);color:var(--primary-teal-600)}}@media (width >= 0){.case-study:not(:first-child) .case-study-rich-text{width:100%;position:absolute;align-content:flex-end;opacity:1;z-index:1;background-image:var(--case-study-card-gradient)}.case-study:not(:first-child) .case-study-image-wrapper{z-index:0;height:260px;width:100%}.case-study:not(:first-child) .case-study-button{color:var(--secondary-white);background-color:var(--primary-teal-600)}}@media (width >= 1024px){.case-study:not(:first-child) .case-study-top{padding-bottom:var(--spacing-md)}.case-study:not(:first-child) .case-study-top .case-study-title{font-size:var(--font-size-xl-desktop);line-height:var(--line-height-xl-desktop)}.case-study:not(:first-child) .case-study-rich-text{opacity:0}}.case-study:first-child .case-study-image-wrapper{border-top-left-radius:var(--bitovi-radius-md)}.case-study:nth-child(2) .case-study-image-wrapper img{-o-object-position:center;object-position:center}.case-study:active,.case-study:focus-visible{outline:2px solid var(--primary-teal-600);outline-offset:0}@media (width >= 768px){.case-study:hover:first-child .case-study-button,.case-study:focus:first-child .case-study-button{color:var(--secondary-white);background-color:var(--primary-teal-600)}.case-study:hover:not(:first-child) .case-study-rich-text,.case-study:focus:not(:first-child) .case-study-rich-text{opacity:1;z-index:1;background-image:var(--case-study-card-gradient)}.case-study:hover:not(:first-child) .case-study-image-wrapper,.case-study:focus:not(:first-child) .case-study-image-wrapper{z-index:0}.case-study:hover:not(:first-child) .case-study-button,.case-study:focus:not(:first-child) .case-study-button{color:var(--secondary-white);background-color:var(--primary-teal-600)}}.case-study-grid{display:grid;gap:var(--spacing-lg);padding:var(--spacing-2xs)}@media (width >= 768px){.case-study-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(388px,1fr))}.case-study-grid>:nth-child(1){grid-column:1/-1;grid-row:1/3}.case-study-grid>:nth-child(2){grid-column:1/2;grid-row:3/4}.case-study-grid>:nth-child(3){grid-column:2/-1;grid-row:3/4}}