@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* GLOBAL SETTINGS */
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,sans-serif;
}

body{
    background:white;
    padding-top:105px;
}

/* NAVBAR SECTION */

header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgb(255, 252, 252);
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.menu-toggle{
    display:none;
}

nav ul{
    display:flex;
    list-style:none;
    gap:20px;
    margin-left:60px;
}


nav a{
    position:relative;
    font-family:'Montserrat', sans-serif;
    font-size:13.5px;
    font-weight:500;
    color:#020a16;
    text-decoration:none;
    transition:0.3s;
}

.quote-nav{
    background:#c97b0e;
    color:#ffffff !important;
    padding:15px 15px;
    border-radius:3px;
}

.quote-nav:hover{
    background:#c6924a;
    color:#ffffff !important;
}

/* NAV HOVER EFFECT */

nav a:hover{
    color:#c97b0e;
}

    nav a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    background:#c97b0e;
    transition:width .3s ease;
} 

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

/* ACTIVE MENU */

nav a.active{
    color:#c97b0e;
}

nav a.active::after{
    width:100%;
}

/* LOGO SECTION */

.logo{
display:flex;
align-items:center;
gap:10px;
color:white;
margin-left:-20px;
}

.logo img{
    height:85px;
    width:auto;
    margin-left:5px;
}

.logo-text h2{
    margin:0;
    font-family:'Bebas Neue', sans-serif;
    font-size:22px;
    font-weight:700;
    color:#c97b0e;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:1;
    margin-left:-15px;
} 

.logo-text p{
    margin:5px 0 0;
    font-family: 'Montserrat', sans-serif;
    font-size:12px;
    font-weight:500;
    color:#020a16;
    letter-spacing:1px;
    margin-left:-12px;
    margin-bottom:-10px;
}


/* HERO SECTION */

.hero{
    margin-top:5px;
    height:85vh;
    position:relative;
    overflow:hidden;
    background:#0F2747;
}

.hero::before{
content:'';
position:absolute;
width:100%;
height:100%;
z-index:1;
}


/* HERO SLIDER */

.slider{
height:100%;
width:100%;
}

.slide{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
opacity:0;
transition:1s;
}

.slide.active{
opacity:1;
}


/* HERO CONTENT */

.hero-content{
position:absolute;
top:50%;
left:4%;
transform:translateY(-50%);
color:white;
z-index:2;
max-width:700px;
margin-top:50px;
} 

.hero-content h1{
font-size:70px;
line-height:1.1;
}

.hero-content span{
color:#c97b0e;
}

.hero-subtext{
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
    font-weight:400;
    color:#ffffff;
    line-height:1.6;
    max-width:700px;
    margin-top:30px;
}


/* HERO TITLE */

.hero-title{
    display:flex;
    flex-direction:column;
    line-height:1.05;
} 

.small-line{
    display:block;
    font-family:'Bebas Neue', sans-serif !important;
    color:#FFFFFF !important;
    font-size:35px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1.5px;
    margin-top:-100px;
}

   .big-line{
    font-family: 'Montserrat', sans-serif;
    color:#c97b0e !important;
    font-size:45px;
    font-weight:600;
    text-transform:uppercase;
    line-height:1.2;
    white-space:nowrap;  
    margin-bottom:105px;  
} 


/* HERO FEATURE BOXES */

.gcl-features {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  text-align: center;
  padding: 60px 10%;
  gap: 30px;
}

.features-container {
    display: flex;
    gap: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.feature-box {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.feature-box img {
    width: 40px;
    height: 40px;
    margin: 0;
}

.feature-box h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 15px;
    color:white;
    font-weight:600;
    margin: 6px 0 5px 0px;
    letter-spacing:0.2px;
}

.feature-box p {
    font-family:'Montserrat', sans-serif;
    font-size: 13px;
    font-weight:400;
    color: white;
    line-height: 1.4;
    margin: 0;
    margin: 10px 0 0 -50px;
}

/* ====================================
      HOME PARTNER BUTTON
==================================== */

.partner-hero-btn{
    display:inline-block;
    margin-top:25px;
    background:#c97b0e;      
    color:#ffffff;
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    font-weight:600;
    padding:12px 22px;
    border:1px solid #c97b0e;
    text-decoration:none;
    transition: all 0.3s ease;
}

.partner-hero-btn:hover{
    background:#c6924a;
    border-color:#c6924a;
    color:#ffffff;
}

/* ABOUT GCL SECTION */

.about-section{
    background:#ffffff;
    padding:40px 70px;
}

.about-container{
    display:flex;
    justify-content:space-between;
}


/* ABOUT GCL LEFT SIDE */

.about-left{
    width:30%;
}

.about-left h2{
    font-family: 'Bebas Neue', sans-serif;
    color:#020a16;
    font-size:25px;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:20px;
}

.about-line{
    width:60px;
    height:3px;
    background:#c97b0e;
    margin:15px 0;
}

.about-left p{
    font-family:'Montserrat', sans-serif;
    color:#020a16;
    font-size:15px;
    font-weight:400;
    line-height:1.8;
    text-align: justify;
}

.about-btn{
    display:inline-block;
    margin-top:25px;
    padding:12px 20px;
    border:1px solid #c97b0e;
    color:#c97b0e;
    text-decoration:none;
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:500;
}


/* ABOUT GCL RIGHT SIDE CARDS */


.about-right{
    width:64%;
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.about-card{
    text-align:center;
    padding:0 10px;
    border-left:1px solid #e5e5e5;
}

.about-card:first-child{
    border-left:none;
}

.about-card img{
    width:50px;
    height:50px;
    object-fit:contain;

    display:block;
    margin:0 auto;

    margin-bottom:-20px;
    margin-top: 20px;
    border:1px;
}

.about-card h3{
    font-family: 'Bebas Neue', sans-serif;
    color:#020a16;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;

    height:40px;

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

    text-align:center;
    margin-bottom:10px;
    margin-top:30px;
    white-space:nowrap;
    letter-spacing:0.2px;
}

.about-card p{
    font-family:'Montserrat', sans-serif;
    color:#020a16;
    font-size:13px;
    font-weight:400;
    line-height:1.6;
    margin-top:-10px;
    text-align:center;
}


/* PRODUCTS SECTION */

.products-section{
    background:#ffffff;
    padding-top:10px;
    padding-right:70px;
    padding-bottom:55px;
    padding-left:70px;
    margin-top:-20px;
}

.products-title{
    text-align:center;
    font-family: 'Bebas Neue', sans-serif;
    color:#020a16;
    font-size:25px;
    font-weight:600;
    margin-bottom:30px;
}

.products-container{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.product-card{
    overflow:hidden;
}

.product-card img{
    width:100%;
    height:250px;
    object-fit:cover;
    display:block;
    filter:brightness(80%) contrast(105%);
    transition:0.5s ease;
}

.product-card:hover img{
    transform:scale(1.08);
}

.product-info{
    background:#071F3B;
    padding:20px;
    min-height:165px;
}

.product-info h3{
    font-family: 'Bebas Neue', sans-serif;
    font-size:16px;
    font-weight:600;
    color:white;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:0.2px;
}


.product-info p{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:400;
    color:#ffffff;
    line-height:1.7;
    min-height:50px;
    margin-bottom:15px;
}

.product-info a{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:400;
    color:#c97b0e;
    text-decoration:none;
}


/* WHY GLOBAL COPPER SECTION */

.why-gcl{
    background:#071F3B;
    padding:30px 50px;
    margin-top:-20px;
}

.why-heading{
    font-family:'Bebas Neue', sans-serif !important;
    text-align:center;
    margin-bottom:30px;
}

.why-heading h2{
    font-family:'Bebas Neue', sans-serif !important;
    font-size:25px;
    font-weight:600;
    color:white;
    text-transform:uppercase;
    margin-bottom:10px;
}

.why-container{
    display:grid;
    grid-template-columns:repeat(7,1fr);
}

.why-card{
    text-align:center;
    padding:0 15px;
    border-left:1px dotted rgba(255,255,255,0.35);
}

.why-card:first-child{
    border-left:none;
}

.why-card img{
    width:55px;
    height:55px;
    object-fit:contain;
    margin-bottom:15px;
}

.why-card h3{
    font-family:'Bebas Neue', sans-serif;
    font-size:15px;
    font-weight:600;
    color:white;
    text-transform:uppercase;
    margin-bottom:-5px;
    min-height:40px;
    white-space:nowrap !important;
    letter-spacing:0.2px;
}

.why-card p{
    font-family:'Montserrat', sans-serif;
    font-size:13px;
    font-weight:400;
    color:#ffffff;
    line-height:1.5;
    margin-top:-14px;
}


/* MARKETS WE SERVE SECTION */

.markets-section{
    background:#ffffff;
    padding:50px 70px 40px 70px;
}

.markets-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    transform:translateX(-50px);
}

/* LEFT SIDE */

.markets-left{
    width:21%;
    padding-left:60px;
}

.markets-left h2{
    font-family: 'Bebas Neue', sans-serif !important;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    text-transform:uppercase;
    margin-bottom:15px;
}

.markets-line{
    display:none;
}

.markets-left p{
    font-family:'Montserrat', sans-serif;
    font-size:15px;
    font-weight:400;
    color:#020a16;
    line-height:1.8;
    margin-bottom:25px;
}

.markets-btn{
    display:inline-block;
    padding:12px 20px;
    border:1px solid #c97b0e;
    color:#c97b0e;
    text-decoration:none;
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight: 500;
}

/* CENTER MAP */

.markets-map{
    width:45%;
    text-align:center;
}

.markets-map img{
    width:100%;
    max-width:700px;
}

/* RIGHT SIDE */

.markets-right{
    width:25%;

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px 40px;
}

.market-item{
    display:flex;
    align-items:center;
    gap:12px;
}

.market-item img{
    width:35px;
    height:35px;
    object-fit:contain;
}

.market-item span{
    font-family:'Bebas Neue', sans-serif !important;
    font-size:15px;
    font-weight:600;
    color:#071F3B;
    white-space:nowrap;
    letter-spacing:0.2px;
}

/* PARTNER CTA SECTION */

.partner-section{
    background:#c6924a;
    padding:28px 60px;
}

.partner-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.partner-main{
    display:flex;
    align-items:center;
    gap:15px;
    color:#fff;
    min-width:280px;
}

.partner-main img{
    width:55px;
    height:55px;
}

.partner-main h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:16px;
    color:#fff;
    margin-bottom:5px;
    line-height:1.3;
    letter-spacing:0.2px;
    white-space:nowrap;
}

.partner-main p{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:400;
    color:#fff;
    line-height:1.5;
}

.partner-divider{
    width:1px;
    height:75px;
    background:rgba(255,255,255,0.4);
}

.partner-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    color:#fff;
} 

