body {
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
    color: #222222;
}
a:hover {
    color: inherit;
    text-decoration: none;
}
.container {
    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;

}
@media screen and (max-width: 767px) {
    .container {
        padding: 0 15px;
    }
}
.hero-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.main-screen {
    background-size: cover;
    height: 100vh;
}
.main-screen-content {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100vh;
    padding-bottom: 50px;
}
.main-slider .slick-list {
    margin: 0;
}
.main-slider .slick-slide {
    margin: 0;
}
.main-title {
    font-size: 64px;
    line-height: 83px;
    font-weight: 400;
    margin-bottom: 33px;
    /*max-width: 700px;*/
}
.arrow-text {
    display: inline-flex;
    font-size: 24px;
    font-weight: 700;
    line-height: 55px;
    margin-right: 20px;
}
.arrow-text:hover .arrow-default {
    transform: rotate(45deg);
}
.main-screen__contact-arrow {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}
.arrow-default {
    transition: 0.3s ease;
}
/* About section */
.about {
    padding: 150px 0 0;
}
.about-title {
    margin-bottom: 60px;
}
.about-wrapper {
    display: grid;
    grid-template-columns: 1fr minmax(300px, 1fr);
    column-gap: 15%;
    margin-bottom: 150px;
}
.about-img {
    display: flex;
    align-items: center;
    max-width: 527px;
    max-height: 444px;
}
.about-img img {
    width: 100%;
    transition: .5s ease;
    filter: grayscale(1);
}
.about-img img:hover {
    filter: grayscale(0);
}
.arrow-about {
    margin-left: 23px;
}
.about-information__wrap {
    display: flex;
    align-items: flex-end;
}
.about-link {
    width: 40%;
    align-items: flex-end;
    line-height: 24px;
    font-weight: 600;
}
.about-link:hover {
    color: #13317e;
}
.about-link:hover svg path {
    fill: #13317e;
}
.about-text {
    width: 60%;
}
.achievement-text {
    font-size: 14px;
    line-height: 50px;
    font-weight: 700;
}
.achievement {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.achievements {
    display: flex;
    justify-content: space-around;
    padding-bottom: 150px;
}

.number-count {
    display: flex;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}

/* Competencies section */
.competencies {
    padding: 150px 0;
    background: #e5c891;
}
.competencies-list {
    display: grid;
    align-content: center;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
    align-items: end;
    width: 100%;
}

.hover-list li {
    opacity: 1;
    transition: all 0.3s ease;
}

.hover-list li.dimmed {
    opacity: 0.5;
}

.competencies-item {
    padding-bottom: 25px;
}

.competencies-item.competencies-title-item {
  grid-column: 1/-1;
}
.competencies-item.competencies-title-item .sublist {
  display: none;
}
.competencies-item.competencies-title-item .title-line {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
}
.competencies-item.competencies-title-item .title {
  font-size: 20px;
  font-weight: 700;
  padding-left:20px;
  margin-bottom: 32px;
}
.extrajudicial-wrap {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    gap: 10px;
}
.list-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.extrajudicial-list {
    margin-right: 40px;
}
.extrajudicial-item {
    position: relative;
    display: inline-flex;
    font-weight: 400;
}
.extrajudicial-item:hover {
    color: unset;
}
.competencies-item:hover a:after {
    width: 0%;
}
.competencies-title {
    margin-bottom: 60px;
}
.accordion-images {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 30%;
}
.accordion-image {
    max-height: 350px;
    overflow: hidden;
    width: 100%;
}
.accordion-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Offices */
.offices {
    padding: 150px 0;
}
.offices-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.offices .office-img {
    margin-bottom: 35px;
    width: 100%;
    max-width: 100%;
    max-height: 600px;
    display: block;
    overflow: hidden;
}
.offices .office-img img {
    object-fit: cover;
    object-position: center;
    transition: .5s ease;
    filter: grayscale(1);
    max-width: 100%;
    max-height: 100%;
}
.offices .office-img img:hover {
    filter: grayscale(0);
}
.offices .office-header {
    font-size: 32px;
    line-height: 41px;
    font-weight: 600;
    padding-bottom: 20px;
    display: block;
}
.offices .office-text {
    padding-bottom: 30px;
}
.offices .office:nth-child(3) {
    margin-top: 50px;
}
.offices .office:nth-child(even) {
    max-width: 350px;
}
.offices .office-text {
    position: relative;
}
.offices .office-text:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 400px;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #000;
}
.offices .office-link {
    margin-top: 23px;
    display: flex;
    font-weight: 700;
}
.offices .office-link::after {
    position: static;
    margin-left: 15px;
}
.offices .office-link:hover {
    color: #13317e;
}
.offices .office-link:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0996 0.224976H0.899609C0.527009 0.224976 0.224609 0.527376 0.224609 0.899976C0.224609 1.27258 0.527009 1.57498 0.899609 1.57498H15.4698L0.422384 16.6227C0.158797 16.8863 0.158797 17.3136 0.422384 17.5772C0.554347 17.7092 0.726809 17.775 0.899609 17.775C1.07241 17.775 1.24521 17.7092 1.37683 17.5772L16.4246 2.52943V17.1C16.4246 17.4726 16.727 17.775 17.0996 17.775C17.4722 17.775 17.7746 17.4726 17.7746 17.1V0.899976C17.7746 0.527376 17.4722 0.224976 17.0996 0.224976Z' fill='%2313317e'/%3E%3C/svg%3E%0A");
}
.offices .office-link::after {
    right: -30px;
}
.offices .offices__head {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 60px;
}
.offices .offices-title {
    display: inline-flex;
    justify-content: flex-end;
    padding-bottom: 24px;
    padding-right: 10.5%;
    border-bottom: 1px solid #000;
    margin-bottom: -20px;
}

/* Employees */
.employees {
    position: relative;
    overflow: hidden;
    padding-bottom: 100px;
}
.employee-phrase {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 17px;
    color: #000;
}
.employee-name {
    font-size: 18px;
    line-height: 1.2;
    color: #000;
}
.employee-position {
    font-size: 14px;
    color: #3c3c43;
}
.sliders-wrap {
    display: flex;
    flex-direction: row;
    max-height: 430px;
    height: 100%;
}
.employee-link.member-btn {
    justify-content: flex-start;
    padding-left: 0;
}
.employee-link.member-btn:hover {
    background-color: transparent;
}

.slider-for .slick-track {
    height: 430px;
}

