@import "../../variables.scss";

.AboutCarBabaInfoCard {
    background-color: $white;
    padding: $pad + 20 $pad + 50;
    border-radius: $bdr-rds + 10;
    box-shadow: 0 0 20px rgba($black, 0.05);
    margin-bottom: $mrg + 40;
    border: solid 2px transparent;
    transition: all 0.3s ease;
    @media (max-width: $xxl) {
        padding: $pad + 16 $pad + 30;
        margin-bottom: $mrg + 30;
    }
    @media (max-width: $lg) {
        margin-bottom: $mrg + 20;
    }
    @media (max-width: $md) {
        padding: $pad + 10;
        margin-bottom: $mrg + 6;
    }
    &:hover {
        border-color: $blue;
    }
    &:last-child {
        margin-bottom: 0;
    }
    figure {
        width: 80px;
        flex: 0 0 80px;
        margin-right: $mrg + 40;
        @media (max-width: $xxl) {
            width: 60px;
            flex: 0 0 60px;
            margin-right: $mrg + 20;
        }
        @media (max-width: $md) {
            width: 40px;
            flex: 0 0 40px;
            margin-right: $mrg + 10;
        }
    }
    .AboutCarBabaInfoCardRight {
        span {
            display: block;
            color: $black;
            font-size: $font + 10;
            font-weight: $font-weight-bold;
            padding-bottom: $pad - 6;
            @media (max-width: $xxl) {
                font-size: $font + 8;
            }
        }
    }
}