.rotate-animation {
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
body {
    font-family:
        montserrat, yekan;
    text-align: center;
    margin: 0;
    margin: auto;
    color:#272727;
    scroll-behavior: smooth;
}
body[dir=rtl] * {
    text-align: right;
    direction: rtl
}
body.dark {
    color: #eaeaea;
}
body.secondary {
    color: #eaeaea;
}
hr {
    color: #fff;
    width: 100%;
    opacity: 0.5;
}
.flex {
    display: flex !important;
}
.bg-colorized {
    background: linear-gradient(45deg, #066c5f, #06b290);
    padding: 5px 15px;
    color: #fff;
    border-radius: 3px;
    text-decoration: unset;
    cursor: pointer;
}
.bg-colorized:hover {
    background: linear-gradient(150deg, #066c5f, #06b290);
    color: #fff;
}
.rotate-90 {
    transform: rotate(-90deg)
}
.row-end {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    width: 100%;
}
input, input::placeholder, select {
    font-family: montserrat, yekan !important;
}
body.dark input::placeholder {
    color: #cecece;
}
body.secondary input::placeholder {
    color: #cecece;
}
header {
    width: 100%;
    background: #fff;
    position: sticky;
    top: 0;
    border-bottom: 1px solid #ddd;
    z-index: 10;
}
body.dark header {
    background: var(--first-d-color);
}
body.secondary header {
    background: var(--first-s-color);
}
body.dark .container-fluid {
    background: var(--first-d-color);
}
body.secondary .container-fluid {
    background: var(--first-s-color);
}
header .container {
    width: 80%;
    margin: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}
a {
    color: #333;
    text-decoration: underline;
}
a:hover {
    color: #5a5050;
}
.input-group {
    position: relative;
}
.input-group input {
    border-radius: 12px;
    border: unset;
    outline: 0;
    padding: 5px 45px;
    width: 100%;
    box-sizing: border-box;
    height: 48px;
    font-size: 16px;
}
body.light .input-group input {
    background: var(--third-l-color);
}
body.dark .input-group input {
    background: var(--third-d-color);
    color: #fff;
}
body.secondary .input-group input {
    background: var(--third-s-color);
    color: #fff;
}
.input-group i {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 17px;
}
.input-group i img {
    width: 15px;
}
.input-group .search-result {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: fit-content;
    min-height: 200px;
    max-height: 450px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 0 2px 2px #aeaeae;
    display: none;
    flex-flow: column nowrap;
    width: 100%;
    border-radius: 7px;
    padding: 40px 20px 0 20px;
    box-sizing: border-box;
}
.input-group .search-result .item {
    padding: 10px;
    border-top: 1px solid rgba(229, 229, 229, 0.66);
    cursor: pointer;
}
body.dark .input-group .search-result .item {
    color: #fff;
}
body.secondary .input-group .search-result .item {
    color: #fff;
}
.input-group .search-result .item:first-child {
    border-top: 2px solid #b9b9b9;
    margin-top: 8px;
}
body.dark .input-group .search-result .item:first-child {
    border-top: 2px solid #5a5a5a;
}
body.secondary .input-group .search-result .item:first-child {
    border-top: 2px solid #5a5a5a;
}
.input-group .search-result .item:hover {
    background: linear-gradient(90deg, #c2dbd8, #c1ebe3);
}
body.dark .input-group .search-result .item:hover {
    background: linear-gradient(90deg, #1c4235, #153f31);
}
body.secondary .input-group .search-result .item:hover {
    background: linear-gradient(90deg, #1c4235, #153f31);
}
.input-group .search-result .item.selected {
    color: var(--first-l-color);
}
.input-group.active input {
    position: relative;
    z-index: 4;
}
.input-group.active i {
    z-index: 4;
}
.input-group.active .search-result {
    display: flex !important;
    z-index: 4;
}
.input-group.active .search-bg {
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0005;
}
header .mobile {
    display: none;
}
header a h1, header a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
}
header a.logo {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40%
}
header a img {
    width: 200px;
}
header .navigation-mobile {
    display: none
}
.ltr {
    direction: ltr !important;
}
.rtl {
    direction: rtl !important;
}
header .navigation {
    display: flex;
    flex-flow: row nowrap;
    width: 30%;
    text-wrap: nowrap
}
header .navigation a {
    display: flex;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none!important;
    border-radius: 15px;
    padding: 5px 20px;
    margin: 10px 0;
}
header .navigation a:hover, header .navigation a.active {
    background: rgb(232, 232, 232);
}
body.dark header .navigation a:hover, body.dark header .navigation a.active {
    background: var(--third-d-color);
}
body.secondary header .navigation a:hover, body.secondary header .navigation a.active {
    background: var(--third-s-color);
}
body.dark header .navigation a {
    color: #fff
}
body.secondary header .navigation a {
    color: #fff
}
header .mini-nav .icon {
    font-size: 20px
}
header .mini-nav a {
    text-decoration: none
}
header .mini-nav {
    width: 30%;
    text-align: right;
}
header .mini-nav a img {
    height: 27px;
    width: fit-content;
}
body[dir=rtl] header .mini-nav {
    text-align: left;
}

header .mini-nav .color-mode a {
    background: #5e5e73;
    border-radius: 15px;
    /*width: 80px;*/
    width: 60px;
    height: 28px;
    display: inline-flex;
    justify-content: space-around;
    position: relative;
    cursor: pointer;
}
header .mini-nav .color-mode a img {
    position: relative;
    height: unset !important;
    width: 15px !important;
    padding: 0px;
    z-index: 3;
}

header .mini-nav .color-mode a .circle {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    top: 3px;
    transition-duration: 0.5s;
    background: #727276;
    box-shadow: inset 0 0 3px 2px #898991, 0 0 2px 0px #ffffff;
    border: solid 1px #aba8a8;
}
header .mini-nav .color-mode.light a .circle {
    right: calc(100% - 25px);
}
header .mini-nav .color-mode.secondary a .circle {
    right: 29px;
}
header .mini-nav .color-mode.dark a .circle {
    right: 3px;
}
header .locality, header .dashboard {
    position: relative;
}
header .locality .dropdown-menu, header .dashboard .dropdown-menu {
    display: none;
}
header .locality .dropdown-menu a, header .dashboard .dropdown-menu a {
    font-size: 15px;
    border-bottom: 1px solid #cccccc87;
    padding: 6px 10px;
}
header .locality .dropdown-menu a:first-child, header .dashboard .dropdown-menu a:first-child {
    border-radius: 5px 5px 0 0;
}
header .locality .dropdown-menu a:last-child, header .dashboard .dropdown-menu a:last-child {
    border: 0;
    border-radius: 0 0 5px 5px;
}
header .locality .dropdown-menu a:hover, header .dashboard .dropdown-menu a:hover {
    background: #d2d2d2;
}
body.dark header .locality .dropdown-menu a:hover, body.dark header .dashboard .dropdown-menu a:hover {
    background: var(--third-d-color);
}
body.secondary header .locality .dropdown-menu a:hover, body.secondary header .dashboard .dropdown-menu a:hover {
    background: var(--third-s-color);
}
header .locality:hover .dropdown-menu, header .dashboard:hover .dropdown-menu {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    position: absolute;
    padding: 0;
    background: #ececec;
    border-radius: 5px;
    width: 130px;
    right: 0;
    box-shadow: 0 0 2px 2px #cccccc78;
}
body[dir=ltr] header .locality:hover .dropdown-menu, body[dir=rtl] header .dashboard:hover .dropdown-menu {
    left: 0;
    right: unset;
}
body.dark header .locality:hover .dropdown-menu, body.dark header .dashboard:hover .dropdown-menu {
    background: var(--third-d-color);
}
body.secondary header .locality:hover .dropdown-menu, body.secondary header .dashboard:hover .dropdown-menu {
    background: var(--third-s-color);
}
body.dark header .locality:hover .dropdown-menu a, body.dark header .dashboard:hover .dropdown-menu a {
    color: #fff;
}
body.secondary header .locality:hover .dropdown-menu a, body.secondary header .dashboard:hover .dropdown-menu a {
    color: #fff;
}
section.main {
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 13vh;
    align-items: center;
}
section.main .box {
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    background: #eef2f1;
    padding: 15px 20px 50px 20px;
    border-radius: 40px;
    width: 70%;
    max-width: 1050px;
}
body.dark section.main .box {
    background: var(--second-d-color);
    box-shadow: 0 0 14px -4px #ffffff36;
}
body.secondary section.main .box {
    background: var(--second-s-color);
    box-shadow: 0 0 14px -4px #ffffff36;
}
section.main .box .title{
    font-weight: 700;
    font-size: 3.5em;
    text-align: center;
    color: #5d5e72;
    margin-bottom: 10px;
}
body.dark section.main .box .title {
    color: #ffffff;
}
body.secondary section.main .box .title {
    color: #ffffff;
}
section.main .box > .row {
    display: flex;
    align-items: flex-start;
}
section.main .box > .row .sidebar {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
    width: 20%;
}
section.main .box > .row .sidebar .item {
    display: flex;
    background: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0 0 4px 0px #d4d3d3;
    height: 65px;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
}
body.dark section.main .box > .row .sidebar .item {
    background: var(--second-d-color);
}
body.secondary section.main .box > .row .sidebar .item {
    background: var(--second-s-color);
}
section.main .box > .row .sidebar .item .col:first-child {
    width: 25%;
    display: flex;
    justify-content: center;
}
section.main .box > .row .sidebar .item .col:first-child .circle {
    width: 30px;
    height: 30px;
    background: linear-gradient(#a3a3a3, #757676);
    border-radius: 50px;
    position: relative;
}
section.main .box > .row .sidebar .item .col:first-child .circle::after {
    content: '';
    width: 62%;
    height: 62%;
    background: #fff;
    border-radius: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
body.dark section.main .box > .row .sidebar .item .col:first-child .circle::after {
    background: var(--second-d-color);
}
body.secondary section.main .box > .row .sidebar .item .col:first-child .circle::after {
    background: var(--second-s-color);
}
section.main .box > .row .sidebar .item .col:last-child {
    width: 75%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
}
section.main .box > .row .sidebar .item .col:last-child .row:first-child {
    font-weight: bold;
}
body.dark section.main .box > .row .sidebar .item .col:last-child .row:first-child {
    color: #fff;
}
body.secondary section.main .box > .row .sidebar .item .col:last-child .row:first-child {
    color: #fff;
}
section.main .box > .row .sidebar .item .col:last-child .row:last-child {
    color: #999;
    font-size: 14px;
}
section.main .box > .row .sidebar .item.active .col:first-child .circle {
    background: linear-gradient(var(--first-l-color), var(--second-l-color));
}
section.main .box > .row .sidebar .item.active .row:first-child {
    background: -webkit-linear-gradient(270deg, var(--first-l-color), var(--second-l-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section.main .box > .row .mainbar {
    display: flex;
    width: 80%;
}
section.main .box > .row .mainbar > div {
    display: none;
}
section.main .box > .row .mainbar > div.active {
    display: flex;
    flex-flow: column;
    width: 90%;
    margin: auto;
    gap: 10px;
}
section.main .box > .row .mainbar .search-row {
    position: relative;
    width: 90%;
    border-radius: 12px;
    box-shadow: 0px 0 7px -3px #333;
    margin: auto
}
section.main .box > .row .mainbar .search-row .search-input {
    border-radius: 12px;
    border: unset;
    padding: 5px 45px;
    width: 100%;
    box-sizing: border-box;
    height: 48px;
    font-size: 16px
}
body.dark section.main .box > .row .mainbar .search-row .search-input {
    background: var(--third-d-color);
    color: #fff;
}
body.secondary section.main .box > .row .mainbar .search-row .search-input {
    background: var(--third-s-color);
    color: #fff;
}
section.main .box > .row .mainbar .search-row .search-btn {
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 12px 0 0 12px;
    padding: 5px 20px;
    background: linear-gradient(45deg, var(--second-l-color), var(--first-l-color));
    height: 45px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #fff
}
section.main .box > .row .mainbar .parastoo-tour-container .row {
    display: flex;
    gap: 10px;
    width: 100%;
    position: relative;
}
section.main .box > .row .mainbar .parastoo-tour-container .row .input-group {
    width: 50%;
}
section.main .box > .row .mainbar .parastoo-tour-container .row .search-result {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: fit-content;
    min-height: 200px;
    max-height: 450px;
    overflow-y: auto;
    background: #fff;
    box-shadow: unset;
    display: none;
    flex-flow: column nowrap;
    width: 100%;
    border-radius: 0 0 7px 7px;
    padding: 0px 20px 0 20px;
    box-sizing: border-box;
    margin-top: 37px;
}
body.dark section.main .box > .row .mainbar .parastoo-tour-container .row .search-result {
    background: var(--third-d-color);
}
body.secondary section.main .box > .row .mainbar .parastoo-tour-container .row .search-result {
    background: var(--third-s-color);
}
section.main .box > .row .mainbar .parastoo-tour-container .row .btn {
    color: #fff;
    background: var(--first-l-color);
    border-radius: 12px;
    font-size: 19px;
    cursor: pointer;
    padding: 10px 20px;
    text-decoration: unset;
    position: absolute;
    left: 0;
}
section.main .box > .row .mainbar .parastoo-tour-container .row.active .btn {
    z-index: 4;
    border-radius: 12px 0 0 0;
}
section.main .box > .row .mainbar .parastoo-tour-container .row.active .search-result {
    display: flex !important;
    z-index: 3;
    border-radius: 13px;
}
section.main .box > .row .mainbar .parastoo-tour-container .row.active .search-bg {
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0005;
}
section.main .box > .row .mainbar .parastoo-tour-container .selected-items-row {
    display: flex;
    justify-content: space-between;
}
section.main .box > .row .mainbar .parastoo-tour-container .selected-items-row .col {
    display: flex;
    width: 50%;
    gap: 5px;

}
section.main .box > .row .mainbar .parastoo-tour-container .selected-items-row .col div {
    padding: 5px 7px;
    background: white;
    border-radius: 6px;
    color: #5d5e73;
    font-size: 13px;
    cursor: pointer;
}
section.main .box > .row .mainbar .parastoo-tour-container .selected-items-row .col:first-child {
    justify-content: flex-start;
}
section.main .box > .row .mainbar .parastoo-tour-container .selected-items-row .col:last-child {
    justify-content: flex-end;
}
body[dir=ltr] section.main .search-row > i {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 17px
}
body[dir=rtl] section.main .search-row > i {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 17px
}
section.main .search-row > i img {
    width: 15px;
}
body[dir=ltr] section.main .search-row .search-btn {
    right: 1px;
    left: unset;
}
footer {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}
body.dark footer {
    background: var(--first-d-color);
}
body.dark footer {
    background: var(--first-s-color);
}
footer .top-side .main{
    display: none
}
footer .top-side {
    background: url('/front/assets/footer-up-2.png');
    width: 100%;
    height: 535px;
}
footer .bottom-side {
    background: url('/front/assets/footer-down.jpg');
    width: 100%;
    height: 300px;
    padding: 50px 0 0 0;
    box-sizing: border-box
}
footer .main{
    display: flex;
    justify-content: space-evenly;
    height: 200px;
    width: 80%;
    margin: auto
}
footer .main .menu{
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 7px 10%;
    width: 40%;
}
footer .main .menu .parent {
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    align-items: flex-start;
}
footer .main .menu .parent .child {
    padding: 5px 0;
    width: 100%;
    display: block
}
footer .main .menu a {
    text-decoration: none
}
footer .main .menu a:hover {
    text-decoration: underline
}
footer .main .menu .child + .parent {
    margin-top: 10px
}
footer .main .menu .parent a {
    font-size: 20px;
    color: #fff
}
footer .main .menu .child a {
    font-size: 16px;
    color: #fff;
    cursor: pointer
}
footer .main .contact {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 15px 10%;
    color: #fff
}
footer .bottom-side .main .info {
    display: flex;
    flex-flow: column;
    align-items: center;
}
footer .bottom-side .main .info .social {
    border-bottom: 1px solid #fff;
}
footer .bottom-side .main .info .social h2 {
    margin-top: 0;
    color: #fff;
    font-size: 15px
}
footer .bottom-side .main .info .social > div {
    display: flex;
    justify-content: space-between;
    width: 150px;
    padding:10px
}
footer .bottom-side .main .info .social img {
    width: 30px
}
footer .bottom-side .main .info .license {
    padding: 20px
}
footer .bottom-side .main .info .license .enamad-div {
    width: 60px;
    height: 66px;
    background: #fff;
    border-radius: 7px;
    background: #fff;
}
footer .bottom-side .main .info .license .enamad-div img {
    width: 100%;
}
.navigation .menu-bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    display: none;
    background: #7777775e;
}
body.dark .navigation .menu-bg {
    background: #00000087;
}
body.secondary .navigation .menu-bg {
    background: #00000087;
}
.navigation .menu-box {
    position: fixed;
    left: 10%;
    right: 10%;
    height: 411px;
    background: #fff;
    border-radius: 0 0 7px 7px;
    box-sizing: border-box;
    display: none;
    flex-flow: column nowrap;
    box-shadow: 0 0 8px 0px #bbbbbba1;
    margin-top: 1px;
}
body.dark .navigation .menu-box {
    background: var(--third-d-color);
}
body.secondary .navigation .menu-box {
    background: var(--third-s-color);
}
.navigation .menu-box.active {
    display: flex;
}
.navigation .menu-box .head {
    display: flex;
    text-wrap: nowrap;
    flex-flow: row wrap;
    border-bottom: 1px solid #ddd;
    align-items: baseline;
}
.dark .navigation .menu-box .head {
    border-bottom: 1px solid var(--first-d-color);
}
.secondary .navigation .menu-box .head {
    border-bottom: 1px solid var(--first-s-color);
}
.navigation .menu-box .head .item {
    display: flex;
    border-bottom: 3px solid #fff;
    transition: 0.4s;
}
body.dark .navigation .menu-box .head .item {
    border-bottom: 3px solid var(----third-d-color);
}
body.secondary .navigation .menu-box .head .item {
    border-bottom: 3px solid var(----third-s-color);
}
.navigation .menu-box .head .item.active {
    border-bottom: 3px solid var(--first-l-color);
}
.navigation .menu-box .head .item a, .navigation .menu-box .head .item span {
    color: #595959;
    font-size: 18px;
    cursor: pointer;
    margin: 0 !important;
    padding: 10px 15px !important;
    font-weight: 100;
    border-radius: 0;
}
body.dark .navigation .menu-box .head .item a, body.dark .navigation .menu-box .head .item span {
    color: #f2f2f2;
}
body.secondary .navigation .menu-box .head .item a, body.secondary .navigation .menu-box .head .item span {
    color: #f2f2f2;
}
.navigation .menu-box .head .item a:hover {
    background: unset;
    color: unset;
}
body.dark .navigation .menu-box .head .item a:hover {
    color: #f2f2f2;
}
body.secondary .navigation .menu-box .head .item a:hover {
    color: #f2f2f2;
}
.navigation .menu-box .inner-box {
    width: 100%;
    height: 100%;
}
.navigation .menu-box .inner-box .items {
    display: none;
    flex-flow: column wrap;
    height: inherit;
    align-content: flex-start;
    align-items: stretch;
}
body.dark .navigation .menu-box .inner-box .item {
    border-left: 1px solid var(--third-d-color);
}
body.secondary .navigation .menu-box .inner-box .item {
    border-left: 1px solid var(--third-s-color);
}
.navigation .menu-box .inner-box .items.active{
    display: flex;
}
.navigation .menu-box .inner-box .item {
    border-left: 1px solid #ddd;
}
.navigation .menu-box .inner-box a{
    font-size: 15px;
    color: #626262;
    border-radius: 0;
    margin: 0;
    padding: 15px 10px;
    min-width: 150px;
    box-sizing: border-box;
}
body.dark .navigation .menu-box .inner-box a {
    color: #f2f2f2;
}
body.secondary .navigation .menu-box .inner-box a {
    color: #f2f2f2;
}
@media screen and (max-width: 768px) {
    header {
        padding: 20px 0
    }
    header .container {
        width: 95%;
        justify-content: unset
    }
    header .container .logo {
        margin: auto;
        padding-left: 35px;
    }
    body[dir=ltr] header .container .logo {
        padding-left: unset;
        padding-right: 35px;
    }
    header .navigation {
        display: none;
    }
    header .navigation-mobile {
        display: block;
    }
    header a h1, header a {
        font-size: 20px
    }
    .hamburger-btn {
        width: 35px
    }
    .hamburger-btn .btn {
        background: url("/front/assets/hamburger-000.svg");
        width: 35px;
        height: 35px;
        display: inline-block;
        background-size: cover;
    }
    body.dark .hamburger-btn .btn, body.secondary .hamburger-btn .btn {
        background: url("/front/assets/hamburger-fff.svg");
    }
    .hamburger-btn .top-line, .hamburger-btn .bottom-line, .hamburger-btn .middle-line {
        transform-box: fill-box;
        transform-origin: center;
    }
    .hamburger-btn .top-line {
        transform: translateY(0px) rotate(0deg) scale(1);
        animation-duration: 0.6s;
    }
    .hamburger-btn .bottom-line {
        transform: translateY(0px) rotate(0deg) scale(1);
        animation-duration: 0.6s;
    }
    .hamburger-btn .middle-line {
        opacity: 1;
        animation-duration: 0.6s;
    }
    .hamburger-btn path {
        animation-duration: 0.6s;
    }
    .hamburger-btn.active .bottom-line {
        animation: up-rotate 0.6s ease-in both;
    }
    .hamburger-btn.active .middle-line {
        animation: hide 0.6s ease-in forwards;
    }
    .hamburger-btn.active .top-line {
        animation: down-rotate 0.6s ease-in both;
    }
    .hamburger-btn.active .middle-line {
        animation: hide 0.6s ease-in forwards;
    }
    header .container > .mini-nav {
        display: none;
    }
    .navigation-mobile .navigation {
        position: fixed;
        right: -42%;
        background: #f3f3f3;
        width: 40%;
        bottom: 0;
        top: 68px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        z-index: 1;
        box-shadow: 0 0 2px 1px #d6d6d6;
        padding: 5px;
        transition-duration: .5s;
        box-sizing: border-box
    }
    body.dark .navigation-mobile .navigation{
        background: var(--third-d-color);
    }
    body.secondary .navigation-mobile .navigation{
        background: var(--third-s-color);
    }
    body.dark .navigation .menu-box {
        background: var(--third-d-color);
        box-shadow: unset;
    }
    body.secondary .navigation .menu-box {
        background: var(--third-s-color);
        box-shadow: unset;
    }
    .navigation-mobile .navigation .mini-nav {
        display: flex;
        justify-content: center;
        background: #fff;
        box-shadow: 0 0 2px 1px #02ab8821;
        border-radius: 15px;
        padding: 0 2px;
        width: fit-content;
        margin: 0 auto;
        position: absolute;
        bottom: 19px;
        left: 0;
        right: 0;
    }
    body.dark .navigation-mobile .navigation .mini-nav {
        background: var(--third-d-color);
    }
    body.secondary .navigation-mobile .navigation .mini-nav {
        background: var(--third-s-color);
    }
    .menu-open-box {
        right: 0 !important;
    }
    .navigation-mobile .navigation a {
        padding: 10px 10px;
        font-size: 18px;
        width: 100%;
        display: block;
        box-sizing: border-box;
        margin: 0
    }
    .navigation-mobile .navigation .mini-nav a {
        padding: 4px 10px;
    }
    header .locality .dropdown-menu a, header .dashboard .dropdown-menu a {
        padding: 6px 10px !important;
    }
    header .navigation a:hover, body.dark header .navigation a:hover, body.secondary header .navigation a:hover {
        background: unset;
    }
    header .mini-nav .color-mode a .moon {
        position: absolute;
        width: 18px;
        height: 18px;
        right: 15px;
        border-radius: 50px;
        padding: 3px;
        top: 8px;
        box-sizing: border-box;
    }
    footer .top-side {
        display: flex;
        align-items: flex-end
    }
    footer .top-side .main{
        display: flex;
        align-items: flex-end;
        height: 90%
    }
    footer .bottom-side .main .menu {
        display: none;
        gap: 7px 2%;
        width: 100%;
        justify-content: center;
    }
    footer .main {
        width: 100%;
        flex-flow: column;
    }
    footer .main .menu {
        gap: 7px 2%;
        width: 100%;
        justify-content: center;
        padding: 10px 0;
    }
    footer .main .contact {
        gap: 5px 10%;
    }
    footer .main .contact .address {
        width: unset;
    }
    footer .bottom-side .main .info .social h2 {
        display: none;
    }
    .navigation .menu-box {
        position: static;
        height: unset;
    }
    .navigation .menu-box .head {
        flex-flow: column nowrap;
    }
    .navigation .menu-box .head .item {
        width: 100%;
        box-sizing: border-box;
    }
    .navigation .menu-box .head .item.active {
        border-bottom: 0;
    }
    .navigation .menu-box .head .inner-box {
        display: none;
    }
    .navigation .menu-box .head .item.active + .inner-box {
        display: flex;
        flex-flow: column;
        height: 300px;
        overflow-y: auto;
        background: whitesmoke;
    }
    .navigation .menu-box .head .item span {
        padding: 10px 22px 10px 15px !important;
    }
    .navigation .menu-box .head .item a {
        padding: 10px 30px 10px 15px !important;
    }
    body.dark .navigation .menu-box .inner-box a {
        background: var(--second-d-color);
    }
    body.secondary .navigation .menu-box .inner-box a {
        background: var(--second-s-color);
    }
    header .locality:hover .dropdown-menu, header .dashboard:hover .dropdown-menu {
        top: -65px;
    }
}
@media screen and (max-width: 500px) {
    .hide-mob {
        display: none;
    }
    .navigation-mobile .navigation {
        right: -62%;
        width: 60%;
    }
    footer .main .menu {
        justify-content: space-evenly;
    }
    footer .main .menu .parent {
        flex-basis: 40%;
        padding: 10px 0;
    }
    footer .main .menu .parent .child {
        text-align: center;
    }
}