/*------------------------------------------------------------------
    Version: 1.0
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
    IMPORT FONTS
-------------------------------------------------------------------*/

/* @import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,900'); */

/*------------------------------------------------------------------
    IMPORT FILES
-------------------------------------------------------------------*/

@import url(css/animate.css);
@import url(css/flaticon.css);
@import url(css/icomoon.css);
@import url(css/prettyPhoto.css);
@import url(css/owl.carousel.css);
@import url(css/font-awesome.min.css);

/*------------------------------------------------------------------
    SKELETON
-------------------------------------------------------------------*/

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

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

body{
    font-family: 'Inter', sans-serif;
    background: #ffffff;
    overflow-x:hidden;
}
p,
h2,
h3,
h4,
h5
a,
button,
input{
    font-family: 'Inter', sans-serif;
    font-size: 11px;
}

h1 {
    font-family: Verdana, sans-serif;
}
/* =========================
   GENERAL STYLING
========================= */

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


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

.header50{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 18px 5%;
    z-index: 1000;
    transition: 0.4s ease;
    background: #000000b6;
}

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

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

.logo50 img{
    width: 240px;
    display: block;
}

/* ==========================
   NAVIGATION
========================== */

.nav50 ul{
    display: flex;
    align-items: center;
    gap: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav50 ul li{
    position: relative;
}

.nav50 ul li a{
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    transition: 0.3s ease;
}

.nav50 ul li a:hover{
    color: #d4a017;
}

.active50{
    color: #d4a017 !important;
}
/*==========================
      MOBILE BUTTON
==========================*/

.mobile-btn50{

    display:none;

}

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

.nav-item.dropdown{
    position: relative;
}

/* MAIN LINK */

.nav-link.dropdown-toggle{
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

.nav-link.dropdown-toggle:hover{
    color: #d4a017;
}

/* DROPDOWN BOX */

.dropdown-menu{
    position: absolute;
    top: 100%;
    left: 0;
    width: 320px;
    background: #f5f5f5;
    border: none;
    border-top: 5px solid #d4a017;
    padding: 0;
    margin-top: 15px;
    border-radius: 0;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.about-arrow{
    font-size: 12px;
    transition: 0.3s ease;
}

.nav-item.dropdown.show .about-arrow{
    transform: rotate(180deg);
}

/* DROPDOWN LINKS */

.nav50 .dt{
    display: block;
    padding: 14px 20px;
    color: #000000;
    font-size: 16px;
    text-decoration: none;
    transition: 0.3s ease;
}

.nav50 .dt:hover{
    background: #d4a017;
    color: #ffffff;
}

/* SVG LINE */

.dropdown-menu svg{
    display: block;
}

.dropdown-menu line{
    stroke: rgba(0,0,0,0.15);
}

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

.quote-btn50{
    text-decoration: none;
    background: #d4a017;
    color: #ffffff;
    padding: 14px 26px;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    transition: 0.3s ease;
}

.quote-btn50:hover{
    background: #bb8e12;
}

/* ==========================
   MOBILE ICONS
========================== */

.menu-toggle50,
.close-menu50{
    display: none;
    color: #ffffff;
    font-size: 30px;
    cursor: pointer;
}

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

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


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

.hero50{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
}

/* ==========================
   SLIDER
========================== */

.hero-slider50{
    width:100%;
    height:100%;
    position:relative;
}

.hero-slide50{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:1s ease;
}

.hero-slide50.active-slide50{
    opacity:1;
    visibility:visible;
}

.hero-slide50 img{
    width:100%;
    height:100%;
    object-fit:cover;
}

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

.overlay50{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
}

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

.hero-content50{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:85%;
    max-width:900px;
    text-align:center;
    z-index:10;
}

.hero-content50 h1{
    font-size: 60px;
    font-weight:700;
    color:#fff;
    margin-bottom:25px;
}

.hero-content50 p{
    color:#fff;
    font-size:25px;
    line-height:1.6;
}

/* ==========================
   TRACK BOX
========================== */

.tracking-box50{
    position:absolute;
    bottom:120px;
    left:50%;
    transform:translateX(-50%);
    width:80%;
    max-width:800px;
    display:flex;
    z-index:20;
}

.tracking-box50 input{
    flex:1;
    height:70px;
    border:none;
    outline:none;
    padding:0 25px;
    font-size:18px;
    border-radius:12px 0 0 12px;
    background:rgba(255,255,255,0.15);
    color:#fff;
    border:1px solid rgba(255,255,255,0.5);
}

.tracking-box50 input::placeholder{
    color:#d8d8d8;
}

.tracking-box50 button{
    width:140px;
    border:none;
    background:#d4a017;
    color:#fff;
    font-size:20px;
    font-weight:600;
    border-radius:0 12px 12px 0;
    cursor:pointer;
}

/* ==========================
   DASHES
========================== */

.slider-dots50{
    position:absolute;
    bottom:45px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:15px;
    z-index:20;
}

.dot50{
    width:45px;
    height:5px;
    border-radius:30px;
    background:rgba(255,255,255,0.4);
    cursor:pointer;
    transition:0.3s;
}

.active-dot50{
    background:#d4a017;
}

/* ==========================
   HEADER 50 end
========================== */

/* =========================
   STATS SECTION 61
========================= */

/* ================= COUNTER SECTION 220 START ================= */

.counter-section220{
    padding:100px 0;
    background:#fff;
}

.counter-container220{
    width:92%;
    max-width:1400px;
    margin:auto;
}

.counter-grid220{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:40px;
    margin-bottom: 50px;
}

.counter-item220{
    text-align:center;
}

.counter-item220 h2{
    font-size:58px;
    color:#d4a017;
    font-weight:700;
    line-height:1;
    margin-bottom:12px;
}

.counter-item220 p{
    color:#d4a017;
    font-size:18px;
    font-weight:600;
    line-height:1.4;
}

.counter-content220{
    display:flex;
    align-items:center;
    gap:60px;
}

.counter-logo220{
    flex:0 0 220px;
}

.counter-logo220 img{
    width: 380px;
}

.counter-text220{
    flex:1;
}

.counter-text220 p{
    font-size: 20px;
    line-height:1.2;
    color:#222;
    margin-bottom:25px;
}

.counter-btn220{
    display:inline-block;
    background:#d4a017;
    color:#fff;
    text-decoration:none;
    padding:18px 40px;
    border-radius:6px;
    font-size:20px;
    font-weight:600;
    transition:.3s;
}

.counter-btn220:hover{
    background:#111;
}

@media(max-width:1200px){

.counter-grid220{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.counter-grid220{
grid-template-columns:repeat(2,1fr);
gap:30px;
}

.counter-content220{
flex-direction:column;
text-align:center;
}

.counter-item220 h2{
font-size:42px;
}

.counter-text220 p{
font-size:18px;
}

}

/* ================= COUNTER SECTION 220 END ================= */
/* =========================
   STATS SECTION 61 end
========================= */

/* ================= WHY CHOOSE US SECTION 220 START ================= */

.why220{
    background:#111111;
    padding:100px 0;
    position:relative;
}

.why-container220{
    width:90%;
    max-width:1300px;
    margin:auto;
}

.why-heading220{
    text-align:center;
    margin-bottom:60px;
}

.why-heading220 h2{
    color:#fff;
    font-size:48px;
    font-weight:700;
    margin-bottom:15px;
}

.why-heading220 span{
    display:block;
    width:70px;
    height:5px;
    background:#d4a017;
    margin:auto;
    border-radius:30px;
}

.why-grid220{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.why-card220{
    background:#fff;
    border-radius:6px;
    padding:40px 30px 65px;
    text-align:center;
    position:relative;
    overflow:visible;
    transition:.35s ease;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.why-card220:hover{
    transform:translateY(-12px);
}

.why-icon220{
    margin-bottom:25px;
}

.why-icon220 i{
    font-size:65px;
    color:#d4a017;
    transition:.4s;
}

.why-card220:hover .why-icon220 i{
    transform:scale(1.15) rotate(5deg);
}

.why-card220 h3{
    font-size:24px;
    color:#111;
    margin-bottom:18px;
    font-weight:700;
}

.why-card220 p{
    color:#666;
    font-size:17px;
    line-height:1.7;
}
.why-btn220{
    position:absolute;
    left:50%;
    bottom: 18px;
    transform:translateX(-50%);
    width:42px;
    height:42px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d4a017;
    text-decoration:none;
    font-size:15px;
    box-shadow:0 8px 18px rgba(0,0,0,.25);
    transition:.35s;
}

.why-btn220:hover{
    background:#d4a017;
    color:#fff;
}

.why-btn220 i{
    transition:.35s;
}

.why-btn220:hover i{
    transform:translateX(4px);
}

.why-icon220 svg{
    width:65px;
    height:65px;
    stroke:#d4a017;
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:.4s;
}

.why-card220:hover .why-icon220 svg{
    transform:scale(1.15) rotate(5deg);
}

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

@media(max-width:992px){

    .why-grid220{
        grid-template-columns:repeat(2,1fr);
    }

}

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

@media(max-width:768px){

    .why220{
        padding:70px 0;
    }

    .why-heading220 h2{
        font-size:34px;
    }

    .why-grid220{
        grid-template-columns:1fr;
        gap:45px;
    }

    .why-card220{
        padding:35px 25px 60px;
    }

    .why-icon220 i{
        font-size:55px;
    }

    .why-card220 h3{
        font-size:22px;
    }

    .why-card220 p{
        font-size:16px;
    }

}

/* ================= WHY CHOOSE US SECTION 220 END ================= */


/* ================= WHAT WE DO SECTION 220 START ================= */

.what220{
    padding: 80px 0;
    background:#ffffff;
}

.what-container220{
    width:92%;
    max-width:1400px;
    margin:auto;
}

.what-title220{
    text-align:center;
    margin-bottom:60px;
}

.what-title220 h2{
    font-size:52px;
    color:#111;
    font-weight:700;
    margin-bottom:18px;
}

.what-title220 span{
    display:block;
    width:70px;
    height:5px;
    margin:auto;
    background:#d4a017;
    border-radius:30px;
}

.what-grid220{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.what-card220{
    position:relative;
    height:420px;
    overflow:hidden;
    border-radius:10px;
    cursor:pointer;
}

.what-card220 img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.6s ease;
}

.what-overlay220{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    text-align:center;
    padding:35px;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.92) 0%,
        rgba(0,0,0,.55) 45%,
        rgba(0,0,0,.08) 100%
    );
    transition:.4s;
}

.what-overlay220 h3{
    color:#fff;
    font-size:32px;
    line-height:1.0;
    font-weight:700;
    margin-bottom:0;
    transition:.4s;
    white-space: nowrap;
}

.what-btn220{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    color:#fff;
    border:2px solid #fff;
    padding:13px 34px;
    margin-top:20px;
    font-size:17px;
    font-weight:600;
    border-radius:4px;

    opacity:0;
    visibility:hidden;
    transform:translateY(30px);

    transition:.35s;
}

/* Hover Effects */

.what-card220:hover img{
    transform:scale(1.08);
}

.what-card220:hover .what-overlay220{
    background:linear-gradient(
        to top,
        rgba(0,0,0,.95),
        rgba(0,0,0,.70),
        rgba(0,0,0,.18)
    );
}

.what-card220:hover .what-overlay220 h3{
    transform:translateY(-18px);
}

.what-card220:hover .what-btn220{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.what-btn220:hover{
    background:#d4a017;
    border-color:#d4a017;
    color:#fff;
}

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

@media(max-width:992px){

    .what-grid220{
        grid-template-columns:repeat(2,1fr);
    }

    .what-card220{
        height:380px;
    }

    /* No hover on touch devices */
    .what-btn220{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

}

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

@media(max-width:768px){

    .what220{
        padding:70px 0;
    }

    .what-grid220{
        grid-template-columns:1fr;
        gap:20px;
    }

    .what-title220 h2{
        font-size:38px;
    }

    .what-card220{
        height:330px;
    }

    .what-overlay220{
        padding:25px;
    }

    .what-overlay220 h3{
        font-size:26px;
        margin-bottom:18px;
    }

    /* Always show button on phones */

    .what-btn220{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        padding:10px 24px;
        font-size:15px;
    }

}

/* ================= WHAT WE DO SECTION 220 END ================= */


/* ================= TESTIMONIAL SECTION 4837 START ================= */

.testimonial4837{
    padding: 80px 0;
    margin-top: -30px;
    background:#ffffff;
}

.testimonial-container4837{
    width:90%;
    max-width:1400px;
    margin:auto;
}

.testimonial-heading4837{
    text-align:center;
    margin-bottom: 80px;
}

.testimonial-heading4837 h2{
    font-size:46px;
    font-weight:700;
    color:#111;
    margin-bottom: 15px;
}

.testimonial-heading4837 span{
    display:block;
    width:70px;
    height:4px;
    background:#d4a017;
    border-radius:50px;
    margin:auto;
}

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

.testimonial-card4837{
    background:#fff;
    border-radius:18px;
    padding: 38px 20px 30px;
    text-align: left;
    box-shadow:0 8px 18px rgba(0,0,0,.14);
    transition:.35s ease;
    border:1px solid #ececec;
}

.testimonial-card4837:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.18);
}

.testimonial-image4837{
    width:120px;
    height:120px;
    margin:0 auto 22px;
    border-radius:50%;
    overflow:hidden;
    border: solid 2px #6d6b6b;
}

.testimonial-image4837 img{
    width:100%;
    height:100%;
    object-fit: contain;
    display:block;
    transition:.4s;
}

.testimonial-card4837:hover .testimonial-image4837 img{
    transform:scale(1.08);
}

.testimonial-card4837 h3{
    font-size:26px;
    color:#222;
    margin-bottom:8px;
    font-weight:700;
}

.testimonial-card4837 h5{
    font-size:18px;
    color:#444;
    margin-bottom:18px;
    font-weight:500;
}

.testimonial-card4837 p{
    font-size: 14px;
    line-height: 1.2;
    color:#666;
    margin:0;
}

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

@media(max-width:991px){

    .testimonial-grid4837{
        grid-template-columns:repeat(2,1fr);
    }

}

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

@media(max-width:768px){

    .testimonial4837{
        padding:70px 0;
    }

    .testimonial-heading4837 h2{
        font-size:34px;
    }

    .testimonial-grid4837{
        grid-template-columns:1fr;
        gap:25px;
    }

    .testimonial-card4837{
        padding:30px 20px;
    }

    .testimonial-image4837{
        width:100px;
        height:100px;
    }

    .testimonial-card4837 h3{
        font-size:23px;
    }

    .testimonial-card4837 h5{
        font-size:16px;
    }

    .testimonial-card4837 p{
        font-size:14px;
    }

}

/* ================= TESTIMONIAL SECTION 4837 END ================= */





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

.partner-zone{
    width:100%;
    padding: 5px 0 15px;
    background:#ffffff;
    overflow:hidden;
    margin-bottom: 60px;
}

/* TITLE */

.partner-title{
    text-align:center;
    margin-bottom: 30px;
}

.partner-title h2{
    font-size: 35px;
    font-weight: 700;
    color:#111;
}

/* LOGO SLIDER */

.partner-slider{
    overflow:hidden;
    position:relative;
}

.partner-track{
    display:flex;
    align-items:center;
    gap: 0px;
    width:max-content;
    animation:logoMove 25s linear infinite;
}

.partner-track img{
    width: 150px;
    /* opacity:0.5; */
    transition:0.4s ease;
}

.partner-track img:hover{
    opacity:1;
}

/* ANIMATION */

@keyframes logoMove{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

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

/* =========================
   PAGE BANNER
========================= */

.page-banner{
    position: relative;
    width: 100%;
    height: 380px;
    background: url("/images/background3.webp") center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px 0px;
}

/* OVERLAY */

.banner-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.904);
}

/* CONTENT */

.banner-content{
    position: relative;
    z-index: 2;
    text-align: center;
}

.banner-content h1{
    font-size: 60px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
}

/* BREADCRUMB */

.banner-path{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.banner-path a{
    color: #d4a017;
    font-size: 18px;
    text-decoration: none;
}

.banner-path span{
    color: #ffffff;
    font-size: 14px;
}

.banner-path p{
    color: #ffffff;
    font-size: 18px;
    margin: 0;
}

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

@media (max-width: 991px){

    .page-banner{
        height: 330px;
    }

    .banner-content h1{
        font-size: 48px;
    }
}

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

@media (max-width: 600px){

    .page-banner{
        height: 380px;
    }

    .banner-content h1{
        font-size: 38px;
    }

    .banner-path{
        gap: 8px;
    }

    .banner-path a,
    .banner-path p{
        font-size: 16px;
    }
}
/* =========================
   PAGE BANNER end
========================= */

/* ================= ABOUT SECTION 6248 START ================= */

.about6248{
    padding: 50px 0;
    background:#fff;
}

.about-container6248{
    width:90%;
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:480px 1fr;
    align-items:center;
    gap:70px;
}

.about-image6248{
    overflow:hidden;
}

.about-image6248 img{
    width: 100%;
    display:block;
    object-fit:cover;
    transition:.5s ease;
}

.about-image6248:hover img{
    transform:scale(1.05);
}

.about-content6248{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.about-heading6248{
    display:flex;
    align-items:center;
    margin-bottom:28px;
}

.about-line6248{
    width:65px;
    height:6px;
    background:#d4a017;
    margin-right:18px;
    border-radius:30px;
}

.about-heading6248 h2{
    font-size:46px;
    color:#111;
    font-weight:700;
    margin:0;
    line-height:1.2;
}

.about-content6248 p{
    font-size: 19px;
    line-height: 1.3;
    color:#111;
    font-weight:400;
    margin:0;
    max-width:820px;
}

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

@media(max-width:992px){

    .about-container6248{
        grid-template-columns:1fr;
        gap:45px;
    }

    .about-image6248{
        max-width:650px;
        margin:auto;
    }

    .about-content6248{
        text-align:center;
    }

    .about-heading6248{
        justify-content:center;
    }

    .about-content6248 p{
        font-size:28px;
        max-width:100%;
    }

}

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

@media(max-width:768px){

    .about6248{
        padding:70px 0;
    }

    .about-container6248{
        width:92%;
        gap:35px;
    }

    .about-heading6248{
        flex-direction:column;
        gap:15px;
    }

    .about-line6248{
        margin:0;
        width:60px;
        height:5px;
    }

    .about-heading6248 h2{
        font-size:32px;
        text-align:center;
    }

    .about-content6248 p{
        font-size:19px;
        line-height:1.8;
        text-align:center;
    }

}

/* ================= ABOUT SECTION 6248 END ================= */

/* ================= FACT ABOUT US SECTION 8942 START ================= */

.fact8942{
    width: 100%;
    padding: 90px 0;
    background:#fff;
    margin-top: -30px;
}

.fact-container8942{
    width:90%;
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:380px 1fr;
    gap:70px;
    align-items:center;
}

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

.fact-image8942{
    display:flex;
    justify-content:center;
    align-items:center;
}

.fact-image8942 img{
    width: 450px;
    max-width:100%;
    display:block;
    transition:.4s ease;
}

.fact-image8942 img:hover{
    transform:scale(1.05);
}

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

.fact-content8942{
    width:100%;
}

.fact-title8942{
    margin-bottom:35px;
}

.fact-title8942 h2{
    font-size:46px;
    font-weight:700;
    color:#111;
    margin:0;
    line-height:1.2;
}

.fact-title8942 span{
    display:block;
    width:60px;
    height:6px;
    background:#d4a017;
    margin-top:12px;
    border-radius:30px;
}

/*================ LIST ================*/

.fact-list8942{
    list-style:none;
    padding:0;
    margin:0;
}

.fact-list8942 li{
    position:relative;
    padding-left:28px;
    margin-bottom: 15px;
    font-size:20px;
    line-height:1.2;
    color:#222;
    font-weight:500;
}

.fact-list8942 li:last-child{
    margin-bottom:0;
}

/* Gold Square */

.fact-list8942 li::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    width:11px;
    height:11px;
    background:#d4a017;
}

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

@media(max-width:992px){

    .fact-container8942{
        grid-template-columns:1fr;
        gap:45px;
        text-align:center;
    }

    .fact-title8942 span{
        margin:12px auto 0;
    }

    .fact-list8942{
        text-align:left;
        max-width:700px;
        margin:auto;
    }

}

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

@media(max-width:768px){

    .fact8942{
        padding:70px 0;
    }

    .fact-container8942{
        width:92%;
    }

    .fact-image8942 img{
        width:210px;
    }

    .fact-title8942 h2{
        font-size:34px;
    }

    .fact-list8942 li{
        font-size:17px;
        margin-bottom:22px;
        padding-left:24px;
    }

    .fact-list8942 li::before{
        width:9px;
        height:9px;
        top:8px;
    }

}

/*================ FACT ABOUT US SECTION 8942 END ================*/


/* ================= QUALITY POLICY SECTION 5816 START ================= */

.quality5816{
    width:100%;
    background:#111;
    padding:70px 0;
}

.quality-container5816{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.quality-title5816{
    text-align:center;
    color:#fff;
    font-size:42px;
    font-weight:700;
    margin:0 0 45px;
    line-height:1.2;
}

.quality-content5816{
    color:#fff;
}

.quality-content5816 p{
    font-size: 18px;
    line-height:1.3;
    margin:0 0 16px;
    color:#f5f5f5;
    font-weight:400;
}

.quality-subtitle5816{
    color:#fff;
    font-size:30px;
    font-weight:700;
    margin:10px 0 35px;
}

.quality-list5816{
    list-style:none;
    margin:0;
    padding:0;
}

.quality-list5816 li{
    position:relative;
    padding-left:34px;
    margin-bottom: 16px;
    color:#f5f5f5;
    font-size: 18px;
    line-height:1.55;
    font-weight:400;
}

.quality-list5816 li:last-child{
    margin-bottom:0;
}

/* Gold Square Bullet */

.quality-list5816 li::before{
    content:"";
    position:absolute;
    left:0;
    top:12px;
    width:11px;
    height:11px;
    background:#d4a017;
}

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

@media(max-width:992px){

    .quality5816{
        padding:60px 0;
    }

    .quality-title5816{
        font-size:34px;
    }

    .quality-content5816 p{
        font-size:20px;
    }

    .quality-subtitle5816{
        font-size:26px;
    }

    .quality-list5816 li{
        font-size:20px;
    }

}

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

@media(max-width:768px){

    .quality5816{
        padding:50px 0;
    }

    .quality-container5816{
        width:92%;
    }

    .quality-title5816{
        font-size:28px;
        margin-bottom:35px;
    }

    .quality-content5816 p{
        font-size:17px;
        line-height:1.8;
        margin-bottom:28px;
    }

    .quality-subtitle5816{
        font-size:22px;
        margin-bottom:25px;
    }

    .quality-list5816 li{
        font-size:17px;
        line-height:1.8;
        padding-left:26px;
        margin-bottom:24px;
    }

    .quality-list5816 li::before{
        width:9px;
        height:9px;
        top:10px;
    }

}

/* ================= QUALITY POLICY SECTION 5816 END ================= */

/* ================= MISSION & VISION SECTION 9537 START ================= */

.mission9537{
    width:100%;
    padding:90px 0;
    background:#fff;
}

.mission-container9537{
    width:90%;
    max-width:1200px;
    margin:auto;
}

/*================ ROW =================*/

.mission-row9537{
    display:grid;
    grid-template-columns:180px 1fr;
    align-items:center;
    gap: 50px;
    margin-bottom: 0px;
}

.mission-row9537:last-child{
    margin-bottom:0;
}

/*================ ICON =================*/

.mission-icon9537{
    display:flex;
    justify-content:center;
    align-items:center;
}

.mission-icon9537 img{
    width: 340px;
    height: 340px;
    object-fit:contain;
    transition:.35s ease;
}

/* .mission-icon9537 img:hover{
    transform:scale(1.08);
} */

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

.mission-content9537{
    width:100%;
}

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

.mission-title9537{
    text-align:center;
    margin-bottom: 28px;
}

.mission-title9537 h2{
    margin:0;
    font-size:38px;
    font-weight:700;
    color:#111;
}

.mission-title9537 span{
    display:block;
    width:60px;
    height:5px;
    background:#d4a017;
    margin:10px auto 0;
    border-radius:30px;
}

/*================ PARAGRAPH =================*/

.mission-content9537 p{
    margin:0 0 12px;
    font-size: 20px;
    line-height: 1.2;
    color:#222;
    font-weight: 400;
}

.mission-content9537 p:last-child{
    margin-bottom:0;
}

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

@media(max-width:992px){

    .mission-row9537{
        grid-template-columns:1fr;
        text-align:center;
        gap:30px;
        margin-bottom:70px;
    }

    .mission-icon9537 img{
        width:120px;
        height:120px;
    }

    .mission-title9537 h2{
        font-size:32px;
    }

    .mission-content9537 p{
        font-size:19px;
    }

}

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

@media(max-width:768px){

    .mission9537{
        padding:70px 0;
    }

    .mission-container9537{
        width:92%;
    }

    .mission-row9537{
        gap:25px;
        margin-bottom:60px;
    }

    .mission-icon9537 img{
        width:100px;
        height:100px;
    }

    .mission-title9537 h2{
        font-size:28px;
    }

    .mission-title9537 span{
        width:55px;
        height:4px;
    }

    .mission-content9537 p{
        font-size:17px;
        line-height:1.8;
        text-align:left;
    }

}

/* ================= MISSION & VISION SECTION 9537 END ================= */

/* ================= HAULAGE SERVICES SECTION START ================= */

.haulage842{
    width:100%;
    background:#ffffff;
    padding: 50px 0;
}

.haulage-container842{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.haulage-content842{
    max-width:1050px;
}

.haulage-content842 h2{
    font-size:40px;
    font-weight:700;
    color:#d4a017;
    margin-bottom:35px;
    line-height:1.2;
}

.haulage-content842 p{
    font-size: 20px;
    color:#222;
    line-height:1.3;
    margin-bottom: 20px;
    text-align:left;
}

.haulage-content842 h4{
    font-size:28px;
    font-weight:700;
    color:#111;
    margin-bottom:28px;
}

.haulage-content842 h3{
    font-size:30px;
    font-weight:700;
    color:#111;
    margin-bottom:28px;
}

.haulage-list842{
    list-style:none;
    padding:0;
    margin:0;
}

.haulage-list842 li{
    display:flex;
    align-items:center;
    gap:18px;
    font-size:20px;
    color:#222;
    margin-bottom: 10px;
}

.haulage-list842 li span{
    width:18px;
    height:18px;
    background:#d4a017;
    flex-shrink:0;
}

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

@media(max-width:992px){

    .haulage842{
        padding:60px 0;
    }

    .haulage-content842 h2{
        font-size:32px;
        margin-bottom:25px;
    }

    .haulage-content842 p{
        font-size:19px;
        margin-bottom:35px;
    }

    .haulage-content842 h4{
        font-size:22px;
    }

    .haulage-content842 h3{
        font-size:24px;
    }

    .haulage-list842 li{
        font-size:20px;
    }

    .haulage-list842 li span{
        width:15px;
        height:15px;
    }

}

@media(max-width:768px){

    .haulage842{
        padding:50px 0;
    }

    .haulage-container842{
        width:92%;
    }

    .haulage-content842 h2{
        font-size:28px;
    }

    .haulage-content842 p{
        font-size:17px;
        line-height:1.8;
    }

    .haulage-content842 h4{
        font-size:20px;
    }

    .haulage-content842 h3{
        font-size:22px;
    }

    .haulage-list842 li{
        font-size:18px;
        gap:12px;
        align-items:flex-start;
    }

    .haulage-list842 li span{
        width:13px;
        height:13px;
        margin-top:8px;
    }

}

@media(max-width:480px){

    .haulage842{
        padding:40px 0;
    }

    .haulage-content842 h2{
        font-size:24px;
    }

    .haulage-content842 p{
        font-size:16px;
    }

    .haulage-content842 h4{
        font-size:18px;
    }

    .haulage-content842 h3{
        font-size:20px;
    }

    .haulage-list842 li{
        font-size:16px;
        margin-bottom:16px;
    }

    .haulage-list842 li span{
        width:11px;
        height:11px;
    }

}

/* ================= HAULAGE SERVICES SECTION END ================= */

.main-img img{
    width: 100%;
}


/* =================haulage BENEFITS SECTION START ================= */

.benefits471{
    width:100%;
    background:#ffffff;
    padding: 50px 0;
}

.benefits-container471{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.benefits-title471{
    text-align:center;
    color:#d4a017;
    font-size:40px;
    font-weight:700;
    margin-bottom: 45px;
    line-height:1.3;
}

.benefit-item471{
    margin-bottom: 20px;
}

.benefit-heading471{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom: 10px;
}

.benefit-square471{
    width:16px;
    height:16px;
    background:#d4a017;
    flex-shrink:0;
}

.benefit-heading471 h3{
    font-size:30px;
    color:#111;
    font-weight:700;
    margin:0;
}

.benefit-item471 p{
    margin:0;
    margin-left:32px;
    font-size: 20px;
    color:#222;
    line-height:1.4;
    max-width:1100px;
}

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

@media (max-width:992px){

    .benefits471{
        padding:65px 0;
    }

    .benefits-title471{
        font-size:32px;
        margin-bottom:45px;
    }

    .benefit-heading471 h3{
        font-size:24px;
    }

    .benefit-item471 p{
        font-size:19px;
        margin-left:30px;
    }

}

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

@media (max-width:768px){

    .benefits471{
        padding:55px 0;
    }

    .benefits-container471{
        width:92%;
    }

    .benefits-title471{
        font-size:27px;
        margin-bottom:35px;
    }

    .benefit-item471{
        margin-bottom:40px;
    }

    .benefit-heading471{
        gap:12px;
        margin-bottom:14px;
    }

    .benefit-square471{
        width:13px;
        height:13px;
    }

    .benefit-heading471 h3{
        font-size:21px;
    }

    .benefit-item471 p{
        font-size:17px;
        margin-left:25px;
        line-height:1.7;
    }

}

/* ================= SMALL MOBILE ================= */

@media (max-width:480px){

    .benefits471{
        padding:45px 0;
    }

    .benefits-title471{
        font-size:22px;
    }

    .benefit-heading471 h3{
        font-size:18px;
    }

    .benefit-square471{
        width:11px;
        height:11px;
    }

    .benefit-item471 p{
        font-size:16px;
        margin-left:23px;
    }

}

/* =================haulage BENEFITS SECTION END ================= */

/* ================= AIR LOGISTICS SECTION START ================= */

.airlog874{
    width:100%;
    background:#ffffff;
    padding:80px 0;
}

.airlog-container874{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.airlog-title874{
    color:#d4a017;
    font-size:40px;
    font-weight:700;
    margin-bottom:25px;
}

.airlog-text874{
    font-size:18px;
    line-height:1.7;
    color:#222;
    margin-bottom:25px;
    text-align:left;
}

.airlog-subtitle874{
    font-size:30px;
    font-weight:700;
    color:#111;
    margin:45px 0 25px;
}

.airlog-service874{
    margin-bottom:40px;
}

.airlog-service874 h4{
    font-size:24px;
    font-weight:700;
    color:#111;
    margin-bottom:12px;
}

.airlog-service874 p{
    font-size: 18px;
    line-height:1.7;
    color:#222;
}

.airlog-industries874{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:60px;
    margin-top:20px;
}

.airlog-industries874 ul{
    list-style:none;
    padding:0;
    margin:0;
}

.airlog-industries874 li{
    display:flex;
    align-items:center;
    gap:14px;
    font-size:22px;
    color:#222;
    margin-bottom:22px;
}

.airlog-industries874 li span{
    width:14px;
    height:14px;
    background:#d4a017;
    flex-shrink:0;
}

.airlog-service874 .pl{
    padding: 30px 0px;
     max-width: 1200px;
      margin: auto;
}

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

@media(max-width:992px){

    .airlog874{
        padding:65px 0;
    }

    .airlog-title874{
        font-size:32px;
    }

    .airlog-text874,
    .airlog-service874 p{
        font-size:17px;
    }

    .airlog-subtitle874{
        font-size:26px;
    }

    .airlog-service874 h4{
        font-size:21px;
    }

    .airlog-industries874{
        gap:30px;
    }

    .airlog-industries874 li{
        font-size:18px;
    }

    .airlog-service874 .pl{
        font-size: 20px;
        padding: 30px 12px;
        margin: auto;
    }

}

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

@media(max-width:768px){

    .airlog874{
        padding:50px 0;
    }

    .airlog-container874{
        width:92%;
    }

    .airlog-title874{
        font-size:28px;
    }

    .airlog-text874,
    .airlog-service874 p{
        font-size:16px;
        line-height:1.8;
    }

    .airlog-subtitle874{
        font-size:23px;
        margin:35px 0 20px;
    }

    .airlog-service874{
        margin-bottom:30px;
    }

    .airlog-service874 h4{
        font-size:19px;
    }

    .airlog-industries874{
        grid-template-columns:1fr;
        gap:0;
    }

    .airlog-industries874 li{
        font-size:17px;
        margin-bottom:18px;
    }

    .airlog-industries874 li span{
        width:12px;
        height:12px;
    }

    .airlog-service874 .pl{
        font-size: 20px;
        padding: 30px 12px;
        margin: auto;
    }


}

/* ================= SMALL MOBILE ================= */

@media(max-width:480px){

    .airlog874{
        padding:40px 0;
    }

    .airlog-title874{
        font-size:24px;
    }

    .airlog-text874,
    .airlog-service874 p{
        font-size:15px;
    }

    .airlog-subtitle874{
        font-size:20px;
    }

    .airlog-service874 h4{
        font-size:17px;
    }

    .airlog-industries874 li{
        font-size:16px;
        gap:10px;
    }

    .airlog-industries874 li span{
        width:10px;
        height:10px;
    }
    .airlog-service874 .pl{
        font-size:15px;
        padding: 30px 12px;
        margin: auto;
    }

}

/* ================= AIR LOGISTICS SECTION END ================= */


/* ================= BENEFITS SECTION START ================= */

.benefits-section220{
    padding: 70px 5%;
    background: #f5f5f5;
}

.benefits-container220{
    max-width: 1200px;
    margin: auto;
}

.benefits-title220{
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    color: #131e3a;
    margin-bottom: 45px;
}

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

.benefit-card220{
    background: #fff;
    padding: 22px 18px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 18px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: 0.3s ease;
    min-height: 120px;
}

.benefit-card220:hover{
    transform: translateY(-5px);
}

.benefit-icon220{
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    background: rgba(212, 160, 23, 0.12);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.benefit-icon220 svg{
    width: 38px;
    height: 38px;
    fill: #d4a017;
}

.benefit-heading220{
    font-size: 18px;
    font-weight: 700;
    color: #131e3a;
    line-height: 1.4;
    margin: 0;
}

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

@media (max-width: 991px){

    .benefits-grid220{
        grid-template-columns: repeat(2, 1fr);
    }
}

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

@media (max-width: 767px){

    .benefits-grid220{
        grid-template-columns: 1fr;
    }

    .benefit-card220{
        padding: 18px 15px;
        gap: 15px;
    }

    .benefit-icon220{
        width: 55px;
        height: 55px;
    }

    .benefit-icon220 svg{
        width: 32px;
        height: 32px;
    }

    .benefit-heading220{
        font-size: 16px;
    }
}

/* ================= BENEFITS SECTION END ================= */

/* ================= CONTACT SECTION START ================= */

.contact731{
    width:100%;
    padding:90px 8%;
    background:#fff;
}

.contact-container731{
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1.35fr;
    gap:70px;
    align-items:start;
}

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

.contact-left731 h2{
    font-size:52px;
    font-weight:800;
    color:#111;
    margin-bottom:20px;
}

.contact-left731>p{
    color:#555;
    font-size:17px;
    line-height:1.8;
    margin-bottom:55px;
    max-width:480px;
}

/* ================= ITEMS ================= */

.contact-item731{
    display:flex;
    gap:20px;
    margin-bottom:38px;
    align-items:flex-start;
}

.contact-icon731{
    width:54px;
    height:54px;
    flex-shrink:0;
    border-radius:50%;
    background:#d4a017;
    display:flex;
    justify-content:center;
    align-items:center;
}

.contact-icon731 svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:#fff;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.contact-text731 h4{
    font-size:19px;
    color:#111;
    margin-bottom:8px;
}

.contact-text731 p{
    color:#555;
    line-height:1.7;
    margin-bottom:10px;
    font-size:15px;
}

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

.contact-left731 h5{
    margin-top:35px;
    margin-bottom:20px;
    color:#d4a017;
    font-size:18px;
    font-weight:700;
}

.contact-social731{
    display:flex;
    gap:15px;
}

.contact-social731 a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#d4a017;
    color:#fff;
    text-decoration:none;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:700;
    font-size:16px;
    transition:.35s;
}

.contact-social731 a:hover{
    background:#111;
    transform:translateY(-4px);
}

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

.contact-form731{
    background:#fff;
    padding:36px;
    border-radius:8px;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
}

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

/* first row */

.form-row731{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

/* inputs */

.contact-form731 input,
.contact-form731 textarea{

    width:100%;
    border:2px solid #bdbdbd;
    border-radius:30px;
    outline:none;

    font-size:18px;
    color:#222;

    padding:18px 26px;

    transition:.35s;

    background:#fff;

}

.contact-form731 textarea{

    height:220px;
    resize:none;
    border-radius:24px;
    padding-top:24px;

}

.contact-form731 input:focus,
.contact-form731 textarea:focus{

    border-color:#d4a017;

}

.contact-form731 input::placeholder,
.contact-form731 textarea::placeholder{

    color:#999;
    font-weight:600;

}

/* button */

.contact-form731 button{

    width:100%;
    height:70px;

    border:none;
    border-radius:14px;

    background:#d4a017;
    color:#000;

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

    cursor:pointer;
    transition:.35s;

}

.contact-form731 button:hover{

    background:#111;
    color:#fff;

}

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

@media(max-width:991px){

.contact-container731{

grid-template-columns:1fr;
gap:60px;

}

.contact-left731 h2{

font-size:42px;

}

.form-row731{

grid-template-columns:1fr;

}

.contact-form731{

padding:28px;

}

.contact-form731 button{

font-size:28px;

}

}

@media(max-width:600px){

.contact731{

padding:70px 20px;

}

.contact-left731 h2{

font-size:34px;

}

.contact-form731{

padding:20px;

}

.contact-form731 input,
.contact-form731 textarea{

font-size:16px;
padding:16px 18px;

}

.contact-form731 button{

height:60px;
font-size:24px;

}

}

/* ================= CONTACT SECTION END ================= */

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

.contact-section220{
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.contact-map220{
    width: 100%;
    height: 500px;
}

.contact-map220 iframe{
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}

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

@media (max-width: 991px){

    .contact-map220{
        height: 400px;
    }

}

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

@media (max-width: 600px){

    .contact-map220{
        height: 320px;
    }

}


/*======================================================
        FREIGHT QUOTE FORM - CSS PART 1A
        (Feature Cards + Main Layout)
=======================================================*/

.freight483{

    width:100%;
    padding:90px 0;
    background:#eef4fb;

}

.freight-container483{

    width:92%;
    max-width:1400px;
    margin:auto;

}


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

.freight-features483{

    display:grid;

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

    gap:22px;

    margin-bottom:35px;

}


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

.feature-box483{

    background:#173d8d;

    border-radius:16px;

    padding:22px 24px;

    display:flex;

    align-items:center;

    gap:18px;

    transition:.35s;

    cursor:pointer;

    overflow:hidden;

    position:relative;

    min-height:105px;

}

.feature-box483::before{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    border-radius:50%;

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

    top:-90px;
    right:-70px;

}

.feature-box483:hover{

    transform:translateY(-8px);

    background:#1b479f;

    box-shadow:0 18px 35px rgba(18,44,108,.25);

}


/*======================================================
                    ICON BOX
=======================================================*/

.feature-icon483{

    width:62px;

    height:62px;

    min-width:62px;

    border-radius:14px;

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

    display:flex;

    justify-content:center;

    align-items:center;

    position:relative;

    z-index:2;

}

.feature-icon483 svg{

    width:30px;

    height:30px;

    color:#d4a017;

    stroke:currentColor;

    fill:none;

    stroke-width:2;

}


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

.feature-box483 h4{

    position:relative;

    z-index:2;

    color:#ffffff;

    font-size:19px;

    font-weight:700;

    line-height:1.45;

    margin:0;

    flex:1;

}


/*======================================================
                REMOVE DEFAULT SPACING
=======================================================*/

.feature-box483 br{

    display:none;

}


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

@media(max-width:1200px){

.freight-features483{

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

}

}


@media(max-width:768px){

.freight483{

padding:60px 0;

}

.freight-container483{

width:94%;

}

.freight-features483{

grid-template-columns:1fr;

gap:18px;

}

.feature-box483{

padding:18px;

min-height:90px;

gap:15px;

}

.feature-icon483{

width:55px;

height:55px;

min-width:55px;

}

.feature-icon483 svg{

width:26px;

height:26px;

}

.feature-box483 h4{

font-size:17px;

line-height:1.35;

}

}

/*======================================================
        FREIGHT QUOTE FORM - CSS PART 1B
        (Hero Section + White Form Card)
=======================================================*/


/*======================================================
                MAIN FORM CARD
=======================================================*/

.freight-card483{

    background:#ffffff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 30px 70px rgba(12,32,72,.12);

}


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

.freight-header483{

    position:relative;

    overflow:hidden;

    padding:70px 70px 65px;

    background:linear-gradient(135deg,#173d8d 0%,#2458b8 100%);

}


/* Large glow */

.freight-header483::before{

    content:"";

    position:absolute;

    width:480px;
    height:480px;

    border-radius:50%;

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

    top:-220px;
    right:-120px;

}


/* Small glow */

.freight-header483::after{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    border-radius:50%;

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

    bottom:-130px;
    left:-90px;

}


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

.freight-header483 span{

    position:relative;

    z-index:5;

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#d4a017;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:22px;

}


.freight-header483 span::before{

    content:"";

    width:45px;

    height:2px;

    background:#d4a017;

}


/*======================================================
                    HEADING
=======================================================*/

.freight-header483 h1{

    position:relative;

    z-index:5;

    color:#ffffff;

    font-size:52px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:18px;

}


/*======================================================
                    PARAGRAPH
=======================================================*/

.freight-header483 p{

    position:relative;

    z-index:5;

    max-width:760px;

    color:rgba(255,255,255,.88);

    font-size:18px;

    line-height:1.9;

}


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

#quoteForm483{

    padding:65px 70px;

    background:#ffffff;

}


/*======================================================
                SECTION SPACING
=======================================================*/

.quote-section483{

    margin-bottom:65px;

    padding-bottom:55px;

    border-bottom:1px solid #edf2f8;

}


.quote-section483:last-child{

    border-bottom:none;

    margin-bottom:0;

    padding-bottom:0;

}


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

.section-title483{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:40px;

}


/*======================================================
                ICON BOX
=======================================================*/

.section-icon483{

    width:68px;

    height:68px;

    min-width:68px;

    border-radius:16px;

    background:#173d8d;

    display:flex;

    justify-content:center;

    align-items:center;

}


.section-icon483 svg{

    width:30px;

    height:30px;

    color:#d4a017;

    stroke:currentColor;

    fill:none;

}


/*======================================================
                SECTION LABEL
=======================================================*/

.section-title483 small{

    display:block;

    color:#d4a017;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:8px;

}


/*======================================================
                SECTION TITLE
=======================================================*/

.section-title483 h2{

    color:#173d8d;

    font-size:34px;

    font-weight:800;

    line-height:1.2;

}


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

@media(max-width:1100px){

.freight-header483{

padding:55px 40px;

}

#quoteForm483{

padding:50px 40px;

}

.freight-header483 h1{

font-size:42px;

}

}


@media(max-width:768px){

.freight-card483{

border-radius:18px;

}

.freight-header483{

padding:45px 25px;

}

.freight-header483 span{

font-size:12px;

letter-spacing:1px;

}

.freight-header483 h1{

font-size:34px;

}

.freight-header483 p{

font-size:15px;

line-height:1.8;

}

#quoteForm483{

padding:35px 22px;

}

.section-title483{

gap:15px;

margin-bottom:30px;

align-items:flex-start;

}

.section-icon483{

width:55px;
height:55px;
min-width:55px;

}

.section-icon483 svg{

width:24px;
height:24px;

}

.section-title483 h2{

font-size:26px;

}

}

/*======================================================
        FREIGHT QUOTE FORM - CSS PART 2
        (Form Fields + Blue Toggle Buttons)
======================================================*/


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

.quote-grid483{

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

}

.input-full483{

    width:100%;

}


/*=========================
    INPUT GROUP
==========================*/

.input-group483{

    display:flex;
    flex-direction:column;
    margin-bottom:28px;

}


/*=========================
       LABELS
==========================*/

.input-group483 label{

    color:#173d8d;

    font-size:15px;

    font-weight:700;

    margin-bottom:12px;

}

.input-group483 label span{

    color:#d4a017;

}


/*=========================
      INPUTS
==========================*/

.input-group483 input,

.input-group483 textarea,

.input-group483 select{

    width:100%;

    height:58px;

    background:#f6f8fc;

    border:1px solid #d8e2ef;

    border-radius:12px;

    padding:0 18px;

    outline:none;

    transition:.35s;

    font-size:15px;

    color:#183153;

    font-family:inherit;

}


/*=========================
      TEXTAREA
==========================*/

.input-group483 textarea{

    height:170px;

    padding:18px;

    resize:vertical;

    line-height:1.8;

}


/*=========================
     PLACEHOLDER
==========================*/

.input-group483 input::placeholder,

.input-group483 textarea::placeholder{

    color:#99a7b7;

}


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

.input-group483 input:hover,

.input-group483 textarea:hover,

.input-group483 select:hover{

    background:#ffffff;

    border-color:#173d8d;

}


/*=========================
       FOCUS
==========================*/

.input-group483 input:focus,

.input-group483 textarea:focus,

.input-group483 select:focus{

    background:#ffffff;

    border-color:#173d8d;

    box-shadow:0 0 0 4px rgba(23,61,141,.08);

}


/*=========================
      SELECT
==========================*/

.input-group483 select{

    appearance:none;

    cursor:pointer;

    padding-right:55px;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23173d8d' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right 18px center;

}


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

.services-grid483{

    display:grid;

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

    gap:18px 28px;

    margin-top:10px;

}


/*======================================================
        BLUE YES / NO BUTTONS
======================================================*/

.radio-group483{

    display:flex;

    gap:15px;

    width:100%;

    margin-top:8px;

}

.radio483{

    flex:1;

    position:relative;

}

.radio483 input{

    display:none;

}

.radio483 span{

    width:100%;

    height:58px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:12px;

    background:#edf3ff;

    border:2px solid #173d8d;

    color:#173d8d;

    font-weight:700;

    font-size:16px;

    cursor:pointer;

    transition:.3s;

}

.radio483 span:hover{

    background:#dce9ff;

}

.radio483 input:checked + span{

    background:#173d8d;

    color:#ffffff;

    border-color:#173d8d;

    box-shadow:0 12px 25px rgba(23,61,141,.20);

}


/*======================================================
      CUSTOM CHECKBOX
======================================================*/

.check483{

    display:flex;

    align-items:center;

    gap:12px;

    cursor:pointer;

}

.check483 input{

    display:none;

}

.check483 span{

    position:relative;

    padding-left:40px;

    color:#173d8d;

    font-weight:500;

    line-height:1.7;

}

.check483 span::before{

    content:"";

    position:absolute;

    left:0;

    top:1px;

    width:24px;

    height:24px;

    border-radius:6px;

    border:2px solid #173d8d;

    background:#fff;

    transition:.3s;

}

.check483 span::after{

    content:"✓";

    position:absolute;

    left:6px;

    top:2px;

    color:#fff;

    font-size:15px;

    opacity:0;

    transition:.3s;

}

.check483 input:checked + span::before{

    background:#173d8d;

}

.check483 input:checked + span::after{

    opacity:1;

}


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

@media(max-width:991px){

.quote-grid483{

grid-template-columns:1fr;

}

.services-grid483{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.input-group483{

margin-bottom:22px;

}

.input-group483 input,

.input-group483 select{

height:54px;

font-size:14px;

}

.input-group483 textarea{

height:150px;

font-size:14px;

}

.radio-group483{

gap:10px;

}

.radio483 span{

height:52px;

font-size:15px;

}

}

/*======================================================
        FREIGHT QUOTE FORM - CSS PART 3
        (Agreement • Submit • Success • Responsive)
======================================================*/


/*=========================
        AGREEMENT BOX
==========================*/

.agreement483{

    margin-top:50px;

    padding:28px;

    background:#f5f8fc;

    border:1px solid #dbe5f0;

    border-radius:16px;

}


/*=========================
      SUBMIT AREA
==========================*/

.submit-area483{

    margin-top:45px;

}


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

.submit-btn483{

    width:100%;

    height:65px;

    border:none;

    border-radius:14px;

    background:#d4a017;

    color:#ffffff;

    font-size:17px;

    font-weight:700;

    letter-spacing:.8px;

    text-transform:uppercase;

    cursor:pointer;

    transition:.35s;

    box-shadow:0 18px 35px rgba(212,160,23,.28);

}

.submit-btn483:hover{

    background:#be8f12;

    transform:translateY(-4px);

    box-shadow:0 22px 45px rgba(212,160,23,.35);

}

.submit-btn483:active{

    transform:scale(.98);

}


/*=========================
      LOADING STATE
==========================*/

.submit-btn483.loading{

    pointer-events:none;

    opacity:.9;

}

.submit-btn483.loading::after{

    content:"";

    width:18px;

    height:18px;

    margin-left:14px;

    display:inline-block;

    border:3px solid rgba(255,255,255,.35);

    border-top-color:#ffffff;

    border-radius:50%;

    animation:spin483 .8s linear infinite;

    vertical-align:middle;

}


/*=========================
      SUCCESS MESSAGE
==========================*/

.success-message483{

    display:none;

    margin-top:45px;

    text-align:center;

    background:#f2fff7;

    border:2px solid #32b768;

    border-radius:18px;

    padding:40px;

    animation:fade483 .5s ease;

}

.success-message483.show{

    display:block;

}

.success-message483 svg{

    width:80px;

    height:80px;

    margin-bottom:20px;

}

.success-message483 h3{

    color:#1f7d47;

    font-size:30px;

    margin-bottom:12px;

    font-weight:700;

}

.success-message483 p{

    color:#486055;

    line-height:1.8;

    max-width:650px;

    margin:auto;

}


/*=========================
      FORM VALIDATION
==========================*/

input.error483,

textarea.error483,

select.error483{

    border-color:#dc3545 !important;

    background:#fff7f7 !important;

}


/*=========================
      ANIMATIONS
==========================*/

@keyframes spin483{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

@keyframes fade483{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


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

@media(max-width:991px){

.agreement483{

padding:22px;

}

.submit-btn483{

height:60px;

}

.success-message483{

padding:30px;

}

}


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

@media(max-width:768px){

.agreement483{

padding:18px;

margin-top:35px;

}

.check483{

align-items:flex-start;

}

.check483 span{

font-size:14px;

line-height:1.7;

}

.submit-area483{

margin-top:35px;

}

.submit-btn483{

height:56px;

font-size:15px;

border-radius:12px;

}

.success-message483{

padding:25px;

}

.success-message483 svg{

width:60px;

height:60px;

}

.success-message483 h3{

font-size:23px;

}

.success-message483 p{

font-size:14px;

line-height:1.7;

}

}


/*======================================================
            SMALL PHONE
======================================================*/

@media(max-width:480px){

.freight483{

padding:45px 0;

}

.freight-container483{

width:95%;

}

.section-title483{

flex-direction:row;

align-items:center;

}

.section-title483 h2{

font-size:22px;

}

.section-title483 small{

font-size:11px;

}

.submit-btn483{

font-size:14px;

}

}




/* ================= FOOTER SECTION 7819 START ================= */

.footer7819{
    background:#121212;
    padding: 60px 0;
}

.footer-container7819{
    width:90%;
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:1.3fr 1.4fr .9fr 1fr;
    gap:60px;
}

.footer-box7819 h2{
    color:#fff;
    font-size:38px;
    font-weight:700;
    margin-bottom:35px;
    position:relative;
    padding-left:18px;
}

.footer-box7819 h2::before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:5px;
    height:38px;
    background:#d4a017;
    border-radius:5px;
}

/*================ COLUMN 1 ================*/

.footer-box7819 p{
    color:#d8d8d8;
    line-height:1.4;
    font-size:15px;
    margin-bottom:35px;
}
.footer-box7819 p a{
    text-decoration: none;
    color:#d8d8d8;
}

.footer-box7819 .h4{
    color:#fff;
    font-size:16px;
    margin-bottom:10px;
    margin-top:18px;
    font-weight:700;
}

.footer-social7819{
    display:flex;
    align-items:center;
    gap:15px;
}

.footer-social7819 a{
    width:45px;
    height:45px;
    border-radius:50%;
    background:#d4a017;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.35s;
    text-decoration:none;
}

.footer-social7819 a svg{
    width:18px;
    height:18px;
    fill:#fff;
}

.footer-social7819 a:hover{
    transform:translateY(-6px);
    background:#fff;
}

.footer-social7819 a:hover svg{
    fill:#d4a017;
}

/*================ ADDRESS ================*/

.footer-address7819 h4{
    color:#fff;
    font-size:16px;
    margin-bottom:10px;
    margin-top:18px;
    font-weight:700;
}

.footer-address7819 h4:first-child{
    margin-top:0;
}

.footer-address7819 p{
    margin-bottom:18px;
    font-size:14px;
    color:#dadada;
    line-height:1.8;
}

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

.footer-links7819{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links7819 li{
    margin-bottom:18px;
    position:relative;
    padding-left:22px;
}

.footer-links7819 li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    background:#d4a017;
}

.footer-links7819 a{
    text-decoration:none;
    color:#fff;
    font-size:17px;
    font-weight:500;
    transition:.3s;
}

.footer-links7819 a:hover{
    color:#d4a017;
    padding-left:6px;
}

/*================ NEWSLETTER ================*/

.footer-form7819{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.footer-form7819 input{
    width:100%;
    height:52px;
    border:none;
    outline:none;
    border-radius:4px;
    padding:0 18px;
    font-size:15px;
    background:#fff;
}

.footer-form7819 input::placeholder{
    color:#888;
}

.footer-form7819 button{
    height:52px;
    border:none;
    cursor:pointer;
    border-radius:4px;
    background:#d4a017;
    color:#fff;
    font-size:16px;
    font-weight:600;
    transition:.35s;
}

.footer-form7819 button:hover{
    background:#fff;
    color:#111;
}

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

@media(max-width:992px){

.footer-container7819{
    grid-template-columns:repeat(2,1fr);
    gap:45px;
}

}

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

@media(max-width:768px){

.footer7819{
    padding:60px 0;
}

.footer-container7819{
    grid-template-columns:1fr;
    gap:50px;
}

.footer-box7819 h2{
    font-size:30px;
}

.footer-social7819{
    justify-content:flex-start;
}

.footer-links7819 a{
    font-size:16px;
}

}

/* ================= FOOTER SECTION 7819 END ================= */

/* ================= FOOTER SECTION 7819 EXTRA STYLING START ================= */

/* Nice transition on everything */

.footer7819 *,
.footer7819 *::before,
.footer7819 *::after{
    transition:all .35s ease;
}

/* Slight lift on each column */

.footer-box7819:hover{
    transform:translateY(-3px);
}

/* Address hover */

.footer-address7819 p:hover{
    color:#ffffff;
}

/* Newsletter Inputs */

.footer-form7819 input:focus{
    border:2px solid #d4a017;
    box-shadow:0 0 10px rgba(212,160,23,.35);
}

/* Newsletter Button */

.footer-form7819 button{
    letter-spacing:.5px;
}

.footer-form7819 button:hover{
    background:#c59516;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(212,160,23,.35);
}

/* Social Icons */

.footer-social7819 a{
    box-shadow:0 6px 15px rgba(0,0,0,.25);
}

.footer-social7819 a:hover{
    transform:translateY(-5px) rotate(8deg);
}

/* Links */

.footer-links7819 li{
    transition:.3s;
}

.footer-links7819 li:hover{
    transform:translateX(8px);
}

.footer-links7819 li:hover::before{
    transform:scale(1.4);
}

/* Nice line under headings */

.footer-box7819 h2::after{
    content:"";
    position:absolute;
    left:18px;
    bottom:-12px;
    width:45px;
    height:2px;
    background:#d4a017;
}

/* Inputs */

.footer-form7819 input{
    transition:.3s;
}

.footer-form7819 input:hover{
    transform:translateY(-2px);
}

/* Better mobile spacing */

@media(max-width:992px){

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

}

@media(max-width:768px){

    .footer-box7819{
        border-bottom:1px solid rgba(255,255,255,.08);
        padding-bottom:35px;
    }

    .footer-box7819:last-child{
        border-bottom:none;
        padding-bottom:0;
    }

    .footer-social7819{
        flex-wrap:wrap;
    }

    .footer-form7819 button{
        width:100%;
    }

}

/* ================= FOOTER SECTION 7819 EXTRA STYLING END ================= */