body {
    font-family: Poppins, Helvetica, "sans-serif" !important;
}
    .bgi-no-repeat {
    background-repeat: no-repeat
}

.bgi-position-y-top {
    background-position-y: top
}

.bgi-position-y-bottom {
    background-position-y: bottom
}

.bgi-position-y-center {
    background-position-y: center
}

.bgi-position-x-start {
    background-position-x: left
}

.bgi-position-x-end {
    background-position-x: right
}

.bgi-position-x-center {
    background-position-x: center
}

.bgi-position-top {
    background-position: 0 top
}

.bgi-position-bottom {
    background-position: 0 bottom
}

.bgi-position-center {
    background-position: center
}

.bgi-size-auto {
    background-size: auto
}

.bgi-size-cover {
    background-size: cover
}

.bgi-size-contain {
    background-size: contain
}

.bgi-attachment-fixed {
    background-attachment: fixed
}

.bgi-attachment-scroll {
    background-attachment: scroll
}
.form-check .form-check-input {
    float: none !important;
    margin-left: -1.5em;
}
.form-check-input:checked {
    background-color: white !important;
    border-color: white !important;
}
.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

/*.mt-3 {
    margin-top: .75rem !important
}*/

.mt-4 {
    margin-top: 1rem !important
}

/*.mt-5 {
    margin-top: 1.25rem !important
}*/

.mt-6 {
    margin-top: 1.5rem !important
}

.mt-7 {
    margin-top: 1.75rem !important
}

.mt-8 {
    margin-top: 2rem !important
}

.mt-9 {
    margin-top: 2.25rem !important
}

.mt-10 {
    margin-top: 2.5rem !important
}

.mt-11 {
    margin-top: 2.75rem !important
}

.mt-12 {
    margin-top: 3rem !important
}

.mt-13 {
    margin-top: 3.25rem !important
}

.mt-14 {
    margin-top: 3.5rem !important
}

.mt-15 {
    margin-top: 3.75rem !important
}

.mt-16 {
    margin-top: 4rem !important
}

.mt-17 {
    margin-top: 4.25rem !important
}

.mt-18 {
    margin-top: 4.5rem !important
}

.mt-19 {
    margin-top: 4.75rem !important
}
.d-flex {
    display: flex !important
}
.flex-end {
    justify-content: flex-end;
    align-items: flex-end
}
.justify-content-md-start {
    justify-content: flex-start !important
}
.btn.btn-secondary {
    color: white;
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary)
}

    .btn.btn-secondary .svg-icon, .btn.btn-secondary i {
        color: var(--bs-secondary-inverse)
    }

    .btn.btn-secondary.dropdown-toggle:after {
        color: var(--bs-secondary-inverse)
    }

    .btn-check:active + .btn.btn-secondary, .btn-check:checked + .btn.btn-secondary, .btn.btn-secondary.active, .btn.btn-secondary.show, .btn.btn-secondary:active:not(.btn-active), .btn.btn-secondary:focus:not(.btn-active), .btn.btn-secondary:hover:not(.btn-active), .show > .btn.btn-secondary {
        color: var(--bs-secondary-inverse);
        border-color: var(--bs-secondary-active);
        background-color: var(--bs-secondary-active) !important
    }

        .btn-check:active + .btn.btn-secondary .svg-icon, .btn-check:active + .btn.btn-secondary i, .btn-check:checked + .btn.btn-secondary .svg-icon, .btn-check:checked + .btn.btn-secondary i, .btn.btn-secondary.active .svg-icon, .btn.btn-secondary.active i, .btn.btn-secondary.show .svg-icon, .btn.btn-secondary.show i, .btn.btn-secondary:active:not(.btn-active) .svg-icon, .btn.btn-secondary:active:not(.btn-active) i, .btn.btn-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-secondary:focus:not(.btn-active) i, .btn.btn-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-secondary:hover:not(.btn-active) i, .show > .btn.btn-secondary .svg-icon, .show > .btn.btn-secondary i {
            color: var(--bs-secondary-inverse)
        }

        .btn-check:active + .btn.btn-secondary.dropdown-toggle:after, .btn-check:checked + .btn.btn-secondary.dropdown-toggle:after, .btn.btn-secondary.active.dropdown-toggle:after, .btn.btn-secondary.show.dropdown-toggle:after, .btn.btn-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-secondary:hover:not(.btn-active).dropdown-toggle:after, .show > .btn.btn-secondary.dropdown-toggle:after {
            color: var(--bs-secondary-inverse)
        }

