*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{
--dgo-blue:#061d37;
--dgo-blue2:#092847;
--dgo-gold:#b4862c;
--dgo-white:#ffffff;
--dgo-text:#253346;
--dgo-light:#f6f7f9;

--dgo-navy:#062546;
--dgo-navy-2:#082d53;
--dgo-gold:#c9932e;
--dgo-gold-light:#e0b35d;
--dgo-text:#243447;
--dgo-muted:#596676;
--dgo-line:#e5e8ec;
--dgo-soft:#f2f5f8;
--radius:10px;

--navy: #062546;
--navy2: #0a3158;
--gold: #c9932e;
--gold2: #e2b55e;
--text: #263746;
--muted: #5b6875;
--line: #e2e7eb;
--soft: #f3f6f8
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Roboto',sans-serif;
    color:var(--dgo-text);
    overflow-x:hidden;
    background:#fff;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

.dgo-container{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

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

.dgo-header{
    background:#fff;
    position:relative;
    z-index:1000;
    box-shadow:0 1px 10px rgba(0,0,0,.04);
}

.dgo-topbar{
    /* border-bottom:1px solid #eeeeee; */
}

.dgo-topbar-inner{
    /* min-height:62px; */
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:32px;
    font-size:15px;
    color:#2b3440;
    padding: 10px;
}

.dgo-topbar-inner a{
    color:#2b3440;
}

.dgo-topbar-inner i{
    color:var(--dgo-blue);
    margin-right:8px;
}

.dgo-navbar{
    min-height: 70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.dgo-logo img{
    width:225px;
    max-height: 110px;
    object-fit: contain;
    margin-top: -40px;
}

.dgo-menu{
    display:flex;
    align-items:center;
    gap:25px;
}

.dgo-menu a{
    color:#1e2937;
    font-family:'Montserrat',sans-serif;
    font-size: 15px;
    font-weight:600;
    text-transform:uppercase;
    position:relative;
    white-space:nowrap;
}

.dgo-menu a:hover,
.dgo-menu a.active{
    color:var(--dgo-gold);
}

.dgo-menu a.active:after{
    content:"";
    position:absolute;
    width:42px;
    height:2px;
    background:var(--dgo-gold);
    left:0;
    bottom:-18px;
}

.dgo-enquire-btn,
.dgo-primary-btn,
.dgo-outline-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:52px;
    padding:0 25px;
    font-family:'Montserrat',sans-serif;
    font-size:13px;
    font-weight:700;
    letter-spacing:.3px;
    text-transform:uppercase;
    border-radius:5px;
    transition:.3s;
}

.dgo-enquire-btn,
.dgo-primary-btn{
    background:var(--dgo-gold);
    color:#fff !important;
    box-shadow:0 5px 15px rgba(180,134,44,.2);
}

.dgo-enquire-btn:hover,
.dgo-primary-btn:hover{
    background:#956c1f;
    transform:translateY(-2px);
}

.dgo-outline-btn{
    color:#fff;
    border:1px solid var(--dgo-gold);
}

.dgo-outline-btn:hover{
    background:var(--dgo-gold);
}

.dgo-mobile-toggle{
    display:none;
    width:46px;
    height:46px;
    border:0;
    background:var(--dgo-blue);
    color:#fff;
    border-radius:4px;
    font-size:21px;
    cursor:pointer;
}

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

.dgo-hero{
    position:relative;
    min-height:620px;
    display:flex;
    align-items:center;
    background:
    linear-gradient(90deg,
    rgba(4,24,47,.97) 0%,
    rgba(5,28,53,.92) 32%,
    rgba(6,29,55,.40) 62%,
    rgba(6,29,55,.08) 100%),
    url("../images/banner/hero.jpg") center center / cover no-repeat;
}

.dgo-hero-content{
    max-width:580px;
    color:#fff;
    padding:70px 0;
}

.dgo-small-heading{
    color:#c69a43;
    font-family:'Montserrat',sans-serif;
    font-size:25px;
    font-weight:700;
    letter-spacing:1.2px;
    margin-bottom:10px;
}

.dgo-hero h1{
    font-family:'Montserrat',sans-serif;
    font-size:66px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:1px;
    margin-bottom:18px;
}

.dgo-hero h1 span{
    color:#c49234;
}

.dgo-hero-line{
    width:140px;
    height:1px;
    background:rgba(196,146,52,.7);
    margin:18px 0 20px;
}

.dgo-hero p{
    max-width:450px;
    color:#e2e7ec;
    font-size:17px;
    line-height:1.8;
    margin-bottom:28px;
}

.dgo-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:17px;
}

/* =========================
    FEATURE STRIP
========================= */

.dgo-feature-strip{
    background:var(--dgo-blue);
    color:#fff;
}

.dgo-feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.dgo-feature-item{
    min-height:130px;
    display:flex;
    align-items:center;
    gap:18px;
    padding:25px;
    position:relative;
}

.dgo-feature-item:not(:last-child):after{
    content:"";
    position:absolute;
    right:0;
    top:32px;
    height:65px;
    width:1px;
    background:rgba(255,255,255,.3);
}

.dgo-feature-icon{
    color:var(--dgo-gold);
    font-size:43px;
    min-width:48px;
    text-align:center;
}

.dgo-feature-item h4{
    font-family:'Montserrat',sans-serif;
    color:#fff;
    font-size:14px;
    letter-spacing:.6px;
    margin-bottom:9px;
}

.dgo-feature-item p{
    color:#d8dee5;
    font-size:13px;
    line-height:1.7;
}

/* =========================
    SECTION COMMON
========================= */

.dgo-section{
    padding:50px 0;
}

.dgo-section-title{
    text-align:center;
    margin-bottom:20px;
}

.dgo-section-title h2{
    font-family:'Montserrat',sans-serif;
    color:#26384e;
    font-size:27px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.dgo-title-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:10px;
}

.dgo-title-line:before,
.dgo-title-line:after{
    content:"";
    width:32px;
    height:1px;
    background:#c49538;
}

.dgo-title-line span{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#c49538;
}

/* =========================
    WHAT WE TRADE
========================= */

.dgo-trade-section{
    background:#fafafa;
}

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

.dgo-trade-card{
    min-height:300px;
    background:#fff;
    border:1px solid #e4e7eb;
    border-radius:14px;
    overflow:hidden;
    text-align:center;
    transition:.3s;
    box-shadow:0 4px 18px rgba(0,0,0,.03);
}

.dgo-trade-card:hover{
    transform:translateY(-8px);
    box-shadow:0 14px 35px rgba(0,0,0,.1);
}

.dgo-trade-image{
    height:150px;
    position:relative;
    background:#f3f4f5 center/cover no-repeat;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:22px;
}

.dgo-trade-image:after{
    content:"";
    position:absolute;
    inset:0;
    /* background:linear-gradient(to bottom,rgba(255,255,255,.25),rgba(255,255,255,.65)); */
}

.dgo-trade-image i{
    position:relative;
    z-index:2;
    font-size:53px;
    color:var(--dgo-gold);
}

.dgo-trade-card:nth-child(1) .dgo-trade-image{
    background-image:url("../images/products/Metal-Scrap.jpg");
}

.dgo-trade-card:nth-child(2) .dgo-trade-image{
    background-image:url("../images/products/HMS1-HMS2.jpg");
}

.dgo-trade-card:nth-child(3) .dgo-trade-image{
    background-image:url("../images/products/Other-Commodities.jpg");
}

.dgo-trade-card:nth-child(4) .dgo-trade-image{
    background-image:url("../images/products/Import-Export.jpg");
}

.dgo-trade-content{
    padding:18px 22px 25px;
}

.dgo-trade-content h3{
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    color:#2c3a4d;
    font-weight:700;
    letter-spacing:.8px;
    margin-bottom:10px;
    text-transform:uppercase;
}

.dgo-trade-content p{
    font-size:14px;
    line-height:1.8;
    color:#3d4651;
}

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

.dgo-about-section{
    padding:0;
}

.dgo-about-grid{
    display:grid;
    grid-template-columns:1fr 1.05fr 1.9fr;
    min-height:320px;
}

.dgo-about-text{
    background:#f7f6f3;
    padding:55px 40px;
}

.dgo-about-text h2,
.dgo-why-content h2{
    font-family:'Montserrat',sans-serif;
    color:var(--dgo-gold);
    font-size:22px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:22px;
}

.dgo-about-text p{
    color:#293542;
    font-size:14px;
    line-height:1.9;
    margin-bottom:26px;
}

.dgo-dark-btn{
    display:inline-flex;
    align-items:center;
    gap:28px;
    padding:16px 22px;
    color:#fff;
    background:var(--dgo-blue);
    border-radius:5px;
    font-family:'Montserrat',sans-serif;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
}

.dgo-about-image{
    background:url("../images/about/AboutUs.jpg") center/cover no-repeat;
    min-height:320px;
}

.dgo-why-content{
    position:relative;
    overflow:hidden;
    background:var(--dgo-blue);
    color:#fff;
    padding:55px 45px;
}

.dgo-why-content:after{
    content:"";
    position:absolute;
    right:-50px;
    top:0;
    width:48%;
    height:100%;
    background:url("../images/about/Globe.png") center/contain no-repeat;
    opacity:.85;
}

.dgo-why-content > *{
    position:relative;
    z-index:2;
}

.dgo-why-list{
    list-style:none;
}

.dgo-why-list li{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:15px;
    color:#e8edf2;
    font-size:15px;
}

.dgo-why-list i{
    color:var(--dgo-gold);
    font-size:16px;
}

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

.dgo-counter-section{
    background:var(--dgo-blue);
    border-top:1px solid rgba(255,255,255,.1);
}

.dgo-counter-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.dgo-counter-item{
    color:#fff;
    display:flex;
    align-items:center;
    gap:20px;
    padding:30px 35px;
    position:relative;
}

.dgo-counter-item:not(:last-child):after{
    content:"";
    position:absolute;
    right:0;
    top:30px;
    height:55px;
    width:1px;
    background:rgba(255,255,255,.25);
}

.dgo-counter-item i{
    font-size:42px;
    color:var(--dgo-gold);
}

.dgo-counter-number{
    display:block;
    font-family:'Montserrat',sans-serif;
    font-size:30px;
    font-weight:700;
    margin-bottom:4px;
}

.dgo-counter-label{
    color:#d9e0e6;
    font-size:13px;
}

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

.dgo-cta{
    background:#f3f5f7;
    padding:20px 0;
}

.dgo-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    min-height:70px;
}

