@charset "UTF-8";.header {
    left: 0;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .5s ease-in-out;
    width: 100%;
    z-index: 1
}

@media (max-width: 991px) {
    .header .navbar {
        padding:0;
        position: static
    }
}

.header .navbar .navbar-nav .nav-link {
    color: #1b1920
}

@media (max-width: 991px) {
    .header .navbar .navbar-toggler {
        box-shadow:none
    }

    .header .navbar .navbar-collapse {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 5px 20px #8957fa45;
        left: 0;
        margin: auto;
        max-width: 720px;
        position: absolute;
        right: 0;
        top: 100%;
        width: 100%
    }
}

@media (max-width: 767px) and (min-width:576px) {
    .header .navbar .navbar-collapse {
        max-width:516px
    }
}

@media (max-width: 575px) {
    .header .navbar .navbar-collapse {
        width:calc(100% - 24px)
    }
}

@media (max-width: 991px) {
    .header .navbar .navbar-collapse .navbar-nav {
        padding:15px 10px
    }
}

.header .navbar .navbar-collapse .navbar-nav .nav-item {
    padding: 0 20px
}

@media (max-width: 991px) {
    .header .navbar .navbar-collapse .navbar-nav .nav-item {
        padding:0 10px
    }
}

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #1b1920;
    font-weight: 500;
    padding: .5rem 0
}

.header .navbar-toggler {
    border: none;
    cursor: pointer;
    height: 26px;
    margin: auto;
    padding: 0;
    position: relative;
    width: 26px
}

.header .navbar-toggler .navbar-toggler-icon {
    background-color: #000;
    background-image: none!important;
    border-radius: 2px;
    display: block;
    height: 2px;
    position: absolute;
    transition: all .35s ease;
    width: 24px
}

.header .navbar-toggler .top-bar {
    top: 0
}

.header .navbar-toggler .middle-bar {
    opacity: 1;
    top: 7px
}

.header .navbar-toggler .bottom-bar {
    top: 14px
}

.header .navbar-toggler.open .top-bar {
    top: 7px;
    transform: rotate(225deg)
}

.header .navbar-toggler.open .middle-bar {
    opacity: 0;
    transform-origin: left center;
    transition: all .175s ease;
    width: 0
}

.header .navbar-toggler.open .bottom-bar {
    top: 7px;
    transform: rotate(-225deg)
}

.header .navbar-brand {
    display: block;
    height: 50px;
    max-width: 100%;
    width: auto
}

.header .dropdown .dropdown-menu li .nav-link {
    color: #1b1920!important
}

.header .dropdown .dropdown-menu li .nav-link.active,.header .dropdown .dropdown-menu li .nav-link:active,.header .dropdown .dropdown-menu li .nav-link:focus,.header .dropdown .dropdown-menu li .nav-link:hover {
    color: #7638f9!important
}

.header .dropdown .dropdown-menu li .nav-link img {
    height: 18px;
    width: 18px
}

.header .dropdown .dropdown-toggle {
    box-shadow: none;
    color: #1b1920;
    font-size: 1rem;
    font-weight: 500;
    padding: .5rem 0
}

.header .dropdown .dropdown-toggle:after {
    -webkit-font-smoothing: antialiased;
    border: 0;
    content: "";
    display: var(--fa-display,inline-block);
    font-family: Font Awesome\ 6 Free;
    font-weight: 900;
    margin-left: 10px;
    vertical-align: middle
}

.header .dropdown .dropdown-item {
    padding: 8px 25px
}

.header .dropdown .dropdown-item:focus,.header .dropdown .dropdown-item:hover {
    background-color: transparent
}

footer .email {
    position: relative
}

footer .email input {
    background-color: #fff;
    border: none;
    height: 63px;
    padding: 20px 162px 20px 20px
}

@media (max-width: 575px) {
    footer .email input {
        height:55px;
        padding: 20px
    }
}

footer .email input::-moz-placeholder {
    color: #99999a
}

footer .email input::placeholder {
    color: #99999a
}

footer .email input:focus {
    border: none;
    outline: none
}

footer .email .subscribe-btn {
    height: 43px;
    position: absolute;
    right: 10px;
    top: 10px
}

@media (max-width: 575px) {
    footer .email .subscribe-btn {
        position:relative;
        right: 0;
        top: 0
    }
}

footer .footer-img {
    max-height: 350px;
    max-width: 100%;
    width: auto
}
