/* page-banner */
.page-banner {
    height: 40.1250rem;
    padding: 0 var(--section);
    background: #EEEEEE;
    display: flex;
    align-items: center;
}

.page-banner .about-nav {
    gap: 1.2500rem;
    position: absolute;
    bottom: 0;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    margin-left: 0;
}

.page-banner h1 {
    font-size: var(--35);
    color: var(--theme-color);
    text-align: center;
    margin: 0 0 var(--15);
    font-weight: 600;
    position: relative;
    width: fit-content;
}

.page-banner .section-content {
    max-width: 31.25rem
}

.page-banner .section-content p {
    font-size: var(--17);
    margin-bottom: 0;
}

.page-banner .button.btn__primary {
    margin: var(--30) 0 0
}

.page-banner h1:before {
    content: "";
    position: absolute;
    top: 0;
    left: auto;
    right: -4px;
    width: 2px;
    height: 100%;
    background-color: #fff;
    animation: blink-cursor 2.5s step-end infinite;
}

@keyframes blink-cursor {
    50% {
        background-color: transparent;
    }
}

.page-banner .about-nav a {
    display: block;
    color: #2C2C2C;
    background-color: #FFFFFFB3;
    border-radius: 0.6250rem 0.6250rem 0px 0px;
    padding: 1rem 2.3125rem;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    text-align: center
}

.page-banner .about-nav a:hover,
.page-banner .about-nav .active a {
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(180deg, #E05252 0%, #BB3434 100%);
}

.page-banner .about-nav .about-item {
    flex: auto;
}

.page-banner .page-banner__content {
    max-width: 30.9375rem;
}

.page-banner .page-banner__content h2 {
    font-size: 50px;
    color: #E12E2D;
    margin-bottom: 1rem;
}

.page-banner .page-banner__content p {
    font-size: 1.0625rem;
}

.page-banner .page-banner__content strong {
    color: #E12E2D;
}

/* End page-banner */
/* recruitment-vacancies */
.recruitment-vacancies {
    padding: var(--80) var(--section)
}

.recruitment-vacancies .section-title h2,
.leading-seo .section-title h2 {
    text-align: center;
    padding-bottom: 1.7500rem;
    position: relative;
    margin-bottom: 4.3750rem;
}

.recruitment-vacancies .section-title h2:before,
.leading-seo .section-title h2:before {
    content: "";
    width: 12.5000rem;
    height: 0.3750rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--theme-color);
}

.recruitment-vacancies .vacancies {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--40);
    margin-bottom: var(--70);
}

.recruitment-vacancies .section-bg-overlay {
    background-color: #FFFFFF;
    opacity: 0.77;
}

.recruitment-vacancies .vacancies-title {
    font-size: var(--27);
    color: var(--theme-color);
    margin-bottom: var(--18);
}

.recruitment-vacancies ul {
    list-style: none;
    margin: 0;
}

.recruitment-vacancies ul li {
    margin-bottom: var(--6);
}

.recruitment-vacancies .vacancies a {
    display: block;
    position: relative;
    color: #3F3F3F;
    padding-left: var(--30);
    font-size: var(--17);

}

.recruitment-vacancies .vacancies a svg {
    position: absolute;
    left: 0;
    width: 1.2rem;
    height: 1.2rem;
    top: 4px;
}

.recruitment-vacancies a:hover {
    color: var(--theme-color)
}

/* End recruitment-vacancies */
/* leading-seo */
.leading-seo {
    padding: var(--80) var(--section);
    background: #f7f8f9;
}

.leading-seo .leading-seo__item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.leading-seo .leading-seo__item-image {
    width: 40%;
    flex-shrink: 0
}

.leading-seo .leading-seo__item-content {
    max-width: 31.25rem;
    padding-left: var(--30);
}

.leading-seo .leading-seo__item-content ul {
    list-style: none;
}

.leading-seo .leading-seo__item-content li {
    padding-left: var(--30);
    font-size: 1rem;
    position: relative;
    margin-bottom: var(--15);
}

