:root {
    --color-dark-1: #000000;
    --color-dark-2: #c18d65;
    --color-dark-3: #6A7A99;
    --color-dark-4: #108e98;
    --color-dark-5: #c18d65;
    --color-dark-6: #000000;
    --color-dark-7: #EAE9EF;
    --color-dark-8: #202124;
    --color-light-1: #111;
    --color-light-2: #E4E7EA;
    --color-light-3: #EEF2F6;
    --color-light-4: #F7F8FB;
    --color-light-5: #EDEDED;
    --color-light-6: #F5F7FE;
    --color-light-7: #E5F0FD;
    --color-light-8: #DDDDDD;
    --color-light-9: #EEF2F6;
    --color-light-10: #F4F3F6;
    --color-light-11: #EBEAFE;
    --color-light-12: #CCE0F8;
    --color-purple-1: #108e98;
    --color-purple-2: #f6ddbb;
    --color-purple-3: #e5f6f7;
    --color-purple-4: #108e98;
    --color-purple-5: #EAE3FD;
    --color-green-1: #30b7b9;
    --color-green-2: #ace2e3;
    --color-green-3: #EEF8F5;
    --color-green-4: #108e98;
    --color-green-5: #108e98;
    --color-green-6: #ace2e3;
    --color-green-7: #ace2e3;
    --color-orange-1: #e9aa55;
    --color-orange-2: #f6ddbb;
    --color-orange-3: #f6ddbb;
    --color-orange-4: #c18d65;
    --color-orange-5: #e6d1c1;
    --color-orange-6: #c18d65;
    --color-orange-7: #e6d1c1;
}

.header-lang {
    position: relative;
}
.header-lang .toggle-element {
    position: absolute;
    top: 100%;
    right: -1em;
    width: 8em;
    margin-top: 0.5em;
    box-shadow: 0px 25px 70px 0px #01213A12;
    padding: 1em;
    color: var(--color-dark-2);
}
.header-lang .toggle-element a {
    position: relative;
    padding-left: 1em;
}
.header-lang .toggle-element a:hover {
    text-decoration: underline;
}
.header-lang .toggle-element a.active::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 0.25em;
    height: 0.25em;
    background: var(--color-dark-2);
    border-radius: 50%;
}
.header-lang .button.-light-4:hover {
    color: var(--color-dark-2) !important;
    border-color: var(--color-dark-2);
}
.header .header-menu .mobile-footer .mobile-socials a svg,
.footer.-type-5 .footer-header-socials__list a svg {
    height: auto;
    max-height: 1em;
    width: auto;
    max-width: 1em;
}
.footer.-type-5 .footer-header-socials__list a:hover {
    color: white !important;
}

.coursesCard__image {
    flex: 40% 0 0;
    max-width: 656px;
}
.coursesCard__image_overlay,
.coursesCard__category_overlay {
    pointer-events: none;
}
.coursesCard__category_overlay a {
    pointer-events: visible;
}
.tags {
    display: flex;
    margin-top: 10px;
}
.tags .tag,
.coursesCard-footer .tag {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    background-color: var(--color-light-3);
    border-radius: 100px;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tags .tag:hover,
.coursesCard-footer .tag:hover {
    color: white !important;
    background-color: var(--color-purple-1);
}
.coursesCard__info a:hover {
    text-decoration: underline;
}
.blogCard__image {
    position: relative;
}
.blogCard__pin {
    position: absolute;
    left: 0.5em;
    top: 0.5em;
}
.blogCard__pin i {
    transform: rotate(-45deg);
}
.blogCard__tags {
    position: relative;
    padding-left: 1.75em;
}
.blogCard__tags i {
    position: absolute;
    left: 0;
    top: 0.3em;
}
.blogCard__tags a:hover {
    text-decoration: underline;
}
.sidebar__search {
    position: relative;
}
.sidebar__search .form-control:focus {
    outline: 1px solid var(--color-dark-2);
}
.sidebar__search .btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination.-buttons .pagination__button:hover {
    color: white !important;
}
form.contact-form .field:focus {
    border-color: var(--color-dark-2);
}
form.contact-form .field.has-error {
    border-color: var(--color-red-1);
}
.related-nav__item a:hover {
    text-decoration: underline;
}
.bg-fff {
    background-color: #fff;
}
.text-gray {
    color: #999;
}
.display-toggle {
    display: none;
}
.display-toggle.show {
    display: block;
}
.no-data {
    padding: 3em 0;
    text-align: center;
}
form.contact-form .radio-inline {
    white-space: nowrap;
    margin-right: 1em;
}
form.contact-form input.inline-field {
    width: 12em;
    border-radius: 0;
    border-width: 0 0 1px;
    padding: 0;
}
.mr-auto {
    margin-right: auto;
}
.sectionTitle__title {
    color: var(--color-orange-1);
}
.blogCard.-type-1 .blogCard__category {
    color: #c18d65;
}
h1 {
    color: var(--color-orange-1);
}
.subscribe-sect .button.-outline-white:hover {
    color: var(--color-green-4) !important;
    border-color: var(--color-green-4);
    background: none;
}
.bg-image {
    height: auto;
}

.header .header-menu .menu .subnav > li.menu-item-has-children > span[data-barba] {
    padding: 0;
}
.form-page__img {
    background: 50% 50% no-repeat;
    background-size: 100% 100%;
}

@media (max-width:1199px){
    .header .header-menu .menu__nav li > span[data-barba] > a {
        flex: 1;
    }
    .header .header-menu .menu__nav li > span[data-barba] > i {
        line-height: 60px;
        padding: 0 20px;
        border-radius: 8px;
    }
}
@media (min-width:992px){
    .form-page {
        height: auto;
        min-height: 100dvh;
        align-items: stretch;
    }
    .form-page__img {
        height: auto;
        padding-top: 200px;
    }
    .form-page__content {
        padding: 200px 0 80px;
    }
}
@media (min-width:1200px){
    .header .header-menu .menu__nav li > span[data-barba] > i {
        position: relative;
        left: -16px;
    }
    .header .header-menu .menu .subnav > li.menu-item-has-children > span[data-barba] {
        padding: 0 14px;
    }
    .header .header-menu .menu .subnav > li.menu-item-has-children > span[data-barba] a {
        padding: 10px 16px;
    }
}