.bg-brand {
  background-color: #037856;
}

.bg-brand:hover {
  background-color: #82AD37; 
}

.input-style {
  @apply w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand;
}
.brand{
  color: #037856;
}

@keyframes bounceSlow {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

.animate-bounce-slow {
  animation: bounceSlow 2s infinite;
}

#menu-toggle .close-icon { display: none; }
#menu-toggle.open .hamburger-icon { display: none; }
#menu-toggle.open .close-icon { display: inline; }


@media (min-width:768px) and (max-height:800px) {
  .arrow-btn {
    width: 48px;   
    height: 48px;
  }
  .arrow-btn svg {
    width: 100%;
    height: 100%;
  }

  .search-btn {
    width: 36px;   
    height: 36px;
  }
  .search-btn svg {
    width: 100%;
    height: 100%;
  }

  .header-height {
    height: 2.5rem;
  }
  .header-logo {  
    height: 48px;
  }
  .header-logo svg {
    height: 100%;
  }

  .slide-partner {
    height: 3rem;
  }
  .pillar-icons{
    width: 30px;
    height: 30px;
  }
  
}

@media (max-width:768px) and (min-height:800px) {
.header-logo {  
    height: 54px;
  }
}