@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Teko:wght@300..700&display=swap');

:root {
    --bs-body-font-family: "Rajdhani", sans-serif;
    --bs-heading-font-family: "Teko", sans-serif;

    /* font sizes */
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-33: 33px;
    --fs-35: 35px;
    --fs-40: 40px;
    --fs-65: 65px;
    --fs-68: 68px;

    @media(max-width:1200px) {
        --fs-33: 30px;
        --fs-35: 32px;
        --fs-40: 36px;
        --fs-65: 54px;
        --fs-68: 56px;
    }

    @media(max-width:768px) {
        --fs-33: 26px;
        --fs-35: 28pxpx;
        --fs-65: 40px;
        --fs-68: 42px;
        --fs-40: 34px;
    }


    /*colors style*/
    --primary-color: #CE9A35;
    --primary-color-hover: #a87816;
    --secondary-color: #2121AD;
    --secondary-color-hover: #000076;
    --white-color:#F8F9FA;
    --grey-color:#000204;
    --grey-border:#232323;
    --gold-dim: rgba(200,150,62,0.13);
      --gold-bdr: rgba(200,150,62,0.28);

}

body .hm-section {
    overflow-x: hidden;
}

/*common css */
body {
    font-family: var(--bs-body-font-family);
    background-color: var(--grey-color);
    color: var(--white-color);
    font-weight: 400
}

.primary-color-txt {
    color: var(--primary-color)
}


.custom-primary-btn {
    background-color: var(--primary-color);
    color: var(--white-color);
    color: var(--grey-color);
}

.btn {
    font-size: 20px;
    font-weight: 600;
}

.custom-primary-btn:hover {
    background-color: var(--primary-color-hover);
    color: var(--grey-color)
}

.custom-secondary-btn {
    background-color: var(--secondary-color);
    color: var(--white-color);
    color: var(--grey-color)
}

