:root {
    --main-color: #0780BA;
    --secondary-color: #E98020;
    --bg: #0782c505;
    --color: #082635;
    /* --dark: #344554; */
    /* --dark: #bbbbbb; */
    --dark: #a4a4a4;
    --dark-light: #d5d5d5;
    --light: #efefef;
}

body{
    /* background: var(--bg); */
    color: var(--dark);
}
/* body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  
  .container {
    flex: 1;
  }
  
  .footer {
    flex-shrink: 0;
  } */
/* .container{
    background: red; 
} */
.bg-footer-theme {
    /* background: var(--bg) !important;; */
    color: #697a8d;
}
.bg-menu-theme{
    background-color: var(--main-color) !important;
    color: #c4cdd5;
}

.bg-menu-theme .menu-inner>.menu-item.active>.menu-link {
    background-color: var(--secondary-color) !important;
}

.bg-menu-theme .menu-inner>.menu-item.active:before {
    background: var(--secondary-color) ;
}


.app-brand .layout-menu-toggle {
    background-color: var(--secondary-color);
    border: 7px solid #f4f5fb;
}


.bg-menu-theme .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next {
    color: white;
}

.bg-menu-theme .menu-inner>.menu-item.open .menu-item.open>.menu-toggle::before, .bg-menu-theme .menu-inner>.menu-item.open .menu-item.active>.menu-link::before {
    box-shadow: 0 0 0 2px var(--secondary-color);
}

.bg-menu-theme .menu-header {
    color: orange;
    font-size: 20px;
}
.btn-primary {

}

.form-label {
    /* color: #566a7f; */
    color: var(--dark);
}
.h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    /* color: #566a7f; */
    color: var(--dark);
}

.btn {
    color: var(--dark);
    /* color: #697a8d; */
}

.switch-label {
    /* color: #697a8d; */
    color: var(--dark);
}

.text-info {
    --bs-text-opacity: 1;
    color: var(--secondary-color) !important;
}


.bg-menu-theme .menu-header:before {
    background-color: var(--secondary-color) !important;
}
.bg-menu-theme .menu-inner-shadow {
    background: linear-gradient(#0780BA 41%, rgba(35, 52, 70, 0.11) 95%, rgba(35, 52, 70, 0));
    /* background: linear-gradient(27deg, rgba(10, 137, 204, 1) 0%, rgba(30, 156, 216, 1) 6%, rgba(34, 160, 218, 0.8498249641653537) 19%, rgba(62, 188, 235, 0.7938025552017682) 42%, rgba(84, 210, 249, 0.7517857484790791) 79%); */
}
.bx-pen,
.bx-calendar-alt,
.bx-layout,
.bx-check-shield,
.bxl-telegram,
.bx-book-heart,
.fa-envelope,
.bx-user,
.bx-home-circle,
.bx-cog,
.bx-user-pin,
.bx-edit,
.bx-check,
.bx-search-alt:before {
    color: orange !important;
}
.bx-card,
.bx-selection,
.bx-layout,
.bx-select-multiple:before {
    color: var(--secondary-color) !important;
}


.bg-menu-theme .menu-inner .menu-sub>.menu-item.active>.menu-link.menu-toggle {
    /* background-color: rgba(255,255,255, 0.2); */
    background-color: orange;
}

.bg-menu-theme .menu-inner .menu-sub>.menu-item.active>.menu-link.menu-toggle:hover {
    background-color: rgba(255,255,255, 0.2);
}

.bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before {
    background-color: var(--light) !important;
    border: 3px solid orange !important;
}

.bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle) {
    background-color: orange;
}

.btn-primary {
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    margin: 0 auto;
    padding: .8rem 2.2rem;
    background: transparent;
    outline: none;
    color: #111111;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;
}

.btn-primary::after,
.btn-primary::before,
.YBOWD::after,
.YBOWD::before {
    border: 0;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transition: all 0.5s cubic-bezier(0.68, 0.55, 0.265, -1.55);
    /* transform: rotate(45deg) !important; */
}
.btn-primary::before {
    border: 0;
    background-color: var(--main-color);
    top: -0.40rem;
    left: 1.3rem;
    -webkit-animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;
    animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;
}

.YBOWD::before {
    border: 0;
    background-color: white;
    /* var(--main-color); */
    top: 7.5rem;
    left: 16rem;
    -webkit-animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;
    animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alterna
}

.btn-primary::after,
.YBOWD::after {
    background-color: var(--secondary-color);
    top: 2.6rem;
    left: 5rem;
    -webkit-animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;
    animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;
}

.btn-primary:hover {
    color: white !important;
    border: 0;
}

.btn-primary:hover::before,
.btn-primary:hover::after {
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 0;
    -webkit-animation: none;
    animation: none;
    z-index: -2;
}

.btn-primary:hover::after {
    left: 0rem;
}

.btn-primary:hover::before {
    top: 0.5rem;
    left: 0.35rem;
}