.btn.btn-light-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-light);
    background-color: var(--bs-secondary-light)
}

    .btn.btn-light-secondary .svg-icon, .btn.btn-light-secondary i {
        color: var(--bs-secondary-inverse)
    }

    .btn.btn-light-secondary.dropdown-toggle:after {
        color: var(--bs-secondary-inverse)
    }

    .btn-check:active + .btn.btn-light-secondary, .btn-check:checked + .btn.btn-light-secondary, .btn.btn-light-secondary.active, .btn.btn-light-secondary.show, .btn.btn-light-secondary:active:not(.btn-active), .btn.btn-light-secondary:focus:not(.btn-active), .btn.btn-light-secondary:hover:not(.btn-active), .show > .btn.btn-light-secondary {
        color: var(--bs-secondary-inverse);
        border-color: var(--bs-secondary);
        background-color: var(--bs-secondary) !important
    }

        .btn-check:active + .btn.btn-light-secondary .svg-icon, .btn-check:active + .btn.btn-light-secondary i, .btn-check:checked + .btn.btn-light-secondary .svg-icon, .btn-check:checked + .btn.btn-light-secondary i, .btn.btn-light-secondary.active .svg-icon, .btn.btn-light-secondary.active i, .btn.btn-light-secondary.show .svg-icon, .btn.btn-light-secondary.show i, .btn.btn-light-secondary:active:not(.btn-active) .svg-icon, .btn.btn-light-secondary:active:not(.btn-active) i, .btn.btn-light-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-light-secondary:focus:not(.btn-active) i, .btn.btn-light-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-light-secondary:hover:not(.btn-active) i, .show > .btn.btn-light-secondary .svg-icon, .show > .btn.btn-light-secondary i {
            color: var(--bs-secondary-inverse)
        }

        .btn-check:active + .btn.btn-light-secondary.dropdown-toggle:after, .btn-check:checked + .btn.btn-light-secondary.dropdown-toggle:after, .btn.btn-light-secondary.active.dropdown-toggle:after, .btn.btn-light-secondary.show.dropdown-toggle:after, .btn.btn-light-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-secondary:hover:not(.btn-active).dropdown-toggle:after, .show > .btn.btn-light-secondary.dropdown-toggle:after {
            color: var(--bs-secondary-inverse)
        }

.btn.btn-bg-secondary {
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary)
}

.btn-check:active + .btn.btn-active-secondary, .btn-check:checked + .btn.btn-active-secondary, .btn.btn-active-secondary.active, .btn.btn-active-secondary.show, .btn.btn-active-secondary:active:not(.btn-active), .btn.btn-active-secondary:focus:not(.btn-active), .btn.btn-active-secondary:hover:not(.btn-active), .show > .btn.btn-active-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary) !important
}

    .btn-check:active + .btn.btn-active-secondary .svg-icon, .btn-check:active + .btn.btn-active-secondary i, .btn-check:checked + .btn.btn-active-secondary .svg-icon, .btn-check:checked + .btn.btn-active-secondary i, .btn.btn-active-secondary.active .svg-icon, .btn.btn-active-secondary.active i, .btn.btn-active-secondary.show .svg-icon, .btn.btn-active-secondary.show i, .btn.btn-active-secondary:active:not(.btn-active) .svg-icon, .btn.btn-active-secondary:active:not(.btn-active) i, .btn.btn-active-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-active-secondary:focus:not(.btn-active) i, .btn.btn-active-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-active-secondary:hover:not(.btn-active) i, .show > .btn.btn-active-secondary .svg-icon, .show > .btn.btn-active-secondary i {
        color: var(--bs-secondary-inverse)
    }

    .btn-check:active + .btn.btn-active-secondary.dropdown-toggle:after, .btn-check:checked + .btn.btn-active-secondary.dropdown-toggle:after, .btn.btn-active-secondary.active.dropdown-toggle:after, .btn.btn-active-secondary.show.dropdown-toggle:after, .btn.btn-active-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-secondary:hover:not(.btn-active).dropdown-toggle:after, .show > .btn.btn-active-secondary.dropdown-toggle:after {
        color: var(--bs-secondary-inverse)
    }