.custom-secondary-btn:hover {
    background-color: var(--secondary-color-hover);
    color: #F8F9FA
}


    .btn-gold {
      background-color: var(--primary-color);
      color: #1a1000;
      font-weight: 700;
      border: none;
      transition: background .2s, transform .2s;
    }
    .btn-gold:hover { background-color: var(--primary-color-hover); color: #1a1000; transform: translateY(-2px); }
    .btn-outline-gold {
      color: var(--primary-color);
      border: 1px solid var(--primary-color);
      background: transparent;
      font-weight: 600;
      transition: background .2s, color .2s;
      font-size: var(--fs-18);
    }
    .btn-outline-gold i{font-size: var(--fs-14);}
    .btn-outline-gold:hover { background-color: var(--primary-color); color: #1a1000; border-color: var(--primary-color); }

p {
    font-size: var(--fs-16);
}

h1,
h2,
h3,
h4 {
    font-family: var(--bs-heading-font-family);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url(../img/icons/menu.svg);
}

/*Header css*/



.email-border {
    border-left: 1px solid var(--grey-border);
}

.custom-navbar {
    background-color: var(--grey-color);
    padding: 10px 0;
}


.custom-navbar .navbar-nav .nav-link {
    color: var(--white-color);
    padding-left: .7rem;
    padding-right: .7rem;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.custom-navbar .navbar-nav .nav-link.active {
    color: var(--primary-color);
}

.custom-navbar .navbar-nav .nav-link:hover {
    color: var(--primary-color);
}

.custom-navbar .navbar-nav {
    padding-top: 7px;
}

.top-bar {
    padding-bottom: 10px;
    padding-top: 7px;
    padding-right: 14px;
    border-bottom: 1px solid #424141;

}

.top-bar span {
    border-right: 1px solid #424141;
    padding: 0px 8px;
    font-size: 15px;
        color: #cfcfcf;
}
.top-bar span i{font-size: 13px;}
.top-bar span:last-child {
    border: 0px;
    padding-right: 0px;
}

/* smooth transition */
.top-bar,
.custom-navbar,
.logo img,
.nav-right-control {
    transition: all 0.3s ease;
}

.logo img {
    max-width: 300px;
}

/* navbar fixed on top */
.custom-navbar {
    position: sticky;
    top: 0;
    z-index: 999;
}

/* when page scrolls */
.scrolled .top-bar {
    transform: translateY(-80%);
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding: 0;
    overflow: hidden;
}

/* shrink navbar */
.scrolled .custom-navbar {
    padding: 8px 0;

    background: #000;

    /* Blur Effect */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    transition: all 0.3s ease;
}

/* shrink logo */
.scrolled .logo img {
    max-width: 180px;
}

.no-visible {
    visibility: hidden;
}

.hamberger-menu {
    position: absolute;
    right: 20px;
    top: 20px;
}

@media(min-width:768px) {
    .hamberger-menu {
        /* display: none; */
    }
    
}
@media(max-width:983px) {
    .top-bar{display: none;}
    .nav-right-control{width: 100%;}
}
@media(min-width:983px) {
      .hamberger-menu {
         display: none; 
    }
}


@media(max-width:1200px) {
    .custom-navbar .navbar-nav .nav-link {
        font-size: var(--fs-14);
    }

    .navbar-brand.logo img {
        width: 150px
    }
}

@media(max-width:768px) {
    .top-bar {
        display: none;
    }

}

/* common css */
/* common header */

.page-title {
    color: #F8F9FA;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 30px;
}

.page-banner .breadcrumb {
    background: transparent;
    padding-bottom: 4px;
}

.page-banner .breadcrumb-item,
.page-banner .breadcrumb-item a {
    color: #F8F9FA;
    text-decoration: none;
}

.page-banner .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.7);
}


/*slider starts here*/

.hero-carousel .carousel-item {
    height: calc(100vh - 100px);
    position: relative;
}

.hero-carousel .carousel-item img {
    height: 100%;
    object-fit: cover;
    object-position: top right;
}

/* Dark Overlay */
.hero-carousel .carousel-item::before {
    content: "";
    position: absolute;
    height: 105px;

    background: linear-gradient(to bottom, rgba(12, 4, 4, 0) 0%, rgb(0 2 4) 53%, rgb(0 2 4) 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    z-index: 1;
    width: 100%;
    bottom: 0;
}

.custom-caption {
    z-index: 2;
    text-align: left;
    left: 8%;
    right: auto;
    max-width: 650px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    bottom: 0;
}



.custom-caption h2 {
    font-size: var(--fs-68);
    font-family: var(--bs-heading-font-family);
    font-weight: 800;
    text-transform: uppercase;
    line-height: 70px;

}

.custom-caption h2 span {
    display: block;
    color: var(--primary-color);
}

.custom-caption p {
    font-size: var(--fs-22);
    margin-bottom: 5px;
}

.caption-quality p i {
    font-style: normal;
}

.caption-quality p:nth-child(2) i {
    color: var(--primary-color);
}

.hero-btns {
    padding-top: 20px;
}

@media(max-width:768px) {
    .custom-caption {
        left: 4%;
    }

    .custom-caption h2 {
        line-height: 46px;
    }

    .custom-caption p {
        font-size: 16px;
    }

    .inside-container {
        padding: 0px 10px;
    }

    .hero-carousel .carousel-item {
        height: calc(85vh - 100px);
    }
}



/* comon conatiner css */

.inside-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 0px 25px;
}

/*Feature Bar Section */

.stats-outer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 0px 25px;

}

.stats-wrapper {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    overflow: hidden;
    padding: 20px;

}

.stat-item {
    display: flex;
    gap: 8px;
    padding: 0px 12px;
    height: 100%;
}

.stat-item h4 {
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 0px;
}

.stat-item h6 {
    font-size: 16px;
    margin-bottom: 4px;
}

.stat-item p {
    font-size: 14px;
    margin-bottom: 0px;
}

@media(max-width:768px) {
    .custom-caption {
        left: 4%;
    }

    .stat-item {
        padding: 12px;
        align-items: center;
        gap: 15px;
    }

    .stats-outer {
        padding: 10px
    }

    .stat-item {
        text-align: left;
    }
}



/* why choose section */

.why-choose {
    background: #02060b;
}

.section-title .subtitle,
.pg-section-title .pg-subtitle {
    display: block;
    color: #c18a32;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.title-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.pg-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
}

