body{
    font-family:Arial, Helvetica, sans-serif;
    background:#f8f9fa;
}

/* ==========================
PREMIUM NAVBAR
========================== */

.navbar{

    position:sticky;

    top:0;

    z-index:999;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(15px);

    padding:14px 0;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.navbar-brand{

    display:flex;

    align-items:center;

    gap:10px;

    padding:0;

}

.navbar-brand img{

    height:55px;

    transition:.3s;

}

.nav-link{

    font-weight:600;

    font-size:15px;

    margin-left:18px;

    color:#0A2F5C!important;

    position:relative;

}

.navbar-brand{
    display:flex;
    align-items:center;
    gap:12px;
}

.navbar-brand img{
    height:60px;
    transition:.3s;
}

.brand-text{
    display:flex;
    flex-direction:column;
    line-height:1.1;
    margin-left:-8px;
}

.brand-title{
    font-size:15px;
    font-weight:700;
    color:#0A2F5C;
}

.brand-subtitle{
    font-size:0.8rem;
    color:#64748b;
}

.nav-link{
    font-weight:500;
    margin-left:20px;
    color:#0A2F5C !important;
}

.nav-link::after{

content:"";

position:absolute;

left:0;

bottom:-6px;

width:0;

height:3px;

background:#F58220;

transition:.3s;

}

.nav-link:hover::after{

width:100%;

}

.btn-quote{
    background:#F58220;
    color:white;
    border-radius:30px;
    padding:10px 22px;
    text-decoration:none;
    font-weight:bold;
}

.btn-quote:hover{
    background:#d96e16;
    color:white;
}/* ==========================
   HERO SECTION
========================== */

.hero{
    padding-top:90px;

    min-height:100vh;

    background:
    linear-gradient(rgba(10,47,92,.75),rgba(10,47,92,.75)),
    url("../images/hero.jpg");

    background-size:cover;

    background-position:center;

    display:flex;

    align-items:center;

    color:white;

}

.hero h1{

    font-size:72px;

    font-weight:700;

    line-height:1.2;

    margin-bottom:25px;

}

.hero p{

    font-size:21px;

    margin-bottom:20px;

    max-width:620px;

    line-height:1.9;


}

.btn-main{

    display:inline-block;

    background:#F58220;

    color:white;

    padding:16px 38px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    box-shadow:0 15px 45px rgba(245,130,32,.35);

    transition:.35s;

}

.btn-lower{

    margin-top:30px;

}

.btn-main:hover{

transform:translateY(-5px);

background:#d96f12;

color:white;

}

.btn-main:hover{

    background:white;

    color:#0A2F5C;

}

.btn-outline-light{

    border-radius:40px;

    padding:14px 34px;

}/* ==========================
CLIENTS
========================== */

.clients-section{

padding:90px 0;

background:#F8FAFC;

}

.client-box{

background:white;

padding:40px;

border-radius:20px;

box-shadow:0 8px 25px rgba(0,0,0,.08);

transition:.35s;

display:flex;

align-items:center;

justify-content:center;

height:170px;

}

.client-box:hover{

transform:translateY(-8px);

}

.client-box img{

max-height:70px;

filter:grayscale(100%);

transition:.35s;

}

.client-box:hover img{

filter:none;

}/* ==========================
OUR SOLUTIONS
========================== */

.solutions-section{

padding:100px 0;

background:white;

}

.solution-card{

background:white;

border-radius:20px;

padding:40px;

height:100%;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.35s;

text-align:center;

}

.solution-card:hover{

    transform:translateY(-10px);

}

.solution-card{

    position:relative;

    overflow:hidden;

}

.solution-card p a{

    color:#0A2F5C;

    text-decoration:none;

    font-weight:600;

}

.solution-card p a:hover{

    text-decoration:underline;

}

.solution-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

background:#0A2F5C;

display:flex;

align-items:center;

justify-content:center;

}

.solution-icon i{

font-size:40px;

color:#F58220;

}

.solution-card h4{

margin-bottom:20px;

color:#0A2F5C;

font-weight:700;

}

.solution-card p{

color:#666;

line-height:1.7;

}/* ==========================
SEALXPERT
========================== */

