/*--- Partners section ---*/

.deloitte-logo {
    width: 40%!important;
}

.chivas-logo,
.yec-logo {
    width: 65%!important;
}

.startup-greece-logo {
    width: 30%!important;
}

.esu-logo {
    width: 35%!important;
}

@media (max-width: 992px) {

    .deloitte-logo {
        width: 55%!important;
    }

    .esu-logo {
        width: 50%!important;
    }

    .chivas-logo,
    .yec-logo {
        width: 80%!important;
    }

    .startup-greece-logo {
        width: 45%!important;
    }

    #section-partners {
        padding-bottom: 1rem; 
    }

}

/*--- Compare plans ---*/

.difference__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.difference__section {
    background-color: var(--bs-bg-light);
    padding: 1rem;
    line-height: 1.5;
    border: 1px solid var(--bs-border-color-translucent);
}

.difference__cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    padding: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
      -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 0.9rem;
    border: 1px solid var(--bs-border-color-translucent);
}

.difference__cell--feature {
    width: 24%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left;
    line-height: 1.2;
    padding-right: 2rem;
}

@media (max-width: 992px) {

    .difference__cell--feature {
        width: 17%;
    }

}

@media (max-width: 767px) {

    .difference__row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .difference__cell {
        font-size: 0.7rem; 
    }

    .difference__cell--feature {
        width: 100%;
        padding: 1rem;
        font-size: 0.8rem;
    }

}

@media (max-width: 440px) {

    .sticky-top .difference__cell {
        height: 5.8rem;
        position: relative;
    }

    .difference__section {
        padding: 0.8rem;
        font-size: 0.9rem;
    }

    .difference__cell {
        padding: 0.5rem;
        font-size: 0.7rem; 
    }

    .difference__cell--feature {
        padding: 0.9rem;
        font-size: 0.8rem;
    }

}