.slider-first {
    width: 27%;
}
.slider-second {
    width: 68%;
    position: absolute;
    right: -3%;
}
.slider-for .slick-list {
    margin: 0;
}
.slider-for__item {
    max-width: 330px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    gap: 10px;
}
.slider-nav__img {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    transition: 0.3s linear;
    margin: 0 auto;
    max-width: 252px;
    max-height: 327px;
    width: 100%;
    height: 100%;
}
.slider-nav__img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: 0.3s ease;
    filter: grayscale(1);
}
.slider-nav .slick-current .slick-active {
    transform: scale(1.2) !important;
}
.slider-nav .slick-current {
    transform: scale(1);
    transition: 0.3s ease;
}
.slider-nav .slick-track {
    display: flex !important;
}
.slider-nav .slick-slide {
    height: auto;
}
.slider-nav .slick-track {
    height: 430px;
}
.slick-current .slider-nav__img {
    max-width: 343px;
    width: 100%;
    transition: 0.3s ease;
    max-height: 430px;
}
.slick-current .slider-nav__img img {
    transition: 0.3s ease;
    object-position: top;
    filter: grayscale(0);
}
.slick-slide:focus {
    outline: none;
}
.slick-slide {
    margin: 0 10px;
}
.slick-list {
    margin: 0 10px;
}
.slider-arrows {
    position: absolute;
    transform: translateY(255px);
    right: 20%;
    z-index: 5;
    display: flex;
    cursor: pointer;
}
.slider-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    background: rgba(34, 34, 34, 0.7);
    transition: .3s ease;
}
.slider-arrow:hover {
    background: rgb(34, 34, 34);
}
.slider-arrows .prev {
    margin-right: 15px;
}

@media screen and (min-width: 1024px) {
    .slider-first {
        margin-left: 20px;
    }
}