.partner-item img{
    width:55px;
    height:55px;
}

.partner-item h3{
    font-family:'Montserrat', sans-serif;
    font-size:16px;
    font-weight:600;
    margin-bottom:6px;
}

.partner-item p{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.5;
    color:#fff;
}


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

.footer{
    background:#071F3B;
    color:#ffffff;
    padding:45px 60px 30px;
}

/* GRID */

.footer-container{
    display:grid;
    grid-template-columns:1.1fr 1.5fr 1.7fr 1.3fr 1.5fr;
    gap:30px;
    align-items:flex-start;
}

/* ALL COLUMNS */

.footer-box{
    padding-right:25px;
    border-right:1px solid rgba(255,255,255,.15);
    min-height:250px;
}

.footer-box:last-child{
    border-right:none;
}

/* =========================
   LOGO
========================= */

.footer-logo{
    text-align:left;
}

.footer-logo img{
    width:145px;          /* Reduced from 175px */
    background:#ffffff;
    padding:10px;         /* Reduced from 12px */
    border-radius:8px;
    margin-bottom:15px;
}

.footer-logo p{
    font-family:'Montserrat',sans-serif;
    font-size:13px;
    line-height:1.8;
    margin-bottom:25px;
}

/* =========================
   TITLES
========================= */

.footer-title{
    margin-bottom:20px;
}

.footer-title h4{
    font-family:'Bebas Neue',sans-serif;
    font-size:15.5px;
    font-weight:600;
    letter-spacing:0;
    color:#ffffff;
}

/* =========================
   TEXT
========================= */

.footer-box p{
    font-family:'Montserrat',sans-serif;
    font-size:13.5px;
    font-weight:400;
    line-height:2;
    margin-bottom:10px;
}

.footer-box p span{
    font-family:'Montserrat', sans-serif;
    font-size:13.5px;
    font-weight:400;
    color:#ffffff;
    line-height:1.8;
}

.footer-box a{
    color:#ffffff;
    text-decoration:none;
    font-family:'Montserrat',sans-serif;
    font-size:13.5px;
    white-space:nowrap;
    line-height:2;
    transition:.3s;
}

.footer-box a:hover{
    color:#c97b0e;
}

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

.footer-address{
    display:flex;
    align-items:flex-start;
}

.footer-address span{
    font-family:'Montserrat', sans-serif;
    font-size:13px;
    font-weight:400;
    color:#ffffff;
    line-height:1.8;
}

.footer-address i{
    color:#c97b0e;
    margin-right:12px;
    margin-top:4px;
}

.footer-box p i{
    font-size:15px;
    color:#c97b0e;
    width:18px;
    margin-right:10px;
}


/* WhatsApp Number */

.footer-whatsapp-number{
    display:flex;
    align-items:center;
    font-family:'Montserrat', sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:2;
    margin-bottom:10px;
}

/* =========================
   QUICK LINKS
========================= */

.footer-links-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 35px;
}

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

.global-presence{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.global-presence img{
    width:260px;
    height:200px;
    margin-bottom:15px;
    margin-left:-20px;
}

.global-presence p{
    font-family:'Montserrat', sans-serif;
    font-size:13px;
    font-weight:500;
    margin-left:40px;
    margin-top:-20px;
    letter-spacing:1px;
    line-height:1.7;
}

.global-presence p span{
    color:#c97b0e;   /* Sandal color */
    font-family:'Montserrat', sans-serif;
    font-size:13px;
    font-weight:500;
    margin-left:0px;
    margin-top:-20px;
    letter-spacing:1px;
    line-height:1.7;
}

/* =========================
   SOCIAL
========================= */

.social-icons{
    display:flex;
    gap:15px;
    margin-top:40px;

}

.social-icons a{
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.5);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#ffffff;
    transition:.3s;
    margin-bottom:-50px;
}

.social-icons a:hover{
    background:#0A66C2;
    border-color:#0A66C2;
}

/* =========================
   ENQUIRE
========================= */

.enquire-box input,
.enquire-box textarea{

    width:100%;
    background:transparent;
    border:none;
    border-bottom:1px solid rgba(255,255,255,.3);
    color:#ffffff;
    padding:10px 0;
    margin-bottom:18px;
    font-size:13.5px;
    font-family:'Montserrat',sans-serif;
    outline:none;
}

.enquire-box textarea{

    resize:none;
    height:70px;
}

.enquire-box input::placeholder,
.enquire-box textarea::placeholder{

    color:#cfcfcf;
}

.enquire-box button{

    background:none;
    border:none;
    color:#c97b0e;
    font-size:24px;
    cursor:pointer;
}

.enquire-box button:hover{

    color:#ffffff;
}

/* FOOTER BOTTOM */

.footer-bottom{
    background:#c6924a;
    width:100%;
    padding:20px 70px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.footer-bottom p{
    font-size:14px;
    font-weight:400;
    font-family:'Montserrat', sans-serif;
    color:white;
}

/* LINKS (Privacy + Terms) */

.footer-links{
    display:flex;
    gap:10px;
}

.footer-links a{
    color:#ffffff;
    text-decoration:none;
    font-size:14px;
    font-weight:400;
    font-family:'Montserrat', sans-serif;
}

.footer-links a:hover{
    color:#020a16;
}

#privacy-policy,
#terms-conditions{
    scroll-margin-top:130px;
}


/* WHATSAPP FLOAT BUTTON */

.whatsapp-float{
    position:fixed;
    bottom:90px;   /* increased from 25px */
    right:3px;
    width:35px;
    height:35px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    z-index:1000;
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
    text-decoration:none;
}













/* PAGE : 2 */

/* ====================================
   ABOUT US HERO SECTION
==================================== */


.about-hero{
    position: relative;
    height: 620px;
    background: url("../images/about-hero.jpeg") center center/cover no-repeat;
    display: flex;
    align-items: center;
    padding: 0 70px;
    margin-top:5px; /* adjust based on your header height */
}

.about-hero-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.about-hero-content{
    position: relative;
    z-index: 2;
    max-width: 600px;
}

.about-hero-content h1{
    font-family:'Bebas Neue', sans-serif;
    font-size:45px;
    font-weight:600;
    line-height:1;
    color: #ffffff;
    text-transform:uppercase;
    margin-bottom:25px;
}

.about-hero-content h1 span{
    display:block;
    color: #c97b0e;
    margin-top: 8px;
    font-size:35px;
    font-weight:600;

}

.about-hero-content p{
    font-family:'Montserrat', sans-serif;
    font-size:16px;
    font-weight:400;
    color:#ffffff;
    line-height:1.9;
    max-width:400px;
    text-align: justify;
}



/* ====================================
   COMPANY OVERVIEW SECTION
==================================== */

.company-overview{
    background:#ffffff;
    padding:70px;
    margin-top:-30px;
}

.overview-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
}

/* LEFT IMAGE */

.overview-image{
    width:45%;
    position:relative;
}

.overview-image img{
    width:100%;
    display:block;
}  

/* IMAGE TEXT BOX */