.title-wrap .line,
.pg-title-wrap .line {
    width: 90px;
    height: 1px;
    background: #c18a32;
}

.title-wrap h2 {
    color: #F8F9FA;
    font-size: var(--fs-40);
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
}

.pg-title-wrap h2 {
    font-size: var(--fs-40);
    font-weight: 800;
    text-transform: uppercase;

    line-height: 1;
}

@media (max-width:768px) {

    .title-wrap {
        gap: 15px;
    }

    .title-wrap .line {
        display: none;
    }

    .title-wrap h2 {
        font-size: 36px;
    }
}

.feature-card {
    background: #0b0b0d;
    border-radius: 18px;
    padding: 15px;
    height: 100%;
    text-align: center;
    transition: .3s;
}

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

.feature-card img {
    margin-bottom: 25px;
}

.feature-card h4 {
    font-size: var(--fs-20);
    font-weight: 800;
}


@media(max-width:991px) {

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

    .feature-card {
        padding: 30px 20px;
    }

    .feature-card h4 {
        font-size: 22px;
    }
}


/* Opportunity section */




/* Cards */
.opportunity-card {
    position: relative;
    min-height: 440px;
    border-radius: 20px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.company-driver {
    background-image: url(../img/oppr-one.png);
}

.owner-operator {
    background-image: url(../img/oppr-two.png);
}

/* Dark overlay */
.opportunity-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
            rgba(0, 0, 0, .95) 0%,
            rgba(0, 0, 0, .88) 35%,
            rgba(0, 0, 0, .25) 100%);
}

/* Cards */
.opportunity-card {
    position: relative;
    min-height: 440px;
    border: 1px solid var(--primary-color);
    border-radius: 20px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.opportunity-card .content {
    position: relative;
    z-index: 2;
    padding: 30px;
    max-width: 70%;
}

.opportunity-card h3 {
    color: var(--primary-color);
    font-weight: 800;
    padding-bottom: 20px;
}

.opportunity-card .feature-list li {
    color: #e7e7e7;
    font-size: 20px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.opportunity-card .feature-list li i {
    color: var(--primary-color);
}

@media(max-width:768px) {
    .opportunity-card .content {
        max-width: 100%;
    }

    .inside-container {
        padding-left: 0px;
        padding-right: 0px;
    }
}


/*services-cards starts here*/
/* services-cards starts here */

.services-cards .service-content {
    padding-top: 15px;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.services-cards a {
    color: #F8F9FA;
    text-decoration: none;
}

.services-cards .service-card {
    background-color: #130F0F;
    border: 1px solid #251f1f73;
    padding: 15px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s ease,
        border-color 0.45s ease,
        background-color 0.45s ease;
    text-align: center;
}

/* Smooth Professional Hover */
.services-cards .service-card:hover {

    transform: translateY(-10px);

    background-color: #181313;

    border-color: rgba(255, 255, 255, 0.12);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.25),
        0 25px 60px rgba(0, 0, 0, 0.35);
}

/* Image Animation */
.services-cards .service-img {
    overflow: hidden;
    border-radius: 4px;
}

.services-cards .service-img img {
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.services-cards .service-card:hover .service-img img {
    transform: scale(1.05);
}

.service-action {
    text-align: center;
}

.service-action a {
    padding: 10px 20px;
    border: 1px solid #F8F9FA !important;
    color: #F8F9FA;
    text-decoration: none;
    border-radius: 27px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    transition: all 0.3s ease;
    margin-top: 20px;
}

.service-action a:hover {
    background-color: #F8F9FA;
    color: #000;
}

.services-cards .service-card h3 {
    font-weight: 800;
    font-size: var(--fs-24);
}

.services-cards .service-card:hover h3 {
    color: var(--primary-color);
}




/* footer section starts here */

.footer-section {
    border-top: 1px solid #70707029;
    padding-top: 30px;
}


/* Logo */
.footer-logo img {
    max-width: 280px;
}

.bottom-cotact-links {
    text-align: center;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-cotact-links i {
    border: 1px solid;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 28px;
}


.footer-bottom {
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid #70707029;
    margin-top: 20px;
    opacity: .7;
}


@media(max-width:768px) {
    .bottom-cotact-links {
        flex-wrap: wrap;
    }

    .bottom-cotact-links span {
        padding-bottom: 5px;
    }
}

/* back to top */

/* Back To Top Button */
#backToTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;

    border: none;
    border-radius: 10px;

    background: var(--primary-color);
    color: #000;

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

    font-size: 18px;
    cursor: pointer;

    opacity: 0;
    visibility: hidden;

    transform: translateY(20px);

    transition: all 0.3s ease;

    z-index: 999;
}



/* Show Button */
#backToTop.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Hover */
#backToTop:hover {
    background: var(--primary-color-hover);
}



/* about us page starts here */


.page-banner {
    position: relative;
    background: url('../img/header-image.jpg') center center/cover no-repeat;
    min-height: 150px;
    display: flex;
    align-items: center;
    padding: 40px 0;
}

.page-banner .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

.page-banner .container {
    position: relative;
    z-index: 2;
}

.about-image-wrapper {
    position: relative;
    padding-bottom: 40px;
}

.about-image-wrapper img {
    border-radius: 20px;
}

.experience-box {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #F8F9FA;
    padding: 25px 20px;
    border-radius: 20px;
    text-align: center;
    margin-right: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .15);
}

.experience-box span {
    display: block;
    font-size: 60px;
    font-weight: 800;
    line-height: 1;
    color: #000;

}

.experience-box p {
    margin: 00px 0 0;
    font-weight: 600;
    color: #000;
}



/* bento grids */


.banner-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 200px 200px;
    gap: 12px;
}

