@import url("../TT Firs Neue/stylesheet.css");
@import url("../TT Norms Pro/stylesheet.css");
html{
    margin: 0 auto;
    width: 100%;
    overflow-x: hidden;
}
body{
    --color-green: rgba(157, 250, 36, 1);
    --color-white: #fff;
    --color-text: rgba(39, 54, 65, 1);
    --color-yello: rgba(255, 228, 55, 1);
    --color-red: rgba(255, 50, 96, 1);
    --color-grass: rgba(45, 189, 101, 1);
    --color-blue: rgba(0, 190, 190, 1);
    --color-gray: rgba(246, 246, 246, 1);
    --font-Neue: 'TT Firs Neue';
    --font-Norms:'TT Norms Pro';
    overflow-x: hidden;



}
*:focus {
    outline: none !important;
    box-shadow: none !important;
}
section{
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}
h1, h2, h3, h4, h5, h6, p, a{
    font-family: var(--font-Neue);
}
h1, .onovo-hero.hero--two .title, h2.main-title-2{
    font-size: 40px;
    font-weight: 500;
    line-height: 51.6px;
    font-family: var(--font-Neue);
}
h5{
    font-size: 23px;
    font-weight: 500;
    color: var(--color-text);
}
.onovo-hero{
    background: var(--color-gray) ;
}
.color-gray{
    background-color: var(--color-gray);
}
.onovo-menu-btn.btn--active span::before, .onovo-menu-btn.btn--active span::after{
    background: var(--color-gray) !important;
}
.header--white .onovo-menu-horizontal ul li, .header--white .onovo-menu-horizontal ul li a{
    color: var(--color-text);
    font-family: var(--font-Norms);
    font-size: 15px;
    font-weight: 500;
}
.header--white .onovo-menu-horizontal ul li a:hover{
    color: var(--color-green);
}
.header--white.onovo-header.sticky{
    background-color: var(--color-white);
}

