@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Montserrat,sans-serif}.gold{color:#d4af37}.bg-gold{background-color:#d4af37!important}.gray{color:#9ca3af}footer{width:100%;height:350px;background-color:#000}footer p{color:#9ca3af;cursor:pointer}footer hr{border:1px solid #1F2937;margin:12px 30px}footer h3{color:#fff;margin:0}.footer-items{display:flex;justify-content:center;align-items:center;gap:125px;height:250px}.footer-about{width:25%;display:flex;justify-content:flex-start;align-items:baseline;flex-direction:column}.footer-about p{margin:0}.footer-about-logo{display:flex;justify-content:center;align-items:center}.footer-about-logo img{width:200px;height:185px}.footer-services{width:25%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px}.footer-services p{margin:0}.footer-services p:hover{color:#d4af37}.footer-links{width:25%;display:flex;justify-content:flex-start;align-items:center;text-align:center;flex-direction:column;gap:20px}.footer-link-list{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:20px}.footer-link{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid #9CA3AF;color:#9ca3af;transition:.3s all ease-in-out;font-size:20px;cursor:pointer}.footer-link:hover{border:2px solid #D4AF37;color:#d4af37}.footer-link a{width:20px;height:20px;color:#9ca3af;transition:.3s all ease-in-out}.footer-link:hover a{color:#d4af37}.footer-policy-container{display:flex;justify-content:space-around;align-items:center;gap:215px}.dev-logo{width:50px;cursor:pointer}.dev-logo img{width:100px;height:55px}.footer-policy{display:flex;justify-content:center;align-items:center;gap:10px}.footer-policy a{color:#9ca3af;transition:.3s all ease-in-out;text-decoration:none}.footer-policy a:hover{color:#d4af37}@media (max-width : 1220px){footer{height:auto}.footer-items{flex-direction:column;height:auto;padding:30px 0;gap:95px}.footer-about{align-items:center}.footer-about p,.footer-services{text-align:center}.dev-logo{width:100px;cursor:pointer}.footer-policy-container{flex-direction:column-reverse;gap:20px}.footer-policy{flex-direction:column}}@media (max-width : 380px){footer p{text-align:center}}.navbar{width:100%;height:90px;color:#fff;background-color:#000000e6;position:fixed;top:0;display:flex;justify-content:space-between;align-items:center;z-index:99}.navbar-logo{display:flex;justify-content:center;align-items:center;margin:0 40px}.navbar-logo img{width:140px;height:92px}.navbar-menu{display:flex;justify-content:center;align-items:center;gap:20px;list-style:none;padding:0;margin:0 40px}.navbar-menu li{cursor:pointer;transition:.3s all ease-in-out}.navbar-menu li a{text-decoration:none;color:#fff}.navbar-menu li:hover,.navbar-menu li a:hover{color:#d4af37}@media (max-width : 769px){.navbar{justify-content:center}.navbar-menu{display:none}}.slider{width:100%;height:800px}.slider img{width:100%;height:850px}.slider-text{position:relative;top:-230px;display:flex;justify-content:center;align-items:center;gap:20px;font-size:26px;font-weight:800}.main-about{color:#fff;background-color:#1a1a1a;display:flex;justify-content:center;align-items:center;gap:80px;padding:100px 0}.main-about img{width:592px;height:592px;object-fit:cover;border-radius:12px}.main-about-desc h1{margin:40px 0}.main-about-desc p{width:545px;line-height:25px;color:#d1d5db;margin:30px 0}.main-projects{color:#fff;background-color:#121212;padding:80px 0}.main-projects-title{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.main-projects-title p{color:#9ca3af;width:650px}.project-categories{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px}.project-categories-item{width:8%;height:40px;border:1px solid #2a2a2a;border-radius:8px;color:#fff;background-color:#2a2a2a;display:flex;justify-content:center;align-items:center;cursor:pointer}.main-projects-items{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:40px;margin:60px}.main-projects-item{width:100%;height:460px;color:#fff;background-color:#1a1a1a;border-radius:12px;cursor:pointer}.main-projects-item-image{border-top-right-radius:12px;border-top-left-radius:12px;overflow:hidden;position:relative}.main-projects-item-image img{width:100%;height:240px;object-fit:cover;border-top-right-radius:12px;border-top-left-radius:12px;transition:.3s all ease-in-out}.main-projects-item-details{opacity:0;width:100%;height:250px;position:absolute;top:0;left:0;border-top-right-radius:12px;border-top-left-radius:12px;transition:.3s all ease-in-out;background-color:#00000080;display:flex;justify-content:center;align-items:center}.main-projects-item:hover img{scale:1.1}.main-projects-item:hover .main-projects-item-details{opacity:1}.main-projects-item-desc{margin:0 30px}.main-projects-item-desc-title{display:flex;justify-content:space-between;align-items:center}.main-projects-item-year{color:#9ca3af}.main-projects-item-desc-content{color:#9ca3af;display:flex;justify-content:flex-start;align-items:center;gap:10px}.main-projects-item-desc-content p{margin:10px}.details-button{width:150px;height:50px;color:#fff;background-color:#d4af37;border:1px solid #D4AF37;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer}.shadow{width:100%;height:100vh;background:#1212124d;position:fixed;overflow:hidden;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:999}.close-btn{position:absolute;top:2%;right:2%;width:45px;height:45px;display:flex;justify-content:center;align-items:center;cursor:pointer}.close-btn svg{font-size:35px}.toggle-projects-container{margin:40px;display:flex;justify-content:center;align-items:center;flex-direction:column}.toggle-projects-title{width:100%;display:flex;justify-content:flex-start}.toggle-projects-items{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:400px;gap:40px;overflow-x:auto;place-items:center;overflow-y:hidden;padding:30px}.toggle-projects-items::-webkit-scrollbar{width:8px;height:8px}.toggle-projects-items::-webkit-scrollbar-track{background:#2a2a2a}.toggle-projects-items::-webkit-scrollbar-thumb{background-color:#d4af37;border-radius:6px;border:3px solid #D4AF37}.toggle-projects-item{width:100%;height:460px;color:#fff;background-color:#1a1a1a;border-radius:12px;cursor:pointer}.toggle-projects-item-image{border-top-right-radius:12px;border-top-left-radius:12px;overflow:hidden;position:relative}.toggle-projects-item-image img{width:100%;height:240px;object-fit:cover;border-top-right-radius:12px;border-top-left-radius:12px;transition:.3s all ease-in-out}.toggle-projects-item-details{opacity:0;width:100%;height:250px;position:absolute;top:0;left:0;border-top-right-radius:12px;border-top-left-radius:12px;transition:.3s all ease-in-out;background-color:#00000080;display:flex;justify-content:center;align-items:center}.toggle-projects-item:hover img{scale:1.1}.toggle-projects-item:hover .toggle-projects-item-details{opacity:1}.toggle-projects-item-desc{margin:0 30px}.toggle-projects-item-desc-title{display:flex;justify-content:space-between;align-items:center}.toggle-projects-item-year{color:#9ca3af}.toggle-projects-item-desc-content{color:#9ca3af;display:flex;justify-content:flex-start;align-items:center;gap:10px}.toggle-projects-item-desc-content p{margin:10px}.all-projects-toggle{width:100%;height:100vh;background-color:#121212;border-radius:12px;position:relative;overflow-y:auto}.all-projects-toggle::-webkit-scrollbar{width:8px;height:12px}.all-projects-toggle::-webkit-scrollbar-track{background:#2a2a2a}.all-projects-toggle::-webkit-scrollbar-thumb{background-color:#d4af37;border-radius:6px;border:3px solid #D4AF37}.all-projects-toggle-title{text-align:center;margin-top:50px}.all-projects-button-center{display:flex;justify-content:center;align-items:center}.all-projects-button{width:180px;height:50px;color:#d4af37;background-color:#121212;border:1px solid #D4AF37;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.4s all ease}.all-projects-button:hover{width:180px;height:50px;color:#fff;background-color:#d4af37;border:1px solid #D4AF37;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer}.project-details-toggle{width:100%;height:100vh;background-color:#121212;border-radius:12px;position:relative;overflow-y:auto;z-index:999}.project-details-toggle::-webkit-scrollbar{width:8px;height:12px}.project-details-toggle::-webkit-scrollbar-track{background:#2a2a2a}.project-details-toggle::-webkit-scrollbar-thumb{background-color:#d4af37;border-radius:6px;border:3px solid #D4AF37}.project-details-toggle iframe{height:80vh}.project-details-title{display:flex;justify-content:center;align-items:center;gap:20px;margin:15px}.main-services{color:#fff;background-color:#121212;padding:100px 0}.main-services-title{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.main-services-title p{width:670px;text-align:center}.main-services-items{display:flex;justify-content:center;align-items:center;gap:20px;margin:40px}.main-services-item{width:25%;min-height:230px;color:#fff;background-color:#222;border-radius:12px;display:flex;justify-content:center;align-items:baseline;flex-direction:column;gap:5px;transition:.3s all ease;cursor:pointer}.main-services-item:hover{background-color:#2f2f2f}.main-services-item svg{font-size:25px}.main-services-item p{margin:0 30px;min-height:75px}.contact-me{color:#fff;background-color:#1a1a1a;padding:60px 0;display:flex;justify-content:center;align-items:center;gap:20px}.google-maps{width:75%;height:250px}.contact-me-title{display:flex;justify-content:center;align-items:baseline;flex-direction:column;margin:10px 0}.contact-me-title p{color:#d1d5db}.contact-me-info{margin:50px}.contact-me-info-items{display:flex;justify-content:center;align-items:baseline;flex-direction:column;gap:20px}.contact-me-info-item{display:flex;justify-content:center;align-items:center;gap:30px}.contact-me-info-item svg{font-size:30px}.contact-form{width:40%;height:685px;border-radius:12px;color:#fff;background-color:#222;padding:15px;margin-top:50px}.contact-form form{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:25px}.contact-form-item{width:100%;display:flex;justify-content:center;align-items:baseline;flex-direction:column;gap:10px;margin:10px 25px}.contact-form-item input{width:98%;height:40px;color:#fff;background-color:#2a2a2a;border:1px solid #2a2a2a;border-radius:4px;outline:none;padding-left:10px}.contact-form-item select{width:100%;height:50px;color:#fff;background-color:#2a2a2a;border:1px solid #2a2a2a;border-radius:4px;outline:none;padding-left:10px}.contact-form-item textarea{width:98%;height:100px;color:#fff;background-color:#2a2a2a;border:1px solid #2a2a2a;border-radius:4px;outline:none;resize:none;padding:10px;font-family:Montserrat,sans-serif}.contact-send-buttons{width:100%;display:flex;justify-content:space-between;align-items:center;margin:15px}.contact-send-button{width:150px;height:50px;color:#fff;background-color:#d4af37;border:1px solid #D4AF37;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer}@media (max-width : 1232px){.main-projects-items{grid-template-columns:repeat(2,1fr)}.main-about{flex-direction:column}.main-services-items{display:grid;grid-template-columns:repeat(2,1fr);place-items:center}.main-services-item{width:95%}.contact-me{flex-direction:column}.contact-form{width:80%}}@media (max-width : 900px){.slider,.slider iframe{height:480px}.main-projects-items{grid-template-columns:repeat(1,1fr)}}@media (max-width : 769px){.project-categories-item{width:14%}.main-projects-item{height:495px}.contact-send-buttons{flex-direction:column;gap:30px}.contact-form{height:auto}}@media (max-width : 669px){.main-projects-title p{width:400px}.main-projects-items{margin:60px 28px}.main-services-items{display:grid;grid-template-columns:repeat(1,1fr)}.project-categories-item{width:18%}.main-about img{width:425px;height:500px}.main-about-desc{margin:30px}.main-about-desc p{width:395px}.main-services-title p{width:320px}}@media (max-width : 540px){.main-about img{width:370px;height:500px}.main-about-desc{margin:10px}.project-categories-item{width:20%}}@media (max-width : 420px){.main-about img{width:355px;height:448px}.main-about-desc{margin:10px}.main-about-desc h1{font-size:22px}.main-about-desc p{width:300px}.contact-me-title p{width:330px}.contact-me-title{width:350px}.contact-me-info{margin:50px 20px}.main-projects-title p{width:335px}}