/* ── shared photo styles ── */
.photo-cell {
    border-radius: 12px;
    overflow: hidden;
}

.photo-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.photo-cell:hover img {
    transform: scale(1.04);
}

/* col 1 – tall left photo spans both rows */
.photo-left {
    grid-column: 1;
    grid-row: 1 / 3;
}

/* col 2 row 1 – gold deliveries card */
.stat-deliveries {
    grid-column: 2;
    grid-row: 1;
    background-color: var(--primary-color);
    border-radius: 12px;
    padding: 28px 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stat-deliveries .number {
    font-size: 50px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.stat-deliveries .label {
    font-size: var(--fs-24);
    font-weight: 600;
    color: #1a1a1a;
    margin-top: 8px;
}

.stat-deliveries .sub {
    font-size: var(--fs-16);
    color: rgba(0, 0, 0, 0.5);
    margin-top: 4px;
}

/* col 2 row 2 – warehouse / center photo */
.photo-center {
    grid-column: 2;
    grid-row: 2;
}

/* col 3 row 1 – right truck photo */
.photo-right {
    grid-column: 3;
    grid-row: 1;
}

/* col 3 row 2 – on-time stat card */
.stat-ontime {
    grid-column: 2;
    grid-row: 1;
    background-color: #2E2E31;
    border-radius: 12px;
    padding: 28px 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.stat-ontime .number {

    font-size: 50px;
    font-weight: 700;
    line-height: 1;
}

.stat-ontime .label {
    font-size: var(--fs-24);
    font-weight: 600;
    color: #F8F9FA;
    margin-top: 8px;
}

.stat-ontime .sub {
    font-size: var(--fs-16);
    margin-top: 4px;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .banner-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 180px 160px 160px;
    }

    .photo-left {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .stat-deliveries {
        grid-column: 2;
        grid-row: 1;
    }

    .photo-center {
        grid-column: 2;
        grid-row: 2;
    }

    .photo-right {
        grid-column: 1;
        grid-row: 3;
    }

    .stat-ontime {
        grid-column: 2;
        grid-row: 3;
    }
}

@media (max-width: 480px) {
    .banner-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, 180px);
    }

    .photo-left,
    .stat-deliveries,
    .photo-center,
    .photo-right,
    .stat-ontime {
        grid-column: 1;
        grid-row: auto;
    }
}

.about-why .feature-title {
    font-size: var(--fs-20);
    font-weight: 800;
}


/* ── Steps row ── */
.steps-row{
    position: relative;
    background: url('../img/about-step-bg.jpg') center center/cover no-repeat;
    background-attachment: fixed;
}

.steps-row::before{
    content: "";
    position: absolute;
    inset: 0;
    
}

.step-card {
    background-color: #0b0b0d;
    border-radius: 12px;
    padding: 28px 24px 32px;
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.step-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.5);
}

