@media (max-width:1880px) {
    #mobile2 {
        margin-right: calc(3% + 0px);
        width: 220px;
        height: 460px;
    }


    .sticky-scrool .img-wraper#iPad-mockup {
        width: 831px;
        height: 646px;
        margin-right: calc(4% + 14px);
    }

    #ipad2 {
        margin-left: 300px;
    }
}

@media (max-width:1780px) {
    .sticky-scrool .img-wraper#mockup4 {
        --top: 110px;
    }

    .filters.active ul,
    .product-section .custom-container {
        padding: 0px 20px;
    }
}

@media (max-width:1680px) {
    #mockup2 {
        width: 990px;
        top: 920px;
    }

    .sticky-scrool .img-wraper#mobile {
        width: 220px;
        height: 440px;
        margin-left: 6%;
    }

    .sticky-scrool .img-wraper#ipad {
        width: 758px;
        max-height: 563px;
        margin-top: 55px;
        display: block;
        height: 100%;
    }

    .sticky-scrool .img-wraper#iPad-mockup {
        width: 740px;
        height: 580px;
    }

    .why-us .custom-container,
    .our-projects .custom-container,
    .brand-section .custom-container {
        max-width: 1341px;
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        width: 614px;
        height: 477px;
        top: 250px;
    }
}

@media (max-width:1600px) {
    .brand-section #slick-slide05 p {
        position: relative;
        top: 3px;
    }

    .brand-section #slick-slide05 .flex {
        top: 4px;
        position: relative;
    }

    .product-section .box {
        width: calc(100% / 3 - 20px);
    }

    .product-section .custom-row {
        column-gap: 30px;
    }

    .filters ul li {
        font: bold 26px/37px var(--fura-bold);
    }

    .product-section h2 {
        font: 400 22px/32px var(--sans);
        margin-bottom: 44px;
    }

    .why-us .box p {
        font: 400 18px/27px var(--sans);
    }

    .branding-company .content .see-btn {
        gap: 18px;
        font: 300 26px/36px var(--sans);
    }

    .branding-company p {
        font: 400 18px/27px var(--sans);
        margin-bottom: 18px;
    }

    .branding-company h2 {
        font: bold 80px/116px var(--fura-bold);
        gap: 20px;
    }

    .logo-container h2 {
        font: bold 80px/91px var(--fura-bold);
        gap: 25px;
    }

    .aim-ready .content-left h3 {
        font: bold 80px/108px var(--fura-bold);
        gap: 17px;
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        top: 1495px;
    }

    .brand-section .content .draggable {
        max-width: 1000px;
    }

    .home-banner {
        height: 800px;
    }

    .brand-section .content .slide p {
        font: 400 18px/27px var(--sans);
    }

    .brand-section .content .slide .flex h3 {
        font: bold 80px/82px var(--fura-bold);
    }

    .custom-container {
        padding: 0px 20px;
    }

    .aim-wraper .content-left {
        width: 70%;
        padding-right: calc(4% - 0px);
    }

    .aim-wraper .content-left h3 {
        font: bold 88px/122px var(--fura-bold);
    }

    .sticky-scrool .img-wraper#mockup3 {
        width: 861px;
        height: 100%;
        max-height: 596px;
        display: block;
    }

    #mockup2 {
        width: 920px;
    }
}

