/*compare*/

.container-compare {
    display: flex;
    padding: 59px 80px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: var(--Softer-Black, #252522);
    box-sizing: border-box;
    width: 100vw;
}

.container-compare .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 19px;
    color: white;
    max-width: var(--MaxWidth);

}

.container-compare .content div {
    display: flex;
    align-items: center;
    gap: 40px;


}

.container-compare .content h3 {
    max-width: 400px;

}

.container-compare .content p {


}

.container-compare .content table {
    align-self: center;
    width: 100%;
    height: 452.364px;
    table-layout: fixed;
    border-collapse: collapse;

}

.container-compare .content table img {
    height: 34.891px;
    align-self: stretch;
    aspect-ratio: 116.76/34.89;
}

.container-compare .content table th {
    border-bottom: 1px solid white;
    text-align: left;
}

.container-compare .content table td {
    border-bottom: 1px solid white;

}


.container-compare .content table .red {
    background: var(--Red, #E73427);
    border-radius: 15px;
    padding: 4px;
    align-items: center;


}

.container-compare .content table .gray {
    background: var(--Grey, #7B7970);
    border-radius: 15px;
    padding: 8px;
    align-items: center;


}

@media (max-width: 600px) {
    .container-compare .content div {
        flex-direction: column;
        gap: 6px;
    }

    .container-compare {
        padding: 59px 0px;
    }

    .container-compare p {
        align-self: end;
    }



    .container-compare .content {
        padding: 0px var(--PaddingSmall);
    }

    .container-compare .content table img{
        height: 24.757px;

    }

    .container-compare .content table .red {
        padding: 1px;
    }


        .container-compare .content table .gray {
        padding: 6px;
    }




    }