@import url(animations.css);:root{--main-bg-c:#fafafa;--second-bg-c:#f7eff1;--inp-bg-c:#d1f3ff;--main-t-c:#2a2a2a;--second-t-c:#fff;--third-t-c:#595959;--fourth-t-c:#191a20;--sep-c-1:#006092;--sep-c-2:#d32f2f;--layer-color-m:#000;--layer-color-s:#fff;--animation-delay-m:0.2s;--animation-duration-m:0.8s;--special-bg:linear-gradient(105deg,rgba(255,77,30,1) 0%,rgba(255,44,109,1) 100%)}@media (max-width:1645px){:root{--m-p-y:100px;--m-transform-x-l:-300%;--m-transform-u-y:200%;--m-transform-x-r:300%}.nav-mobile{column-gap:70px}.nav-mobile ul{column-gap:20px}.services .container{flex-wrap:nowrap;column-gap:50px}.services img,.services .text{min-width:calc(50% - 30px);margin:0 auto}.services img{min-height:fit-content;padding-right:20px}.services .text{padding-left:10px}.services .text h2{margin-right:100px}.main-sec{padding-top:200px}.main-sec .container{display:grid;grid-template-columns:1fr 1fr}.main-sec .text p{margin-right:50px}.main-sec img{min-width:100%;min-height:fit-content}.about-sec{background-image:url(../images/about-bg.png);background-repeat:no-repeat}.about-sec .container{flex-wrap:nowrap;justify-content:flex-start;column-gap:30px}.about-sec .content{display:flex;flex-wrap:wrap;gap:30px}.about-sec .box{flex-basis:calc(100% / 2 - 30px);opacity:0;animation:fade var(--animation-duration-m) var(--animation-delay-m) 1 forwards paused}.about-sec .box:nth-of-type(2){animation-delay:calc(var(--animation-delay-m) * 1.5)}.about-sec .box:nth-of-type(3){animation-delay:calc(var(--animation-delay-m) * 2)}.about-sec .box:nth-of-type(4){animation-delay:calc(var(--animation-delay-m) * 2.5)}.about-sec .info{color:var(--second-t-c);min-width:min-content}.about-sec .icon img{margin-right:15px}.services .container{flex-wrap:nowrap;column-gap:50px}.services img,.services .text{min-width:calc(50% - 30px);margin:0 auto}.services img{min-height:fit-content;padding-right:20px}.services .text{padding-left:10px}.services .text h2{margin-right:100px}.portfolio .content{column-gap:10px}.portfolio .box .top{justify-content:center;top:-2px;bottom:-2px;left:-2px;right:-2px}.portfolio .box .bottom{padding:40px 20px}.portfolio .box:hover .top{top:145px}.portfolio .box:hover .bottom{transform:translateY(-50px)}.portfolio .box{flex-basis:calc(25% - 15px);animation:fade-rotate-x var(--animation-duration-m) var(--animation-delay-m) 1 forwards paused;transform:rotateX(90deg) rotateY(90deg);opacity:1}.portfolio img{max-width:fit-content}.portfolio .head h2{animation:scale-a var(--animation-duration-m) var(--animation-delay-m) linear 1 forwards paused;transform:translateX(0) translateZ(-800px) rotateX(90deg);opacity:0}.trending .content{flex-wrap:nowrap;gap:20px 70px;overflow:hidden}.trending .content .row-1{display:flex;justify-content:space-between;align-items:flex-end;min-width:100%}.trending .row-1 h2{line-height:45px;max-width:400px;animation:fade var(--animation-duration-m) var(--animation-delay-m) 1 forwards paused;opacity:0}.trending .row-1 img{max-width:50%;animation:fade-rotate-y var(--animation-duration-m) var(--animation-delay-m) 1 forwards paused;transform:rotateY(90deg);opacity:0}.trending .content>.left,.trending .content>.right{flex-basis:calc(50% - 35px);animation:up var(--animation-duration-m) var(--animation-delay-m) 1 linear forwards paused;transform:translateY(var(--m-transform-u-y))}.trending .left img{min-width:100%}.trending .boxes .box{flex-wrap:nowrap}.trending .flying-box{padding:20px;max-width:85%}.trending .flying-box .row-1,.trending .flying-box .row-1>div{display:flex;flex-wrap:wrap}.trending .flying-box .row-1>div{max-width:50%}.trending .flying-box .row-1>div i{margin-right:10px}.trending .flying-box .row-2 h4{margin-right:50px}.trending .left .button{bottom:-20%}.trending .right .boxes{display:grid;row-gap:20px}.contact-us{background-position:center}.contact-us .content,.contact-us .call{flex-wrap:nowrap}.contact-us .content{column-gap:20px}.contact-us .content .text{display:grid;flex:1;row-gap:30px}.contact-us form{padding-left:30px;padding-right:30px;max-width:45%}.contact-us form .row-1{flex-wrap:nowrap;column-gap:20px}.contact-us form .row-1 input{max-width:calc(50% - 10px)}.contact-us .text h2{margin-right:150px}.contact-us .call{column-gap:30px}.contact-us .call i{margin-right:10px}footer{padding-bottom:40px}}@media (max-width:1024px){section .container,footer .container{padding-left:2.5rem;padding-right:2.5rem}.portfolio .box:hover .top{top:170px}}@media (max-width:768px){:root{--m-transform-x-l:-200%;--m-transform-x-r:200%}.container{text-align:center}.layer:not(footer .layer){transform:rotate(-90deg)}.about-sec .layer{color:var(--layer-color-m)}footer .layer{font-size:2rem}section .container,footer .container{padding-left:2rem;padding-right:2rem}.main-sec .container>img,.services .container>img,.trending .left-holder>img{margin:0 auto;min-width:100%;min-height:fit-content}nav{padding:1rem 1.5rem}nav .nav-mobile{flex-wrap:nowrap}nav .nav-mobile ul{flex-wrap:nowrap;column-gap:0}nav .nav-mobile ul li{border:none;padding:13px 11px}nav .nav-mobile .btn-m{display:none}.main-sec{padding-top:200px}.main-sec .input{min-width:100%}.main-sec .container,.about-sec .container,.services .container{display:grid;grid-template-columns:1fr;row-gap:50px}.about-sec{background-image:none}.about-sec .content{grid-template-columns:repeat(1,minmax(400px,1fr));row-gap:30px;order:-1}.about-sec .content .box{flex-basis:80%}.about-sec>div>img{min-width:fit-content;order:1;margin-left:auto;margin-top:-50px}.about-sec .box{background:var(--special-bg);padding:35px 20px;border-radius:10px;column-gap:30px;opacity:1;margin:0 auto}.about-sec .info{text-align:left}.about-sec .box:nth-of-type(1),.portfolio .box:nth-of-type(2),.about-sec .box:nth-of-type(3),.portfolio .box:nth-of-type(4){animation:right var(--animation-duration-m) var(--animation-delay-m) 1 linear forwards paused;transform:translateX(var(--m-transform-x-r))}.portfolio .box:nth-of-type(1),.about-sec .box:nth-of-type(2),.portfolio .box:nth-of-type(3),.about-sec .box:nth-of-type(4){animation:left var(--animation-duration-m) var(--animation-delay-m) 1 linear forwards paused;transform:translateX(var(--m-transform-x-l))}.about-sec>div>img{animation-name:right;transform:translateX(var(--m-transform-x-r));margin-top:0}.about-sec .container>div,.about-sec .content>div{display:flex;flex-wrap:wrap;flex-basis:100%;row-gap:20px}.about-sec>div>img{min-width:fit-content;order:0}.about-sec .content{order:1}.about-sec .icon{margin:0 auto}.about-sec .info{text-align:center}.services .text h2{margin-right:0}.services .progress h3{margin-right:auto}.portfolio .content{row-gap:160px}.portfolio .box{flex-basis:calc(50% - 20px)}.portfolio .head{perspective:500px}.portfolio .box .bottom::after{bottom:-28%}.trending .container{padding-left:4rem}.trending .flying-box{text-align:left}.trending .flying-box .row-1{column-gap:20px}.trending .flying-box .row-1,.trending .flying-box .row-1>div{display:flex;flex-wrap:nowrap}.trending .flying-box .row-1>div{flex-basis:fit-content;column-gap:10px}.trending .left .button{bottom:-30%}.trending>div>.content{row-gap:50px}.trending .boxes{display:grid;row-gap:20px}.trending .boxes>img{margin:0 auto 40px;min-width:60%;min-height:fit-content}.trending .boxes .box{flex-wrap:nowrap;justify-content:left;text-align:left}.trending .container{padding:1rem}.trending .content>.left,.trending .content>.right{flex-basis:calc(100% - 35px)}.contact-us .content{justify-content:center;row-gap:40px}.contact-us .text{display:grid;row-gap:30px}.contact-us .call{justify-content:center;column-gap:30px}.contact-us .call i{margin-right:10px}.contact-us form{min-width:100%}.contact-us form .row-1>input{min-width:100%}.contact-us form .row-4>input{display:block}.contact-us{background-position:center}.contact-us .call{flex-wrap:wrap;justify-content:center;row-gap:20px}.contact-us .content{flex-wrap:wrap;row-gap:40px}.contact-us .text{display:grid;row-gap:30px}.contact-us .text h2{margin-right:0}.contact-us form .row-1{flex-wrap:wrap}footer{padding-bottom:40px}footer .container{animation:skew-a var(--animation-duration-m) linear var(--animation-delay-m) 1 forwards paused;opacity:0}footer .container>:first-child{line-height:30px}.contact-us{background-position:center}.contact-us .call{flex-wrap:wrap;justify-content:center;row-gap:20px}.contact-us .content{flex-wrap:wrap;row-gap:40px}.contact-us .text{display:grid;row-gap:30px}.contact-us .text h2{margin-right:0}.contact-us form .row-1{flex-wrap:wrap}}@media (max-width:741px){.custom-btn{display:flex;flex-wrap:wrap;gap:2px;min-width:35px;min-height:30px}.burger{appearance:none;-webkit-appearance:none}.custom-btn span{display:inline-block;height:2px;background-color:#000;transition:0.8s}.custom-btn span{min-width:80%}.custom-btn span+span{min-width:100%;opacity:1;transition:0.3s}.custom-btn span+span+span{min-width:70%}.burger:checked+span{min-width:100%;transform:translateY(10px) rotate(45deg)}.burger:checked+span+span{opacity:0}.burger:checked+span+span+span{min-width:100%;transform:translateY(-10px) rotate(-45deg)}nav .nav-mobile{transition:0.3s;position:absolute;top:calc(100% + 1.5rem);left:-.6rem;right:-.6rem;background-color:var(--main-bg-c);padding-bottom:1rem;visibility:hidden;opacity:0;transition:0.3s;max-height:0;row-gap:0}.custom-btn:has(.burger:checked)+.nav-mobile{visibility:visible;max-height:fit-content;opacity:1}}@media (max-width:450px){:root{--m-p-y:40px;--m-transform-x-l:-150%;--m-transform-x-r:150%}section .container,footer .container{padding-left:1rem;padding-right:1rem}section::before,footer::before{font-size:2rem}section .container{padding:var(--m-p-y) 1rem;text-align:center}.about-sec::before,.contact-us::before{color:#000}nav{padding:2rem 2rem 1.5rem}nav .nav-mobile,nav .nav-mobile ul{flex-wrap:wrap}.nav-mobile ul{column-gap:0}nav ul li{border-bottom:1px solid #e7e7e7;flex-basis:100%}nav .nav-mobile .btn-m{display:block;min-width:90%}.main-sec{padding-top:150px}.main-sec .input button{padding:10px 13px}.main-sec .text h1{line-height:70px;text-align:center}.main-sec .text p{margin-right:0}.services .progress{text-align:left}.portfolio .content{row-gap:100px}.portfolio .box{flex-basis:100%;animation:fade-rotate-x var(--animation-duration-m) var(--animation-delay-m) 1 forwards paused;transform:rotateX(90deg) rotateY(90deg);opacity:1}.portfolio .box:hover .top{top:100px}.trending .left .button{left:50%;transform:translateX(-50%);bottom:-20%;min-width:max-content}.trending .left-holder{animation:left var(--animation-duration-m) var(--animation-delay-m) linear forwards paused;transform:translateX(var(--m-transform-x-l))}.trending .boxes{display:flex;flex-wrap:wrap;row-gap:50px;animation:right var(--animation-duration-m) var(--animation-delay-m) 1 linear forwards paused;transform:translateX(var(--m-transform-x-r))}.trending .boxes .box{flex-wrap:wrap}.trending .boxes .box a{flex-basis:100%}.trending .boxes .box img{min-width:100%;min-height:fit-content}.trending .flying-box{max-width:100%}.trending .flying-box .content{display:flex;flex-wrap:wrap}.trending .flying-box .row-1{display:flex;flex-wrap:wrap}.trending .flying-box .row-1>div{display:flex;flex-wrap:nowrap;column-gap:10px}.trending .box .text div:first-of-type{justify-items:center}.trending .box{display:grid;row-gap:15px}.trending .content>.row-1{flex-wrap:wrap}.trending .content>.row-1 img{max-width:fit-content}.trending .left h2{animation:fade var(--animation-duration-m) var(--animation-delay-m) 1 linear forwards paused;opacity:0}.trending .left-holder>img{min-width:100%;margin-left:-2rem}.trending .flying-box .row-1{row-gap:10px}.trending .flying-box .row-1>div{flex-basis:100%}.trending .flying-box .row-1 p{min-width:max-content}}