.butn-green{
    background-color: var(--color-green);
    border: 1px solid var(--color-green);
    border-radius: 30px;
    padding: 15px 30px;
    color: var(--color-text);
    font-family: var(--font-Norms);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.butn-green:hover{
    border: 1px solid var(--color-green);
    background-color: var(--color-white);
}
.butn-trans{
    margin-left: 20px;
    background-color: transparent;
    padding: 15px 30px;
}
.butn-trans:hover{
    background-color: var(--color-green);
}
.header--white .onovo-menu-btn span::before{
    background: var(--color-text);
}
.header--white .onovo-menu-btn span::after{
    background: var(--color-text);
}
.img-wrapper img{
    max-width: 100%;
}
.section-1-wrapper{
    align-items: center;
}
.onovo-title-2 span{
    font-family: var(--font-Neue);
    font-size: 40px;
    font-weight: 500;
    color: var(--color-text);
}
.card-wrapper{
    position: relative;
}
.card-work{

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 473px;
    width: 100%;


}
.card-work.yello{
    background-image: url("../images/yello.svg");
    transition: all ease-in-out .4s;
}
.card-work.blue{
    background-image: url("../images/blue.svg");
    transition: all ease-in-out .4s;
    z-index: 10;
}
.card-work.red{
    background-image: url("../images/red.svg");
    transition: all ease-in-out .4s;
    z-index: 10;
}
.card-work.green{
    background-image: url("../images/green.svg");
    transition: all ease-in-out .4s;
    z-index: 10;
}
.card-wrapper .num {

    position: absolute;
    left: 7px;
    bottom: 50px;
    font-family: var(--font-Neue);
    font-size: 250px;
    font-weight: 500;
    line-height: 0.5;
    text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    pointer-events: none;
z-index: -10;
}
.num.o{
    left: 5px;
}
.num.r{
    left: -2px;
}
.num.k{
    left: -2px;
}
.card-work h4{
    position: absolute;
    top: 70px;
    left: 40px;
    font-size: 23px;
    font-weight: 500;
    font-family: var(--font-Neue);
    color: var(--color-text);
}
.butn-scq{
    padding: 20px 25px;
    background-color: rgba(246, 246, 246, 1);
    border-radius: 15px;
    position: absolute;
    right: 15px;
    bottom: 35px;
    transition: background-color ease-in-out .4s;
}
.img-arr{
    width: 20px;
}
.card-wrapper:hover .butn-scq{
    background-color: var(--color-green);
}
.card-wrapper:hover .card-work.yello{
    background-image: url("../images/yello-full.svg");
    cursor: pointer;
}
.card-wrapper:hover .card-work.blue{
    background-image: url("../images/blue-full.svg");
    cursor: pointer;
}
.card-wrapper:hover .card-work.red{
    background-image: url("../images/red-full.svg");
    cursor: pointer;
}
.card-wrapper:hover .card-work.green{
    background-image: url("../images/green-full.svg");
    cursor: pointer;
}
.card-wrapper:hover .num{
    z-index: 10;
    text-shadow: none;
    transform: scale(1.18);
}
.round-section{
    max-width: 1680px;
    padding-right: var(--bs-gutter-x);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
    background-color: var(--color-green);
    border-radius: 40px;
}
.why-wrapper{

    gap: 90px;
    align-items: center;
}
.why-img-wrapper img{
    position: absolute;
    right: 0;
    top: 170px;
}
.why-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.text-16{
    font-size: 16px;

}
.decor{
    background-color: var(--color-white);
    border-radius: 40px;
    padding: 7px 7px;
}
.title span{
    font-size: 23px;
    font-weight: 500;
    font-family: var(--font-Neue);
    color: var(--color-text);
    line-height: 40px;
}
.feature-wrapper{
    justify-content: space-between;

}
.feature-left-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

}
.feature-img-wrapper{
    margin-top: 30px;

}
.img-feature{
    position: absolute;
    top:200px;
    left: 200px;
    max-width: 375px;
}
.feature-left-wrapper p{
    margin-bottom: 0;
    margin-top: 0;
}
.feature-wrapper-bottom{
    margin-top: 50px;
    justify-content: space-between;
}
.title-main{
    font-size: 40px;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 40px;
    line-height: 70px;
}
.round-section__yello{
    background-color: var(--color-yello);
}
.list-social{
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
    padding-left: 0;
    width: 100%;
}
.list-social li{
    margin-bottom: 10px;
    list-style: none;
}
.social-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-right: 50px;
}
.call-contact-left-wrapper{
    padding-right: 40px;
}
.social-img{
    background-color: var(--color-green);
    border-radius: 7px;
    padding:7px 13px ;
}
.yello-img-wrapper{
    position: relative;
}
.yello-img-wrapper img{
    position: absolute;
    top: 100px;
    right: 30px;
}
button[type=submit].butn-submit{
    background-color: var(--color-green);
    color: var(--color-text);
   padding-left: 60px;
    padding-right: 60px;
    border: 1px solid var(--color-green);
    transition: all ease-in-out .3s;
    margin-top: 50px;

}

button[type=submit].butn-submit:hover{
    border: 1px solid var(--color-green);
    background-color: transparent;
}
.cform{
    margin-top: 80px;
}
.onovo-footer, .footer--default{
    background-color: var(--color-gray);
}
.text-15{
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-text);
}
.text-23{
    font-size: 20px;
    font-weight: 500;
    line-height: 64px;
}
.footer-menu li{
    list-style: none;
}
.under-footer{
    border-top: 1px solid rgba(166, 166, 166, 1);
    padding-top: 30px;
}
.social-footer ul li {
    list-style: none;
}
.social-footer ul{
    justify-content: flex-end;
    margin-top: 5px;
    margin-bottom: 5px;
}
.social-footer ul li a .social-wrapper{
    margin-right: 15px;
}
.section-white{
    background-color: var(--color-white);
}
.small-cards-wrapper{
    gap: 15px;
    justify-content: center;
}
.small-card-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    padding-top: 25px;
    padding-bottom: 10px;
    width: 23%;
}
.small-card-wrapper.color-yello{
    border: 1px solid var(--color-yello);
}
.small-card-wrapper.color-grass{
    border: 1px solid var(--color-grass);
}
.small-card-wrapper.color-red{
    border: 1px solid var(--color-red);
}
.small-card-wrapper.color-blue{
    border: 1px solid var(--color-blue);
}

