:root{
    --color-primary: #009189;
    --color-blue:#004E9B;
    --color-light-blue: #BAE4F0;
    --color-orange: #FF6500;
    --color-yellow:#FFD500;
    --color-footer: #003a74;
}

.color-primary{
    color: var(--color-primary) !important;
}
.btn-color-primary{
    background-color: var(--color-blue) !important;
    border-color: var(--color-blue) !important;
    color: white !important;
}
.btn-color-primary:hover{
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.bg-light-blue{
    background-color: var(--color-light-blue) !important;
}

.text-blue{
    color: var(--color-blue) !important;
}
.text-orange{
    color: var(--color-orange) !important;
}
.bg-orange{
    background-color: var(--color-orange) !important;
}

.bg-blue{
    background-color: var(--color-blue) !important;
}

.font-1{
    font-family: "Poppins", sans-serif;    letter-spacing: 1px;
}

.nav-img{
    width: 40px;
}

.logo{
   max-height: 35px;
}

.border-left{
    border-left: 1px solid #000;
}

.bg-red{
    background-color: rgba(var(--bs-primary-rgb), 1) !important;
    color: white !important;
}

.footer{
    background-color: var(--color-footer) !important;
}

.bg-copyright{
    background-color: rgba(15, 15, 15, 0.397) !important;
    color: white !important;
}
.bg-img-header{
    background-image: url(../img/bg-about.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    color: white !important;
}

.footer .logo{
    filter: brightness(0) invert(1);
}

.sliderimg{
    height: 100vh;
    object-fit: cover;
}
@media screen and (max-width: 768px) {
    .sliderimg{
        height: 450px;
        object-fit: cover;
    }
    
}

.bg-about{
    background-image: url(../img/badges/8330.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white !important;
    background-blend-mode: darken;
    background-color: #00000071;
}

.border-left{
    border-left: 2px solid #6a59ff;
    padding: 10px 15px;
    background: #e2e2e2;
}

.anime{
    animation: zoom 10s ease-in-out infinite;
}
@keyframes zoom {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }

.carousel-item {
    transform: scale(1);
    transition: transform 1.5s ease;
  }

  .carousel-item.active {
    transform: scale(1.1); /* Zoom in the active image */
  }

  .img-icons{
    width: 50px;
    height: 50px;
    object-fit: cover;
  }