html {
  font-size: 14px;

}

html, body {
    font-family: 'AMCfont', sans-serif !important;
}

.primarytextcolor {
    color: #8A2332;
}

.primarybgcolor {
    background-color: #8A2332;
}
h2 {
    font-weight: 800;
}
@media (min-width: 768px) {
    html {
        font-size: 16px;
        font-family: 'AMCfont', sans-serif !important;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
  height:100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}


@font-face {
    font-family: 'AMCfont';
    src: url('../fonts/SomarSans-Thin.ttf') format('truetype');
    font-weight: 100; /* Adjust weight as needed */
    font-style: normal;
}

@font-face {
    font-family: 'AMCfont';
    src: url('../fonts/SomarSans-Regular.ttf') format('truetype');
    font-weight: 400; /* Regular weight */
    font-style: normal;
}



@font-face {
    font-family: 'AMCfont';
    src: url('../fonts/SomarSans-SemiBold.ttf') format('truetype');
    font-weight: 500; /* SemiBold weight */
    font-style: normal;
}

@font-face {
    font-family: 'AMCfont';
    src: url('../fonts/SomarSans-ExtraBold.ttf') format('truetype');
    font-weight: 800; /* ExtraBold weight */
    font-style: normal;
}

@font-face {
    font-family: 'AMCfont';
    src: url('../fonts/SomarSans-Black.ttf') format('truetype');
    font-weight: 900; /* Black weight */
    font-style: normal;
}

@font-face {
    font-family: 'AMCfont';
    src: url('../fonts/SomarSans-Bold.ttf') format('truetype');
    font-weight: 700; /* Bold weight */
    font-style: normal;
}

.snackbar {
    position: fixed;
    top: -110px; /* Distance from the top */
    right: 20px; /* Default for LTR */
    left: auto;
    background-color: #323232; /* Snackbar background color */
    color: #fff; /* Text color */
    padding: 16px 24px;
    border-radius: 4px;
    opacity: 0; /* Start hidden */
    transition: opacity 0.3s ease; /* Smooth fade-in */
    z-index:1000;
}

.show {
    animation: slide-left 5s ease-in-out forwards; /* Apply the animation */
    opacity: 1; /* Show the snackbar */
}
@keyframes slide-right {
    0% {
        left: -300px; /* Start off-screen to the right */
    }

    20% {
        left: 20px; /* Move to a bit inside the screen */
    }

    40% {
        left: 3px; /* Overshoot to create a bounce effect */
    }

    60% {
        left: 3px; /* Hold position for a while */
    }

    80% {
        left: 10px; /* Slight adjustment to finalize the bounce */
    }

    100% {
        left: -300px; /* Move out of the screen to the right */
    }
}
@keyframes slide-left {
    0% {
        right: -300px; /* Start off-screen to the right */
    }

    20% {
        right: 20px; /* Move to a bit inside the screen */
    }

    40% {
        right: 3px; /* Overshoot to create a bounce effect */
    }

    60% {
        right: 3px; /* Hold position for a while */
    }

    80% {
        right: 10px; /* Slight adjustment to finalize the bounce */
    }

    100% {
        right: -300px; /* Move out of the screen to the right */
    }
}


@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        visibility: hidden;
    }
}