.comparison-block {
    padding: 3em;
}

.comparison-block .content-column {
    padding-right: 2em;
}

.comparison-block .sub-heading {
    display: block;
    margin-bottom: 0.5em;
}

.comparison-block h2 {
    margin-bottom: 0.5em;
    text-align: left;
}

.comparison-block .description {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: left;
}

.comparison-block .comparison-items-column {
    padding-left: 2em;
}

.comparison-block .comparison-item-wrapper {
    padding: 1em;
}

.comparison-block .comparison-item {
    border: 2px solid var(--color-orange);
    border-radius: 20px;
    padding: 2em;
    height: 100%;
    background: transparent;
    transition: all 0.3s ease;
}

.comparison-block .comparison-item:hover {
    box-shadow: 0 10px 30px rgba(236, 139, 51, 0.2);
    transform: translateY(-5px);
}

.comparison-block .comparison-item-title {
    color: var(--color-white);
    font-size: 1.3rem;
    margin-bottom: 1em;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: none;
    line-height: 1.3;
}

.comparison-block .comparison-item-description {
    color: var(--color-white);
    text-align: center;
    font-size: 1rem;
    line-height: 1.5;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/*XS Devices 0 - 767px*/
@media only screen and (max-width: 47.9375em) {
    .comparison-block .content-column {
        padding-right: 0;
        margin-bottom: 2em;
        text-align: center;
    }
    
    .comparison-block .content-column h2,
    .comparison-block .content-column .description {
        text-align: center;
    }
    
    .comparison-block .comparison-items-column {
        padding-left: 0;
    }
    
    .comparison-block .comparison-item-wrapper {
        margin-bottom: 1em;
    }
    
    .comparison-block h2 {
        font-size: 2rem;
    }
}

/*Devices 768px in width*/
@media only screen and (min-width: 48em) {
    .comparison-block .comparison-item-wrapper {
        padding: 0.5em;
    }
}

/*Devices 1024px in width*/
@media only screen and (min-width: 64em) {
    /* Styles handled in base rules */
}

/*Devices 1200px+ in width*/
@media only screen and (min-width: 75em) {
    .comparison-block .comparison-item {
        min-height: 250px;
    }
}