.overview-image-text{
    position:absolute;
    bottom:0;
    left:0;
    width:60%;
    background:#071F3B;
    padding:15px;

    display:flex;
    align-items:center;
    gap:12px;
}

.overview-image-text img{
    width:70px;
    height:70px;
    object-fit:contain;
    flex-shrink:0;
}


.overview-image-text h3{
    font-family:'Bebas Neue', sans-serif;
    font-size:16px;
    font-weight:600;
    color:#ffffff;
    line-height:1.4;
    letter-spacing:0.1;
    text-transform:uppercase;
}

.overview-image-text span{
    color:#c97b0e;
}

/* RIGHT CONTENT */

.overview-content{
    width:50%;
}

.overview-small-title{
    font-family:'Bebas Neue', sans-serif;
    font-size:20px;
    font-weight:600;
    color:#c97b0e;
    text-transform:uppercase;
    letter-spacing:0.2px;
}

.overview-content h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    text-transform:uppercase;
    margin-top:12px;
    margin-bottom: 18px;
    letter-spacing:0.2px;
}

.overview-content p{
    font-family:'Montserrat', sans-serif;
    font-size:15px;
    font-weight:400;
    text-align:justify;
    color:#020a16;
    line-height:1.9;
    margin-bottom:20px;
}



/* ====================================
   LEADERSHIP SECTION
==================================== */

.leadership-section{
    background:#f4efe8;
    padding:10px 70px 60px;
    margin-top:-30px;
}

.leadership-container{
    max-width:1400px;
    margin:auto;
}

.leadership-title{
    font-family: 'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    margin-bottom:28px;
    margin-top:25px;
}

.leadership-description{
    width:82%;
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.8;
    color:#020a16;
    margin-bottom:75px;
}

.team-heading{
    font-family: 'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    margin-top:-40px;
    margin-bottom:40px;
}

 .leadership-grid{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:80px;
} 

.leader-card{
    width:255px;
    text-align:center;
}

.leader-image{
    position: relative;
    width: 200px;      /* Same width as the image */
    margin: 0 auto;    /* Center the image */
    overflow: hidden;
}

.leader-image img{
    width: 200px;
    height: 230px;
    object-fit: cover;
    display: block;
}

.leader-name{
    position: absolute;
    left: 0;
    right: 0;
    bottom:3px;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-family:'Montserrat',sans-serif;
    font-size:13.5px;
    font-weight:500;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
}

.leader-card h4{
    margin-top:15px;
    font-family:'Montserrat',sans-serif;
    font-size:13px;
    font-weight:500;
    color:#020a16;
    line-height:1.3;
    text-align:center;
}

/* SECOND ROW */

.second-row {
    margin-top: 40px;
    margin-bottom: -15px;
}



/* ====================================
      VISION & MISSION
==================================== */

.vision-mission-section{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
}

/* LEFT */

.vision-box{
    background: #F2F4F7;
    padding:30px 70px;
}

.vision-box h2{
    font-family: 'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    margin-bottom:70px;
}

.vision-content{
    display:flex;
    align-items:center;
    gap:40px;
}

.vision-icon img{
    margin-top:-30px;
    width:75px;
}

/* Placeholder */

.vision-icon{
    min-width:95px;
}

.vision-text p{
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:400;
    text-align:justify;
    line-height:1.8;
    color:#020a16;
    margin-top:-30px;
}

/* LEFT-BOTTOM CORE VALUES */

.core-title{
    font-family:'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    margin-top:70px;
    margin-bottom:10px;
}

.core-content{
    display:flex;
    align-items:center;
    gap:40px;
}

.core-icon{
    min-width:95px;
}

.core-icon img{
    width:75px;
}

.core-text p{
    font-family:'Montserrat', sans-serif;
    font-size:15px;      /* Change font size here */
    font-weight:400;     /* Change font weight here */
    line-height:1.8;     /* Change line spacing here */
    color:#020a16;       /* Change text color here */
    text-align:justify;
    margin-top:-30px;
}

/* RIGHT */

/* ===========================
    MISSION
=========================== */

.mission-box{
    background:#071F3B;
    padding:30px 70px;
}

.mission-box h2{
    font-family: 'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    color:#fff;
    margin-bottom:55px;
}

.mission-icon{
    margin-top:-20px;
    margin-bottom:30px;
}

.mission-icon img{
    width:75px;
}

/* Placeholder */

.mission-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.mission-box li{
    position:relative;
    padding-left:34px;
    margin-bottom:26px;
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:400;
    text-align:left;
    line-height:1.6;
    color:#fff;
}

.mission-box li::before{
    content:"◆";
    position:absolute;
    left:0;
    top:2px;
    color:#ffffff;
    font-size:18px;
    font-weight:700;
}



/* ===========================
   LOCATION / FUTURE
=========================== */

.about-info-section{
    padding:40px 70px 80px;
    background:#ffffff;

    display:flex;
    justify-content:center;   
    gap:15px;                 
}

.info-card{
    width:700px;              
    padding:35px;
    /* transition:all 0.4s ease; */
    /* cursor:pointer; */
}

/* .info-card:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
} */

.dark-card{
    background:#071F3B;
    color:#ffffff;
}

.light-card{
    background:#f4efe8;
    /* background:#c97b0e; */
    color:#071F3B;
}

.info-card h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:20px;
}

.card-intro{
    font-family:'Montserrat', sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.8;
    margin-bottom:30px;
}

.dark-text{
    color:#071F3B;
}

/* LEFT CARD */

.location-image img{
    width:70%;
    display:block;
    margin: 20px auto 0;
}

.location-caption{
    text-align:center;
    margin-top:20px;
    font-family:'Montserrat', sans-serif;
    font-size:15px;
    font-weight:600;
    color:#071F3B;
}

/* RIGHT CARD */

.future-image img{
    width:70%;
    height:170px;
    display:block;
    margin: 20px auto 0;
}

.future-features{
    display:flex;
    justify-content:center;
    gap:40px;
    margin-top:25px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,0.15);
}

.future-item{
    text-align:center;
}

.future-item img{
    width:35px;
    height:35px;
    margin-bottom:-5px;
    margin-top:5px;
}

.future-item span{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:2;
}

.future-bottom-text{
    margin-top:25px;
    text-align:center;
    font-family:'Montserrat', sans-serif;
    font-size:15px;
    font-weight:700;
    color:#c6924a;
}


/* ===================================
   ABOUT PAGE FEATURE SECTION
=================================== */

.about-features{
    background:#f4efe8;
    padding:40px 20px;

    display:grid;
    grid-template-columns:repeat(6,1fr);

    margin-top:-40px;  
}

.about-feature-card{
    text-align:center;
    padding:0 20px;
    border-right:1px solid #dddddd;
}

.about-feature-card:last-child{
    border-right:none;
}

.about-feature-card img{
    width:55px;
    height:55px;
    object-fit:contain;
    margin-bottom:20px;
    margin-top:-15px;
}

.about-feature-card h3{
    font-family:'Bebas Neue', sans-serif;
    font-size:15px;
    font-weight:600;
    letter-spacing:0.2px;
    color:#020a16;
    line-height:1.1;
    margin-bottom:18px;
    text-transform:uppercase;
}

.about-feature-card p{
    font-family:'Montserrat', sans-serif;
    font-size:13px;
    font-weight:400;
    text-align: center;
    color:#020a16;
    line-height:1.4;
    margin-top:-5px;
}

/* ===================================
   ABOUT PAGE HIGHLIGHT STRIP
=================================== */

.about-highlight-strip{
    background: #c6924a;
    padding: 22px 60px;
    margin-top: -15px;
}

.highlight-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.highlight-message{
    display:flex;
    align-items:center;
    gap:18px;
}

.highlight-message img{
    width:34px;
    height:34px;
    object-fit:contain;
}

.highlight-message h3{
    font-family:'Montserrat', sans-serif;
    font-size:15px;
    font-weight:600;
    color:#ffffff;
    white-space:nowrap;
}

.highlight-divider{
    width:1px;
    height:45px;
    background:rgba(255,255,255,0.35);
}

.highlight-item{
    display:flex;
    align-items:center;
    gap:12px;
}

.highlight-item img{
    width:38px;
    height:38px;
    object-fit:contain;
}

.highlight-item span{
    font-family:'Bebas Neue', sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.1;
    color:#ffffff;
    letter-spacing:0.2px;
}








/* page - 3 */


/* ====================================
   PRODUCTS PAGE HERO SECTION
==================================== */

.products-hero{
    position:relative;
    height:630px;

    /* Add image later */
    background:  url("../images/products-hero.jpeg");

    background-size:cover;
    background-position:center 50%;
    background-repeat: no-repeat;

    display:flex;
    align-items:center;
    padding:0 70px;
    margin-top:-5px;
    overflow:hidden;
    margin-bottom:22px;
}

.products-hero-content{
    position:relative;
    z-index:2;
}

