/*font family*/
@font-face {
    font-family: "Aurora Sans SemiBold";
    font-weight: 600;
    src: url("./fonts/AuroraSans-SemiBold.ttf") format("opentype");
}


/*screen PC*/
footer .footer-wrapper .content .footer-top .footer-logo a img {
    object-fit: contain;
}
main-popup .modal-dialog .modal-content .form-start .col-right form textarea::placeholder,
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form textarea::placeholder {
    font-size: 18px;
}

main .section-careers-10 .form-start .col-left .form-left .title h2 {
    line-height: 70px;
}

main .section-work-2 .content .list-project .content-tab .list-works .col-project .item .desc h3 {
    border-bottom: 0.3125rem solid #333;
}

main .section-home-10 .content .col-right form .f-col {
    margin-bottom: 24px;
}

main .section-home-8 .content .partner .swiper .swiper-pagination span.swiper-pagination-bullet-active {
    background: #333;
}

.main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li a {
    font-size: 20px;
}

main .section-home-10 .content .col-right form .f-col>div p span~label,
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col>div p span~label,
main .section-careers-10 .form-start .col-right form .f-col>div p span~label {
    top: 0;
}

.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .title {
    margin-bottom: 5.95rem;
}

main .section-careers-10 .form-start .col-right form button {
    background-color: #666;
}

main .section-home-9 .content .list-blog .swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 0.5rem;
}

main .section-careers-10 .form-start .col-right form textarea::placeholder,
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form textarea::placeholder {
    font-size: 18px;
}

footer .footer-wrapper .content .footer-top .footer-link .f-item a span {
    font-family: "Aurora Sans SemiBold";
    font-weight: unset;
}

.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right {
    padding-top: 5.5rem;
}
main .section-home-10 .content .col-right form textarea::placeholder,main .section-home-10 .content .col-right form textarea {
    /*color: #a1a1a1;*/
}
main .section-home-10 .content .col-left .form-left .title h2,
.main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title h2,
.main-popup.popup-news .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
    font-size: 4.0625rem;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -3.5px;
}

.main-popup .modal-dialog .modal-content .form-start .col-right {
    padding-top: 5.5rem;
}

main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
    display: none;
}

main .section-home-10 .content .col-right form .f-col>div p span input,
main .section-home-10 .content .col-right form .f-col>div p span textarea,
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col>div input,
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col>div textarea,
main .section-careers-10 .form-start .col-right form .f-col>div p span input,
main .section-home-10 .content .col-right form textarea,
main .section-careers-10 .form-start .col-right form textarea,
main .section-home-10.section-contact-2 .content .col-right form .f-col>div input {
    font-size: 18px;
}

.main-popup .modal-dialog .modal-content .form-start .col-right form button {
    margin-top: 24px
}

.main-popup.popup-news .modal-dialog .modal-content .form-start .col-right form {
    margin-top: 0;
}

main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .opImage-mobie {
    display: none;
}

main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .opImage-mobie {
    display: none;
}