.onovo-hover-1.color-white::before, .onovo-bubble .bubble-1.color-white, .onovo-bubble .bubble-2.color-white, .onovo-bubble .bubble-3.color-white{
    background-color: var(--color-white) !important;
    z-index: 1;
}
.color-white .image, .color-white .onovo-title-3, .color-white .onovo-text{
    z-index: 2;
}
.title-upper{
    font-size: 50px;
    font-weight: 500;
    text-transform: uppercase;
}
.onovo-title-3 span{
    font-size: 23px;
    font-weight: 500;
    color: var(--color-text);
    line-height: 34px;
}
.price-left-wrapper{
    padding-top: 80px;
}
.why-relative{
    position: relative;
}
.why-relative img{
    position: absolute;
    top: 200px;
    left: -250px;
}
.hilght-yello{
    background-color: var(--color-yello);
    border-radius: 40px;
    padding: 7px 20px;
}
.checkbox-wrapper{
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.5);


}
.checkbox-wrapper label{
    padding-bottom: 0;
    margin-left: 20px;
    margin-right: 50px;
}
.banner-features-wrapper{
    justify-content: center;
}
.banner-feature{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 3px;
}
.banner-feature img{
    transform: translateY(-10px);
}
.pricing-yello-img-wrapper{
    position: relative;
}
.pricing-yello-img-wrapper img{
    position: absolute;
    right: 100px;
    top: 25px;
    transform: scale(1.1);
}
.service-img-center div .image{
    top: 30px;
}
.onovo-service-item-list .image:after{
    border: none;
}
.autsorce-yello-img-wrapper{
    position: absolute;
    right: 0;
    top: 55px;
}
.footer-main-wrapper{
    padding-bottom: 80px;
}
.why-section-wrapper{
    max-width: 1680px;
    position: relative;
    margin: 0 auto;
}
.why-section-img{
    position: absolute;
    z-index: 10;
    top: 250px;
    left: -15px;
}
.contact-title-wrapper{
    justify-content: center;
}
.vacancy-banner-left{
    justify-content: flex-start;
}
.vacancy-banner-right{
    justify-content: flex-end;
}
.vacancy-banner-text{
    white-space: nowrap;
}
.vacancy-yello-img-wrapper img{
position: absolute;
right: 150px;
top: 30px;
transform: scale(1);
    z-index: 10;
}
.vacancy-yellow-wrapper{
    position: relative;
    z-index: 1;
    max-width: 1680px;
    margin: 0 auto;
}
.vacancy-yello-wrapper{
    gap: 30px;
}
.slider-wrapper{
    padding-bottom: 50px;
}
.swiper-container {
    width: 100%;
}