@media (max-width:1500px) {
    .sticky-scrool .img-wraper#mockup4 {
        height: 400px;
        width: 200px;
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        width: 560px;
        height: 440px;
    }

    .sticky-scrool .img-wraper#iPad-mockup {
        width: 700px;
        height: 520px;
    }

    #ipad2 {
        width: 360px;
        height: 480px;
    }

    .sticky-scrool .img-wraper#iPad-mockup {
        --top: 180px;
    }

    #mobile2 {
        --top: 130px;
    }

    .filters ul li {
        font: bold 22px/37px var(--fura-bold);
    }

    .product-section .box .img-wraper {
        height: 400px;
    }

    .our-projects h3 {
        font: bold 24px/30px var(--fura-bold);
    }

    .our-projects .slide {
        width: 380px;
    }

    /*.our-projects .slide .img-wraper {*/
        /*height: 320px;*/
    /*}*/

    .contact-form .contact-list a {
        font: 500 18px/28px var(--fura-medium);
    }

    .aim-ready .content-right p {
        font: 400 27px/36px var(--sans);
    }

    .aim-ready .content-right {
        height: 303px;
        margin-top: 122px;
    }

    .aim-ready .content-left {
        height: 340px;
    }

    .aim-wraper .content-right a {
        gap: 16px;
        font: 400 26px/34px var(--sans);
    }

    .aim-wraper .content-right {
        height: 260px;
    }

    .aim-wraper .content-left h3 {
        font: bold 74px/101px var(--fura-bold);
        gap: 16px;
    }

    .aim-wraper .content-left {
        height: 320px;
    }


    .brand-section .content {
        padding-bottom: 105px;
    }


    .home-banner {
        height: 100vh;
    }

    .aim-higer .content-left {
        height: 370px;
    }

    .aim-higer .content-right:after {
        left: -500px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .main-content {
        padding: 0px;
    }

    .why-us .custom-container,
    .our-projects .custom-container,
    .brand-section .custom-container {
        max-width: 1341px;
    }
}

@media (max-width:1400px) {
    .brand-section #slick-slide05 p {
        top: 0px;
    }

    .brand-section #slick-slide05 .flex {
        top: 0px;
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        margin-top: 180px;
        top: 236px;
    }

    .sticky-scrool .img-wraper#mobile {
        width: 200px;
        height: 400px;
    }

    .sticky-scrool .img-wraper#ipad {
        width: 720px;
        max-height: 540px;
        margin-right: calc(8% + 14px);
    }

    #ipad2 {
        width: 340px;
        height: 460px;
    }

    #mockup2 {
        width: 840px;
    }

    #mobile2 {
        width: 200px;
        height: 400px;
    }

    .sticky-scrool .img-wraper#iPad-mockup {
        width: 620px;
        height: 460px;
    }

    .filters ul li {
        font: bold 20px/30px var(--fura-bold);
    }

    .product-section h2 {
        font: 400 20px/30px var(--sans);
    }

    .home-banner {
        height: 100vh;
    }

    .brand-section {
        padding-top: 61px;
    }

    .brand-section .slick-dotted.slick-slider {
        padding-top: 85px;
    }

    .brand-section .content .slide .flex h3 {
        font: bold 70px/82px var(--fura-bold);
    }

    .brand-section .content .slide .flex img {
        max-width: 60px;
    }

    .brand-section .content .slide p {
        font: 400 16px/27px var(--sans);
    }

    .brand-section .competence {
        font: 400 18px/23px var(--sans);
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        width: 700px;
        top: 1360px;
        height: 560px;
        left: -100px;
    }

    .branding-company p {
        font: 400 16px/27px var(--sans);
        margin-bottom: 10px;
    }

    .branding-company h2 {
        font: bold 70px/100px var(--fura-bold);
        gap: 14px;
    }

    .branding-company .content .see-btn {
        gap: 12px;
        font: 300 20px/36px var(--sans);
    }

    .why-us .box p {
        font: 400 16px/24px var(--sans);
    }

    .logo-container h2 {
        font: bold 70px/86px var(--fura-bold);
        gap: 18px;
    }

    .aim-ready .content-left h3 {
        font: bold 70px/100px var(--fura-bold);
        gap: 10px;
    }

    .why-us .custom-container,
    .our-projects .custom-container,
    .brand-section .custom-container {
        max-width: 1141px;
    }
}

@media (max-width:1300px) {
    .sticky-scrool .img-wraper#mockup3 {
        width: 720px;
        max-height: 520px;
        margin-top: 100px;
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        width: 502px;
        height: 410px;
    }

    .sticky-scrool .img-wraper#ipad {
        width: 660px;
        max-height: 480px;
    }

    .sticky-scrool .img-wraper#mobile {
        width: 180px;
        height: 360px;
    }

    #mobile2 {
        width: 170px;
        height: 340px;
    }

    #ipad2 {
        width: 310px;
        height: 420px;
    }

    #mockup2 {
        width: 790px;
        top: 820px;
    }

    .sticky-scrool .img-wraper#iPad-mockup {
        width: 540px;
        height: 400px;
    }
}