.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form {
    margin-top: 0;
}
main .section-detailrecruit-3 .content {
    padding: 0;
}
/*screen Laptop*/
@media screen and (max-width: 1500px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1190px) {
    main .section-home-9 .content .list-blog .swiper .swiper-wrapper {
        padding-bottom: 60px
    }
    main .section-home-10 .content .col-left .form-left .list-contact ul li a {
        font-size: 16px;
    }
    main .section-careers-10 .form-start .col-right form button {
        margin: unset;
        width: 100%;
        padding: 16px 24px;
    }

    /*main .popup-journey .modal-dialog .modal-content .modal-body {*/
    /*    position: relative;*/
    /*}*/
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 {
        position: unset;
    }

    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        position: absolute;
        bottom: -6.7%;
    }

    /* main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left:before {
        left: 50%;
    } */
    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text p {
        padding-bottom: 10px;
    }

    main .section-home-4 .content .swiper-button-prev,
    main .section-home-4 .content .swiper-button-next {
        bottom: 15px;
    }

    main .modal-done .modal-dialog .modal-content .modal-body .modal-text h3 {
        font-size: 40px;
        font-weight: 800;
        line-height: 40px;
        letter-spacing: -2px;
    }

    main .section-home-10 .content .col-right form textarea {
        margin-top: 0;
    }

    footer.footer {
        margin-bottom: 58px;
    }

    main .modal-done .modal-dialog .modal-content {
        height: auto;
    }

    main .modal-done .modal-dialog .modal-content .modal-header .close-bnt {
        top: 0;
        right: 0;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li a {
        font-size: 14px;
    }

    main .section-home-10 .content .col-right form .f-col>div p span input,
    main .section-home-10 .content .col-right form .f-col>div p span textarea,
    .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col>div input,
    .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col>div textarea,
    main .section-careers-10 .form-start .col-right form .f-col>div p span input,
    main .section-careers-10 .form-start .col-right form textarea,
    main .section-home-10.section-contact-2 .content .col-right form .f-col>div input,
    main .section-home-10 .content .col-right form textarea {
        font-size: 16px;
    }

    main .section-home-10 .content .col-left .form-left .title h2,
    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title h2,
    .main-popup.popup-news .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
        font-size: 2.5rem;
        line-height: 1;
        letter-spacing: -0.125rem;
    }

    main .section-work-1 .content .list-journey .p-15 {
        padding: 0 0.9375rem 0 0;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li a {
        font-size: 16px;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title {
        margin-bottom: 1.5rem;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
        max-width: 20.5rem;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title {
        padding-bottom: 5rem;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left {
        padding-bottom: 0rem;
    }

    main .section-news-2 .content .title .col-left .main-title {
        margin-top: 0;
    }

    main .section-news-2 .content .title {
        align-items: center;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right form textarea::placeholder,
    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form textarea::placeholder {
        font-size: 16px;
    }

    main .section-careers-10 .form-start .col-right form textarea::placeholder,
    .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form textarea::placeholder {
        font-size: 16px;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col>div input {
        margin-bottom: 0;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right {
        padding-top: 0;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right {
        padding-top: 0;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right form .f-col>div p {
        margin-top: 24px;
    }

    .header .header-wrapper .nav-menu {
        padding: 1rem 32px;
    }

    .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col>div {
        margin-bottom: 0;
    }

    main .section-about-5 {
        margin: 2rem auto;
    }

    main .section-careers-10 .form-start .col-left .form-left .title h2 {
        line-height: 40px;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start {
        height: 90vh;
    }

    main .section-home-10 .content .col-right form .f-col {
        margin-bottom: 0;
    }

    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture {
        top: -15px;
    }

    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .picture figure {
        padding-top: 80.133333%;
    }

    main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide .item .ava {
        width: 10.5rem;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .picture figure {
        padding-top: 80.133333%;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture figure {
        margin: 0 auto;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text p {
        display: flex;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text {
        display: flex;
        height: 100%;
    }

    .main-popup .modal-dialog .modal-content .form-start {
        height: auto;
    }

    .header .header-menu .menu-wrapper .menu-top {
        margin: 1.87rem 2.5rem 2.5rem;
    }

    .header .header-menu .menu-wrapper .middle-menu {
        padding: 0 2.5rem;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .title {
        margin-bottom: 1.95rem;
        padding-top: 0.94rem;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left {
        padding-top: 3rem;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form {
        margin-top: 0;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col {
        margin-top: 0;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start {
        height: auto;
    }

    main .section-careers-10 .form-start .col-right form .f-col>div {
        margin-bottom: 25px;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right form div:nth-child(2) {
        margin-top: 0;
    }

    main .section-home-10 .content .col-right form .f-col>div {
        margin-bottom: 25px;
    }

    main .section-home-10 .content .col-left .form-left {
        padding-bottom: 0;
    }

    .main-popup.popup-news .modal-dialog .modal-content .form-start .col-right form {
        margin-top: 1.5rem;
    }

    .end__step {
        position: absolute;
        bottom: 15px;
        right: 0;
    }

    main .section-careers-10 .form-start .col-left .form-left,
    main .section-home-10 .content .col-left .form-left {
        padding-left: 0;
    }

    main .section-careers-10 .form-start .col-left .form-left .title,
    main .section-home-10 .content .col-left .form-left .title {
        padding-left: 1.19rem;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left {
        padding: 1.94rem 0 1.31rem;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .title h2,
    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
        line-height: 40px;
    }

    .main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form {
        margin-top: 0;
    }
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture figure {
        padding-top: 70%;
    }
}

/*screen Tablet*/
@media screen and (max-width: 991px) {
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        bottom: -14%;
    }

    main .section-careers-10 .form-start .col-left .form-left {
        padding: 1.94rem 0 24px 0;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right form,
    .main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form,
    main .section-careers-10 .form-start .col-right form,
    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form,
    .main-popup .modal-dialog .modal-content .form-start .col-right form {
        border-top: 1px solid #D9D9D9;
        margin-top: 1.5rem;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .main-popup.popup-done .modal-dialog .modal-content .form-done .col-left .picture figure {
        padding-top: 172.277778%;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right form,
    .main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form,
    main .section-careers-10 .form-start .col-right form,
    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form,
    .main-popup .modal-dialog .modal-content .form-start .col-right form {
        margin-top: 0;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        margin-top: -5rem;
    }

    main .section-home-10 .content .col-left .form-left {
        padding: 1.94rem 0 0.81rem 1.19rem;
        padding-bottom: 0;
    }

    main .section-careers-10 .form-start .col-left .form-left .title {
        margin-bottom: 5.95rem;
    }

    .header .header-wrapper .nav-menu .logo a {
        width: 54px;
        height: 54px;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text {
        display: block;
        height: auto;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        display: block;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text p {
        display: none;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure {
        padding-top: 63%;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start {
        overflow-y: unset;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title {
        margin-bottom: 1.5rem;
    }

    .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col>div {
        margin-bottom: 0;
    }

    main .section-single-work-3 .content .list-videos .video-item .w-video iframe {
        height: 24.489375rem;
    }

    main .section-home-10 .content .col-right form {
        border-top: 1px solid #D9D9D9;
    }

    main .section-home-10 .content .col-left .form-left .title,
    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title {
        border-bottom: 4px solid #333333;
        padding-bottom: 6.5rem;
        margin-bottom: 1.5rem;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title,
    main .section-careers-10 .form-start .col-left .form-left .title {
        border-bottom: 4px solid #333333;
        padding-bottom: 6.5rem;
        margin-bottom: 1.5rem;
    }

    main .section-home-10 .content .col-left .form-left {
        padding-left: 0;
    }

    main .section-home-10 .content .col-left .form-left .title h2 {
        padding-left: 0.9375rem;
    }

    main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide .item .ava {
        width: 10.5rem;
    }

    main .section-home-10 .content .col-left .form-left .title {
        padding-bottom: 5.5rem;
    }

    main .section-work-2 .content .title .col-left .title-tab {
        padding-bottom: 0;
        overflow-x: auto;
    }

    main .section-work-2 .content .title .col-left {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 820px) {
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        bottom: -15%;
    }
}

@media screen and (max-width: 820px) {
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        bottom: -15%;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        margin-top: 5.5rem;
    }

}

@media screen and (min-width: 768px) {

    .container {
        padding-left: 32px;
        padding-right: 32px;
    }

}

@media screen and (max-width: 768px) {
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        bottom: -15%;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        margin-top: 6.8rem;
    }

}

/*screen mobie*/
@media screen and (max-width: 580px) {
    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact {
        padding-bottom: 0;
    }
    main .section-detail-1 {
        height: 16.25rem;
    }
    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact,
    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .list-contact {
        margin-top: 40px;
    }

    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure {
        height: 23.33rem;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .opImage-mobie {
        display: block;
    }

    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .opImage-mobie {
        display: block;
    }

    main .section-careers-10 .form-start .col-right form div:nth-child(2) {
        margin-top: 24px;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left {
        padding-top: 3.5rem;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right form,
    .main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form,
    main .section-careers-10 .form-start .col-right form,
    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form {
        border-top: 0;
        /*padding-top: 0;*/
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title {
        padding-bottom: 6.5rem;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start {
        /*padding-top: 0;*/
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item,
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item {
        padding-bottom: 5rem !important;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture {
        /*display: flex;*/
        /*flex-direction: column;*/
        /*justify-content: space-around;*/
        height: 100%;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .opImage-pc {
        display: none;
    }

    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .opImage-pc {
        display: none;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure {
        padding-top: 33rem;
    }

    main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        margin-top: 2rem;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right form .f-col>div p {
        margin-top: 25px;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li a {
        font-size: 14px;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left {
        padding: 3rem 0;
        padding-bottom: 0;
    }

    main .section-careers-10 .form-start .col-left .form-left .title,
    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .title {
        padding-bottom: 4.95rem;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right form textarea::placeholder,
    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form textarea::placeholder {
        font-size: 14px;
    }

    main .section-careers-10 .form-start .col-right form textarea::placeholder,
    .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form textarea::placeholder {
        font-size: 14px;
    }

    main .section-home-10 .content .col-right form .f-col>div p span input,
    main .section-home-10 .content .col-right form textarea,
    main .section-home-10 .content .col-right form .f-col>div p span textarea,
    .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col>div input,
    .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col>div textarea,
    main .section-careers-10 .form-start .col-right form .f-col>div p span input,
    main .section-careers-10 .form-start .col-right form textarea,
    main .section-home-10.section-contact-2 .content .col-right form .f-col>div input,
    main .section-home-10 .content .col-right form textarea {
        font-size: 14px;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
        font-size: 2.5rem;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li a {
        font-size: 14px;
    }

    main .section-home-10 .content .col-left .form-left {
        padding-bottom: 0;
    }

    main .section-single-work-3 .content .list-videos .video-item .w-video iframe {
        height: 13.489375rem;
    }

    main .section-careers-10 .form-start .col-left .form-left {
        padding-bottom: 0;
    }

    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        bottom:-26%
    }


}

@media screen and (max-width: 468px) {
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        bottom: -23%;
    }
}

@media screen and (max-width: 425px) {
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        bottom: -25%;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title h2,
    main .section-home-10 .content .col-left .form-left .title h2,
    .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title h2,
    .main-popup.popup-news .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
        font-size: 2.3rem;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right form,
    .main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form,
    main .section-careers-10 .form-start .col-right form,
    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form {
        margin-top: 0;
    }

    .main-popup .modal-dialog .modal-content .form-start .col-right form .f-col>div p {
        margin-top: 1.5rem;
    }

    .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form {
        margin-top: 1.5rem;
    }
}

@media screen and (max-width: 390px) {
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        bottom: -25%;
    }
}

@media screen and (max-width: 375px) {
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
        bottom: -101.5%;
    }

    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure {
        height: 20.53rem;
    }
}

@media screen and (max-width: 358px) {
    main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure {
        height: 12rem;
    }
}

@media screen and (max-width: 320px) {}