.sealxpert-section{

padding:110px 0;

background:#F8FAFC;

}

.sealxpert-section h2{

font-size:46px;

font-weight:700;

color:#0A2F5C;

margin-bottom:25px;

}

.sealxpert-section p{

font-size:18px;

line-height:1.8;

color:#555;

margin-bottom:35px;

}

.sealxpert-image{

max-width:500px;

transition:.4s;

}

.sealxpert-image:hover{

transform:scale(1.04);

}/* ==========================
ABOUT
========================== */

.about-section{

padding:110px 0;

background:white;

}

.about-section h2{

font-size:44px;

font-weight:700;

color:#0A2F5C;

margin-bottom:25px;

}

.about-section p{

font-size:18px;

color:#555;

line-height:1.8;

}

.about-list{

margin-top:35px;

margin-bottom:35px;

}

.about-list div{

margin-bottom:18px;

font-size:18px;

font-weight:500;

}

.about-list i{

color:#F58220;

margin-right:10px;

}/* ==========================
STATISTICS
========================== */

.stats-section{

background:#0A2F5C;

padding:90px 0;

}

.stat-box{

color:white;

}

.stat-box h2{

font-size:56px;

font-weight:700;

color:#F58220;

margin-bottom:15px;

}

.stat-box h5{

font-weight:500;

}/* ==========================
WHY CHOOSE OSEA
========================== */

.why-section{

padding:100px 0;

background:#F8FAFC;

}

.why-card{

background:white;

padding:40px;

border-radius:20px;

text-align:center;

height:100%;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.35s;

}

.why-card:hover{

transform:translateY(-10px);

}

.why-card i{

font-size:50px;

color:#F58220;

margin-bottom:20px;

}

.why-card h4{

color:#0A2F5C;

font-weight:700;

margin-bottom:15px;

}

.why-card p{

color:#666;

line-height:1.7;

}/* ==========================
CTA
========================== */

.cta-section{

padding:100px 0;

background:#ffffff;

}

.cta-box{

background:linear-gradient(135deg,#0A2F5C,#0069B4);

padding:70px;

border-radius:25px;

color:white;

box-shadow:0 20px 45px rgba(0,0,0,.15);

}

.cta-box h2{

font-size:42px;

font-weight:700;

margin-bottom:20px;

}

.cta-box p{

font-size:18px;

opacity:.95;

margin:0;

}

.btn-light-custom{

display:inline-block;

background:white;

color:#0A2F5C;

padding:16px 35px;

border-radius:50px;

font-weight:700;

text-decoration:none;

transition:.3s;

}

.btn-light-custom:hover{

background:#F58220;

color:white;

transform:translateY(-3px);

}/* ==========================
FOOTER
========================== */

footer{

background:#07172E;

color:white;

padding:80px 0 30px;

}

footer h5{

margin-bottom:20px;

font-weight:700;

}

.footer-links{

padding:0;

list-style:none;

}

.footer-links li{

margin-bottom:12px;

}

.footer-links a{

color:#D1D5DB;

text-decoration:none;

}

.footer-links a:hover{

color:#F58220;

}

footer hr{

margin:40px 0;

border-color:rgba(255,255,255,.15);

}/* ==========================
FLOATING CONTACT
========================== */

.floating-contact{

position:fixed;

right:25px;

bottom:25px;

display:flex;

flex-direction:column;

gap:15px;

z-index:9999;

}

.floating-btn{

width:60px;

height:60px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

text-decoration:none;

color:white;

font-size:24px;

box-shadow:0 10px 30px rgba(0,0,0,.2);

transition:.3s;

}

.floating-btn:hover{

transform:translateY(-5px) scale(1.08);

color:white;

}

.whatsapp{

background:#25D366;

}

.phone{

background:#0A2F5C;

}

.email{

background:#F58220;

}.fade-up{

opacity:0;

transform:translateY(40px);

transition:all .8s ease;

}

.fade-up.show{

opacity:1;

transform:translateY(0);

}#topBtn{

position:fixed;

right:25px;

bottom:245px;

width:55px;

height:55px;

border:none;

border-radius:50%;

background:#0A2F5C;

color:white;

font-size:22px;

cursor:pointer;

display:none;

box-shadow:0 10px 25px rgba(0,0,0,.2);

transition:.3s;

}