@media (max-width:1200px) {
    #mockup2 {
        width: 736px;
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        width: 460px;
        height: 360px;
        --top: 200px;
        top: 136px;
    }

    .filters.active {
        top: 95px;
    }

    .brand-section .content .slide .flex h3 {
        font: bold 60px/80px var(--fura-bold);
    }

    .aim-wraper .content-left h3 {
        font: bold 66px/88px var(--fura-bold);
        gap: 14px;
    }

    .aim-wraper .content-left {
        height: 260px;
    }

    .aim-wraper .content-right {
        height: 237px;
        margin-top: 80px;
        padding-left: 28px;
        padding-bottom: 56px;
    }

    .our-projects .slide {
        width: 340px;
        margin-right: 16px;
    }

    .our-projects {
        padding-top: 40px;
    }

    .aim-higer {
        margin-top: 70px;
    }

    .aim-higer .content-left {
        height: 300px;
        margin-top: 74px;
    }

    .branding-company {
        padding-top: 40px;
    }

    .why-us h2 {
        font: bold 28px/38px var(--fura-bold);
        margin-bottom: 26px;
        gap: 9px;
    }

    .why-us .custom-row {
        column-gap: 20px;
        row-gap: 50px;
    }

    .logo-container {
        padding-top: 40px;
    }

    .why-us .icon {
        width: 83px;
        height: 83px;
    }

    .aim-ready {
        margin-top: 66px;
    }

    .aim-ready .content-left {
        height: 300px;
    }

    .aim-ready .content-left h3 {
        font: bold 60px/80px var(--fura-bold);
    }

    .aim-ready .content-right {
        height: 280px;
        margin-top: 60px;
        padding-left: 30px;
        padding-bottom: 40px;
    }

    .aim-ready .content-right p {
        font: 400 20px/30px var(--sans);
    }

    .contact-form .column-6 {
        width: 38%;
    }

    .contact-form .form {
        width: 62%;
    }

    .main-content {
        padding-top: 95px;
    }
}

@media (max-width:1100px) {
    .sticky-scrool .img-wraper#mockup4 {
        height: 358px;
        width: 169px;
        top: 160px;
        margin-top: 0px;
    }

    .sticky-scrool .img-wraper#mockup3 {
        width: 620px;
        max-height: 460px;
        margin-top: 50px;
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        width: 420px;
        height: 324px;
        top: 100px;
    }

    .sticky-scrool .img-wraper#iPad-mockup {
        width: 440px;
        height: 360px;
    }

    #mockup2 {
        width: 720px;
        top: 758px;
    }

    #ipad2 {
        width: 280px;
        height: 360px;
        margin-right: 40px;
    }

    .sticky-scrool .img-wraper#mobile {
        width: 160px;
        height: 310px;
    }

    .sticky-scrool .img-wraper#ipad {
        width: 600px;
        max-height: 440px;
    }

    .filters ul li:after {
        left: -6px;
        width: 8px;
        height: 8px;
    }

    .filters ul {
        gap: 21px;
        margin-bottom: 40px;
    }

    .product-section .box {
        width: calc(100% / 2 - 15px);
    }

    .contact-form .contact-list {
        margin-right: 20px;
    }

    .contact-form .column-6 {
        padding-right: 0px;
    }
}

