﻿.project-page{background-color:#faf8f5}.project-page .hero-section .container{max-width:1480px;margin:0 auto;padding:80px 20px 20px 20px}.project-page .hero-section .project-grid{display:flex;justify-content:end;align-items:end;height:450px;padding:40px 0;border-bottom:2px solid #ffbf00;position:relative}.project-page .hero-section .background-header{background-image:url(.././img/five-cubes.svg);background-repeat:no-repeat;background-size:43vw;background-position:0px -30px;width:100%;height:48vw;position:absolute;top:-3vw;left:-23vw}.project-page .hero-section .company-heading{font-size:104px;max-width:808px;line-height:104px;letter-spacing:-0.035em;text-align:right}.project-page .project_slider .container{max-width:1480px;margin:0 auto;padding:80px 20px 20px 20px}.project-page .project_slider .text-container p{font-weight:400;font-size:18px}.project-page .project_slider .slider{align-items:start;position:relative;padding-top:20px}.project-page .project_slider .slider .action__slider{z-index:10}.project-page .project_slider .slider .action__slider .swiper-pagination{text-align:left !important;top:0}.project-page .project_slider .slider .action__slider .button-icon{margin-top:25px;z-index:10}.project-page .project_slider .slider .action__slider .swiper-pagination-bullet{width:12px;height:12px;background-color:#c5cddb;border-radius:0;opacity:1;margin:0 7px}.project-page .project_slider .slider .action__slider .swiper-pagination-bullet-active{background-color:#ffbf00}.project-page .project_slider .slider .prev-slide{transform:rotate(180deg)}.project-page .project_slider .slider .card-content{margin-bottom:20px}.project-page .project_slider .wrapper{background-color:#975151;padding:1.5rem 3.5rem;display:flex;justify-content:center;align-items:center}.project-page .project_slider .background-image{background-image:url(".././img/project.png");width:100%;height:400px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s ease;cursor:pointer}.project-page .project_slider .background-image:hover{transform:scale(1.05)}.project-page .project_slider .projects__header{margin-top:40px}.project-page .project_slider .button-icon .disabled{color:#f1eee5;pointer-events:none}.project-page .project_slider .swiper-button-disabled svg{opacity:.2}.project-page .project-description .container{max-width:1480px;margin:0 auto;padding:0 20px 120px 20px;display:flex;gap:17rem;border-bottom:2px solid #ffbf00}.project-page .project-description .main{margin-top:20px;max-width:600px}.project-page .project-description .main,.project-page .project-description .sidebar{flex:1}.project-page .project-description h1{font-size:24px;font-weight:600;line-height:33.6px;letter-spacing:-0.02em;text-align:left;color:#0c1e34;max-width:600px}.project-page .project-description h2{font-size:1.25rem;margin-top:2rem;max-width:600px;margin-bottom:10px}.project-page .project-description p{margin-top:1rem;line-height:27px;text-align:left;color:#0c1e34;font-size:18px;font-weight:400;max-width:600px}.project-page .project-description ul{list-style:none;padding:0}.project-page .project-description ul li{margin-bottom:10px;position:relative;padding-left:28px}.project-page .project-description li::before{content:"■";color:#f4c000;margin-right:.5rem;position:absolute;left:0;top:0;width:20px;height:20px}.project-page .project-description .tag{display:inline-block;border:2px solid #e0cfb7;padding:8px 16px;margin:.4rem .4rem .4rem 0;font-size:20px;line-height:27px;text-align:left;font-weight:600}.project-page .project-description .sidebar .section{margin-bottom:1rem;color:#2b353f}.project-page .project-description .sidebar .section h2{font-size:24px;font-weight:600;line-height:56px;letter-spacing:-0.035em;text-align:left;color:#0c1e34;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0}.project-page .project-description .sidebar .section .tag{font-size:19px}.project-page .project-description .section{margin-bottom:2rem}.project-page .project-description .section h2{font-size:36px;font-weight:600;line-height:56px;letter-spacing:-0.035em;text-align:left;color:#0c1e34;pointer-events:none;-webkit-user-select:none;user-select:none}.project-page .project-description .section ul li{color:#2b353f;font-weight:400;font-size:18px;line-height:27px;text-align:left}.project-page .relevant-slider .projects{border-bottom:2px solid #ffbf00}.project-page .relevant-slider .container{max-width:1480px;margin:0 auto;padding:80px 20px 20px 20px}.project-page .relevant-slider .title h2{margin-bottom:20px}.project-page .relevant-slider .title p{max-width:590px;color:#2b353f;font-weight:400;font-size:18px;line-height:27px;text-align:left}.project-page .relevant-slider .flex{display:flex}.project-page .relevant-slider .text-container p{font-weight:400;font-size:18px}.project-page .relevant-slider .slider{align-items:end;position:relative;gap:0}.project-page .relevant-slider .slider .button-link{border:2px solid rgba(255,191,0,0);border-bottom:2px solid #ffbf00}.project-page .relevant-slider .slider .button-link:hover{border-bottom:2px solid #ffbf00;background-color:#ffbf00}.project-page .relevant-slider .slider .action__slider{z-index:10}.project-page .relevant-slider .slider .action__slider .swiper-pagination{text-align:left !important;top:0}.project-page .relevant-slider .slider .action__slider .button-icon{margin-top:25px;z-index:10}.project-page .relevant-slider .slider .action__slider .swiper-pagination-bullet{width:12px;height:12px;background-color:#c5cddb;border-radius:0;opacity:1;margin:0 7px}.project-page .relevant-slider .slider .action__slider .swiper-pagination-bullet-active{background-color:#ffbf00}.project-page .relevant-slider .slider .prev-slide{transform:rotate(180deg)}.project-page .relevant-slider .slider .card-content{margin-bottom:20px}.project-page .relevant-slider .wrapper{background-color:#975151;padding:1.5rem 3.5rem;display:flex;justify-content:center;align-items:center}.project-page .relevant-slider .background-image{background-image:url(".././img/project.png");width:100%;height:400px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s ease;cursor:pointer}.project-page .relevant-slider .background-image:hover{transform:scale(1.05)}.project-page .relevant-slider .swiper-slide p{font-size:22px;margin-top:40px;margin-bottom:120px}.project-page .relevant-slider .projects__header{margin-top:40px;margin-bottom:40px}.project-page .relevant-slider .button-icon .disabled{color:#f1eee5;pointer-events:none}.project-page .relevant-slider .swiper-button-disabled svg{opacity:.2}.project-page .project-contact .container{max-width:1480px;margin:0 auto;padding:0 20px 20px 20px}.project-page .project-contact .wrapper{display:flex;background:rgba(0,0,0,0);padding:120px 0 0;width:100%;background-color:#faf8f5;position:relative;margin-bottom:40px}.project-page .project-contact .wrapper .information{max-width:600px;width:100%;z-index:1}.project-page .project-contact .wrapper .information .description{display:flex;flex-direction:column;gap:17px}.project-page .project-contact .wrapper .information .description .list-options{display:flex;flex-direction:column;gap:15px}.project-page .project-contact .wrapper .information .description .list-options .text-option{padding:0}.project-page .project-contact .wrapper .information .description .list-options .list-container{display:flex;flex-direction:column;gap:10px}.project-page .project-contact .wrapper .information .description .list-options .list-item{display:flex;position:relative}.project-page .project-contact .wrapper .information .description .list-options .square{width:10px;height:10px;background-color:#ffbf00;padding-right:10px;margin-top:10px}.project-page .project-contact .wrapper .information .description .list-options p{padding-left:15px;color:#2b353f}.project-page .project-contact .wrapper .information .description .list-options .list-item:not(:last-child)::after{content:"";position:absolute;left:4px;top:24%;width:2px;height:117%;background-color:#ffbf00}.project-page .project-contact .wrapper .background{width:100%;height:100%;position:absolute;background:url(../img/double-cubes-small.svg) no-repeat;background-position:left bottom;background-size:100% 30%;left:-390px;top:40px;z-index:0}.project-page .project-contact .wrapper .form{padding-bottom:70px;z-index:10;width:100%}.project-page .project-contact .wrapper .form .wpcf7-list-item{margin:0;display:flex}.project-page .project-contact .wrapper .form .wpcf7-list-item input[type=checkbox]{position:relative;appearance:none;width:25px;height:25px;border:2px solid #ece6d5}.project-page .project-contact .wrapper .form .wpcf7-list-item input[type=checkbox]:checked:after{content:"";position:absolute;left:7px;top:2px;width:5px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg);z-index:20}.project-page .project-contact .wrapper .form .wpcf7-list-item label{display:flex}.project-page .project-contact .wrapper .form .wpcf7-list-item label .wpcf7-list-item-label{display:flex;margin-left:32px}.project-page .project-contact .wrapper .form .contact-form{position:relative;display:flex;flex-direction:column;justify-content:center;gap:35px;width:100%;z-index:10}.project-page .project-contact .wrapper .form .contact-form .spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(250,248,245,.6);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:11}.project-page .project-contact .wrapper .form .contact-form form{display:flex;padding-left:60px;flex-direction:column;justify-content:space-around;gap:17px}.project-page .project-contact .wrapper .form .contact-form form .form-group{display:flex;flex-direction:column;position:relative;margin-bottom:25px}.project-page .project-contact .wrapper .form .contact-form form .form-group label{margin-bottom:10px}.project-page .project-contact .wrapper .form .contact-form form .form-group label span{color:#4e5a67}.project-page .project-contact .wrapper .form .contact-form form .send-nda{display:flex;gap:16px}.project-page .project-contact .wrapper .form .contact-form form .send-nda input,.project-page .project-contact .wrapper .form .contact-form form .send-nda label{cursor:pointer}.project-page .project-contact .wrapper .form .contact-form form .form-check{flex-direction:row}.project-page .project-contact .wrapper .form .contact-form form .form-check input[type=checkbox]{position:relative;appearance:none;width:25px;height:25px;border:2px solid #ece6d5}.project-page .project-contact .wrapper .form .contact-form form .form-check input[type=checkbox]:checked{border:2px solid #e0cfb7}.project-page .project-contact .wrapper .form .contact-form form .form-check input:checked::after{content:"";position:absolute;left:7px;top:2px;width:5px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg);z-index:20}.project-page .project-contact .wrapper .form .contact-form form input{height:60px;background:#faf8f5;border:2px solid #ece6d5}.project-page .project-contact .wrapper .form .contact-form form input.wpcf7-submit{padding:16px 24px;background-color:#c4cdd8;border-color:rgba(0,0,0,0);width:fit-content;cursor:pointer;margin-top:33px;margin-bottom:43px;color:#0c1e34}.project-page .project-contact .wrapper .form .contact-form form input.wpcf7-submit.button-primary{border:2px solid #ffbf00;background-color:rgba(0,0,0,0)}.project-page .project-contact .wrapper .form .contact-form form input.wpcf7-submit.button-primary:hover{background-color:#ffbf00}.project-page .project-contact .wrapper .form .contact-form form input.wpcf7-text{padding-left:15px}.project-page .project-contact .wrapper .form .contact-form form input.wpcf7-text,.project-page .project-contact .wrapper .form .contact-form form textarea.wpcf7-textarea{width:100%;margin-top:6px;margin-bottom:25px}.project-page .project-contact .wrapper .form .contact-form form .is-invalid{border:2px solid #913636}.project-page .project-contact .wrapper .form .contact-form form input::placeholder{color:#c4cdd8}.project-page .project-contact .wrapper .form .contact-form form textarea{height:125px;padding-left:15px;padding-top:15px;background:#faf8f5;border:2px solid #ece6d5;resize:none}.project-page .project-contact .wrapper .form .contact-form form textarea::placeholder{color:#c4cdd8}.project-page .project-contact .wrapper .form .contact-form form textarea:focus,.project-page .project-contact .wrapper .form .contact-form form input:focus{outline:#e0cfb7;border:2px solid #e0cfb7}.project-page .project-contact .wrapper .form .contact-form .privacy-text{padding-left:60px}.project-page .project-contact .wrapper .form .contact-form .privacy-text p span{cursor:pointer}.project-page .project-contact .wrapper .form .contact-form .privacy-text p span:hover,.project-page .project-contact .wrapper .form .contact-form .privacy-text p span:focus{border-bottom:2px solid #ffbf00}.project-page .project-contact .wrapper .form .contact-form button{width:fit-content}.project-page .project-contact .wrapper .form .contact-form .invalid-feedback{color:#913636}.project-page .project-contact .wrapper .form .contact-form .invalid-feedback{position:absolute;top:90px}.project-page .project-contact .wrapper .form .contact-form .invalid-feedback.message{position:absolute;top:155px}.project-page .project-contact .wrapper .form .contact-form a{cursor:pointer;color:#0c1e34;font-family:Geologica,sans-serif;font-size:18px;font-weight:600}.project-page .project-contact .wrapper .form .contact-form a:hover{border-bottom:2px solid #ffbf00}@media screen and (max-width: 1345px){.project-page .project-contact .wrapper .form .contact-form form .form-group label{width:390px}}@media screen and (max-width: 1000px){.project-page .project-contact .wrapper .form .contact-form form,.project-page .project-contact .wrapper .form .contact-form .privacy-text{padding-left:0px}}@media screen and (max-width: 800px){.project-page .project-contact .wrapper .form .contact-form form{gap:18px}}@media screen and (max-width: 500px){.project-page .project-contact .wrapper .form .contact-form form{padding-left:0px}.project-page .project-contact .wrapper .form .contact-form form .form-group:nth-of-type(2){margin-bottom:20px}.project-page .project-contact .wrapper .form .contact-form .privacy-text{padding-left:0px}}@media screen and (max-width: 400px){.project-page .project-contact .wrapper .form .contact-form form{padding-left:0px}.project-page .project-contact .wrapper .form .contact-form form .form-group label{width:100%}.project-page .project-contact .wrapper .form .contact-form .privacy-text{padding-left:0px}}@media screen and (max-width: 1250px){.project-page .project-contact .wrapper .information{padding:0}}@media screen and (max-width: 1000px){.project-page .project-contact .wrapper{max-width:none;width:100%;padding:80px 0 120px 0;flex-direction:column;gap:30px}.project-page .project-contact .wrapper .information{max-width:100%;padding:0 40px 0 0}.project-page .project-contact .wrapper .information .description .list-options .options{max-width:600px}.project-page .project-contact .wrapper .background{width:100%;height:100%;position:absolute;background:url(../img/double-cubes-small.svg) no-repeat;background-position:left bottom;background-size:100% 15%;left:-80px;z-index:0}.project-page .project-contact .wrapper .form{padding-bottom:150px;width:100%;max-width:500px;z-index:10}}@media screen and (max-width: 800px){.project-page .project-contact .wrapper{gap:45px}.project-page .project-contact .wrapper .information .description{gap:17px}.project-page .project-contact .wrapper .information .description h2{margin:0 0 5px 0}.project-page .project-contact .wrapper .background{width:100%;height:100%;position:absolute;background:url(../img/double-cubes-small.svg) no-repeat;background-position:left bottom;left:-2px;top:190px;z-index:0}.project-page .project-contact .wrapper .form{padding-bottom:0px}.project-page .project-contact .list-options{width:500px}}@media screen and (max-width: 500px){.project-page .project-contact .wrapper{max-width:400px;width:100%;padding:80px 0 0;flex-direction:column;gap:30px;margin-bottom:0px}.project-page .project-contact .wrapper .information{width:100%;padding:0 40px 0 0}.project-page .project-contact .wrapper .information .description .list-options{display:none}.project-page .project-contact .wrapper .background{width:100%;height:100%;position:absolute;background:url(../img/double-cubes-small.svg) no-repeat;background-position:left bottom;left:0;top:0;z-index:0}.project-page .project-contact .wrapper .form{padding-bottom:200px;width:100%;z-index:10}}@media screen and (max-width: 1550px){.project-page .hero-section .background-header{background-repeat:no-repeat;background-size:630px;background-position:0px -30px;width:100%;height:500px;position:absolute;top:40px;left:-170px}}@media screen and (max-width: 1280px){.project-page .hero-section .right-content h2{font-size:70px;line-height:85px;max-width:700px;text-align:end}.project-page .project_slider .wrapper{padding:1rem}.project-page .project-contact .wrapper{margin-bottom:18px}}@media screen and (max-width: 1000px){.project-page .hero-section .background-header{background-size:500px;background-position:-190px 0px;height:360px;position:relative;top:0;left:-56px}.project-page .hero-section .container .project-grid{height:auto;padding:0 0 40px;flex-direction:row;display:flex;justify-content:end;align-items:end;border-bottom:2px solid #ffbf00;position:relative}.project-page .hero-section .container .project-grid .right-content{width:100%}.project-page .hero-section .container .project-grid .right-content .company-heading{position:relative;z-index:2}.project-page .hero-section .container .project-grid .right-content h2{font-size:48px;line-height:60px}.project-page .project_slider .wrapper{padding:20px 10px}.project-page .project_slider .background-image{height:300px}.project-page .project-description .container{gap:2rem}.home__main-view{flex-direction:column-reverse;align-items:flex-start;padding:270px 0 40px 0}.home__main-view .get-started .text{position:relative;z-index:2}.home__main-view .technology-cubes{right:-205px;top:-40px;background-size:770px;pointer-events:none}.home__main-view button{padding:16px}.home__services{flex-direction:column;padding:80px 0;gap:64px}.home__services .services__cube{display:none}.home__services__text{max-width:530px}.home__technologies{display:block;padding:80px 0}.home__technologies .technology{height:370px}.home__technologies .technology__text{max-width:530px}.home__technologies .technology__cube{top:-30px;height:450px;left:100px;background-size:560px;width:100%}.home__technologies .categories-technology .category-block{gap:40px}.home__technologies .categories-technology .category-block .technologies{gap:10px}}@media screen and (max-width: 800px){.project-page .project-contact .wrapper{margin-bottom:18px}.project-page .project-contact .wrapper .background{top:38px}}@media screen and (max-width: 650px){.project-page .hero-section .container .project-grid{display:block}.project-page .project-description .container{display:block}.project-page .relevant-slider .flex{display:block}.project-page .relevant-slider .flex .slider{display:grid;grid-template-columns:repeat(2, 1fr);align-items:start}.project-page .relevant-slider .flex .slider a{margin-top:25px}.project-page .relevant-slider .projects__header{margin-top:0}}@media screen and (max-width: 420px){.project-page .hero-section .container{padding-top:0}.project-page .hero-section .background-header{background-size:500px;background-position:-190px 0px;height:360px;position:relative;top:0;left:-56px}.project-page .hero-section .company-heading{font-size:48px;line-height:50px;max-width:700px;text-align:end}.project-page .hero-section .project-grid{height:112vh;display:block;padding-bottom:40px}.project-page .project_slider .container{padding-top:40px}.project-page .project_slider .background-image{height:219px}.project-page .project_slider .wrapper{padding:26px 25px}.project-page .project_slider .slider{align-items:end;flex-direction:column}.project-page .project_slider .slider .action__slider .swiper-pagination{text-align:right !important}.project-page .project-description .container{display:block;padding-bottom:0;border-bottom:none}.project-page .project-description .section h2{font-size:28px;line-height:40px}.project-page .project-description .sidebar{padding-bottom:40px;border-bottom:2px solid #ffbf00}.project-page .relevant-slider .container{padding-top:20px}.project-page .relevant-slider .projects__header{display:block}.project-page .relevant-slider .wrapper{padding:0 25px}.project-page .relevant-slider .background-image{height:260px}.project-page .relevant-slider .swiper-slide p{margin-bottom:70px}}@media screen and (max-width: 405px){.project-page .hero-section .background-header{height:315px}}