/* Blog */
.blog-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.blog-title {
    padding-bottom: 25px;
    border-bottom: 1px solid #000000;
    width: 100%;
    max-width: 344px;
}
.blog-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.blog-link {
    padding-right: 15px;
    margin-right: 15px;
}
.blog-link:hover {
    color: #13317e;
}
.blog-link:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0996 0.224976H0.899609C0.527009 0.224976 0.224609 0.527376 0.224609 0.899976C0.224609 1.27258 0.527009 1.57498 0.899609 1.57498H15.4698L0.422384 16.6227C0.158797 16.8863 0.158797 17.3136 0.422384 17.5772C0.554347 17.7092 0.726809 17.775 0.899609 17.775C1.07241 17.775 1.24521 17.7092 1.37683 17.5772L16.4246 2.52943V17.1C16.4246 17.4726 16.727 17.775 17.0996 17.775C17.4722 17.775 17.7746 17.4726 17.7746 17.1V0.899976C17.7746 0.527376 17.4722 0.224976 17.0996 0.224976Z' fill='%2313317e'/%3E%3C/svg%3E%0A");
}
.blog-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-column-gap: 60px;
    grid-row-gap: 40px;
}
.blog-img {
    margin-bottom: 35px;
    display: flex;
    justify-content: center;
    height: 280px;
    overflow: hidden;
}
.blog-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.blog-header {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5em;
    display: block;
    width: fit-content;
}
.blog-header:hover {
    color: #13317e;
}
.blog-information {
    position: relative;
}
.blog-text {
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-more__link {
    max-width: fit-content;
}
/* Consult */
.consult {
    background-color: #131434;
    padding: 90px 0;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.consult-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.consult-text {
    font-size: 60px;
    line-height: 1.2;
    font-weight: 500;
    max-width: 688px;
}
.consult-link {
    font-size: 24px;
    font-weight: 600;
    display: flex;
    padding-right: 15px;
}
.consult-link:after {
    position: relative;
    top: -8px;
    height: 28px;
    width: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0996 0.224976H0.899609C0.527009 0.224976 0.224609 0.527376 0.224609 0.899976C0.224609 1.27258 0.527009 1.57498 0.899609 1.57498H15.4698L0.422384 16.6227C0.158797 16.8863 0.158797 17.3136 0.422384 17.5772C0.554347 17.7092 0.726809 17.775 0.899609 17.775C1.07241 17.775 1.24521 17.7092 1.37683 17.5772L16.4246 2.52943V17.1C16.4246 17.4726 16.727 17.775 17.0996 17.775C17.4722 17.775 17.7746 17.4726 17.7746 17.1V0.899976C17.7746 0.527376 17.4722 0.224976 17.0996 0.224976Z' fill='white'/%3E%3C/svg%3E%0A");
}
.blog-link-bottom {
    display: none;
}

.category-filter {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    gap: 20px;
}

.category-filter .section-title {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid transparent;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.category-filter .section-title:hover {
    opacity: .7;
}

.category-filter .section-title.active {
    opacity: 1;
    border-bottom: 1px solid #000000;
}

@media screen and (min-width: 768px) {
    .footer-office__location {
        min-width: 320px;
    }
}

@media screen and (max-width: 1280px) {
    .offices, .competencies {
        padding: 100px 0;
    }
     .about {
        padding: 100px 0 0;
    }
    .achievements, .employees {
        padding-bottom: 100px;
    }
}
@media screen and (max-width: 1100px) {
    .consult-content {
        flex-direction: column;
    }
    .consult-text {
        text-align: center;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1023.99px) {
    .main-screen {
        height: unset;
        min-height: 80vh;
    }
    .main-screen-content {
        padding: 300px 0 100px;
        min-height: 70vh;
        height: unset;
    }
    .about-img {
        display: none;
    }
    .about-wrapper {
        grid-template-columns: 1fr;
    }
    .competencies {
        padding: 70px 0;
    }
    .contact-us-link.arrow-text {
        font-size: 20px;
        line-height: 1.5;
        margin-right: 0;
    }

    .employee-phrase {
        text-align: center;
        margin-top: 15px;
    }

    .employee-link.member-btn {
        justify-content: center;
        padding-left: 15px;
    }

    .sliders-wrap {
        gap: 10px;
        flex-direction: column;
        max-height: unset;
        position: relative;
    }
    .slider-arrows {
        top: 50%;
        right: unset;
        width: 100%;
    }
    .slider-arrow {
        width: 60px;
        height: 60px;
        position: absolute;
    }
    .slider-arrow.next {
        right: 0;
    }
    .slider-for__item {
        max-width: none;
        text-align: center;
    }
    .slider-first {
        width: 100%;
    }
    .slider-second {
        width: 100%;
        height: 100%;
        position: relative;
        right: auto;
    }
    .slider-nav {
        height: 100%;
    }
    .slider-nav .slick-slide {
        margin: 0;
    }
    .slider-for .slick-track {
        height: auto;
    }
    .slider-arrows {
        transform: translateY(0);
    }
    .extrajudicial-list {
        margin-right: 0;
    }
    .extrajudicial-wrap {
        flex-direction: column;
    }
    .list-wrap {
        max-width: 100%;
    }
    .offices .office {
        max-width: 100%;
    }
    .offices-wrap {
        align-items: flex-start;
        flex-direction: column;
    }
    .office:first-child {
        margin-bottom: 0;
    }
    .offices .offices-title {
        justify-content: flex-start;
        width: 100%;
        max-width: 450px;
        margin-bottom: 15px;
    }
    .offices .offices__head {
        justify-content: flex-start;
        margin-bottom: 10px;
    }
    .offices .office:first-child {
        margin-right: 0;
    }
    .blog-list {
        grid-template-columns: 1fr 1fr;
    }
    .offices .offices-wrap .office {
        max-width: 100%;
    }
    .offices .office-berlin {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .about {
        padding-top: 80px;
    }
    .achievements {
        padding-bottom: 50px;
    }
    .about-link {
        width: auto;
    }
    .about-wrapper {
        margin-bottom: 50px;
    }
    .about-title {
        margin-bottom: 30px;
    }
    .blog-list {
        grid-template-columns: 1fr;
    }
    .blog-img {
        display: flex;
        justify-content: center;
    }
    .consult {
        padding: 70px 0;
        margin-top: 50px;
    }
    .consult-text {
        font-size: 40px;
    }
    .list-wrap {
        flex-direction: column;
    }
    .slick-current .slider-nav__img {
        max-width: 270px;
        max-height: unset;
    }
    .main-screen {
        height: unset;
    }
    .main-screen-content {
        padding: 35vh 0 0 0;
        height: unset;
    }
    .main-title {
        font-size: 36px;
        line-height: 1.3;
        font-weight: 600;
        text-align: center;
        margin-bottom: 0;
    }
    .main-screen__contact-text {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        font-size: 18px;
        align-items: center;
        width: fit-content;
    }
    .main-screen__contact-arrow {
        width: 26px;
        height: 26px;
        margin-left: 14px;
    }
    .main-screen__contact-arrow svg {
        width: 10px;
        height: 10px;
    }
    .about-information__wrap {
        flex-direction: column-reverse;
        align-items: center;
    }
    .about-title {
        font-size: 22px;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .about-text {
        margin-bottom: 30px;
        width: 100%;
    }
    .about-link {
        display: flex;
        margin-right: 0;
        width: 100%;
    }
    .about-link svg {
        width: 23px;
        height: 23px;
    }
    .achievements {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        align-items: center;
    }
    .achievement {
        margin-bottom: 0;
    }
    .achievement-text {
        font-size: 14px;
        line-height: 1.7;
        text-align: center;
    }
    .competencies-title {
        margin-bottom: 20px;
    }
    .accordion-image {
        display: none;
    }
    .consult-text {
        font-size: 32px;
    }
    .consult-link {
        font-size: 20px;
    }
    .consult-link:after {
        position: relative;
        top: 0;
        right: -10px;
        height: 23px;
        width: 23px;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0996 0.224976H0.899609C0.527009 0.224976 0.224609 0.527376 0.224609 0.899976C0.224609 1.27258 0.527009 1.57498 0.899609 1.57498H15.4698L0.422384 16.6227C0.158797 16.8863 0.158797 17.3136 0.422384 17.5772C0.554347 17.7092 0.726809 17.775 0.899609 17.775C1.07241 17.775 1.24521 17.7092 1.37683 17.5772L16.4246 2.52943V17.1C16.4246 17.4726 16.727 17.775 17.0996 17.775C17.4722 17.775 17.7746 17.4726 17.7746 17.1V0.899976C17.7746 0.527376 17.4722 0.224976 17.0996 0.224976Z' fill='black'/%3E%3C/svg%3E%0A");
    }
    .extrajudicial-list {
        margin-right: 0;
    }
    .extrajudicial-wrap {
        padding: 0;
    }

    .competencies-list {
        grid-template-columns: 1fr;
        grid-column-gap: 35px;
    }
    .competencies-list .competencies-item {
        padding-bottom: 15px;
    }

    .competencies-list:not(.sublist) .competencies-item {
        padding-left: 15px;
    }
    .competencies-list.sublist .competencies-item {
        padding-left: 0;
    }

    .competencies-item.competencies-title-item .title {
        font-size: 16px;
        padding-left: 0;
        padding-right: 10px;
    }
    .competencies-list .competencies-item .arrow-animation {
        flex-basis: 15px;
        width: 15px;
        height: 15px;
        background-size: cover;
    }
    .list-wrap {
        padding: 25px 0 0;
    }
    .competencies-item a {
        font-weight: 400;
        line-height: 25px;
    }
    .offices {
        padding: 50px 0;
    }
    .offices .offices-title {
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
    .offices .office-img {
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
        max-height: 235px;
    }
    .offices .office-header {
        font-size: 24px;
        line-height: 31px;
        padding-bottom: 10px;
    }
    .offices .office:nth-child(even) {
        max-width: none;
    }
    .employees {
        padding: 0 0 50px;
    }
    .slider-nav .slick-track {
        height: 341px;
    }
    .blog-header {
        margin-bottom: 10px;
    }
    .consult {
        padding: 40px 0;
    }
    .blog-link-top {
        display: none;
    }
    .blog-link-bottom {
        display: block;
        margin: 20px auto 0 auto;
    }
    .blog-img {
        height: 220px;
    }
}

/* Competence category page */
.category-head {
    padding: 0 0 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #000000;
}
.category-title {
    font-size: 80px;
    line-height: 1.1em;
    font-weight: 500;
    margin-right: 20px;
}
.category-text {
    font-size: 20px;
    max-width: 500px;
    font-weight: 400;
}
.category-text a {
    font-weight: 700;
}
.category-text a:hover {
    text-decoration: underline;
}
.category-body {
    padding-top: 150px;
}
.category-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 80px 40px;
}
.category-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 20px;
    border-left: 1px solid #000000;
    transition: .3s ease;
}
.category-item:nth-child(2n) {
    transform: translateY(40px);
}
.category-img {
    width: 100%;
    height: 280px;
    margin-top: 32px;
}
.category-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category-item:hover .category-img img {
    mix-blend-mode: hard-light;
}
.competence-name {
    font-size: 20px;
    font-weight: 700;
}

.competence-name:hover {
  color: #d5ba85;
}

@media screen and (max-width: 1280px) {
    .category-title {
        font-size: 60px;
    }
}

@media screen and (max-width: 1023.99px) {
    .category-head {
        flex-direction: column;
        padding: 0 0 20px;
    }
    .category-title {
        margin-bottom: 20px;
        font-size: 46px;
    }
    .category-text {
        max-width: none;
    }
    .category-body {
        padding-top: 40px;
    }
    .vacancy-name {
        font-size: 50px;
    }
}
@media screen and (max-width: 767px) {
    .category-head {
        align-items: normal;
    }
    .category-title {
        font-size: 26px;
        line-height: 1.5;
        margin-right: 0;
    }
    .catego {
        padding: 90px 0 128px;
    }
    .category-list {
        grid-gap: 20px 30px;
    }
    .category-item {
        padding-left: 13px;
    }
    .category-text {
        font-size: 16px;
        line-height: 24px;
    }
    .competence-name {
        padding-bottom: 30px;
        font-size: 16px;
        word-break: break-word;
    }


    /* STRANGER 02.12.22 */
    .category-item:nth-child(2n) {
        transform: unset;
    }
    .category-item {
        padding-left: 0;
    }
    .category-item {
        border-left: none;
    }
    .competence-name {
        padding-bottom: 15px;
    }
    .category-img {
        max-width: 100%;
        height: 220px;
    }

}

/* Competence page */
.container-small {
    width: 100%;
    max-width: 1070px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .container-small {
        padding: 0 15px;
    }
}
.competence {
    padding-top: 200px;
}
.competence-back__wrap {
    position: relative;
}
.competence-back {
    position: absolute;
    top: -90px;
    left: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    width: 85px;
}
.competence-back svg {
    transition: .3s ease;
    margin-right: 15px;
}
.competence-back:hover svg {
    margin-left: -6px;
}
.competence-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 2;
}

.competence-category {
    text-transform: uppercase;
    margin-bottom: 10px;
}
.competence-top {
    margin-top: -40px;
    position: relative;
}

.competence-top:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background-color: #fff;
}

.competence-titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 40px;
}
.competence-title {
    font-size: 64px;
    line-height: 1.2;
    /*max-width: 420px;*/
    text-align: center;
    width: 100%;
    z-index: 2;
}
.competence-image {
    width: 100%;
    height: 500px;
}
.competence-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.competence-bottom {
    padding: 100px 0 0;
    background: #fff;
}
.competence-bottom h2 {
    margin: 25px 0 15px;
}
.competence-bottom__wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.competence-information {
    width: 60%;
}
.competence-information hr {
    margin-bottom: 30px;
}
.competence-consultation {
    width: 35%;
    height: fit-content;
    position: sticky;
    top: 100px;
    left: 0;
}
.consultation {
    color: #fff;
    padding: 70px 32px;
    background: #131434;
    width: 100%;
    height: 355px;
    text-align: center;
}
.consultation-title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 5px;
}
.consultation-text {
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.consultation-btn, .member-btn {
    width: 100%;
    color: #131434;
    background-color: #fff;
    padding: 25px 0;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.member-btn {
    padding: 12px 15px;
}
.consultation-btn svg, .member-btn svg {
    transition: 0.3s ease;
    margin-left: 10px;
}
.member-btn svg {
    width: 12px;
    height: 12px;
}
.consultation-btn svg path, .member-btn svg path {
    fill: #131434;
}
.consultation-btn:hover, .member-btn:hover {
    background-color: #d5ba85;
    color: #131434;
}
.consultation-btn:hover svg, .member-btn:hover svg {
    transform: rotate(45deg);
}

.successful-wrap {
    padding-bottom: 120px;
}
.successful-title {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    padding-bottom: 25px;
    border-bottom: 1px solid #000;
}
.successful-content {
    padding-top: 70px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px 75px;
}
.successful-item {
    max-width: 450px;
}
.successful-header {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 600;
    margin-bottom: 15px;
}
.successful-text {
    margin-bottom: 20px;
    line-height: 24px;
}
.successful-date {
    font-size: 14px;
}

@media screen and (max-width: 1024px) {
    .competence-image {
        width: 80%;
        height: 400px;
    }
    .competence-title {
        font-size: 38px;
        word-break: break-word;
        text-align: center;
    }
    .topics-title, .topics-list {
        margin: 0 0 15px;
    }

    .competence-bottom__wrap {
        flex-direction: column;
    }
    .competence-information {
        width: 100%;
        margin-bottom: 50px;
    }
    .competence-consultation {
        width: 100%;
        max-width: 355px;
        margin: 0 auto;
    }

    .competence-top:after {
        height: 200px;
    }
    .competence-bottom {
        padding: 80px 0 0;
    }

}
@media screen and (max-width: 767px) {
    .competence-image {
        width: 250px;
        height: 300px;
    }
    .competence-bottom {
        padding: 60px 0 0;
    }

    .competence-top:after {
        height: 150px;
    }

    .competence-back {
        top: -110px;
    }
    .successful-content {
        grid-template-columns: 1fr;
    }
    .successful-item {
        max-width: none;
    }
}
@media screen and (max-width: 767px) {
    .competence-head {
        flex-direction: column;
    }
    .competence {
        padding-top: 140px;
    }
    .competence-image {
        width: 330px;
        height: 300px;
        margin: 0 auto;
    }
    .competence-back {
        top: -60px;
    }
    .competence-category {
        margin-bottom: 0;
    }
    .competence-titles {
        margin-bottom: 25px;
        margin-top: 80px;
    }
    .consultation {
        padding: 30px 27px;
        height: 305px;
    }
    .successful-title {
        font-size: 24px;
    }
    .successful-content {
        padding-top: 40px;
        grid-gap: 40px 0;
    }
    .successful-header {
        font-size: 16px;
    }
    .successful-text {
        margin-bottom: 15px;
    }
    .successful-wrap {
        padding-bottom: 70px;
    }

}

/* Contact Us page */

.contact {
    padding: 178px 0 100px;
}
.contact-wrap {
    display: flex;
    justify-content: space-between;
}

.contact-information {
    width: 41%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact-consultation {
    width: 49%;
    height: fit-content;
}
.contact-title {
    font-size: 65px;
    line-height: 1.2em;
    font-weight: 500;
    margin-bottom: 15px;
}
div[id^="map"] {
    overflow: hidden;
    width: 100%;
    height: 300px;
}
.contact-text {
    line-height: 30px;
    margin-bottom: 35px;
}
.contact-social__list {
    display: flex;
    margin-bottom: 35px;
}
.contact-social__item {
    display: inline-block;
}
.contact-social__item:not(:last-child) {
    margin-right: 30px;
}
.contact-social__icon {
    width: 24px;
    height: 24px;
    display: block;
    background-color: #000000;
    transition: .3s ease;
}
.contact-social__icon::after {
    content: '';
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.contact-social__icon:hover {
    background-color: #13317e;
}
.contact__tab-title {
    font-weight: 700;
}
.arrow-contact {
    transform: rotate(45deg);
}
.offices-accordion {
    border-bottom: 1px solid black;
    padding-bottom: 25px;
}
.offices-accordion__wrap {
    padding: 30px 0;
}
.offices-accordion__map {
    width: 500px;
    height: 280px;
}
.office-inform__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-top: 30px;
}
.office-inform__item {
    display: flex;
    flex-direction: column;
}
.office-inform__title {
    font-weight: 700;
    margin-bottom: 15px;
}
.contact-form {
    padding: 60px 70px 70px;
    text-align: center;
    background: #E7E7E6;
}
.form-title {
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 15px;
}
.form-text {
    font-weight: 600;
    max-width: 400px;
    width: 100%;
    margin: 0 auto 30px auto;
}
.form-list {
    display: flex;
    flex-direction: column;
}
.form-btn {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    height: 80px;
    padding: 15px 0;
    background: #222222;
    transition: .3s ease;
}
.form-btn:hover {
    background: #4F4F4F;
}
.form-input {
    background: transparent;
    padding-bottom: 15px;
    border-bottom: 1px solid #222222;
    margin-bottom: 40px;
    width: 100%;
    color: #222;
}
.wpcf7-not-valid-tip {
    position: absolute;
    top: 42px;
    left: 0;
    font-size: 14px;
}
.wpcf7-not-valid {
    border-bottom: 1px solid #EB5757;
}

.title-404 {
    font-size: 50px;
    text-align: center;
    padding: 300px 0;
}


@media screen and (max-width: 1024px) {
    .contact-wrap {
        flex-direction: column;
    }
    .contact-information {
        width: 100%;
        margin-bottom: 70px;
    }
    .contact-consultation {
        width: 80%;
        margin: 0 auto;
    }
    .offices-accordion__map {
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .contact {
        padding: 140px 0 0;
    }
    .contact-title {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .contact-text {
        margin-bottom: 25px;
    }
    .contact-consultation {
        width: 100%;
    }
    .contact-form {
        padding: 50px 15px;
    }
    .form-title {
        font-size: 32px;
        line-height: 50px;
    }
    .contact-social__list {
        margin-bottom: 25px;
    }
    .form-btn {
        font-size: 20px;
        line-height: 28px;
    }
}

/* Career */

.career {
    padding: 150px 0 0;
}
.career-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 60px;
    border-bottom: 1px solid #000000;
}
.career-title {
    font-size: 64px;
    line-height: 1.2;
    font-weight: 500;
}
.career-text {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    max-width: 480px;
    width: 100%;
}
.career-text a {
    text-decoration: underline;
}
.career-text a:hover {
    text-decoration: none;
    color: #13317e;
}
.career-body {
    padding-top: 70px;
}
.career-img {
    width: 100%;
    max-height: 650px;
    overflow: hidden;
}
.career-img img {
    width: 100%;
    object-fit: cover;
}
.career-positions {
    display: flex;
    justify-content: space-between;
}
.positions-title {
    width: 20%;
    font-size: 24px;
}
.career-img {
    margin-bottom: 150px;
}
.position-title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
}
.position-city {
    font-size: 16px;
    display: flex;
    align-items: center;
}
.position-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 220px;
}
.position-city::before {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_474_4364)'%3E%3Cpath d='M7.00145 3.50952C5.56831 3.50952 4.40234 4.67549 4.40234 6.10863C4.40234 7.54177 5.56831 8.70773 7.00145 8.70773C8.43459 8.70773 9.60055 7.54177 9.60055 6.10863C9.60055 4.67549 8.43462 3.50952 7.00145 3.50952ZM7.00145 7.61338C6.17173 7.61338 5.4967 6.93835 5.4967 6.10863C5.4967 5.27891 6.17173 4.60387 7.00145 4.60387C7.83117 4.60387 8.5062 5.27891 8.5062 6.10863C8.5062 6.93835 7.83117 7.61338 7.00145 7.61338Z' fill='black'/%3E%3Cpath d='M6.99924 0.5C3.90663 0.5 1.39062 3.01604 1.39062 6.10861V6.26365C1.39062 7.82771 2.28734 9.65034 4.05593 11.6808C5.33802 13.1528 6.60221 14.1791 6.65536 14.2221L6.99924 14.5L7.34311 14.2222C7.3963 14.1792 8.66048 13.1528 9.94255 11.6808C11.7111 9.65034 12.6079 7.82774 12.6079 6.26368V6.10864C12.6079 3.01604 10.0918 0.5 6.99924 0.5ZM11.5135 6.26368C11.5135 8.90686 8.10781 12.1065 6.99924 13.0778C5.89037 12.1062 2.48498 8.90667 2.48498 6.26368V6.10864C2.48498 3.61948 4.51008 1.59438 6.99924 1.59438C9.48839 1.59438 11.5135 3.61948 11.5135 6.10864V6.26368Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_474_4364'%3E%3Crect width='14' height='14' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.positions-list {
    display: flex;
    flex-direction: column;
    width: 75%;
    border-top: 1px solid #222;
}
.positions-item {
    padding: 40px 0;
    border-bottom: 1px solid #222;
    transition: all .3s linear;
}
.position-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.position-link svg {
    transition: .3s linear;
}
.positions-item:hover, .position-link:hover {
    svg {
        transform: rotate(45deg);
    }
}

@media screen and (max-width: 1280px) {
    .career-img {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 1024px) {
    .career-head {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 30px;
        border-bottom: none;
    }
    .career-title {
        margin-bottom: 10px;
    }
    .career-text {
        max-width: 100%;
    }
    .career-body {
        padding-top: 0;
    }
    .career-positions {
        flex-direction: column;
    }
    .career-img {
        margin-bottom: 70px;
    }
    .positions-title {
        margin-bottom: 20px;
        width: 100%;
    }
    .positions-list {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .career {
        padding: 90px 0 0;
    }
    .career-title {
        font-size: 36px;
        line-height: 50px;
        font-weight: 600;
    }
    .position-link {
        flex-direction: column;
        align-items: normal;
    }
    .position-right {
        max-width: none;
    }
    .position-right svg {
        margin-top: -20px;
    }
    .position-title {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 15px;
    }
}

/* Vacancy */
.vacancy-top {
    padding: 200px 0 60px;
    background: #b3d4e5;
}
.vacancy-city {
    margin-bottom: 10px;
}
.vacancy-name {
    font-size: 64px;
    line-height: 1.2;
    font-weight: 500;
    max-width: 900px;
    width: 100%;
}
.vacancy-wrap {
    display: flex;
    justify-content: space-between;
    padding: 130px 0 180px;
}
.vacancy-information {
    width: 48%;
}
.vacancy-form {
    width: 48%;
}
.vacancy-consultation {
    width: auto;
    height: fit-content;
    background: #E7E7E6;
}
.file-label {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    cursor: pointer;
}

.file-label input[type="file"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 40px;
    cursor: pointer;
    z-index: 2;
}

.file-label:before {
    content: '';
    display: flex;
    align-items: center;
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9554 2.5432C15.5626 1.15034 13.2962 1.15034 11.9034 2.5432L3.48335 10.9632C3.07849 11.368 2.85553 11.9063 2.85549 12.4789C2.85549 13.0514 3.07845 13.5897 3.48331 13.9945C4.31902 14.8302 5.67886 14.8302 6.51457 13.9945L13.2506 7.25844L12.2402 6.24805L5.50414 12.984C5.22559 13.2626 4.77232 13.2627 4.49371 12.984C4.35878 12.8491 4.28442 12.6696 4.28442 12.4789C4.28442 12.288 4.35878 12.1086 4.49374 11.9736L12.9138 3.55359C13.7495 2.71789 15.1093 2.71789 15.9451 3.55359C16.7808 4.3893 16.7808 5.74911 15.9451 6.58485L7.52493 15.0049C6.1321 16.3977 3.86581 16.3977 2.47288 15.0049C1.08006 13.612 1.08006 11.3457 2.47288 9.95283L10.893 1.53273L9.88258 0.522339L1.46249 8.94243C-0.487496 10.8924 -0.487496 14.0653 1.46249 16.0153C2.43748 16.9903 3.71819 17.4778 4.99894 17.4778C6.27965 17.4778 7.56036 16.9903 8.53532 16.0153L16.9554 7.59517C18.3482 6.20235 18.3482 3.93602 16.9554 2.5432Z' fill='%23222222'/%3E%3C/svg%3E%0A");
    pointer-events: none;
    position: relative;
    z-index: 1;
    transition: background-color 0.2s ease;
}

.file-label::after {
    content: "Прикріпіть своє резюме*";
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    color: #222;
}

.file-label:hover::after {
    background-color: #e4e4e4;
}

.file-label.file-selected::after {
    content: attr(data-file-name);
}

.attach-text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.attach-text svg {
    margin-right: 8px;
}
.vacancy-information hr {
    margin-bottom: 30px;
}

@media screen and (max-width: 1023.99px) {
    .vacancy-wrap {
        flex-direction: column;
    }
    .vacancy-name {
        font-size: 50px;
    }
    .vacancy-information {
        width: 100%;
    }
    .vacancy-form {
        width: 80%;
        margin: 70px auto 0 auto;
    }
}
@media screen and (max-width: 767px) {
    .vacancy-name {
        font-size: 48px;
    }
    .vacancy-form {
        width: 100%;
    }
    .vacancy-wrap {
        padding: 50px 0 70px;
    }
    .vacancy-top {
        padding: 150px 0 30px;
    }
}

/* Team page */

.team-top {
    padding-top: 160px;
    background: #e5c891;
    position: relative;
}
.team-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 130px;
}
.team-top:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: #fff;
}
.team-title {
    font-size: 64px;
    line-height: 1.2em;
    font-weight: 600;
    max-width: 930px;
    width: 100%;
}

@media screen and (min-width: 991px) {
    .team-image {
        width: 100%;
        max-height: 650px;
        overflow: hidden;
    }
    .team-image img {
        width: 100%;
        object-fit: cover;
    }
}

.team-body {
    margin: 80px 0 0;
}
.staff-wrap {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
    height: 100%;
    position: relative;
}
.staff-list {
    display: flex;
    gap: 170px 120px;
    justify-content: center;
    flex-wrap: wrap;
}
.staff-item {
    border-top: 1px solid #222;
    width: 27%;
}
.staff-name {
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 600;
    margin-bottom: 10px;
}
.staff-position {
    margin-bottom: 25px;
}
.staff-img {
    width: 100%;
    height: 100%;
    max-height: 390px;
    min-height: 390px;
    margin-bottom: 25px;
    overflow: hidden;
}
.staff-item__content {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.staff-img img {
    object-fit: cover;
    object-position: top;
    height: 100%;
    width: 100%;
    filter: grayscale(1);
    transition: .3s ease;
}
.staff-img:hover img {
    filter: grayscale(0);
}

.staff-text {
    margin-bottom: 25px;
}
.staff-contacts__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: auto;
}
.staff-contacts {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.staff-contacts__email {
    margin-bottom: 10px;
}
.staff-contacts__email::before {
    content: "";
}
.staff-contacts__phone {

}
.staff-contacts a {
    display: flex;
    align-items: center;
}
.staff-contacts a:hover {
    color: #13317e;
}
.staff-contacts a svg path {
    transition: .3s ease;
}
.staff-contacts a:hover svg path {
    fill: #13317e;
}
.staff-contacts svg {
    margin-right: 10px;
}
.staff-social {
    display: flex;
}
.staff-social__item:not(:last-child) {
    margin-right: 15px;
}
.staff-social__item a svg path {
    transition: .3s ease;
}
.staff-social__item a:hover svg path {
    fill: #13317e;
}

.staff-link {
    margin-top: 20px;
    background-color: #222;
    color: #fff;
}
.staff-link  svg path {
    fill: #fff;
}

.staff-link.member-btn:hover svg path {
    fill: #222;
}

.staff-link.member-btn:hover {
    color: #222;
}

@media screen and (max-width: 1024px) {
    .staff-list {
        grid-template-columns: 1fr 1fr;

        gap: 50px;
    }
    .staff-item {
        width: 40%;
    }
}
@media screen and (max-width: 767px) {
    .staff-list {
        grid-template-columns: 1fr;
    }
    .staff-contacts__wrap {
        max-width: 350px;
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .team-top {
        padding-top: 90px;
    }
    .team-top::after {
        display: none;
    }
    .team-wrap {
        gap: 100px;
    }
    .team-title {
        font-size: 36px;
    }
    .team-body {
        margin: 60px 0;
    }
    .staff-item {
        padding-right: 0;
        width: 100%;
    }
    .staff-img {
        margin: 0 auto 25px;
        max-width: 445px;
    }
    .staff-list {
        grid-gap: 50px;
    }
    .staff-contacts__wrap {
        margin-bottom: 0;
        position: static;
    }
}

/* About Us page */

.about-main {
    padding-top: 160px;
}
.about-main__title {
    font-size: 55px;
    line-height: 65px;
    font-weight: 600;
    padding-bottom: 50px;
    max-width: 935px;
    width: 100%;
}
.about-main__video {
    width: 100%;
    max-height: 695px;
    height: 100%;
    margin-bottom: 100px;
}

.video {
    width: 100%;
}
.wrapper{
    display:table;
    position:relative;
    width:100%;
}
.playpause {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45.563,29.174l-22-15c-0.307-0.208-0.703-0.231-1.031-0.058C22.205,14.289,22,14.629,22,15v30 c0,0.371,0.205,0.711,0.533,0.884C22.679,45.962,22.84,46,23,46c0.197,0,0.394-0.059,0.563-0.174l22-15 C45.836,30.64,46,30.331,46,30S45.836,29.36,45.563,29.174z M24,43.107V16.893L43.225,30L24,43.107z' fill='%23fff'/%3E%3Cpath d='M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M30,58C14.561,58,2,45.439,2,30 S14.561,2,30,2s28,12.561,28,28S45.439,58,30,58z' fill='%23fff'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    max-height: 100px;
    max-width: 100px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}


.contact-us {
    padding-bottom: 100px;
}
.contact-us__wrap {
    display: flex;
    justify-content: space-between;
}
.contact-us__images {
    width: 52%;
    height: 650px;
    position: relative;
}
.contact-us__images div {
    position: absolute;
}
.contact-us__images .contact-us__first-img {
    bottom: 10%;
    left: 0;
    z-index: 3;
    overflow: hidden;
}
.contact-us__images .contact-us__first-img img {
    width: 300px;
    height: 480px;
    object-fit: cover;
    object-position: center;
}
.contact-us__images .contact-us__second-img {
    top: 0;
    right: 0;
    overflow: hidden;
}
.contact-us__images .contact-us__second-img img {
    width: 500px;
    height: 500px;
    object-fit: cover;
    object-position: center;
}
.contact-us__information {
    width: 40%;
    display: flex;
    flex-direction: column;
}
.contact-us__header {
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 600;
    padding-bottom: 20px;
}
.contact-us__text {
    padding-bottom: 50px;
    max-width: 320px;
    width: 100%;
}
.contact-us-link:hover {
    color: #13317e;
}
.contact-us-link svg path {
    transition: .3s ease;
}
.contact-us-link:hover svg path {
    fill: #13317e;
}

/* Founders */
.founders {
    padding: 180px 0;
    background: #e5c891;
}
.founders-title {
    padding-bottom: 25px;
    border-bottom: 1px solid #000;
    font-weight: 600;
}
.founders-container {
    max-width: 1070px;
}
.founders-wrap {
    margin-top: 80px;
}
.founders-list {
    display: flex;
    flex-direction: column;
}
.founders-item {
    display: flex;
}
.founders-item:first-child {
    margin-bottom: 100px;
}

.founders-item:nth-child(2) {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.founders-item:nth-child(2) .founders-img {
    margin-right: 0;
}
.founders-information, .founders-img {
    width: 45%;
}

.founders-name {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 15px;
}
.founders-position {
    margin-bottom: 30px;
}
.founders-text {
    margin-bottom: 30px;
}
.founders-achievements {
    margin-bottom: 30px;
}
.founders-achievement:not(:last-child) {
    margin-bottom: 5px;
}
.founders-achievement span {
    font-weight: 600;
    margin-right: 25px;
}
.founders-achievement span::after {
    content: "+";
}
.founders-link {
    background-color: #222;
    color: #fff;
}
.founders-link svg path {
    fill: #fff;
}

.founders-link:hover svg path {
    fill: #131434;
}

/* About page: responsive */
@media screen and (max-width: 1280.99px) {
    .founders {
        padding: 100px 0;
    }
    .founders-item:first-child {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1023.99px) {
    .about-main__title {
        font-size: 46px;
    }
    .contact-us {
        padding-bottom: 70px;
    }
    .contact-us__header {
        font-size: 30px;
    }
    .founders {
        padding: 80px 0;
    }
    .founders .founders-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}


@media screen and (max-width: 767px) {
    .contact-us__images {
        width: 100%;
    }
    .contact-us__information {
        width: 100%;
    }
    .contact-us__wrap {
        flex-direction: column;
    }
    .founders {
        padding: 70px 0;
    }
    .founders-wrap {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .about-main {
        padding-top: 90px;
    }
    .about-main__title {
        font-size: 36px;
        line-height: 50px;
    }
    .about-main__video {
        margin-bottom: 70px;
    }
    .contact-us__images {
        height: 350px;
        margin-bottom: 50px;
    }
    .contact-us__images .contact-us__first-img {
        max-width: 160px;
    }
    .contact-us__images .contact-us__first-img img {
        height: 255px;
    }
    .contact-us__images .contact-us__second-img {
        max-width: 270px;
    }
    .contact-us__images .contact-us__second-img img {
        height: 287px;
    }
    .contact-us__header {
        font-size: 24px;
        line-height: 35px;
    }
    .contact-us__text {
        padding-bottom: 25px;
    }
    .contact-us-link {
        display: flex;
        align-items: center;
    }
    .contact-us-link svg {
        width: 23px;
        height: 23px;
    }
    .founders-name {
        margin-bottom: 10px;
    }
    .founders-position, .founders-text, .founders-achievements {
        margin-bottom: 20px;
    }
    .founders-title {
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
}

/* Blogs page */

.blogs {
    padding: 140px 0 110px;
}
.blogs-title {
    font-size: 64px;
    line-height: 1.2;
    font-weight: 500;
    padding-bottom: 40px;
    border-bottom: 1px solid #000;
}
.blogs-block {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.blogs-body {
    display: flex;
    flex-direction: column;
    width: 65%;
}

.blogs-nav {
    width: 29%;
}
.blogs-item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: 1px solid #E6E6E6;
    padding-top: 40px;
}
.blog_information {
    width: 65%;
}
.blog_img {
    width: 33%;
}
.blog_img-wrap {
    max-width: 275px;
    max-height: 250px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
}
.blog_img-wrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.blog_title {
    font-size: 32px;
    line-height: 44px;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
}
.blog_title:hover {
    color: #13317e;
}
.blog_text {
    line-height: 24px;
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog_text strong {
    font-weight: 400;
}
.blog_info {
    display: flex;
    font-size: 13px;
    flex-wrap: wrap;
    align-items: center;
}
.blog_author {
    display: flex;
    margin-right: 12px;
    align-items: center;
    padding: 10px 0;
}
.blog_author-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
}
.blog_author-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #d5ba85;
    color: #d5ba85;
}
.blog_author-name {
    margin-right: 12px;
    text-transform: capitalize;
}
.tags_list {
    display: flex;
    margin: 0 30px 0 0;
    flex-wrap: wrap;
}
.tags_item {
    margin: 0 10px 0 0;
    transition: 0.3s ease-in-out;
    padding: 5px 0;
}

.tags_item a {
    color: #292929;
    background: #F2F2F2;
    border-radius: 22px;
    padding: 3px 5px;
    display: block;
}
.tags_item:hover a {
    color: #fff;
    background: #222;
}
.tags_item:hover a {

}
.blog_date {
    color: #757575;
}
.blog-consultation {
    width: 100%;
    position: static;
}
.blog-consultation .consultation {
    background: #131434;
}
.blogs-search {
    margin-bottom: 50px;
    position: relative;
}
.topics-title {
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 30px;
}
.topics-list {
    margin: 0;
}
.topics-item {
    margin: 0 10px 10px 0;
}
.topics-item a {
    font-size: 14px;
    padding: 10px 16px;
}
.nav-links {
    font-weight: 600;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-numbers {
    padding: 9px 15px;
    transition: .3s ease;
}
.page-numbers.current {
    transition: .3s ease;
    color: #fff;
    background: #222;
}
.page-numbers.prev, .page-numbers.next {
    width: 22px;
    height: 24px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
}
.page-numbers.prev {
    margin-right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.61798 12.532L11.4672 23.3813C11.8088 23.7228 12.3631 23.7228 12.7047 23.3813C13.0462 23.0397 13.0462 22.4854 12.7047 22.1438L3.34931 12.7885L20.9352 12.7882C21.4184 12.7882 21.81 12.3965 21.81 11.9133C21.81 11.6714 21.7123 11.453 21.5539 11.2946C21.3955 11.1362 21.1768 11.0381 20.9352 11.0385L3.349 11.0385L12.7047 1.68281C13.0462 1.34127 13.0462 0.786901 12.7047 0.445369C12.3631 0.103836 11.8087 0.103837 11.4672 0.445369L0.61798 11.2946C0.276448 11.6361 0.276448 12.1905 0.61798 12.532Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}
.page-numbers.next {
    margin-left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5539 11.468L10.7047 0.618718C10.3631 0.277186 9.80875 0.277186 9.46722 0.618719C9.12569 0.960251 9.12569 1.51462 9.46722 1.85616L18.8226 11.2115L1.2367 11.2118C0.753477 11.2118 0.361828 11.6035 0.361828 12.0867C0.361828 12.3286 0.459585 12.547 0.617977 12.7054C0.776369 12.8638 0.995086 12.9619 1.2367 12.9615L18.8229 12.9615L9.46722 22.3172C9.12569 22.6587 9.12569 23.2131 9.46722 23.5546C9.80875 23.8962 10.3631 23.8962 10.7047 23.5546L21.5539 12.7054C21.8954 12.3639 21.8954 11.8095 21.5539 11.468Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}

.all-categories {
    padding: 150px 0;
}

@media screen and (max-width: 1220px) {
    .blogs-block {
        flex-direction: column;
    }
    .blogs-body {
        width: 100%;
        margin-bottom: 70px;
    }
    .blogs-nav {
        width: 100%;
    }
    .blog-consultation .competence-consultation {
        max-width: 355px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    .blogs-nav .blog-consultation .consultation {
        margin-bottom: 0;
    }
    .all-categories {
        padding: 150px 0 100px;
    }

}
@media screen and (max-width: 1023.99px) {
    .blogs-nav {
        display: flex;
        flex-direction: column-reverse;
    }
    .blogs-search {
        margin: 30px 0;
    }
    .blog_text {
        margin-bottom: 10px;
    }
    .blog-img {
        margin-bottom: 25px;
    }
    .all-categories {
        padding: 90px 0 50px;
    }
}
@media screen and (max-width: 767px) {
    .blogs-body {
        margin-bottom: 40px;
    }
    .blogs {
        padding: 90px 0 70px;
    }
    .blogs-title {
        font-size: 32px;
        line-height: 45px;
        padding-bottom: 20px;
    }
    .blogs-block {
        margin-top: 20px;
    }
    .blogs-item {
        padding: 20px 0;
    }
    .nav-links {
        margin-top: 20px;
    }
    .blog_information {
        width: 100%;
    }
    .blog_img {
        display: none;
    }
}

/* Single blog page */
.blog-section {
    padding: 150px 0 0;
}
.blog-section__wrap {
    display: flex;
    justify-content: space-between;
}
.single-blog-content {
    width: 65%;
}
.single-blog-consult {
    width: 29%;
}
.single-blog-author {
    display: flex;
    align-items: center;
}
.single-blog-author .blog_author {
    margin-top: 0;
}
.single-blog-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 50px;
}
.blog-section .tags_item a {
    font-size: 13px;
    line-height: 18px;
}
.single-blog-title {
    font-size: 32px;
    line-height: 44px;
    padding-bottom: 50px;
}
.single-blog-img {
    margin-bottom: 70px;
    max-height: 480px;
    height: 100%;
    overflow: hidden;
}
.single-blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-blog-info .tags_list {
    margin: 0;
}
.single-blog-info .tags_item {
    margin: 0 10px 0 0;
}
.single-blog-consultation {
    position: sticky;
}
.single-blog-information p strong {
    font-size: 24px;
    line-height: 41px;
    font-weight: 600;
}
.single-blog-information p {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 30px;
    display: block;
}
.single-blog-information .wp-block-quote {
    display: flex;
    padding: 10px 0;
}
.single-blog-information .wp-block-quote::before {
    content: '';
    background-repeat: no-repeat;
    width: 113px;
    height: 81px;
    display: block;
    padding-right: 160px;
    background-image: url("data:image/svg+xml,%3Csvg width='113' height='81' viewBox='0 0 113 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 48.5715H24.2143L8.07129 80.857H32.2856L48.4285 48.5715V0.142944H0V48.5715Z' fill='%23222222'/%3E%3Cpath d='M64.5703 0.142944V48.5715H88.7846L72.6416 80.857H96.8559L112.999 48.5715V0.142944H64.5703Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}
.single-blog-information .wp-block-quote p::before {
    content: '\201c';
}
.single-blog-information .wp-block-quote p::after {
    content: '\201d';
}
.single-blog-information .wp-block-image {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 40px;
}
.single-blog-information .wp-block-image img {
    width: 100%;
}
.single-blog-information ul {
    margin: 0 30px;
    padding-left: 30px;
    font-size: 20px;
    line-height: 35px;
}
.single-blog-information ul li {
    list-style-type: disc;
    line-height: 35px;
}
.single-blog-information ol {
    counter-reset: my-awesome-counter;
    margin: -20px 0 30px;
}
.single-blog-information ol li {
    counter-increment: my-awesome-counter;
    font-size: 20px;
    line-height: 35px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.single-blog-information ol li::before {
    content: counter(my-awesome-counter) " ";
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #222;
    margin-right: 10px;
}
@media screen and (max-width: 1220px) {
    .blog-section__wrap {
        flex-direction: column;
    }
    .single-blog-content {
        width: 100%;
        margin-bottom: 70px;
    }
    .single-blog-consult {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .single-blog-info {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .single-blog-info .tags_list {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .blog-section {
        padding: 90px 0 0;
    }
    .single-blog-content {
        margin-bottom: 30px;
    }
    .single-blog-info {
        padding-bottom: 20px;
    }
    .single-blog-title {
        padding-bottom: 20px;
    }
    .single-blog-img {
        margin-bottom: 30px;
    }
    .single-blog-information p strong {
        font-size: 18px;
        line-height: 33px;
    }
    .single-blog-information p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    .single-blog-information .wp-block-image {
        margin-bottom: 20px;
    }
    .single-blog-information ul {
        margin: 20px 0;
        font-size: 16px;
        line-height: 28px;
    }
    .single-blog-information ul li {
        line-height: 25px;
    }
    .single-blog-information ol {
        margin: 20px 0;
    }
    .single-blog-information ol li {
        font-size: 16px;
        line-height: 28px;
    }
    .single-blog-information .wp-block-quote {
        flex-direction: column;
    }
    .single-blog-information .wp-block-quote::before {
        margin: 0 auto 20px auto;
    }
}

    /* Downloads page */

.downloads {
    padding: 150px 0 180px;
}
.downloads-body {
    padding-top: 80px;
}
.downloads-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px 80px;
}
.downloads-item {
    display: flex;
    justify-content: space-between;
}
.downloads-img {
    width: 15%;
}
.downloads-inform {
    width: 82%;
}
.downloads-text {
    margin-bottom: 10px;
}
.downloads-link {
    font-weight: 600;
    padding-bottom: 8px;
}

@media screen and (max-width: 1024px) {
    .downloads-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .downloads {
        padding: 90px 0 70px;
    }
    .downloads-body {
        padding-top: 40px;
    }
    .downloads-list {
        grid-template-columns: 1fr;
    }
}

/* Search results page */

.search_results {
    padding-top: 150px;
}
.search_results .pagination {
    margin-bottom: 50px;
}
.search_results .blog_information {
    width: 70%;
}
.search_results .blog_img {
    width: 25%;
}
.search_line {
    text-align: center;
    margin-bottom: 30px;
    font-size: 25px;
    line-height: 35px;
}
@media screen and (max-width: 767px) {
    .search_results .blog_information {
        width: 100%;
    }
}
.date-time__days{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.date-time__days .date-time__block p{
  width: 80px;
  height: 80px;
  line-height: 80px;
  border: 1px solid #4F4F4F;
  cursor: pointer;
  transition: 0.3s;
  text-transform: uppercase;
  
  margin-bottom: 15px;
}
.date-time__days .date-time__block p:hover{
  background: #4F4F4F40;
}
.date-time__days .date-time__block input:checked + p{
  background: #4F4F4F;
  color: #ffffff;
}
.wpcf7-submit.form-btn{
  margin-top: 30px;
}
.date-time-selects{
 display: none;
  font-size: 20px;
  background: none;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .date-time__days .date-time__block p {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.date-time__desc{
  margin: 0 0 20px;
  text-align: center;
}

/* Default template styles */

.default-page {
    padding-top: 200px;
    background-color: #e5c891;
}
.default-title {
    font-size: 64px;
    line-height: 1.2;
    max-width: 420px;
    width: 100%;
    z-index: 2;
    margin-bottom: 40px;
}
.default-blog-information {
    background: #ffffff;
    padding: 50px 0;
}
.default-blog-information h2 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 20px;
}
.default-top {
    min-height: 210px;
    display: flex;
    align-items: flex-end;
}

@media screen and (max-width: 1024px) {
    .default-title {
        font-size: 38px;
    }
}

@media screen and (max-width: 767px) {
    .default-top {
        min-height: auto;
    }
    .default-blog-information h2 {
        font-size: 27px;
        margin-bottom: 10px;
    }
}