.dgo-cta-text{
    display:flex;
    align-items:center;
    gap:15px;
}

.dgo-cta-text i{
    color:var(--dgo-blue);
    font-size:26px;
}

.dgo-cta-text p{
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:600;
    color:#273548;
    line-height:1.5;
}

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

.dgo-footer{
    background:var(--dgo-blue);
    color:#fff;
}

.dgo-footer-main{
    padding:50px 0 10px;
}

.dgo-footer-grid{
    display:grid;
    grid-template-columns:1.25fr 1fr 1fr 1.5fr;
}

.dgo-footer-col{
    padding:0 35px;
    min-height:135px;
    border-right:1px solid rgba(255,255,255,.22);
}

.dgo-footer-col:first-child{
    padding-left:0;
}

.dgo-footer-col:last-child{
    border-right:0;
}

.dgo-footer-logo img{
    /* width:190px; */
    margin-bottom:18px;
}

.dgo-footer-title{
    font-family:'Montserrat',sans-serif;
    font-size:13px;
    font-weight:700;
    margin-bottom:18px;
    text-transform:uppercase;
}

.dgo-footer-links{
    list-style:none;
}

.dgo-footer-links li{
    margin-bottom:10px;
}

.dgo-footer-links a{
    color:#d6dde5;
    font-size:15px;
    transition:.3s;
}

.dgo-footer-links a:hover{
    color:var(--dgo-gold);
    padding-left:4px;
}

.dgo-contact-list{
    list-style:none;
}

.dgo-contact-list li{
    display:flex;
    gap:10px;
    color:#d7dfe7;
    font-size: 15px;
    line-height:1.7;
    margin-bottom:10px;
}

.dgo-contact-list i{
    color:#fff;
    width:15px;
    margin-top:3px;
}

.dgo-footer-bottom{
    border-top:1px solid rgba(255,255,255,.12);
    padding:16px 0;
}

.dgo-footer-bottom-inner{
    display:flex;
    justify-content:space-between;
    gap:20px;
    color:#cbd3dc;
    font-size:15px;
}

.dgo-footer-bottom a{
    color:#cbd3dc;
    margin-left:18px;
}

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

@media(max-width:1100px){

    .dgo-menu{
        gap:18px;
    }

    .dgo-menu a{
        font-size:11px;
    }

    .dgo-hero h1{
        font-size:55px;
    }

    .dgo-about-grid{
        grid-template-columns:1fr 1fr;
    }

    .dgo-why-content{
        grid-column:span 2;
    }
}

@media(max-width:991px){

    .dgo-topbar{
        display:none;
    }

    .dgo-navbar{
        min-height:82px;
    }

    .dgo-logo img{
        width:190px;
    }

    .dgo-mobile-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .dgo-menu{
        display:none;
        position:absolute;
        left:0;
        top:82px;
        width:100%;
        background:#fff;
        flex-direction:column;
        align-items:flex-start;
        gap:0;
        padding:10px 20px 20px;
        box-shadow:0 12px 20px rgba(0,0,0,.1);
    }

    .dgo-menu.show{
        display:flex;
    }

    .dgo-menu a{
        width:100%;
        padding:14px 5px;
        font-size:13px;
        border-bottom:1px solid #eee;
    }

    .dgo-menu a.active:after{
        display:none;
    }

    .dgo-menu .dgo-enquire-btn{
        margin-top:15px;
        width:100%;
    }

    .dgo-hero{
        min-height:560px;
    }

    .dgo-feature-grid,
    .dgo-trade-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .dgo-feature-item:nth-child(2):after{
        display:none;
    }

    .dgo-feature-item:nth-child(3):after{
        display:block;
    }

    .dgo-footer-grid{
        grid-template-columns:repeat(2,1fr);
        gap:35px 0;
    }

    .dgo-footer-col:nth-child(2){
        border-right:0;
    }

    .dgo-footer-col:nth-child(3){
        padding-left:0;
    }
}

@media(max-width:767px){

    .dgo-container{
        padding:0 15px;
    }

    .dgo-section{
        padding:58px 0;
    }

    .dgo-hero{
        min-height:580px;
        background-position:62% center;
    }

    .dgo-hero:before{
        content:"";
        position:absolute;
        inset:0;
        background:rgba(4,24,47,.2);
    }

    .dgo-hero-content{
        position:relative;
        z-index:2;
        padding:60px 0;
    }

    .dgo-small-heading{
        font-size:19px;
    }

    .dgo-hero h1{
        font-size:44px;
    }

    .dgo-hero p{
        font-size:15px;
    }

    .dgo-feature-grid,
    .dgo-trade-grid,
    .dgo-counter-grid{
        grid-template-columns:1fr;
    }

    .dgo-feature-item{
        min-height:auto;
        padding:22px 10px;
        border-bottom:1px solid rgba(255,255,255,.15);
    }

    .dgo-feature-item:after{
        display:none !important;
    }

    .dgo-trade-card{
        min-height:auto;
    }

    .dgo-trade-image{
        height:180px;
    }

    .dgo-about-grid{
        grid-template-columns:1fr;
    }

    .dgo-about-text,
    .dgo-why-content{
        grid-column:auto;
        padding:45px 25px;
    }

    .dgo-about-image{
        min-height:300px;
    }

    .dgo-why-content:after{
        width:100%;
        opacity:.35;
    }

    .dgo-counter-item{
        padding:22px 10px;
        justify-content:center;
        border-bottom:1px solid rgba(255,255,255,.15);
    }

    .dgo-counter-item:after{
        display:none !important;
    }

    .dgo-cta-inner{
        flex-direction:column;
        align-items:flex-start;
        padding:10px 0;
    }

    .dgo-cta .dgo-dark-btn{
        width:100%;
        justify-content:center;
    }

    .dgo-footer-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .dgo-footer-col,
    .dgo-footer-col:first-child,
    .dgo-footer-col:nth-child(3){
        padding:0;
        border-right:0;
        min-height:auto;
        padding-bottom:25px;
        border-bottom:1px solid rgba(255,255,255,.15);
    }

    .dgo-footer-col:last-child{
        border-bottom:0;
    }

    .dgo-footer-bottom-inner{
        flex-direction:column;
        text-align:center;
    }

    .dgo-footer-bottom a{
        margin:0 8px;
    }
}

