section.box-grid{background:#28603D;overflow-x:clip}section.box-grid.blue{background:#171B40}section.box-grid .bg-pattern{position:absolute;top:35%;right:0;width:100%;max-width:1000px;z-index:1}section.box-grid .wrapper{display:grid;grid-template-columns:1fr;column-gap:auto;row-gap:auto;gap:1rem;position:relative;z-index:2}section.box-grid .wrapper .box{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;flex-wrap:auto;position:relative;aspect-ratio:1.46/1;width:100%;border-radius:1rem;text-decoration:none!important;cursor:pointer;overflow:hidden;transition:all .3s ease}section.box-grid .wrapper .box:hover .bg{transform:scale(1.04)}section.box-grid .wrapper .box:hover .content{padding-top:3rem}section.box-grid .wrapper .box .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;border-radius:1rem;transition:all .3s ease}section.box-grid .wrapper .box .bg img{width:100%;height:100%;object-fit:cover;object-position:center}section.box-grid .wrapper .box .wrap{background:linear-gradient(0deg,#28603D,transparent);padding:1rem;width:100%;margin-bottom:-1px;position:relative;border-radius:1rem;display:flex;align-items:flex-end;justify-content:space-between;flex-direction:row;flex-wrap:auto;gap:2rem;transition:all .3s ease}section.box-grid .wrapper .box .wrap .content{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto;gap:1rem;position:relative;z-index:2;transition:all .3s ease}section.box-grid .wrapper .box .wrap span{display:block;font-family:Poppins,sans-serif;font-weight:700;font-size:2.25rem;color:#f1dc4e;line-height:1.1;letter-spacing:2px}section.box-grid .wrapper .box .wrap p{color:#fff}section.box-grid .wrapper .box .wrap svg{width:32px;height:fit-content;min-width:32px;min-height:fit-content;z-index:4;transition:all .3s ease 0s}section.box-grid .wrapper .box .hover-content{display:none;overflow:hidden}@media only screen and (min-width: 992px){section.box-grid.blue .wrapper .box .hover-content{background:#28603D}section.box-grid .wrapper{grid-template-columns:1fr 1fr;gap:2rem}section.box-grid .wrapper .box{aspect-ratio:1.85/1}section.box-grid .wrapper .box:hover .wrap svg{width:48px;height:fit-content;min-width:48px;min-height:fit-content;transform:translate(-25px,-25px);transition-delay:.3s}section.box-grid .wrapper .box:hover .hover-content{top:0;opacity:1;transition-delay:0s}section.box-grid .wrapper .box .wrap span{font-size:2.25rem}section.box-grid .wrapper .box .wrap .content .mobile{display:none}section.box-grid .wrapper .box .hover-content{display:block;position:absolute;top:100%;left:0;z-index:3;padding:1rem;background:#171B40;width:100%;height:100%;transition:all .3s ease .3s}section.box-grid .wrapper .box .hover-content span{display:block;font-family:Poppins,sans-serif;font-weight:700;font-size:2.25rem;color:#fff;line-height:1.1;margin-bottom:1rem;letter-spacing:2px}section.box-grid .wrapper .box .hover-content p{color:#fff}}