.benefits_list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px}
@media (max-width:1601px){
.benefits_list{grid-gap:20px}
}
@media (max-width:1401px){
.benefits_list{grid-gap:18px}
}
@media (max-width:801px){
.benefits_list{grid-gap:16px}
}
@media (max-width:1001px){
.benefits_list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:601px){
.benefits_list{grid-template-columns:repeat(1,1fr)}
}
.benefits_list .list_elem{position:relative;height:360px;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;border-radius:24px}
.benefits_list .list_elem:first-child{background:radial-gradient(248.79% 45.83% at 50% 100%,#91c487 0,#7686b7 100%)}
.benefits_list .list_elem:nth-child(2){background:radial-gradient(354.55% 79.86% at 50% 100%,#91c487 0,#7686b7 100%)}
.benefits_list .list_elem:nth-child(3){background:radial-gradient(238.1% 145% at 50% 100%,#91c487 0,#7686b7 100%)}
.benefits_list .list_elem:last-child{background:radial-gradient(626.03% 326.81% at 50% 100%,#91c487 0,#7686b7 100%)}
.benefits_list .list_elem .back{display:none;height:100%;opacity:0}
.benefits_list .list_elem.rotate{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);background:#76808e}
.benefits_list .list_elem.rotate .front{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0;display:none}
.benefits_list .list_elem.rotate .back{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);opacity:1;display:flex}
@media (max-width:1401px){
.benefits_list .list_elem{height:auto}
}
.benefits_list .icon{cursor:pointer;width:54px;min-width:54px;height:54px;background:url(../../images/icons/arrow4.svg) no-repeat center/contain;margin-left:auto}
@media (max-width:1001px){
.benefits_list .icon{width:32px}
}
@media (max-width:1001px){
.benefits_list .icon{min-width:32px}
}
@media (max-width:1001px){
.benefits_list .icon{height:32px}
}
.benefits_wrap{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;grid-gap:24px;height:100%}
@media (max-width:1601px){
.benefits_wrap{grid-gap:20px}
}
@media (max-width:1401px){
.benefits_wrap{grid-gap:18px}
}
@media (max-width:801px){
.benefits_wrap{grid-gap:16px}
}