@media (max-width:1000px) {
    .sticky-scrool .img-wraper#mockup4 {
        height: 280px;
        width: 144px;
        top: 103px;
    }

    .sticky-scrool .img-wraper#mockup3 {
        width: 580px;
        max-height: 420px;
        margin-top: 0px;
    }

    #mockup2 {
        width: 666px;
        top: 686px;
    }

    .sticky-scrool .img-wraper#ipad {
        width: 480px;
        max-height: 380px;
    }


    .why-us .box {
        width: calc(100% / 2 - 36px);
        gap: 20px;
    }

    .logo-container h2 {
        font: bold 40px/56px var(--fura-bold);
        gap: 12px;
    }

    .aim-ready .content-left h3 {
        font: bold 40px/61px var(--fura-bold);
    }

    .aim-ready .content-left {
        height: 200px;
    }

    .aim-ready .content-right {
        height: 176px;
    }

    .branding-company h2 {
        font: bold 40px/69px var(--fura-bold);
        gap: 10px;
    }

    .aim-wraper .content-left h3 {
        font: bold 40px/66px var(--fura-bold);
    }

    .aim-wraper .content-left {
        height: 200px;
    }

    .aim-wraper .content-right {
        height: 188px;
        margin-top: 56px;
        padding-left: 23px;
        padding-bottom: 47px;
    }

    .aim-wraper .content-right a {
        font: 400 21px/34px var(--sans);
    }
}

@media (max-width:920px) {
    .sticky-scrool .img-wraper#mockup4 {
        height: 220px;
        width: 120px;
        top: 60px;
        display: block;
        --top: 170px;
    }

    .sticky-scrool .img-wraper#mockup3 {
        width: 520px;
        max-height: 360px;
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        width: 350px;
        height: 280px;
        top: 12px;
    }

    .sticky-scrool .img-wraper#iPad-mockup {
        width: 360px;
        height: 300px;
        --top: 100px;
    }

    #mockup2 {
        width: 618px;
        top: 590px;
        display: block;
        min-height: auto;
        height: 320px;
    }

    #ipad2 {
        width: 220px;
        height: 260px;
    }

    #mobile2 {
        width: 120px;
        display: block;
        height: 221px;
    }

    .sticky-scrool .img-wraper#mobile {
        width: 120px;
        height: 220px;
        margin-right: 11%;
    }

    .sticky-scrool .img-wraper#ipad {
        width: 400px;
        max-height: 320px;
    }



    .filters {
        margin-right: -20px;
    }

    .filters ul li {
        font: bold 17px/24px var(--fura-bold);
        white-space: nowrap;
    }

    .filters {
        overflow: auto;
    }

    .filters::-webkit-scrollbar {
        height: 0px;
    }

    .filters.active {
        padding: 14px 0px;
        top: 78px;
    }

    .product-section .box .img-wraper {
        height: 332px;
    }

    .main-content {
        padding-top: 82px;
    }

    .contact-form .form {
        width: 100%;
        flex-direction: column;
        gap: 0px;
    }

    .contact-form .custom-row {
        flex-direction: column;
    }

    .brand-section :is(.slick-prev, .slick-next):after {
        width: 35px;
        height: 16px;
        background-size: contain;
    }

    .home-banner {
        height: 667px;
    }

    .sticky-scrool .img-wraper#mockup4 {
        width: 140px;
    }

    .brand-section .content .slide .flex h3 {
        font: bold 40px/60px var(--fura-bold);
    }

    .brand-section .slick-prev {
        transform: rotate(180deg) translate(74px, 4px);
    }

    .brand-section .competence {
        font: 400 17px/23px var(--sans);
    }

    .contact-form .form h3 {
        writing-mode: unset;
        transform: rotate(0deg);
        font: bold 36px/38px var(--fura-bold);
        margin-top: 0px;
        margin-bottom: 20px;
        text-align: center;
    }

    .aim-higer .content-right:after {
        left: -282px;
    }

    .aim-ready {
        margin-top: 76px;
    }

    .header nav ul li a:focus,
    .header nav ul li a:hover {
        transform: scale(1.8);
    }

    .contact-form .column-6 {
        width: 100%;
        align-items: flex-start;
        padding: 0px;
        margin-bottom: 14px;
        padding-right: 58px;
    }

    .contact-form .contact-list a {
        margin-bottom: 30px;
        max-width: 233px;
    }

    .contact-form .contact-list a:after {
        max-width: 46px;
        height: 46px;
    }

    .contact-form .form .wpcf7-not-valid-tip {
        font-size: 12px;
        position: absolute;
        bottom: -50px;
        left: 22px;
    }

    .contact-form .input.wpcf7-not-valid {
        margin-bottom: 24px;
    }

    .contact-form .input.wpcf7-not-valid+span {
        bottom: -53px;
    }
}

