.sub-content{font-size:20px;font-weight:600}
.col-button{background-color:#6f2b8e;padding:15px 100px;color:#fff;font-size:16px;border:none;text-decoration:none;display:block;width:fit-content;border-radius:11px;margin-bottom:2rem;margin-top:2rem}
.title-content{font-size:50px}
.title-col{font-size:30px;margin-top:1rem}
.sticky-col{display:flex;overflow:visible;margin-right:50px}
.h3-listicle{padding-top:2rem}
.title-section{width:50%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:sticky;top:0;background-color:var(--color-primary);padding-left:20px}
.container-sec{width:100%;height:auto;justify-content:center;display:flex;flex-direction:column;padding-bottom:2rem}
.container-section{display:flex;width:50%;flex-direction:column}
.icon-width,.row-icons img{width:100px}
.col-100,.columns img,.img-listicle{width:100%}
.col-50{width:50%}
.col-33{width:33%}
.columns{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;padding:4rem}
.column-section{display:flex;flex-direction:row;gap:3rem;width:100%}
.row-icons{display:flex;flex-direction:column;align-items:center;text-align:center;flex-basis:33%}
@media (width <= 750px){.sub-content,.title-col{font-size:25px}
.columns{padding:2rem}
.col-button{width:100%;text-align:center;padding:15px}
.title-content{font-size:44px}
.sticky-col{flex-direction:column;margin-left:0;margin-right:0}
.title-section{width:100%;height:auto;padding-left:0}
.container-section{width:100%}
.row-icons img{width:80px}
.row-icons h3{font-size:12px!important}
}
.performance .container-sec .content{margin-bottom:1.5em}