.features{margin-block:2rem;-webkit-user-select:none;user-select:none}.features header h3{font-size:2rem;margin-block-end:2rem;text-align:center;padding-inline:1rem}.features .container{grid-template-columns:25% auto;display:grid}.features nav{position:sticky;align-self:flex-start;margin-inline-end:1rem;inset-block-start:6rem}.features nav ul{padding:0;margin:0}.features nav ul li:first-child{border-block-start:1px solid var(--page-content-background-main-color)}.features nav ul li{border-block-end:1px solid var(--page-content-background-main-color);font-weight:600;transition:all .3s ease-in-out;padding-inline:1rem;padding-block:1rem}.features nav ul li.active{color:var(--page-content-font-white-color);background-color:var(--page-content-background-stunning-color)}.features nav ul li a{color:inherit}.features section div+div{padding-block-start:6rem}.features section div ul{padding:0;margin:0}.features section div ul li{grid-template-columns:7rem calc(100% - 8rem);justify-content:space-between;align-items:center;display:grid}.features section div ul li+li{margin-block-start:1.6rem}.features section div ul li figure{text-align:center;margin:0}.features section div ul li figure img{height:auto;width:6rem}.features section div ul li a{color:inherit}.features section div ul li p{overflow:hidden;margin:0}.features section div ul li p strong{font-weight:600;display:block}@media (max-width:767.98px){.features header h1{margin-block-end:0}.features .container{grid-template-columns:1fr}.features nav{inset-block-start:0;width:100%}.features nav ul li:first-child{border-block-start:none}.features nav ul li{font-size:1.2rem;color:var(--page-content-background-main-color)!important;padding-block-start:6rem;background-color:var(--body-background-color)!important}.features nav ul li:not(.active){display:none}}