@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500|Jost:400,500,600&display=swap);a:active,a:link,a:visited{color:#4c4c4c;text-decoration:none}body{font-family:Varela Round;height:100%;position:relative;width:100%}.btn,.dFlex,.footer,.footer .social,.footer .social .fa,.main_content,.main_content .card,.main_content .card .card_header,nav,nav ul{align-items:center;display:flex;justify-content:center}.container{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:30px 50px 20px;width:100%}nav{color:#fff}nav .logo{color:hsla(0,0%,100%,.7);font-size:30px;text-transform:uppercase}nav ul{list-style-type:none;margin:0;padding:0}nav ul li{box-sizing:border-box;cursor:pointer;font-size:14px;margin-left:15px;padding:10px}nav .search,nav ul li{color:hsla(0,0%,100%,.7)}nav .search .fa{cursor:pointer}nav .search .fa+.fa{margin-left:15px}.main_content{box-sizing:border-box;flex-wrap:wrap;height:100%;justify-content:space-between;margin:50px auto;padding:50px 0 0;position:relative;width:70%}.main_content h3{color:#2d343e;font-size:10.5vw;left:0;position:absolute;top:0}.main_content .card{border-radius:15px;flex-direction:column;margin-bottom:50px;position:relative;-webkit-transform:scale(.8);transform:scale(.8);transition:all .3s ease-in-out;width:30%}.main_content .card .card_img{margin-top:-5vw}.main_content .card .card_img img{width:200px}.main_content .card .card_header{flex-direction:column;margin:25px 0}.main_content .card .card_header h2{font-size:18px}.main_content .card .card_header p{font-size:14px;margin:8px 0;text-align:center}.main_content .card .card_header .price{color:#fe8033;font-size:25px}.main_content .card .card_header .price span{display:inline-block;font-size:15px;vertical-align:top}.main_content .card:hover{background-image:linear-gradient(#09c6f9,#045de9);color:#fff;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.main_content .card:hover .btn{background-color:#fe8033;color:#fff}.btn{background-color:#2d343e;border-radius:35px;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:14px;height:35px;overflow:hidden;position:relative;transition:background-color .3s ease;width:130px}.footer{color:hsla(0,0%,100%,.3);font-size:12px;justify-content:space-between;margin-top:auto;width:100%}.footer .social .fa{border:1px solid hsla(0,0%,100%,.3);border-radius:50px;color:hsla(0,0%,100%,.3);cursor:pointer;font-size:14px;height:50px;width:50px}.footer .social .fa+.fa{margin-left:15px}.cat-section-wrapper{padding-top:7rem;text-align:center}body{display:contents!important}.categoryWrapper{gap:20px;justify-content:center;width:100%}.btnWrapper,.categoryWrapper{align-items:center;display:flex}.btnWrapper{justify-content:space-evenly}.btnWrapper button{background:#3498db;background-image:linear-gradient(to bottom right,#f42b03,#ffbe0b);border:none;border-radius:28px;color:#fff;cursor:pointer;font-size:26px;padding:10px 20px;text-decoration:none}.btnWrapper button:hover{background:#3cb0fd;background-image:linear-gradient(to bottom right,#fe5f75,#fc9842);text-decoration:none}body{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#2b2c48;flex-wrap:wrap;font-family:Jost,sans-serif;min-height:100vh;padding:20px}.card,body{display:flex}.card{background-image:linear-gradient(to bottom right,#09c6f9,#045de9);border-radius:10px;box-shadow:0 0 0 8px hsla(0,0%,100%,.2);flex-direction:column;margin:auto;max-width:340px;overflow-x:hidden;overflow-y:auto;position:relative;transition:.3s;z-index:1}.card[data-state="#about"]{height:450px}.card[data-state="#about"] .card-main{padding-top:0}.card[data-state="#contact"]{height:430px}.card[data-state="#experience"]{height:550px}.card.is-active .card-header{height:80px}.card.is-active .card-cover{height:100px;top:-50px}.card.is-active .card-avatar{bottom:10px;height:50px;left:20px;-webkit-transform:none;transform:none;width:50px}.card.is-active .card-fullname,.card.is-active .card-jobtitle{left:86px;-webkit-transform:none;transform:none}.card.is-active .card-fullname{bottom:18px;font-size:19px}.card.is-active .card-jobtitle{bottom:7px;font-size:10px;letter-spacing:1px}.card-header{display:flex;flex-shrink:0;height:200px;position:relative;width:100%}.card-header,.card-header *{transition:.3s}.card-cover{background-position:50%;background-size:cover;-webkit-filter:blur(30px);filter:blur(30px);height:100%;height:160px;left:0;position:absolute;top:-20%;-webkit-transform:scale(1.2);transform:scale(1.2);transition:.5s;width:100%;will-change:top}.card-avatar{border-radius:50%;box-shadow:0 8px 8px rgba(0,0,0,.2);height:100px;object-fit:cover;object-position:center;-webkit-transform:translateX(-50%) translateY(-64px);transform:translateX(-50%) translateY(-64px);width:100px}.card-avatar,.card-fullname{bottom:0;left:50%;position:absolute}.card-fullname{font-size:22px;font-weight:700;text-align:center;-webkit-transform:translateY(-10px) translateX(-50%);transform:translateY(-10px) translateX(-50%);white-space:nowrap}.card-jobtitle{bottom:-7px;font-size:11px;font-weight:500;left:50%;letter-spacing:1.5px;margin:0;opacity:.7;position:absolute;text-transform:uppercase;-webkit-transform:translateX(-50%) translateY(-7px);transform:translateX(-50%) translateY(-7px);white-space:nowrap}.card-main{display:flex;flex:1 1;flex-direction:column;padding-top:10px;position:relative}.card-subtitle{font-size:13px;font-weight:700;margin-bottom:8px}.card-content{padding:20px}.card-desc{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.6;margin:0}.card-social{align-items:center;display:flex;margin-bottom:30px;padding:0 20px}.card-social svg{fill:#a5b5ce;display:block;transition:.3s;width:16px}.card-social a{align-items:center;background-color:rgba(93,133,193,.05);border-radius:50%;color:#8797a1;display:inline-flex;height:32px;justify-content:center;margin-right:10px;transition:.3s;width:32px}.card-social a:hover svg{fill:#637faa}.card-social a:last-child{margin-right:0}.card-buttons{background-color:#fff;bottom:0;display:flex;left:0;margin-top:auto;position:-webkit-sticky;position:sticky}.card-buttons button{background:0;border:0;border-bottom:3px solid transparent;color:#5c5c6d;cursor:pointer;flex:1 1 auto;font-family:Jost,sans-serif;font-size:13px;font-weight:500;outline:0;padding:15px 5px;transition:.3s;-webkit-user-select:none;user-select:none}.card-buttons button.is-active,.card-buttons button:hover{background:linear-gradient(180deg,rgba(127,199,231,0) 0,rgba(207,204,255,.2) 44%,rgba(211,226,255,.4));border-bottom:3px solid #8a84ff;color:#2b2c48}.card-section{color:#fff;display:none}.card-section.is-active{-webkit-animation:fadeIn .6s both;animation:fadeIn .6s both;display:block}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translatey(40px);transform:translatey(40px)}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translatey(40px);transform:translatey(40px)}to{opacity:1}}.card-timeline{margin-top:30px;position:relative}.card-timeline:after{background:linear-gradient(0deg,rgba(134,214,243,0) 0,#516acc);content:"";height:100%;left:42px;position:absolute;top:0;width:2px}.card-item{padding-bottom:30px;padding-left:60px;padding-right:20px;position:relative;z-index:1}.card-item:last-child{padding-bottom:5px}.card-item:after{background:linear-gradient(180deg,#a0aee3 0,#516acc);border:2px solid #fff;border-radius:50%;color:hsla(0,0%,53%,.7);content:attr(data-year);font-size:11px;height:8px;left:37px;line-height:.6;position:absolute;text-indent:-35px;top:0;width:10px;width:8px}.card-item-title{font-size:14px;font-weight:500;margin-bottom:5px}.card-item-desc{font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5}.card-contact-wrapper{margin-top:20px}.card-contact{align-items:center;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.6}.card-contact+.card-contact{margin-top:16px}.card-contact svg{border-right:1px solid #dfe2ec;flex-shrink:0;margin-right:12px;min-height:34px;padding-right:12px;transition:.3s;width:30px}.contact-me{background:linear-gradient(90deg,rgba(83,200,239,.8) 0,rgba(81,106,204,.8) 96%);border:0;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.15);color:#fff;cursor:pointer;font-family:Jost,sans-serif;font-size:14px;font-weight:500;margin-top:25px;outline:none;padding:12px 16px;transition:.3s;width:100%}*{box-sizing:border-box;font-family:Reem Kufi,sans-serif!important;margin:0;padding:0}img{height:auto;max-width:100%}.App{margin:0 auto;min-height:100vh;width:85vw}body{background-color:#f6f6f6;max-width:100%;overflow-x:hidden}nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;min-height:90px;position:fixed;width:100%;z-index:2}.navbar-menu-container{display:none}.navbar-links-container a{color:#000;font-size:1.1rem;font-weight:600;margin-right:3rem;text-decoration:none}.primary-button{background-color:#fff;border:none;border-radius:5rem;cursor:pointer;font-size:1.1rem;font-weight:600;outline:none;padding:.9rem 1.75rem;transition:.2s}.navbar-cart-icon{font-size:1.15rem}.primary-button:hover{background-color:#eaeaea}.navbar-menu-container svg{color:#000;cursor:pointer;font-size:1.5rem}.home-banner-container{display:flex;padding-top:3rem;position:relative}.home-bannerImage-container{max-width:700px;position:absolute;right:-170px;top:-100px;z-index:-2}.home-image-section{flex:1 1;max-width:600px}.home-text-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center}.primary-heading{color:#4c4c4c;font-size:clamp(2rem,5vw,4rem);max-width:600px}.primary-text{color:#6a6a6a;font-size:clamp(1rem,3vw,1.5rem);margin:1.5rem 0;max-width:500px}.contact-form-container button,.secondary-button{align-items:center;background-color:#fe9e0d;border:none;border-radius:5rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;outline:none;padding:1rem 2.5rem;transition:.2s}.secondary-button svg{font-size:1.5rem;margin-left:.75rem}.secondary-button:hover{background-color:#e48f0f}.about-section-container{align-items:center;display:flex;justify-content:space-between;margin-top:20rem;position:relative}.about-background-image-container{left:-150px;position:absolute;z-index:-2}.about-section-image-container{flex:0.9 1;margin-right:1rem}.about-section-text-container{display:flex;flex:1 1;flex-direction:column;justify-content:center}.primary-subheading{color:#fe9e0d;font-size:1.15rem;font-weight:700}.about-buttons-container{display:flex;margin-top:2rem}.watch-video-button{align-items:center;background-color:initial;border:none;border-radius:5rem;color:#484848;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;margin-left:2rem;outline:none;transition:.2s}.watch-video-button svg{font-size:3rem;margin-right:1rem}.contact-page-wrapper h1{max-width:900px!important}.contact-page-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:6rem 0}.contact-form-container{align-items:center;background-color:#fff;border-radius:5rem;display:flex;margin-top:3rem;max-width:700px;padding:1rem;width:100%}.contact-form-container input{border:none;flex:1 1;font-size:1.3rem;height:100%;outline:none;padding:.5rem 1rem}.footer-wrapper{display:flex;margin:10rem 0 6rem}.footer-logo-container{max-width:110px}.footer-icons{margin-top:2.5rem}.footer-icons svg{color:#585858;font-size:1.5rem;margin-right:1.25rem}.footer-section-two{display:flex;flex:1 1;justify-content:flex-end}.footer-section-columns{display:flex;flex-direction:column;min-width:190px}.footer-section-columns span{color:#4c4c4c;cursor:pointer;font-weight:600;margin:.25rem 0}.testimonial-section-bottom{align-items:center;background-color:#fff;border-radius:2rem;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;margin:2rem auto;max-width:750px;padding:1.5rem 2rem;text-align:center}.testimonial-section-bottom p{color:#515151;font-size:1.1rem;font-weight:700;margin:2rem 0;max-width:500px}.testimonials-stars-container svg{color:#fe9e0d;font-size:1.5rem;margin:0 .25rem}.testimonial-section-bottom h2{margin-top:1.5rem}.work-section-wrapper{margin-top:15rem}.work-section-top p{max-width:600px!important;text-align:center}.work-section-top h1{max-width:700px!important}.work-section-info,.work-section-top{align-items:center;display:flex;flex-direction:column;justify-content:center}.work-section-info{background-color:#fff;border-radius:1rem;color:#505050;margin:1rem 2rem;min-height:350px;padding:1rem 2rem;text-align:center;width:290px}.work-section-info h2{margin:1rem 0}.work-section-bottom{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:5rem}.work-section-info p{align-items:center;display:flex;flex:1 1;font-weight:600}@media (max-width:1000px){.navbar-links-container a{font-size:1rem;margin-right:1rem}.primary-button{font-size:1rem}.home-bannerImage-container{max-width:600px}}@media (max-width:800px){.nav-logo-container{max-width:140px}.navbar-links-container{display:none}.navbar-menu-container{display:flex}.home-bannerImage-container{max-width:450px}.about-section-container,.home-banner-container{align-items:center;flex-direction:column-reverse;justify-content:center}.about-section-container{flex-direction:column}.about-section-image-container,.home-image-section{max-width:400px;width:100%}.primary-heading{max-width:90%;text-align:center}.primary-text{max-width:80%;text-align:center}.about-section-text-container,.home-text-section{align-items:center;justify-content:center;margin-top:4rem}.secondary-button{cursor:pointer;font-size:1rem;padding:.8rem 2rem}.about-section-container{margin-top:5rem!important}.about-buttons-container{flex-direction:column;justify-content:center}.primary-subheading{text-align:center}.watch-video-button{font-size:1rem!important;margin-left:0!important;margin-top:1rem}.watch-video-button svg{margin-right:.5rem!important}.about-section-image-container{margin-right:0!important}.work-section-wrapper{margin-top:5rem!important}.work-section-bottom{margin-top:1rem!important}.contact-form-container{align-items:center;border-radius:1rem!important;flex-direction:column;justify-content:center;padding:.5rem!important}.contact-form-container input{font-size:1rem!important;margin-bottom:.8rem!important;max-width:100%;padding:.5rem 1rem!important;text-align:center}.footer-section-two,.footer-wrapper{flex-direction:column}.footer-section-two{margin-top:2rem}.footer-section-columns{margin:1rem 0}.App{max-width:95vw}}@media (max-width:600px){.about-background-image-container,.home-bannerImage-container{display:none}a:active,a:link,a:visited{display:block;width:100%}}
/*# sourceMappingURL=main.2bfb3518.css.map*/