.section_2{
    margin-top: 7rem;
    width: 100%;
    display: grid;
    grid-template-columns: 45% 40%;
    justify-content: space-between;
    padding: 0 12rem;
}
.section_2 .left span .large{
    font-size: 2rem;
    margin-bottom: .5rem;
    font-weight: 500;
}
.section_2 .left p{
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
}
.section_2 .left .buttons{
    display: flex;
    justify-content: space-between;
}
.section_2 .left .buttons .button:hover{
    opacity: .8;
}
.section_2 .left .buttons .add-bot,
.section_2 .left .buttons .support{
    width: 48%;
    height: 3.3rem;
    font-size: 1.1rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms opacity;
    cursor: pointer;
}
.section_2 .left .buttons .add-bot{
    background: #14142c;
}
.section_2 .left .buttons .support{
    background: #313244;
    border: .1rem solid #f65a5a20;
}
.section_2 .right img{
    width: 100%;
    border-radius: .75rem;
    transition: 300ms box-shadow;
    cursor: pointer;
}
.section_2 .right img:hover{
    box-shadow: 0 0 1rem .1rem #664c78;
}
.section_3 {
    margin-top: 7rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    padding: 0 12rem;
    text-align: center;
}

.section_3 .content {
    grid-column: 1 / -1;
    margin-bottom: 2rem;
}

.section_3 .content .title {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.section_3 .feature {
    background: #313244;
    border-radius: 0.75rem;
    padding: 2rem;
    box-shadow: 0 0 1rem .1rem #00000020;
    transition: 300ms box-shadow, transform;
    text-align: center;
}

.section_3 .feature:hover {
    box-shadow: 0 0 1.5rem .1rem #664c78;
    transform: translateY(-5px);
}

.section_3 .feature i {
    font-size: 2.5rem;
    color: #4c507d;
    margin-bottom: 1rem;
}

.section_3 .feature h3 {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.section_3 .feature p {
    font-size: 1rem;
    opacity: 0.9;
}
.section_4 {
    margin-top: 7rem;
    width: 100%;
    padding: 0 12rem;
    text-align: center;
}

.section_4 .content {
    margin-bottom: 2rem;
}

.section_4 .content .title {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.section_4 .stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.section_4 .stat {
    background: #313244;
    padding: 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 0 1rem .1rem #00000020;
    transition: 300ms box-shadow, transform;
    text-align: center;
}

.section_4 .stat:hover {
    box-shadow: 0 0 1.5rem .1rem #664c78;
    transform: translateY(-5px);
}

.section_4 .stat i {
    font-size: 2.5rem;
    color: #4c507d;
    margin-bottom: 1rem;
}

.section_4 .stat h3 {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.section_4 .stat p {
    font-size: 1rem;
    opacity: 0.9;
}
.section_5 {
    margin-top: 7rem;
    padding: 0 12rem;
    width: 100%;
    text-align: center;
}

.section_5 .title {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 2rem;
}

.section_5 .feature-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
}

.section_5 .feature-item {
    display: flex;
    align-items: center;
    gap: 2rem;
    text-align: left;
}

.section_5 .feature-item.reverse {
    flex-direction: row-reverse;
}

.section_5 .feature-image img {
    width: 100%;
    max-width: 300px;
    border-radius: 0.75rem;
    transition: box-shadow 300ms ease;
    box-shadow: 0 0 1rem .1rem #00000020;
}

.section_5 .feature-image img:hover {
    box-shadow: 0 0 1.5rem .1rem #664c78;
}

.section_5 .feature-text h3 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: #4c507d;
}

.section_5 .feature-text p {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #d1d5db;
}

@media screen and (max-width: 768px) {
    .section_5 {
        padding: 0 2rem;
    }
    
    .section_5 .feature-item {
        flex-direction: column;
        text-align: center;
    }

    .section_5 .feature-item.reverse {
        flex-direction: column;
    }

    .section_5 .feature-image img {
        max-width: 100%;
    }
}