@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";.home-section h1{font-size:45px;font-weight:600;text-shadow:4px 4px 8px var(--theme-color)}.home-section p{color:#777;font-size:16px;font-weight:300;line-height:32px}.home-section .heading{text-align:center;font-size:2em;font-weight:700;letter-spacing:1px;padding:20px;color:var(--theme-color)}.home-section .background-image .description{color:#777;font-size:16px;font-weight:300;line-height:32px;padding:10px}.home-section .background-image{width:100vw;height:90vh;background-position:center;position:relative}.home-section .text-box{width:90%;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.home-section .text-box h1 span{font-size:55px}.home-section .text-box .description{margin:40px 0;color:#fff}.home-section .colored{color:var(--theme-color);text-shadow:2px 2px 2px white}@media (max-width: 700px){.home-section .text-box{margin-top:100px}.home-section .text-box .description{font-size:12px;line-height:15px;margin-top:10px}.home-section .text-box h1 span{font-size:30px}}.home-section .skills,.home-section .clients{width:80%;margin:auto;text-align:center;padding-top:100px;padding-bottom:100px;background-color:#fff}.home-section .clients{padding-bottom:0}.home-section .row{display:flex;flex-wrap:wrap;margin-top:40px}.home-section .column{width:100%;padding:0 1em 1em;text-align:center}.home-section .skill-card,.home-section .client-card{width:100%;height:100%;padding:2em 1.5em;background:linear-gradient(#fff 50%,var(--theme-color) 50%);background-size:100% 200%;background-position:0 2.5%;border-radius:5px;box-shadow:0 0 35px #0000001f;cursor:pointer;transition:.5s}.home-section .client-card{text-align:center;box-shadow:#0000000d 0 4px 20px 7px;display:flex;flex-direction:column;align-items:center;padding:30px 25px}.home-section .skill-card,.home-section .client-card h3{font-size:20px;font-weight:600;color:var(--dark-blue);margin:1em 0}.home-section .skill-card,.home-section .client-card p{font-size:16px;line-height:1.6;letter-spacing:.03em}.home-section .client-image-wrapper{clip-path:circle(50% at 50% 50%);width:170px;height:170px}.home-section .client-member-image{max-width:100%}.home-section .icon-wrapper{background-color:var(--theme-color);position:relative;margin:20px auto;font-size:30px;height:3em;width:3em;color:#fff;border-radius:50%;display:grid;place-items:center;transition:.5s}.home-section .img-wrapper img{position:relative;margin:auto;font-size:30px;max-height:8em;max-width:5em;color:#fff;border-radius:50%;display:grid;place-items:center;transition:.5s}.home-section .client-card:hover,.home-section .skill-card:hover{background-position:0 100%}.home-section .skill-card:hover .icon-wrapper{background-color:#fff;color:var(--theme-color)}.home-section .client-card:hover h3,.home-section .client-card:hover p,.home-section .skill-card:hover h3,.home-section .skill-card:hover p{color:#fff}.home-section .icon-wrapper .MuiSvgIcon-root{font-size:50px}@media screen and (min-width: 768px){.home-section .column{flex:0 50%;max-width:50%}}@media screen and (min-width: 992px){.home-section .column{flex:0 0 33.33%;max-width:25%}}.home-section .designs-section .designs-image{padding:20px;display:flex;flex-wrap:wrap;justify-content:center}.home-section .designs-section .designs-image img{height:450px;width:700px;transform:scale(1);transition:transform .4s ease}.home-section .designs-section .transparent-box p{color:#fff}.home-section .designs-section .img-box{box-sizing:content-box;margin:10px;height:450px;width:750px;overflow:hidden;display:inline-block;color:#fff;position:relative;background-color:#fff}.home-section .designs-section .caption{position:absolute;top:25px;left:20px;opacity:0;transition:transform .3s ease,opacity .3s ease}.home-section .designs-section .caption p{font-size:20px}.home-section .designs-section .transparent-box{height:450px;width:650px;position:absolute;top:80%;left:0;transition:background-color .3s ease}.home-section .designs-section .img-box:hover img{transform:scale(1.1)}.home-section .designs-section .img-box:hover .transparent-box{background-color:#00000080}.home-section .designs-section .img-box:hover .caption{transform:translateY(-20px);opacity:1}.home-section .designs-section .img-box:hover{cursor:pointer}@media (max-width: 700px){.home-section .designs-section .img-box,.home-section .designs-section .designs-image img{height:200px;width:350px}.home-section .designs-section .caption{top:20px}.home-section .designs-section .caption p{font-size:10px;line-height:15px}}.footor{background-color:#020a13;padding:30px 13%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,auto));gap:3.5rem;left:0;right:0;bottom:0}.footor-content img{width:300px;cursor:pointer}.footor-content h4{color:var(--theme-color);margin-bottom:1.5rem;font-size:18px}.footor-content li{margin-bottom:16px}.footor-content li a{display:block;color:#d6d6d6;font-size:16px;font-weight:400;transition:all .4s ease;text-decoration:none}.footor-content li a:hover{transform:translatey(-3px) translate(-5px);color:#fff}.footor-content .info{color:#d6d6d6;font-size:16px;margin:15px 0;line-height:30px}.footor-content .info .MuiSvgIcon-root{font-size:22px;margin-right:20px;vertical-align:middle;color:var(--theme-color)}.icons a{display:inline-block;font-size:22px;color:#d6d6d6;margin-right:17px;transition:all .4s}.icons a .MuiSvgIcon-root{vertical-align:middle}.icons a:hover{color:#fff;transform:translateY(-5px)}.end-text{background-color:#fff;text-align:center;padding:5px;font-size:15px}@media (max-width: 1690px){.footor{padding:20px 5%}}@media (max-width: 1120px){.footor{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,auto));gap:2rem}}@media (max-width: 700px){.footor{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,auto));gap:2.5rem}.footor-content li a,.footor-content .info{font-size:13px}.end-text{font-size:10px}}.about-section .teams{width:80%;margin:auto;text-align:center;padding-top:30px;padding-bottom:100px;background-color:#fff}.about-section .team-card{text-align:center;box-shadow:#0000000d 0 4px 20px 7px;display:flex;flex-direction:column;align-items:center;padding:30px 25px}.about-section p{color:#777;font-size:16px;font-weight:300;line-height:32px;padding:0}.about-section h1{font-size:45px;font-weight:600}.about-section .header{width:100vw;height:40vh;background-position:center;background-size:cover;position:relative}.about-section .text-box{width:90%;color:#fff;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);text-align:center}.about-section .text-box h1 .colored{font-size:55px}.about-section .text-box .description{margin:20px 0 60px;color:#fff}.about-section .blue{color:var(--theme-color)}.about-section .team-card .description{padding-top:20px}.about-section .name{padding-top:20px;font-size:18px;font-weight:800;color:var(--theme-color)}.about-section .social-icons{width:70px;display:flex;justify-content:space-between}.about-section .social-icons .MuiSvgIcon-root{color:var(--theme-color);vertical-align:middle}.about-section .team-image-wrapper{clip-path:circle(50% at 50% 50%);width:170px;height:170px}.about-section .team-member-image{max-width:100%}.about-section .skills,.about-section .clients{width:80%;margin:auto;text-align:center;padding-top:100px;padding-bottom:100px;background-color:#fff}.about-section .clients{padding-bottom:0}.about-section .row{display:flex;flex-wrap:wrap;margin-top:40px}.about-section .column{width:100%;padding:0 1em 1em;text-align:center}.about-section .colored{color:var(--theme-color);text-shadow:2px 2px 2px white}@media (max-width: 700px){.about-section .text-box .description{font-size:12px;line-height:15px}.about-section .header{height:50vh}}@media screen and (min-width: 768px){.about-section .column{flex:0 50%;max-width:50%}}@media screen and (min-width: 992px){.about-section .column{flex:0 0 33.33%;max-width:33.33%}}.contact{width:100vw;height:75vh;background-image:url(contact-bg.png);background-position:center;background-size:cover;position:relative}.contact-text-box{width:90%;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.contact-text-box h3{font-size:2rem;font-weight:500}.contact-text-box h2{font-size:4rem;padding:.4rem 0}.contact-text-box p{font-size:25px;margin:40px 0 0;color:#fff}.contact-body{max-width:1320px;margin:0 auto;padding:0 1rem}.contact-info{margin:2rem 0;text-align:center;padding:2rem 0}.contact-info span{display:block}.contact-info div{margin:.8rem 0;padding:1rem}.contact-info span .MuiSvgIcon-root{font-size:3rem;padding-bottom:.9rem;color:var(--theme-color)}.contact-info div span:nth-child(2){font-weight:500;font-size:1.1rem}.contact-info .text{padding-top:.4rem}.contact-form{padding:2rem 0;border-top:1px solid #c7c7c7}.contact-form form{padding-bottom:1rem}.form-control{width:100%;border:1.5px solid #c7c7c7;border-radius:5px;padding:.7rem;margin:.6rem 0;font-family:Open Sans,sans-serif;font-size:1rem;outline:0}.form-control:focus{box-shadow:0 0 6px -3px #303030}.contact-form form .name{display:grid;grid-template-columns:repeat(2,1fr);column-gap:.6rem}.contact-form form .email{display:grid;grid-template-columns:1fr;column-gap:.6rem}.send-btn{font-family:Open Sans,sans-serif;font-size:1rem;text-transform:uppercase;color:#fff;background:var(--theme-color);border:none;border-radius:5px;padding:.7rem 1.5rem;cursor:pointer;transition:all .4s ease}.send-btn:hover{opacity:.8}.contact-form>div img{width:85%}.contact-form>div{margin:20px 30px;text-align:center}.contact-footer{padding:2rem 0;background:#000}.contact-footer h3{font-size:1.3rem;color:#fff;margin-bottom:1rem;text-align:center}@media screen and (min-width: 768px){.contact-bg .text{width:70%;margin-left:auto;margin-right:auto}.contact-info{display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 992px){.contact-bg .text{width:50%}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}}@media screen and (min-width: 1200px){.contact-info{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.contact-text-box h3{font-size:1.3rem}.contact-text-box h2{font-size:3.2rem}.contact-text-box p{font-size:16px}}.gallery-section{margin-top:100px}.gallery-section .heading{text-align:center;font-size:2em;font-weight:700;letter-spacing:1px;padding:20px;color:var(--theme-color)}.gallery-section .grid-wrapper{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:200px;grid-auto-flow:dense;margin:0 8% 5%}.gallery-section .grid-wrapper>div{display:flex;justify-content:center;align-items:center}.gallery-section .grid-wrapper>div>img{width:100%;height:100%;object-fit:cover;border-radius:5px}.gallery-section .grid-wrapper .wide{grid-column:span 2}.gallery-section .grid-wrapper .tall{grid-row:span 2}.gallery-section .grid-wrapper .big{grid-column:span 2;grid-row:span 2}nav{display:flex;padding:.2% 4%;justify-content:space-between;align-items:center;position:fixed;z-index:1;background-color:#fff;width:100vw;opacity:80%}nav img{width:250px}nav .nav-links{flex:1;text-align:right}nav .nav-links ul li{list-style:none;display:inline-block;padding:8px 12px;position:relative}nav .nav-links ul li a{color:var(--theme-color);font-weight:700;cursor:pointer;font-size:16px}nav .nav-links ul li a:after{content:" ";width:0%;height:4px;background:var(--theme-color);display:block;margin:2px auto;transition:.5s ease-in}nav .nav-links ul li a:hover:after{width:100%}nav .nav-links ul li button{background-color:var(--theme-color);padding:15px 25px;font-weight:600;border:none;outline:none;font-size:16px;color:#fff;cursor:pointer;border-radius:15px;transition:.25s}nav .nav-links ul li button:hover{color:var(--theme-color);background:#fff}nav .open-menu,nav .close-menu{display:none}@media (max-width: 700px){nav p{font-size:16px;line-height:25px}nav .text-box h1{font-size:40px}nav .nav-links{display:none}nav .nav-links ul li{display:block}nav .nav-links ul li a{color:#fff}nav .nav-links{position:absolute;background:var(--theme-color);height:100vh;width:200px;top:0;right:-200px;text-align:left;z-index:2;transition:1s}nav .nav-links ul li button{text-align:left;border-radius:0;padding:0;background:transparent;font-weight:400}nav .open-menu,nav .close-menu{display:flex;color:var(--theme-color);margin:10px;font-size:22px;cursor:pointer}nav .nav-links ul{padding:30px}nav .close-menu{color:#fff}}:root{--theme-color: #2f9945;--grey: #6c7688;--black: #2c2c2c;--white: #ffffff;--red: #ee1c47;--dark-green: #29a073;--dark-grey: #2b333f;--blue: #3c8dbc;--light-blue: #d6e4f0;--dark-blue: rgb(10, 42, 56);--light-grey: #e9e9ec}*{margin:0;padding:0;font-family:Inter,sans-serif;box-sizing:border-box}html,body,#root,.app,.content{height:100%;width:100%;font-family:importedFont}.app{display:flex;position:relative}button{cursor:pointer}.page-sub-title{text-align:center;line-height:90px;font-size:50px}.page-sub-description{text-align:center;line-height:90px;font-size:20px}::-webkit-scrollbar{width:15px;height:10px}::-webkit-scrollbar-track{background:var(--white)}::-webkit-scrollbar-thumb{background:var(--theme-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dark-green);cursor:pointer}