:root {
    --bd-blue: #003c5e;
    --bs-blue-primary: #133458;
    --bs-blue-secondary: #081d33;
    --bd-blue-rgb: 0, 60, 94;
}

.btn-default {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-blue);
    --bs-btn-border-color: var(--bd-blue);
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(var(--bd-blue-rgb), 0.8);
    --bs-btn-hover-border-color: rgba(var(--bd-blue-rgb), 0.8);
    --bs-btn-focus-shadow-rgb: rgb(var(--bd-blue-rgb));
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgba(var(--bd-blue-rgb));
    --bs-btn-active-border-color: rgba(var(--bd-blue-rgb));
}

.text-blue {
    color: #12557c;
}

.text-green {
    color: #11d1a3;
}

section#home {
    width: 100%;
    position: relative;
    background: rgba(0, 60, 94, 0.5);
}

#home::before {
    top: 0;
    z-index: -999;
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background-image: url("https://twsglobalsystem.com/wp-content/uploads/2023/08/twsbg.jpg");
    background-size: cover;
    background-position: 50% 70%;
}

@keyframes dropdown {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

ul li.dropdown-custom > a ~ ul.dropdown-custom-list {
    background: #EFC94C;
    display: none;
    padding: 1rem 0;
}

ul.dropdown-custom-list li {
  padding: 12px 25px;
}

li.dropdown-custom:hover .dropdown-custom-list {
    display: block;
    animation: dropdown .5s;
}