body {
    background-color: #000000;
    
    
    font-family: Arial, helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    
    background-color: #000000;
}

body.frontend-dynamic-layout {
}

.register-submit-btn {
    --bs-btn-bg: #af2db5;
    --bs-btn-hover-bg: #af2db5;
    --bs-btn-border-color: #af2db5;
    --bs-btn-hover-border-color: #af2db5;
    --bs-btn-color: #ffffff;
}


#language {
    background-color: rgb(0,0,0);
    font-family: Arial, helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #ffffff !important;
}

#language .breadcrumb-item, 
#language .breadcrumb-item a {
    font-family: Arial, helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #ffffff !important;
    text-decoration: none;
}


header {
    background-color: #000000;
}
.navbar-brand {
    color: #ffffff !important;
    font-family: Arial, helvetica, sans-serif !important;
    font-size: 12px !important;
}

#menu {
    background-color: #000000;
}

.nav-link {
    font-family: Arial, helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #ffffff !important;
    text-decoration: none;
}

#banner {
    background-color: #000000;
    font-family: Arial, helvetica, sans-serif !important;
    font-size: 14px !important;
    color: #ffffff !important;
}

#content {    
    background-color: #000000;
    font-family: Arial, helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #ffffff !important;
}

footer {
    font-family: Arial, helvetica, sans-serif !important;
    font-size: 16px !important;
    color: #000000 !important;
}

.boxed-layout {
    width: 1460px !important;
}
#body-wrapper{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
    padding: 0 !important;
    border-width: 5px !important;
    --bs-border-opacity: 1;
  /*  border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important;
    border: 7px var(--bs-border-style) #fafcfd !important;cc */
}

.top-navbar {
        background: #ffa500; /* orange gradient */
        height:72px;
        font-family: Arial, sans-serif;
        font-size:0.75rem;
        font-weight: bold !important;
        letter-spacing: 0.5px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .top-navbar .navbar-brand img {
            max-height: 34px;
    }

    .top-navbar .navbar-nav .nav-link {
        color: #000 !important;
        text-transform: uppercase;
        font-size: 14px;
        padding: 1rem 1rem;
        position: relative;
        transition: color 0.3s ease;
    }

    /* Hover underline effect like continentaltire.com */
    .top-navbar .navbar-nav .nav-link::before {
        content: "";
        position: absolute;
        bottom: 8px;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: #000;
        transition: width 0.3s ease, left 0.3s ease;
    }

    .top-navbar .navbar-nav .nav-link:hover::before,
    .top-navbar .navbar-nav .nav-link:focus::before {
        width: 100%;
        left: 0;
    }

    .top-navbar .navbar-nav .nav-link:hover,
    .top-navbar .navbar-nav .nav-link:focus {
        color: #000;
    }
/*
.navbar .navbar-brand,
.navbar .nav-link,
.navbar .btn {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  height: 100%; /* make them fill parent height */
}*/

    /* Dropdown styles */
     .dropdown-menu {
    background-color: #000000 !important;
    color: #fff !important;
    opacity: 0;
    transform: translateY(0.5rem);
    transition: opacity 0.3s ease, transform 0.3s ease;
    /* pointer-events: none; */
   /* visibility: hidden; */
  }

.dropdown-menu.show {
 background-color: #000000 !important;
 color: #fff !important;
}
 .dropdown-menu .dropdown-item {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
    }
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
  background-color: #000000 !important; /* or match your design */
  color: #fff !important;
}

    .dropdown-menu .dropdown-item:hover {
        background-color: #000000;
        color: #fff;
    }
  .dropdown.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
.navbar-toggler {
    font-size: unset !important;
    margin-right: 5px;
margin-bottom: 10px;
}
.overlay-text-desktop {
  position: relative;
  z-index: 2; /* Ensure text appears above the gradient overlay */
  font-size: 1.5rem;
}

    @media (max-width: 768px) {
        .top-navbar .navbar-collapse {
            background-color: #fca800;
        }
        .top-navbar .navbar-brand img {
             margin-top: -8px;
         }
         /*img.register-page {
               display: none !important;
          }*/
          .banner-text{
                padding-top: 25px;
           }

    }

@media (max-width: 991.98px) {
  .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}

@media screen and (max-width: 1024px) {
    .top-navbar {
      height: 48px;
     }
    .top-navbar .navbar-brand img  {
        width: 134px;
        height: auto;
    }
}

