html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.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%;
}

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;
}


/* Spin animation */
@-webkit-keyframes hero-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes hero-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.hero-animation-spin {
    -webkit-animation: hero-spin 35s linear infinite;
    animation: hero-spin 35s linear infinite;
}

/* Fade animation */
@-webkit-keyframes hero-fade {
    0%, 100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes hero-fade {
    0%, 100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.hero-animation-fade {
    -webkit-animation: hero-fade 4s ease-in infinite;
    animation: hero-fade 4s ease-in infinite;
}

.hero-animation-delay-1,
.hero-animation-delay-2,
.hero-animation-delay-3 {
    opacity: 0;
}

.hero-animation-delay-1 {
    animation-delay: .75s;
}

.hero-animation-delay-2 {
    animation-delay: 1.5s;
}

.hero-animation-delay-3 {
    animation-delay: 2s;
}



.skiptranslate {
    display: none !important;
}

body {
    top: 0 !important;
}


.btn-lang {
    padding:0px !important;
    border:none !important;
}

@media (max-width: 991.98px) {

    .offcanvas .dropdown-menu {
        position: static !important;
        transform: none !important;
        float: none;
        width: 100%;
        margin: 0.25rem 0 0 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        padding-left: 1rem;
    }

    .offcanvas .dropdown-item {
        color: #fff;
    }

        .offcanvas .dropdown-item:hover {
            background: rgba(255,255,255,0.1);
        }
}