.compair-erp{
    padding: 60px;
    gap: 25px;
}

.compair-erp-img{
    width: 100%;
    max-width: 555px;
    height: auto;
    display: block;
}

.bottom-info{
    border: 2px solid var(--text-xlight);
    border-radius: var(--radius-md);
    padding: 10px 0;
}

.btn-bottom-info {
    margin: 10px;
    gap:5px;
}

.bottom-info-img{
    width:70%;
}

.bottom-btn{
    width: 221px;
    height: 46px;
    gap: 5px;
    & a{
        color: var(--text-white);
    }
}

.button-info img{
    width: 10%;
}

.bottom-btn:hover{
    transform: none;
    gap: 10px;
}

.button-info p{
    font-size: var(--fs-xsmall);
    font-weight: 400;
    letter-spacing: 1%;
}

@media (max-width:1024px){

    .compair-erp{
        padding:40px 0;
        gap:20px;
    }

    .compair-erp-img{
        max-width:48%;
    }
}

@media (max-width:768px){

    .compair-erp{
        flex-direction:column;
        padding:30px 0;
        gap:25px;
    }

    .compair-erp-img{
        width:100%;
        max-width:100%;
    }
}

@media (max-width:768px){

    .compair .section-heading{
        text-align:center;
    }

    .compair .section-subtitle{
        display: none;
    }
}

@media (max-width:1024px){

    .bottom-info{
        width:100%;
        justify-content:space-between;
        padding:15px;
    }

    .bottom-info-img{
        width:60%;
    }
}

@media (max-width:768px){

    .bottom-info{
        flex-direction:column;
        gap:20px;
        padding:20px;
    }

    .bottom-info-img{
        display: none;
    }

    .btn-bottom-info{
        width:100%;
    }
}