body{
    margin:0;
    font-family:"Trebuchet MS", Arial, sans-serif;
    background:#f4f6f9;
    color:#1f2a37;
}

/* HEADER */
header{

    background:linear-gradient(135deg,#071a33,#0A2E57);

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:25px 70px;

    color:white;

}


.logo-box{

    display:flex;
    align-items:center;
    gap:20px;

}


.logo-box img{

    width:75px;
    height:75px;
    object-fit:contain;

}


.company-info h1{

    margin:0;
    font-size:34px;

}


.company-info p{

    margin:5px 0 0;
    color:#cbd5e1;

}


nav{

    display:flex;
    gap:35px;

}


nav a{

    color:white;
    text-decoration:none;

    font-size:17px;
    font-weight:600;

}
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
}

header h1{
    margin:0;
    font-size:30px;
    letter-spacing:1px;
}

header p{
    margin-top:5px;
    color:#cbd5e1;
}

/* NAVIGATION */
nav{
    margin-top:15px;
}

nav a{
    color:white;
    text-decoration:none;
    margin:0 15px;
    font-weight:600;
    font-size:15px;
    position:relative;
}

nav a::after{
    content:"";
    position:absolute;
    width:0;
    height:2px;
    background:#C9A227;
    left:0;
    bottom:-5px;
    transition:0.3s;
}

nav a:hover::after{
    width:100%;
}

/* HERO SECTION */
.hero{

    text-align:center;

    padding:30px 20px;

    background:linear-gradient(to right, #ffffff, #eef2f7);

}}

.hero h2{
    font-size:40px;
    color:#0A2E57;
    margin-bottom:10px;
}

.hero p{
    font-size:18px;
    color:#555;
}

/* SECTION TITLE EFFECT */
.hero h2, .section-title{
    letter-spacing:0.5px;
}

/* GRID CARDS */
.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
    gap:25px;
    padding:50px;
    max-width:1200px;
    margin:auto;
}

/* CARD DESIGN */
.card{
    background:white;
    padding:25px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    transition:0.3s ease;
    border:1px solid #eee;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 25px rgba(0,0,0,0.12);
}

.card h3{
    color:#0A2E57;
    margin-bottom:10px;
}

/* PROFILE IMAGE */
.profile{
    width:140px;
    height:140px;
    border-radius:35%;
    object-fit:cover;
    border:4px solid #0A2E57;
    margin-bottom:25px;
}

/* FOOTER */
footer{
    background:#071a33;
    color:white;
    text-align:center;
    padding:18px;
    margin-top:40px;
    font-size:14px;
}

/* WHATSAPP BUTTON */
.whatsapp{
    position:fixed;
    bottom:20px;
    right:20px;
    background:#25D366;
    color:white;
    padding:14px 18px;
    border-radius:50px;
    font-weight:bold;
    text-decoration:none;
    box-shadow:0 5px 15px rgba(0,0,0,0.3);
    transition:0.3s;
}

.whatsapp:hover{
    transform:scale(1.05);
}

/* MOBILE */
@media(max-width:768px){

.header{

    flex-direction:column;
    text-align:center;
    padding:25px;

}


.logo-box{

    flex-direction:column;

}


nav{

    margin-top:20px;
    flex-wrap:wrap;
    justify-content:center;

}


.hero h2{

    font-size:28px;

}

}.about-section{

    max-width:1000px;
    margin:50px auto;
    background:white;

    padding:40px;

    border-radius:15px;

    box-shadow:0 6px 18px rgba(0,0,0,0.08);

}


.about-section h2{

    color:#0A2E57;
    margin-bottom:20px;

}


.about-section p{

    line-height:1.8;
    color:#555;
    font-size:16px;

}


.about-section ul{

    line-height:2;
    color:#444;

}.about-section{

    max-width:1000px;
    margin:50px auto;
    background:white;
    padding:40px;
    border-radius:15px;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);

}


.about-section h2{

    color:#0A2E57;
    margin-bottom:20px;

}


.about-section p{

    line-height:1.8;
    color:#555;

}


.about-section ul{

    line-height:2;
    color:#444;

}.firm-name,
.firm-subtitle {
    font-style: italic;
}
.disclaimer-box{
    width:450px;
    padding:25px;
}

.disclaimer-box h2{
    font-size:24px;
}

.disclaimer-box p{
    font-size:14px;
}

.check-area{
    margin:15px -25px -25px;
    padding:15px 25px;
}

.check-area label{
    font-size:14px;
}

button{
    padding:10px 25px;
    font-size:15px;
}
.services{
position:relative;
}

.service-dropdown{

display:none;
position:absolute;
top:35px;
background:white;
width:200px;
box-shadow:0 5px 15px #999;
padding:10px;

}

.service-dropdown a{

display:block;
padding:10px;
text-decoration:none;

}

.show{

display:block;

}
.service-dropdown{
    display:none;
    position:absolute;
    top:40px;
    left:0;
    width:220px;
    background:white;
    padding:15px;
    border-radius:8px;
    box-shadow:0 5px 20px rgba(0,0,0,0.2);
    z-index:9999;
}

.service-dropdown a{
    display:block;
    color:#0b2a4a !important;
    text-decoration:none;
    padding:12px;
    font-size:16px;
}

.service-dropdown a:hover{
    background:#f2f2f2;
}

.show{
    display:block !important;
}
nav{
    position:relative;
}

.services{
    position:relative;
}

.service-dropdown{
    display:none;
.about-menu:hover .about-dropdown{
    display:block;
}
    position:absolute;
    top:35px;
    left:0;
    width:220px;
    background:white;
    padding:10px;
    border-radius:8px;
    box-shadow:0 5px 20px rgba(0,0,0,0.2);
    z-index:9999;
}

.service-dropdown a{
    display:block;
    color:#0b2a4a !important;
    padding:12px;
    text-decoration:none;
}

.service-dropdown a:hover{
    background:#f2f2f2;
}

.show{
    display:block !important;
}
<link rel="stylesheet" href="style.css">
.about-menu{
    position:relative;
}


.about-dropdown{

    display:none;
    position:absolute;
    top:35px;
    left:0;
    width:220px;
    background:white;
    padding:10px;
    border-radius:8px;
    box-shadow:0 5px 20px rgba(0,0,0,0.2);
    z-index:9999;

}


.about-dropdown a{

    display:block;
    padding:12px;
    color:#0b2a4a !important;
    text-decoration:none;

}


.about-dropdown a:hover{

    background:#f2f2f2;

}


.show-about{

    display:block !important;

}
.services:hover .service-dropdown{
    display:block;
}
.about-menu{
    position:relative;
}

.about-dropdown{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:220px;
    background:white;
    padding:10px;
    box-shadow:0 5px 20px rgba(0,0,0,0.2);
    z-index:9999;
}

.about-menu:hover .about-dropdown{
    display:block;
}

.about-dropdown a{
    display:block;
    padding:10px;
    color:#0b2a4a;
    text-decoration:none;
}