@import url(animations.css);@import url(responsive.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:#000000c2;--layer-color-s:#ffffffd2;--animation-duration-m:0.8s;--animation-delay-m:0.2s;--special-bg:linear-gradient(105deg,rgba(255,77,30,1) 0%,rgba(255,44,109,1) 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Poppins",sans-serif}a{text-decoration:none}li{list-style:none}img{max-width:100%;max-height:auto;object-fit:cover}h2{font-size:30px;font-weight:700;line-height:1.4}section,footer{position:relative}.layer{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;z-index:7;display:flex;justify-content:center;align-items:center;font-size:6rem;font-weight:900;letter-spacing:3px;animation:section-layer var(--animation-duration-m) 1 linear forwards paused;color:var(--layer-color-m)}.layer div{min-width:max-content}.contact-us .layer,.about-sec .layer{color:var(--layer-color-s)}footer .layer{font-size:3rem}section:hover .layer,.main-sec:hover .text,.main-sec:hover img,.trending:hover .left-holder,.about-sec:hover .box,.about-sec:hover img,.services:hover .text,.services:hover img,.portfolio:hover .box,.portfolio:hover .head h2,.trending:hover .left h2,.trending:hover .boxes,.trending:hover .row-1 h2,.trending:hover .row-1 img,.trending:hover .content>.left,.trending:hover .content>.right,.contact-us:hover .text,.contact-us:hover form,.about-sec:hover .box:nth-of-type(1),.portfolio:hover .box:nth-of-type(1),.about-sec:hover .box:nth-of-type(2),.portfolio:hover .box:nth-of-type(2),.about-sec:hover .box:nth-of-type(3),.portfolio:hover .box:nth-of-type(3),.portfolio:hover .box:nth-of-type(4),.about-sec:hover .box:nth-of-type(4),footer:hover .container,footer:hover .layer{animation-play-state:running}main,footer{overflow:hidden}nav{position:fixed;min-width:100%;min-height:80px;z-index:10;background-color:var(--main-bg-c);padding:1rem 2rem}nav>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:1px;position:relative}nav .logo{font-size:clamp(.5rem,10vw,1.8rem);font-weight:700;letter-spacing:2px;word-spacing:-5px}nav .logo :first-child{color:var(--sep-c-1)}nav .logo :last-child{color:var(--sep-c-2)}nav .nav-mobile{display:flex;flex-wrap:wrap;row-gap:20px}nav ul{display:flex;flex-wrap:wrap}nav ul li{margin:0 auto;padding:13px 0;background-color:var(--main-bg-c);text-align:center}nav ul a{font-size:.98rem;font-weight:500;letter-spacing:1px;transition:0.2s;color:var(--fourth-t-c)}nav ul a.active{color:var(--sep-c-2)}nav ul a:hover{color:var(--sep-c-2)}.nav-mobile>a{margin:auto}.main-sec{padding-bottom:var(--m-p-y)}.main-sec:before{min-height:calc(100% + 200px);top:-200px}.main-sec .container{display:grid}.main-sec .container::before{content:"";position:absolute;top:100px;left:0;background-repeat:no-repeat;min-width:193px;background-image:url(../images/baner-dec-left.png);height:467px}.main-sec .container::after{content:"";position:absolute;top:100px;right:0;background-image:url(../images/baner-dec-right.png);background-repeat:no-repeat;min-width:98px;height:290px}.main-sec .text{display:flex;flex-direction:column;justify-content:flex-start}.main-sec .text,.contact-us .text{animation:left var(--animation-duration-m) var(--animation-delay-m) 1 forwards paused;transform:translateX(var(--m-transform-x-l))}.main-sec .text>div{font-size:18px;font-weight:500;color:var(--sep-c-2);text-transform:uppercase;margin-bottom:15px}.main-sec .text h1{font-size:clamp(1.5rem,4rem,3.13rem);line-height:72px}.main-sec .text h1 span.blue{color:var(--sep-c-1)}.main-sec .text h1 span.red{color:var(--sep-c-2)}.main-sec .text p{font-size:15px;line-height:30px;color:var(--main-t-c);margin:20px 0}.main-sec .text p span{color:var(--sep-c-1)}.main-sec .input{padding:0 10px 0 25px;border-radius:33px;background-color:var(--sep-c-1);max-width:470px;height:66px;display:flex;justify-content:space-between;align-items:center}.main-sec .input input{border:none;outline:none;background-color:transparent;min-width:60%;caret-color:#fff}.main-sec .input input::placeholder{color:#fff;font-size:15px}.main-sec .input button{border:none;background-color:var(--main-bg-c);color:var(--sep-c-2);padding:16px 30px;font-size:15px;font-weight:600;border-radius:27px;cursor:pointer}.main-sec img{animation:right var(--animation-duration-m) var(--animation-delay-m) 1 forwards paused;transform:translateX(var(--m-transform-x-r))}.about-sec .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.about-sec>div>img{animation:left var(--animation-duration-m) var(--animation-delay-m) 1 linear forwards paused;transform:translateX(var(--m-transform-x-l))}.about-sec .content{display:flex;flex-wrap:wrap;row-gap:20px}.about-sec .box{display:flex}.about-sec .info{color:var(--second-t-c)}.about-sec .info div{font-weight:700;font-size:1rem}.about-sec .info p{line-height:1.5;font-size:14px;margin-top:8px}.about-sec .icon img{max-width:70px;max-height:70px}.services .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.services img{animation:left var(--animation-duration-m) var(--animation-delay-m) 1 linear forwards paused;transform:translateX(var(--m-transform-x-l))}.services .text{animation:right var(--animation-duration-m) var(--animation-delay-m) 1 linear forwards paused;transform:translateX(var(--m-transform-x-r))}.services .text h2{color:var(--main-t-c)}.services .text p{margin-top:20px;margin-bottom:40px;font-size:15px;line-height:1.9}.services .progresses{min-width:100%}.services .progress{display:flex;flex-direction:column}.services .progress:nth-of-type(2){margin:30px 0}.services .progress h3{margin-bottom:10px}.services .progress .road-bar{min-width:100%;height:6px}.services .progress .road{content:"";background:linear-gradient(105deg,rgba(255,77,30,1) 0%,rgba(255,44,109,1) 100%);height:100%;border-radius:3px;position:relative}.services .progress:first-of-type .road::before{content:"84%"}.services .progress:nth-of-type(2) .road::before{content:"88%"}.services .progress:last-of-type .road::before{content:"94%"}.services .progress .road::before{content:"";position:absolute;top:-33px;right:-30px;color:var(--sep-c-1);font-size:18px;font-weight:600}
/*! Portfolio */
.portfolio{padding-bottom:70px}.portfolio .container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.portfolio .head{margin-bottom:90px}.portfolio .head h2{color:var(--main-t-c)}.portfolio .content{display:flex;flex-wrap:wrap;margin-bottom:90px}.portfolio .box{margin:auto}.portfolio .box>div{border-radius:20px;text-align:center;transition:0.5s}.portfolio .box .top{background-color:var(--main-bg-c);z-index:5;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1);position:absolute;left:0;top:0;min-width:100%;min-height:100%;padding:30px 0;display:flex}.portfolio .box .top img{margin:0 auto}.portfolio .box .bottom{background:linear-gradient(105deg,rgba(255,77,30,1) 0%,rgba(255,44,109,1) 100%);color:var(--second-t-c);position:relative;z-index:-1}.portfolio .box .bottom::before{content:"";position:absolute;bottom:-22%;left:50%;transform:translate(-50%,-50%);min-width:30px;min-height:30px;background:var(--special-bg)}.portfolio .box .bottom::after{content:"";position:absolute;bottom:-23%;left:50%;transform:translate(-50%,-50%);border-width:15px;border-style:solid;border-color:transparent #fff #fff #fff}.portfolio .box .bottom h4{font-size:18px;font-weight:700;margin-bottom:20px}.portfolio .box .bottom p{font-size:15px;line-height:30px}
/*! Trending */
.trending{overflow:hidden}.trending>div>.content{display:flex;flex-wrap:wrap;justify-content:space-around}.trending>div>.content a{color:var(--main-t-c)}.trending>div>.content i{color:var(--sep-c-2)}.trending .left .left-holder{position:relative}.trending .left h2{line-height:40px;margin-bottom:30px}.trending .left img{position:relative;border-radius:20px}.trending .flying-box{transform:translateY(-25%);background-color:var(--second-t-c);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:20px;padding:30px}.trending .flying-box .content{display:grid;row-gap:20px}.trending .flying-box .row-1>div{flex-basis:100%;align-items:center}.trending .flying-box .row-1 p{color:var(--third-t-c);font-size:15px;line-height:30px}.trending .flying-box .row-2>*{flex-basis:100%}.trending .flying-box .row-2 h4{font-size:20px;font-weight:700;margin:20px 0 15px 0}.trending .flying-box .row-2 p{color:var(--main-t-c);font-size:15px;line-height:30px}.trending .left .button{background-color:var(--sep-c-1);color:var(--second-t-c);padding:10px;bottom:0;position:absolute;text-transform:capitalize;padding:15px;border-radius:18px}.trending .boxes .box{display:flex;flex-wrap:wrap;justify-content:center}.trending .box .text div:first-of-type{display:flex;align-items:center}.trending .box .text div:first-of-type span{font-size:15px;color:var(--third-t-c);margin-left:10px}.trending .box .text h4{font-size:20px;font-weight:700;color:var(--main-t-c);margin:15px 0 10px 0;line-height:30px}.trending .box .text p{font-size:15px;line-height:30px;color:var(--main-t-c)}.trending .box img{max-width:250px;border-radius:20px}.contact-us{background-image:url(../images/contact-bg.png);background-repeat:no-repeat;background-size:cover}.contact-us .content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.contact-us .text{animation:left var(--animation-duration-m) var(--animation-delay-m) 1 forwards paused}.contact-us .text,.contact-us .text a{color:var(--second-t-c)}.contact-us .text h2{letter-spacing:.25px}.contact-us .text p{line-height:30px;font-size:15px}.contact-us .call{display:flex;flex-wrap:wrap;align-items:center}.contact-us .call h4{font-size:20px;font-weight:700}.contact-us .call i{margin-right:45px;width:46px;height:46px;display:inline-flex;justify-content:center;align-items:center;background-color:var(--second-t-c);color:var(--sep-c-2);border-radius:50%}.contact-us form{padding:60px 30px;border-radius:20px;background-color:var(--second-t-c);transform:translateX(var(--m-transform-x-r));animation:right var(--animation-duration-m) var(--animation-delay-m) 1 forwards paused}.contact-us form>div:not(:last-child){margin-bottom:20px}.contact-us form .row-1{display:flex;flex-wrap:wrap;row-gap:24px;justify-content:space-between;align-items:center}.contact-us form>div>*{background-color:var(--inp-bg-c);border:0;outline:0}.contact-us form .row-1 input{height:46px;padding:0 20px;font-size:15px;font-weight:300;color:var(--main-t-c);border-radius:33px}.contact-us form .row-2 input{padding:0 20px;font-size:15px;font-weight:300;color:var(--main-t-c);border-radius:33px;width:100%;height:46px}.contact-us form textarea{width:100%;height:140px;font-size:15px;font-weight:300;padding:15px 20px;border-radius:20px}.contact-us form .row-4>input{border:none;background-color:var(--sep-c-1);color:#fff;font-size:15px;font-weight:600;cursor:pointer;padding:12px 25px;border-radius:23px;letter-spacing:.25px}footer{padding:20px 0;color:#2a2a2a}footer .container{text-align:center;animation:fade var(--animation-duration-m) var(--animation-delay-m) forwards paused;opacity:0}footer .container :last-child>span{cursor:pointer}