.products-hero-content h1{
    display:flex;
    flex-direction:column;
    line-height:0.9;
}

.products-hero-content h1{
    font-family:'Bebas Neue', sans-serif;
    font-size:55px;
    font-weight:600;
    color:#ffffff;
    text-transform:uppercase;
}

.products-hero-content h1 span{
    color:#c97b0e;
    font-size:45px;
    margin-top:5px;
}

.products-hero-content h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    line-height: 0.5;
    margin-top:30px;
}

.products-hero-content p{
    font-family:'Montserrat', sans-serif;
    font-size:16px;
    font-weight:400;
    color:#ffffff;
    line-height:1.7;
    margin-top:30px;
    max-width:450px;
    text-align:justify;
}


/* ====================================
   PREMIUM COPPER SOLUTIONS SECTION
==================================== */

.premium-solutions{
    background:#ffffff;
    padding:15px 70px 35px;
}

.premium-container{
    max-width:1100px;
    margin:0 auto;
    text-align:center;
}

.premium-container h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    text-transform:uppercase;

    margin-bottom:18px;
}

.premium-container p{
    font-family:'Montserrat', sans-serif;
    font-size:15px;
    font-weight:400;
    color:#020a16;
    line-height:1.9;
    max-width:950px;
    margin:0 auto 10px;
}



/* ==================================
   PRODUCTS DETAILS SECTION
================================== */

.product-details-section{
    padding:20px 70px 70px;
    background:#ffffff;
     margin-top:-30px;
}

.product-row{
    position:relative;
    display:flex;
    border:1px solid #d8d8d8;
    margin-bottom:25px;
    background:#ffffff;
    scroll-margin-top:120px;

    transition:all 0.4s ease;
    cursor:pointer;
     height:290px; 
}

.product-row:hover{
    transform:scale(1.02);
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.product-number{
    position:absolute;
    top:0;
    left:0;
    width:70px;
    height:70px;
    background:#071F3B;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
}

.product-number span{
    font-family:'Bebas Neue', sans-serif;
    color:#ffffff;
    font-size:36px;
}

.product-images{
    width:35%;
}

.product-images img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.product-content{
    width:60%;
    display:flex;
}

.product-info-box{
    width:50%;
    padding:35px 20px;
}

.product-spec-box{
    width:32%;
    padding:35px 20px;
    border-left:1px solid #e5e5e5;
}

.product-app-box{
    width:20%;
    padding:35px 20px;
    border-left:1px solid #e5e5e5;
} 

.product-content h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:18px;
    color:#020a16;
    margin-bottom:15px;
    line-height:1.1;
}

.product-content h4{
    font-family:'Montserrat', sans-serif;
    font-size:16px;
    font-weight:500;
    color:#c97b0e;
    margin-bottom:15px;
    white-space:nowrap;
}

.product-content p{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    line-height:1.8;
    color:#020a16;
    text-align:justify;
}

.product-content ul{
    list-style:none;
}

.product-content ul li{
    font-family:'Montserrat', sans-serif;
    font-size:13.5px;
    color:#020a16;
    margin-bottom:12px;
    line-height:1.5;
    position:relative;
    padding-left:18px;
    white-space: nowrap;
}

.product-content ul li::before{
    content:"◆";
    position:absolute;
    left:0;
    color:#c97b0e;
    font-weight:700;
}

.coming-soon{
    display:inline-block;
    background:#071F3B;
    color:#ffffff;
    padding:8px 14px;
    font-size:12px;
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    margin-bottom:18px;
}


/* ====================================
   QUALITY & BUYERS SECTION
==================================== */

.quality-buyers-section{
    padding:10px 50px 50px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-top:-70px;
}

/* LEFT BOX */

.quality-box{
    background:#071F3B;
    padding:25px 5px;
}

/* RIGHT BOX */

.buyers-box{
    background:#ffffff;
    border:1px solid #d8d8d8;
    padding:25px 5px;
}

/* HEADINGS */

.quality-box h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    color:#ffffff;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:10px;
}

.buyers-box h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    color:#071F3B;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:25px;
}

/* SUBTITLE */

.quality-subtitle{
    font-family:'Montserrat', sans-serif;
    font-size:16px;
    color:#ffffff;
    text-align:center;
    margin-bottom:25px;
}

/* GRID */

.quality-items,
.buyers-items{
    display:grid;
    grid-template-columns:repeat(6,1fr);
}

/* ITEMS */

.quality-item,
.buyers-item{
    text-align:center;
    padding:0 5px;
}

/* LEFT BOX DIVIDERS */

.quality-item{
    border-left:1px solid rgba(255,255,255,0.2);
}

.quality-item:first-child{
    border-left:none;
}

/* RIGHT BOX DIVIDERS */

.buyers-item{
    border-left:1px solid #e6e6e6;
}

.buyers-item:first-child{
    border-left:none;
}

/* ICONS */

.quality-item img,
.buyers-item img{
    width:45px;
    height:45px;
    object-fit:contain;
    margin-bottom:15px;
}

/* LEFT BOX TEXT */

.quality-item span{
    display:block;
    font-family:'Montserrat', sans-serif;
    font-size:13px;
    font-weight:400;
    color:#ffffff;
    line-height:1.5;
}

/* RIGHT BOX TEXT */

.buyers-item span{
    display:block;
    font-family:'Montserrat', sans-serif;
    font-size:13px;
    font-weight:400;
    color:#071F3B;
    line-height:1.5;
}


/* ==================================
   PRODUCTS PAGE CTA SECTION
================================== */

.products-cta{
    background-image:url("../images/product-cta-bg.jpeg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    padding:10px 60px;
    margin-top:-15px;
}

.products-cta-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.products-cta-left h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:22px;
    font-weight:600;
    color:#ffffff;
    line-height:1.5;
    text-transform:uppercase;
    white-space:nowrap;
}

.products-cta-center{
    flex-shrink:0;
    margin-left:50px;
}

.products-cta-right{
    display:flex;
    align-items:center;
    gap:5px;
}

.cta-feature{
    display:flex;
    align-items:center;
    gap:8px;
}

/* PRODUCT LINKS STRIP */

.products-cta-links{
    margin-top:20px;
    text-align:center;
    margin-bottom:20px;
}

.divider{
    color:#ffffff;
    margin:0 8px;
    font-size:18px;
}

.product-name{
    font-family:'Bebas Neue', sans-serif;
    font-size:16px;
    color:#ffffff;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.cta-feature img{
    width:42px;
    height:42px;
    object-fit:contain;
}

.cta-feature span{
    font-family:'Montserrat', sans-serif;
    font-size:15px;
    font-weight:500;
    color:#ffffff;
    line-height:1.5;
    white-space:nowrap;
}













/* page -4 */


/* ====================================
   SERVICES PAGE HERO SECTION
==================================== */



 .services-hero{
    position:relative;

    height:630px;

    background:  url("../images/services-hero.jpeg");

    background-size:cover;
    background-position:center 30%;
    background-repeat: no-repeat;

    display:flex;
    align-items:center;

    padding:0 70px;
    margin-top:5px;
    overflow:hidden;
}

.services-hero-content{
    position:relative;
    z-index:2;
    max-width:520px;
}

.services-hero-content h1{
    font-family:'Bebas Neue', sans-serif;
    font-size:55px;
    font-weight:600;
    line-height:0.9;
    text-transform:uppercase;
    color:#ffffff;
}

.services-hero-content h1 span{
    display:block;
    color:#c97b0e;
    font-size:45px;
    font-weight:600;
    margin-top:10px;
    margin-bottom:25px;
}

/* .services-line{
    width:65px;
    height:3px;
    background:#c97b0e;
    margin:22px 0 25px;
} */

.services-hero-content h2{
    font-family:'Montserrat', sans-serif;
    font-size:18px;
    font-weight:600;
    color:#ffffff;
    line-height:0.5;
    margin-bottom:20px;
}

.services-hero-content p{
    font-family:'Montserrat', sans-serif;
    font-size:16px;
    font-weight:400;
    color:#ffffff;
    line-height:1.9;
    text-align:justify;
    max-width:400px;
}


/* ====================================
   SERVICES GRID SECTION
==================================== */

.services-grid{
    background:#ffffff;
    padding:35px 25px;
}

.services-grid-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.service-card{
    background:#ffffff;
    border:1px solid #dddddd;
    border-radius:8px;
    padding:15px;
    transition:all 0.35s ease;
    cursor:pointer;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.15);
    /* border-color:#c97b0e; */
}

.service-header{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:15px;
}

.service-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#071F3B;
    display:flex;
    align-items:center;
    justify-content:center;
}

.service-icon img{
    width:40px;
    height:40px;
    object-fit:contain;
}

.service-header h3{
    font-family:'Bebas Neue', sans-serif;
    font-size:16px;
    font-weight:600;
    color:#020a16;
    line-height:1;
    white-space:nowrap;
}

