.labelDetail {
    font-weight: normal;
    color: #666;
}
.teacher-photo {
    max-width: 240px;
    display: block;
}
.teacher-avatar {
    width: 150px;
}
.style-pointer {
    cursor: pointer;
}
.table-200 {
    width: 200px;
}
.table-top td {
    border: 0;
}
.container-margin {
    margin-left: 0;
    margin-right: 0;
}
.custom-link {
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
}
.custom-link:hover {
    color: #0056b3;
    text-decoration: underline;
}
.label-link:hover {
    color: #0056b3;
    text-decoration: underline;
    cursor: pointer;
}
.arrow:after {
    content: "\00A0\2192";
    display: inline-block;
}
.metro-letters {
    display: inline;
    margin-right: 10px;
}
.metro-square {
    font-size: 13px;
}
.red {
    color: #ef1e25;
}
.green {
    color: #029a55;
}
.blue {
    color: #0252a2;
}
.aqua {
    color: #019ee0;
}
.brown {
    color: #745c2f;
}
.orange {
    color: #fbaa33;
}
.violet {
    color: #b61d8e;
}
.gold {
    color: #ffd803;
}
.gray {
    color: #acadaf;
}
.lawn-green {
    color: #b1d332;
}
.light-blue {
    color: #5091bb;
}
.sky-blue {
    color: #85d4f3;
}
.light-pink {
    color: #ffa8af;
}
.aqua-marine {
    color: #5ebdba;
}
.light-violet {
    color: #dd619d;
}
.white {
    color: #ffffff;
}
.mcd1 {
    color: #f6a600;
}
.mcd2 {
    color: #ea4083;
}
.mcd3 {
    color: #ea5b04;
}
.mcd4 {
    color: #3fb485;
}

.line-dot .red {
    background-color: #ef1e25;
}
.line-dot .green {
    background-color: #029a55;
}
.line-dot .blue {
    background-color: #0252a2;
}
.line-dot .aqua {
    background-color: #019ee0;
}
.line-dot .brown {
    background-color: #745c2f;
}
.line-dot .orange {
    background-color: #fbaa33;
}
.line-dot .violet {
    background-color: #b61d8e;
}
.line-dot .gold {
    background-color: #ffd803;
}
.line-dot .gray {
    background-color: #acadaf;
}
.line-dot .lawn-green {
    background-color: #b1d332;
}
.line-dot .light-blue {
    background-color: #5091bb;
}
.line-dot .sky-blue {
    background-color: #85d4f3;
}
.line-dot .light-pink {
    background-color: #ffa8af;
}
.line-dot .aqua-marine {
    background-color: #5ebdba;
}
.line-dot .light-violet {
    background-color: #dd619d;
}
.line-dot .white {
    background-color: #ffffff;
}
.line-dot .mcd1 {
    background-color: #f6a600;
}
.line-dot .mcd2 {
    background-color: #ea4083;
}
.line-dot .mcd3 {
    background-color: #ea5b04;
}
.line-dot .mcd4 {
    background-color: #3fb485;
}

.times input[type="checkbox"] {
    width: 20px;
    height: 20px;
}
.times td {
    text-align: center;
}
.noactive-cell {
    background-color: #ee8686;
    color: white;
    font-size: 14px;
    cursor: pointer;
}
.noactive-cell:hover {
    background-color: #ffacac;
}
.noactive-cell:after {
    content: "-";
}
.active-cell {
    background-color: #03a229;
    color: white;
    cursor: pointer;
}
.active-cell:hover {
    background-color: #4ca461;
}
.active-cell:after {
    content: "+";
}
.wizard-metro .custom-link, .wizard-metro .active-line, .wizard-metro .count-line, .wizard-metro .all-station {
    font-size: 14px;
}
.wizard-metro .metro-letters .custom-link, .wizard-metro .metro-letters .active-line {
    font-size: 17px;
}
.wizard-metro .label-link {
    display: inline-block;
}
.wizard-metro .form-check {
    font-size: 14px;
    margin: 5px 0;
}
.redactor-editor p, .redactor-editor ul li , .redactor-editor ol li {
    font-size: 1.25rem;
}

.crop-container {
    margin: 20px auto;
    max-width: 640px;
}
.crop-container img {
    width: 100%;
}
.toggle_link {
    border-bottom: #007bff 1px solid;
    cursor: pointer;
    color: #007bff;
}

/* Зелёный блок (Green Block) */
.blog__note {
  padding: 20px 30px;
  background: #15b079;
  border-radius: 10px;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3;
  color: #fff;
}

/* Цитата синяя (Blue Quote) */
.blog__quote-blue {
  border-left: 4px solid #3498db;
  padding-left: 1em;
  color: #555;
  background-color: #f0f8ff;
  font-style: italic;
  border-radius: 4px;
  margin: 1em 0;
}

/* Блок кода (Code Block) */
.blog__code-block {
  background-color: #2d2d2d;
  color: #f8f8f2;
  padding: 1em;
  overflow-x: auto;
  border-radius: 5px;
}

/* Жёлтый блок (Yellow Block) */
.blog__yellow {
  background-color: #fff3cd;
  padding: 0.75em;
  border-left: 4px solid #ffc107;
  margin: 1em 0;
  border-radius: 4px;
}

/* Светло-зелёный блок (Light Green Note) */
.blog__light-green {
  background-color: #e9f7ef;
  padding: 0.75em 1em;
  border-left: 4px solid #28a745;
  margin: 1em 0;
  border-radius: 4px;
}

