about-privileges.scss 1.19 KB
@import "../../vars";
@import "../../mixins";

.privileges {
  padding-top: 123px;

  &__title {
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: $vmainGrey;
  } 
}

.privileges-content {
    margin-top: 60px;
    display: flex;

    > :not(:last-child) {
        margin-right: 60px;
    }
}

.privileges-content-column {
    max-width: 46%;
    width: 100%;

    // > :not(:last-child) {
    //    margin-bottom: 40px; 
    // }
}

.privileges-content-block {
    display: flex;

    &__number {
        font-weight: 600;
        font-size: 60px;
        line-height: 100%;
        color: $vactiveOrange;
        margin-right: 35px;
    }
}

.content-block-number-1 {
    margin-right: 48px;
}

.privileges-block-info {

    &__title {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 16px;
        color: $vmainGrey;
    }

    &__text {
        font-size: 16px;
        line-height: 22px;
        color: #636B78;
    }
}

.block-info-title-1 {
    max-width: 355px;
    width: 100%;
}

.block-info-title-3 {
    max-width: 277px;
    width: 100%;
}

.priv-block-1 {
    margin-bottom: 60px;
}

.priv-block-2 {
    margin-bottom: 70px;
}