#topBtn:hover{

background:#F58220;

}/* ==================================
PAGE HERO
================================== */

.page-hero{

padding:170px 0 110px;

background:

linear-gradient(

rgba(10,47,92,.88),

rgba(10,47,92,.88)

),

url("../images/hero.jpg");

background-size:cover;

background-position:center;

text-align:center;

color:white;

}

.page-hero h1{

font-size:64px;

font-weight:700;

margin-bottom:20px;

}

.page-hero p{

font-size:20px;

max-width:800px;

margin:auto;

line-height:1.9;

}.page-hero{

background:

linear-gradient(rgba(10,47,92,.85),rgba(10,47,92,.85)),

url("../images/hero.jpg");

background-size:cover;

background-position:center;

color:white;

padding:170px 0 120px;

}

/* ==========================
ABOUT COMPANY SECTION
========================== */

.about-company{

    padding:100px 0;

    background:#f6f8fc;

}

.section-subtitle{

    display:inline-block;

    color:#F58220;

    font-weight:700;

    font-size:16px;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:15px;

}

.about-company h2{

font-size:44px;

font-weight:700;

color:#0A2F5C;

margin-bottom:25px;

line-height:1.2;

}

.about-company p{

font-size:18px;

color:#555;

line-height:1.8;

margin-bottom:20px;

}

.about-company img{

    transition:.35s;

}

.about-company img:hover{

    transform:scale(1.02);

}

.contact-form .form-control{

    border-radius:14px;

    border:1px solid #d7dbe1;

    box-shadow:inset 0 1px 3px rgba(0,0,0,.05);

}

.contact-form .form-label{

    font-weight:700;

    color:#0A2F5C;

}

.contact-details{

    line-height:1.8;

}

.contact-details h3{

    font-weight:700;

    color:#0A2F5C;

    margin-bottom:20px;

}

.contact-details p{

    color:#475569;

}

.social-links .btn-outline-secondary{

    border-color:#0A2F5C;

    color:#0A2F5C;

}

.social-links .btn-outline-secondary:hover{

    background:#0A2F5C;

    color:white;

    border-color:#0A2F5C;

}

.location-link{

    display:inline-block;

    margin-top:10px;

    color:#F58220;

    font-weight:700;

}

.location-link:hover{

    color:#d96f12;

}
.trusted-logos{
    display:grid;
    grid-template-columns:repeat(4,minmax(120px,1fr));
    gap:20px;
    align-items:center;
    justify-items:center;
}

.trusted-logo-box{

    background:white;

    border-radius:18px;

    box-shadow:0 12px 30px rgba(0,0,0,.06);

    padding:25px;

    width:100%;

    max-width:180px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.trusted-logo-box img{

    max-width:100%;

    max-height:60px;

}

@media (max-width: 768px) {

    .trusted-logos{

        grid-template-columns:repeat(2,minmax(120px,1fr));

    }

}

.about-features{

    padding:90px 0 120px;

    background:#F8FAFC;

}

.about-features .section-subtitle{

    display:inline-block;

    color:#F58220;

    font-weight:700;

    font-size:16px;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:15px;

}

.about-features h2{

    font-size:42px;

    font-weight:700;

    color:#0A2F5C;

    margin-bottom:20px;

}

.about-features p{

    color:#556270;

    max-width:720px;

    margin:auto;

    line-height:1.8;

}

.about-feature-card{

    background:white;

    border-radius:24px;

    padding:32px 28px;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:.35s;

    text-align:center;

    height:100%;

}

.about-feature-card:hover{

    transform:translateY(-8px);

}

.about-feature-card i{

    font-size:42px;

    color:#0A2F5C;

    margin-bottom:18px;

}

.about-feature-card h4{

    font-size:20px;

    color:#0A2F5C;

    margin-bottom:14px;

}

.about-feature-card p{

    color:#64748b;

    line-height:1.75;

}