/* Красный алерт (Red Alert) */
.blog__alert-red {
  background-color: #f8d7da;
  padding: 0.75em 1em;
  border-left: 4px solid #dc3545;
  margin: 1em 0;
  border-radius: 4px;
}

/* Кнопка */
.blog__button {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: #3498db;
  color: white;
  text-decoration: none;
  border-radius: 4px;
}

/* Callout */
.blog__callout {
  background: linear-gradient(to right, #e0f7fa, #e0f2f1);
  padding: 1em;
  border-radius: 6px;
  border-left: 5px solid #00bcd4;
  margin: 1.5em 0;
}

/* Big Quote */
.blog__big-quote-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3em auto;
  max-width: 600px;
}

.blog__big-quote-line {
  flex: 1;
  height: 1px;
  background: #ddd;
}

.blog__big-quote-symbol {
  margin: 0 1em;
  font-size: 2.5em;
  color: #007bff;
  line-height: 1;
}

.blog__big-quote-block {
  margin: 1em auto;
  max-width: 600px;
}

.blog__big-quote-author {
  text-align: right;
  color: #666;
}

.blog__big-grey-quote {
  padding: 1.2em 1.5em; 
  color: #555; 
  background-color: #f9f9f9; 
  border-radius: 4px; 
  font-family: Verdana, sans-serif;
}
.landing-banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 0 1.5%;
    padding: 0 40px 0;
    border-radius: 10px;
    background: url(../img/img-landing-banner-line.svg) 84% top no-repeat, #15b079;
}
@media screen and (max-width: 1200px) {
    .landing-banner {
        padding: 0 20px;
        gap: 0;
    }
}
@media screen and (max-width: 768px) {
    .landing-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0;
        padding: 30px 30px;
        background-position: -350px 0;
    }
}

@media screen and (max-width: 576px) {
    .landing-banner--small {
        padding: 30px 20px;
    }
}
@media screen and (max-width: 768px) {
    .landing-banner--small .landing-banner__header {
        font-size: 28px;
    }
}
@media screen and (max-width: 1200px) {
    .landing-banner--small .landing-banner__header {
        font-size: 28px;
    }
}
.landing-banner--small .landing-banner__header {
    font-size: 32px;
}
@media screen and (max-width: 768px) {
    .landing-banner__header {
        width: 100%;
        position: static;
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    .title {
        font-size: 28px;
    }
}
@media screen and (max-width: 992px) {
    .landing-banner__header {
        width: 30%;
    }
}
@media screen and (max-width: 1200px) {
    .title {
        font-size: 42px;
    }
}
.landing-banner__header {
    position: absolute;
    left: 40px;
    top: 40px;
    width: 35%;
    color: #fff;
}
.title {
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 48px;
    line-height: 1.1;
    color: #282828;
}
@media screen and (max-width: 576px) {
    .landing-banner--small .landing-banner__img {
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    .landing-banner--small .landing-banner__img {
        margin: 0;
        width: 61%;
    }
}
@media screen and (max-width: 1200px) {
    .landing-banner--small .landing-banner__img {
        margin-left: 20%;
        width: 85%;
    }
}
.landing-banner--small .landing-banner__img {
    margin-left: 27%;
    width: 70%;
}
@media screen and (max-width: 768px) {
    .landing-banner__img {
        margin: 0;
    }
}
@media screen and (max-width: 992px) {
    .landing-banner__img {
        margin: 0 0 0 3%;
    }
}
@media screen and (max-width: 1200px) {
    .landing-banner__img {
        margin-right: -50px;
    }
}

@media screen and (max-width: 576px) {
    .landing-banner--small .landing-banner__button {
        padding: 16px 14px;
    }
}
@media screen and (max-width: 1200px) {
    .landing-banner--small .landing-banner__button {
        padding: 18px 25px;
        font-size: 16px;
    }
}
.landing-banner--small .landing-banner__button {
    padding: 18px 25px;
    font-size: 16px;
}
@media screen and (max-width: 576px) {
    .landing-banner__button {
        padding: 16px 14px;
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .landing-banner__button {
        margin-bottom: 0;
        padding: 20px 35px;
    }
}
@media screen and (max-width: 992px) {
    .landing-banner__button {
        padding: 20px 20px;
    }
}
@media screen and (max-width: 1200px) {
    .landing-banner__button {
        padding: 20px 30px;
    }
}
.landing-banner__button {
    margin-bottom: 40px;
    padding: 24px 45px;
    background-color: #fcc02a;
    font-size: 18px;
    letter-spacing: 1.5px;
}
.button {
    position: relative;
    padding: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #15b079;
    border-radius: 4px;
    background-color: #15b079;
    font-weight: 600;
    line-height: 1.3;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .25s ease;
    transition: .25s ease;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .create-profile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px 0;
        background-position: -350px 0;
    }
}
.create-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 40px 40px;
    border-radius: 10px;
    background: url(../img/img-create-profile-line.svg) right top no-repeat, #2ca8dd;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .create-profile--small .create-profile__column {
        width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .create-profile--small .create-profile__column {
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    .create-profile__column {
        width: 100%;
        text-align: center;
    }
}
.create-profile__column {
    width: 40%;
}

.create-profile--small .create-profile__button {
    padding: 18px 25px;
    font-size: 16px;
}
@media screen and (max-width: 768px) {
    .create-profile__button {
        padding: 15px 40px;
        font-size: 16px;
    }
}
.create-profile__button {
    padding: 23px 86px;
    background-color: #282828;
    font-size: 20px;
}