.swiper-wrapper {
    display: flex;
}
.vacancy-green-section, .vacancy-white-section {
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.vacancy-service-item-list{
    padding-bottom: 40px;
    padding-top: 40px;
}
.onovo-service-item-list .num{
    top: 7px;
}
.vacancy-yellow-img-wrapper{
    position: absolute;
    right: 0;
    top: 65px;
    width: 38%;
}
.vacancy-yellow-contact-wrapper{
    margin-top: 80px;
    padding-top: 60px;
    padding-bottom: 60px;
 }

.archive-vacancy-text{
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
}
.archive-vacancy-title-wrapper{
    margin-bottom: 60px;
    margin-top: 60px;
}
.archive-vacancy-card-wrapper{
    margin-bottom: 15px;
}
.feature-text-gap{
    margin-bottom: 50px;
}
.archive-vacancy-yellow-section{
    margin-top: 100px;
}
.persons-links-row{
    justify-content: space-between;
}
.persons-links-img-wrapper-1{
    padding-bottom: 5px;
}
.persons-links-row{
    margin-bottom: 50px;
}
.butn-trans-correction{
    padding: 19px 30px;
}
.pesons-pricing-yello-img-wrapper{
    transform: scale(.8);
}
.persons-service-img-center div .image{
    top: -25px;
}
.autsorce-banner-container{
    padding-top: 140px;
}
.autsorce-links-wrapper-2{
    height: 300px;
    display: flex;
    align-items: flex-end;
}
.autsorce-banner-features-wrapper{
    margin-top: 50px;
}
.autsorce-service-img-center div .image{
    top: -55px;
}
.autsorce-features-green-decor-wrapper{
    padding-bottom: 150px;
}
.autsorce-feature-img-wrapper{
    position: absolute;
    bottom: 0;
    left: 400px;
}
.autsorce-banner-container{
    margin: 0 auto;
}
.autsorce-links-row{
    width: 100%;
}
.feature-left-wrapper div h2{
    margin-top: 10px;
}
.contact-features-row{
    margin-top: 80px;
}
.header--active .onovo-logo-image{
display: none;
}
.vacancy-banner-wrapper{
    height: 100%;
}


/*========Media======*/
@media  screen and (max-width: 1550px) {
    .autsorce-feature-img-wrapper{
        left: 200px;
    }
}
@media  screen and (max-width: 1400px){
    .call-feature-left-wrapper{
        justify-content: flex-start;
    }
    .vacancy-yello-img-wrapper img{
        right: 50px;
    }

}
@media  screen and (max-width: 1340px){
    .social-wrapper p{
        font-size: 14px;
    }
    .offset-lg-1{
        margin-left: 50px;
    }
    .social-wrapper__footer{
        width: 100%;
    }
}

@media screen and (max-width: 1200px){
    .autsorce-yello-img-wrapper{
        top: 100px;
    }
    .header-button-tel{
        padding-left: 0;
    }
    .vacancy-yello-img-wrapper img {
        right: 20px;
    }
}
@media  screen and (max-width: 1150px){
    .offset-lg-1{
        width: 100%;
    }
}
@media  screen and (max-width: 1100px) {
    .banner-feature{
        width: 100%;
        gap: 20px;
    }
    .banner-features-wrapper{
        margin-top: 40px;
    }
    .text-23{
        margin: 0 0;
        line-height: 50px ;
    }
    .butn-media{
        margin-top: 30px;
    }
    h2{
        line-height: 70px;
    }
    .list-social{
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        text-align: left;
    }
    .social-wrapper{
        width: 100%;
        justify-content: flex-start;
    }
    .social-wrapper__footer{
        width: 100%;
    }
    .footer-correct{
        transform: translateY(-35px);
    }
    .why-section-img{
        top: 350px;
        left: -80px;
    }
}
@media  screen and (max-width: 1025px) {
    .vacancy-yello-img-wrapper img{
        right: 0;
        top: 50px;
        transform: scale(.8);
    }
    .header-button-tel{
    transform: translateX(-50px);
    }
    .yello-img-wrapper img{
        top: 400px;
    }
    .footer-menu-2{
        transform: translateY(-35px);
    }
    .footer-logo{
        width: 130%;
        transform: translateX(40px);
    }
    .pricing-yello-img-wrapper img{
        top: inherit;
        bottom: -180px;
    }
    .onovo-service-item-list .title{
        width: 80%;
    }
    .persons-form-section{
        padding-top: 0;
    }

}
@media  screen and (max-width: 992px) {
    .autsorce-feature-img-wrapper{
        left: 20px;
    }
    .vacancy-yello-img-wrapper img{
        right: 50px;
        top: 90px;
    }
    .small-card-wrapper{
        width: 40%;
    }
    .top-prodaj-card-wrapper{
        width: 80%;
    }
    .onovo-services-grid-fw, .top-prodaj-title-wrapper{
        justify-content: center;
    }
    .top-prodaj-title-wrapper div{
    text-align: center;
    }
    .feature-img{
        width: 80%;
        margin-top: 60px;

    }
    .feature-wrapper{
        justify-content: center;
    }
}
@media  screen and (max-width: 953px) {
    .butn-trans, .butn-green{
        margin-left: 0;
        width: 53%;
    }
    .pricing-yello-img-wrapper img{

        top: 180px;
    }
    .header-butn-align{
        text-align: center !important;
    }

}
@media  screen and (max-width: 932px) {
    .why-section-left-wrapper-top, .feature-left-wrapper, .feature-right-wrapper{
        width: 80%;
    }
    .why-section-right-wrapper-top{
        width: 80%;
        padding-bottom: 400px;
    }
    .why-section-img{
        top: 800px;
        left: -60px;
    }
    .feature-right-wrapper{
        padding-top: 40px;
        padding-left: 30px !important;
    }
    .feature-left-wrapper{
        padding-left: 30px;
    }
    .feature-wrapper{
        justify-content: flex-start;
    }
    .section-1-wrapper{
        margin-top: 100px;
        text-align: center;
    }
    .onovo-hero{
        height: 100vh;
    }
}

@media  screen and (max-width: 820px) {
    .autsorce-yello-img-wrapper{
        bottom: 0;
        top: inherit;
        text-align: center;
    }
    .autsorce-contact-yellow-section{
        padding-bottom: 470px;
    }
    .autsorce-links-wrapper-2{
        height: 200px;
    }
    .autsorce-textblock-3-right-wrapper, .autsorce-textblock-3-left-wrapper, .autsorce-contact-yellow-left-wrapper, .autsorce-yello-img-wrapper, .autsorce-why-title-wrapper, .autsorce-textblock-left-wrapper, .autsorce-textblock-right-wrapper, .autsorce-features-green-left-wrapper, .autsorce-features-green-right-wrapper{
        width: 100%;
    }
    .autsorce-textblock-section{
        padding-bottom: 80px;
        padding-top: 80px;
    }
    .autsorce-features-green-section{
        padding-bottom: 250px;
    }
    .title-main, h2.main-title-2{
        font-size: 35px;
    }
    .vacancy-yello-img-wrapper img{
        top: 150px;
    }
    .onovo-prev, .onovo-next, .pager .onovo-prev, .pager .onovo-next{
        width: 57px;
        height: 57px;
    }
    .onovo-title-2 span{
        font-size: 35px;
    }
    .vacancy-green-section-right-wrapper, .vacancy-white-left-wrapper, .vacancy-white-right-wrapper, .vacancy-green-section-text-wrapper, .vacancy-yellow-left-wrapper, .vacancy-yellow-img-wrapper{
        width: 100%;
    }
    .vacancy-white-right-wrapper{
        text-align: center;
        margin-top: 30px;
    }
    .vacancy-white-section{
        margin-top: 0;
    }
    .vacancy-services-wrapper{
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .vacancy-yellow-left-wrapper{

    }
    .vacancy-yellow-img-wrapper{
        text-align: center;
        bottom: 0;
        top: inherit;
    }
    .vacancy-yellow-contact-wrapper {
        padding-bottom: 550px;
    }
    .footer-menu-2, .footer-contact{
        transform: translateY(-35px);
    }
    .footer-main-wrapper{
padding-bottom: 30px;
    }
    .footer-logo{
        width: 150%;
        padding-left: 40px;
        padding-bottom: 30px;
    }
    .feature-wrapper{
        margin: 0 auto;
        width: 100%;
        padding-left: 0;
    }
    .vacancy-green-section{
        margin: 0 auto;
    }
    .feature-left-wrapper{
        padding-left: 0;
    }
    .vacancy-green-section-text-wrapper, .vacancy-green-section-right-wrapper{
        padding-left: 0;
    }
    .onovo-services-list, h2.main-title-2, .onovo-heading{
        padding-left: 10px;
    }
    .header-button-tel{
        transform: translateX(-10px);
    }
    .archive-vacancy-text{
        font-size: 18px;
    }
    .archive-vacancy-section{
        padding-bottom: 0;
    }
    .archive-vacancy-features-left-wrapper, .main-features-left-wrapper{
        margin-bottom: 50px;
    }
    .archive-vacancy-features-right-wrapper,.yello-img-wrapper, .main-features-right-wrapper, .main-feature-wrapper-left-bottom{
        width: 100%;
    }
    .archive-vacancy-yellow-text-wrapper, .main-yellow-text-wrapper, .main-feature-wrapper-right-bottom{
        width: 100%;
    }
    .yello-img-wrapper{
        height: 50px;
    }
    .yello-img-wrapper img{
        top: -330px;
        transform: scale(.7);
    }
    .feature-wrapper-bottom{
        padding-left: 15px;
    }
    h2{
        line-height: 52px;
    }
    .why-card{
        margin-bottom: 0;
    }
    .why-title-bottom{
        margin-top: 30px;
    }
    .card-wrapper{
        width: 50%;
        margin-bottom: 30px;
    }
    .butn-scq{
        right: 40px;
        bottom: 10px;
    }
    .card-wrapper .num{
        bottom: 15px;
        left: 12px;
    }
    .main-section-title{
        text-align: left;
        padding-left: 30px;
        line-height: 55px;
    }
    .main-banner-btn-wrapper{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .main-banner-btn-wrapper a{
        width: 90%;
    }
    .persons-feature-left-wrapper{
        margin-bottom: 50px;
    }
    .banner-btn-wrapper .butn-green{
        display: block;
        width: 80%;
    }
    .butn-trans-correction{
        padding: 15px 30px;
    }
    .butn-green-correction{
        margin-bottom: 15px !important;
    }
    .persons-feature-right-wrapper{
        width: 100%;
    }
    .persons-links-img-wrapper-1{
        padding-bottom: 50px;
    }
    .pricing-yello-img-wrapper img{
        top: inherit;
    }

}

@media  screen and (max-width: 765px) {
    .why-section-img{
        transform: scale(.7);
        top: 650px;
        left: -150px;

    }
    .why-section-right-wrapper-top{
        padding-bottom: 250px;
    }
    .pesons-pricing-yello-img-wrapper{
        padding-bottom: 300px;
    }
    .pesons-pricing-yello-img-wrapper{
        transform: scale(.6);
    }
    .persons-main-banner-section{
        height: 100%;
    }
    .banner-btn-wrapper .butn-green{
        width: 100%;

    }
    .persons-links-img-wrapper-1{
        padding-top: 40px;
    }
    .persons-links-img-wrapper-1, .persons-links-img-wrapper-3{
        padding-left: 50px;
        padding-bottom: 0;
        text-align: left !important;
    }
    .persons-links-img-wrapper-2, .persons-links-img-wrapper-4{
        text-align: right;
        padding-right: 50px;
    }
    .banner-features-wrapper {
        margin-bottom: 60px;
    }
}
@media  screen and (max-width: 751px) {
    .why-section-img {
        top: 700px;
    }

}
@media  screen and (max-width: 698px) {
    .why-section-img {
        top: 750px;
    }
    .small-card-wrapper{
        width: 90%;
    }
    .price-left-wrapper{
        padding-left: 30px;
    }
    .services-wrapper{
        padding-left: 30px;
    }
}
@media  screen and (max-width: 590px) {
    .why-section-img {
        transform: scale(.6);
        top: 790px;
        left: -150px;

    }
}
@media screen and (max-width: 576px){
    .autsorce-banner-section{
        height: 100%;
    }
    .autsorce-banner-container{
        padding-top: 100px;
    }
    .autsorce-links-row{
        margin: 0 auto;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 60px;
    }
    .autsorce-links-wrapper-5, .autsorce-links-wrapper-1, .autsorce-links-wrapper-3 .autsorce-links-img-wrapper-3{
        text-align: left !important;
    }
    .autsorce-links-wrapper-2{
        justify-content: flex-end;
        height: inherit;
    }
    .autsorce-links-wrapper-4{
        text-align: right;
    }
    .autsorce-service-img-center div .image{
        top: 0;
    }
}
@media  screen and (max-width: 562px) {
    .why-section-img {
        transform: scale(.6);
        top: 820px;
        left: -150px;

    }
    .banner-btn-wrapper{
        padding-bottom: 40px;
    }
}
@media  screen and (max-width: 522px) {
    .why-section-img {
        transform: scale(.6);
        top: 880px;
        left: -150px;

    }
}
@media  screen and (max-width: 512px) {
    .why-section-img {
        transform: scale(.6);
        top: 950px;
        left: -150px;

    }
}
@media  screen and (max-width: 484px) {
    .why-section-img {
        transform: scale(.6);
        top: 720px;
        left: -150px;
    }
    .onovo-title-2 span, h2.main-title-2{
        font-size: 30px;
        line-height: 40px;
    }
    .title-main, h2, .title-upper {
        line-height: 50px;
        font-size: 35px;
    }
    .top-prodaj-card-wrapper{
        width: 100%;
    }
    .round-section{
        padding-left: 0;
    }
    .onovo-title-2 span{
        font-size: 25px;
    }
    .price-left-wrapper{
        padding-left: 15px;
        padding-top: 20px;
    }
    .butn-green{
        width: 80%;
    }
    .banner-btn-wrapper{
        text-align: center;
        padding-bottom: 0;
        padding-top: 20px;
    }
    .feature-img{
        text-align: center;
        width: 100%;
        margin-top: 20px;
    }

    .why-section-right-wrapper-top{
        width: 100%;
        padding-bottom: 160px;
        padding-top: 30px;
    }
    .feature-img-wrapper{
        width: 100%;
        margin-top: 15px;
    }
    .feature-left-wrapper{
        width: 100%;
        padding-left: 15px;
    }
    .why-section-left-wrapper-top{
        width: 100%;
    }
    .services-wrapper{
        padding-left: 15px;
    }
    .onovo-service-item-list .num{
        vertical-align: baseline ;
    }
    .feature-right-wrapper{
        padding-left: 15px !important;
        width: 100%;
    }
    .call-contact-left-wrapper{
        padding-top: 30px;
    }
    .banner-img-wrapper{
        padding-top: 50px;
    }
}
@media  screen and (max-width: 456px) {
    .why-section-img {
        transform: scale(.6);
        top: 730px;
        left: -150px;
    }
}
@media  screen and (max-width: 440px) {
    .why-section-img {
        transform: scale(.6);
        top: 750px;
        left: -150px;
    }
}
@media  screen and (max-width: 431px) {

    .main-features-right-wrapper, .main-feature-wrapper-right-bottom, .main-feature-wrapper-left-bottom{
        padding-left: 0;
    }
    .main-banner-btn-wrapper{
        padding-bottom: 30px;
    }
    .vacancy-white-section {
        padding-bottom: 5px;
    }
    .feature-left-wrapper{
        padding-left: 0;
    }
    .vacancy-white-left-wrapper{
        padding-left: 0;
    }
    .text-23-long{
        white-space: normal !important;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .autsorce-textblock-section-2{
        padding-top: 20px;
    }
    .autsorce-contact-yellow-section{
        padding-bottom: 270px;
    }
    .autsorce-links-row{
        padding-right: 10px;
        padding-left: 10px;
    }
    .vacancy-banner-wrapper{
        height: 100%;
    }
    .vacancy-banner-row-1{
        width: 100%;
    }

    .vacancy-banner-title{
        text-align: left;
    }
    .why-section-img {
        transform: scale(.65);
        top: 800px;
        left: -150px;
    }
    .vacancy-banner-text{
        white-space: normal;
        line-height: 40px;
    }
    .vacancy-banner-right{
        margin-top: 0;
    }
    .vacancy-yellow-section{
        padding-bottom: 90px;
    }
    .vacancy-yellow-wrapper{
        padding-bottom: 150px;
    }
    .vacancy-yello-img-wrapper img{
        top: 270px;
        left: 0;
    }
    .vacancy-green-section{
        margin-top: 50px;
    }
    h2.main-title-2{
        padding-left: 0;
    }
    .vacancy-yellow-contact-wrapper{
        padding-bottom: 320px;
    }
    .footer-logo{
        width: 80%;
        padding-left: 0;
    }
    .offset-lg-1{
        margin-left: 5px;
    }
    .onovo-logo-image{
        max-width: 250px !important;
        transform: translateX(30px);
    }
    .onovo-logo-image img{
        transform: scale(1.5);
    }
    .text-23{
        font-size: 18px;
        line-height: 35px;
    }
    .banner-img-wrapper{
        text-align: center;
    }
    .vacancy-banner-row-1{
        margin: 0 auto;
        margin-top: 100px;
    }
    .card-wrapper{
        width: 100%;
    }
    .butn-scq{
        right: 50px;
    }
    .card-wrapper .num{
        left: 20px;
    }
    .yello-img-wrapper{
        height: 200px;
    }
    .yello-img-wrapper img{
        top: -100px;
    }
    .archive-vacancy-yellow-section{
        margin-top: 60px;
    }
    .cform{
        margin-top: 30px;
    }
    .persons-links-full-wrapper{
        padding-top: 50px;

    }
    .persons-main-banner-section{
        height: 100%;
    }
    .banner-btn-wrapper .butn-green{
        width: 100%;
    }
    .persons-links-img-wrapper-1, .persons-links-img-wrapper-3{
        padding-left: 20px;
        padding-bottom: 0;
        text-align: left !important;
    }
    .persons-links-img-wrapper-2, .persons-links-img-wrapper-4{
        text-align: right;
        padding-right: 20px;
    }
    .banner-features-wrapper{
        margin-bottom: 60px;
    }
    .pesons-pricing-yello-img-wrapper{
        padding-bottom: 300px;
    }
    .pricing-yello-wrapper button{
        width: 100%;
    }
    .persons-pricing-yellow-features-wrapper{
        margin-top: 40px !important;
    }
    .onovo-service-item-list .image{
        margin-bottom: 0;
    }
    .persons-service-img-center div .image{
        top: -10px;
    }
}
@media  screen and (max-width: 414px) {
    .why-section-img {
        transform: scale(.65);
        top: 810px;
        left: -150px;
    }
}
@media  screen and (max-width: 413px) {
    .autsorce-textblock-section-2{
        padding-top: 20px;
    }
    .autsorce-contact-yellow-section{
        padding-bottom: 270px;
    }
    .autsorce-links-row{
        padding-right: 10px;
        padding-left: 10px;
    }
    .why-section-img {
        transform: scale(.65);
        top: 840px;
        left: -130px;
    }
    .yello-img-wrapper{
        height: 150px;
    }
    .yello-img-wrapper img{
        top: -120px;
    }
    .onovo-service-item-list .title{
        width: 100%;
    }
    .title span, h2{
        line-height: 35px;
    }
    .feature-img-wrapper{
        margin-top: 30px;
    }
    .card-wrapper{
        width: 100%;
    }
    .banner-btn-wrapper .butn-green{
        width: 100%;
    }
}
@media  screen and (max-width: 400px) {
    .why-section-img {
        transform: scale(.7);
        top: 850px;
        left: -130px;
    }
}
@media  screen and (max-width: 393px) {
    .sborshik-num .num, .onovo-service-item-list .num{
        vertical-align: top;
    }
    .autsorce-feature-img-wrapper{
        left: 0;
        bottom: -30px;
    }
    .autsorce-links-row, .autsorce-links-full-wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    .why-section-img {
        transform: scale(.7);
        top: 910px;
        left: -90px;
    }
    .title-main, h2, .title-upper{
        font-size: 30px;
        line-height: 45px;
    }
    .why-wrapper div{
        padding-left: 10px;
    }
    .main-yellow-text-wrapper, .archive-vacancy-yellow-text-wrapper{
        padding-left: 25px;
    }
}
@media  screen and (max-width: 387px) {
    .why-section-img {
        transform: scale(.7);
        top: 910px;
        left: -90px;
    }

}
@media  screen and (max-width: 380px) {
.why-section-img {
    transform: scale(.7);
    top: 920px;
    left: -90px;
}
    .vacancy-yello-img-wrapper img{
        top: 300px;
    }
}
@media  screen and (max-width: 374px) {
    .why-section-img {
        display: none;
    }
    .why-section-right-wrapper-top{
        padding-bottom: 60px;
    }
    .text-23{
        font-size: 12px;
    }
}