.benefitselement a{text-decoration:none}.benefitselement .benefit__circle{--size: 120px;background:var(--clr-tertiary);width:var(--size);height:var(--size);border-radius:50%;text-align:center;line-height:var(--size);vertical-align:middle;padding:0;margin:0 auto 30px;user-select:none}.benefitselement .benefit-row{display:flex;flex-wrap:wrap;margin-bottom:3rem}.benefitselement .benefit-row .col-lg-3,.benefitselement .benefit-row .col-md-6,.benefitselement .benefit-row .col-12{padding:10px}.benefitselement .benefit__card--itemA{background-color:var(--grey);border-radius:20px;padding:3rem;display:flex;flex-direction:column;justify-content:space-between !important;align-items:center;height:300px;width:100%;max-width:372px;margin:0 auto;position:relative}.benefitselement .benefit__card--itemA h6 p{font-family:var(--font-secondary);text-transform:uppercase}.benefitselement .benefit__card--itemA .custom--icon{display:inline-block;font-size:3.25rem}.benefitselement .benefit__card--itemA .benefit--image img{height:80px;width:auto}.benefitselement .benefit__card--itemB{background-color:var(--grey);border-radius:20px;padding:1rem;display:flex;justify-content:center;align-items:center;height:240px;width:100%;max-width:240px;margin:0 auto;position:relative}.benefitselement .benefit__card--itemB .benefit--image img{height:auto;width:auto;object-fit:cover}.benefitselement .benefit__button{color:var(--font-clr);font-family:var(--font-secondary);text-transform:uppercase;text-decoration:underline;font-size:1.375rem;line-height:1.875rem}@media screen and (max-width:1199.98px){.benefitselement .benefit__button{font-size:1.25rem;line-height:1.5rem}}@media screen and (max-width:767.98px){.benefitselement .benefit__button{font-size:1.125rem;line-height:1.4rem}}.benefitselement .benefit__card--itemA:hover{background-color:var(--secondary);background-size:cover;background-position:center}.benefitselement .benefit__card--itemA:hover h6,.benefitselement .benefit__card--itemA:hover .benefit__button{color:var(--white)}.benefitselement .benefit__card--itemA:hover .benefit--image img{filter:brightness(0) invert(1)}.benefitselement .benefit__card--itemA:hover .benefit--icon{filter:brightness(0) invert(1)}@media (max-width:992px){.benefitselement .benefit-row .col-md-6{padding:12px}}@media (max-width:768px){.benefitselement .benefit-row .col-12{padding:8px}}@media (max-width:576px){.benefitselement .benefit__card--itemA,.benefitselement .benefit__card--itemB{padding:2rem;width:100%}}