/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/
.avatar-text {
    width: 50px;
    height: 50px;
    background-color: #007bff; /* Цвет фона */
    color: white; /* Цвет текста */
    font-size: 20px; /* Размер текста */
    font-weight: bold;
    border-radius: 50%; /* Круглая форма */
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase; /* Преобразование текста в верхний регистр */
}

.badge-md {
    font-size: 1em;
    line-height: 1.3;
    margin-bottom: 2px;
}

.badge-lg {
    font-size: 1.3em;
    line-height: 1.7;
    margin-bottom: 4px;
}


button.btn.btn-slide > i, .btn:not(.close):not(.mfp-close).btn-slide > i, a.btn:not([href]):not([tabindex]).btn-slide > i {
    left: 15px;
    top: 14px;
}



.timeline .timeline-item .timeline-icon {
    background-color: #f2c94c;
}


.fa, .fab, .fad, .fal, .far, .fas {
    line-height: inherit;
}

/*i:not(.fa):not(.fab):not(.far):not(.fas) {*/
/*    line-height: inherit;*/
/*}*/


#mainMenu nav > ul > li > a {
/*        line-height: inherit;*/
}


.pricing-box .plan-price {
    font-size: 70px;
    font-weight: 600;
    position: relative;
    text-align: right;
    padding: 20px 0;

}

.pricing-box .plan-price sup {
    font-size: 24px;
    position: relative;
    top: -30px;
    color: #bdc3c7;
}

.pricing-box .plan-list {
    background-color: #fff;
    border-width: 0 1px 1px;
    padding: 10px 0 20px;
}

.pricing-box .plan-list ul {
    /*display: table;*/
    margin: 0 auto;
    padding: 0 40px;
    padding-left: 1rem;

}

.pricing-box .plan-list ul li {
    list-style: none;
    border-bottom: 1px solid #EAECEB;
    line-height: 42px;
}

.pricing-box .plan-list ul li i {
    margin-right: 12px;
}

.pricing-box .btn {
    float: right;
}