:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;background-color:var(--background)}:root{--background: #333333;--secondary-background: #312F2F;--text-color: white;--primary-color: #ffd700;--secondary-color: #3E3C3C;--secondary-text: #CCCCCC}.dark-theme{--background: white;--text-color: #333333;--primary-color: #ffd700;--secondary-color: #333333}.main_container{position:relative;min-height:100vh}.sectionheading_top{max-width:700px;margin:0 auto}.sectionheading_top h2{font-size:2rem;margin-bottom:10px;text-align:center}.sectionheading_top .underline{width:170px;height:2px;background-color:var(--primary-color);margin:0 auto 20px;position:relative}.sectionheading_top .underline:after{content:"";clear:both;display:block;position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;left:0;right:0;top:-7px;margin:0 auto;border:3px solid var(--primary-color)}.sectionheading_top .text{font-size:.9rem;line-height:1.7;margin-bottom:20px;text-align:center}a{text-decoration:none}.btn{background-color:var(--primary-color);color:var(--secondary-color);border:1px solid var(--primary-color);padding:15px 20px;border-radius:5px;font-size:.9rem;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;font-weight:500;text-align:center}.btn:hover{background-color:var(--background);color:var(--primary-color);border:1px solid var(--primary-color)}.navbar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:50%;width:80%;transform:translate(-50%);z-index:100;padding:15px 50px;font-family:Poppins,sans-serif;transition:background .5s ease-in-out,padding .3s ease-in-out}.navbar .logo{display:flex;align-items:center;text-decoration:none}.navbar .logo h1{font-size:1.8rem;color:var(--text-color);font-weight:700;letter-spacing:1px;transition:transform .3s ease-in-out}.navbar .logo h1 a{text-decoration:none;color:var(--primary-color)}.navbar .logo h1:hover{transform:scale(1.1)}.navbar .icon{display:none;cursor:pointer}.navbar .nav_links{display:flex;list-style:none;margin:0;padding:0;position:relative}.navbar .nav_links li{margin:0 .7rem}.navbar .nav_links li a{text-decoration:none;font-weight:500;color:var(--text-color);transition:color .3s ease-in-out,transform .3s ease-in-out;text-transform:uppercase;font-family:Poppins,sans-serif;font-size:15px;display:inline-block;padding:10px 18px}.navbar .nav_links li a:hover{color:var(--primary-color);transform:scale(1.1)}.navbar.scrolled{background:linear-gradient(45deg,#444,#333);padding:10px 30px}@media screen and (max-width: 1080px){.navbar{padding:10px 20px}.navbar .icon{display:block;font-size:1.3rem}.navbar .logo h1{font-size:1.5rem}.navbar .nav_links.hide{display:none}.navbar .nav_links.show{flex-direction:column;position:absolute;top:100px;background:linear-gradient(45deg,#444,#333);width:100%;left:0;padding:10px 0;animation:fadeIn .5s ease-in-out}.navbar .nav_links li{position:relative;padding:10px 0}.navbar .nav_links li:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0;background:var(--primary-color);transition:width .4s ease-in-out}.navbar .nav_links li a:hover:after{width:100%}.navbar .nav_links li a{font-size:1rem;transition:color .3s ease-in-out}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.projectdetail{background-color:var(--background);text-align:center;padding:150px 0 450px}.hero-section{background:url(/assets/project1-Braa8WG8.png) no-repeat center center/cover;text-align:center;color:#fff}.hero-section .overlay{background-color:#000000b3;padding:100px 20px;text-align:center;color:#fff}.hero-content{max-width:600px;margin:0 auto}.hero-content h1{font-size:3rem;margin-bottom:20px}.hero-content p{font-size:1rem;margin-bottom:30px}.hero-content .btn{padding:10px 20px}.about_project{background-color:var(--background);padding:50px 10px;max-width:1200px;text-align:center;margin:0 auto}.about_project h2{font-size:2.5rem;margin-bottom:30px;color:var(--text-color)}.about_project p{font-size:1rem}.projectdetail .stats{background-color:var(--secondary-background);display:flex;gap:100px;padding:100px 0;flex-wrap:wrap}.stats-left{flex:1;display:flex;justify-content:center;text-align:center;flex-wrap:wrap;gap:30px;padding-left:100px;padding-right:100px;min-width:400px;max-width:1200px;margin:0 auto}.stats-left .stats-heading{width:100%;font-size:2.5rem;font-weight:700;margin-bottom:10px}.stats-left .stats-description{font-size:1rem;line-height:1.7;color:var(--text-color)}.stats-left .stat_cards{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.stats-left .stat_cards .stat_card{flex:1;min-width:200px;padding:20px 20px 30px;text-align:center;background-color:var(--secondary-color);border-radius:5px;transition:all .3s ease-in-out}.stats-left .stat_cards .stat_card:hover{background-color:var(--primary-color);color:var(--secondary-color)}.stats-left .stat_cards .stat_card h3{font-size:2rem;font-weight:700;width:max-content;text-align:center;margin:0 auto 5px}.stats-left .stat_cards .stat_card span{font-size:1rem}.stats-right{flex:1;max-width:700px;min-width:500px;margin:0 auto}.stats-right img{width:100%;object-fit:cover}.tech_stack{background-color:var(--secondary-background);display:flex;justify-content:center;flex-direction:column;align-items:center;gap:30px;padding:50px 20px}.tech_stack h2{margin-bottom:10px;font-size:2rem}.tech_stack .tech_stack_list_items{display:flex;flex-wrap:wrap;margin-top:0;justify-content:center;align-items:center;gap:20px}.tech_stack .tech_stack_list_items{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;max-width:1200px;margin:20px auto}.tech_stack .tech_stack_list_items .tech-stack-list{min-width:100px;max-width:200px;flex:1;padding:20px 16px 10px;border-radius:20px;transition:all .3s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#262020}.tech_stack .tech_stack_list_items .tech-stack-list:hover{transform:translateY(-10px)}.tech_stack .tech_stack_list_items .tech-stack-list .img{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:33% 66% 70% 30%/49% 62% 38% 51%;background-color:#312f2f;padding:10px;margin:0 auto 10px;overflow:hidden}.tech_stack .tech_stack_list_items .tech-stack-list img{max-width:60%;max-height:60%;object-fit:contain;display:block}.tech_stack .tech_stack_list_items p{font-size:1rem;margin:10px 0;text-align:left}.projectdetail .video-section{background:linear-gradient(45deg,#444,#333);text-align:center;padding:40px 10px;margin:0 auto}.projectdetail .video-section video{width:60%;height:auto}.projectdetail .video-section h2{font-size:2rem;margin-bottom:20px;color:var(--text-color)}.pages-section{padding:20px 0}.pages{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center;gap:20px}.pages-section h2{font-size:2rem;margin-bottom:30px;color:var(--text-color)}.page-box{min-width:300px;max-width:400px;text-align:center;margin-bottom:40px;max-height:400px;box-shadow:1px 1px 5px #fff3;cursor:pointer;transition:all .3s ease-in-out}.page-box:hover{transform:translateY(-10px)}.page-box .img{height:400px;width:100%;overflow:hidden!important}.page-box .img img{height:100%;width:100%;object-fit:cover}.page-box h3{font-size:1rem}.image-popup-container{text-align:center}.image-gallery{display:flex;justify-content:center;gap:10px;margin-top:20px}.thumbnail{cursor:pointer;width:100px;height:auto;border-radius:4px;transition:transform .3s}.thumbnail:hover{transform:scale(1.1)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%;overflow-y:auto}.full-image{width:100%;height:auto;border-radius:4px}.close-btn{position:absolute;top:10px;right:10px;color:#fff;font-size:30px;cursor:pointer;font-weight:700}.documentation-section{display:flex;justify-content:space-between;flex-wrap:wrap;padding:40px 0;gap:20px}.documentation-left{min-width:500px;max-width:700px;flex:1;margin:0 auto}.documentation-left img{width:100%;height:100%;min-height:auto;object-fit:cover}.documentation-right{flex:1;max-width:1200px;display:flex;margin:0 auto;flex-direction:column;padding:20px}.documentation-heading{font-size:2rem;color:var(--text-color);font-weight:700;margin-bottom:10px;margin-top:0}.documentation-description{font-size:1rem;color:var(--text-color);margin-top:20px;line-height:1.7}.download-button{display:block;margin:30px 0;padding:10px 20px;font-size:1.1rem;background-color:var(--primary-color);color:var(--secondary-color);border-radius:5px;cursor:pointer;border:1px solid var(--primary-color);transition:all .3s ease-in-out;align-self:center}.download-button:hover{background-color:var(--secondary-color);color:var(--primary-color)}@media screen and (max-width: 500px){.documentation-section{display:flex;flex-direction:column;margin:0 auto}}.pricing-section{display:flex;justify-content:center;padding-left:100px;padding-right:100px;background-color:var(--secondary-background)}@media (max-width: 768px){.about_project h2{font-size:1.5rem;margin-bottom:30px;color:var(--text-color)}.about_project p{font-size:.9rem}.stats{padding:10px!important}.stats-left{min-width:200px;max-width:500px;padding:10px;margin:0 auto}.stats-left .stats-heading{justify-self:flex-start;align-self:flex-start;text-align:left;width:100%;font-size:1.5rem;font-weight:700;margin-bottom:10px}.stats-left .stats-description{font-size:.9rem;text-align:left;line-height:1.7;color:var(--text-color)}.stats-left .stat_cards{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.stats-right{flex:1;max-width:500px;min-width:300px;height:auto}.tech_stack h2{font-size:1.5rem;margin-top:0}.libraries_stack h2{font-size:1.5rem}.video-section{padding:20px 0}.video-section h2{font-size:1.5rem}.video-container{width:100%}.video-section video{width:100%!important;height:auto}.page-box{min-width:200px;max-width:300px}.page-box h3{font-size:.9rem}.page-box img{width:100%;height:auto}.documentation-section{padding:20px 0}.documentation-left,.documentation-right{min-width:200px;max-width:300px}.documentation-left img{width:100%;height:auto}.documentation-right .documentation-heading{font-size:1.5rem;text-align:left}.documentation-right .documentation-description{font-size:.9rem;text-align:left}.documentation-right .download-button{font-size:.9rem}.pricing-section{display:flex;justify-content:center;padding:20px 10px 300px;background-color:var(--secondary-background)}.pricing-section h2{font-size:1.5rem}}.pricing-container{display:flex;align-items:center;justify-content:center;padding:20px;border-radius:8px;color:#fff;width:100%}.pricing-card{background-color:var(--background);width:100%;max-width:400px;min-width:250px;padding:20px;margin:10px;border-radius:10px;box-shadow:0 2px 10px #0003;transition:all .3s ease-in-out}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 10px 10px #0003}.card-header{display:flex;justify-content:space-between;align-items:center}.card-title{font-size:18px;font-weight:700}.price{font-size:36px;font-weight:700;display:flex;align-items:center}.feature{display:flex;align-items:center;font-size:16px;margin:10px 0}.icon{margin-right:10px}.card-footer{margin-top:20px;text-align:center}.btn{background-color:transparent;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;width:100%;margin-top:20px;background-color:var(--primary-color);color:var(--secondary-color);border:1px solid var(--primary-color)}.btn:hover{color:var(--primary-color)}.description{font-size:14px;color:#9ca3af;margin-top:10px}.pro-card{background-color:var(--background)}.not-found{text-align:center;margin:0 auto;padding:300px 20px 200px;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 300px);background:linear-gradient(45deg,#444,#333);perspective:1000px}.not-found h1{font-size:6rem;color:var(--primary-color);transform:rotateX(10deg) rotateY(10deg);animation:float 3s ease-in-out infinite;margin:10px 0}.not-found p{font-size:1rem;margin:20px 0;color:var(--text-color);transform:translateZ(20px);animation:fadeIn 1.5s ease-in-out}.not-found .back-home{text-align:center;width:150px}@keyframes float{0%,to{transform:rotateX(10deg) rotateY(10deg) translateY(0)}50%{transform:rotateX(10deg) rotateY(10deg) translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateZ(0)}to{opacity:1;transform:translateZ(20px)}}.allprojectsection{background-color:var(--background);text-align:center;padding:150px 0}.project_filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter_item{padding:10px 20px;border:1px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s}.filter_item.active{background-color:var(--primary-color);color:var( --secondary-color)}.projects{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1200px;margin:0 auto 200px}.projects .project_card{min-width:250px;max-width:350px;flex:1;border-radius:20px;transition:all .3s ease-in-out;background-color:#262020;position:relative;overflow:hidden}.projects .project_card:hover{transform:translateY(-10px)}.projects .project_card .img{width:100%;height:400px;border-radius:4px;overflow:hidden}.projects .project_card .img img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.projects .project_card:hover .img img{transform:scale(1.1)}.projects .project_card .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--secondary-text);opacity:0;transition:all .3s ease-in-out;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.projects .project_card:hover .text{opacity:1;background-color:#000000b3;overflow:hidden}.projects .project_card .text h2{color:#ffbd39;margin-bottom:0;font-size:2rem}.projects .project_card .text p{margin-bottom:0;font-size:1rem;font-weight:600;max-width:90%}.homepage{overflow:hidden;min-height:100vh}.homepage .hero_section{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:150px 100px 0;background-color:var(--secondary-background)!important}.homepage .hero_left{flex:1;max-width:600px}.homepage .hero_left span.aoa{font-size:1.1rem;color:var(--primary-color)}.homepage .hero_left h1{font-size:3rem;margin-bottom:20px;margin-top:0}.homepage .hero_left h1 span{color:var(--primary-color);font-size:3rem}.homepage .hero_left p{font-size:1.2rem;margin-bottom:20px}.homepage .hero_right{flex:1;max-width:600px;min-width:300px}.homepage .hero_right img{width:100%;height:100%;object-fit:cover}.homepage .hero_left .hero_btns{display:flex;gap:20px;margin-top:20px}@media screen and (max-width: 768px){.homepage{padding:0 10px}.homepage .hero_section{padding:150px 10px 20px}.homepage .hero_left{text-align:center;margin:0 auto}.homepage .hero_left h1,.homepage .hero_left h1 span{font-size:2.5rem}.homepage .hero_left p{font-size:1rem}.homepage .hero_left .hero_btns{flex-direction:column;margin:0 auto;display:flex;align-items:center}.homepage .hero_left .hero_btns a{width:100%;max-width:200px}.homepage .hero_right{margin:20px auto;width:100%;padding:0;justify-self:center}}.aboutus_section{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:40px;background-color:var(--background);padding:100px 100px 50px}.aboutus_left{flex:1;min-width:300px;max-width:600px}.aboutus_left span.tag{font-size:1rem;color:var(--primary-color)}.aboutus_left h2{font-size:1.4rem;margin-bottom:20px;margin-top:10px}.aboutus_left h2 span{font-size:1.4rem;margin-bottom:20px;margin-top:10px;color:var(--primary-color)}.aboutus_left p{font-size:.9rem;margin-bottom:20px;line-height:1.8}.aboutus_left .social_accounts{display:flex;align-items:center;gap:20px;margin-top:20px;margin-bottom:20px}.aboutus_left .social_accounts span{font-weight:600}.aboutus_left .social_accounts .links{display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease-in-out}.aboutus_left .social_accounts .links:hover{color:var(--primary-color)}.aboutus_left .social_accounts .links i{font-size:1.4rem;color:var(--primary-color)}.aboutus_left .about_btns{display:flex;gap:20px;margin-top:20px}.aboutus_right{flex:1;max-width:600px;min-width:300px}.aboutus_right .stat_cards{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.aboutus_right .stat_cards .stat_card{flex:1;min-width:200px;padding:20px 20px 30px;text-align:center;background-color:var(--secondary-color);border-radius:5px;transition:all .3s ease-in-out}.aboutus_right .stat_cards .stat_card:hover{background-color:var(--primary-color);color:var(--secondary-color)}.aboutus_right .stat_cards .stat_card h3{font-size:2rem;font-weight:700;margin:0 0 5px}.aboutus_right .stat_cards .stat_card span{font-size:1rem}.myservices{background-color:var(--secondary-background);text-align:center;padding:20px 0}.myservices .myservices_cards{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;max-width:1200px;margin:20px auto}.myservices .myservices_cards .service_card{min-width:300px;max-width:400px;flex:1;background-color:#262020;padding:40px 26px;border-radius:4px;transition:all .3s ease-in-out}.myservices .myservices_cards .service_card:hover{transform:translateY(-10px)!important}.myservices .myservices_cards .service_card:hover h2{color:#ffbd39;transition:all .3s ease-in-out}.myservices .myservices_cards .service_card .icon{font-size:2rem;background-color:#ffbd39;margin:0 auto 20px;width:100px;height:100px;line-height:100px;border-radius:33% 66% 70% 30%/49% 62% 38% 51%!important}.myservices .myservices_cards .service_card .text h2{font-size:1.3 rem;margin-bottom:10px}.myservices .myservices_cards .service_card .text p{font-size:.8rem;line-height:1.5;max-width:300px;margin:0 auto;color:var(--secondary-text)}@media screen and (max-width: 400px){.myservices .myservices_cards .service_card{min-width:250px}}.educationsection{background-color:var(--background);text-align:center;padding:40px 0}.educationsection .education_cards{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;max-width:1200px;margin:20px auto}.educationsection .education_cards .education_card{min-width:300px;max-width:400px;flex:1;padding:40px 26px;border-radius:4px;text-align:left;transition:all .3s ease-in-out;box-shadow:1px 3px 5px #ffffff1a,-1px 3px 5px #ffffff1a}.educationsection .education_cards .education_card:hover{transform:translateY(-10px)!important}.educationsection .education_cards .education_card .year{font-size:.9rem;margin:0;background-color:#ffbd39;padding:3px 10px;border-radius:50px}.educationsection .education_cards .education_card .degree{font-size:1.3rem;margin:10px 0}.educationsection .education_cards .education_card .university{font-size:.9rem;margin-bottom:10px;font-weight:600;color:var(--secondary-text)}.educationsection .education_cards .education_card .description{font-size:.8rem;line-height:1.5;max-width:300px;color:var(--secondary-text)}@media screen and (max-width: 400px){.educationsection .education_cards .education_card{min-width:250px}}.experiencesection{background-color:var(--secondary-background);text-align:center;padding:40px 0}.experiencesection .experience_cards{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;max-width:1200px;margin:20px auto}.experiencesection .experience_cards .experience_card{min-width:300px;max-width:400px;flex:1;padding:40px 26px;border-radius:4px;text-align:left;transition:all .3s ease-in-out;background-color:#262020}.experiencesection .experience_cards .experience_card:hover{transform:translateY(-10px)!important}.experiencesection .experience_cards .experience_card .years{font-size:.9rem;margin:0;background-color:#ffbd39;color:#000;font-weight:600;padding:3px 10px;border-radius:50px}.experiencesection .experience_cards .experience_card .title{font-size:1.3rem;margin:10px 0}.experiencesection .experience_cards .experience_card .companyName{font-size:.9rem;margin-bottom:10px;font-weight:600;color:var(--secondary-text)}.experiencesection .experience_cards .experience_card .description{font-size:.8rem;line-height:1.5;max-width:300px;color:var(--secondary-text)}@media screen and (max-width: 400px){.experiencesection .experience_cards .experience_card{min-width:250px}}.skillsection .skill_cards .skill_card:hover{transform:translateY(-10px)}.skillsection .skill_cards .skill_card .progress{height:100%;background-color:var(--secondary-background);width:0;border-radius:5px;position:relative;animation:fill-progress 1.5s ease-in-out forwards}.skillsection .skill_cards .skill_card .progress{height:100%;background-color:#ffbd39;width:0;border-radius:5px;transition:all .3s ease-in-out}.skillsection .skill_cards .skill_card .progress:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffbd3980,#ffbd39);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fill-progress{0%{width:0}to{width:var(--progress-width)}}.skillsection .skill_cards .skill_card .skill_percentage{font-size:.9rem;text-align:right;color:var(--secondary-text)}*/ .skillsection{background-color:var(--background);text-align:center;padding:40px 0}.skillsection .skill_cards{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;max-width:1200px;margin:20px auto}.skillsection .skill_cards .skill_card{min-width:100px;max-width:200px;flex:1;padding:20px 16px 10px;border-radius:20px;transition:all .3s ease-in-out;background-color:#262020}.skillsection .skill_cards .skill_card:hover{transform:translateY(-10px)!important}.skillsection .skill_cards .skill_card .img{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:33% 66% 70% 30%/49% 62% 38% 51%;background-color:#312f2f;padding:10px;margin:0 auto 10px;overflow:hidden}.skillsection .skill_cards .skill_card img{max-width:60%;max-height:60%;object-fit:contain;display:block}.skillsection .skill_cards .skill_card .skill_name{font-size:1.3rem;margin:10px 0;text-align:left}.skillsection .skill_cards .skill_card .progress_bar{min-width:100px;height:10px;background-color:var(--secondary-background);border-radius:5px;overflow:hidden;margin-bottom:10px;position:relative}.projectsection{background-color:var(--secondary-background);text-align:center;padding:40px 0}.projectsection .project_cards{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;max-width:1200px;margin:20px auto 50px}.projectsection .project_cards .project_card{min-width:250px;max-width:350px;flex:1;border-radius:20px;transition:all .3s ease-in-out;background-color:#262020;position:relative;overflow:hidden}.projectsection .project_cards .project_card:hover{transform:translateY(-10px)}.projectsection .project_cards .project_card .img{width:100%;height:400px;border-radius:4px;overflow:hidden}.projectsection .project_cards .project_card .img img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.projectsection .project_cards .project_card:hover .img img{transform:scale(1.1)}.projectsection .project_cards .project_card .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--secondary-text);opacity:0;transition:all .3s ease-in-out;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.projectsection .project_cards .project_card:hover .text{opacity:1;background-color:#000000b3;overflow:hidden}.projectsection .project_cards .project_card .text h2{color:#ffbd39;margin-bottom:0;font-size:2rem}.projectsection .project_cards .project_card .text p{margin-bottom:0;font-size:1rem;font-weight:600;max-width:90%}.projectsection .viewallprojects{margin-top:20px!important;text-align:center}.Contactsection{background-color:var(--background);text-align:center;padding:40px 0;margin-bottom:270px}.Contactsection .contactus_form{max-width:700px;margin:0 auto}.Contactsection .contactus_form form{display:flex;flex-direction:column;gap:15px}.Contactsection .contactus_form .input{width:100%;min-width:200px}.Contactsection .contactus_form input,.Contactsection .contactus_form textarea{flex:1;width:100%;padding:15px;border:1px solid #535353;font-size:.9rem;margin:0 0 10px;color:var(--text-color);background-color:var(--background);box-sizing:border-box}.Contactsection .contactus_form input:focus,.Contactsection .contactus_form textarea:focus{outline:2px solid #FFBD39}.Contactsection .error{color:#eb1414;font-size:.8rem;text-align:left;margin-top:-8px}.Contactsection .combo_input{display:flex;flex-wrap:wrap;gap:15px}.Contactsection .combo_input .input{flex:1;min-width:calc(50% - 15px)}.Contactsection .contactus_form textarea{resize:none;height:100px}.Contactsection .contactus_form input::placeholder,.Contactsection .contactus_form textarea::placeholder{color:var(--secondary-text)}@media screen and (max-width: 400px){.Contactsection .contactus_form .combo_input .input{flex:1;min-width:100%}}.footer{background:linear-gradient(45deg,#444,#333);text-align:center;padding:40px 0;position:absolute;bottom:0;width:100%;z-index:100;border-radius:200px 0 0}.footer .top h1{color:var(--primary-color)}.footer .social_links{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.footer .social_links a{color:var(--secondary-text);font-size:1.3rem;transition:all .3s ease-in-out}.footer .social_links a:hover{color:var(--primary-color)}.footer .copyright{color:var(--secondary-text);font-size:.9rem}