.step-number {
    font-size: 2.6rem;
    font-weight: 800;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 12px;
    letter-spacing: -0.02em;
}

.step-title {
    font-size: 1rem;
    font-weight: 700;
    color: #f8f9fa;
    margin-bottom: 24px;
}

.step-desc {
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.7;
    margin: 0;
}

/* divider line inside card between title and desc */
.step-divider {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    margin: 0 0 20px;
}



/* services page starts here */
.svc-img-wrap {
      border-radius: 14px;
      overflow: hidden;
      height: 400px;
    }
    .svc-img-wrap img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform .5s;
    }
    .svc-img-wrap:hover img { transform: scale(1.04); }

    .svc-desc{font-size: var(--fs-16);}
   
   .feature-list { list-style: none; padding: 0; margin: 0; }
    .feature-list li {
      display: flex; align-items: flex-start; gap: 10px;
      font-size: var(--fs-16); 
      padding: 5px 0;
    }
    
    .feature-list li i { color: var(--primary-color); margin-top: 2px; flex-shrink: 0; }

    /* why strat here */

    .why-card {
      background-color: #0b0b0d;
      border-radius: 14px;
      transition: transform .25s, box-shadow .25s;
    }
    .why-card:hover { transform: translateY(-5px); box-shadow: 0 14px 40px rgba(0,0,0,.5); }
    .why-icon-wrap {
      width: 52px; height: 52px;
      border-radius: 12px;
      background: var(--gold-dim);
      border: 1px solid var(--primary-color);
    }
    .why-icon-wrap i { font-size: 1.3rem; color: var(--primary-color); }
    .why-title{font-size: var(--fs-20); font-weight: 800;}


      #ctaStrip {
      background: url('https://images.unsplash.com/photo-1519003722824-194d4455a60c?w=1400&q=80') center/cover no-repeat;
      position: relative; background-attachment: fixed;
    }

        #ctaStrip::before { content:''; position:absolute; inset:0; background: rgba(8,6,3,.85); }
          #ctaStrip .container { position: relative; z-index: 1; }
          .cta-title{    font-size: var(--fs-40);
    font-weight: 800;    text-transform: uppercase;    line-height: 1;}



    /* contact Us form starts here */

      
    .info-panel, .form-panel{padding: 25px; border-radius: 20px; border: 1px solid #ffffff12; background-color: #0b0b0d  ;}

   .panel-eyebrow, .form-eyebrow {
   
    font-size: 14px;
    font-weight: 700;    
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 6px;
}


.panel-intro , .form-note{
    font-size: 14px;
    color: #cfcfcf;
    line-height: 1.7;
    margin-bottom: 40px;
}


  /* Contact items */
    .contact-item {
      display: flex; align-items: flex-start; gap: 16px;
      margin-bottom: 16px;
    }
    .contact-item:last-of-type { margin-bottom: 0; }
    .ci-icon {
      width: 44px; height: 44px; flex-shrink: 0;
      background: rgba(201,146,42,0.10);
      border: 1px solid var(--gold-bdr);
      border-radius: 3px;
      display: flex; align-items: center; justify-content: center;
      font-size: 17px; color: var(--primary-color);
    }
    .ci-label {
      font-size: 16px; font-weight: 700;
      text-transform: uppercase; color: #818181;
      margin-bottom: 3px; font-weight: 600;
    }

      .ci-value {
      font-size: 15px; color: #D8D8D8;
      line-height: 1.55;
    }
    .ci-value a { color: #D8D8D8; text-decoration: none; transition: color .2s; }
    .ci-value a:hover { color: var(--primary-color); }

    .hours-block {
      border-top: 1px solid #ffffff12;
      padding-top: 32px; margin-top: 16px;
    }


      .hours-row {
      display: flex; justify-content: space-between; align-items: center;
      padding: 9px 0;
      border-bottom: 1px solid rgba(255,255,255,0.05);
      font-size: 13.5px;
    }
    .hours-row:last-child { border-bottom: none; }
    .hours-row .day { color: var(--muted); }
    .hours-row .time { color: #D0D0D0; font-weight: 500; }
    .hours-row .time.closed { color: #4A4A4A; font-style: italic; }
    .hours-today .day { color: var(--primary-color); font-weight: 600; }
    .hours-today .time { color: var(--primary-color); font-weight: 600; }

    .f-label{color: #D0D0D0;}

    
    .form-control, .form-select {
      background: #141414 !important;
      border: 1px solid #2A2A2A !important;
      border-radius: 3px !important;
      color: #E0E0E0 !important;
      font-size: 14px !important;
      padding: 11px 14px !important;
      transition: border-color .2s, box-shadow .2s !important;
    }
    .form-control:focus, .form-select:focus {
      border-color: var(--gold) !important;
      box-shadow: 0 0 0 3px rgba(201,146,42,.12) !important;
      outline: none !important;
    }
    .form-control::placeholder { color: #3A3A3A !important; }
    .form-select option { background: #1A1A1A; }
    textarea.form-control { min-height: 108px; resize: vertical; }

    .map-wrap iframe {
    display: block;
    filter: invert(88%) hue-rotate(180deg) saturate(0.85);
}
 input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(0.5); cursor: pointer; }
.calendar-form{position: relative;}

.calendar-form i{
        position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #444;
    font-size: 14px;
    pointer-events: none;
}

 /* Steps */
    .step-item {
      display: flex; gap: 14px; align-items: flex-start;
      margin-bottom: 28px;
    }
    .step-item:last-child { margin-bottom: 0; }
    .step-num {
      width: 28px; height: 28px; flex-shrink: 0;
      border: 1px solid var(--gold-bdr);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;     
      font-size: 13px; font-weight: 700; color: var(--primary-color);
      background: var(--gold-dim);
    }
    .step-title {     
      font-size: 14.5px; font-weight: 700;
      text-transform: uppercase; color: #DDD;
      letter-spacing: 0.04em; margin-bottom: 2px;
    }
    .step-desc { font-size: 12.5px; color: var(--muted); line-height: 1.55; }



    /* careers starts here  */


     /* File upload states */
    .file-zone {
      border: 1.5px dashed #2A2A2A; border-radius: 3px;
      background: #0F0F0F; padding: 28px 20px;
      text-align: center; cursor: pointer;
      transition: border-color .2s, background .2s; display: block;
    }
    .file-zone:hover, .file-zone.drag-over {
      border-color: var(--primary-color); background: rgba(201,146,42,.04);
    }
    .file-zone.drag-over { border-style: solid; }
    .fz-icon { font-size: 28px; color: var(--primary-color); display: block; margin-bottom: 8px; }
    .fz-t { font-size: 13.5px; color: #999; margin-bottom: 3px; }
    .fz-h { font-size: 11px; color: #444; }

    /* File card */
    .file-card {
      display: flex; align-items: center; gap: 12px;
      background: #141414;
      border: 1px solid #272727;
      border-radius: 3px;
      padding: 11px 14px;
      transition: border-color .2s;
    }
    .file-card:hover { border-color: #3A3A3A; }
    .fc-type-icon {
      width: 38px; height: 38px; border-radius: 3px; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
      font-size: 18px;
    }


    .fa-cloud-arrow-up.fz-icon{margin: 0px auto;}

    .file-preview{    display: flex;
    align-items: center;
    gap: 12px;
    background: rgb(20, 20, 20);
    border: 1px solid rgb(39, 39, 39);
    border-radius: 3px;
    padding: 11px 14px;
    margin-top: 8px;}

   .file-preview .fa-file-arrow-up {font-size: 22px;
    color: var(--primary-color);
    flex-shrink: 0;}
    .file-value{flex: 1; min-width: 0;}
   .file-value p{font-size: 13px;
    color: #D8D8D8;
    font-weight: 500;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
     .file-value{color: #ccc; font-size: 12px;}

    .rem-control{background: none;
    border: none;
    color: #555;
    font-size: 16px;
    cursor: pointer;
    padding: 2px 4px;
    line-height: 1;}

    

    .min-height{min-height: calc(100vh - 100px);}