/* .service-header h3 span{
    display:block;
} */

 .service-image{
    width:100%;
    height:170px;
    object-fit:cover;
    border-radius:4px;
    margin-bottom:18px;
} 

.service-card ul{
    list-style:none;
    margin-bottom:18px;
}

.service-card ul li{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    color:#020a16;
    line-height:2;
    position:relative;
    padding-left:18px;
    white-space:nowrap;
}

.service-card ul li::before{
    content:"◆";
    position:absolute;
    left:0;
    color:#c97b0e;
    font-weight:700;
}

.service-card p{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    color:#020a16;
    line-height:1.8;
    text-align:justify;
}


/* ====================================
   SERVICES DARK CARD
==================================== */

.service-dark-card{
    background:#071F3B;
    border-radius:8px;
    padding:25px;
    color:#ffffff;
}

.service-dark-card h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:25px;
    line-height:1;
    color:#ffffff;
    text-transform:uppercase;
    margin-bottom:35px;
}

.service-dark-card h2 span{
    display:block;
    color:#c97b0e;
    margin-top:4px;
    font-size:20px;
}

.dark-item{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:26px;
}

.dark-item img{
    width:28px;
    height:28px;
    object-fit:contain;
}

.dark-item span{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:500;
    color:#ffffff;
    white-space:nowrap;
}


/* ====================================
   WHAT SETS GLOBAL COPPER APART
==================================== */

.services-advantage{
    background:#ffffff;
    padding:20px 25px 50px;
    margin-top:-15px;
}

.advantage-container{
    display:grid;
    grid-template-columns:3fr 1.25fr;
    gap:0;
    border:1px solid #e5e5e5;
    border-radius:6px;
    overflow:hidden;
}

/* LEFT SIDE */

.advantage-left{
    background:#ffffff;
    padding:25px;
}

.advantage-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:30px;
}

.title-line{
    width:120px;
    height:2px;
    background:#c97b0e;
}

.advantage-title h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    white-space:nowrap;
}

.advantage-features{
    display:grid;
    grid-template-columns:repeat(6,1fr);
}

.advantage-item{
    text-align:center;
    padding:0 15px;
    border-right:1px solid #e5e5e5;
}

.advantage-item:last-child{
    border-right:none;
}

.advantage-item img{
    width:50px;
    height:50px;
    object-fit:contain;
    margin-bottom:15px;
}

.advantage-item h3{
    font-family:'Montserrat', sans-serif;
    font-size:15px;
    font-weight:600;
    color:#020a16;
    margin-bottom:12px;
    white-space:nowrap;
}

.advantage-item p{
    font-family:'Montserrat', sans-serif;
    font-size:13px;
    line-height:1.4;
    color:#020a16;
}

/* RIGHT IMAGE */

.advantage-image{
    position:relative;
    overflow:hidden;
}

.advantage-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.advantage-image::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(2,10,22,0.35);
}

.advantage-image-content{
    position:absolute;
    bottom:30px;
    left:20px;
    right:20px;
    z-index:2;
}

.advantage-image-content h3{
    font-family:'Montserrat', sans-serif;
    font-size:15px;
    font-weight:700;
    color:#ffffff;
    line-height:1.5;
}

.advantage-image-content span{
    color:#c97b0e;
}

/* ====================================
   SERVICES CTA SECTION
==================================== */

.services-cta{

    display:flex;
    align-items:stretch;
    background:#c6924a;
    margin-top:-10px;
}

.services-cta-left{
    width:40%;
    padding:35px;
    color:#ffffff;
}

.services-cta-left h2{
    font-family:'Bebas Neue',sans-serif;
    font-size:24px;
    line-height:1.4;
    text-transform:uppercase;
    margin-bottom:18px;
    white-space:nowrap;
}

.services-cta-left p{
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:200;
    line-height:1.8;
}

.services-divider{
    width:1px;
    background:rgba(255,255,255,.15);
}

 .services-item{
    width:20%;
    padding:30px 20px;
    color:#ffffff;
    display:flex;
    flex-direction:column;
    justify-content:center;
} 

.services-item img{
    width:45px;
    height:45px;
    object-fit:contain;
    margin-bottom:18px;
}

.services-item h3{
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:600;
    margin-bottom:12px;
}

.services-item p{
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    font-weight:400;
    white-space:nowrap;
    line-height:1.7;
}








/* page-5 */


/* ====================================
   WHY GCL HERO SECTION
==================================== */

.whygcl-hero{
    position:relative;
    height:630px;
    margin-top:5px;
    background:url("../images/why-gcl-hero.jpeg");
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    padding:0 70px;
    overflow:hidden;
}

.whygcl-hero-content{
    position:relative;
    z-index:2;
    max-width:470px;
}

.whygcl-hero-content h1{
    font-family:'Bebas Neue',sans-serif;
    font-size:55px;
    font-weight:600;
    color:#ffffff;
    line-height:0.9;
    text-transform:uppercase;
}

.whygcl-hero-content h1 span{
    display:block;
    color:#c97b0e;
    font-size:45px;
    margin-top:10px;
    margin-bottom:20px;
    white-space:nowrap;
}

/* .whygcl-line{
    width:60px;
    height:3px;
    background:#c97b0e;
    margin:30px 0;
} */

.whygcl-hero-content h2{
    font-family:'Montserrat',sans-serif;
    font-size:18px;
    font-weight:600;
    color:#ffffff;
    line-height:1.6;
    margin-bottom:25px;
}

.whygcl-hero-content p{
    font-family:'Montserrat',sans-serif;
    font-size:16px;
    font-weight:400;
    text-align:left;
    color:#ffffff;
    line-height:1.9;
    text-align: justify;
    max-width:450px;
}



/* ====================================
   OUR COMPETITIVE ADVANTAGE
==================================== */

.competitive-section{
    background:#ffffff;
    padding:30px 25px 60px;
}

.competitive-title{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-bottom:25px;
}

.competitive-title h2{
    font-family:'Bebas Neue',sans-serif;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    text-transform:uppercase;
}

.competitive-title .title-line{
    width:80px;
    height:2px;
    background:#c97b0e;
    position:relative;
}

.competitive-title .title-line::before,
.competitive-title .title-line::after{
    content:"";
    position:absolute;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#c97b0e;
    top:50%;
    transform:translateY(-50%);
}

.competitive-title .title-line::before{
    left:0;
}

.competitive-title .title-line::after{
    right:0;
}

.competitive-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.competitive-card{
    background:#ffffff;
    border:1px solid #d9d9d9;
    border-radius:8px;
    overflow:hidden;
    text-align:center;
    transition:.35s;
}

.competitive-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 20px rgba(0,0,0,.12);
}

.competitive-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    background:#071F3B;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:15px auto 18px;
}

.competitive-icon img{
    width:38px;
    height:38px;
    object-fit:contain;
}

.competitive-card h3{
    font-family:'Bebas Neue',sans-serif;
    font-size:15px;
    color:#c97b0e;
    line-height:1.15;
    padding:0 18px;
    min-height:55px;
    margin-bottom:15px;
}

.competitive-image{
    width:100%;
    height:165px;
    object-fit:cover;
    display:block;
    margin-top:-25px;
}

.competitive-card p{
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    color:#020a16;
    line-height:1.7;
    padding:18px;
    text-align:center;
}


/* ====================================
   OUR PROMISE SECTION
==================================== */

.promise-section{
    background:#071F3B;
    margin:25px 25px;
    border-radius:8px;
    overflow:hidden;
    margin-top:-30px;
}

.promise-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.promise-left{
    width:30%;
    padding:25px 25px;
}

.promise-left h2{
    font-family:'Bebas Neue',sans-serif;
    font-size:25px;
    font-weight:600;
    color:#c97b0e;
    text-transform:uppercase;
    margin-bottom:18px;
}

.promise-left p{
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    text-align:left;
    font-weight:400;
    color:#ffffff;
    line-height:1.7;
}

.promise-divider{
    width:1px;
    height:130px;
    background:rgba(255,255,255,0.18);
}

.promise-item{
    flex:1;
    text-align:center;
    padding:25px 15px;
}

.promise-item img{
    width:52px;
    height:52px;
    object-fit:contain;
    margin-bottom:18px;
}

.promise-item h3{
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    white-space:nowrap;
    font-weight:500;
    color:#ffffff;
    line-height:1.6;
}


/* ====================================
   WHY GCL CTA SECTION
==================================== */

.whygcl-cta{
    background:#c6924a;
    padding:20px 20px;
}

.whygcl-cta-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.whygcl-cta-left{
    display:flex;
    align-items:center;
    gap:22px;
}

.whygcl-icon{
    width:60px;
    height:60px;
    border:2px solid rgba(255,255,255,.7);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
}

.whygcl-icon img{
    width:32px;
    height:32px;
    object-fit:contain;
}

.whygcl-text h2{
    font-family:'Montserrat',sans-serif;
    font-size:22px;
    font-weight:600;
    color:#ffffff;
    margin-bottom:8px;
}

