.home-features-section{background:#392d45;padding:3.5rem 0 4rem}
@media only screen and (min-width:61.875em){
.home-features-section{background:#261e2f}
}
.home-features-section .home-features-container{display:flex;flex-direction:column;gap:1.8rem}
.home-features-section .home-features-container .home-features-mobile{display:flex;align-items:center;justify-content:space-between}
@media only screen and (min-width:61.875em){
.home-features-section .home-features-container .home-features-mobile{display:none}
}
.home-features-section .home-features-container .home-features-mobile .heading{position:relative;font-family:ChakraPetch,sans-serif;font-weight:700;font-size:1.8rem;font-weight:2.4rem;color:#fff}
.home-features-section .home-features-container .home-features-mobile .heading:before{width:6rem;height:.1rem;position:absolute;top:-2.1rem;left:0;content:"";background-color:#40334f}
.home-features-section .home-features-container .home-features-mobile .home-features-nav{display:flex;flex-direction:row-reverse;gap:1.2rem}
.home-features-section .home-features-container .home-features-mobile .home-features-nav .button-icon--primary{width:3.8rem;height:3.8rem;display:flex;align-items:center;justify-content:center}
.home-features-section .home-features-container .home-features-mobile .home-features-nav .arrow-prev svg{transform:rotate(180deg)}
.home-features-section .home-features-container .home-features-wrapper{display:flex;gap:2.6rem}
.home-features-section .home-features-container .home-features-wrapper .home-features-block{max-width:17.2rem;width:25%;display:flex;flex-direction:column;gap:1.8rem;margin:0 10px}
@media only screen and (min-width:61.875em){
.home-features-section .home-features-container .home-features-wrapper .home-features-block{max-width:24.3rem;margin:0}
}
.home-features-section .home-features-container .home-features-wrapper .home-features-block .icon-block{height:10.7rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.2rem;background:#2b2235;padding:2.5rem}
.home-features-section .home-features-container .home-features-wrapper .home-features-block .icon-block .icon{-o-object-fit:contain;object-fit:contain;display:flex}
.home-features-section .home-features-container .home-features-wrapper .home-features-block .title{font-family:ChakraPetch,sans-serif;font-weight:700;font-size:1.4rem;line-height:2.1rem;text-align:center;color:#fff;margin:0}
@media only screen and (min-width:61.875em){
.home-features-section .home-features-container .home-features-wrapper .home-features-block .title{font-size:1.6rem;line-height:2.4rem}
}