@media (max-width:768px) {
    #ipad2 {
        width: 180px;
        height: 240px;
    }

    .sticky-scrool .img-wraper#mockup3 {
        width: 400px;
        max-height: 280px;
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        width: 300px;
        height: 240px;
    }

    .sticky-scrool .img-wraper#iPad-mockup {
        width: 310px;
        height: 240px;
    }

    #mockup2 {
        width: 544px;
        height: 280px;
    }

    .sticky-scrool .img-wraper#ipad {
        width: 360px;
        max-height: 280px;
    }

    .logo-row .slick-slide {
        height: 40px;
    }

    .product-section .box {
        width: calc(100% / 2 - 10px);
    }

    .product-section .custom-row {
        column-gap: 20px;
    }
}

@media (max-width:680px) {
    .sticky-scrool .img-wraper#iPad-mockup2 {
        width: 270px;
        height: 200px;
    }

    .sticky-scrool .img-wraper#iPad-mockup {
        width: 260px;
        height: 215px;
        margin-top: 130px;
    }

    #mockup2 {
        width: 520px;
        height: 220px;
    }

    #ipad2 {
        width: 161px;
        height: 216px;
        margin-left: 100px;
    }

    #mobile2 {
        width: 100px;
        height: 180px;
    }

    .sticky-scrool .img-wraper#mockup3 {
        width: 360px;
    }

    .sticky-scrool .img-wraper#mobile {
        width: 100px;
        height: 180px;
        margin-left: 6%;
    }

    .sticky-scrool .img-wraper#ipad {
        width: 320px;
        max-height: 260px;
    }


    .why-us .box {
        width: calc(100% / 1 - 0px);
        gap: 15px;
    }

}

