/* Kalkulátorok oldal (/Kalkulatorok) - kártyarács elrendezés.
   2 kártya soronként desktopon/tableten (col-md-6), 1 kártya soronként mobilon.
   A kártya saját design elemei (singleTestimoinal, singleService_2, back_noflip,
   serviceArea, common_btn) változatlanok maradnak, csak a kártyán belüli
   elrendezést és a szöveg méretét igazítjuk a rács-elrendezéshez. */

.kalkulatorok-grid {
    margin-top: 10px;
}

.kalkulatorok-grid .kalkulatorok-card-col {
    display: flex;
    margin-bottom: 30px;
}

.kalkulatorok-grid .kalkulatorok-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    text-align: left;
}

.kalkulatorok-grid .kalkulatorok-card-icon {
    width: 50%;
}

.kalkulatorok-grid .kalkulatorok-card-icon .back_noflip {
    top: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.kalkulatorok-grid .kalkulatorok-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    padding: 20px 0 0;
}

.kalkulatorok-grid .kalkulatorok-card-body .common_btn {
    margin-top: auto;
    align-self: flex-start;
}

.kalkulatorok-grid .kalkulatorok-card-body h3 {
    font-size: 20px;
    line-height: 1.3;
}

.kalkulatorok-grid .kalkulatorok-card-body p {
    font-size: 15px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .kalkulatorok-grid .kalkulatorok-card-col {
        margin-bottom: 20px;
    }
}