.x-feedback{width:100%;max-width:100rem;padding:0 10px;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:5rem}@media screen and (min-width:768px){.x-feedback{padding:0 1%}}@media screen and (min-width:1024px){.x-feedback{padding:0 5%}}.x-feedback .title-client{display:flex;text-align:left;justify-content:space-evenly;flex-direction:column;width:100%;height:280px}@media screen and (min-width:1024px){.x-feedback .title-client{height:400px}}.x-feedback .title-client .line1 h2,.x-feedback .title-client .line1 span{line-height:40px;text-transform:uppercase;font-size:2.333rem;font-weight:800}@media screen and (min-width:1024px){.x-feedback .title-client .line1 h2,.x-feedback .title-client .line1 span{line-height:normal;font-size:3rem}}.x-feedback .title-client .line1 span{color:#2b00d4}.x-feedback .title-client .line2{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:20px;font-size:14px;width:100%;line-height:24px}@media screen and (min-width:1024px){.x-feedback .title-client .line2{width:400px;font-size:1rem}}.x-feedback .title-client .line2 p{width:100%;font-weight:400}.x-feedback .feedback-masonary{display:flex;justify-content:center;align-items:center;width:100%}.x-feedback .feedback-masonary #cloud-feedback{position:relative;margin:0 auto;height:450px;width:100%;background-size:900px auto;animation:wind 20s linear infinite;box-shadow:0 10px 30px -3px rgba(0,0,0,.1)}@keyframes wind{0%{background-position:0 200px,0 300px,100px 250px}100%{background-position:1000px 200px,1200px 300px,1100px 250px}}.x-contact{display:flex;justify-content:center;align-items:center;width:100%;max-width:100rem;padding:0 10px;flex-direction:column;padding:6rem 15px}@media screen and (min-width:768px){.x-contact{padding:0 1%}}@media screen and (min-width:1024px){.x-contact{padding:0 5%}}@media screen and (min-width:1024px){.x-contact{padding:5rem 0}}.x-contact .title-contact{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:center;width:100%;height:550px}@media screen and (min-width:1024px){.x-contact .title-contact{justify-content:space-evenly;width:100%}}.x-contact .title-contact .row1{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;background-size:220px;height:50%;width:80%}@media screen and (min-width:1024px){.x-contact .title-contact .row1{width:100%}}.x-contact .title-contact .row1 .bg-img{width:250px;position:absolute;height:100%}.x-contact .title-contact .row1 h2{font-family:"Lexend";font-weight:700;font-size:2.333rem;text-align:center;height:45%;line-height:3.333rem}.x-contact .title-contact .row1 h2 span{font-size:2.333rem;color:#2b00d4}.x-contact .title-contact .row2{width:100%}@media screen and (min-width:1024px){.x-contact .title-contact .row2{width:auto}}.x-contact .title-contact .row2 p{text-align:center;width:100%}@media screen and (min-width:1024px){.x-contact .title-contact .row2 p{font-size:16px;width:440px}}.x-contact .title-contact .row3{display:flex;justify-content:center;align-items:center}.x-contact .title-contact .row3.hover-this span a{display:flex;justify-content:center;align-items:center;letter-spacing:1px;border:none;height:5rem;width:12rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b00d4;color:#fff;font-family:"Lexend";font-weight:600;cursor:pointer;text-decoration:none;box-shadow:8px 8px 40px 1px rgba(96,96,116,.14)}@media screen and (min-width:1024px){.x-contact .title-contact .row3.hover-this span a{height:4.4rem;width:10.6rem}}.x-first{display:flex;justify-content:center;align-items:center;width:100%;max-width:100rem;padding:0 10px;justify-content:space-evenly;flex-flow:column-reverse}@media screen and (min-width:768px){.x-first{padding:0 1%}}@media screen and (min-width:1024px){.x-first{padding:0 5%}}@media screen and (min-width:1024px){.x-first{height:39rem;justify-content:center;flex-flow:unset}}.x-first .text{display:flex;justify-content:center;align-items:center;flex-direction:column;height:300px;width:100%;align-items:flex-start;row-gap:1.2rem}@media screen and (min-width:1024px){.x-first .text{height:90%;width:50%}}.x-first .text .description{display:flex;height:10%;align-items:center}.x-first .text .description .box img{width:15px;height:auto}.x-first .text .description .box .p{width:100%}.x-first .text .description .box #container-icon{background-color:#e6e6e6;padding:10px;border-radius:.7rem}.x-first .text .line{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}.x-first .text .line h1,.x-first .text .line span{font-size:2.33rem}@media screen and (min-width:1024px){.x-first .text .line h1,.x-first .text .line span{font-size:3rem}}.x-first .text .line span{font-weight:800;color:#2b00d4}.x-first .button-container{display:flex;-moz-column-gap:1rem;column-gap:1rem}@media screen and (min-width:1024px){.x-first .button-container .btn{display:none}}.x-first .animation{display:flex;justify-content:center;align-items:center;width:70%}@media screen and (min-width:1024px){.x-first .animation{width:50%}}.x-first .animation .box-animation{width:95%}.x-first .animation .box-animation .container{display:flex;justify-content:center;align-items:center}.x-first .animation .box-animation .container svg{transform:rotateX(0deg) rotateY(-180deg)}.x-first .animation .box-animation .container svg .st0{fill:#e6e6e6}.x-first .animation .box-animation .container svg .st1{fill:#141414}.x-first .animation .box-animation .container svg .st2{fill:#6c63ff}.x-first .animation .box-animation .container svg .st3{fill:#fff}.x-first .animation .box-animation .container svg .st4{fill:#ffb8b8}.x-first .animation .box-animation .container svg .st5{fill:#f2f2f2}.x-first .animation .box-animation .container svg .st6{fill:#2f2e41}.x-first .animation .box-animation #head{animation:nod 2s infinite linear;transform-origin:center;transform-box:fill-box}@keyframes nod{0%{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(10deg)}75%{transform:rotate(5deg)}100%{transform:rotate(0deg)}}.x-first .animation .box-animation #outarm{animation:usephone 7s infinite alternate;transform-box:fill-box}@keyframes usephone{0%,100%{transform:rotate(10deg)}25%,75%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.x-first .animation .box-animation #leg{animation:usephone2 9s infinite alternate;transform-box:fill-box}@keyframes usephone2{0%,100%{transform:rotate(5deg)}25%,75%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.x-first .animation .box-animation #dot1{animation:move 3s infinite alternate;transform-origin:center;animation-delay:.5s}.x-first .animation .box-animation #dot2{animation:move 4s infinite alternate;transform-origin:center;animation-delay:1s}.x-first .animation .box-animation #dot3{animation:move 5s infinite alternate;transform-origin:center;animation-delay:2s}.x-first .animation .box-animation #dot4{animation:move 6s infinite alternate;transform-origin:center;animation-delay:3s}.x-first .animation .box-animation #dot5{animation:move 7s infinite alternate;transform-origin:center;animation-delay:4s}.x-first .animation .box-animation #dot7,.x-first .animation .box-animation #dot8,.x-first .animation .box-animation #dot9,.x-first .animation .box-animation #dot10,.x-first .animation .box-animation #dot11,.x-first .animation .box-animation #dot12{animation:move 8s infinite alternate;transform-origin:center}.x-first .animation .box-animation #dot7,.x-first .animation .box-animation #dot11{animation-delay:3s}.x-first .animation .box-animation #dot8,.x-first .animation .box-animation #dot10{animation-delay:2s}.x-first .animation .box-animation #dot9{animation-delay:1s}.x-first .animation .box-animation #dot12{animation-delay:4s}@keyframes move{0%,100%{opacity:0}50%{opacity:1}}.x-first .animation .box-animation #planet{animation:scale2 10s linear infinite;transform-origin:bottom}@keyframes scale2{0%{transform:scale(.8)}25%{transform:scale(.9)}50%{transform:scale(1)}75%{transform:scale(.9)}100%{transform:scale(.8)}}.x-first .animation .box-animation #location{animation:float2 2s linear infinite;transform-origin:center}@keyframes float2{0%{transform:translateY(0px)}25%{transform:translateY(-20px)}50%{transform:translateY(-30px)}75%{transform:translateY(-20px)}100%{transform:translateY(0px)}}.x-first .animation .box-animation #circle{fill:#6c63ff;animation:slip 7s linear infinite;transform-origin:top}@keyframes slip{0%{transform:rotate(0deg)}25%{transform:rotate(5deg) translateY(20px)}50%{transform:rotate(10deg) translateY(25px)}75%{transform:rotate(5deg) translateY(20px)}100%{transform:rotate(0deg)}}.x-first .animation .box-animation #bluedot{animation:scale 6s infinite alternate;transform-origin:top}@keyframes scale{0%{transform:scale(0)}25%{transform:scale(1)}50%{transform:scale(3)}75%{transform:scale(1)}100%{transform:scale(0)}}.x-second{width:100%;max-width:100rem;padding:0 10px;height:16rem;display:flex;align-items:center}@media screen and (min-width:768px){.x-second{padding:0 1%}}@media screen and (min-width:1024px){.x-second{padding:0 5%}}@media screen and (min-width:1024px){.x-second{height:25rem}}.x-second .title-about{width:100%;font-weight:600;line-height:30px}@media screen and (min-width:1024px){.x-second .title-about{padding:0 10%}}.x-second .title-about .box-quote{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:20px;width:100%;line-height:24px}@media screen and (min-width:1024px){.x-second .title-about .box-quote{width:590px;line-height:30px}}.x-thirst{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:100rem;padding:0 10px;justify-content:space-evenly}@media screen and (min-width:768px){.x-thirst{padding:0 1%}}@media screen and (min-width:1024px){.x-thirst{padding:0 5%}}.x-thirst .title-project{display:flex;justify-content:center;align-items:center;letter-spacing:1px;font-family:"Lexend";font-weight:700;line-height:1.6;word-spacing:1px;text-align:right;justify-content:flex-end;width:100%;font-size:1rem;margin-bottom:20px}@media screen and (min-width:1024px){.x-thirst .title-project{padding:0 10%}}.x-thirst .title-project .box-quote{padding-right:20px;width:800px;border-right:4px solid #2b00d4;line-height:30px}@media screen and (min-width:1024px){.x-thirst .title-project .box-quote{padding-right:50px}}.x-thirst .x-portfolio{display:flex;justify-content:center;align-items:center;height:auto;width:100%;flex-direction:column;justify-content:space-between}@media screen and (min-width:1024px){.x-thirst .x-portfolio{padding:0 10%}}.x-thirst .x-portfolio-container-grid{background-color:#000;width:100%;height:660px;z-index:1;transition:all .25s}@media screen and (min-width:1024px){.x-thirst .x-portfolio-container-grid{height:35rem}}.x-thirst .x-portfolio-container-grid:hover{box-shadow:0 10px 30px -3px rgba(0,0,0,.5)}.x-thirst .x-portfolio-container-grid .x-portfolio-grid{display:flex;height:100%;width:100%;z-index:1;justify-content:flex-end;align-items:center;position:relative;background:url(//orokastudio.com/wp-content/themes/oroka_studio/style/home/../portfolio/space.png);background:url(//orokastudio.com/wp-content/themes/oroka_studio/style/home/../portfolio/space.png),url(//orokastudio.com/wp-content/themes/oroka_studio/style/home/../portfolio/space.png),url(//orokastudio.com/wp-content/themes/oroka_studio/style/home/../portfolio/space.png);background-size:550px auto;animation:wind 20s linear infinite;box-shadow:0 10px 30px -3px rgba(0,0,0,.1)}@keyframes wind{0%{background-position:0 200px,0 300px,100px 250px}100%{background-position:1000px 200px,1200px 300px,1100px 250px}}.x-thirst .x-portfolio-container-grid .x-portfolio-grid:before{position:absolute;content:"";width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.8799894958) 19%,rgba(255,255,255,0) 56%);z-index:2}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-content{position:absolute;z-index:2;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:35%;height:100%;padding:30px;row-gap:1.2rem}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-content-title{width:40%;height:auto;filter:brightness(0) invert(1)}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-content-description{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;color:#fff;font-size:13px;line-height:24px}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-content-tag{display:flex;justify-content:center;align-items:center;justify-content:flex-start;-moz-column-gap:8px;column-gap:8px;row-gap:8px;flex-wrap:wrap;width:100%}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-content-tag li{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;color:#fff;font-size:10px;line-height:24px;padding:2px 10px;background-color:rgba(246,246,247,.1);letter-spacing:1px;font-weight:700}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-item{z-index:7;display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative;overflow:hidden;transform-style:preserve-3d}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-item.atvImg .atvImg-container{position:relative;width:100%;height:100%;border-radius:8px;transition:all .2s ease-out}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-item.atvImg .atvImg-container .atvImg-layers .atvImg-rendered-layer{position:absolute;width:50%;height:75%;top:40px;right:20px;background-repeat:no-repeat;background-position:center;background-color:transparent;background-size:cover;transition:all .1s ease-out;overflow:hidden;border-radius:8px}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-item.atvImg .atvImg-container .atvImg-layers .atvImg-rendered-layer:first-of-type{z-index:6}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-item.atvImg .atvImg-container .atvImg-layers .atvImg-rendered-layer:nth-of-type(2){z-index:5}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-item.atvImg .atvImg-container .atvImg-layers .atvImg-rendered-layer:nth-of-type(3){z-index:4}.x-thirst .button-container{width:100%;display:flex;justify-content:center;align-items:center;-moz-column-gap:1rem;column-gap:1rem;padding:5rem 4rem;justify-content:space-evenly}@media screen and (min-width:1024px){.x-thirst .button-container{width:50%;flex-direction:unset;padding:4rem;justify-content:space-around}}.x-five{height:62rem;display:flex;justify-content:center;align-items:center;width:100%;max-width:100rem;padding:0 10px}@media screen and (min-width:768px){.x-five{padding:0 1%}}@media screen and (min-width:1024px){.x-five{padding:0 5%}}@media screen and (min-width:1024px){.x-five{height:720px}}.x-five .title-service{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;justify-content:center;row-gap:30px}@media screen and (min-width:1024px){.x-five .title-service{flex-direction:row;height:50%;justify-content:space-evenly}}.x-five .title-service .column1{height:8%;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}@media screen and (min-width:1024px){.x-five .title-service .column1{row-gap:2rem;height:100%;width:30%}}.x-five .title-service .column1 h2{text-transform:uppercase;font-size:3rem}.x-five .title-service .column1 .btn{display:none}@media screen and (min-width:1024px){.x-five .title-service .column1 .btn{display:flex}}.x-five .title-service .column2{width:50%;row-gap:15px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media screen and (min-width:1024px){.x-five .title-service .column2{justify-content:flex-start}}.x-five .title-service .column2 .row-masonary{cursor:pointer;font-family:"Lexend";padding:10px 20px;border:1px solid #d9d8dd;border-radius:25px;margin-right:15px;font-weight:900;color:#9e9e9e;transition:.5s}.x-five .title-service .column2 .row-masonary:hover{color:#fff;background-color:#2b00d4;border:1px solid #2b00d4}.x-five .title-service .column2 .row-masonary h3{font-size:1rem}.x-five .title-service .btn.mb{display:flex}@media screen and (min-width:1024px){.x-five .title-service .btn.mb{display:none}}.x-six{display:flex;justify-content:center;align-items:center;width:100%;max-width:100rem;padding:0 10px;flex-direction:column;justify-content:space-between;height:4080px;background-color:#000}@media screen and (min-width:768px){.x-six{padding:0 1%}}@media screen and (min-width:1024px){.x-six{padding:0 5%}}@media screen and (min-width:1024px){.x-six{height:4080px}}.x-six .title-why{display:flex;justify-content:center;align-items:center;justify-content:space-around;width:100%;height:15%}.x-six .title-why h2{line-height:1.6;font-size:3rem;color:#fff}.x-six .title-why h2 span{font-weight:700;line-height:1.6;font-size:3rem;color:#2b00d4}.x-six .title-why .row1{display:flex;justify-content:center;align-items:center}.x-six .title-why .row2{display:flex;justify-content:center;align-items:center}.x-six .title-why .row2 svg{width:410px;fill:#fff}.x-six .title-why .row2 svg #body-logo{animation:circle 6s infinite linear;transform-origin:center}@keyframes circle{0%{transform:rotateX(0deg) rotateY(-180deg)}100%{transform:rotateX(0deg) rotateY(180deg)}}.x-six .title-why .row3{display:flex;justify-content:center;align-items:center}.x-six .title-why .row3 img{width:30%}.x-six .why-9chip{display:flex;justify-content:center;align-items:center;justify-content:space-evenly;flex-direction:column;width:100%;height:85%}.x-six .why-9chip .row1{width:100%;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;height:75%;flex-direction:column}.x-six .why-9chip .row1 .block1,.x-six .why-9chip .row1 .block2,.x-six .why-9chip .row1 .block3{display:flex;justify-content:center;align-items:center;justify-content:space-between;height:30%;width:80%}.x-six .why-9chip .row1 .block1 .column1,.x-six .why-9chip .row1 .block2 .column1,.x-six .why-9chip .row1 .block3 .column1{display:flex;justify-content:center;align-items:center;width:60%}.x-six .why-9chip .row1 .block1 img,.x-six .why-9chip .row1 .block2 img,.x-six .why-9chip .row1 .block3 img{max-width:750px;width:100%}.x-six .why-9chip .row1 .block1 .column2,.x-six .why-9chip .row1 .block2 .column2,.x-six .why-9chip .row1 .block3 .column2{width:35%;display:flex;justify-content:center;align-items:center}.x-six .why-9chip .row1 .block1 .column2 span,.x-six .why-9chip .row1 .block2 .column2 span,.x-six .why-9chip .row1 .block3 .column2 span{background-color:#2b00d4;padding:0 20px;font-size:5rem}.x-six .why-9chip .row1 .block1 .column2 p,.x-six .why-9chip .row1 .block2 .column2 p,.x-six .why-9chip .row1 .block3 .column2 p{transform:rotate(-90deg);font-size:5rem;font-family:"Lexend";color:#fff;font-weight:900;text-transform:uppercase}.x-six .why-9chip .row1 .block2{flex-direction:row-reverse}.x-six .why-9chip .row1 .block1 .column2 p,.x-six .why-9chip .row1 .block3 .column2 p{transform:rotate(90deg);font-size:95px;font-family:"Lexend";color:#fff;font-weight:900;text-transform:uppercase}.x-six .why-9chip .row2{display:flex;justify-content:center;align-items:center;width:100%;justify-content:space-evenly;height:25%}.x-six .why-9chip .row2 .carousel{width:100%;height:100%;display:flex;overflow:hidden;position:relative}.x-six .why-9chip .row2 .carousel .carousel__nav{position:absolute;right:0;z-index:2;bottom:0}.x-six .why-9chip .row2 .carousel .carousel__nav span svg{fill:#fff;width:30px;height:30px;transition:all .2s}.x-six .why-9chip .row2 .carousel .carousel__nav span svg:active{fill:#2b00d4}.x-six .why-9chip .row2 .carousel .carousel-item{display:flex;justify-content:center;align-items:center;visibility:visible;width:100%;height:100%;justify-content:flex-end;flex-shrink:0;position:absolute;z-index:0;transition:.6s all linear;background-size:cover}.x-six .why-9chip .row2 .carousel .carousel-item img{position:absolute}.x-six .why-9chip .row2 .carousel .carousel-item .mobile{display:none}.x-six .why-9chip .row2 .carousel .carousel-item__info{align-items:flex-end;height:100%;display:flex;justify-content:center;flex-direction:column;order:1;left:0;margin:auto;width:100%}.x-six .why-9chip .row2 .carousel .carousel-item__info .carousel-item__container{width:20%}.x-six .why-9chip .row2 .carousel .carousel-item__title{margin:15px 0 0;font-family:"Lexend";font-size:35px;line-height:45px;letter-spacing:3px;font-weight:700;color:#fff;transform:translateY(25%);opacity:0;visibility:hidden;transition:.6s all ease-in-out}.x-six .why-9chip .row2 .carousel .carousel-item__description{transform:translateY(25%);opacity:0;visibility:hidden;transition:.6s all ease-in-out;margin-top:35px;font-family:"Lexend";font-size:16px;color:#fff;line-height:1.8;margin-bottom:35px;font-weight:500}.x-six .why-9chip .row2 .carousel .carousel__icon{display:inline-block;vertical-align:middle;width:16px;fill:#5d5d5d}.x-six .why-9chip .row2 .carousel .carousel__arrow{cursor:pointer;display:inline-block;padding:11px 15px;position:relative}.x-six .why-9chip .row2 .carousel .carousel__arrow:nth-child(1):after{content:"";right:-3px;position:absolute;width:1px;background-color:#b0b0b0;height:14px;top:50%;margin-top:-7px}.x-six .why-9chip .row2 .carousel .active{z-index:1;display:flex;visibility:visible}.x-six .why-9chip .row2 .carousel .active .carousel-item__title,.x-six .why-9chip .row2 .carousel .active .carousel-item__description{transform:translateY(0);opacity:1;transition:.6s all ease-in-out;visibility:visible}@media only screen and (max-width:767px){.x-thirst .x-portfolio-container-grid .x-portfolio-grid-content{width:100%;height:320px}.x-thirst .x-portfolio-container-grid .x-portfolio-grid-item.atvImg .atvImg-container .atvImg-layers .atvImg-rendered-layer{width:90%;height:40%;top:300px;right:20px}.x-five .title-service .column2{-moz-column-gap:8px;column-gap:8px;width:100%;row-gap:10px}.x-five .title-service .column2 .row-masonary{font-size:11px;margin-right:0}.x-six{justify-content:space-evenly;height:3100px}.x-six .title-why{flex-direction:column;justify-content:center;height:15%}.x-six .title-why p{width:100%;font-size:25px;line-height:40px}.x-six .title-why .row1{height:50%;width:100%}.x-six .title-why .row2 svg{width:90%}.x-six .why-9chip{height:75%}.x-six .why-9chip .row1 .block1,.x-six .why-9chip .row1 .block2,.x-six .why-9chip .row1 .block3{justify-content:center;flex-direction:column;width:95%}.x-six .why-9chip .row1 .block1 .column1,.x-six .why-9chip .row1 .block2 .column1,.x-six .why-9chip .row1 .block3 .column1{width:100%}.x-six .why-9chip .row1 .block1 .column2,.x-six .why-9chip .row1 .block2 .column2,.x-six .why-9chip .row1 .block3 .column2{height:25%;width:100%}.x-six .why-9chip .row1 .block1 .column2 p,.x-six .why-9chip .row1 .block2 .column2 p,.x-six .why-9chip .row1 .block3 .column2 p{text-align:center;transform:rotate(0deg);font-size:40px}.x-six .why-9chip .row2 .carousel{height:560px;width:310px}.x-six .why-9chip .row2 .carousel .carousel-item .desktop{display:none}.x-six .why-9chip .row2 .carousel .carousel-item .mobile{display:flex}.x-six .why-9chip .row2 .carousel .carousel-item__description{font-size:14px;line-height:24px}.x-six .why-9chip .row2 .carousel .carousel-item__info{align-items:center;-webkit-align-items:center}.x-six .why-9chip .row2 .carousel .carousel-item__info .carousel-item__container{width:95%}.x-six .why-9chip .row2 .carousel .carousel-item__info .carousel-item__container .carousel-item__title{font-size:25px;line-height:1.6;letter-spacing:0px}.x-six .why-9chip .row2 .carousel__arrow{padding:1px 5px}}@media only screen and (min-width:768px) and (max-width:1024px){.x-first{flex-direction:column-reverse;width:100%;height:1000px;align-items:center}.x-first .animation{width:100%}.x-first .animation .box-animation{width:70%}.x-first .text{height:55%;justify-content:center;width:80%}.x-second .title-about{padding:0 30px}.x-second .title-about .box-quote{padding-left:30px}.x-thirst{flex-direction:column;height:200vh}.x-thirst .title-project{padding:0 60px;height:10%}.x-thirst .template-masonary .box-child{-moz-column-gap:20px;column-gap:20px;padding:20px}.x-thirst .template-masonary .box-child .cards{width:40%;height:30%}.x-six{justify-content:space-evenly;height:5000px}.x-six .title-why{flex-direction:column;justify-content:center;height:10%}.x-six .title-why p{width:100%;font-size:50px}.x-six .title-why .row1{height:50%;width:100%}.x-six .title-why .row2 svg{width:90%}.x-six .why-9chip{height:80%}.x-six .why-9chip .row1 .block1,.x-six .why-9chip .row1 .block2,.x-six .why-9chip .row1 .block3{justify-content:center;flex-direction:column;width:95%;height:35%}.x-six .why-9chip .row1 .block1 .column1,.x-six .why-9chip .row1 .block2 .column1,.x-six .why-9chip .row1 .block3 .column1{width:65%}.x-six .why-9chip .row1 .block1 .column2,.x-six .why-9chip .row1 .block2 .column2,.x-six .why-9chip .row1 .block3 .column2{height:25%;width:100%}.x-six .why-9chip .row1 .block1 .column2 p,.x-six .why-9chip .row1 .block2 .column2 p,.x-six .why-9chip .row1 .block3 .column2 p{text-align:center;transform:rotate(0deg);font-size:55px}.x-six .why-9chip .row2{width:90%;height:25%}.x-six .why-9chip .row2 .carousel{height:860px;width:475px}.x-six .why-9chip .row2 .carousel .carousel-item.carousel-item--1{background-image:url("/demo/wp-content/themes/oroka_studio/source/Style/design-pic/carousel-design-mob.png")}.x-six .why-9chip .row2 .carousel .carousel-item.carousel-item--2{background-image:url("/demo/wp-content/themes/oroka_studio/source/Style/design-pic/carousel-price-mob.png")}.x-six .why-9chip .row2 .carousel .carousel-item.carousel-item--3{background-image:url("/demo/wp-content/themes/oroka_studio/source/Style/design-pic/carousel-guarantee-mob.png")}.x-six .why-9chip .row2 .carousel .carousel-item.carousel-item--4{background-image:url("/demo/wp-content/themes/oroka_studio/source/Style/design-pic/carousel-brand-mob.png")}.x-six .why-9chip .row2 .carousel .carousel-item.carousel-item--5{background-image:url("/demo/wp-content/themes/oroka_studio/source/Style/design-pic/carousel-seo-mob.png")}.x-six .why-9chip .row2 .carousel .carousel-item__info{align-items:center;-webkit-align-items:center}.x-six .why-9chip .row2 .carousel .carousel-item__info .carousel-item__container{width:95%}.x-six .why-9chip .row2 .carousel .carousel-item__info .carousel-item__container .carousel-item__title{font-size:45px;line-height:1.6;letter-spacing:0px}}