body {
  overflow-x: hidden;
}

#top-bar__logo{
    width: 250px !important;
    height: 38px !important;
    background-size: 100% !important;
    margin-right: 50px !important;
}

.slider-text{
    font-size: 100px !important;
    color: white !important;
    text-transform: uppercase !important;
}

.float-right{
    float: right;
}

#footer .site-logo{
    height: 51px !important;
}

.text-brown{
    color: #805808;
}

.text-yellow{
    color: #ffb00f;
}

.counter__item__ico--1:before, .counter__item__ico--2:before, .counter__item__ico--3:before, .counter__item__ico--4:before{
    width: 80px !important;
    height: 80px !important;
}

.custom-btn-bg{
    background-color: #ffb00f !important;
    color: #504935 !important;
}

.custom-btn-bg:hover{
 
    background-color: transparent !important;
    border-color: #ffb00f !important;
    color: #504935 !important;
}

.docs-table table{
    width: 100% !important;
}

.docs-table table tr{
    border-bottom: 1px solid #e6e6e6;
}

.docs-table table tbody td{
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 1.6rem;
    color: #333;
}

.docs-table table thead td{
    font-weight: 900 !important;
    line-height: 1.2;
    font-size: 1.8rem !important;
    padding-bottom: 8px;
    color: #333;
}

.docs-table table tbody td i{
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    font-size: 2.2rem;
    margin: -7px 4px -6px 4px;
}


.table-margin{
    margin-bottom: 70px;
}



.docs-table{
    border: 1px solid #e6e6e6;
    padding: 10px;
    background-color: white;
    
}

.product-single .tab-nav a.active {
    border-color: #ffb00f !important;
}

.contact__item p{
    text-align: center !important;
}

.contact__item__title{
    text-align: center !important;
}

.contact__item i{
    font-size: 30px !important;
    text-align: center !important;
    color: #ffb00f !important;
}


/* Slick Slider */

.slick-slide {
    margin: 0px 20px;
  }
  
  .logo-carousel {
    overflow: inherit;
    
  }
  
  .slick-slide img {
    width: 100%;
  }
  
  .slick-track::before,
  .slick-track::after {
    display: table;
    content: '';
  }
  
  .slick-track::after {
    clear: both;
  }
  
  .slick-track {
    padding: 1rem 0;
  }
  
  .slick-loading .slick-track {
    visibility: hidden;
  }
  
  .slick-slide.dragging img {
    pointer-events: none;
  }
  
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  
  .slick-arrow {
    position: absolute;
    top: 50%;
    background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;
    color: #ffb00f !important;
    filter: invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);
    border: none;
    width: 3rem;
    height: 1.5rem;
    text-indent: -10000px;
   
    z-index: 99;
  }
  
  .slick-arrow.slick-next {
    right: -40px;
    transform: rotate(180deg);
    color: #ffb00f !important;
  }
  
  .slick-arrow.slick-prev {
    left: -40px;
  }
  
  /* Media Queries */
  
  @media (max-width: 768px) {
    .slick-arrow {
      width: 1rem;
      height: 1rem;
    }
  } 

  .career-form-div{
    margin: 0 auto !important;
  }

  /* career form */

.career-form input, .career-form select, .career-form textarea{
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.career-form{
  background-color: white !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;  
  padding: 20px;
}

.career-form .input-wrp small{
  padding-left: 10px !important;
}


.career-form i{
  color: #9f9f9f !important;
  right: 10px !important;
  font-size: 1.4rem !important;
}

.open-position{
  background-color: white !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;  
  text-align: center;
  padding: 20px;
  margin-bottom: 40px;
}

#btn-to-top{
  background-color: #ffb00f !important;
}

.gallery__item{
  border: 1px solid #ffefcf !important;
}



.landing-form {
    position: absolute;
    top: 20%;
    right: 0;
    z-index: 1000;
    width: 100%;
    background: white;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}


/* Announcement Card */
.announcement-card {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid #e5e5e5;
  border-radius: 0.5rem;      /* 8px */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  max-width: 480px;
  text-align: left;
}

.announcement-card h2 {
  font-size: 5rem;      /* 8px */
  color: #333333;
}

.announcement-card p {
       /* 16px */
  color: #555555;
}

/* Small Secondary Button */
.custom-btn.small.secondary {
  display: inline-block;
  padding: 0.4rem 1rem;       /* 6px 16px */
  font-size: 0.875rem;        /* 14px */
  color: #ffffff;
  background-color: #6c757d;  /* gray secondary color */
  border: none;
  border-radius: 0.25rem;     /* 4px */
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.custom-btn.small.secondary:hover {
  background-color: #5a6268;
}

/* Announcement Card tweaks */
.announcement-card .logo {
  max-width: 200px;
  display: block;
}

/* Info row */
.info-row {
  margin-top: 1rem;
  font-size: 1.8rem;
  color: #555555;
}

.info-row i {
  font-size: 2rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}

/* Calendar icon color (default) */
.icon-calendar {
  color: #333333;
}

/* Location icon in red */
.icon-location {
  color: #e74c3c;
}

/* Text next to icons */
.info-text {
  vertical-align: middle;
}
