/*
 * Header
 */
.navbar {
  background-image: linear-gradient(
    to right,
    #f4d822,
    #f4dc28,
    #f4e02e,
    #f4e334,
    #f4e739,
    #f6e948,
    #f7ea55,
    #f9ec61,
    #fcec76,
    #feed89,
    #ffee9c,
    #ffefaf
  );
}
.nav-masthead .nav-link {
  padding: 0.1rem 0;
  margin: 1.9rem 0;
  font-weight: 700;
  color: rgb(83, 71, 3) !important;
  background-color: transparent;
  border-bottom: 0.25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(43, 35, 1, 0.25);
}
.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}
.nav-masthead .active {
  font-weight: 900;
  color: rgb(14, 10, 1) !important;
  border-bottom-color: rgb(7, 7, 0) !important;
}

.nav-masthead .faw-icon {
  color: #000 !important;
}
.logo {
  height: 40px;
}

/* test what we can ship*/
* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* 
----------------------------------------------------- 
* Section-Hero
*/
.hero {
  position: relative;
  width: 100%;
  height: 70vh;
  overflow: hidden;
}
.hero-img {
  display: block;
  top: -50px;
  width: 100%;
  height: 78vh;
  animation: dvgHero 30s infinite alternate ease-in-out;
  transition: 0ms;
}
.hero-row {
  height: 78vh;
}
.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 78vh;
  background-color: rgba(19, 16, 1, 0.65);
  color: #fff;
}
@keyframes dvgHero {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(2);
  }
}

.icon {
  height: 5rem;
  width: 5rem;
  /* font-size: 2rem; */
  border-radius: 2rem;
  /* border-radius: 100%; */
  box-shadow: rgb(14, 10, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.we-do {
  list-style: none;
}
.we-do li {
  padding-left: 2rem;
  background-image: url(../img/check.svg);
  fill: #f4d822;
  background-repeat: no-repeat;
  line-height: 1.5rem;
  margin-bottom: 0.3rem;
}
.btn-yellow {
  background-color: #f4d822;
  color: #000;
}
.overlay-container {
  position: relative;
  width: 100%;
  height: 70vh;
  overflow: hidden;
}
.overlay-img {
  width: 100%;
  height: 100%;
}
.overlay-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(37, 32, 2, 0.7);
  color: #fff;
}
/* About -------------------------------------- */
.intro-img {
  width: 100%;
  height: 500px;
}
.pages-intro {
  top: 55px;
  width: 100%;
  height: 316px;
  background-image: url(../img/header_bg-min.jpg);
  /* background-position: ce; */
  background-repeat: no-repeat;
  background-size: cover;
}
.page-overlay {
  background: rgba(240, 208, 4, 0.89);
  height: 316px;
}
.qoute {
  font-family: "Times New Roman", Times, serif;
}
.team-icon {
  height: 8rem;
  width: 8rem;
  /* font-size: 2rem; */
  border-radius: 2rem;
  /* border-radius: 100%; */
  box-shadow: rgb(14, 10, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.gradient {
  background-image: linear-gradient(
    to right,
    #f4d822,
    #f4dc28,
    #f6e948,
    #f7ea55,
    #fae675,
    #fde983,
    #fce99d
  );
}
.bg-yellow {
  background-color: #f4d822;
}
.bg-light-yellow {
  background-color: #f8fabf;
}
.text-yellow {
  color: #f4d822;
}
.text-yellow-title,
.divider {
  color: #f0b913;
}
.title-text-b {
  color: #333537;
}
.divider-1 {
  width: 15%;
  margin-bottom: 30px;
  margin-left: 40%;
  height: 120px;
  background-image: linear-gradient(to right, #1e1f01 33%, #75590428 0%);
  background-position: bottom;
  background-size: 4px 2px;
  background-repeat: repeat-x;
}
.inner-1 {
  width: 32%;
  border-bottom: 10px dotted #f0b913;
  height: 124px;
  margin-bottom: 50px;
  margin-left: 34%;
}
.divider-2 {
  width: 15%;
  margin-bottom: 30px;
  margin-left: 40%;
  height: 120px;
  background-image: linear-gradient(to right, #1e1f01 33%, #75590428 0%);
  background-position: bottom;
  background-size: 4px 2px;
  background-repeat: repeat-x;
}
.inner-2 {
  width: 32%;
  border-bottom: 10px dotted #f0b913;
  height: 124px;
  margin-bottom: 50px;
  margin-left: 34%;
}
.reveal {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: all 2s ease;
}
.reveal.active {
  transform: translateY(0px);
  opacity: 1;
}

.icon-bar {
  position: fixed;
  z-index: 100;
  right: 0px;
  top: 90%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  font-size: 30px;
  text-align: center;
  padding-left: 7.5px;
  padding-right: 7.5px;
  transition: all 0.3s ease;
  color: white;
}

.icon-bar a:hover {
  color: #000;
}

.whatsapp {
  background: #02ff31;
  color: white;
}

.footer-color {
  background: #000;
}

/* .bg-light {
  display: flex;
  /* align-items: center;
  justify-content: space-around; */

/* .carousel .item {
  width: 500px;
  height: 450px;
}

.item img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 400px;
} */

.carousel {
  width: 800px;
  margin: 20px auto;
  background-color: #f4d822;
  /* padding: 32px; */
  /* padding-left: 86px; */
  /* padding-right: 48px; */
  padding: 32px 48px 32px 86px;

  border-radius: 8px;
  position: relative;

  display: flex;
  align-items: center;
  gap: 0;
}

.item-img {
  height: auto;
  border-radius: 8px;
  transform: scale(11.5rem);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
}

.testimonial-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 32px;
  color: #e6fcf5;
  align-items: center;
}

.testimonial-author {
  font-size: 14px;
  margin-bottom: 4px;
  color: #c3fae8;
  align-items: center;
}

.advert {
  color: #928214;
}