.whygcl-text p{
    font-family:'Montserrat',sans-serif;
    font-size:16px;
    font-style:italic;
    color:#ffffff;
}
















/* Page - 6 */

/*====================================
MARKETS HERO SECTION
====================================*/

.markets-hero{

    position:relative;
    height:620px;
    margin-top:5px;

    background:url("../images/markets-hero.jpeg");

    background-size:cover;
    background-position:center 5%;
    background-repeat:no-repeat;

    display:flex;
    align-items:center;

    padding:0 70px;
}

.markets-hero-content{
    max-width:430px;
}

.markets-hero-content h1{
    display:flex;
    flex-direction:column;
    line-height:.88;
    text-transform:uppercase;
    margin-bottom:22px;
}

.markets-hero-content h1 span{
    font-family:'Bebas Neue',sans-serif;
    font-size:55px;
    color:#ffffff;
    font-weight:600;
    margin-bottom:10px;
}

.markets-hero-content h1{
    font-family:'Bebas Neue',sans-serif;
    font-size:45px;
    color:#c97b0e;
    font-weight:600;
}

/* .markets-line{
    width:70px;
    height:4px;
    background:#c97b0e;
    margin-bottom:25px;
} */

.markets-hero-content h2{
    font-family:'Montserrat',sans-serif;
    font-size:16px;
    font-weight:600;
    color:#ffffff;
    line-height:1.6;
    margin-bottom:20px;
}

.markets-hero-content p{
    font-family:'Montserrat',sans-serif;
    font-size:16px;
    color:#ffffff;
    text-align:left;
    line-height:1.8;
    max-width:500px;
}





/*====================================
 GLOBAL MARKET PRESENCE
====================================*/

.global-market-section{
    background:#fff;
    padding:30px 70px 70px;
}

.global-market-heading{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-bottom:40px;
}

.heading-line{
    width:90px;
    height:2px;
    background:#c97b0e;
    position:relative;
}

.heading-line::before,
.heading-line::after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#c97b0e;
    top:50%;
    transform:translateY(-50%);
}

.heading-line::before{
    left:0;
}

.heading-line::after{
    right:0;
}

.global-market-heading h2{
    font-family:'Bebas Neue',sans-serif;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    letter-spacing:1px;
}

/*=========================
GRID
=========================*/

.global-market-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

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

.market-card{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:10px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:.35s ease;
    box-shadow:0 3px 10px rgba(0,0,0,.05);
    margin-top:-15px;
}

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

/*=========================
HEADER
=========================*/

.market-card-header{
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px 18px 12px;
}

.market-card-header img{
    width:40px;
    height:40px;
    object-fit:contain;
}

.market-card-header h3{
    font-family:'Bebas Neue',sans-serif;
    font-size:16px;
    color:#b66d33;
    letter-spacing:.5px;
}

/*=========================
COUNTRIES
=========================*/

.market-country-list{
    padding:20px 18px 15px;
}

.country{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:9px;
}

.country img{
    width:22px;
    height:15px;
    object-fit:cover;
    border:1px solid #ddd;
}

.country span{
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    color:#020a16;

}

/*=========================
IMAGE
=========================*/

.market-image{
    width:100%;
    height:280px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}
.asia-bg{
    background-image:url("../images/market-pic1.jpeg");
}
.middleeast-bg{
    background-image:url("../images/market-pic2.jpeg");
}
.europe-bg{
    background-image:url("../images/market-pic3.jpeg");
}
.africa-bg{
    background-image:url("../images/market-pic4.jpeg");
}

/*=========================
CONTENT
=========================*/

.market-content{
    padding:18px;
    flex:1;
}

.market-content p{
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    line-height:1.8;
    color:#020a16;
    text-align:center;
}

/*=========================
SMOOTH IMAGE EFFECT
=========================*/

.market-image{
    transition:.4s;
}

.market-card:hover .market-image{
    transform:scale(1.05);
}

/*=========================
FLAG EFFECT
=========================*/

.country{
    transition:.25s;
}

.market-card:hover .country{
    transform:translateX(3px);
}

/*=========================
TITLE EFFECT
=========================*/

.market-card:hover h3{
    color:#c97b0e;
}



/*==========================================
      INDUSTRIES WE SUPPORT
==========================================*/

.industries-section{
    margin-top:-40px;
    padding:5px 70px 60px;
    background:#fff;
}

.industries-heading{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-bottom:28px;
}

.industries-heading h2{
    font-family:'Bebas Neue',sans-serif;
    font-size:25px;
    font-weight:600;
    color:#020a16;
    letter-spacing:1px;
}

.industries-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
}

.industry-card{
    background:#fff;
    border:1px solid #e4ddd6;
    border-radius:8px;
    overflow:hidden;
    transition:.3s;
}

.industry-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.10);
}

.industry-header{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:14px 14px 10px;
}

.industry-icon{
    width:42px;
    height:42px;
    border:1.5px solid #c97b0e;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.industry-icon img{
    width:28px;
    height:28px;
    object-fit:contain;
}

.industry-header h3{
    font-family:'Bebas Neue',sans-serif;
    font-size:15px;
    color:#020a16;
    line-height:1.2;
    letter-spacing:.5px;
}

.industry-image{
    width:100%;
    height:125px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;
}

.electrical-bg{
    background:url("../images/market-pic5.jpeg") center center/cover no-repeat;
}

.wire-bg{
    background:url("../images/market-pic6.jpeg") center center/cover no-repeat;
}

.smelter-bg{
    background:url("../images/market-pic7.jpeg") center center/cover no-repeat;
}

.manufacturing-bg{
    background:url("../images/market-pic8.jpeg") center center/cover no-repeat;
}

.construction-bg{
    background:url("../images/market-pic9.jpeg") center center/cover no-repeat;
}

.industry-card p{
    padding:14px;
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    color:#020a16;
    text-align:center;
    line-height:1.7;
}



/* ====================================
   GLOBAL TRADING & CUSTOMER NETWORK
==================================== */

.global-network-section{
    background:#ffffff;
    padding:0px 70px 60px;
    margin-top:-25px;
}

.global-network-container{
    display:grid;
    grid-template-columns:1.05fr 1.45fr 0.95fr;
    gap:18px;
    align-items:stretch;
}

/* CARD */

.network-card{
    background:#ffffff;
    border:1px solid #e6e6e6;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 3px 12px rgba(0,0,0,.05);
}

.network-card h2{
    font-family:'Bebas Neue',sans-serif;
    font-size:19px;
    color:#020a16;
    font-weight:600;
    line-height:1.3;
    padding:20px 22px 10px;
    text-transform:uppercase;
    white-space:nowrap;
}

/* ==========================
   LEFT CARD
========================== */

.trading-card{
    padding-bottom:0px;
}

.hub-item{
    display:flex;
    gap:16px;
    padding:18px 22px;
}

.hub-item:first-of-type{
    border-bottom:1px solid #ececec;
}

.hub-image{
    width:42%;
    flex-shrink:0;
}

.hub-image img{
    width:100%;
    height:100px;
    object-fit:cover;
    border-radius:4px;
    display:block;
    background:#dddddd;
}

.hub-content{
    width:58%;
}

.hub-content h3{
    display:flex;
    align-items:center;
    gap:6px;

    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:600;
    color:#c97b0e;
    margin-bottom:10px;
    text-transform:uppercase;
}

.hub-content p{
    font-family:'Montserrat',sans-serif;
    font-size:13.5px;
    color:#020a16;
    line-height:1.6;
    text-align:left;
}

/* ==========================
   CENTER CARD
========================== */

.customer-card{
    padding-bottom:5px;
}

.customer-card h2{
    text-align:center;
    padding-bottom:20px;
}

.customer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid #ececec;
}

.customer-item{
    text-align:center;
    padding:24px 15px;
    border-right:1px solid #ececec;
    border-bottom:1px solid #ececec;
}

.customer-item:nth-child(4),
.customer-item:nth-child(8){
    border-right:none;
}

.customer-item:nth-child(5),
.customer-item:nth-child(6),
.customer-item:nth-child(7),
.customer-item:nth-child(8){
    border-bottom:none;
}

.customer-item img{
    width:52px;
    height:52px;
    object-fit:contain;
    margin-bottom:15px;
}

.customer-item span{
    display:block;
    font-family:'Montserrat',sans-serif;
    font-size:12.5px;
    font-weight:600;
    color:#020a16;
    line-height:1.5;
    text-transform:uppercase;
}

/* ==========================
   RIGHT CARD
========================== */

.strategic-card{
    display:flex;
    flex-direction:column;
}

.strategic-card p{
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    color:#020a16;
    line-height:1.9;
    padding:0 22px 22px;
}

.strategic-image{
    margin-top:auto;
}

.strategic-image img{
    width:100%;
    height:150px;
    margin-top:-50px;
    object-fit:cover;
    display:block;
    background:#dddddd;
}