.leading-seo .leading-seo__item-content li:before {
    content: "";
    width: var(--20);
    height: var(--20);
    background: url(/wp-content/themes/flatsome-child/images/icon-check-red.svg) no-repeat center;
    position: absolute;
    left: 0;
    top: var(--5);
}

.leading-seo .leading-seo__item:nth-of-type(2n) .leading-seo__item-content {
    order: -1;
    padding-left: 0;
    padding-right: var(--30)
}

/* End leading-seo */
/* ceo-letter */
.ceo-letter {
    padding: var(--60) var(--section);
}

.ceo-letter .section-title h2 {
    font-size: var(--20);
    text-align: center;
    margin-bottom: var(--30);
}

.ceo-letter .ceo-letter__content {
    max-width: 42.25rem;
    text-align: justify;
    margin: 0 auto;
}

/* End ceo-letter */
/* seoer-reviews */
.seoer-reviews {
    padding: var(--70) 0 var(--90);
}

.seoer-reviews .seoer-reviews__title h2 {
    /* font-size: var(--24); */
    color: #fff;
    text-align: center;
    margin-bottom: var(--35);
}

.seoer-reviews .seoer-reviews__item {
    padding: 30px 23px;
    background-color: #fff;
    border-radius: var(--9);
    height: 100%;
}

.seoer-reviews .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
}

.seoer-reviews .seoer-reviews__item .box-top {
    display: flex;
    margin-bottom: var(--18);
}

.seoer-reviews .seoer-reviews__item .seoer-reviews__content {
    font-size: var(--14);
    color: #222
}

.seoer-reviews .seoer-reviews__item .seoer-reviews__avatar {
    height: var(--38);
    width: var(--38);

}

.seoer-reviews .seoer-reviews__item .seoer-reviews__avatar .image-cover {
    border-radius: 50%;
    background-color: #fff;
}

.seoer-reviews .seoer-reviews__item .seoer-reviews__info {
    padding-left: var(--13);
}

.seoer-reviews .seoer-reviews__item .seoer-reviews__name {
    font-size: var(--14);
    font-weight: 600;
    color: #1c2022;
    line-height: 1.2;
}

.seoer-reviews .seoer-reviews__item .seoer-reviews__position {
    font-size: var(--12);
    color: #697882;
    line-height: 1;
}

.seoer-reviews .swiper-slide {
    height: auto;
}

.seoer-reviews .swiper-pagination {
    bottom: 0
}

.seoer-reviews .swiper-pagination-bullet {
    width: var(--6);
    height: var(--6);
    opacity: 1;
    background: #FF6C6C;
    margin: 0 var(--6) !important;
}

.seoer-reviews .swiper-pagination-bullet-active {
    background: #fff
}

.seoer-reviews .seoer-reviews__slider {
    padding-bottom: var(--40)
}

/* End seoer-reviews */
/* working-environment */
.working-environment {
    padding: var(--90) var(--section) var(--80);
}

.working-environment .section-title {
    text-align: center;
    justify-content: center;
    margin-bottom: var(--30);
}

.working-environment .section-title h2 {
    margin-bottom: var(--10);
}

.working-environment .working-environment__image {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--20);
}

.working-environment .working-environment__image .image-cover {
    padding-top: 58%;
}

.working-environment .working-environment__image .img:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

.working-environment .working-environment__image .img:last-child {
    grid-column: 3/5;
    grid-row: 3/5;

}

.working-environment .working-environment__image .img:first-child .image-cover,
.working-environment .working-environment__image .img:last-child .image-cover {
    padding-top: calc(58% + var(--10));
}

.working-environment .working-environment__image .img:first-child .image-cover {
    border-radius: var(--45) 0 0 0;
}

.working-environment .working-environment__image .img:last-child .image-cover {
    border-radius: 0 0 var(--45) 0;
}

.working-environment .working-environment__image .img img {
    transition: all .8s
}

.working-environment .working-environment__image .img:hover img {
    transform: scale(1.08)
}

/* End working-environment */
/* job-application */
.job-application {
    padding: var(--30) var(--section) var(--60);
    display: flex;
    justify-content: center;
    align-items: center;
}

