.benefits-section{background:var(--leobit-bg-white)}.benefits-section .section-header{color:var(--leobit-text-black)}.benefits-section .benefits-decription{padding:16px;background:linear-gradient(304.38deg,#000 11.74%,#323232 84.36%);position:relative;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:16px}.benefits-section .benefits-decription a:not(.secondary-button){color:var(--leobit-accent-color)}.benefits-section .benefits-decription .secondary-button{margin:0 auto;padding-bottom:11px;width:100%}.benefits-section .items{display:grid;grid-template-columns:1fr;gap:16px}.benefits-section .items h3{font-family:var(--leobit-font-futura-Bk);font-size:18px;line-height:1.2;text-transform:capitalize}.benefits-section .items h3 strong{font-family:var(--leobit-font-futura-bold)}.benefits-section .items .item{background:var(--leobit-bg-silver);position:relative;min-height:130px;display:flex;align-items:center;color:var(--leobit-text-black);transition:all .4s ease}.benefits-section .items .item:hover{box-shadow:0 8px 40px rgba(0,0,0,.08);background:#e6f3df}.benefits-section .items .item.showDesc:hover .titleBox{opacity:0;visibility:hidden}.benefits-section .items .item.showDesc:hover .card-benefits__decription{opacity:1;visibility:visible}.benefits-section figure{width:70px;height:70px;margin:0}.benefits-section figure img{max-width:100%;max-height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.benefits-section .titleBox{display:flex;justify-content:flex-start;align-items:center;gap:24px;transition:all .4s ease}.benefits-section .card-benefits__decription{margin:0;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;z-index:5;transition:all .4s ease}.benefits-section .card-benefits__decription p{font-size:16px;margin:0}@media screen and (max-width:767px){.benefits-section .items .card-benefits__decription,.benefits-section .items .item{padding:15px;display:flex;align-items:center}}@media screen and (min-width:768px){.benefits-section .items{grid-template-columns:repeat(2,1fr)}.benefits-section .items .card-benefits__decription,.benefits-section .items .item{padding:30px}}@media screen and (min-width:1081px){.benefits-section .benefitsBlock{display:flex;justify-content:space-between;gap:24px}.benefits-section .benefits-decription{flex-basis:32%;padding:30px;margin:0}.benefits-section .benefits-decription p{font-size:20px}.benefits-section .items{flex:1;gap:24px}.benefits-section .items h3{font-size:20px}}