@media (max-width: 1459px) {
    .boxed-layout { width: 100% !important; }
    .boxed-layout footer { width: 100% !important; }
    .boxed-layout .sticky { width: 90% !important; }
    .sticky + .contents { padding-top: 125px !important; }
}
.navbar-toggler-icon { background-color: #ffffff !important; }
.bg-grey { background-color: rgb(150, 150, 150) !important; }
.navbar-toggler{ color: #ffffff !important;background-color: #ffffff !important; }
/* .navbar .navbar-nav .nav-link.active { color: #ffa500 !important }
.navbar .navbar-nav .nav-link:hover, .dropdown-item:hover { color: #ffa500 !important; } */
.text-orange { color: #ffa500 !important; }
.bg-orange { background: #fcb034 !important; }
.bg-grey { background-color: rgb(150, 150, 150) !important; }


.ptb { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.mtb-3{margin: 0.83rem !important;}

.text-white-75 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,.8)!important;
}

a { text-decoration: none; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { color: #000000; }
.fs-a { font-size: 1.173rem !important }
.fs-b { font-size: 1.02rem !important }
.dropdown-item {font-size:13px; }
.nav-logo { width: 28.5% !important; }

.register-button {
  background-color: #737373;
    border: 2px solid #737373;
    border-radius: 5px;
    color: #ffa500;
    display: inline-block;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    font-weight: 550;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 6px 18px;
    transition: 0.35s;
    max-width: 100%;
    word-wrap: break-word;
    white-space: normal;
}

/* Medium screens (tablets) */
@media (max-width: 991.98px) {
  .register-button {
    font-size: 1.8em;
    padding: 14px 30px;
  }
}

/* Small screens (phones) */
@media (max-width: 575.98px) {
.navbar-toggler {
font-size: unset !important;
}
  .register-button {
    font-size: 1.4em;
    padding: 12px 24px;
    width: 100%;
  }
}

.register-button-fres {
  padding: 16px 15px;
}
.register-button:hover {
  color: #fff;
}

/*.image-text-overlay {
    position: relative;
    display: inline-block;
    width: 100%;
  }*/

/*.image-text-overlay::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  z-index: 1;
}*/

.overlay-text-desktop {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    text-shadow: 1px 1px 2px black;
    z-index: 2;
    margin: 0;
    white-space: normal;
    word-break: break-word;
    width: 90%;
    max-width: 700px;
    font-size: clamp(1rem, 2vw, 1.5rem); /*  Automatically scales */
  }

  /*.image-text-overlay img {
    width: 100%;
    height: auto;
    display: block;
  }*/

 @media (min-width: 768px) {
  .image-text-overlay {
    position: relative;
  }

.overlay-text-desktop {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    text-shadow: 1px 1px 2px black;
    z-index: 2;
    margin: 0;
    white-space: normal;
    word-break: break-word;
    width: 90%;
    max-width: 700px;
    font-size: clamp(1rem, 2vw, 1.5rem);
  }
}

#registerBtn{
  max-width: 70%;   /* default for small screens */
  height: auto;     /* keep aspect ratio */
}

@media (min-width: 768px) {
  #registerBtn{
    max-width: 40%;  /* full width for md and up */
  }
}

.roadside-section {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000;   /* fills gap if image aspect ratio ≠ screen */
}

#bannerImg {
  width: 100%;        /* always span full width */
  height: 58vh;       /* lock height */
  object-fit: contain; /* show full image, no cropping */
  display: block;
}

    header .nav li a:hover,
    header .nav li a:focus,
    header .nav li.active a,
    header .nav li.active a:hover,
    header .nav li a.dropdown-toggle:hover,
    header .nav li a.dropdown-toggle:focus,
    header .nav li.active ul.dropdown-menu li a:hover,
    header .nav li.active ul.dropdown-menu li.active a {
        color: var(--menu_text_color);
    }

.csp-inline-style-fdc6f290a231 { --bs-breadcrumb-divider: '|'; }
.csp-inline-style-fae3b58e5f81 { height:100%; }
.csp-inline-style-e933ce6b4693 { height:34px; }
.csp-inline-style-ce48a17b021c { letter-spacing: 0.6px;word-spacing: 0.2em; }
.csp-inline-style-2b89f69420e5 { padding-right: 0; }
.csp-inline-style-80e0d7224334 { text-align: justify;font-size:10px; }
.csp-inline-style-cc68f05c6cd9 { height:auto; /*border-radius:11px;*/; }
.csp-inline-style-86cfe2ca870a { text-align: justify; }
.csp-inline-style-f2892a2e8ac7 { display: none; }
.csp-inline-style-8b4ec9c0dfe5 { background-image: '{!! url(asset($asset_url.'/Continental_Replacement_Tire_Roll.png')) !!}'; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; }
.csp-inline-style-73abc6d7b89b { list-style-type: disc; }
.csp-inline-style-61ed69f70713 { list-style-type: circle; }