.job-application .job-application__image {
    max-width: 33.2500rem;
    flex-shrink: 0;
}

.job-application .job-application__form {
    background-image: url("/wp-content/uploads/2022/09/1-01-2.png");
    background-size: cover;
    padding: var(--50) var(--66) var(--39) var(--55);
    max-width: 31.2500rem;
    border-radius: var(--35);
    box-shadow: 0px 0px 10px 3px rgba(112.0468410326087, 119.78480397215411, 136.5, 0.38);
    margin-left: var(--60);
}

.job-application .wpcf7 .wpcf7-not-valid-tip {
    color: #fff;
}

.form-recruitment h2 br {
    display: block;
}

.form-recruitment h2 {
    text-align: center;
    color: #fff;
    font-style: italic;
    font-size: var(--24);
    margin-bottom: var(--35);
}

.form-recruitment .form-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 var(--22);
}

.form-recruitment .form-content .wpcf7-form-control-wrap:nth-of-type(n+5) {
    grid-column: span 2
}

.form-recruitment .form-content input {
    color: #555;
    height: var(--46);
    border-radius: 9rem;
    border: 0;
    box-shadow: none;
    padding: 0 var(--15);
    margin-bottom: var(--20);
}

.form-recruitment .form-content input::placeholder {
    color: #555;
}

.form-recruitment .form-content select {
    border-radius: 9rem;
    color: #555;
    padding: 0 var(--15);
    margin-bottom: var(--16);
}

.form-recruitment .form-content textarea {
    border-radius: var(--23);
    color: #555;
    padding: var(--15) var(--15) 0;
}

.form-recruitment .form-submit {
    text-align: center
}

.form-recruitment .button.btn__primary {
    background-color: #FF5F5F;
    margin: 0;
}

.form-recruitment .button.btn__primary:hover {
    background-color: #fff;

}

/* End job-application */
@media screen and (max-width: 767.98px) {
    .page-banner {
        text-align: center;
        height: 25rem;
    }

    .page-banner .img-pc {
        object-position: 9%;
    }

    .page-banner h1 {
        font-size: var(--30);
    }

    .page-banner .section-content p {
        font-size: 1rem
    }

    .recruitment-vacancies {
        padding-top: var(--50);
        padding-bottom: var(--50);
    }

    .recruitment-vacancies .section-title h2,
    .leading-seo .section-title h2 {
        font-size: var(--20);
        margin-bottom: var(--30);
        padding-bottom: var(--15);
    }

    .recruitment-vacancies .section-title h2:before,
    .leading-seo .section-title h2:before {
        height: var(--2)
    }

    .recruitment-vacancies .vacancies {
        grid-template-columns: 100%;
        grid-gap: var(--30);
        margin-bottom: var(--30);
    }

    .recruitment-vacancies .vacancies-title {
        font-size: var(--24)
    }

    .recruitment-vacancies .vacancies a {
        font-size: 1rem
    }

    .leading-seo {
        padding: var(--50) var(--section)
    }

    .leading-seo .leading-seo__item {
        flex-direction: column;
    }

    .leading-seo .leading-seo__item-content {
        padding-left: 0
    }

    .leading-seo .leading-seo__item-image {
        width: 100%;
        order: -1;
    }

    .ceo-letter {
        padding-top: var(--50);
        padding-bottom: var(--50)
    }

    .seoer-reviews {
        padding: var(--50) var(--15)
    }

    .working-environment {
        padding: var(--50) var(--section);
    }

    .working-environment .working-environment__image {
        grid-template-columns: repeat(2, 1fr);
    }

    .working-environment .working-environment__image .img:last-child {
        grid-column: span 2;
        grid-row: unset;
    }

    .job-application {
        flex-direction: column;
        padding-top: 0;
    }

    .job-application .job-application__form {
        margin-left: 0;
        padding: var(--30);
    }

    .form-recruitment .form-content {
        display: flex;
        flex-direction: column
    }

    .form-recruitment h2 {
        font-size: var(--20)
    }

    .job-application .job-application__image {
        display: none;
    }
}