/* ==========================
   HOVER EFFECTS
========================== */

/* .network-card{
    transition:.35s;
}

.network-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 24px rgba(0,0,0,.10);
}

.customer-item{
    transition:.3s;
}

.customer-item:hover{
    background:#fafafa;
}

.hub-image img,
.strategic-image img{
    transition:.35s;
}

.hub-item:hover img,
.strategic-card:hover img{
    transform:scale(1.04);
}  */

/* ====================================
   GLOBAL MARKET STATS STRIP
==================================== */

.market-stats{
    background:#ffffff;
    padding:0 70px 50px;
    margin-top:-25px;
}

.market-stats-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#ffffff;
    border:1px solid #e5e5e5;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
}

.market-stat{
    display:flex;
    align-items:center;
    gap:18px;
    padding:15px 25px;
    border-right:1px solid #ececec;
    /* transition:.35s; */
}

.market-stat:last-child{
    border-right:none;
}

.market-stat:hover{
    background:#fafafa;
}

.market-stat-icon{
    flex-shrink:0;
}

.market-stat-icon img{
    width:58px;
    height:58px;
    object-fit:contain;
}

.market-stat-content h2{
    display:flex;
    align-items:center;
    gap:12px;

    font-family:'Bebas Neue',sans-serif;
    font-size:16px;
    font-weight:600;
    color:#020a16;
    line-height:1.3;
    text-transform:uppercase;
    margin-bottom:10px;
}

.stat-heading{
    display:block;
}

.market-stat-content h2 span{
    font-size:50px;
    color:#c97b0e;
    margin-right:8px;
    vertical-align:middle;
}

.market-stat-content p{
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    color:#020a16;
    line-height:1.7;
    
}

/* Hover */

/* .market-stat-icon img{
    transition:.35s;
}

.market-stat:hover img{
    transform:scale(1.08);
} */


/* ====================================
   MARKETS CTA STRIP
==================================== */

.markets-cta{
    background:#ffffff;
    padding:0 70px 35px;
    margin-top:-15px;
    
}

.markets-cta-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#ffffff;
    border:1px solid #e8e8e8;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
}

/* LEFT */

.markets-cta-left{
    padding:20px 35px;
    min-width:310px;
}

.markets-cta-left h2{
    font-family:'Bebas Neue',sans-serif;
    font-size:20px;
    font-weight:600;
    color:#020a16;
    letter-spacing:.5px;
    white-space:nowrap;
}

.markets-cta-left h1{
    font-family:'Bebas Neue',sans-serif;
    font-size:30px;
    color:#c97b0e;
    line-height:1;
    margin:2px 0 10px;
    white-space:nowrap;
}

.markets-cta-left p{
    font-family:'Montserrat',sans-serif;
    font-size:13px;
    font-weight:600;
    color:#020a16;
}

.markets-cta-left span{
    color:#c97b0e;
    margin:0 8px;
}

/* MIDDLE */

.markets-cta-middle{
    display:flex;
    flex:1;
    height:100%;
}

.cta-feature{
    flex:1;
    display:flex;
    align-items:center;
    gap:15px;
    padding:25px;
    border-left:1px solid #ececec;
}

.cta-feature img{
    width:42px;
    height:42px;
    object-fit:contain;
}

.cta-feature h3{
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    font-weight:700;
    color:#020a16;
    margin-bottom:5px;
    white-space:nowrap;
}

.cta-feature p{
    font-family:'Montserrat',sans-serif;
    font-size:13px;
    color:#020a16;
    white-space:nowrap;

}
















/* 
Page-7 */


/* ====================================
   CONTACT HERO SECTION
==================================== */

.contact-hero{
    position: relative;
    height:620px;
    margin-top:5px;   /* Same as other pages */

    background: url("../images/contact-hero.jpeg");
    
    background-size: cover;
    background-position: center 80%;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
    padding: 0 70px;
}

.contact-hero-content{
    position: relative;
    z-index: 2;
    max-width: 650px;
}

.contact-hero-content h1{
    font-family: 'Bebas Neue', sans-serif;
    font-size:45px;
    font-weight:600;
    color: #ffffff;
    line-height:1;
    margin-bottom: 18px;
    letter-spacing: 2px;
}

.contact-hero-content h1 span{
    font-size:55px;
    color: #c97b0e;
    display: block;
}

/* .contact-line{
    width: 90px;
    height: 4px;
    background: #c97b0e;
    margin-bottom: 22px;
} */

.contact-hero-content p{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #ffffff;
    max-width:300px;
}



/*====================================
GET IN TOUCH SECTION
====================================*/


.contact-info-section{
    background:#ffffff;
    padding:30px 80px 30px;
    margin-top:0;
}
.contact-info-container{
    width:100%;
    border:1px solid #e6e6e6;
    background:#fff;
    padding:20px 60px;
}

.contact-left{
    width:100%;
    padding:0;
    border:none;
}

.contact-left h4{
    font-family:'Montserrat',sans-serif;
    font-size:22px;
    font-weight:600;
    color:#c97b0e;
    letter-spacing:1px;
    margin-bottom:10px;
}

.contact-left h2{
    font-family:'Bebas Neue',sans-serif;
    font-size:26px;
    color:#020a16;
    line-height:1;
    margin-bottom:20px;
}

.contact-left h2 span{
    display:block;
    color:#c97b0e;
}

.contact-intro{
    font-family:'Montserrat',sans-serif;
    font-size:16px;
    color:#020a16;
    line-height:1.8;
    margin-bottom:20px;
}

.contact-list{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #e6e6e6;
}

.contact-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.contact-icon{
    width:50px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#071F3B;
    margin-bottom:12px;
}

.contact-icon i{
    font-size:24px;
}

.contact-text{
    width:100%;
    text-align:center;
}

.contact-text h3{
    font-family:'Bebas Neue',sans-serif;
    font-size:16px;
    color:#020a16;
    margin-bottom:10px;
    min-height:24px;
}

.contact-text p{
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    color:#020a16;
    line-height:1.7;
    margin:0;
}



/* Request a Quote Section */

.quote-section{
    background:#f8f9fb;
    padding:40px 70px;
}

.quote-container{
    width:100%;
    max-width:700px;
    margin:0;
    background:#ffffff;
    padding:30px 40px;
    border:1px solid #e5e5e5;
    border-radius:8px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
}

.quote-intro p{
    font-family:'Montserrat', sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:1.8;
    color:#020a16;
    margin-bottom:30px;
}

#request-quote{
    scroll-margin-top: 120px;
}

/* Form */

.quote-form .form-group{
    margin-bottom:18px;
}


.form-group label{
    font-size:15px;
    font-weight:600;
    color:#020a16;
    margin-bottom:10px;
    display:block;
}


.quote-form input[type="text"],
.quote-form input[type="email"],
.quote-form input[type="tel"],
.quote-form textarea{
    width:100%;
    border:none;
    border-bottom:2px solid #cfcfcf;
    background:transparent;
    padding:8px 0;
    font-size:15px;
    font-family:'Montserrat',sans-serif;
    outline:none;
    border-radius:0;
}

.quote-form input:focus,
.quote-form textarea:focus{
    border-bottom:2px solid #c97b0e;
}

.quote-form textarea{
    resize:none;
    min-height:80px;
}

/* Checkbox Group */


.checkbox-group{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px 30px;
    margin-top:10px;
}

.checkbox-group label{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:0;
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    font-weight:500;
    color:#020a16;
}

.checkbox-group input[type="checkbox"]{
    margin-top:3px;
    accent-color:#c97b0e;
}

/* Agreement */

.agreement label{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:500;
    color:#020a16;
}

/* Submit Button */

.quote-submit{
    width:220px;
    background:#c97b0e;
    color:#fff;
    border:none;
    padding:15px;
    font-weight:600;
    cursor:pointer;
    margin-top:20px;
}

.quote-submit:hover{
    background:#c6924a;
}


/* Note */

.quote-note{
    margin-top:20px;
    padding:15px 20px;
    background:#fff8ef;
    border-left:4px solid #c97b0e;
    border-radius:6px;
}

.quote-note h4{
    font-family:'Montserrat', sans-serif;
    font-size:16px;
    font-weight:700;
    color:#020a16;
    margin-bottom:10px;
}

.quote-note p{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    line-height:1.8;
    color:#020a16;
}

/* Two Column Layout */

.quote-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:stretch;
}

/* Left Box */

.quote-container{
    background:#ffffff;
    border:1px solid #e5e5e5;
    padding:30px 40px;
    border-radius:8px;
}

/* Right Box */

