@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--black: #000000;--white: #ffffff;--dark-gray: #333333;--medium-gray: #bdbdbd;--light-gray: #f2f2f2;--input-placeholder-color: #8d8d8d;--footer-copyright-color: #c8c8c880;--basic-font: "Roboto", sans-serif;--footer-copyright-font: "Open Sans", sans-serif;--font-size-xs: 12px;--font-size-s: 14px;--font-size-m: 16px;--font-size-l: 22px;--font-size-xl: 24px;--font-size-2xl: 40px;--font-size-3xl: 64px}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}li{list-style:none}button{cursor:pointer;font-family:Roboto,sans-serif;font-size:var(--font-ize-md)}.ourProject{display:flex;flex-direction:column;max-width:1170px;margin:70px auto 0}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"card1 card2 ." "card3 card4 card5";gap:20px}.project-grid .card1{grid-area:card1;grid-column:span 2}.project-grid .card2{grid-area:card2;grid-column:span 2}.project-grid .card3{grid-area:card3;grid-column:span 1}.project-grid .card4{grid-area:card4;grid-column:span 2}.project-grid .card5{grid-area:card5;grid-column:span 1}.project-card{position:relative;overflow:hidden}.project-card img{width:100%;height:100%;display:block;object-fit:cover}.project-card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;flex-direction:column;justify-content:center;gap:8px;color:#fff;font-size:20px;font-weight:700;transition:opacity .3s ease;padding:48px 60px}.overlay_text{max-width:233px;font-family:Roboto;font-size:var(--font-size-3xl);line-height:64px;font-weight:700;margin-bottom:8px}.project-card:hover .overlay{opacity:1}.project-card:not(:hover) .overlay{opacity:0}.project-card .btn_viewMore{font-family:Gothic A1;font-weight:400;font-size:12px;text-transform:uppercase;display:flex;align-items:center;line-height:12px;gap:20px}.ourProjectHeader{font-family:Roboto;font-weight:300;font-size:64px;line-height:64px;letter-spacing:0%;color:#bdbdbd;margin-bottom:40px}.all-project{width:200px;height:71px;padding:30px 73 29px 39px;border:none;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#333;color:#fff;margin-top:10px}.all-project h1{font-family:Roboto;font-weight:400;font-size:12px;line-height:12px;letter-spacing:20%;text-transform:uppercase}.container{display:flex;justify-content:end}@media (max-width: 1154px){.ourProject{padding:0 15px}}@media (max-width: 768px){.ourProject{padding:0 15px}}@media (max-width: 600px){.ourProject{padding:0 20px}.project-grid{grid-template-columns:1fr;grid-template-areas:"card1" "card2" "card3" "card4" "card5";gap:20px}.project-card{margin-bottom:20px}.project-card .overlay{font-size:16px;padding:20px}}.nav-container{max-width:1440px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;color:#333;margin:0 auto}.nav-logo{margin-left:50px;margin-top:10px}.hamburger-menu{font-size:30px;cursor:pointer;display:none}.nav-list{height:100%;display:flex;justify-content:space-around;margin-top:10px;gap:80px}.nav-list-item{position:relative;padding:10px;cursor:pointer}.nav-list-item a{color:#333;text-decoration:none;font-size:12px}.nav-list-item:before,.nav-list-item:after{content:"";position:absolute;left:0;right:0;height:1px;background-color:#000;transition:transform .8s ease}.nav-list-item:before{top:0;transform:scaleX(0)}.nav-list-item:after{bottom:0;transform:scaleX(0)}.nav-list-item.active:before,.nav-list-item.active:after{transform:scaleX(1)}.nav-menu a:hover{color:#99c3d3}@media (max-width: 1000px){.hamburger-menu{display:block;margin-top:10px}.nav-menu{display:none;position:fixed;top:50%;left:50%;height:calc(100vh - 120px);transform:translate(-50%,-50%);width:100%;justify-content:center;align-items:center;z-index:1000;background-color:#fff}.show-menu .nav-menu{display:flex}.nav-list{height:100%;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px}.nav-list{margin:10px 0}}.fe-6-hero-section{width:100%;max-width:1440px;margin:0 auto;background-color:var(--white);padding:20px;display:flex;align-items:center;justify-content:center}.fe-6-hero-wrapper{display:flex;width:100%;justify-content:space-between;align-items:center;gap:50px}.fe-6-hero-container{display:flex;flex-direction:column;gap:50px}.fe-6-hero-title span{color:var(--medium-gray);font-size:var(--font-size-3xl);font-family:var(--basic-font);font-weight:300}.fe-6-hero-title h2{font-size:var(--font-size-3xl);font-weight:700;font-family:var(--basic-font)}.fe-6-hero-button button{padding:10px 15px;margin:5px;font-size:18px;cursor:pointer;background-color:var(--white);color:var(--dark-gray);border:solid 1px var(--medium-gray);border-radius:4px}.fe-6-hero-button button:hover{transition:all .3s ease-in-out;color:var(--medium-gray);background-color:var(--light-gray)}.fe-6-hero-counter{margin-top:10px;font-size:var(--font-size-xl);font-family:var(--basic-font);color:var(--medium-gray);line-height:18px}.fe-6-hero-container2{max-width:770px;height:clamp(530px,40vw,830px);width:100%;overflow:hidden}.fe-6-hero-images{width:100%}.fe-6-hero-images img{display:none;width:100%;min-height:539px;object-fit:cover}.fe-6-hero-images img.active{display:block}@media (max-width: 768px){.fe-6-hero-title span,.fe-6-hero-title h2{font-size:var(--font-size-2xl);text-align:center}.fe-6-hero-button button{font-size:14px;padding:6px 10px}}@media (max-width: 675px){.fe-6-hero-wrapper{position:relative}.fe-6-hero-container{position:absolute;bottom:10px;left:10px;max-width:250px;width:100%;background:#fffc;padding:10px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10}.fe-6-hero-container2{position:relative}.fe-6-hero-images img.active{display:block;width:100%;height:auto}.fe-6-hero-button button{font-size:12px;padding:5px 8px;background:#00000080;color:#fff;border:none;border-radius:4px}}@media (max-width: 480px){.fe-6-hero-title span,.fe-6-hero-title h2{font-size:var(--font-size-xl)}.fe-6-hero-counter{font-size:var(--font-size-l)}}.about-container{display:flex;flex-direction:row;max-width:1170px;margin:0 auto;gap:30px;background-color:#fbfbfb;justify-content:center;padding:50px 50px 0}.about-left-container{display:grid;grid-template-rows:repeat(16,1fr);grid-template-columns:repeat(3,auto);gap:10px;width:100%}.about1pic{grid-row:1 / 12;grid-column:1 / 2}.about2pic{grid-row:11 / 17;grid-column:1 / 2;position:relative;top:40px;overflow:visible}.about3pic{grid-row:2 / 15;grid-column:2 / 3}.about-section,.about-container{overflow:visible}.about-right-container{max-width:400px;height:auto;display:flex;flex-direction:column;justify-content:center;gap:40px;font:var(--basic-font)}.about-title{font-size:var(--font-size-3xl);font-weight:300;color:var(--medium-gray)}.about-p{font-size:var(--font-size-m);font-weight:100;line-height:25px;color:var(--black)}.about-section-button{max-width:222px;height:60px;background-color:var(--white);font-size:var(--font-size-xs);border:none;color:var(--dark-gray);padding-right:70px;cursor:pointer}.aboutpopup{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1000;width:fit-content;height:fit-content;background-color:var(--white);padding:40px;border-radius:8px;box-shadow:0 4px 20px #0000004d;transform:none}.aboutpopup img{width:100%;height:auto;object-fit:cover}.aboutpopup[style*="display: block"]{display:grid!important;grid-template-columns:repeat(2,1fr);grid-gap:5px;max-width:95vw}.aboutclose-button{position:absolute;top:3px;right:3px;padding:8px 15px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.aboutoverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:500}@media screen and (max-width: 1000px){.about-container{align-items:center;gap:30px;padding:40px 20px 0}.about-left-container{width:50%;min-width:300px}.about-left-container img{width:100%;height:auto;object-fit:cover;margin-left:0}.about2pic{top:20px}.about-right-container{width:50%;min-width:300px;text-align:left;margin-top:0;margin-bottom:20px}.about-title{font-size:var(--font-size-2xl)}}@media screen and (max-width: 660px){.about-container{flex-direction:column;align-items:center;text-align:center;gap:40px;padding:30px 15px 0}.about-left-container{width:90%;display:flex;flex-direction:column;align-items:center;margin-left:0}.about2pic{position:static}.about-left-container img{width:100%;max-width:300px;margin-bottom:10px}.about-right-container{width:90%;text-align:center;margin-top:20px;margin-bottom:20px}}.mm_container{display:flex;flex-direction:column;align-items:center;gap:30px;margin:70px auto 0;max-width:1170px;width:100%;padding:20px}.mm_title{font-size:var(--font-size-2xl);font-family:var(--basic-font);color:var(--medium-gray);font-weight:400;text-align:center;margin-bottom:10px}.mm_item{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:500px;gap:15px;padding:20px;background-color:transparent;border-radius:10px}.mm_number{font-family:var(--basic-font);color:var(--light-gray);font-weight:700;font-size:100px;line-height:100%;margin-right:10px}.main_defination{font-family:var(--basic-font);font-size:var(--font-size-m);color:var(--dark-gray);width:100%;line-height:24px}.swiper{width:100%;max-width:900px;padding:20px 0}.swiper-slide{display:flex;align-items:center;justify-content:center;height:auto;padding:10px}@media (max-width: 1024px){.mm_title{font-size:var(--font-size-xl)}.mm_number{font-size:100px}.main_defination{font-size:var(--font-size-s)}}@media (max-width: 768px){.mm_container{padding:10px}.swiper-slide{max-width:100%}.mm_item{flex-direction:column;text-align:center;gap:10px;padding:15px}.mm_number{font-size:100px;margin-right:0}}@media (max-width: 480px){.mm_title{font-size:var(--font-size-l)}.mm_number{font-size:50px}.main_defination{font-size:var(--font-size-xs)}}.fe-10-container{max-width:1440px;margin:0 auto;width:100%;display:flex;flex-direction:column;padding:50px 0}.fe-10-head{text-align:left;margin-bottom:20px}.fe-10-title{font-family:var(--basic-font);font-size:var(--font-size-3xl);color:var(--medium-gray);font-weight:300;line-height:64px}.fe-10-contact{display:flex;justify-content:space-between;width:100%;gap:50px}.fe-10-form-container{flex:1;max-width:500px}.fe-10-input-group{display:flex;flex-direction:column;gap:25px}.fe-10-form-element{max-width:none;height:46px;display:flex;position:relative}.error-message,.error{font-family:var(--basic-font);position:absolute;color:red;font-size:12px;right:0;bottom:50px}.fe-10-input,.fe-10-textarea{width:100%;padding:18px;border:none;background-color:var(--light-gray);font-size:var(--font-size-s);outline:none}.fe-10-textarea{height:50px;resize:none}.fe-10-button{margin-top:25px;padding:18px;width:220px;background:var(--black);color:var(--white);border:none;cursor:pointer;font-size:var(--font-size-xs);font-weight:400;display:flex;align-items:center;justify-content:center;border-radius:5px}.fe-10-image-container{flex:1;display:flex;align-items:start;justify-content:end}.fe-10-image{width:100%;height:auto;min-height:330px;object-fit:cover}@media (max-width: 768px){.fe-10-container{max-width:100%;flex-direction:column;align-items:center}.fe-10-contact{max-width:100%;flex-direction:column;align-items:center;gap:20px}.fe-10-form-container{max-width:760px;width:100%;padding:10px}.fe-10-image-container{display:none}}.footer{display:grid;grid-template-columns:10% 30% 30% 30%;background-color:#2c2c2c;padding:25px 30px;color:#fff;max-width:1440px;margin:20px auto;font-family:var(--basic-font);font-size:var(--font-size-m)}.footer .left{display:flex;justify-content:space-evenly}.footer img{width:145px;height:94px;margin-left:20px}.footer .left a{text-decoration:none;color:#fff;margin-left:-35px}.footer .left ul li{list-style-type:none;margin-top:17px}.footer .information ul li a{margin-left:2px}.footer .contacts .contacts-list{display:flex;flex-direction:column;gap:25px;margin-top:25px}.footer .right .class{margin-top:25px}.footer .contacts .contacts-list i{margin-right:5px}.footer .right i{margin-right:30px}.footer i:hover,.footer li:hover{transform:translateY(-3px) translate(-5px)}@media (max-width: 1210px){.footer{display:grid;grid-template-columns:1fr 1fr}.footer img{margin:20px auto}.footer .contacts{text-align:center;margin-bottom:30px}.footer .right{margin:0 auto;display:flex;flex-direction:column;justify-content:center}.footer .right .class{display:inline}}@media (max-width: 780px){.footer{display:grid;grid-template-columns:1fr;text-align:center}.footer .contacts,.footer img{margin:20px auto}}