@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

body {
    font-family: "Josefin Sans", sans-serif;
      /* background-image: url(/assets/images/hero-bg.png), url('/assets/images/hero-bg1.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; */
    /* background: var(--color-primary);
    color: var(--color-secondary) ; */
}

:root {
    --color-primary: #094E75;
    /* --color-secondary: #212529; */
  }

h2{
    color: var(--color-primary);
}

footer{
    background: var(--color-primary);
    color: #ffffff;
}

.logo-slider {
    display: flex;
    width: 100%;
}

.logo-track {
    display: flex;
    gap: 2rem; /* Space between logos */
    animation: scroll 10s linear infinite;
    min-width: 400%; /* Ensures duplicated logos fill space */
}



@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media only screen and (max-width: 600px) {
    .logo-track {
        display: flex;
        gap: 2rem; /* Space between logos */
        animation: scroll 15s linear infinite;
        min-width: 1500%; /* Ensures duplicated logos fill space */
    }
  }