/* ==========================
   GENERAL
========================== */

body{
    font-family: 'Poppins', sans-serif;
    background:#f8fafc;
    color:#222;
    overflow-x:hidden;
}

a{
    text-decoration:none;
}

.logo{
    height:88px;
}

/* ==========================
   PRELOADER
========================== */

#preloader{
    position:fixed;
    width:100%;
    height:100%;
    background:#fff;
    z-index:99999;
}

.loader{
    width:55px;
    height:55px;
    border-radius:50%;
    border:5px solid #eee;
    border-top:5px solid #0d1f3c;
    animation:spin .8s linear infinite;

    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

@keyframes spin{

100%{
transform:translate(-50%,-50%) rotate(360deg);
}

}

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

.custom-navbar{

padding:2px 0;

transition:.35s;

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

backdrop-filter:blur(15px);

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

}

.custom-navbar.scrolled{

padding:10px 0;

background:#fff;

}

.navbar-nav{

gap:12px;

}

.nav-link{

font-weight:600;

color:#333;

padding:12px 18px!important;

border-radius:30px;

transition:.3s;

}

.nav-link:hover{

background:#edf4ff;

color:#0d1f3c;

}

.nav-link.active{

background:#0d1f3c;

color:#fff!important;

}

.btn-primary{

background:#0d1f3c;

border:none;

padding:12px 25px;

}

.btn-primary:hover{

background:#15366a;

}

.btn-outline-primary{

border:2px solid #0d1f3c;

color:#0d1f3c;

}

.btn-outline-primary:hover{

background:#0d1f3c;

color:#fff;

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

.hero-section{

background:linear-gradient(135deg,#08192f,#12386f);

padding-top:130px;

padding-bottom:80px;

overflow:hidden;

position:relative;

}

.hero-section::before{

content:"";

position:absolute;

right:-150px;

top:-150px;

width:500px;

height:500px;

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

border-radius:50%;

}

.hero-badge{

display:inline-flex;

align-items:center;

gap:10px;

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

padding:10px 18px;

border-radius:40px;

color:#fff;

font-size:14px;

margin-bottom:30px;

backdrop-filter:blur(15px);

}

.hero-badge i{

color:#ffc107;

}

.hero-section h1{

font-size:64px;

font-weight:800;

color:#fff;

line-height:1.15;

margin-bottom:25px;

}

.hero-section h1 span{

display:block;

color:#f4c430;

}

.hero-section p{

font-size:19px;

line-height:34px;

color:#d7e2ef;

margin-bottom:35px;

max-width:650px;

}

.hero-buttons{

display:flex;

gap:15px;

flex-wrap:wrap;

}

.hero-buttons .btn{

padding:15px 35px;

border-radius:50px;

font-weight:600;

}

.hero-buttons .btn-outline-light{

border-width:2px;

}

.hero-features{

display:flex;

flex-wrap:wrap;

gap:30px;

}

.hero-features div{

color:#fff;

font-weight:600;

}

.hero-features i{

color:#4cd964;

margin-right:8px;

}

.hero-image{

position:relative;

text-align:center;

}

.hero-image img{

max-width:100%;

animation:float 5s ease-in-out infinite;

}

@keyframes float{

0%{transform:translateY(0);}

50%{transform:translateY(-15px);}

100%{transform:translateY(0);}

}

.floating-card{

position:absolute;

background:#fff;

padding:18px 25px;

border-radius:18px;

box-shadow:0 20px 40px rgba(0,0,0,.18);

text-align:center;

}

.floating-card h5{

font-size:28px;

font-weight:800;

margin-bottom:5px;

color:#0d1f3c;

}

.floating-card p{

margin:0;

font-size:13px;

color:#666;

}

.card-one{

top:15%;

left:-20px;

}

.card-two{

bottom:15%;

right:-20px;

}

@media(max-width:991px){

.hero-section{

text-align:center;

padding-top:110px;

}

.hero-section h1{

font-size:42px;

}

.hero-section p{

font-size:16px;

line-height:28px;

margin:auto auto 30px;

}

.hero-buttons{

justify-content:center;

}

.hero-features{

justify-content:center;

}

.hero-image{

margin-bottom:40px;

}

.card-one,

.card-two{

display:none;

}

}

@media(max-width:576px){

.hero-section h1{

font-size:34px;

}

.hero-buttons .btn{

width:100%;

}

}
/*==========================
 STATS
==========================*/

.stats-section{

margin-top:-70px;

position:relative;

z-index:20;

padding-bottom:90px;

}

.stat-card{

background:#fff;

padding:40px 30px;

border-radius:20px;

text-align:center;

box-shadow:0 20px 40px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.stat-card:hover{

transform:translateY(-10px);

}

.stat-icon{

width:75px;

height:75px;

margin:auto;

margin-bottom:25px;

background:#edf4ff;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

}

.stat-icon i{

font-size:34px;

color:#0d1f3c;

}

.stat-card h2{

font-size:42px;

font-weight:800;

color:#0d1f3c;

margin-bottom:10px;

}

.stat-card h5{

font-weight:700;

margin-bottom:12px;

}

.stat-card p{

color:#666;

margin:0;

}



/*==========================
 WHY US
==========================*/

.why-us{

background:#f8fafc;

}

.feature-box{

background:#fff;

padding:35px;

border-radius:20px;

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

transition:.35s;

height:100%;

}

.feature-box:hover{

transform:translateY(-8px);

}

.feature-box i{

font-size:42px;

color:#0d1f3c;

margin-bottom:20px;

display:block;

}

.feature-box h4{

font-weight:700;

margin-bottom:15px;

}

.feature-box p{

color:#666;

line-height:28px;

margin:0;

}



.section-subtitle{

display:inline-block;

padding:8px 18px;

background:#edf4ff;

color:#0d1f3c;

border-radius:40px;

font-size:13px;

font-weight:600;

margin-bottom:20px;

}

.section-title{

font-size:46px;

font-weight:800;

margin-bottom:15px;

}/*==========================
 BRANDS
==========================*/

.brands-section{

background:#fff;

padding:100px 0;

}

.section-desc{

font-size:17px;

color:#667085;

max-width:700px;

margin:auto;

line-height:30px;

}

.brand-box{

background:#fff;

border:1px solid #edf0f5;

border-radius:22px;

padding:40px 25px;

text-align:center;

height:100%;

transition:.35s;

box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.brand-box:hover{

transform:translateY(-10px);

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

}

.brand-logo{

height:70px;

width:auto;

margin-bottom:25px;

object-fit:contain;

}

.brand-box h4{

font-size:22px;

font-weight:700;

margin-bottom:10px;

color:#0d1f3c;

}

.brand-box p{

color:#667085;

line-height:28px;

margin-bottom:0;

}

.view-all{

background:linear-gradient(135deg,#0d1f3c,#163d76);

color:#fff;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

}

.view-all h4{

color:#fff;

margin:20px 0;

}

.view-all i{

font-size:55px;

}

.view-all a{

color:#fff;

font-weight:600;

text-decoration:none;

}

.view-all a:hover{

color:#ffc107;

}
/*================================
 CORPORATE SECTION
================================*/

.corporate-section{

padding:110px 0;

background:#f8fafc;

}


.small-counter{

background:#fff;

padding:25px;

border-radius:18px;

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

transition:.35s;

}


.small-counter:hover{

transform:translateY(-6px);

}


.small-counter h3{

font-size:32px;

font-weight:700;

color:#0d1f3c;

margin-bottom:5px;

}


.small-counter span{

color:#667085;

font-size:14px;

}


.service-card{

background:#fff;

padding:35px 25px;

border-radius:20px;

height:100%;

transition:.35s;

box-shadow:0 15px 40px rgba(0,0,0,.06);

}


.service-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,0,0,.12);

}


.service-icon{

width:70px;

height:70px;

border-radius:50%;

background:#edf4ff;

display:flex;

justify-content:center;

align-items:center;

margin-bottom:25px;

}


.service-icon i{

font-size:34px;

color:#0d1f3c;

}


.service-card h4{

font-size:22px;

font-weight:700;

margin-bottom:12px;

}


.service-card p{

color:#667085;

line-height:28px;

margin:0;

}


@media(max-width:991px){

.corporate-section{

text-align:center;

}

.small-counter{

margin-bottom:20px;

}

}/*=============================
MANUFACTURING
=============================*/

.manufacturing-section{

padding:120px 0;

background:#fff;

}

.manufacturing-point{

background:#f7f9fc;

padding:18px;

border-radius:12px;

margin-bottom:15px;

font-weight:600;

transition:.3s;

}

.manufacturing-point:hover{

background:#0d1f3c;

color:#fff;

}

.manufacturing-point i{

color:#0d1f3c;

margin-right:10px;

}

.manufacturing-point:hover i{

color:#ffc107;

}



/*=============================
GALLERY
=============================*/

.gallery-section{

background:#f8fafc;

padding:120px 0;

}

.gallery-img{

width:100%;

height:280px;

object-fit:cover;

border-radius:20px;

transition:.4s;

}

.gallery-img:hover{

transform:scale(1.05);

}



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

.clients-section{

padding:100px 0;

background:#fff;

}

.client-logo{

filter:grayscale(100%);

opacity:.6;

transition:.3s;

max-height:70px;

margin:auto;

display:block;

}

.client-logo:hover{

filter:none;

opacity:1;

transform:scale(1.08);

}/*============================
TESTIMONIAL
============================*/

.testimonial-section{

padding:110px 0;

background:#fff;

}

.testimonial-card{

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:0 20px 40px rgba(0,0,0,.08);

height:100%;

transition:.35s;

}

.testimonial-card:hover{

transform:translateY(-8px);

}

.stars{

font-size:22px;

color:#FFC107;

margin-bottom:20px;

}

.client{

display:flex;

align-items:center;

margin-top:25px;

}

.client img{

width:60px;

height:60px;

border-radius:50%;

margin-right:15px;

object-fit:cover;

}



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

.premium-cta{

padding:90px 0;

background:linear-gradient(135deg,#0d1f3c,#163d76);

color:#fff;

}

.premium-cta h2{

font-size:42px;

font-weight:700;

margin-bottom:15px;

}



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

.footer{

padding:90px 0 30px;

background:#08111f;

color:#c7d0da;

}

.footer h5{

color:#fff;

margin-bottom:20px;

}

.footer ul{

list-style:none;

padding:0;

}

.footer ul li{

margin-bottom:12px;

}

.footer ul li a{

color:#c7d0da;

text-decoration:none;

}

.footer ul li a:hover{

color:#fff;

}

.footer hr{

border-color:#2d3d55;

margin:40px 0 20px;

}



/*============================
WHATSAPP
============================*/

.whatsapp{

position:fixed;

bottom:30px;

left:30px;

width:60px;

height:60px;

background:#25D366;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

color:#fff;

font-size:30px;

z-index:9999;

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

}



/*============================
BACK TO TOP
============================*/

.back-top{

position:fixed;

right:30px;

bottom:30px;

width:55px;

height:55px;

background:#0d1f3c;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

color:#fff;

font-size:22px;

z-index:9999;

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

.about-hero{

padding:140px 0 100px;

background:linear-gradient(135deg,#08192f,#163d76);

color:#fff;

position:relative;

overflow:hidden;

}

.about-title{

font-size:58px;

font-weight:800;

line-height:1.15;

margin:25px 0;

}

.about-desc{

font-size:18px;

line-height:34px;

color:#d6e2ef;

margin-bottom:35px;

}

.about-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.about-image{

position:relative;

}

.experience-box{

position:absolute;

bottom:30px;

left:-20px;

background:#fff;

padding:25px 35px;

border-radius:20px;

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

}

.experience-box h2{

margin:0;

font-size:46px;

font-weight:800;

color:#0d1f3c;

}

.experience-box span{

color:#666;

font-weight:600;

}



/*==========================
COMPANY STORY
==========================*/

.company-story{

padding:120px 0;

background:#f8fafc;

}

.story-box{

background:#fff;

padding:30px;

border-radius:18px;

text-align:center;

box-shadow:0 15px 40px rgba(0,0,0,.06);

transition:.35s;

margin-bottom:20px;

}

.story-box:hover{

transform:translateY(-8px);

}

.story-box h4{

font-size:36px;

font-weight:800;

color:#0d1f3c;

margin-bottom:10px;

}

.story-box p{

margin:0;

color:#666;

}



/*==========================
Responsive
==========================*/

@media(max-width:991px){

.about-hero{

text-align:center;

padding:120px 0 80px;

}

.about-title{

font-size:42px;

}

.about-desc{

font-size:16px;

line-height:30px;

}

.about-buttons{

justify-content:center;

}

.experience-box{

position:static;

margin-top:25px;

display:inline-block;

}

}

@media(max-width:576px){

.about-title{

font-size:34px;

}

.about-buttons .btn{

width:100%;

}

}
/*==================================
TIMELINE
===================================*/

.journey-section{

padding:120px 0;

background:#fff;

}

.timeline{

position:relative;

max-width:1000px;

margin:auto;

}

.timeline::before{

content:"";

position:absolute;

left:50%;

width:4px;

background:#0d1f3c;

top:0;

bottom:0;

transform:translateX(-50%);

}

.timeline-item{

width:50%;

position:relative;

padding:25px 45px;

}

.timeline-item.left{

left:0;

}

.timeline-item.right{

left:50%;

}

.timeline-content{

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:0 20px 40px rgba(0,0,0,.08);

position:relative;

transition:.35s;

}

.timeline-content:hover{

transform:translateY(-8px);

}

.timeline-content span{

display:inline-block;

background:#0d1f3c;

color:#fff;

padding:8px 18px;

border-radius:40px;

margin-bottom:18px;

font-weight:600;

}

.timeline-content h4{

font-weight:700;

margin-bottom:15px;

}

.timeline-content p{

margin:0;

color:#667085;

line-height:28px;

}



/*==================================
ACHIEVEMENTS
===================================*/

.achievement-section{

padding:110px 0;

background:#f8fafc;

}

.achievement-box{

background:#fff;

padding:45px 20px;

border-radius:20px;

text-align:center;

box-shadow:0 15px 40px rgba(0,0,0,.06);

transition:.35s;

}

.achievement-box:hover{

transform:translateY(-10px);

}

.achievement-box h2{

font-size:52px;

font-weight:800;

color:#0d1f3c;

margin-bottom:12px;

}

.achievement-box p{

margin:0;

font-weight:600;

color:#666;

}



/*==================================
Responsive
===================================*/

@media(max-width:991px){

.timeline::before{

left:20px;

}

.timeline-item{

width:100%;

left:0!important;

padding-left:60px;

padding-right:0;

margin-bottom:35px;

}

}/*=================================
VISION
=================================*/

.vision-section{

padding:110px 0;

background:#ffffff;

}

.vision-card{

background:#fff;

padding:40px 30px;

border-radius:22px;

text-align:center;

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

transition:.35s;

height:100%;

}

.vision-card:hover{

transform:translateY(-10px);

}

.vision-icon{

width:85px;

height:85px;

background:#edf4ff;

border-radius:50%;

margin:auto auto 25px;

display:flex;

justify-content:center;

align-items:center;

}

.vision-icon i{

font-size:38px;

color:#0d1f3c;

}

.vision-card h3{

font-weight:700;

margin-bottom:18px;

}



/*=================================
FOUNDER
=================================*/

.founder-section{

background:#0d1f3c;

color:#fff;

padding:120px 0;

}

.founder-image{

width:280px;

height:280px;

border-radius:50%;

object-fit:cover;

border:8px solid rgba(255,255,255,.12);

}

.founder-text{

font-size:19px;

line-height:34px;

color:#d8e5f2;

font-style:italic;

margin:30px 0;

}

.founder-name h4{

margin:0;

font-weight:700;

}

.founder-name span{

color:#b9cde4;

}



/*=================================
TRUST
=================================*/

.trust-section{

padding:110px 0;

background:#f8fafc;

}

.trust-card{

background:#fff;

padding:35px;

border-radius:20px;

text-align:center;

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

transition:.35s;

height:100%;

}

.trust-card:hover{

transform:translateY(-8px);

}

.trust-card i{

font-size:42px;

color:#0d1f3c;

margin-bottom:20px;

display:block;

}

.trust-card h4{

font-weight:700;

margin-bottom:10px;

}
/*====================================
CERTIFICATIONS
====================================*/

.certification-section{

padding:110px 0;

background:#fff;

}

.certificate-card{

background:#fff;

padding:40px;

text-align:center;

border-radius:20px;

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

transition:.35s;

height:100%;

border:1px solid #eef2f6;

}

.certificate-card:hover{

transform:translateY(-10px);

}

.certificate-card i{

font-size:48px;

color:#0d1f3c;

margin-bottom:20px;

display:block;

}

.certificate-card h4{

font-weight:700;

margin-bottom:12px;

}

.certificate-card p{

margin:0;

color:#667085;

}



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

.client-section{

padding:90px 0;

background:#f8fafc;

}

.client-logo{

max-height:70px;

filter:grayscale(100%);

opacity:.6;

transition:.35s;

}

.client-logo:hover{

filter:none;

opacity:1;

transform:scale(1.05);

}



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

.about-cta{

padding:100px 0;

background:linear-gradient(135deg,#0d1f3c,#183f78);

color:#fff;

}

.about-cta h2{

font-size:42px;

font-weight:800;

margin-bottom:20px;

}

.about-cta p{

font-size:18px;

color:#d8e5f2;

max-width:650px;

}
/*==================================
BRAND HERO
==================================*/

.brand-hero{

padding:170px 0 120px;

background:#0d1f3c;

position:relative;

overflow:hidden;

}

.brand-hero::before{

content:"";

position:absolute;

width:600px;

height:600px;

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

right:-250px;

top:-200px;

border-radius:50%;

}

.hero-tag{

display:inline-flex;

align-items:center;

gap:10px;

color:#8eb6ea;

font-size:14px;

letter-spacing:2px;

font-weight:600;

margin-bottom:25px;

}

.hero-tag i{

color:#ffc107;

}

.brand-hero h1{

font-size:62px;

font-weight:800;

line-height:1.15;

color:#fff;

margin-bottom:25px;

}

.brand-hero p{

font-size:20px;

line-height:36px;

color:#b8cde5;

margin-bottom:40px;

max-width:650px;

}

.hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.hero-image{

text-align:center;

animation:float 5s ease-in-out infinite;

}

.hero-image img{

max-width:100%;

}

.brand-intro{

padding:90px 0;

background:#fff;

}

.brand-intro p{

font-size:18px;

line-height:34px;

color:#667085;

max-width:760px;

margin:auto;

}



/*==================================
Responsive
==================================*/

@media(max-width:991px){

.brand-hero{

padding:120px 0 80px;

text-align:center;

}

.brand-hero h1{

font-size:42px;

}

.brand-hero p{

font-size:17px;

line-height:30px;

margin:auto auto 30px;

}

.hero-buttons{

justify-content:center;

}

.hero-image{

margin-top:40px;

}

}

@media(max-width:576px){

.brand-hero h1{

font-size:34px;

}

.hero-buttons .btn{

width:100%;

}

}
/*===============================
PREMIUM BRANDS
===============================*/

.brands-showcase{

background:#f7f9fc;

padding:100px 0;

}

.brand-count{

background:#0d1f3c;

color:#fff;

padding:10px 22px;

border-radius:40px;

font-weight:600;

}

.premium-brand-card{

background:#fff;

padding:40px;

border-radius:24px;

position:relative;

height:100%;

transition:.35s;

box-shadow:0 20px 50px rgba(0,0,0,.06);

border:1px solid #edf2f7;

}

.premium-brand-card:hover{

transform:translateY(-12px);

box-shadow:0 35px 70px rgba(0,0,0,.12);

}

.brand-logo-area{

height:90px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:30px;

}

.brand-logo-area img{

max-height:70px;

max-width:170px;

}

.premium-brand-card h3{

font-size:28px;

font-weight:700;

margin-bottom:15px;

}

.premium-brand-card p{

color:#667085;

line-height:30px;

}

.premium-brand-card ul{

padding:0;

margin:25px 0;

list-style:none;

}

.premium-brand-card ul li{

margin-bottom:12px;

font-size:15px;

}

.premium-brand-card i{

color:#0d6efd;

margin-right:10px;

}

.premium-tag{

position:absolute;

right:20px;

top:20px;

background:#0d1f3c;

color:#fff;

padding:8px 18px;

border-radius:30px;

font-size:12px;

font-weight:700;

}

.partner-tag{

position:absolute;

right:20px;

top:20px;

background:#198754;

color:#fff;

padding:8px 18px;

border-radius:30px;

font-size:12px;

font-weight:700;

}
/*====================================
CORPORATE HERO
====================================*/

.corporate-hero{

padding:170px 0 120px;

background:linear-gradient(135deg,#08192f,#153d76);

overflow:hidden;

position:relative;

}

.corporate-hero::before{

content:"";

position:absolute;

right:-250px;

top:-180px;

width:600px;

height:600px;

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

border-radius:50%;

}

.hero-label{

display:inline-flex;

gap:10px;

align-items:center;

color:#9fc2eb;

font-weight:600;

letter-spacing:2px;

margin-bottom:25px;

}

.hero-label i{

color:#ffc107;

}

.corporate-hero h1{

font-size:62px;

font-weight:800;

line-height:1.15;

color:#fff;

margin-bottom:25px;

}

.corporate-hero h1 span{

color:#ffd166;

}

.corporate-hero p{

font-size:20px;

line-height:36px;

color:#c8d7ea;

margin-bottom:40px;

max-width:620px;

}

.hero-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.corporate-image{

text-align:center;

animation:float 5s infinite ease-in-out;

}



/*====================================
TRUST BAR
====================================*/

.corporate-trust{

padding:90px 0;

background:#fff;

}

.trust-box{

padding:35px;

border-radius:20px;

background:#fff;

box-shadow:0 15px 40px rgba(0,0,0,.06);

transition:.35s;

height:100%;

}

.trust-box:hover{

transform:translateY(-10px);

}

.trust-box h2{

font-size:48px;

font-weight:800;

color:#0d1f3c;

margin-bottom:10px;

}



/*====================================
TRUSTED
====================================*/

.trusted-section{

padding:80px 0;

background:#f8fafc;

}

.client-list{

display:flex;

flex-wrap:wrap;

gap:18px;

}

.client-list span{

padding:14px 24px;

background:#fff;

border-radius:40px;

font-weight:600;

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

}



/*====================================
Responsive
====================================*/

@media(max-width:991px){

.corporate-hero{

padding:120px 0 80px;

text-align:center;

}

.corporate-hero h1{

font-size:42px;

}

.corporate-hero p{

font-size:17px;

line-height:30px;

margin:auto auto 30px;

}

.hero-buttons{

justify-content:center;

}

.corporate-image{

margin-top:40px;

}

}

@media(max-width:576px){

.corporate-hero h1{

font-size:34px;

}

.hero-buttons .btn{

width:100%;

}

.client-list{

justify-content:center;

}

}
/*=====================================
INDUSTRIES
=====================================*/

.corporate-sector{

padding:110px 0;

background:#fff;

}

.sector-card{

background:#fff;

padding:35px;

border-radius:22px;

height:100%;

text-align:center;

border:1px solid #edf2f7;

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

transition:.35s;

}

.sector-card:hover{

transform:translateY(-10px);

}

.sector-card i{

font-size:48px;

color:#0d1f3c;

margin-bottom:20px;

display:block;

}

.sector-card h4{

font-weight:700;

margin-bottom:15px;

}

.premium-sector{

background:linear-gradient(135deg,#0d1f3c,#1a4b89);

color:#fff;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

}

.premium-sector h3{

font-size:46px;

font-weight:800;

margin-bottom:15px;

}



/*=====================================
SERVICES
=====================================*/

.offer-section{

padding:110px 0;

background:#f8fafc;

}

.offer-card{

background:#fff;

padding:40px;

border-radius:22px;

height:100%;

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

transition:.35s;

}

.offer-card:hover{

transform:translateY(-10px);

}

.offer-icon{

width:80px;

height:80px;

background:#edf4ff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}

.offer-icon i{

font-size:34px;

color:#0d1f3c;

}

.offer-card h4{

font-weight:700;

margin-bottom:15px;

}

.offer-card p{

line-height:28px;

color:#667085;

}
/*==================================
PORTFOLIO
==================================*/

.portfolio-section{

padding:120px 0;

background:#fff;

}

.portfolio-card{

background:#fff;

border-radius:22px;

overflow:hidden;

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

transition:.35s;

}

.portfolio-card:hover{

transform:translateY(-10px);

}

.portfolio-image{

position:relative;

overflow:hidden;

}

.portfolio-image img{

width:100%;

height:260px;

object-fit:cover;

transition:.5s;

}

.portfolio-card:hover img{

transform:scale(1.08);

}

.portfolio-overlay{

position:absolute;

inset:0;

display:flex;

justify-content:center;

align-items:center;

background:rgba(13,31,60,.65);

opacity:0;

transition:.35s;

}

.portfolio-card:hover .portfolio-overlay{

opacity:1;

}

.portfolio-content{

padding:25px;

}

.portfolio-content span{

color:#0d6efd;

font-size:14px;

font-weight:600;

}

.portfolio-content h4{

margin-top:10px;

font-weight:700;

}



/*==================================
PROCESS
==================================*/

.process-section{

padding:110px 0;

background:#f8fafc;

}

.process-card{

background:#fff;

padding:40px;

border-radius:20px;

height:100%;

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

transition:.35s;

}

.process-card:hover{

transform:translateY(-8px);

}

.process-number{

font-size:50px;

font-weight:800;

color:#0d1f3c;

margin-bottom:20px;

}

.process-card h4{

font-weight:700;

margin-bottom:15px;

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

.why-corporate{

padding:120px 0;

background:#fff;

}

.why-box{

background:#fff;

padding:40px;

border-radius:22px;

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

transition:.35s;

height:100%;

}

.why-box:hover{

transform:translateY(-10px);

}

.why-icon{

width:80px;

height:80px;

background:#edf4ff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}

.why-icon i{

font-size:34px;

color:#0d1f3c;

}



/*======================================
FAQ
======================================*/

.corporate-faq{

padding:110px 0;

background:#f8fafc;

}

.accordion-item{

border:none;

margin-bottom:15px;

border-radius:15px!important;

overflow:hidden;

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

}

.accordion-button{

font-weight:600;

padding:22px;

}

.accordion-button:not(.collapsed){

background:#0d1f3c;

color:#fff;

}



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

.corporate-cta{

padding:120px 0;

background:linear-gradient(135deg,#08192f,#163d76);

color:#fff;

}

.corporate-cta span{

letter-spacing:2px;

color:#9cc4ef;

font-size:14px;

}

.corporate-cta h2{

font-size:52px;

font-weight:800;

margin:20px 0;

}

.corporate-cta p{

font-size:18px;

line-height:34px;

color:#d5e3f2;

max-width:650px;

}

/*=========================================
GALLERY HERO
=========================================*/

.gallery-hero{

padding:170px 0 120px;

background:linear-gradient(135deg,#07172d,#153c76);

position:relative;

overflow:hidden;

}

.gallery-hero::before{

content:"";

position:absolute;

right:-180px;

top:-180px;

width:550px;

height:550px;

border-radius:50%;

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

}

.gallery-hero h1{

font-size:64px;

font-weight:800;

color:#fff;

line-height:1.15;

margin:20px 0;

}

.gallery-hero p{

font-size:19px;

line-height:34px;

color:#d7e4f3;

margin-bottom:35px;

max-width:620px;

}

.hero-tag{

display:inline-flex;

align-items:center;

gap:10px;

color:#9ec3ef;

letter-spacing:2px;

font-weight:600;

}

.hero-tag i{

color:#ffc107;

}

.hero-btns{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.gallery-hero-img{

max-width:100%;

animation:float 5s infinite ease-in-out;

}



/*=========================================
INTRO
=========================================*/

.gallery-intro{

padding:90px 0 60px;

background:#fff;

}

.gallery-intro p{

max-width:760px;

margin:auto;

font-size:18px;

line-height:34px;

color:#667085;

}



/*=========================================
FILTER
=========================================*/

.gallery-filter{

padding-bottom:80px;

background:#fff;

}

.filter-wrapper{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:18px;

}

.filter-btn{

border:none;

padding:14px 30px;

border-radius:40px;

background:#f2f5fa;

font-weight:600;

transition:.35s;

}

.filter-btn:hover{

background:#0d1f3c;

color:#fff;

}

.filter-btn.active{

background:#0d1f3c;

color:#fff;

}



/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.gallery-hero{

padding:120px 0 80px;

text-align:center;

}

.gallery-hero h1{

font-size:42px;

}

.gallery-hero p{

font-size:17px;

line-height:30px;

margin:auto auto 30px;

}

.hero-btns{

justify-content:center;

}

.gallery-hero-img{

margin-top:40px;

width:80%;

}

}

@media(max-width:576px){

.gallery-hero h1{

font-size:34px;

}

.hero-btns .btn{

width:100%;

}

.filter-btn{

width:100%;

}

}


/*=========================================
PREMIUM GALLERY
=========================================*/

.premium-gallery{

background:#fff;

padding-bottom:120px;

}

.gallery-item{

position:relative;

overflow:hidden;

border-radius:24px;

cursor:pointer;

box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.gallery-item img{

width:100%;

height:320px;

object-fit:cover;

transition:.6s;

}

.gallery-large img{

height:660px;

}

.gallery-wide img{

height:400px;

}

.gallery-tall img{

height:400px;

}

.gallery-item:hover img{

transform:scale(1.12);

}

.gallery-overlay{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(to top,

rgba(0,0,0,.85),

rgba(0,0,0,.15));

display:flex;

align-items:flex-end;

padding:35px;

opacity:0;

transition:.35s;

}

.gallery-item:hover .gallery-overlay{

opacity:1;

}

.gallery-overlay span{

display:inline-block;

padding:6px 15px;

background:#0d1f3c;

border-radius:30px;

font-size:13px;

color:#fff;

margin-bottom:15px;

}

.gallery-overlay h4,

.gallery-overlay h5{

color:#fff;

margin-bottom:15px;

font-weight:700;

}

.gallery-overlay .btn{

padding:10px 25px;

}
/*=====================================
CORPORATE PROJECTS
=====================================*/

.corporate-projects{

padding:120px 0;

background:#f8fafc;

}

.project-card{

background:#fff;

border-radius:24px;

overflow:hidden;

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

transition:.35s;

height:100%;

}

.project-card:hover{

transform:translateY(-10px);

}

.project-card img{

height:320px;

width:100%;

object-fit:cover;

}

.project-content{

padding:30px;

}

.project-content span{

display:inline-block;

padding:6px 14px;

background:#eef4ff;

color:#0d1f3c;

border-radius:30px;

font-size:13px;

font-weight:600;

margin-bottom:15px;

}

.project-content h3{

font-weight:700;

margin-bottom:15px;

}

.mini-project{

background:#fff;

padding:15px;

border-radius:20px;

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

text-align:center;

transition:.35s;

}

.mini-project:hover{

transform:translateY(-8px);

}

.mini-project img{

height:220px;

width:100%;

object-fit:cover;

border-radius:15px;

margin-bottom:15px;

}



/*=====================================
COUNTER
=====================================*/

.gallery-counter{

padding:100px 0;

background:#0d1f3c;

color:#fff;

}

.counter-box h2{

font-size:56px;

font-weight:800;

margin-bottom:10px;

}

.counter-box p{

color:#d4e3f2;

}



/*=====================================
INSTAGRAM
=====================================*/

.instagram-gallery{

padding:120px 0;

background:#fff;

}

.insta-card{

position:relative;

overflow:hidden;

border-radius:20px;

}

.insta-card img{

width:100%;

height:260px;

object-fit:cover;

transition:.4s;

}

.insta-card:hover img{

transform:scale(1.1);

}

.insta-overlay{

position:absolute;

inset:0;

display:flex;

justify-content:center;

align-items:center;

background:rgba(13,31,60,.60);

opacity:0;

transition:.35s;

}

.insta-card:hover .insta-overlay{

opacity:1;

}

.insta-overlay i{

font-size:34px;

color:#fff;

}
/*=================================
VIDEO
=================================*/

.video-showcase{

padding:120px 0;

background:#f8fafc;

}

.video-card{

position:relative;

overflow:hidden;

border-radius:24px;

}

.video-card img{

width:100%;

height:450px;

object-fit:cover;

}

.play-btn{

position:absolute;

top:50%;

left:50%;

transform:translate(-50%,-50%);

}

.play-btn a{

width:90px;

height:90px;

display:flex;

align-items:center;

justify-content:center;

background:#fff;

border-radius:50%;

font-size:38px;

color:#0d1f3c;

text-decoration:none;

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

}

.video-info ul{

padding:0;

list-style:none;

margin-top:25px;

}

.video-info li{

margin-bottom:15px;

}

.video-info i{

color:#198754;

margin-right:10px;

}



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

.gallery-cta{

padding:120px 0;

background:linear-gradient(135deg,#08192f,#173f77);

color:#fff;

}

.gallery-cta h2{

font-size:52px;

font-weight:800;

margin:20px 0;

}

.gallery-cta p{

font-size:18px;

line-height:34px;

color:#d7e4f2;

max-width:650px;

}



/*=================================
SHOWROOM
=================================*/

.showroom-section{

padding:120px 0;

background:#fff;

}

.showroom-section p{

font-size:17px;

line-height:32px;

color:#667085;

}

.showroom-section i{

color:#0d1f3c;

margin-right:12px;

}
/*==================================
CONTACT HERO
==================================*/

.contact-hero{

padding:170px 0 120px;

background:linear-gradient(135deg,#08192f,#173f77);

color:#fff;

overflow:hidden;

}

.contact-hero h1{

font-size:60px;

font-weight:800;

line-height:1.15;

margin:20px 0;

}

.contact-hero h1 span{

color:#ffd166;

}

.contact-hero p{

font-size:18px;

line-height:34px;

color:#d7e4f2;

max-width:620px;

margin-bottom:35px;

}

.hero-contact-img{

max-width:100%;

animation:float 5s ease-in-out infinite;

}



/*==================================
CONTACT CARDS
==================================*/

.contact-info-section{

padding:100px 0;

background:#fff;

}

.contact-card{

background:#fff;

padding:35px;

text-align:center;

border-radius:20px;

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

transition:.35s;

height:100%;

}

.contact-card:hover{

transform:translateY(-8px);

}

.contact-icon{

width:80px;

height:80px;

margin:auto auto 25px;

background:#eef4ff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

}

.contact-icon i{

font-size:34px;

color:#0d1f3c;

}

.contact-card a{

text-decoration:none;

font-weight:600;

}



/*==================================
WHY CONTACT
==================================*/

.why-contact{

padding:120px 0;

background:#f8fafc;

}

.contact-features{

padding:0;

list-style:none;

margin-top:30px;

}

.contact-features li{

margin-bottom:18px;

font-size:18px;

}

.contact-features i{

color:#198754;

margin-right:12px;

}



/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

.contact-hero{

padding:120px 0 80px;

text-align:center;

}

.contact-hero h1{

font-size:42px;

}

.contact-hero p{

margin:auto auto 30px;

}

.hero-buttons{

justify-content:center;

display:flex;

gap:15px;

flex-wrap:wrap;

}

.hero-contact-img{

margin-top:40px;

width:80%;

}

}

@media(max-width:576px){

.contact-hero h1{

font-size:34px;

}

.hero-buttons .btn{

width:100%;

}

}
/*==================================
CONTACT MAIN
==================================*/

.contact-main-section{

padding:120px 0;

background:#fff;

}

.contact-form-box{

background:#fff;

padding:45px;

border-radius:25px;

box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.contact-form-box label{

font-weight:600;

margin-bottom:8px;

display:block;

}

.contact-form-box .form-control,

.contact-form-box .form-select{

height:55px;

border-radius:12px;

border:1px solid #dfe6ee;

}

.contact-form-box textarea.form-control{

height:auto;

resize:none;

}

.contact-form-box .form-control:focus,

.contact-form-box .form-select:focus{

border-color:#0d1f3c;

box-shadow:none;

}



/*==================================
OFFICE CARD
==================================*/

.office-card{

background:#0d1f3c;

padding:40px;

border-radius:25px;

color:#fff;

}

.office-card h3{

margin-bottom:30px;

font-weight:700;

}

.office-list{

list-style:none;

padding:0;

margin:0;

}

.office-list li{

display:flex;

gap:20px;

margin-bottom:30px;

}

.office-list i{

font-size:22px;

color:#ffc107;

margin-top:5px;

}

.office-list strong{

display:block;

margin-bottom:5px;

}

.office-list p{

margin:0;

color:#d8e3ef;

}



/*==================================
MAP
==================================*/

.map-box{

overflow:hidden;

border-radius:20px;

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

}

.map-box iframe{

width:100%;

height:320px;

border:0;

}



/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

.contact-form-box{

padding:30px;

}

.office-card{

margin-top:20px;

}

}

/*==================================
BUSINESS HOURS
==================================*/

.business-hours{

padding:120px 0;

background:#f8fafc;

}

.hours-card{

background:#fff;

padding:35px;

border-radius:20px;

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

margin-top:30px;

}

.hours-row{

display:flex;

justify-content:space-between;

padding:18px 0;

border-bottom:1px solid #ececec;

}

.hours-row:last-child{

border:none;

}

.closed{

color:#dc3545;

}



/*==================================
BENEFITS
==================================*/

.contact-benefits{

padding:120px 0;

background:#fff;

}

.benefit-card{

background:#fff;

padding:35px;

text-align:center;

border-radius:20px;

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

transition:.35s;

height:100%;

}

.benefit-card:hover{

transform:translateY(-8px);

}

.benefit-card i{

font-size:42px;

color:#0d1f3c;

margin-bottom:20px;

display:block;

}



/*==================================
FAQ
==================================*/

.contact-faq{

padding:120px 0;

background:#f8fafc;

}

.contact-faq .accordion-item{

border:none;

margin-bottom:20px;

border-radius:15px!important;

overflow:hidden;

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

}

.contact-faq .accordion-button{

padding:22px;

font-weight:600;

}

.contact-faq .accordion-button:not(.collapsed){

background:#0d1f3c;

color:#fff;

}
/*==========================================
VIDEO GALLERY
===========================================*/

.video-gallery{

    padding:100px 0;

    background:#f8fafc;

}

.video-box{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

}

.video-box:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.video-box video{

    width:100%;

    display:block;

    border-radius:20px;

    aspect-ratio:9/16;

    object-fit:cover;

    background:#000;

}

@media(max-width:768px){

.video-gallery{

padding:70px 0;

}

}
/*==================================
HOME VIDEO SECTION
==================================*/

.home-video-gallery{

    padding:100px 0;

    background:#f8fafc;

}

.video-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

}

.video-card:hover{

    transform:translateY(-8px);

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

}

.video-card video{

    width:100%;

    height:420px;

    object-fit:cover;

    display:block;

    background:#000;

}

@media(max-width:991px){

.video-card video{

height:380px;

}

}

@media(max-width:767px){

.home-video-gallery{

padding:70px 0;

}

.video-card video{

height:320px;

}

}