.quote-image{
    background:#071F3B;     /* Temporary background */
    border-radius:8px;
    overflow:hidden;
    min-height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* Placeholder Image */

.quote-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

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

.careers-cta{ 
    display:flex; 
    align-items:center; 
    justify-content:space-between; 
    margin:0 70px 30px; 
    margin-top:30px; 
    border:1px solid #dddddd; 
    background:#ffffff; 
    overflow:hidden; } 

    /* LEFT SIDE */ 

.careers-cta-left{ 
    flex:1; 
    display:flex; 
    align-items:center; 
    padding:22px 35px; 
} 

.career-mail-icon{ 
    width:58px; 
    height:58px; 
    background:#071F3B; 
    border-radius:50%; 
    display:flex; 
    justify-content:center; 
    align-items:center; 
    margin-right:18px; 
    flex-shrink:0; 
}
     
.career-mail-icon img{ 
    width:30px; 
    height:30px; 
    object-fit:contain; 
} 

.career-mail-text h1{ 
    font-family:'Montserrat',sans-serif; 
    font-size:25px; 
    font-weight:600; 
    color:#020a16; 
    line-height:1.5; 
    margin-bottom:6px; 
} 

.career-mail-text h3{ 
    font-family:'Montserrat',sans-serif; 
    font-size:16px; 
    font-weight:600; 
    color:#020a16; 
    line-height:1.5; 
    margin-bottom:6px; 
} 

.career-mail-text span{ 
    color:#b66d33; 
    font-weight:700; 
} 

.career-mail-text p{ 
    font-family:'Montserrat',sans-serif; 
    font-size:15px; 
    color:#020a16; 
    line-height:1.6; 
}

.career-email{
    color:#c97b0e;       /* Same color as your design */
    text-decoration:none;
    font-weight:600;
}

.career-email:hover{
    text-decoration:underline;
}

/* RIGHT SIDE */ 

.careers-cta-right{ 
    width:360px; 
    background:linear-gradient(135deg,#b66d33,#8f4d1e); 
    color:#ffffff; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    gap:18px; 
    padding:24px 30px; 
    clip-path:polygon(18% 0,100% 0,100% 100%,0% 100%); } 
    
    .careers-cta-right img{ 
        width:52px; 
        height:52px; 
        object-fit:contain; 
    } .career-right-text 
    
    h3{ 
        font-family:'Montserrat',sans-serif; 
        font-size:15px; 
        font-weight:700; 
        color:#ffffff; 
        line-height:1.8; 
        margin:0; 
    }












/* Page-8 */


/* ====================================
      PARTNER PROGRAM HERO
==================================== */

.partner-hero{
    position: relative;
    height:620px;
    margin-top:5px;   /* Same as other pages */
    background: url("../images/partner-hero.jpeg");
    
    background-size: cover;
    background-position: center 80%;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
    padding: 0 70px;
}

.partner-hero-content h1{
    font-family:'Bebas Neue',sans-serif;
    font-size:26px;
    font-weight:600;
    color:#c97b0e;
    line-height:1.2;
    margin-bottom:20px;
}

.partner-hero-content p{
    font-family:'Montserrat',sans-serif;
    font-size:16px;
    line-height:1.8;
    color:#ffffff;
    max-width:450px;
    margin-bottom:20px;
    text-align:justify;
}

.partner-hero-content span{
    font-family:'Cormorant Garamond',serif;
    font-size:25px;
    font-style:italic;
    color:#c6924a;
    line-height:1.2;
}


/* ====================================
      PARTNER INTRO SECTION
==================================== */

.partner-intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    background:#ffffff;
}

.partner-intro-content{
    padding:70px 80px;
}

.partner-intro-content p{
    font-family:'Montserrat',sans-serif;
    font-size:16px;
    line-height:1.8;
    color:#020a16;
    margin-bottom:30px;
    text-align:justify;
}

.partner-intro-image{
    height:80%;
}

.partner-intro-image img{
    width:100%;
    height:90%;
    object-fit:cover;
    display:block;
}



/* ====================================
      PARTNER ENQUIRY
==================================== */

.partner-enquiry{
    background:#ffffff;
    padding:5px 70px;
    margin-bottom:50px;
}

.partner-enquiry-container{
    max-width:850px;
    margin:0;
}

.partner-heading{
    text-align:center;
    margin-bottom:50px;
}

.partner-heading h2{
    font-family: 'Bebas Neue', sans-serif;
    font-size:40px;
    font-weight:500;
    color:#020a16;
    margin-bottom:10px;
}

.partner-heading p{
    font-family:'Cormorant Garamond',serif;
    font-size:25px;
    color:#c6924a;
    margin-bottom:30px;
}

.partner-heading span{
   font-family:'Montserrat',sans-serif;
    font-size:16px;
    line-height:1.8;
    color:#020a16;
}

.partner-form{
    display:flex;
    flex-direction:column;
    gap:28px;
}

.form-group{
    display:flex;
    flex-direction:column;
}

.form-group label{
    font-family:'Montserrat',sans-serif;
    font-weight:600;
    margin-bottom:10px;
    color:#020a16;
}

.form-group span{
    color:#c6924a;
}

.form-group input,
.form-group textarea{
    border:none;
    border-bottom:2px solid #cccccc;
    padding:12px 0;
    font-size:17px;
    font-family:'Montserrat',sans-serif;
    background:transparent;
    outline:none;
}

.form-group input:focus,
.form-group textarea:focus{
    border-bottom:2px solid #c6924a;
}

.checkbox-group{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-top:10px;
}

.checkbox-group label{
    font-weight:400;
    font-family:'Montserrat',sans-serif;
}

.checkbox-group input{
    margin-right:10px;
}

.privacy-check{
    font-family:'Montserrat',sans-serif;
}

.privacy-check input{
    margin-right:8px;
}

.privacy-check a{
    color:#020a16;
    text-decoration:none;
    font-weight:600;
}

.partner-btn{
    width:220px;
    padding:15px;
    background:#c97b0e;
    color:#fff;
    border:none;
    font-family:'Montserrat',sans-serif;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.partner-btn:hover{
    background:#c6924a;
}













/* PAGE-9 */


/* ====================================
      NEWS HERO
==================================== */

.news-hero{
    position: relative;
    height:620px;
    margin-top:5px;   /* Same as other pages */
    background: url("../images/news-hero.jpeg");
    
    background-size: cover;
    background-position: center 80%;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
    padding: 0 70px;
}


.news-hero-overlay{
    width:100%;
    background:rgba(0,0,0,0.55);
    padding:20px 70px;
}

.news-hero-content{
    max-width:1200px;
    margin:0 auto;
}

.news-hero-content h1{
    font-family:'Montserrat',sans-serif;
    font-size:40px;
    font-weight:700;
    color:#ffffff;
    text-transform:uppercase;
    margin-bottom:8px;
    margin-left:-50px;
}

.news-hero-content p{
    font-family:'Montserrat',sans-serif;
    font-size:25px;
    font-weight:300;
    color:#ffffff;
    margin-left:-50px;
}


/* ====================================
      LATEST NEWS
==================================== */

.latest-news{
    background:#f4efe8;
    padding:70px;
}

.latest-news-container{
    max-width:1400px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    gap:50px;
}

.news-card{
    width:50%;
    background:#020a16;
    overflow:hidden;
    transition:.3s;
}

.news-card:hover{
    transform:translateY(-5px);
}

.news-image{
    height:420px;
    background:#183b73;
    display:flex;
    align-items:center;
    justify-content:center;
}

.news-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.news-content{
    padding:28px;
}

.news-content h3{
    font-family:'Montserrat',sans-serif;
    color:#ffffff;
    font-size:22px;
    line-height:34px;
    margin-bottom:18px;
}

.news-content p{
    font-family:'Poppins',sans-serif;
    color:#d9d9d9;
    font-size:15px;
    line-height:28px;
}

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

.news-gallery{
    background:#f4efe8;
    padding:70px;
    margin-top:-50px;
}

.news-gallery-container{
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    gap:50px;
}

.news-box{
    flex:1;
    background:#183b73;
    padding:20px;
}

.news-box img{
    width:100%;
    height:520px;
    object-fit:cover;
    display:block;
}







/* ====================================
   PRIVACY POLICY & TERMS PAGE
==================================== */

.legal-page{
    max-width:1000px;
    margin:15px auto 20px;
    max-width:calc(100% - 200px);
    padding:20px;
    font-family:'Montserrat', sans-serif;
    color:#020a16;
    line-height:1.8;
}

.legal-page h1{
    font-family:'Bebas Neue',sans-serif;
    font-weight:600;
    font-size:28px;
    color:#020a16;
    margin-bottom:30px;
    text-align:center;
}

.legal-page h2{
    font-family:'Montserrat', sans-serif;
    font-size:24px;
    color:#020a16;
    margin-top:-20px;
    margin-bottom:20px;
    padding-bottom:8px;
    border-bottom:2px solid #020a16;
}

.legal-page h3{
    font-family:'Cormorant Garamond', serif;
    font-size:20px;
    font-weight:700;
    color:#c6924a;
    margin-top:15px;
    margin-bottom:6px;
}

.legal-page p{
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:400;
    color:#020a16;
    text-align:justify;
    margin-bottom:20px;
}