@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Turret+Road:wght@200;300;400;500;700;800&display=swap";:root{--primary-color: hsl(226, 100%, 50%);--design-margins: 80px;--custom-font: "Turret Road", sans-serif}body{margin:0;padding:0;box-sizing:border-box;line-height:1.5;font-family:Roboto,sans-serif}body nav{width:88%;top:6%;position:absolute;left:50%;transform:translate(-50%,-6%);z-index:2;display:flex;justify-content:space-between;align-items:center;font-family:Turret Road,sans-serif}body nav .nav_bar1{width:20%}body nav .nav_bar1 img{width:100%}body nav .nav_bar2 ul{display:flex;gap:60px}body nav .nav_bar2 li{list-style-type:none}body nav .nav_bar2 li a{color:var(--primary-color);text-transform:uppercase;text-decoration:none;font-size:clamp(.8rem,1vw,1rem);font-weight:700}body nav .nav_bar3{display:flex;align-items:center;gap:20px}body nav .nav_bar3 .contact a{color:var(--primary-color);text-decoration:none;font-size:.8rem;text-align:center;color:#fff}body nav .nav_bar3 .contact a li{list-style-type:none;clip-path:polygon(7% 0,100% 0,100% 83%,93% 100%,0 100%,0 20%);border:1px solid blue;text-align:center;width:90px;padding:7px 15px;background-color:var(--primary-color)}body nav .nav_bar3 img{width:13%}body .inverted_nav{filter:invert(1) grayscale(100%) brightness(1.5);mix-blend-mode:screen}body .banner{width:100%;height:100vh}body .banner img{width:100%;height:inherit;object-fit:cover}body .banner .banner_content .banner_caption{position:absolute;top:40%;left:8%;transform:translate(-8%,-40%);width:max(400px,3%);color:var(--primary-color)}body .banner .banner_content .banner_caption h1{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.2;margin-bottom:0;font-family:Turret Road,sans-serif;font-weight:900}body .banner .banner_content .banner_caption p{font-size:1rem;width:max(300px,3%);font-weight:500}body .banner .banner_content .banner_caption .learn_more{display:flex;align-items:center;gap:15px;border:1.5px solid var(--primary-color);width:fit-content;padding:0 15px;margin-top:30px}body .banner .banner_content .banner_caption .learn_more p{margin:11px 0;font-family:Turret Road,sans-serif;color:var(--primary-color)}body .banner .banner_content .banner_caption .learn_more img{width:20px}body .banner .banner_content .banner_flex{position:absolute;justify-content:center;background-color:#ffffffc1;bottom:2%;left:50%;transform:translate(-50%,-2%);width:90%;padding:30px 0;clip-path:polygon(3% 0,100% 0,100% 85%,97% 100%,0 100%,0 15%)}body .banner .banner_content .banner_flex .banner_footer{display:flex;justify-content:space-evenly}body .banner .banner_content .banner_flex .banner_footer>div{display:flex;gap:20px;width:30%;align-items:center}body .banner .banner_content .banner_flex .banner_footer>div img{width:60%;height:auto;object-fit:cover;object-position:center;clip-path:polygon(8% 0,100% 0,100% 85%,90% 100%,0 99%,0 10%)}body .banner .banner_content .banner_flex .banner_footer>div h4{font-family:var(--custom-font);font-weight:900;line-height:1.3;font-size:clamp(.8rem,1vw,1rem)}body .banner .banner_content .banner_flex .banner_footer>div p{font-size:clamp(.5rem,2vw,.7rem)}body .main_container{width:100%;z-index:1}body .main_container .flex_box{width:80%;margin:auto;display:grid;place-items:center}body .main_container .flex_box .flex_img{margin-top:100px;width:8%}body .main_container .flex_box .flex_img img{width:100%}body .main_container .flex_box h1{text-align:center;color:var(--primary-color);width:max(350px,60%);font-size:clamp(1.8rem,4vw,3.5rem);font-family:Turret Road,sans-serif;margin:30px 0 0;font-weight:800;line-height:1.3}body .main_container .flex_box p{text-align:center;width:max(370px,40%);line-height:1.7;color:#525252;font-weight:300;font-size:1.1rem}body .main_container .project_container{margin-top:var(--design-margins)}body .main_container .project_container .container{width:85%;margin:auto;display:flex;gap:20px}body .main_container .project_container .container .card{position:relative;overflow:hidden;cursor:pointer;clip-path:polygon(5% 0,100% 0,100% 95%,90% 100%,0 100%,0 3%);width:25%;height:400px}body .main_container .project_container .container .card .card_image{transition:.3s;width:100%;height:100%;object-fit:cover}body .main_container .project_container .container .card button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--custom-font);border:1px solid white;background:#00000058;padding:10px 20px;color:#fff}body .main_container .project_container .container .card .card_description{position:absolute;bottom:0;background-color:var(--primary-color);width:100%;height:max(75px,16%);transition:.4s}body .main_container .project_container .container .card .card_description .card_info{display:flex;justify-content:space-between;padding:0 25px;color:#fff}body .main_container .project_container .container .card .card_description .card_info .card_title{font-family:var(--custom-font);font-weight:900;font-size:clamp(1.05rem,1.5vw,1.15rem);margin-top:13px}body .main_container .project_container .container .card .card_description .card_info .arrow{width:40px;display:grid;place-items:center;transform:rotate(-45deg)}body .main_container .project_container .container .card .card_description .card_info .arrow img{width:100%}body .main_container .project_container .container .card .card_description .card_details{color:#fff;font-size:.85rem;width:80%;margin:auto;padding-top:30px;font-weight:300;line-height:1.8}body .main_container .project_container .container .card:nth-child(2n){transform:translateY(25px)}body .main_container .project_container .container .card:hover .card_description{height:70%}body .main_container .project_container .container .card:hover .card_image{transform:scale(1.1)}body .main_container .project_detail{width:42%;margin:auto;display:grid;place-items:center;margin-top:var(--design-margins)}body .main_container .project_detail h1{color:var(--primary-color);margin-top:60px;font-size:clamp(1.8rem,5vw,3.5rem);text-align:center;font-family:Turret Road,sans-serif;font-weight:800;line-height:1.5}body .main_container .project_detail p{text-align:center;line-height:30px;color:#4b4b4b;font-weight:300;font-size:1.1rem;margin-top:0}body .main_container .border_line{width:70%;margin:40px 0 60px}body .main_container .company_project_container{margin-top:var(--design-margins)}body .main_container .company_project_container .content{width:85%;margin:auto}body .main_container .company_project_container .content .content1{width:100%;display:grid;grid-template-columns:repeat(3,3fr);margin:10px 0;gap:20px}body .main_container .company_project_container .content .content1 .work{width:100%;position:relative;text-align:center;overflow:hidden}body .main_container .company_project_container .content .content1 .work img{width:100%;height:100%;object-fit:cover;clip-path:polygon(5% 0,100% 0,100% 95%,95% 100%,0 100%,0 5%)}body .main_container .company_project_container .content .content1 .work .company_work_description{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}body .main_container .company_project_container .content .content1 .work .company_work_description h1{color:#fff;font-size:clamp(1rem,2vw,2rem);line-height:1.3;margin-bottom:0;font-family:var(--custom-font)}body .main_container .company_project_container .content .content1 .work:last-child{background-color:#00f;clip-path:polygon(5% 0,100% 0,100% 95%,95% 100%,0 100%,0 5%);cursor:pointer}body .main_container .company_project_container .content .content1 .work:last-child h1{text-align:left;font-size:clamp(1rem,4vw,4rem);margin:0;line-height:1.3;position:relative;font-family:var(--custom-font)}body .main_container .company_project_container .content .content1 .work:last-child .white_arrow{width:100%;height:100px;position:relative}body .main_container .company_project_container .content .content1 .work:last-child .white_arrow img{width:50%;object-fit:contain;object-position:right;position:absolute;right:0}body .main_container .company_project_container .content .content1 .work .overlay{position:absolute;width:inherit;height:100%;background-color:#00000038;top:0;clip-path:polygon(5% 0,100% 0,100% 95%,95% 100%,0 100%,0 5%)}body .main_container .oms_container{width:70%;margin:auto;display:flex;justify-content:space-between;align-items:center;padding-bottom:80px}body .main_container .oms_container .oms_div h1{color:var(--primary-color);font-family:Turret Road,sans-serif;font-size:clamp(6rem,8vw,11rem);line-height:1.2;text-align:left}body .main_container .oms_container .oms_div{width:50%}body .main_container .oms_container .oms_div h2{color:#000;font-family:Turret Road,sans-serif;font-size:clamp(1.3rem,3vw,3rem);line-height:1.3;margin-bottom:0}body .main_container .oms_container .oms_div .oms_description{font-size:clamp(.9rem,3vw,1rem);line-height:1.7;color:#424242;font-weight:300}body .main_container .oms_container .oms_div .oms_more{display:flex;align-items:center;justify-content:center;border:1px solid var(--primary-color);margin-top:40px;width:fit-content;padding:15px;gap:10px}body .main_container .oms_container .oms_div .oms_more p{font-family:Arial,Helvetica,sans-serif;font-size:clamp(.8rem,3vw,.8rem);margin:0}body .main_container .oms_container .oms_div .oms_more img{width:20%}body .main_container .oms_container .oms_div .new_oms_more{background-color:#00f;color:#fff}body .main_container .oms_container .oms_div .new_oms_more img{filter:invert(1)}body .main_container .choose_container{width:100%;background-color:#fbfafa;text-align:center;padding:80px 0}body .main_container .choose_container h1{color:var(--primary-color);margin:0;padding-bottom:40px;font-size:clamp(1rem,2.5vw,3rem)}body .main_container .choose_container .container{width:70%;margin:auto}body .main_container .choose_container .container .choose_description{font-size:clamp(1rem,3vw,.4rem);height:70px;overflow:hidden;font-weight:700;margin:20px 10px;cursor:pointer;background-color:#fff;box-shadow:0 4px 4px #00000015;padding:0 20px}body .main_container .choose_container .container .choose_description .header{display:flex;justify-content:space-between}body .main_container .choose_container .container .choose_description .header p{height:70px;display:grid;place-items:center}body .main_container .choose_container .container .choose_description .header p:last-child{font-size:1.8rem;color:var(--primary-color)}body .main_container .choose_container .container .choose_description .description{text-align:left;padding:30px 0;line-height:1.7}body .main_container .choose_container .container .choose_description p:first-child{text-align:left;margin:0;box-sizing:border-box}body .main_container .choose_container .container .choose_description p:nth-child(2){color:#00f;margin:0}body .main_container .choose_container .container .choose_description p:last-child{font-weight:400;color:gray;font-size:.9rem}body .main_container .choose_container .container .toggle-section{height:auto;overflow:auto}body footer{background-color:var(--primary-color);position:relative;z-index:100;padding:100px 20px;border-bottom:1px solid white}body footer p{margin:0}body footer .footer_container{display:flex;justify-content:space-between;width:90%;margin:auto}body footer .footer_container .footer_img{width:25%}body footer .footer_container .footer_img img{width:100%}body footer .footer_container .website{color:#fff;width:30%}body footer .footer_container .website h2{margin:0;padding-bottom:20px;font-family:Turret Road,sans-serif}body footer .footer_container .website p{margin:0;font-size:.8rem;line-height:1.7}body footer .footer_container .site_map{color:#fff}body footer .footer_container .site_map h2{margin:0;padding-bottom:20px;font-family:Turret Road,sans-serif}body footer .footer_container .site_map ul{list-style:none;padding:0;margin:0}body footer .footer_container .site_map ul li{padding-bottom:5px}body footer .footer_container .site_map ul li a{text-decoration:none;color:#fff}body footer .footer_container .socials{color:#fff}body footer .footer_container .socials h2{margin:0;padding-bottom:20px;font-family:Turret Road,sans-serif}body footer .footer_container .socials .social_div{display:flex;justify-content:flex-end;gap:15px}body footer .footer_container .socials .social_div img{width:33px;object-fit:contain}body .copyright{background-color:var(--primary-color);color:#fff}body .copyright p{margin:0;font-size:.8rem;padding:10px;text-align:center}.solutions_container{width:90%;margin:180px auto 0}.solutions_container header{display:flex;align-items:center;justify-content:space-between;padding:60px 20px}.solutions_container header h2{font-family:var(--custom-font);font-size:clamp(2rem,4vw,5rem);color:var(--primary-color)}.solutions_container header p{width:60%;font-weight:300;line-height:1.9}.solutions_container .solutions{margin-bottom:150px}.solutions_container .solutions .solution{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--primary-color);padding:80px 20px;cursor:pointer;gap:20px}.solutions_container .solutions .solution .solution_img{width:30%;height:30vh;margin-right:20px;position:relative}.solutions_container .solutions .solution .solution_img img{width:100%;height:100%;object-fit:cover;clip-path:polygon(5% 0,100% 0,100% 90%,93% 100%,0 100%,0 8%)}.solutions_container .solutions .solution .solution_img .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color);mix-blend-mode:color;clip-path:polygon(5% 0,100% 0,100% 90%,93% 100%,0 100%,0 8%)}.solutions_container .solutions .solution:hover .solution_img img{transform:scale(1.05);transition:all .5s ease}.solutions_container .solutions .solution:hover .overlay{opacity:0}.solutions_container .solutions .solution h1{width:20%;font-family:var(--custom-font);line-height:1.5;text-transform:capitalize;color:var(--primary-color);font-size:clamp(1.5rem,3vw,2rem);font-weight:900}.solutions_container .solutions .solution .description{width:30%}.solutions_container .solutions .solution .description p{font-weight:300;line-height:1.7;font-size:clamp(.8rem,2vw,1rem)}.solutions_container .solutions .solution .description button{all:unset;padding:15px 30px;background-color:var(--primary-color);color:#fff;font-size:.8rem;margin-top:20px;font-family:var(--custom-font)}.service_footer{width:100%;height:50vh;position:relative}.service_footer img{width:inherit;height:100%;object-fit:cover}.service_footer .service_footer_content{width:30%;position:absolute;top:50%;left:80%;transform:translate(-80%,-50%)}.service_footer .service_footer_content h1{font-family:var(--custom-font);color:var(--primary-color);font-size:clamp(1rem,4vw,3rem);margin-bottom:0}.service_footer .service_footer_content p{font-weight:300}.service_footer .service_footer_content button{all:unset;padding:15px 30px;background-color:var(--primary-color);color:#fff;font-size:.8rem;margin-top:20px;font-family:var(--custom-font)}.about_us_container .container{width:80%;margin:auto}.about_us_container .about_banner{width:100%;background-color:var(--primary-color);padding-top:200px}.about_us_container .about_banner .container{width:90%;height:inherit;margin:auto}.about_us_container .about_banner .container h1{margin-top:0;font-size:clamp(2.3rem,5vw,4rem);font-family:var(--custom-font)}.about_us_container .about_banner .container h1,.about_us_container .about_banner .container p{color:#fff;width:50%}.about_us_container .about_banner .container p{line-height:1.8}.about_us_container .about_banner .container img{width:100%;margin:50px 0 100px;clip-path:polygon(6% 0,100% 0,100% 89%,89% 100%,0 100%,0 9%)}.about_us_container .about_content{padding-top:80px;background-color:#dedede37}.about_us_container .about_content .container .heading{line-height:1.8;width:50%;font-weight:300}.about_us_container .about_content .container .vision_mission{gap:50px;display:flex;flex-direction:column;align-items:flex-end}.about_us_container .about_content .container .vision_mission .mission img,.about_us_container .about_content .container .vision_mission .vision img{width:80px}.about_us_container .about_content .container .vision_mission .mission h2,.about_us_container .about_content .container .vision_mission .vision h2{font-family:var(--custom-font);color:var(--primary-color)}.about_us_container .about_content .container .vision_mission .mission p,.about_us_container .about_content .container .vision_mission .vision p{font-weight:300}.about_us_container .about_content .container .vision_mission .statement,.about_us_container .about_content .container .vision_mission .vision_mission_image{width:50%}.about_us_container .about_content .container .vision_mission .statement{padding:50px 0;display:flex;gap:50px}.about_us_container .about_content .container .vision_mission .vision_mission_image img{width:100%;height:100%;object-fit:cover;clip-path:polygon(5% 0,100% 0,100% 90%,94% 100%,0 100%,0 9%)}.about_us_container .core_values{margin-top:50px}.about_us_container .core_values h1{font-family:var(--custom-font);color:var(--primary-color)}.about_us_container .core_values .all_values{display:flex;gap:30px}.about_us_container .core_values .all_values h3{font-family:var(--custom-font);font-weight:900}.about_us_container .core_values .all_values p{font-weight:300;font-size:.9rem}.about_us_container .why_choose_us{margin:100px 0}.about_us_container .why_choose_us .container h1{font-family:var(--custom-font);font-size:clamp(2rem,3vw,4rem);color:var(--primary-color);margin:50px 0}.about_us_container .why_choose_us .container .content{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.about_us_container .why_choose_us .container .content div img{width:100%;height:80%;object-fit:cover;clip-path:polygon(5% 0,100% 0,100% 90%,94% 100%,0 100%,0 9%)}.about_us_container .why_choose_us .container .content div h3{font-family:var(--custom-font)}.contact_container{width:90%;margin:200px auto 100px}.contact_container .contact_content{background-color:var(--primary-color);padding:50px;display:flex;gap:50px;clip-path:polygon(4% 0,100% 0,100% 90%,95% 100%,0 100%,0 9%)}.contact_container .contact_content .content,.contact_container .contact_content .contact_image{width:50%}.contact_container .contact_content .content h1,.contact_container .contact_content .contact_image h1{font-family:var(--custom-font);font-size:clamp(2rem,3.5vw,4rem);line-height:1.2;color:#fff}.contact_container .contact_content .content p,.contact_container .contact_content .contact_image p{color:#fff;font-size:.9rem;line-height:1.7}.contact_container .contact_content .content img,.contact_container .contact_content .contact_image img{width:100%;clip-path:polygon(4% 0,100% 0,100% 94%,95% 100%,0 100%,0 5%)}.contact_container .contact_content .content button,.contact_container .contact_content .contact_image button{all:unset;padding:15px 30px;background-color:#fff;color:var(--primary-color);margin-top:20px;font-family:var(--custom-font);font-weight:900}@media screen and (max-width:500px){body nav .logo{width:200px}body nav .logo img{width:100%}body nav .menu_icon{width:30px;display:grid;place-items:center}body nav .menu_icon img{width:100%;height:auto;object-fit:contain;object-position:center}body .mobile_menu{width:100%;height:100dvh;background-color:var(--primary-color);z-index:3;position:fixed;top:0;transform:translate(100%);transition:.7s cubic-bezier(.075,.82,.165,1)}body .mobile_menu a{color:#fff;text-decoration:none}body .mobile_menu nav{position:relative;filter:invert(1) grayscale(100%) brightness(1.5);mix-blend-mode:screen}body .mobile_menu ul{display:flex;justify-content:flex-end;flex-direction:column;align-items:flex-end;width:90%;margin:100px auto auto;padding:0;gap:35px}body .mobile_menu ul li{list-style:none;font-size:1.5rem;font-weight:900;color:#fff;text-decoration:none;font-family:var(--custom-font)}body .mobile_menu .menu_footer{width:90%;margin:auto;color:#fff;position:absolute;bottom:5%;left:5%}body .mobile_menu .menu_footer .socials{display:flex;gap:20px;width:35px}body .mobile_menu .menu_footer .socials img{width:100%;height:auto;object-fit:contain}body .mobile_menu .menu_footer .copyright p{text-align:left;padding:0}body .menu_active{transform:translate(0)}body .banner{height:100svh;position:relative}body .banner img{object-position:60%}body .banner .banner_content{position:absolute;top:0;width:100%;height:100%;background-image:linear-gradient(to top,var(--primary-color),transparent 80%)}body .banner .banner_content .banner_caption{left:50%;height:fit-content;top:90%;transform:translate(-50%,-90%);display:grid;place-items:center;text-align:center;color:#fff;width:max(300px,3%)}body .banner .banner_content .banner_caption h1{font-family:Turret Road,sans-serif;font-size:2.5rem}body .banner .banner_content .banner_caption p{font-weight:300}body .banner .banner_content .banner_caption .learn_more{border:1px solid white}body .banner .banner_content .banner_caption .learn_more p{color:#fff!important}body .banner .banner_content .banner_caption .learn_more img{display:none}body .banner .banner_content .banner_flex{display:none}body .main_container .flex_box .flex_img{width:20%}body .main_container .flex_box p{font-size:.95rem}body .main_container .project_detail{width:90%;font-size:.9rem}body .main_container .project_detail p{line-height:1.7}body .main_container .project_container .container{width:90%;display:block}body .main_container .project_container .container .card{margin-bottom:20px;width:100%}body .main_container .project_container .container .card img{width:100%}body .main_container .project_container .container .card .card_description{border-radius:3px}body .main_container .project_container .container .card:nth-child(2n){transform:none}body .main_container .project_container .container .card:hover .card_description{height:60%}body .main_container .project_detail{margin-top:20px}body .main_container .company_project_container .content .content1{grid-template-columns:repeat(2,2fr)}body .main_container .company_project_container .content .content1 .work:last-child .white_arrow{height:50px}body .main_container .oms_container{display:block;width:80%}body .main_container .oms_container .oms_div{width:100%}body .main_container .oms_container .oms_div h1{margin-bottom:0}body .main_container .choose_container h1{font-size:clamp(2rem,3.5vw,4rem);font-weight:800;font-family:Turret Road,sans-serif}body .main_container .choose_container .container{width:100%;margin:0}body .about_us_container .about_banner .container h1,body .about_us_container .about_banner .container p{width:100%}body .about_us_container .about_banner .container h1{margin-bottom:50px}body .about_us_container .about_content .container{width:90%}body .about_us_container .about_content .container .heading{width:100%}body .about_us_container .about_content .container .vision_mission{align-items:flex-start}body .about_us_container .about_content .container .vision_mission .statement{flex-direction:column;width:100%;padding-bottom:0}body .about_us_container .about_content .container .vision_mission .vision_mission_image{width:100%}body .about_us_container .core_values{padding-bottom:50px}body .about_us_container .core_values .all_values{flex-direction:column;gap:20px}body .about_us_container .core_values .all_values h3{font-size:1.5rem;margin:0}body .about_us_container .core_values .all_values p{font-size:.8rem}body .about_us_container .why_choose_us{margin-top:80px}body .about_us_container .why_choose_us .container{width:90%}body .about_us_container .why_choose_us .container .content{grid-template-columns:repeat(1,1fr);gap:60px}body .contact_container .contact_content{flex-direction:column;clip-path:polygon(6% 0,100% 0,100% 95%,93% 100%,0 100%,0 4%)}body .contact_container .contact_content>div{width:100%!important}body footer{padding:100px 20px 70px}body footer .footer_container{display:block;width:100%}body footer .footer_container .footer_img{width:60%}body footer .footer_container .website{margin-top:50px;width:100%}body footer .footer_container .site_map{margin-top:50px}body footer .footer_container .socials{margin-top:50px}body footer .footer_container .socials .social_div{justify-content:flex-start}body .solutions_container header{flex-direction:column}body .solutions_container header p{width:100%}body .solutions_container .solutions .solution{flex-direction:column}body .solutions_container .solutions .solution .solution_img,body .solutions_container .solutions .solution h1,body .solutions_container .solutions .solution .description{width:100%}body .solutions_container .solutions .solution .solution_img .overlay,body .solutions_container .solutions .solution h1 .overlay,body .solutions_container .solutions .solution .description .overlay{display:none}body .service_footer img{object-position:65%}body .service_footer .service_footer_content{width:50%;left:93%;transform:translate(-93%,-50%)}}