.btn-check:active + .btn.btn-active-light-secondary, .btn-check:checked + .btn.btn-active-light-secondary, .btn.btn-active-light-secondary.active, .btn.btn-active-light-secondary.show, .btn.btn-active-light-secondary:active:not(.btn-active), .btn.btn-active-light-secondary:focus:not(.btn-active), .btn.btn-active-light-secondary:hover:not(.btn-active), .show > .btn.btn-active-light-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-light);
    background-color: var(--bs-secondary-light) !important
}

    .btn-check:active + .btn.btn-active-light-secondary .svg-icon, .btn-check:active + .btn.btn-active-light-secondary i, .btn-check:checked + .btn.btn-active-light-secondary .svg-icon, .btn-check:checked + .btn.btn-active-light-secondary i, .btn.btn-active-light-secondary.active .svg-icon, .btn.btn-active-light-secondary.active i, .btn.btn-active-light-secondary.show .svg-icon, .btn.btn-active-light-secondary.show i, .btn.btn-active-light-secondary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-secondary:active:not(.btn-active) i, .btn.btn-active-light-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-secondary:focus:not(.btn-active) i, .btn.btn-active-light-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-secondary:hover:not(.btn-active) i, .show > .btn.btn-active-light-secondary .svg-icon, .show > .btn.btn-active-light-secondary i {
        color: var(--bs-secondary-inverse)
    }

    .btn-check:active + .btn.btn-active-light-secondary.dropdown-toggle:after, .btn-check:checked + .btn.btn-active-light-secondary.dropdown-toggle:after, .btn.btn-active-light-secondary.active.dropdown-toggle:after, .btn.btn-active-light-secondary.show.dropdown-toggle:after, .btn.btn-active-light-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-secondary:hover:not(.btn-active).dropdown-toggle:after, .show > .btn.btn-active-light-secondary.dropdown-toggle:after {
        color: var(--bs-secondary-inverse)
    }

.btn.btn-outline.btn-outline-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-inverse);
    background-color: transparent
}

    .btn.btn-outline.btn-outline-secondary .svg-icon, .btn.btn-outline.btn-outline-secondary i {
        color: var(--bs-secondary-inverse)
    }

    .btn.btn-outline.btn-outline-secondary.dropdown-toggle:after {
        color: var(--bs-secondary-inverse)
    }

    .btn-check:active + .btn.btn-outline.btn-outline-secondary, .btn-check:checked + .btn.btn-outline.btn-outline-secondary, .btn.btn-outline.btn-outline-secondary.active, .btn.btn-outline.btn-outline-secondary.show, .btn.btn-outline.btn-outline-secondary:active:not(.btn-active), .btn.btn-outline.btn-outline-secondary:focus:not(.btn-active), .btn.btn-outline.btn-outline-secondary:hover:not(.btn-active), .show > .btn.btn-outline.btn-outline-secondary {
        color: var(--bs-secondary-inverse);
        border-color: var(--bs-secondary-inverse);
        background-color: var(--bs-secondary-light) !important
    }

        .btn-check:active + .btn.btn-outline.btn-outline-secondary .svg-icon, .btn-check:active + .btn.btn-outline.btn-outline-secondary i, .btn-check:checked + .btn.btn-outline.btn-outline-secondary .svg-icon, .btn-check:checked + .btn.btn-outline.btn-outline-secondary i, .btn.btn-outline.btn-outline-secondary.active .svg-icon, .btn.btn-outline.btn-outline-secondary.active i, .btn.btn-outline.btn-outline-secondary.show .svg-icon, .btn.btn-outline.btn-outline-secondary.show i, .btn.btn-outline.btn-outline-secondary:active:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-secondary:active:not(.btn-active) i, .btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) i, .btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) i, .show > .btn.btn-outline.btn-outline-secondary .svg-icon, .show > .btn.btn-outline.btn-outline-secondary i {
            color: var(--bs-secondary-inverse)
        }

        .btn-check:active + .btn.btn-outline.btn-outline-secondary.dropdown-toggle:after, .btn-check:checked + .btn.btn-outline.btn-outline-secondary.dropdown-toggle:after, .btn.btn-outline.btn-outline-secondary.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-secondary.show.dropdown-toggle:after, .btn.btn-outline.btn-outline-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-secondary:hover:not(.btn-active).dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-secondary.dropdown-toggle:after {
            color: var(--bs-secondary-inverse)
        }