@media (max-width:580px) {
    .our-projects .slide .img-wraper .second {
        display: none;
    }

    .home-banner {
        height: 100vh;
    }

    .for-mobile {
        display: block;
    }

    .for-desktop {
        display: none;
    }

    .product-section h2 {
        font: 400 15px/20px var(--sans);
        margin-bottom: 17px;
    }

    footer .icons a:last-child {
        position: relative;
        top: -3px;
    }

    .brand-section .content .slide .flex h3 br {
        display: block;
    }

    .product-section .box .img-wraper .hover {
        display: none;
    }

    footer {
        padding: 19px 8px;
        flex-direction: column;
        gap: 28px;
    }

    .product-section .custom-row {
        row-gap: 25px;
    }

    .product-section .box p {
        font: 400 17px/23px var(--sans);
    }

    .product-section .box h3 {
        font: bold 17px/23px var(--fura-bold);
    }

    .product-section .box {
        width: calc(100% / 1 - 0px);
    }

    .why-us h2 {
        font: bold 32px/38px var(--fura-bold);
        margin-bottom: 30px;
        gap: 12px;
    }

    .why-us .custom-row {
        row-gap: 26px;
    }

    .why-us .box p {
        font: 400 15px/20px var(--sans);
    }

    .sticky-scrool .img-wraper {
        position: relative;
        transition: 0.4s ease;
    }

    .aim-wraper .content-left {
        height: 134px;
        width: 100%;
        padding: 10px;
        justify-content: center;
    }

    .aim-wraper .content-left h3 {
        font: bold 31px/44px var(--fura-bold);
        text-align: center;
    }

    .aim-wraper {
        padding-bottom: 51px;
    }

    .aim-wraper .content-right {
        height: 51px;
        position: absolute;
        padding-left: 24px;
        bottom: 0px;
        display: flex;
        right: 0px;
        justify-content: center;
        width: calc(100% - 122px);
        padding-bottom: 0px;
    }

    .aim-wraper .content-right:after {
        left: 0px;
    }

    .aim-wraper .content-right a {
        font: 300 17px/23px var(--sans);
        margin: 0px;
        white-space: nowrap;
    }

    .aim-wraper .content-right a img {
        max-width: 19px;
        height: 11px;
        margin-top: 4px;
    }

    .brand-section .content .slide p {
        font: 400 15px/20px var(--sans);
    }

    .brand-section .content {
        padding-bottom: 67px;
    }

    .brand-section .slick-dotted.slick-slider {
        margin: 0px;
        padding-top: 102px;
    }

    .brand-section .content .slide .flex img {
        max-width: 57px;
    }

    .home-banner .icons,
    .home-banner .tel {
        display: none;
    }

    /*.home-banner {*/
    /*height: 100vh;*/
    /*}*/

    .home-banner .scrool-down {
        font: bold 12px/25px var(--fura-bold);
        bottom: 26px;
        word-spacing: 8px;
        margin: auto;
    }

    .brand-section .content .slide .flex h3 {
        font: bold 29px/32px var(--fura-bold);
        text-transform: capitalize;
        max-width: 262px;
    }

    .brand-section .content .slide .flex {
        gap: 18px;
        margin-bottom: 20px;
        align-items: end;
    }

    .our-projects .slide .img-wraper {
        /*height: 212px;*/
        margin-bottom: 4px;
    }

    .our-projects .slide {
        margin-right: 19px;
        width: 268px;
    }

    .our-projects h3 {
        font: bold 28px/36px var(--fura-bold);
    }

    .our-projects .see-btn {
        gap: 8px;
        font: 300 17px/23px var(--sans);
    }

    .our-projects .slick-slider {
        padding-top: 0px;
    }

    .our-projects h2 {
        font: bold 31px/50px var(--fura-bold);
        margin-bottom: 12px;
        text-align: center;
    }

    .our-projects {
        padding-top: 56px;
    }

    .aim-higer .content-left {
        height: 158px;
        width: calc(100% - 0px);
        margin-top: 36px;
    }

    .aim-higer .content-left img {
        width: calc(100% - 106px);
    }

    .aim-higer .content-right {
        display: none;
    }

    .aim-higer .content-left:after {
        position: absolute;
        top: -36px;
        left: 0px;
        background-image: url("../images/strip-giraffe-mob.png");
        width: 100%;
        height: 115px;
        z-index: -1;
        background-position: right;
        content: '';
        background-repeat: no-repeat;
        transform: rotateY(180deg);
    }

    .aim-higer:after {
        height: 184px;
    }

    .branding-company h2 {
        font: bold 31px/48px var(--fura-bold);
        gap: 12px;
        margin-bottom: 11px;
    }

    .branding-company {
        padding-top: 61px;
    }

    .branding-company p {
        font: 400 15px/20px var(--sans);
        margin-bottom: 14px;
    }

    .contact-form :is(.input, textarea)::placeholder {
        font-size: 18px;
    }

    .branding-company .content .see-btn {
        gap: 11px;
        font: 300 17px/23px var(--sans);
        margin-top: 13px;
    }

    .branding-company .content .see-btn img {
        max-width: 23px;
        height: 10px;
        margin-top: 4px;
    }

    .why-us {
        padding-top: 53px;
        padding-bottom: 59px;
    }

    .logo-container h2 {
        font: bold 31px/46px var(--fura-bold);
        justify-content: flex-start;
        padding-left: 20px;
        margin: 0;
    }

    .logo-row {
        opacity: 1;
        display: none;
        flex-wrap: wrap;
        margin: 0px 20px;
    }

    .logo-row:nth-child(2) {
        display: flex;
    }

    .logo-row .slide:nth-child(2),
    .logo-row .slide:nth-child(1) {
        border-top: 1px solid #e4e4e4;
    }

    .logo-row .slide {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        min-height: 86px;
    }

    .logo-row .slide:nth-child(even) {
        border-right: 1px solid #e4e4e4;
    }

    .sticky-scrool .img-wraper img {
        user-select: none;
    }

    .aim-ready .content-left {
        width: 100%;
        height: 134px;
        margin-bottom: 51px;
        padding: 0px 20%;
    }

    .aim-ready .content-right {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding-bottom: 0px;
        height: 51px;
        padding-right: 24px;
        width: calc(100% - 110px);
        display: flex;
        justify-content: center;
    }

    .aim-ready .content-right p {
        font: 300 17px/23px var(--sans);
        margin: 0;
    }

    .aim-ready .content-left h3 {
        font: bold 31px/40px var(--fura-bold);
        justify-content: center;
    }

    .aim-ready .content-right:after {
        right: 0px;
    }

    .contact-form :is(input, textarea)::placeholder {
        color: #bebcbd !important;
    }

    .contact-form .input,
    .contact-form textarea {
        padding: 12px 27px 12px 0px;
    }

    .logo-container {
        padding-top: 0px;
        padding-bottom: 76px;
        background-color: #f8f8f8;
    }

    .aim-ready {
        margin: 0;
    }

    .contact-form textarea {
        height: 215px;
    }

    .contact-form input[type="submit"] {
        width: 150px;
        background-color: #ffb52f;
        padding: 6px 0px 7px 0px;
        font-size: 27px;
        border-radius: 6px;
    }

    .contact-form {
        padding-bottom: 60px;
    }

    .home-banner .scrool-down span {
        font: bold 15px/25px var(--fura-bold);
    }



    footer .icons {
        order: 2;
        margin-bottom: -5px;
    }

    footer p {
        color: #ffffff;
        font: 500 16px/25px var(--fura-medium);
        order: 3;
    }

    footer .tel {
        font: bold 17px/22px var(--fura-bold);
        letter-spacing: 1.05px;
        color: var(--white);
        order: 1;
        margin-bottom: -3px;
    }

    .contact-form .wpcf7-spinner {
        position: absolute;
    }

    .page-template-template-home-new footer .icons svg,
    .page-template-template-projects footer .icons svg {
        width: 20px;
        height: 21px;
    }

    .filters ul {
        gap: 30px;
    }

    .filters ul li:after {
        left: -12px;
    }

    .page-template-template-projects .product-section {
        padding-bottom: 51px;
        padding-top: 60px;
    }

    .sticky-scrool .img-wraper#ipad {
        width: 238px;
        max-height: 180px;
        margin-right: 10px;
        order: 1;
    }

    .sticky-scrool .img-wraper#mobile {
        width: 90px;
        height: 160px;
        margin-right: 16px;
        margin-left: 19%;
        order: 2;
        --top: 100px;
        top: 300px !important;
    }

    #mobile2 {
        margin-right: 19px;
        order: 5;
        --top: 0px;
        width: 85px;
        height: 170px;
        top: 0px;
        margin-bottom: 0px;
    }

    #ipad2 {
        width: 206px;
        height: 267px;
        margin-left: 100px;
        order: 3;
        --top: 0px;
        margin-top: 50px;
        margin-right: 36px;
        margin-bottom: 46px;
    }

    #mockup2 {
        width: 462px;
        height: 266px;
        position: relative;
        top: 0px;
        right: auto;
        margin-right: 24px;
        order: 4;
        --top: 40px;
        margin-left: 30px;
        margin-top: 20px;
    }

    .sticky-scrool .img-wraper#iPad-mockup {
        order: 6;
        --top: 90px;
        margin-top: 90px;
        width: 250px;
        height: 190px;
        margin-right: 21px;
    }

    .sticky-scrool .img-wraper {
        display: block;
    }

    .sticky-scrool .img-wraper#iPad-mockup2 {
        order: 7;
        margin-right: 0px;
        width: 242px;
        height: 180px;
        --top: 50px;
        top: 0px;
        margin-top: 0px;
    }

    .sticky-scrool .img-wraper#mockup3 {
        order: 9;
        margin: auto !important;
        position: relative;
        max-width: 375px;
        --top: 20px;
        width: 100%;
        display: block;
    }

    .sticky-scrool .img-wraper#mockup4 {
        height: 175px;
        width: 87px;
        top: 0px;
        --top: 78px;
        order: 8;
        margin-top: 78px;
        margin-right: 29px;
    }

    .sticky-scrool {
        padding-bottom: 30px;
    }

}

@media (max-width: 480px) {
    .sticky-scrool .img-wraper#mockup3 {
        right: -10%;
    }

    .sticky-scrool .img-wraper#mobile {
        margin-left: calc(0% - 0px);
    }

}

@media (max-width: 370px) {
    .sticky-scrool .img-wraper#mockup3 {
        right: -14%;
    }
}