.color-box__grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.color-box__item{border-radius:10px;box-shadow:0 10px 20px rgba(99,99,199,.2);display:flex;flex-direction:column;min-height:290px;padding:40px;position:relative}@media screen and (max-width:767px){.color-box__item{padding:25px 16px}}.color-box__item .item__heading{margin-bottom:1rem}.color-box__item .item__body{flex:1;margin-bottom:1rem}.color-box__item .item__body p{font-size:var(--font-size-para-default)}.color-box__item .item__body .main-image{display:block;margin:0 auto 32px;max-height:280px;max-width:400px;width:100%}@media screen and (max-width:767px){.color-box__item .item__body .main-image{margin:0 auto 16px}}.color-box__item .item__footer{width:100%}.color-box__item .item__footer a{align-items:center;color:var(--text-color);display:flex;font-size:20px;font-weight:var(--semi-bold);justify-content:space-between;width:100%}.color-box__item .item__footer a span{margin-right:.5rem}.color-box__item svg{bottom:45px;left:25px;position:absolute;transition:left .3s ease-out}.color-box__item .item__footer a:after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}@media screen and (max-width:767px){.color-box__item svg{left:85%}}@media (hover:hover){.color-box__item:hover{box-shadow:0 10px 15px rgba(99,99,199,.2)}.color-box__item .item__footer span{opacity:0;transition:opacity .3s ease-in-out}.color-box__item:hover .item__footer span{opacity:1}.color-box__item:hover svg{left:85%}}@media (min-width:1200px){.color-box.c-500 .color-box__grid{gap:40px;grid-template-columns:repeat(3,minmax(0,1fr))}.color-box.c-500 .color-box__item{border-radius:8px;box-shadow:none;height:500px;min-height:0;padding:32px 40px}}