.Features .feat,.Portfolio .container .Portfolio-content .card .info,header{padding:20px}.Contact,.Features,.Portfolio,.Services{padding-top:var(--section-padding)}.Features .far,.fas,.landing .intro-text h1{color:var(--main-color)}.Portfolio .container .Portfolio-content,.Services .container .services-content{grid-template-columns:repeat(auto-fill ,minmax(300px ,1fr));gap:var(--main-gap)}.custom-btn,header .links{position:relative}.Contact [class=info],.Features .feat,.container h2,.container h2+p,.footer,.frame{text-align:center}.About-content .image::after,.About-content .image::before,.Features .feat::after,.Features .feat::before,.btn:after{content:"";position:absolute;z-index:-1}:root{--main-color:#10cab7;--secondary-color:#2c4755;--section-padding:60px;--section-background:#f6f6f6;--content-margin:100px;--p-with-background-color:#777;--main-gap:30px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:'Work Sans',sans-serif}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media (min-width:240px){.landing{background-size:auto;background-position:center}}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}html{scroll-behavior:smooth}header .container{display:flex;justify-content:space-between;align-items:center;align-self:start}header .container .logo{width:70px}header .links .icon{width:30px;display:flex;flex-wrap:wrap}header .links .icon span{background-color:#333;margin-bottom:5px;display:flex;justify-content:flex-end}header .links .icon span:first-child,header .links .icon span:last-child{height:2px;width:100%}header .links .icon span:nth-child(2){height:2px;width:60%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}header .links:hover .icon span:nth-child(2){width:100px}header .links ul{list-style-type:none;margin:0;padding:0;background-color:#f6f6f6;min-width:200px;position:absolute;right:0;top:calc(100% + 15px);display:none;z-index:1}header .links:hover ul{display:block}header .links ul::before{content:"";border:10px solid;border-color:transparent transparent #f6f6f6;position:absolute;top:-20px;right:5px}header .links ul li a{display:block;color:#333;padding:15px;text-decoration:none;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}header .links ul li a:hover{padding-left:25px}header .links ul li:not(:last-child) a{border:1px solid #ddd}.landing{background-image:url(../images/landing.jpg);background-size:cover;height:calc(100vh - 68px);display:flex;justify-content:center;align-items:center}.landing .intro-text{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:100%;width:278px}.landing .intro-text h1{margin:0;font-size:50px;font-weight:700;text-transform:capitalize;width:285px}.landing .intro-text p{line-height:1.8;font-size:18px}.Contact,.Features,.Portfolio{padding-bottom:var(--section-padding);background-color:var(--section-background)}.Features .feat p::selection{color:var(--main-color)}.Features .feat h3::selection{color:#0d97adb5}.Features .container{display:grid;gap:var(--main-gap);grid-template-columns:repeat(auto-fill ,minmax(300px,1fr))}.btn:hover,.footer{color:#fff}.Contact [class=info],.Services{padding-bottom:var(--section-padding)}.Features .feat h3{font-weight:800;margin:30px 0}.Features .feat p{line-height:1.8;color:var(--p-with-background-color)}.container h2{color:#ebeced;font-size:100px;letter-spacing:-3px;font-weight:800;margin:0}.container h2+p{color:#797979;margin:-30px 0 0;font-size:20px}.Services .container .services-content{display:grid;margin-top:var(--content-margin)}.Services .container .services-content .srv{display:flex;margin-bottom:40px}@media (max-width:767px){.container .special-heading{font-size:60px}.container .special-heading+p{margin-top:-20px}.Services .container .services-content .srv{flex-direction:column;text-align:center}}.Services .container .services-content .srv i{color:var(--main-color);flex-basis:60px}.Services .container .services-content .srv .text{flex:1;color:#444;line-height:1.6;font-weight:300}.Services .container .services-content .srv .text h3{margin:0 0 20px}.Services .container .services-content .col .image{position:relative;text-align:center}@media (max-width:1199px){.image-column{display:none}}.Services .container .services-content .col .image img{width:260px}.Services .container .services-content .col .image::before{content:"";width:100px;height:calc(100% + 100px);background-color:var(--secondary-color);position:absolute;top:-50px;right:0;z-index:-1}.Portfolio .container .Portfolio-content{display:grid;margin-top:60px}.About-content img,.Portfolio .container .Portfolio-content .card img{max-width:100%}.Portfolio .container .Portfolio-content .card img::selection{background-color:#d0f0ffbd}.Portfolio .container .services-content .card{background-color:#fff}.Portfolio .container .Portfolio-content .card .info h3{margin:0}.Portfolio .container .Portfolio-content .card .info h3::selection{color:#0d97adb5}.Portfolio .container .Portfolio-content .card .info p{margin-bottom:0;line-height:1.6;color:var(--p-with-background-color)}.Portfolio .container .Portfolio-content .card .info p::selection{color:var(--main-color)}.frame{margin-top:30px}.custom-btn{width:130px;height:40px;color:#fff;border-radius:5px;padding:10px 25px;font-family:Lato,sans-serif;font-weight:500;background:0 0;cursor:pointer;transition:.3s;display:inline-block;box-shadow:inset 2px 2px 2px 0 rgba(255,255,255,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);outline:0}.About,.Contact [class=info]{padding-top:var(--section-padding)}.btn{background-color:#89d8d3;background-image:linear-gradient(315deg,#89d8d3 0,#03c8a8 74%);border:none;z-index:1}.btn:after{width:100%;height:0;bottom:0;left:0;border-radius:5px;background-color:var(--main-color);background-image:linear-gradient(315deg,#4dccc6 0,#96e4df 74%);box-shadow:-7px -7px 20px 0 #fff9,-4px -4px 5px 0 #fff9,7px 7px 20px 0 #0002,4px 4px 5px 0 #0001;transition:.3s}.btn:hover:after{top:0;height:100%}.btn:active{top:2px}.About{padding-bottom:calc(var(--section-padding) + 60px)}.About-content{margin-top:var(--content-margin);display:flex;justify-content:space-between;flex-wrap:wrap}.About-content .image{position:relative;width:250px;height:375px}.About-content .image::before{width:100px;height:calc(100% + 80px);background-color:#ebeced;left:-20px;top:-40px}.About-content .image::after{width:120px;height:300px;border-left:var(--main-color) solid 80px;border-bottom:var(--main-color) solid 80px;right:-151px;top:-40px}@media (max-width:670px){.About-content .image::after,.About-content .image::before{display:none}}.About-content .text{flex-basis:calc(100% - 500px)}@media (max-width:991px){.About-content{display:flex;flex-direction:column}.About-content .image{margin:0 auto 60px}.About-content .text{text-align:center;margin-top:30px}}.About-content .text p:first-of-type{line-height:2;margin-bottom:50px;font-weight:700}.About-content .text hr{width:50%;border-color:var(--main-color);display:inline-block}.About-content .text p:last-of-type{line-height:2;color:var(--p-with-background-color)}.Contact .info [class=label]{font-size:35px;color:var(--secondary-color);font-weight:800}.Contact .info .link,.footer span{color:var(--main-color);font-weight:800}@media (max-width:555){.Contact .info [class=label]{font-size:27px}}@media (max-width:541px){.Contact .info [class=label]{font-size:27px}}@media (max-width:429px){.Contact .info [class=label]{font-size:26px}}@media (max-width:414px){.Contact .info [class=label]{font-size:18px}}@media (max-width:301px){.Contact .info [class=label]{font-size:16px}}.Contact .info .link{text-decoration:none;font-size:35px;display:block}@media (max-width:424px){.Contact .info .link{font-size:23px}}.Contact .info .social{display:flex;justify-content:center;margin-top:20px}.Contact .info .social a i{color:var(--secondary-color);margin-left:10px}.footer{padding:30px 10px;background-color:var(--secondary-color);font-size:18px}@media (max-width:416px){.footer{font-size:16px}}@media (max-width:373px){.footer{font-size:14px}}@media (max-width:338px){.Contact .info .social{margin-right:25px}.Contact .info .social a i{margin-left:5px;padding-right:6px}.footer{font-size:13px}}.Features .feat{border-radius:10px;background:#ebeced;overflow:hidden;position:relative}.Features .feat::after,.Features .feat::before{background:#4d47ab;height:180px;width:180px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;opacity:0;bottom:-50px;right:0;transform:translate(100%,-255%) translate3d(0,0,0);-webkit-transform:translate(100%,-255%) translate3d(0,0,0);-moz-transform:translate(100%,-255%) translate3d(0,0,0);-ms-transform:translate(100%,-255%) translate3d(0,0,0);-o-transform:translate(100%,-255%) translate3d(0,0,0)}.Features .feat:hover::after,.Features .feat:hover:before{opacity:.15}.Features .feat:hover:before{transform:translate3d(50%,0,0) scale(.9);-webkit-transform:translate3d(50%,0,0) scale(.9);-moz-transform:translate3d(50%,0,0) scale(.9);-ms-transform:translate3d(50%,0,0) scale(.9);-o-transform:translate3d(50%,0,0) scale(.9)}.Features .feat:hover::after{transform:translate3d(50%,0) scale(1.1);-webkit-transform:translate3d(50%,0) scale(1.1);-moz-transform:translate3d(50%,0) scale(1.1);-ms-transform:translate3d(50%,0) scale(1.1);-o-transform:translate3d(50%,0) scale(1.1)}@keyframes rotate{0%,100%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}25%{transform:rotate(3deg);-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg)}50%{transform:rotate(3-deg);-webkit-transform:rotate(3-deg);-moz-transform:rotate(3-deg);-ms-transform:rotate(3-deg);-o-transform:rotate(3-deg)}75%{transform:rotate(1deg);-webkit-transform:rotate(1deg);-moz-transform:rotate(1deg);-ms-transform:rotate(1deg);-o-transform:rotate(1deg)}}.Features .feat:hover{box-shadow:0 0 11px 4px #7d61985e;animation:.7s ease-in-out both rotate;-webkit-animation:.7s ease-in-out both rotate}