.container{width:90%;margin:auto}.main-info h1{font-size:2rem;position:relative;margin-bottom:1rem;text-transform:uppercase}.main-info h1::before{content:'';position:absolute;left:0;bottom:0;background-color:var(--main-color);width:5rem;height:5px}article{padding:3rem 0}ul li{list-style:none}a{text-decoration:none}.main-btn{background-color:var(--main-color);border:0;outline:0;padding:10px 15px;transition:all ease-in-out .1s;-webkit-transition:all ease-in-out .1s;-moz-transition:all ease-in-out .1s;-o-transition:all ease-in-out .1s;-ms-transition:all ease-in-out .1s;border-radius:5px;cursor:pointer}.main-btn:hover{background-color:var(--third-color)}.main-btn button{font-size:1rem;color:var(--sec-color)}i.next-section{position:absolute;left:50%;bottom:5rem;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);background-color:var(--main-color);color:var(--sec-color);padding:5px 10px;font-weight:700;border-radius:50%;cursor:pointer;box-shadow:0 0 5px 0 var(--third-color);-webkit-box-shadow:0 0 5px 0 var(--third-color);-moz-box-shadow:0 0 5px 0 var(--third-color);-o-box-shadow:0 0 5px 0 var(--third-color);-ms-box-shadow:0 0 5px 0 var(--third-color);animation:transform  ease-in-out 1s infinite}@keyframes transform{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);opacity:0.1}50%{transform:translateY(0.5rem);-webkit-transform:translateY(0.5rem);-moz-transform:translateY(0.5rem);-o-transform:translateY(0.5rem);-ms-transform:translateY(0.5rem);opacity:1}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);opacity:0.1}}*{text-transform:capitalize;margin:0;padding:0;box-sizing:border-box}:root{scroll-behavior:smooth;font-size:20px;--main-color:rgb(217, 131, 46);--sec-color:rgb(255, 255, 255);--third-color:rgb(0, 0, 0);--addit-color:rgb(234, 237, 242)}::selection{color:var(--third-color);background-color:var(--main-color)}body{font-family:poppins, sans-serif;overflow-x:hidden}i#open-menu{display:none;position:fixed;right:1rem;top:1rem;font-size:2rem;font-weight:bolder;padding:0.2rem 0.5rem;z-index:9;background-color:var(--sec-color);border-radius:5px;box-shadow:0 0 25px -20px var(--third-color);-webkit-box-shadow:0 0 25px -20px var(--third-color);-moz-box-shadow:0 0 25px -20px var(--third-color);-o-box-shadow:0 0 25px -20px var(--third-color);-ms-box-shadow:0 0 25px -20px var(--third-color)}i#go-up{position:fixed;right:1rem;bottom:1rem;color:var(--main-color);background-color:var(--sec-color);padding:0.5rem 0.8rem;border-radius:50%;font-size:1.3rem;cursor:pointer;box-shadow:0 0 25px -15px var(--third-color);-webkit-box-shadow:0 0 25px -15px var(--third-color);-moz-box-shadow:0 0 25px -15px var(--third-color);-o-box-shadow:0 0 25px -15px var(--third-color);-ms-box-shadow:0 0 25px -15px var(--third-color);transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s;border:3px dotted var(--main-color);z-index:8;display:none}i#go-up:hover{background-color:var(--main-color);color:var(--sec-color);border:3px dotted var(--sec-color)}header{position:fixed;top:0;left:0;width:100dvw;height:60px;padding:0.5rem;background-color:var(--sec-color);transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;z-index:9}header i{display:none;position:absolute;right:2rem;top:2rem;font-size:1.5rem}header nav{display:flex;justify-content:space-between;align-items:center}header nav h1::first-letter{color:var(--main-color);transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s;cursor:pointer}header nav ul.hot-links{display:flex;justify-content:space-between;align-items:center}header nav ul.hot-links li{margin:0 0.5rem}header nav ul.hot-links li a{color:var(--third-color);transition:all ease-in-out .1s;-webkit-transition:all ease-in-out .1s;-moz-transition:all ease-in-out .1s;-o-transition:all ease-in-out .1s;-ms-transition:all ease-in-out .1s;font-weight:400;font-size:0.95rem}header nav ul.hot-links li a:hover{color:var(--main-color)}article.hero-section{height:calc(100dvh - 60px);margin-top:60px;position:relative;height:100dvh}article.hero-section .container{display:flex;justify-content:space-between;align-items:center;height:100%}article.hero-section .container .left h1{font-size:2.5rem}article.hero-section .container .left h1::first-letter{color:var(--main-color)}article.hero-section .container .left h4{font-weight:600}article.hero-section .container .left h4 p{position:relative;display:inline-block}article.hero-section .container .left h4 p span{background-color:var(--sec-color);position:absolute;right:0;top:0;width:100%;height:100%;animation:spanbefore infinite 4s}article.hero-section .container .left h4 p span::after{content:'|';position:absolute;left:0;top:0}@keyframes spanbefore{0%{width:0}50%{width:100%}100%{width:0}}article.hero-section .container .left>p{font-size:0.8rem;opacity:0.8}article.hero-section .container .left .btns{margin-top:0.5rem}article.hero-section .container .left .btns a{display:inline-block;background-color:var(--main-color);padding:0.1rem 0.2rem;border:2px solid var(--main-color);transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s}article.hero-section .container .left .btns a button{font-size:0.8rem;font-weight:600;letter-spacing:0.05rem;color:var(--sec-color)}article.hero-section .container .left .btns a:last-of-type{background-color:var(--sec-color)}article.hero-section .container .left .btns a:last-of-type button{color:var(--main-color);background-color:inherit;transition:none}article.hero-section .container .left .btns a:last-of-type:hover{border:2px solid var(--main-color);background-color:var(--main-color)}article.hero-section .container .left .btns a:last-of-type:hover button{color:var(--sec-color);background-color:inherit;transition:none}article.hero-section .container .left .btns a:hover{border:2px solid var(--third-color);background-color:var(--third-color)}article.hero-section .container .left .btns a:hover button{color:var(--sec-color);background-color:inherit;transition:none}article.about-section{background-color:var(--addit-color);min-height:fit-content;position:relative}article.about-section .main-info{margin-bottom:1rem}article.about-section .main-info p{opacity:0.8;font-size:0.9rem;line-height:0.1rem}article.about-section .main-info p span{color:var(--main-color)}article.about-section section{display:flex;justify-content:space-between;align-items:center;gap:5rem}article.about-section section .left{width:100%}article.about-section section .left .about-img{position:relative;border:1rem solid var(--sec-color);background-image:url(../Images/about-us.jpg);background-size:cover;background-repeat:no-repeat;height:25rem}article.about-section section .left .about-img ul{position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);background-color:var(--sec-color)}article.about-section section .left .about-img ul li{background-color:var(--main-color);padding:0.5rem;margin:0.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all ease-in-out .1s;-webkit-transition:all ease-in-out .1s;-moz-transition:all ease-in-out .1s;-o-transition:all ease-in-out .1s;-ms-transition:all ease-in-out .1s}article.about-section section .left .about-img ul li:hover{background-color:var(--third-color)}article.about-section section .left .about-img ul li a{color:var(--sec-color);font-size:0.7rem}article.about-section section .right{width:100%;height:25rem;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;gap:1rem}article.about-section section .right h1{font-size:2rem}article.about-section section .right h1 span{color:var(--main-color)}article.about-section section .right h4{font-weight:300;margin-top:-1rem}article.about-section section .right h4 span{color:var(--main-color)}article.about-section section .right>p{font-weight:300;font-size:0.8rem}article.about-section section .right .about-hot-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}article.about-section section .right .about-hot-info ul li{display:flex;justify-content:space-between;align-items:center;justify-content:flex-start;align-items:flex-start;margin-block:0.5rem}article.about-section section .right .about-hot-info ul li h5{width:90px;font-size:0.7rem;font-weight:500}article.about-section section .right .about-hot-info ul li p{padding-left:1rem;font-weight:300;font-size:0.8rem;border-left:1px solid rgba(0,0,0,0.2)}article.about-section section .right a{padding:0.1rem 0.3rem}article.about-section section .right a button{color:var(--sec-color)}article.about-section section .right a:hover button{background-color:inherit;transition:none}article.skills-section section.container{display:flex;justify-content:space-between;align-items:center;gap:2rem}article.skills-section section.container ul.main-skills{flex-basis:40%}article.skills-section section.container ul.main-skills li{margin:1rem 0}article.skills-section section.container ul.main-skills li h5{text-transform:uppercase}article.skills-section section.container ul.main-skills li .skill-bar{position:relative;margin-top:0.5rem;width:100%;height:0.3rem;background-color:var(--addit-color);border-radius:3rem}article.skills-section section.container ul.main-skills li .skill-bar span{background-color:var(--main-color);width:0;height:100%;position:absolute;left:0;top:0;border-radius:3rem;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}article.skills-section section.container ul.add-skills{flex-basis:60%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}article.skills-section section.container ul.add-skills li{width:200px;border:2px solid var(--main-color);padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}article.skills-section section.container ul.add-skills li i{font-size:1.4rem;color:var(--main-color)}article.skills-section section.container ul.add-skills li p{font-size:0.8rem}article.skills-section section.container ul.add-skills li p span{font-weight:600;transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s}article.services-section{background-color:var(--addit-color)}article.services-section section.container ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}article.services-section section.container ul li{background-color:var(--sec-color);border-radius:0.4rem;padding:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;position:relative;z-index:1;overflow:hidden;transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s}article.services-section section.container ul li i{color:var(--main-color);border:2px dotted var(--main-color);padding:0.5rem 0.8rem;border-radius:50%;font-size:1.5rem;z-index:1}article.services-section section.container ul li h5{margin:0.5rem 0;z-index:1}article.services-section section.container ul li p{opacity:0.8;font-weight:300;font-size:0.8rem}article.services-section section.container ul li::before{content:'';background-color:var(--main-color);width:0;height:0;position:absolute;left:0;top:0;transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s}article.services-section section.container ul li:hover{transform:translateY(-0.5rem);-webkit-transform:translateY(-0.5rem);-moz-transform:translateY(-0.5rem);-o-transform:translateY(-0.5rem);-ms-transform:translateY(-0.5rem);box-shadow:0 5px 35px -25px var(--third-color);-webkit-box-shadow:0 5px 35px -25px var(--third-color);-moz-box-shadow:0 5px 35px -25px var(--third-color);-o-box-shadow:0 5px 35px -25px var(--third-color);-ms-box-shadow:0 5px 35px -25px var(--third-color)}article.services-section section.container ul li:hover i,article.services-section section.container ul li:hover h5,article.services-section section.container ul li:hover p{color:var(--sec-color);border-color:var(--sec-color);transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s}article.services-section section.container ul li:hover::before{width:100%;height:100%}article.portfolio-section section ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}article.portfolio-section section ul li{position:relative;border-radius:0.5rem;overflow:hidden}article.portfolio-section section ul li img{width:100%;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s}article.portfolio-section section ul li .hover{position:absolute;left:-1rem;top:0;width:100%;height:100%;color:var(--sec-color);background-color:rgba(17,17,17,0.5);text-align:center;opacity:0;z-index:2;transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s;display:flex;justify-content:center;align-items:center;flex-direction:column}article.portfolio-section section ul li .hover h5{font-size:1.1rem}article.portfolio-section section ul li .hover p{font-weight:300;font-size:0.8rem}article.portfolio-section section ul li a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}article.portfolio-section section ul li:hover img{transform:rotate(1deg);-webkit-transform:rotate(1deg);-moz-transform:rotate(1deg);-o-transform:rotate(1deg);-ms-transform:rotate(1deg)}article.portfolio-section section ul li:hover .hover{left:0;opacity:1}article.blog-section section ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}article.blog-section section ul .blog{margin-top:3rem;position:relative;min-height:450px;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:flex-end;cursor:pointer}article.blog-section section ul .blog img{width:100%;height:60%;position:absolute;top:0;left:0;transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s}article.blog-section section ul .blog .blog-content{background-color:var(--sec-color);box-shadow:0 0 30px -18px var(--third-color);-webkit-box-shadow:0 0 30px -18px var(--third-color);-moz-box-shadow:0 0 30px -18px var(--third-color);-o-box-shadow:0 0 30px -18px var(--third-color);-ms-box-shadow:0 0 30px -18px var(--third-color);display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s;align-items:flex-start;justify-content:space-evenly;padding:1rem;width:90%;height:50%;z-index:2;position:relative}article.blog-section section ul .blog .blog-content::before{content:'02 march 2023';background-color:var(--main-color);color:var(--sec-color);font-weight:500;font-size:0.6rem;padding:0.2rem;position:absolute;left:0;top:-25px}article.blog-section section ul .blog .blog-content h5{font-weight:600;font-size:0.6rem;border:1px solid var(--main-color);display:inline-block;padding:0.2rem 0.5rem;cursor:pointer;transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s}article.blog-section section ul .blog .blog-content h5:hover{color:var(--sec-color);background-color:var(--main-color);border:1px solid var(--main-color)}article.blog-section section ul .blog .blog-content h1{font-size:0.8rem}article.blog-section section ul .blog .blog-content P{font-size:0.8rem}article.blog-section section ul .blog .blog-content button{background-color:inherit;border:0}article.blog-section section ul .blog .blog-content button a{display:inline-block;color:var(--main-color);font-weight:700;font-size:0.7rem;padding-bottom:0.1rem;border-bottom:2px solid var(--main-color);transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s}article.blog-section section ul .blog .blog-content button:hover a{transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-o-transform:translateX(5px);-ms-transform:translateX(5px)}article.blog-section section ul .blog:hover img{transform:translateY(-10%);-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-o-transform:translateY(-10%);-ms-transform:translateY(-10%)}article.blog-section section ul .blog:hover .blog-content{transform:translateY(7.7%);-webkit-transform:translateY(7.7%);-moz-transform:translateY(7.7%);-o-transform:translateY(7.7%);-ms-transform:translateY(7.7%)}article.contact-section{background-color:var(--addit-color)}article.contact-section section{display:flex;justify-content:space-between;align-items:center}article.contact-section section .contact-form{background-color:var(--sec-color);padding:2rem;border-radius:5px;flex-basis:60%}article.contact-section section .contact-form h1{margin-bottom:1rem;text-transform:uppercase}article.contact-section section .contact-form form{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}article.contact-section section .contact-form form input,article.contact-section section .contact-form form textarea{position:relative;width:100%;padding:0.5rem 0;font-size:0.8rem;border:0;border-bottom:1px solid #ccc;outline:0}article.contact-section section .contact-form form textarea{resize:vertical;min-height:100px;height:130px;max-height:300px}article.contact-section section .contact-form form input:first-of-type,article.contact-section section .contact-form form input[type='email']{width:45%}article.contact-section section .contact-form form input[type='button']{color:var(--sec-color);border-bottom:0}article.contact-section section .contact-hot-info{flex-basis:30%}article.contact-section section .contact-hot-info li{background-color:var(--sec-color);padding:1rem;border-radius:5px;display:flex;justify-content:space-between;align-items:center;align-items:flex-start;justify-content:flex-start;gap:1rem}article.contact-section section .contact-hot-info li i{color:var(--sec-color);background-color:var(--main-color);padding:0.5rem 0.7rem;border-radius:50%}article.contact-section section .contact-hot-info li .info h5{font-size:0.8rem}article.contact-section section .contact-hot-info li .info p{font-size:0.7rem;opacity:0.9}article.contact-section section .contact-hot-info li:nth-of-type(2){margin:1rem auto}@media (max-width: 767px){.container{width:95%}.next-section{display:none}i#open-menu,header nav i{display:block;cursor:pointer;transition:all ease-in-out .1s;-webkit-transition:all ease-in-out .1s;-moz-transition:all ease-in-out .1s;-o-transition:all ease-in-out .1s;-ms-transition:all ease-in-out .1s}i#open-menu:hover,header nav i:hover{color:var(--main-color)}header{height:100dvh;width:100dvw !important;left:-100dvw;background-color:var(--sec-color);z-index:9}header nav{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}header nav h1{font-size:2.5rem}header nav ul.hot-links{display:flex;justify-content:center;align-items:center;flex-direction:column}header nav ul.hot-links li{margin:1.5rem}header nav ul.hot-links li a{font-size:1.3rem;font-weight:600}.hero-section .container{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;justify-content:center !important}.hero-section .container .left{margin-top:3rem}.hero-section .container .right{height:40dvh}.hero-section .container .right img{width:100%;height:100%}.about-section{height:fit-content !important;padding-bottom:5rem}.about-section section{display:flex;justify-content:center;align-items:center;flex-direction:column}article.skills-section section.container{display:flex;justify-content:center;align-items:center;flex-direction:column}article.skills-section section.container ul.main-skills{width:100%}article.skills-section section.container ul.add-skills{width:100%}article.skills-section section.container ul.add-skills li{width:100%}article.services-section section.container ul,article.portfolio-section section.container ul,article.blog-section section.container ul{grid-template-columns:1fr}article.testimonial-section section ul li{min-width:100dvw}article.contact-section section{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse}article.contact-section section .contact-form{flex-basis:100%;margin-top:1rem}article.contact-section section .contact-form form input{flex-basis:100%}article.contact-section section ul.contact-hot-info li{flex-basis:100%}}@media (min-width: 768px) and (max-width: 991px){.container{width:95%}.next-section{display:none}i#open-menu,header nav i{display:block;cursor:pointer;transition:all ease-in-out .1s;-webkit-transition:all ease-in-out .1s;-moz-transition:all ease-in-out .1s;-o-transition:all ease-in-out .1s;-ms-transition:all ease-in-out .1s}i#open-menu:hover,header nav i:hover{color:var(--main-color)}header{height:100dvh;width:100dvw !important;left:-5000px;background-color:var(--sec-color);z-index:9}header nav{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}header nav h1{font-size:2.5rem}header nav ul.hot-links{display:flex;justify-content:center;align-items:center;flex-direction:column}header nav ul.hot-links li{margin:1.5rem}header nav ul.hot-links li a{font-size:1.3rem;font-weight:600}article.hero-section .right img{width:400px}article.about-section{height:fit-content !important}article.about-section section{display:flex;justify-content:center;align-items:center;flex-direction:column}article.skills-section section.container ul.main-skills{flex-basis:40%}article.skills-section section.container ul.add-skills{flex-basis:100%}article.services-section section.container ul,article.portfolio-section section.container ul,article.blog-section section.container ul{grid-template-columns:1fr 1fr}article.contact-section section{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;align-items:flex-start}article.contact-section section .contact-form{flex-basis:100%;margin-top:1rem}article.contact-section section .contact-form form input{flex-basis:100%}article.contact-section section ul.contact-hot-info li{flex-basis:100%}}
/*# sourceMappingURL=style.css.map */