@charset "UTF-8";
/* CSS Document */
.navbar-shadow {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.3s ease;
}

.navbar-dark .navbar-nav .nav-link {
  color: #FFB000!important;
  transition: color 0.2s ease-in-out;
  text-transform: uppercase;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.5)!important;
}

.navbar-dark .navbar-nav .nav-link:active {
  color: #FFFFFF!important;
}

.element:active {
     color:  #808080!important;
}

a {
    color: #E89912;
    background-color: transparent;
    text-decoration: none!important;
}

.product-container {
    border: 1px #808080 solid;
    padding: 40px;
}


 html, body, h1, h2, h3, h4, h5, h6, p, a, li, td, th, span {
    font-family: 'Roboto', sans-serif !important;
  }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color:#fdaf2a!important;
}

h3 {
    font-size: 1.1rem!important;
}

.timeline {
    padding: 10px;
 
}

.product-feature-box {
    background-color: #343a40;
    padding: 2rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.product-feature-box.homebox {
  display: flex;
  flex-direction: column;
  align-items: center;        /* Horizontal centering */
  justify-content: center;    /* Optional: vertical centering */
  text-align: center;
  padding: 20px;
}

.homebox li {
    list-style: none;
}

.card {
    background-color: #343a40!important;
}

footer {
    font-size: 13px!important;
}


/*Global*/

/*Mobile*/
@media only screen and (max-width: 767px) {
    .navbar-brand {
    font-size: 14px!important;
}
    
    h1 {
    font-size: 1.3rem!important;
}
    h2 {
    font-size: 1.2rem!important;
    color: #FFB000;
}
    
    h3 {
    font-size: 1rem!important;
}
}

/*Tablet*/
@media only screen and (min-width: 768px) {
        h1 {
    font-size: 2rem!important;
}
     h2 {
    font-size: 1.75rem!important;
    color: #FFB000;
}
        h3 {
    font-size: 1rem!important;
}
}


/*Desktop*/
  @media (min-width: 992px) {
    .container.narrow-desktop {
      max-width: 63%;
        margin: auto;
    }
      
      .inside-text {
    padding: 0px 40px 0px 40px
}
       h1 {
    font-size: 2.5rem!important;
}
        h2 {
    font-size: 2rem!important;
    color: #FFB000;
}
          h3 {
    font-size: 1rem!important;
}
  }

/*Extra Large Desktop*/
@media only screen and (min-width: 1200px){
      h1 {
    font-size: 2.5rem!important;
}
      h2 {
    font-size: 2rem!important;
    color: #FFB000;
}
        h3 {
    font-size: 1.5rem!important;
}
    
    
}