.btn {
    line-height:1 !important;
}
.opaque-background {
    opacity: 0.5;
}
.indicator-progress {
    display: none;
}

[data-kt-indicator=on] > .indicator-progress {
    display: inline-block;
}

[data-kt-indicator=on] > .indicator-label {
    display: none;
}
.clickEventDisable {
    pointer-events: none !important;
}
.cookiealert {
    background: inherit;
    color: inherit
}
.navbar {
    background-color: var(--primary) !important;
}

ul.icon-effect {
    position: absolute;
  /*  top: 50%;
    left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    margin: 0;
    padding: 0;
    display: flex;
}

ul li.icon-effect {
    list-style: none;
    margin: 0 40px;
    animation: animateIcon 2s linear infinite;
}

    ul li.icon-effect .fa-solid {
        font-size: 30px;
        color: #262626;
        line-height: 80px;
        transition: 0.5s;
    }

    ul li.icon-effect a {
        position: relative;
        display: block;
        width: 80px;
        height: 80px;
        background-color: #fff;
        text-align: center;
        transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0, 0);
        transition: 0.5s;
        box-shadow: -20px 20px 10px rgb(0, 0, 0, 0.5);
    }

        ul li.icon-effect a::before {
            content: "";
            position: absolute;
            top: 10px;
            left: -20px;
            height: 100%;
            width: 20px;
            background: #b1b1b1;
            transition: 0.5s;
            transform: rotate(0deg) skewY(-45deg);
        }

        ul li.icon-effect a::after {
            content: "";
            position: absolute;
            top: 80px;
            left: -11px;
            height: 20px;
            width: 100%;
            background: #b1b1b1;
            transition: 0.5s;
            transform: rotate(0deg) skewX(-45deg);
        }

    /*ul li.icon-effect:nth-child(1) a {
        background: #3b5999;
    }

        ul li.icon-effect:nth-child(1) a:before {
            background: #2e4a86;
        }

        ul li.icon-effect:nth-child(1) a:after {
            background: #4a69ad;
        }*/

    ul li.icon-effect:nth-child(1) a {
        background: #9f11d3;
    }

        ul li.icon-effect:nth-child(1) a:before {
            background: #9f11d3;
        }

        ul li.icon-effect:nth-child(1) a:after {
            background: #9f11d3;
        }

    ul li.icon-effect:nth-child(2) a {
        background: #dd4b39;
    }

        ul li.icon-effect:nth-child(2) a:before {
            background: #c13929;
        }

        ul li.icon-effect:nth-child(2) a:after {
            background: #e83322;
        }

   /* ul li.icon-effect:nth-child(4) a {
        background: #0077b5;
    }

        ul li.icon-effect:nth-child(4) a:before {
            background: #036aa0;
        }

        ul li.icon-effect:nth-child(4) a:after {
            background: #0d82bf;
        }

    ul li.icon-effect:nth-child(5) a {
        background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
    }

        ul li.icon-effect:nth-child(5) a:before {
            background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
        }

        ul li.icon-effect:nth-child(5) a:after {
            background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
        }*/

@keyframes animateIcon {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}
.acceptcookies ,input[type="submit"]:hover {
    background-color: transparent;
    color: #FFF;
}
.form-control::placeholder {
    color: #abb8c3;
    opacity: 1
}
.bg-primary-theme {
    --bs-bg-rgb-color:white;
    background-color: white !important
}
/*a {
     color:black !important; 
    text-decoration: none
}*/
.text-muted {
    color: #c3cdd5 !important;
}