@media(max-width:480px){

    .dgo-logo img{
        width:160px;
        margin-top: 0px;
    }

    .dgo-navbar{
        min-height:72px;
    }

    .dgo-menu{
        top:72px;
    }

    .dgo-mobile-toggle{
        width:42px;
        height:42px;
    }

    .dgo-hero{
        min-height:540px;
    }

    .dgo-hero h1{
        font-size:37px;
    }

    .dgo-small-heading{
        font-size:16px;
    }

    .dgo-hero-buttons{
        flex-direction:column;
    }

    .dgo-primary-btn,
    .dgo-outline-btn{
        width:100%;
    }

    .dgo-section-title h2{
        font-size:22px;
    }

    .dgo-trade-grid{
        gap:16px;
    }
}


.float{position:fixed;width:45px;height:45px;bottom:35px;left:22px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:26px;z-index:100}
.myfloat{position:fixed;width:45px;height:45px;bottom:90px;left:22px;background-color:#f9193e;color:#FFF;border-radius:50px;text-align:center;font-size:23px;z-index:100}
.float i{line-height:22px}
.my-float{margin-top:11px}

/* ==========================================
   SLIDING ENQUIRY FORM
========================================== */

.dgo-slide-trigger {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 9998;
border: none;
background: #c38814;
color: #ffffff;
padding: 10px 8px;
cursor: pointer;
display: flex;
align-items: center;
gap: 2px;
writing-mode: vertical-rl;
transform: translateY(-50%) rotate(180deg);
font-size: 15px;
font-weight: 600;
letter-spacing: .5px;
border-radius: 5px;
transition: all .3s ease;
}

.dgo-slide-trigger:hover {
    background: #78530a;
    padding-right: 5px;
}

.dgo-trigger-icon {
    font-size: 18px;
}


/* ==========================================
   OVERLAY
========================================== */

.dgo-slide-overlay {
    position: fixed;
    inset: 0;

    background: rgba(0, 0, 0, .55);

    opacity: 0;
    visibility: hidden;

    z-index: 9998;

    transition: all .4s ease;
}

.dgo-slide-overlay.dgo-active {
    opacity: 1;
    visibility: visible;
}


/* ==========================================
   FORM PANEL
========================================== */

.dgo-slide-form {
    position: fixed;
    top: 0;
    right: 0;

    width: 480px;
    max-width: 100%;

    height: 100vh;
    height: 100dvh;

    background: #503e1bde;

    z-index: 9999;

    overflow-y: auto;

    /* Hidden outside screen */
    transform: translateX(100%);

    transition: transform .5s cubic-bezier(.77, 0, .18, 1);

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

.dgo-slide-form.dgo-active {
    transform: translateX(0);
}


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

.dgo-slide-form-inner {
    padding: 30px 30px 30px;
    min-height: 100%;
}

.dgo-slide-heading {
    margin-bottom: 10px;
}

.dgo-slide-heading span {
    display: inline-block;
    color: #d1a550;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 8px;
}

.dgo-slide-heading h2 {
    margin: 0 0 12px;
    font-size: 32px;
    line-height: 1.2;
    color: #04182f;
}

.dgo-slide-heading p {
    margin: 0;
    color: #777777;
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================
   CLOSE BUTTON
========================================== */

.dgo-slide-close {
    position: absolute;
    top: 18px;
    right: 20px;
    width: 42px;
    height: 42px;
    border: none;
    background: #f2f4f7;
    color: #04182f;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    border-radius: 50%;
    transition: all .3s ease;
}

.dgo-slide-close:hover {
    background: #ff1f3d;
    color: #ffffff;
    transform: rotate(90deg);
}


/* ==========================================
   FORM FIELDS
========================================== */

.dgo-form-group {
    margin-bottom: 10px;
}

.dgo-form-group input,
.dgo-form-group textarea {
    width: 100%;

    border: 1px solid #e3e7ec;

    background: #f8fafc;

    padding: 15px 16px;

    outline: none;

    font-size: 15px;

    color: #04182f;

    border-radius: 5px;

    transition: all .3s ease;

    box-sizing: border-box;
}

.dgo-form-group input {
    height: 40px;
}

.dgo-form-group textarea {
    height: 80px;
    resize: vertical;
}

.dgo-form-group input:focus,
.dgo-form-group textarea:focus {
    background: #ffffff;

    border-color: #1677ff;

    box-shadow: 0 0 0 3px rgba(22, 119, 255, .08);
}

.dgo-form-group input::placeholder,
.dgo-form-group textarea::placeholder {
    color: #999999;
}


/* ==========================================
   CAPTCHA
========================================== */

.dgo-captcha-area {
    display: flex;

    gap: 10px;

    align-items: stretch;

    margin-bottom: 8px;
}

.dgo-captcha-question {
    min-width: 155px;

    height: 54px;

    display: flex;

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

    gap: 10px;

    background: #04182f;

    color: #ffffff;

    border-radius: 5px;

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

    letter-spacing: 1px;
}

.dgo-captcha-refresh {
    border: none;

    background: transparent;

    color: #ffffff;

    font-size: 22px;

    cursor: pointer;

    padding: 0;

    transition: transform .3s ease;
}

.dgo-captcha-refresh:hover {
    transform: rotate(180deg);
}

.dgo-captcha-area input {
    width: 100%;

    height: 54px;

    border: 1px solid #e3e7ec;

    padding: 0 15px;

    background: #f8fafc;

    border-radius: 5px;

    outline: none;

    font-size: 15px;

    box-sizing: border-box;
}

.dgo-captcha-area input:focus {
    border-color: #1677ff;
    background: #ffffff;
}

.dgo-captcha-error {
    min-height: 20px;

    color: #e53935;

    font-size: 13px;

    margin-bottom: 10px;
}


/* ==========================================
   SUBMIT BUTTON
========================================== */

.dgo-submit-btn {
    width: 100%;
    min-height: 56px;
    border: none;
    background: linear-gradient(90deg, #f5d28f, #c3994a);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all .3s ease;
}

.dgo-submit-btn span {
    font-size: 22px;
    transition: transform .3s ease;
}

.dgo-submit-btn:hover {
    background: linear-gradient(90deg, #f5d28f, #c3994a);
}

.dgo-submit-btn:hover span {
    transform: translateX(5px);
}


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

@media (max-width: 767px) {

    .dgo-slide-form {
        width: 430px;
    }

    .dgo-slide-form-inner {
        padding: 65px 25px 30px;
    }

    .dgo-slide-heading h2 {
        font-size: 28px;
    }

}


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

@media (max-width: 575px) {

    .dgo-slide-trigger {
        padding: 13px 9px;

        font-size: 13px;
    }

    .dgo-slide-form {
        width: 100%;
    }

    .dgo-slide-form-inner {
        padding: 65px 18px 25px;
    }

    .dgo-slide-heading {
        margin-bottom: 22px;
    }

    .dgo-slide-heading h2 {
        font-size: 25px;
    }

    .dgo-slide-heading p {
        font-size: 14px;
    }

    .dgo-form-group {
        margin-bottom: 14px;
    }

    .dgo-form-group input {
        height: 50px;
    }

    .dgo-form-group textarea {
        height: 95px;
    }

    .dgo-captcha-area {
        flex-direction: column;
    }

    .dgo-captcha-question {
        width: 100%;
        min-width: auto;
        height: 50px;
    }

    .dgo-captcha-area input {
        height: 50px;
    }

    .dgo-submit-btn {
        min-height: 52px;
    }

}


/* VERY SMALL MOBILE */

@media (max-width: 360px) {

    .dgo-slide-heading h2 {
        font-size: 22px;
    }

    .dgo-slide-form-inner {
        padding-left: 15px;
        padding-right: 15px;
    }

}


.dgo-container{width:min(1180px,calc(100% - 40px));margin:auto}
    .dgo-breadcrumb{
      font-size:12px;font-weight:600;letter-spacing:.2px;
      color:#d7a544;text-transform:uppercase;margin-bottom:16px
    }
    .dgo-breadcrumb span{color:#fff;opacity:.9}

    /* Hero */
    .dgo-hero{
      min-height:355px;
      display:flex;
      align-items:center;
      position:relative;
      overflow:hidden;
      color:#fff;
      /* background:
        linear-gradient(90deg,rgba(3,30,57,.98) 0%,rgba(4,36,68,.96) 37%,rgba(4,36,68,.62) 57%,rgba(4,36,68,.08) 100%),
        url("../images/inner-product/hero-scrap.jpg") center/cover no-repeat; */
    }
    .dgo-hero-content{width:50%;padding:52px 0}
    .dgo-hero h1{
      margin:0 0 12px;font-size:48px;line-height:1.08;
      text-transform:uppercase;letter-spacing:-1px;font-weight:800
    }
    .dgo-hero h1 strong{color:var(--dgo-gold);font-weight:800}
    .dgo-hero p{max-width:570px;margin:0 0 5px;color:#edf3f8;font-size:18px}

    /* Product sections */
    .dgo-products{padding:28px 0 10px}
    .dgo-section-head{margin-bottom:15px}
    .dgo-title-row{display:flex;align-items:center;gap:12px}
    .dgo-title-icon{
      width:44px;height:44px;display:grid;place-items:center;
      border:2px solid #efd9aa;border-radius:50%;color:var(--dgo-gold);
      font-size:23px;flex:none
    }
    .dgo-title-row h2{
      margin:0;color:var(--dgo-navy);font-size:25px;line-height:1.1;
      text-transform:uppercase;font-weight:800
    }
    .dgo-section-head p{margin:7px 0 0;font-size:15px;color:#4c5967}
    .dgo-subtitle{
      margin:14px 0 10px;color:var(--dgo-navy);font-size:12px;
      font-weight:800;text-transform:uppercase
    }
    .dgo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .dgo-card{
      border:1px solid var(--dgo-line);border-radius:10px;
      padding:10px;background:#fff;box-shadow:0 2px 8px rgba(7,32,57,.05);
      display:flex;flex-direction:column;min-width:0
    }
    .dgo-card-media{
      border-radius:6px;overflow:hidden;background:#eee;
      aspect-ratio:1.58/1
    }
    .dgo-card-media img{width:100%;height:100%;object-fit:cover}
    .dgo-card h3{
      color:var(--dgo-navy);font-size:14px;margin:10px 0 5px;
      font-weight:800;text-transform:uppercase
    }
    .dgo-card p{font-size:15px;line-height:1.5;color:#475463;margin:0}
    .dgo-card:after{
      content:"";width:28px;height:2px;background:var(--dgo-gold);
      margin-top:auto;padding-top:0;margin-top:15px
    }
    .dgo-note{
      display:flex;gap:12px;align-items:center;margin:14px 0 28px;
      padding:9px 14px;background:#eef2f6;border-radius:6px;
      color:#526071;font-size:11.5px
    }
    .dgo-note-icon{font-size:18px;color:var(--dgo-navy)}

    /* Ferrous */
    .dgo-ferrous{padding-bottom:28px}
    .dgo-ferrous .dgo-grid{grid-template-columns:repeat(3,1fr)}

    /* Quality */
    .dgo-quality{
      background:linear-gradient(135deg,#062546,#0a315b);
      color:#fff;padding:28px 0 30px
    }
    .dgo-quality h2{
      text-align:center;margin:0 0 23px;font-size:20px;text-transform:uppercase
    }
    .dgo-quality-grid{
      display:grid;grid-template-columns:repeat(5,1fr)
    }
    .dgo-quality-item{
      padding:0 18px;text-align:center;border-right:1px solid rgba(255,255,255,.32)
    }
    .dgo-quality-item:last-child{border-right:0}
    .dgo-quality-icon{font-size:30px;color:var(--dgo-gold-light);margin-bottom:6px}
    .dgo-quality-item h3{font-size:12px;margin:0 0 6px;text-transform:uppercase}
    .dgo-quality-item p{font-size:12px;line-height:1.45;color:#dce7f1;margin:0}

    /* CTA */
    .dgo-cta{
      background:#f0f3f6;padding:10px 0
    }
    .dgo-cta-inner{
      display:flex;align-items:center;justify-content:space-between;gap:20px
    }
    .dgo-cta-text{display:flex;align-items:center;gap:12px;color:#263646;font-weight:700}
    .dgo-cta-text .icon{font-size:24px;color:var(--dgo-navy)}
    .dgo-cta-btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      padding:11px 25px;border:0;border-radius:5px;
      background:var(--dgo-gold);color:#fff;text-decoration:none;
      text-transform:uppercase;font-weight:800;font-size:11px;
      transition:.25s
    }
    .dgo-cta-btn:hover{background:#ae7c22;transform:translateY(-1px)}

    /* Responsive */
    @media(max-width:991px){
      .dgo-hero{min-height:330px}
      .dgo-hero-content{width:58%}
      .dgo-hero h1{font-size:40px}
      .dgo-grid{grid-template-columns:repeat(2,1fr)}
      .dgo-ferrous .dgo-grid{grid-template-columns:repeat(3,1fr)}
      .dgo-quality-grid{grid-template-columns:repeat(5,1fr)}
      .dgo-quality-item{padding:0 10px}
    }
    @media(max-width:767px){
      body{font-size:13px}
      .dgo-container{width:min(100% - 28px,600px)}
      .dgo-hero{
        min-height:430px;
        background:
        linear-gradient(90deg,rgba(3,30,57,.98) 0%,rgba(4,36,68,.96) 37%,rgba(4,36,68,.62) 57%,rgba(4,36,68,.08) 100%),
        url("../images/inner-product/hero-scrap.jpg") center/cover no-repeat;
        align-items:flex-end
      }
      .dgo-hero-content{width:100%;padding:35px 0 42px}
      .dgo-breadcrumb{margin-bottom:12px}
      .dgo-hero h1{font-size:35px;letter-spacing:-.5px}
      .dgo-hero p{font-size:12.5px;line-height:1.6}
      .dgo-products{padding-top:22px}
      .dgo-title-row h2{font-size:21px}
      .dgo-title-icon{width:40px;height:40px;font-size:20px}
      .dgo-section-head p{font-size:12px}
      .dgo-grid,.dgo-ferrous .dgo-grid{grid-template-columns:1fr;gap:12px}
      .dgo-card{padding:9px}
      .dgo-card-media{aspect-ratio:1.9/1}
      .dgo-card h3{font-size:13px}
      .dgo-card p{font-size:11.5px}
      .dgo-note{font-size:10.5px;align-items:flex-start;margin-bottom:20px}
      .dgo-quality{padding:24px 0}
      .dgo-quality h2{font-size:18px;margin-bottom:18px}
      .dgo-quality-grid{grid-template-columns:1fr 1fr;gap:0}
      .dgo-quality-item{padding:16px 10px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
      .dgo-quality-item:nth-child(2n){border-right:0}
      .dgo-quality-item:nth-last-child(-n+2){border-bottom:0}
      .dgo-quality-item:last-child{grid-column:1/-1;border-right:0}
      .dgo-cta-inner{flex-direction:column;align-items:stretch;gap:10px}
      .dgo-cta-text{font-size:12px}
      .dgo-cta-btn{width:100%}
    }
    @media(max-width:380px){
      .dgo-hero h1{font-size:31px}
      .dgo-quality-grid{grid-template-columns:1fr}
      .dgo-quality-item,.dgo-quality-item:nth-child(2n){border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}
      .dgo-quality-item:last-child{border-bottom:0}
    }

.icon-siz {
    width: 60px;
    margin-left: 40%;
}

.dishan-container {
		width: min(1160px, calc(100% - 40px));
		margin: auto
	}
	
	.dishan-hero {
		min-height: 330px;
		display: flex;
		align-items: center;
		color: #fff;
		background: linear-gradient(90deg,rgba(3,30,57,.98) 0%,rgba(4,36,68,.96) 37%,rgba(4,36,68,.62) 57%,rgba(4,36,68,.08) 100%),
        url("../images/inner-product/hero-scrap.jpg") center/cover no-repeat;
	}
	
	.dishan-crumb {
		font-size: 11px;
		font-weight: 800;
		text-transform: uppercase;
		color: var(--gold2);
		margin-bottom: 15px
	}
	
	.dishan-crumb span {
		color: #fff
	}
	
	.dishan-hero h1 {
		font-size: 46px;
		line-height: 1.1;
		text-transform: uppercase;
		margin: 0 0 13px
	}
	
	.dishan-hero h1 span {
		color: var(--gold)
	}
	
	.dishan-hero p {
		max-width: 680px;
		font-size: 18px;
		color: #e8f0f6;
		margin: 0
	}
	
	.dishan-section {
		padding: 48px 0
	}
	
	.dishan-soft {
		background: var(--soft)
	}
	
	.dishan-two {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 45px;
		align-items: center
	}
	
	.dishan-image {
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 7px 25px #06254620
	}
	
	.dishan-image img {
		width: 100%;
		height: 390px;
		object-fit: cover
	}
	
	.dishan-label {
		display: inline-block;
		background: #f7ecd7;
		color: #986b1d;
		padding: 6px 12px;
		border-radius: 30px;
		font-size: 15px;
		font-weight: 800;
		text-transform: uppercase
	}
	
	.dishan-copy h2 {
		font-size: 30px;
		line-height: 1.2;
		color: var(--navy);
		text-transform: uppercase;
		margin: 12px 0
	}
	
	.dishan-copy h2 span,
	.dishan-title span {
		color: var(--gold)
	}
	
	.dishan-copy p,
	.dishan-title p {
		font-size: 17px;
		color: var(--muted)
	}
	
	.dishan-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 16px
	}
	
	.dishan-title {
		text-align: center;
		margin-bottom: 25px
	}
	
	.dishan-title h2 {
		margin: 0;
		color: var(--navy);
		font-size: 25px;
		text-transform: uppercase
	}
	
	.dishan-box {
		background: #fff;
		border: 1px solid var(--line);
		border-radius: 9px;
		padding: 22px
	}
	
	.dishan-box h3 {
		font-size: 14px;
		color: var(--navy);
		text-transform: uppercase;
		margin: 0 0 7px
	}
	
	.dishan-box p,
	.dishan-box li {
		font-size: 15px;
		color: var(--muted)
	}
	
	.dishan-box ul {
		padding-left: 18px;
		margin: 0
	}
	
	.dishan-dark {
		background: linear-gradient(135deg, var(--navy), var(--navy2));
		color: #fff;
		padding: 42px 0
	}
	
	.dishan-dark .dishan-title h2 {
		color: #fff
	}
	
	.dishan-dark .dishan-title p {
		color: #dce6ef
	}
	
	.dishan-values {
		display: grid;
		grid-template-columns: repeat(4, 1fr)
	}
	
	.dishan-value {
		text-align: center;
		padding: 0 18px;
		border-right: 1px solid #ffffff40
	}
	
	.dishan-value:last-child {
		border: 0
	}
	
	.dishan-value strong {
		color: var(--gold2);
		font-size: 25px
	}
	
	.dishan-value h3 {
		font-size: 15px;
		text-transform: uppercase;
		margin: 4px 0
	}
	
	.dishan-value p {
		font-size: 15px;
		color: #dce6ef
	}
	
	.dishan-contact-grid {
		display: grid;
		grid-template-columns: .8fr 1.2fr;
		gap: 30px
	}
	
	.dishan-info {
		background: linear-gradient(145deg, var(--navy), var(--navy2));
		border-radius: 12px;
		padding: 28px;
		color: #fff
	}
	
	.dishan-info h2 {
		font-size: 26px;
		text-transform: uppercase;
		margin: 14px 0 8px
	}
	
	.dishan-info>p {
		font-size: 15px;
		color: #dce6ef;
		
	}
	
	.dishan-item {
		display: flex;
		gap: 12px;
		padding: 15px 0;
		border-bottom: 1px solid #ffffff2e
	}
	
	.dishan-item:last-child {
		border: 0
	}
	
	.dishan-icon {
		width: 38px;
		height: 38px;
		flex: none;
		border-radius: 50%;
		background: #ffffff12;
		display: grid;
		place-items: center;
		color: var(--gold2)
	}
	
	.dishan-item b {
		display: block;
		font-size: 15px;
		text-transform: uppercase
	}
	
	.dishan-item span,
	.dishan-item a {
		font-size: 15px;
		color: #dce6ef;
		text-decoration: none;
		word-break: break-word
	}
	
	.dishan-form {
		border: 1px solid var(--line);
		border-radius: 12px;
		padding: 28px;
		box-shadow: 0 5px 20px #06254610
	}
	
	.dishan-form h2 {
		margin: 0;
		color: var(--navy);
		font-size: 25px;
		text-transform: uppercase
	}
	
	.dishan-form p {
		font-size: 15px;
		color: var(--muted);
		margin-bottom: 10px;
	}
	
	.dishan-fields {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 13px
	}
	
	.dishan-field.full {
		grid-column: 1/-1
	}
	
	.dishan-field label {
		display: block;
		font-size: 15px;
		font-weight: 800;
		color: var(--navy);
		text-transform: uppercase;
		margin-bottom: 5px
	}
	
	.dishan-field input,
	.dishan-field select,
	.dishan-field textarea {
		width: 100%;
		padding: 15px 15px;
		border: 1px solid #d9e0e5;
		border-radius: 5px;
		outline: none;
		font-size: 14px
	}
	
	.dishan-field textarea {
		min-height: 125px;
		resize: vertical
	}
	
	.dishan-submit,
	.dishan-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: var(--gold);
		color: #fff;
		border: 0;
		text-decoration: none;
		padding: 12px 24px;
		border-radius: 5px;
		font-size: 11px;
		font-weight: 800;
		text-transform: uppercase;
		cursor: pointer;
		margin-top: 10px
	}
	
	.dishan-cta {
		background: #eef2f5;
		padding: 15px 0
	}
	
	.dishan-cta-in {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px
	}
	
	.dishan-cta h2 {
		font-size: 20px;
		color: var(--navy);
		margin: 0
	}
	
	.dishan-cta p {
		font-size: 12px;
		color: var(--muted);
		margin: 3px 0
	}
	
	@media(max-width:800px) {
		.dishan-hero {
			min-height: 390px
		}
		.dishan-hero h1 {
			font-size: 36px
		}
		.dishan-two,
		.dishan-contact-grid {
			grid-template-columns: 1fr;
			gap: 25px
		}
		.dishan-image img {
			height: 300px
		}
		.dishan-grid {
			grid-template-columns: 1fr
		}
		.dishan-values {
			grid-template-columns: 1fr 1fr
		}
		.dishan-value {
			padding: 15px 10px;
			border-bottom: 1px solid #ffffff40
		}
		.dishan-value:nth-child(2) {
			border-right: 0
		}
		.dishan-cta-in {
			flex-direction: column;
			align-items: stretch
		}
		.dishan-btn {
			width: 100%
		}
		.dishan-fields {
			grid-template-columns: 1fr
		}
		.dishan-field.full {
			grid-column: auto
		}
	}
	
	@media(max-width:480px) {
		.dishan-container {
			width: calc(100% - 28px)
		}
		.dishan-hero {
			min-height: 150px
		}
		.dishan-hero h1 {
			font-size: 30px
		}
		.dishan-hero p {
			font-size: 12px
		}
		.dishan-section {
			padding: 30px 0
		}
		.dishan-image img {
			height: 240px
		}
		.dishan-copy h2 {
			font-size: 23px
		}
		.dishan-values {
			grid-template-columns: 1fr
		}
		.dishan-value,
		.dishan-value:nth-child(2) {
			border-right: 0
		}
		.dishan-form,
		.dishan-info {
			padding: 20px
		}
		.dishan-submit {
			width: 100%
		}
	}
		.text-center {
			text-align: center;
		}

/* drop down style */

/* =========================================
   GLOBAL TRADE DROPDOWN
========================================= */

.dgo-dropdown{
    position:relative;
    display:flex;
    align-items:center;
    height:100%;
}

.dgo-dropdown-link{
    display:flex !important;
    align-items:center;
    gap:7px;
    cursor:pointer;
}

.dgo-dropdown-link i{
    font-size:9px;
    transition:.3s;
}


/* SUBMENU */

.dgo-submenu{
    position:absolute;
    top:calc(100% + 25px);
    left:50%;
    transform:translateX(-50%) translateY(10px);

    width:235px;

    background:#fff;

    border-top:3px solid var(--dgo-gold);

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

    opacity:0;
    visibility:hidden;

    transition:all .3s ease;

    z-index:9999;
}


/* SMALL ARROW */

.dgo-submenu:before{
    content:"";
    position:absolute;

    top:-9px;
    left:50%;

    transform:translateX(-50%);

    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid var(--dgo-gold);
}


/* SUBMENU LINKS */

.dgo-submenu a{
    display:flex !important;

    width:100%;

    padding:13px 18px;

    color:#263548 !important;

    font-family:'Montserrat',sans-serif;

    font-size:12px !important;

    font-weight:600 !important;

    text-transform:uppercase;

    border-bottom:1px solid #eeeeee;

    transition:.3s;
}

.dgo-submenu a:last-child{
    border-bottom:0;
}

.dgo-submenu a:hover{
    background:#f7f5ef;

    color:var(--dgo-gold) !important;

    padding-left:24px;
}


/* DESKTOP HOVER */

@media(min-width:992px){

    .dgo-dropdown:hover .dgo-submenu{
        opacity:1;
        visibility:visible;
        transform:translateX(-50%) translateY(0);
    }

    .dgo-dropdown:hover .dgo-dropdown-link i{
        transform:rotate(180deg);
    }

}


/* =========================================
   MOBILE DROPDOWN
========================================= */

@media(max-width:991px){

    .dgo-dropdown{
        display:block;
        width:100%;
        height:auto;
    }

    .dgo-dropdown-link{
        width:100% !important;
        padding:14px 5px !important;

        justify-content:space-between;

        border-bottom:1px solid #eee;
    }

    .dgo-dropdown-link i{
        font-size:10px;
        transition:.3s;
    }

    .dgo-dropdown.open .dgo-dropdown-link i{
        transform:rotate(180deg);
    }


    .dgo-submenu{
        position:static;

        transform:none;

        width:100%;

        display:none;

        opacity:1;
        visibility:visible;

        border-top:0;

        box-shadow:none;

        background:#f8f8f8;
    }

    .dgo-dropdown.open .dgo-submenu{
        display:block;
    }

    .dgo-submenu:before{
        display:none;
    }

    .dgo-submenu a{
        padding:12px 20px !important;

        font-size:11px !important;

        text-transform:none;

        border-bottom:1px solid #e8e8e8;
    }

    .dgo-submenu a:hover{
        padding-left:25px !important;
    }

}

.liclr {
    color: black !important;
    font-size: 17px !important;
}

.mb-10 {
    margin-bottom: 10px;
    font-weight: 600;
}



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

.dgo-testimonial-section{
    padding: 50px 0;
    background: #ffffff;
    position:relative;
    overflow:hidden;
}

.dgo-testimonial-section:before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border:1px solid rgba(180,134,44,.12);
    border-radius:50%;
    left:-150px;
    top:-150px;
}

.dgo-testimonial-section:after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    border:1px solid rgba(6,29,55,.08);
    border-radius:50%;
    right:-120px;
    bottom:-120px;
}

.dgo-testimonial-wrapper{
    position:relative;
    z-index:2;
}

.dgo-testimonial-item{
    position:relative;
    background:#fff;
    padding:40px 35px 32px;
    border-radius:8px;
    border-bottom:3px solid var(--dgo-gold);
    min-height:330px;
    box-shadow:0 10px 30px rgba(0,0,0,.07);
    transition:.35s;
    margin:10px;
}

.dgo-testimonial-item:hover{
    transform:translateY(-7px);
    box-shadow: 0 10px 10px rgba(0,0,0,.07);
}

.dgo-quote-icon{
    position:absolute;
    top:25px;
    right:28px;
    font-size:42px;
    color:rgba(180,134,44,.15);
}

.dgo-testimonial-rating{
    display:flex;
    gap:5px;
    color:var(--dgo-gold);
    font-size:14px;
    margin-bottom:20px;
}

.dgo-testimonial-item p{
    font-size:15px;
    line-height:1.9;
    color:#59616c;
    margin-bottom:28px;
    padding-right:5px;
}

.dgo-client-info{
    display:flex;
    align-items:center;
    gap:14px;
    border-top:1px solid #ececec;
    padding-top:18px;
}

.dgo-client-image{
    width:55px;
    height:55px;
    min-width:55px;
    border-radius:50%;
    overflow:hidden;
    border:2px solid var(--dgo-gold);
    padding:2px;
}

.dgo-client-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}

.dgo-client-info h4{
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    color:var(--dgo-blue);
    margin-bottom:5px;
    font-weight:700;
}

.dgo-client-info span{
    font-size:12px;
    color:#8a8f96;
}

/* OWL DOTS */

.dgo-testimonial-carousel .owl-dots{
    margin-top:28px !important;
    text-align:center;
}

.dgo-testimonial-carousel .owl-dot span{
    width:9px !important;
    height:9px !important;
    margin:5px !important;
    background:#c9cdd2 !important;
    transition:.3s;
}

.dgo-testimonial-carousel .owl-dot.active span{
    width:28px !important;
    border-radius:10px !important;
    background:var(--dgo-gold) !important;
}


/* MOBILE RESPONSIVE */

@media(max-width:767px){

    .dgo-testimonial-section{
        padding:30px 0;
    }

    .dgo-testimonial-item{
        margin:5px;
        padding:35px 25px 28px;
        min-height:auto;
    }

    .dgo-testimonial-item p{
        font-size:14px;
        line-height:1.8;
    }

    .dgo-quote-icon{
        font-size:34px;
        top:20px;
        right:20px;
    }

}

.dgobtn {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 5px;
    background: #be8413;
    color: white;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
}


 /* ============ EXISTING STYLES (UNCHANGED) ============ */
        .container {
            width: min(1160px, calc(100% - 40px));
            margin: auto
        }
        .hero {
            min-height: 350px;
            display: flex;
            align-items: center;
            color: #fff;
            background: linear-gradient(90deg, rgba(3, 31, 58, .98), rgba(5, 39, 73, .9) 44%, rgba(5, 39, 73, .18)), url('../images/inner-product/hero-scrap.jpg') center/cover
        }
        .crumb {
            font-size: 12px;
            text-transform: uppercase;
            color: #e0b15b;
            font-weight: 700;
            margin-bottom: 15px
        }
        .crumb span {
            color: #fff
        }
        .hero h1 {
            font-size: 45px;
            line-height: 1.1;
            text-transform: uppercase;
            margin: 0 0 14px
        }
        .hero h1 span {
            color: var(--gold)
        }
        .hero p {
            max-width: 650px;
            font-size: 18px;
            color: #eaf1f6
        }
        .back {
            display: inline-block;
            color: #fff;
            text-decoration: none;
            font-size: 11px;
            font-weight: 700;
            border-bottom: 1px solid var(--gold);
            padding-bottom: 2px;
            margin-top: 7px
        }
        .detail {
            padding: 45px 0
        }
        .top {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 45px;
            align-items: center
        }
        .tag {
            display: inline-block;
            background: #f7ecd7;
            color: #986b1d;
            border-radius: 30px;
            padding: 6px 12px;
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase
        }
        .info h2 {
            font-size: 30px;
            line-height: 1.2;
            color: var(--navy);
            margin: 12px 0
        }
        .info>p {
            font-size: 14px;
            color: var(--muted)
        }
        .specs {
            border: 1px solid var(--line);
            border-radius: 9px;
            overflow: hidden;
            margin: 20px 0
        }
        .spec {
            display: flex;
            padding: 11px 14px;
            border-bottom: 1px solid var(--line);
            font-size: 12px
        }
        .spec:last-child {
            border: 0
        }
        .spec b {
            width: 42%;
            color: var(--navy)
        }
        .spec span {
            width: 58%;
            color: var(--muted)
        }
        .btn {
            display: inline-flex;
            background: var(--gold);
            color: #fff;
            text-decoration: none;
            padding: 12px 24px;
            border-radius: 5px;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            border: none;
            cursor: pointer
        }
        .section {
            padding: 42px 0;
            background: var(--soft)
        }
        .white {
            background: #fff
        }
        .title {
            text-align: center;
            margin-bottom: 25px
        }
        .title h2 {
            margin: 0;
            color: var(--navy);
            font-size: 25px;
            text-transform: uppercase
        }
        .title h2 span {
            color: var(--gold)
        }
        .title p {
            max-width: 720px;
            margin: 7px auto;
            color: var(--muted);
            font-size: 13px
        }
        .grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px
        }
        .box {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 9px;
            padding: 22px
        }
        .box h3 {
            color: var(--navy);
            font-size: 15px;
            text-transform: uppercase;
            margin: 0 0 8px
        }
        .box p,
        .box li {
            font-size: 12px;
            color: var(--muted)
        }
        .box ul {
            margin: 0;
            padding-left: 18px
        }
        .quote {
            background: var(--navy);
            padding: 34px 0;
            color: #fff
        }
        .quote-in {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 25px
        }
        .quote h2 {
            font-size: 21px;
            margin: 0 0 4px
        }
        .quote p {
            font-size: 12px;
            color: #dbe5ee;
            margin: 0
        }

        /* ============ NEW SLIDER STYLES ============ */
        .product-slider {
            padding: 12px;
            border: 1px solid var(--line);
            border-radius: 12px;
            box-shadow: 0 5px 20px #06254612;
            background: #fff;
        }
        .slider-main {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            cursor: grab;
            background: #f0f3f6;
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }
        .slider-main.dragging {
            cursor: grabbing;
        }
        .slider-track {
            display: flex;
            transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            will-change: transform;
        }
        .slide {
            min-width: 100%;
            position: relative;
            aspect-ratio: 16 / 10;
            overflow: hidden;
            background: #e8ecf0;
        }
        .slide img,
        .slide video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            pointer-events: none;
        }
        .slide img {
            -webkit-user-drag: none;
            user-drag: none;
        }
        /* Video Overlay & Play Button */
        .video-overlay {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(3, 31, 58, 0.35);
            transition: opacity 0.3s ease, background 0.3s ease;
            z-index: 2;
            cursor: pointer;
        }
        .video-overlay.hidden {
            opacity: 0;
            pointer-events: none;
            background: transparent;
        }
        .video-overlay .play-btn {
            width: 74px;
            height: 74px;
            border-radius: 50%;
            background: rgba(224, 177, 91, 0.92);
            border: 3px solid #fff;
            color: #fff;
            font-size: 26px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
            padding-left: 5px;
            line-height: 1;
        }
        .video-overlay .play-btn:hover {
            transform: scale(1.1);
            background: var(--gold, #e0b15b);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
        }
        .video-overlay .play-btn svg {
            width: 30px;
            height: 30px;
            fill: #fff;
        }
        /* Video label badge */
        .video-badge {
            position: absolute;
            top: 12px;
            left: 12px;
            background: rgba(3, 31, 58, 0.85);
            color: #fff;
            font-size: 9px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding: 5px 10px;
            border-radius: 30px;
            z-index: 3;
            display: flex;
            align-items: center;
            gap: 5px;
            pointer-events: none;
        }
        .video-badge svg {
            width: 12px;
            height: 12px;
            fill: #e0b15b;
        }
        /* Slide counter */
        .slide-counter {
            position: absolute;
            bottom: 12px;
            right: 12px;
            background: rgba(3, 31, 58, 0.8);
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            padding: 5px 12px;
            border-radius: 30px;
            z-index: 3;
            letter-spacing: 0.5px;
            pointer-events: none;
        }
        /* Arrows */
        .slider-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid var(--line, #e0e6ec);
            color: var(--navy, #031f3a);
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 5;
            transition: all 0.25s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
            line-height: 1;
            padding: 0;
        }
        .slider-arrow:hover {
            background: var(--gold, #e0b15b);
            color: #fff;
            border-color: var(--gold, #e0b15b);
            box-shadow: 0 6px 22px rgba(0, 0, 0, 0.2);
            transform: translateY(-50%) scale(1.05);
        }
        .slider-arrow.prev {
            left: 12px;
        }
        .slider-arrow.next {
            right: 12px;
        }
        .slider-arrow svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
        }
        .slider-arrow.disabled {
            opacity: 0.3;
            pointer-events: none;
            cursor: not-allowed;
        }
        /* Dots */
        .slider-dots {
            position: absolute;
            bottom: 12px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 7px;
            z-index: 5;
            pointer-events: none;
        }
        .slider-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.55);
            border: 1.5px solid rgba(255, 255, 255, 0.7);
            transition: all 0.35s ease;
            cursor: pointer;
            pointer-events: auto;
            padding: 0;
        }
        .slider-dot.active {
            background: var(--gold, #e0b15b);
            border-color: var(--gold, #e0b15b);
            width: 24px;
            border-radius: 30px;
        }
        /* Thumbnails */
        .slider-thumbnails {
            display: flex;
            gap: 10px;
            margin-top: 12px;
            overflow-x: auto;
            padding: 2px 2px 6px;
            scrollbar-width: thin;
            scrollbar-color: #c5cdd5 transparent;
            -webkit-overflow-scrolling: touch;
        }
        .slider-thumbnails::-webkit-scrollbar {
            height: 4px;
        }
        .slider-thumbnails::-webkit-scrollbar-track {
            background: transparent;
        }
        .slider-thumbnails::-webkit-scrollbar-thumb {
            background: #c5cdd5;
            border-radius: 10px;
        }
        .thumb {
            flex: 0 0 80px;
            width: 80px;
            height: 60px;
            border-radius: 6px;
            overflow: hidden;
            border: 2px solid transparent;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            background: #e8ecf0;
            padding: 0;
        }
        .thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            pointer-events: none;
            -webkit-user-drag: none;
            user-drag: none;
        }
        .thumb.active {
            border-color: var(--gold, #e0b15b);
            box-shadow: 0 3px 12px rgba(224, 177, 91, 0.4);
        }
        .thumb .thumb-video-icon {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(3, 31, 58, 0.4);
            pointer-events: none;
        }
        .thumb .thumb-video-icon svg {
            width: 20px;
            height: 20px;
            fill: #fff;
            filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5));
        }
        /* Autoplay progress bar - HIDDEN to indicate autoplay disabled */
        .autoplay-progress {
            display: none;
        }
        /* Mute button for video */
        .video-mute-btn {
            position: absolute;
            bottom: 12px;
            left: 12px;
            background: rgba(3, 31, 58, 0.8);
            color: #fff;
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 4;
            transition: background 0.25s ease;
            font-size: 16px;
        }
        .video-mute-btn:hover {
            background: var(--gold, #e0b15b);
        }
        .video-mute-btn svg {
            width: 16px;
            height: 16px;
            fill: #fff;
        }

        /* ============ RESPONSIVE ============ */
        @media(max-width:800px) {
            .hero {
                min-height: 390px
            }
            .hero h1 {
                font-size: 35px
            }
            .top {
                grid-template-columns: 1fr;
                gap: 25px
            }
            .info h2 {
                font-size: 25px
            }
            .grid {
                grid-template-columns: 1fr
            }
            .quote-in {
                flex-direction: column;
                align-items: stretch
            }
            .quote .btn {
                justify-content: center
            }
            .slide {
                aspect-ratio: 16 / 10;
            }
            .slider-arrow {
                width: 36px;
                height: 36px;
                font-size: 17px;
            }
            .slider-arrow.prev {
                left: 8px;
            }
            .slider-arrow.next {
                right: 8px;
            }
            .video-overlay .play-btn {
                width: 58px;
                height: 58px;
                font-size: 20px;
            }
            .thumb {
                flex: 0 0 64px;
                width: 64px;
                height: 48px;
            }
        }
        @media(max-width:480px) {
            .container {
                width: calc(100% - 28px)
            }
            .hero {
                min-height: 220px
            }
            .hero h1 {
                font-size: 30px
            }
            .hero p {
                font-size: 12px
            }
            .detail {
                padding: 28px 0
            }
            .product-slider {
                padding: 8px
            }
            .slide {
                aspect-ratio: 4 / 3;
            }
            .slider-arrow {
                width: 32px;
                height: 32px;
                font-size: 14px;
            }
            .slider-arrow.prev {
                left: 6px;
            }
            .slider-arrow.next {
                right: 6px;
            }
            .video-overlay .play-btn {
                width: 48px;
                height: 48px;
                font-size: 16px;
                border-width: 2px;
            }
            .spec {
                display: block
            }
            .spec b,
            .spec span {
                display: block;
                width: 100%
            }
            .box {
                padding: 17px
            }
            .slider-dots {
                bottom: 8px;
                gap: 5px;
            }
            .slider-dot {
                width: 6px;
                height: 6px;
            }
            .slider-dot.active {
                width: 18px;
            }
            .slide-counter {
                font-size: 9px;
                padding: 4px 9px;
                bottom: 8px;
                right: 8px;
            }
            .video-badge {
                font-size: 7px;
                padding: 4px 7px;
                top: 8px;
                left: 8px;
            }
            .thumb {
                flex: 0 0 54px;
                width: 54px;
                height: 40px;
            }
            .slider-thumbnails {
                gap: 6px;
                margin-top: 8px;
            }
        }

.dgo-footer-logo {
    background: white;
}

/* =====================================================
   VIDEO TRADE SLIDER
===================================================== */

.dgo-video-section{
    padding:50px 0;
    background:#fafafa;
    overflow:hidden;
}

.dgo-video-container{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:0 20px;
}


/* SECTION TITLE */

.dgo-video-section-title{
    text-align:center;
    margin-bottom:5px;
}

.dgo-video-section-title h2{
    font-family:'Montserrat',sans-serif;
    color:#26384e;
    font-size:27px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0;
}

.dgo-video-title-line{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    margin-top:10px;
}

.dgo-video-title-line::before,
.dgo-video-title-line::after{
    content:"";
    width:35px;
    height:1px;
    background:#b4862c;
}

.dgo-video-title-line span{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#b4862c;
}


/* CAROUSEL */

.dgo-video-carousel{
    width:100%;
}


/* CARD */

.dgo-video-card{
    background:#fff;
    border:1px solid #e3e6e9;
    border-radius:10px;
    overflow:hidden;
    margin:10px;
    box-shadow:0 5px 18px rgba(0,0,0,.05);
    transition:.3s;
}

.dgo-video-card:hover{
    transform:translateY(-7px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}


/* VIDEO */

.dgo-video-box{
    width:100%;
    height:140px;
    position:relative;
    overflow:hidden;
    background:#061d37;
}

.dgo-video-box iframe{
    width:100%;
    height:100%;
    display:block;
    border:0;
}

/* VIDEO OVERLAY */

.dgo-video-overlay{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

    width:55px;
    height:55px;

    border-radius:50%;

    background:rgba(180,134,44,.90);

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

    color:#fff;

    font-size:18px;

    pointer-events:none;

    opacity:.9;

    transition:.3s;
}

.dgo-video-card:hover .dgo-video-overlay{
    transform:translate(-50%,-50%) scale(1.1);
}


/* CONTENT */

.dgo-video-content{
    padding:22px 20px 25px;
    text-align:center;
}

.dgo-video-content h3{
    font-family:'Montserrat',sans-serif;
    color:#2c3a4d;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    margin:0 0 10px;
}

.dgo-video-content p{
    font-size:13px;
    line-height:1.8;
    color:#59616c;
    margin:0;
}


/* OWL DOTS */

.dgo-video-carousel .owl-dots{
    margin-top:25px !important;
}

.dgo-video-carousel .owl-dot span{
    width:9px !important;
    height:9px !important;
    margin:5px !important;
    background:#c8ccd1 !important;
}

.dgo-video-carousel .owl-dot.active span{
    width:28px !important;
    border-radius:10px !important;
    background:#b4862c !important;
}


/* OWL ARROWS */

.dgo-video-carousel .owl-nav{
    margin-top:0;
}

.dgo-video-carousel .owl-nav button.owl-prev,
.dgo-video-carousel .owl-nav button.owl-next{
    position:absolute;

    top:40%;

    width:42px;
    height:42px;

    border-radius:50% !important;

    background:#061d37 !important;

    color:#fff !important;

    font-size:20px !important;

    margin:0 !important;

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

    transition:.3s;
}

.dgo-video-carousel .owl-nav button.owl-prev{
    left:-5px;
}

.dgo-video-carousel .owl-nav button.owl-next{
    right:-5px;
}

.dgo-video-carousel .owl-nav button:hover{
    background:#b4862c !important;
}


/* TABLET */

@media(max-width:991px){

    .dgo-video-section{
        padding:65px 0;
    }

    .dgo-video-container{
        padding:0 15px;
    }

    .dgo-video-box{
        height:230px;
    }

}


/* MOBILE */

@media(max-width:767px){

    .dgo-video-section{
        padding:20px 0;
    }

    .dgo-video-section-title{
        margin-bottom:10px;
    }

    .dgo-video-section-title h2{
        font-size:22px;
    }

    .dgo-video-card{
        margin:5px;
    }

    .dgo-video-box{
        height:180px;
    }

    .dgo-video-content{
        padding:20px 18px 23px;
    }

    .dgo-video-content h3{
        font-size:14px;
    }

    .dgo-video-content p{
        font-size:12px;
    }

    .dgo-video-carousel .owl-nav{
        display:none;
    }

}


/* SMALL MOBILE */

@media(max-width:480px){

    .dgo-video-box{
        height:170px;
    }

    .dgo-video-overlay{
        width:48px;
        height:48px;
        font-size:15px;
    }

}