*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#333;font-family:Roboto,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .3s}ul{list-style:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 15px}:root{--primary:#4a90d9;--primary-dark:#3a7bc8;--dark:#1a1a2e;--darker:#0f0f1a;--text:#333;--text-light:#777;--white:#fff;--light-bg:#f5f5f5;--overlay:#000000b3}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}.section-title{text-align:center;color:var(--dark);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:32px}.section-title:after{content:"";background:var(--primary);width:60px;height:3px;margin:12px auto 0;display:block}.section-subtitle{text-align:center;color:var(--text-light);margin-bottom:50px;font-size:16px}.btn{border:2px solid var(--primary);color:var(--primary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;padding:12px 35px;font-size:14px;font-weight:600;transition:all .3s;display:inline-block}.btn:hover,.btn-filled{background:var(--primary);color:var(--white)}.btn-filled:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.top-bar{background:var(--darker);color:var(--white);padding:8px 0;font-size:13px}.top-bar .container{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.top-bar-left span{margin-right:20px}.top-bar-left i{color:var(--primary);margin-right:5px}.top-bar-right .social-icons a{color:#aaa;margin-left:12px;font-size:14px;transition:color .3s}.top-bar-right .social-icons a:hover{color:var(--primary)}.header{background:var(--dark);z-index:1000;position:sticky;top:0;box-shadow:0 2px 10px #0000004d}.header .container{justify-content:space-between;align-items:center;padding:0 15px;display:flex}.logo{z-index:1001;align-items:center;display:flex;position:relative}.logo img{filter:drop-shadow(0 2px 8px #0006);width:auto;height:120px;margin-top:10px;margin-bottom:-45px;margin-right:10px;transition:transform .3s}.logo img:hover{transform:scale(1.05)}.logo-text{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:22px;font-weight:700}.nav-menu{align-items:center;display:flex}.nav-menu li{position:relative}.nav-menu li a{color:var(--white);text-transform:uppercase;letter-spacing:.5px;padding:20px 18px;font-size:14px;font-weight:500;transition:color .3s,background .3s;display:block}.nav-menu li a:hover,.nav-menu li a.active{color:var(--primary)}.nav-menu li .dropdown{background:var(--dark);opacity:0;visibility:hidden;z-index:100;min-width:220px;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(10px);box-shadow:0 5px 15px #0000004d}.nav-menu li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu li .dropdown li a{border-bottom:1px solid #ffffff0d;padding:12px 20px;font-size:13px}.nav-menu li .dropdown li a:hover{color:var(--primary);background:#c8a6561a}.nav-toggle{cursor:pointer;flex-direction:column;padding:10px;display:none}.nav-toggle span{background:var(--white);width:25px;height:2px;margin:3px 0;transition:all .3s}.hero{height:600px;position:relative;overflow:hidden}.hero-slide{opacity:0;visibility:hidden;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;position:absolute;top:0;left:0}.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}.hero-overlay{text-align:center;background:#1a1a2ebf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-content{color:var(--white);max-width:700px;padding:20px}.hero-content h1{text-transform:uppercase;letter-spacing:3px;margin-bottom:15px;font-size:48px}.hero-content h1 span{color:var(--primary)}.hero-content p{color:#fffc;margin-bottom:30px;font-size:18px}.hero-nav{z-index:10;gap:10px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hero-nav .dot{cursor:pointer;background:#fff6;border-radius:50%;width:12px;height:12px;transition:background .3s}.hero-nav .dot.active{background:var(--primary)}.about-section{background:var(--white);padding:80px 0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.about-image img{border-radius:5px;box-shadow:0 10px 30px #0000001a}.about-text h2{color:var(--dark);text-transform:uppercase;margin-bottom:20px;font-size:28px}.about-text h2 span{color:var(--primary)}.about-text p{color:var(--text-light);margin-bottom:25px;line-height:1.8}.services-section{background:var(--light-bg);padding:80px 0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:30px;display:grid}.service-card{background:var(--white);border-radius:5px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 5px 15px #00000014}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.service-card img{object-fit:cover;width:100%;height:200px}.service-card-body{padding:25px}.service-card-body h3{color:var(--dark);margin-bottom:12px;font-size:18px}.service-card-body h3 a:hover{color:var(--primary)}.service-card-body p{color:var(--text-light);margin-bottom:15px;font-size:14px;line-height:1.7}.read-more{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.read-more:hover{color:var(--primary-dark)}.products-section{background:var(--white);padding:80px 0}.products-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:30px;display:grid}.product-card{border-radius:5px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000014}.product-card:hover{transform:translateY(-5px)}.product-card img{object-fit:cover;width:100%;height:250px;transition:transform .5s}.product-card:hover img{transform:scale(1.05)}.product-card-overlay{width:100%;color:var(--white);background:linear-gradient(#0000,#000c);padding:30px 20px 20px;position:absolute;bottom:0;left:0}.product-card-overlay h3{margin-bottom:8px;font-size:18px}.product-card-overlay .btn{border-color:var(--primary);color:var(--primary);padding:8px 20px;font-size:12px}.product-card-overlay .btn:hover{background:var(--primary);color:var(--white)}.certifications-section{background:var(--light-bg);padding:80px 0}.cert-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.cert-grid img{border-radius:5px;width:100%;transition:transform .3s;box-shadow:0 5px 15px #0000001a}.cert-grid img:hover{transform:scale(1.03)}.stats-section{background:var(--dark);color:var(--white);padding:60px 0}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.stat-item h3{color:var(--primary);margin-bottom:5px;font-size:42px}.stat-item p{text-transform:uppercase;letter-spacing:1px;color:#ffffffb3;font-size:14px}.gallery-section{background:var(--white);padding:80px 0}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.gallery-item{cursor:pointer;border-radius:5px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:250px;transition:transform .5s}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-overlay{opacity:0;background:#c8a656cc;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay i{color:var(--white);font-size:30px}.brands-section{background:var(--light-bg);padding:60px 0}.brands-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;display:flex}.brand-item{text-align:center;background:var(--white);border-radius:5px;min-width:200px;padding:20px 30px;transition:transform .3s;box-shadow:0 3px 10px #0000000d}.brand-item:hover{transform:translateY(-3px)}.brand-item h4{color:var(--dark);font-size:16px}.brand-item h4 a:hover{color:var(--primary)}.page-header{background:var(--dark);text-align:center;padding:60px 0;position:relative;overflow:hidden}.page-header:before{content:"";opacity:.15;background:url(http://baghdadalsalam.com/wp-content/uploads/2022/08/Powered-by-Perkins-1-scaled.jpg) 50%/cover;width:100%;height:100%;position:absolute;top:0;left:0}.page-header-content{z-index:1;position:relative}.page-header h1{color:var(--white);text-transform:uppercase;letter-spacing:3px;margin-bottom:10px;font-size:36px}.breadcrumb{color:#fff9;font-size:14px}.breadcrumb a{color:var(--primary)}.breadcrumb a:hover{text-decoration:underline}.about-page-section{padding:80px 0}.vision-mission{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px;display:grid}.vm-card{background:var(--light-bg);border-left:4px solid var(--primary);border-radius:5px;padding:40px}.vm-card h2{color:var(--dark);text-transform:uppercase;margin-bottom:15px;font-size:24px}.vm-card p{color:var(--text-light);line-height:1.8}.about-details{margin-top:60px}.detail-card{background:var(--white);border-radius:5px;margin-bottom:30px;padding:30px;box-shadow:0 3px 10px #0000000d}.detail-card h4{color:var(--primary);text-transform:uppercase;margin-bottom:15px;font-size:20px}.detail-card p,.detail-card ul{color:var(--text-light);line-height:1.8}.detail-card ul li{padding:3px 0 3px 20px;position:relative}.detail-card ul li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:0}.products-page{padding:80px 0}.product-description{margin-bottom:50px}.product-description h2{color:var(--dark);margin-bottom:15px;font-size:26px}.product-description p{color:var(--text-light);margin-bottom:15px;line-height:1.8}.product-description ul{color:var(--text-light);line-height:2}.product-description ul li{padding-left:20px;position:relative}.product-description ul li:before{content:"•";color:var(--primary);position:absolute;left:0}.inquiry-section{padding:80px 0}.inquiry-grid{grid-template-columns:2fr 1fr;gap:50px;display:grid}.inquiry-form{background:var(--white);border-radius:5px;padding:40px;box-shadow:0 5px 20px #00000014}.form-group{margin-bottom:20px}.form-group label{color:var(--dark);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;width:100%;padding:12px 15px;font-family:inherit;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.form-group textarea{resize:vertical;min-height:120px}.checkbox-group{flex-wrap:wrap;gap:20px;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.checkbox-group input[type=radio],.checkbox-group input[type=checkbox]{width:auto;accent-color:var(--primary)}.inquiry-info{background:var(--dark);color:var(--white);border-radius:5px;padding:40px}.inquiry-info h3{color:var(--primary);margin-bottom:20px;font-size:20px}.inquiry-info p{margin-bottom:10px;font-size:14px;line-height:1.8}.inquiry-info i{color:var(--primary);margin-right:8px}.gallery-page{padding:80px 0}.gallery-post{background:var(--white);border-radius:5px;margin-bottom:40px;overflow:hidden;box-shadow:0 3px 10px #0000000d}.gallery-post-header{border-bottom:1px solid #eee;padding:25px 30px}.gallery-post-header h2 a{color:var(--dark);font-size:22px;transition:color .3s}.gallery-post-header h2 a:hover{color:var(--primary)}.gallery-post-meta{color:var(--text-light);margin-top:5px;font-size:13px}.gallery-post-images{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:5px;padding:5px;display:grid}.gallery-post-images img{object-fit:cover;width:100%;height:200px}.footer{background:var(--darker);color:#ffffffb3;padding:60px 0 0}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;padding-bottom:40px;display:grid}.footer-col h3{color:var(--white);text-transform:uppercase;margin-bottom:20px;padding-bottom:10px;font-size:18px;position:relative}.footer-col h3:after{content:"";background:var(--primary);width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-col p{margin-bottom:8px;font-size:14px;line-height:1.8}.footer-col p i{color:var(--primary);width:16px;margin-right:8px}.footer-col ul li{margin-bottom:8px}.footer-col ul li a{color:#fff9;font-size:14px;transition:color .3s,padding-left .3s}.footer-col ul li a:hover{color:var(--primary);padding-left:5px}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;padding:20px 0;font-size:13px}.footer-bottom .social-icons{margin-top:10px}.footer-bottom .social-icons a{color:#ffffff80;margin:0 8px;font-size:16px;transition:color .3s}.footer-bottom .social-icons a:hover{color:var(--primary)}.lightbox{z-index:9999;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.lightbox.active{display:flex}.lightbox img{border-radius:5px;max-width:90%;max-height:90%}.lightbox-close{color:var(--white);cursor:pointer;font-size:30px;position:absolute;top:20px;right:30px}@media (max-width:992px){.about-grid,.vision-mission,.inquiry-grid{grid-template-columns:1fr}.hero-content h1{font-size:36px}.hero{height:450px}}@media (max-width:768px){.top-bar{display:none}.logo img{height:80px;margin-top:5px;margin-bottom:-25px}.nav-toggle{display:flex}.nav-menu{background:var(--dark);z-index:999;flex-direction:column;width:280px;height:100vh;padding-top:80px;transition:right .3s;position:fixed;top:0;right:-300px;overflow-y:auto}.nav-menu.active{right:0}.nav-menu li a{border-bottom:1px solid #ffffff0d;padding:15px 25px}.nav-menu li .dropdown{opacity:1;visibility:visible;box-shadow:none;background:#0003;display:none;position:static;transform:none}.nav-menu li.dropdown-open .dropdown{display:block}.hero-content h1{font-size:28px}.hero-content p{font-size:15px}.hero{height:400px}.section-title{font-size:26px}.cert-grid,.footer-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-content h1{font-size:22px}.btn{padding:10px 25px;font-size:12px}}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.scroll-top{background:var(--primary);width:45px;height:45px;color:var(--white);cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .3s;display:none;position:fixed;bottom:30px;right:30px;box-shadow:0 3px 10px #0003}.scroll-top:hover{background:var(--primary-dark)}.scroll-top.visible{display:flex}