
*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
body{background:#f4f7fb;color:#333}

/* HEADER */
header{background:#0b2545;color:#fff;padding:15px 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}
header h1{font-size:22px}
nav a{color:#fff;margin-left:20px;text-decoration:none;font-size:14px;position:relative}
nav a::after{content:"";position:absolute;width:0;height:2px;background:#ff7a18;left:0;bottom:-5px;transition:.3s}
nav a:hover::after{width:100%}

/* HERO */

.hero {  background: url(images/home-slider.jpg) rgba(11, 37, 69, 0.5) ;}
.hero1 {  background: url(images/home-slider2.jpg) rgba(11, 37, 69, 0.5) ; height:50vh; background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:20px}
.hero1 h2{font-size:42px;margin-bottom:15px}
.hero1 p{font-size:18px;margin-bottom:25px}
.hero{height:90vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:20px}


.hero-content{max-width:700px}
.hero h2{font-size:42px;margin-bottom:15px}
.hero p{font-size:18px;margin-bottom:25px}
.btn{background:#ff7a18;color:#fff;padding:12px 25px;border-radius:30px;text-decoration:none;transition:.3s}
.btn:hover{background:#ff5400;transform:translateY(-3px)}
.hero-content h1{ color:#fff; }
.btn1{ padding:10px; background:#0b2545; margin-bottom:20px; border-radius:50px;}

/* SECTION */
.container{width:90%;max-width:1200px;margin:auto;padding:60px 0}
.section-title{text-align:center;font-size:28px;margin-bottom:40px;position:relative}
.section-title::after{content:"";width:60px;height:3px;background:#ff7a18;display:block;margin:10px auto}

/* CARDS */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,0.08);transition:.4s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}
.card h3{margin-bottom:10px}
.card p{font-size:14px;margin-bottom:15px}
.card a{color:#ff7a18;text-decoration:none;font-weight:600}

/* HOVER EFFECT */
.card::before{content:"";position:absolute;width:100%;height:0;background:#ff7a18;top:0;left:0;opacity:0.05;transition:.4s}
.card:hover::before{height:100%}

/* ABOUT */
.about{background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,0.08);}
.about p{ padding:10px 0;}

/* CONTACT */
form input,form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:15px}
form button{border:none;cursor:pointer}

/* FOOTER */
footer{background:#0b2545;color:#fff;text-align:center;padding:20px;margin-top:50px}

/* ANIMATION */
.fade-in{opacity:0;transform:translateY(30px);transition:1s}
.fade-in.show{opacity:1;transform:translateY(0)}

.imgleft{ padding:0 20px 20px 0}
.content-block{ clear:both; padding-bottom:20px;}


.company-card {
            background: #ffffff;
            padding: 20px;
            margin: 20px auto;
            max-width: 800px;
            border-radius: 6px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        }
        .company-card h2 {
            margin-top: 0;
            color: #2c3e50;
        }
        .company-info {
            margin: 6px 0;
        }
        .label {
            font-weight: bold;
        }

.company-card h2{ padding-bottom:20px;}