:root {
    primary-color: #000;
    secondary-color: #292930
}

html {
    font-size: 62.5%
}

body {
    font-family: "Vazir";
    margin: 0;
    padding: 0
}

@media(max-width: 575px) {
    .container {
        width: 95%
    }
}

body {
    scroll-behavior: smooth
}

a:active,
a:focus {
    color: #2155cd
}

.header-style {
    align-items: center;
    border-bottom: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 90px;
    justify-content: space-between;
    inset-inline-end: 0;
    position: absolute;
    inset-inline-start: 0;
    z-index: 99
}

.header-style .container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start
}

.header-style .container .bottom {
    margin-inline-start: 30px;
    width: fit-content
}

@media(min-width: 992px) {
    .header-style .container .bottom .col-12 {
        position: static
    }
}

.header-style .container .box-left .bottom_box .item:first-child {
    cursor: pointer
}

.header-style .container .box-left {
    color: #fff;
    margin-inline-start: auto
}

.header-style .container .box-left .top_box {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.header-style .container .box-left .top_box .shoar {
    font-family: "Vazir";
    font-size: 1rem;
    font-weight: 400;
    margin-inline-end: 8px;
}

.header-style .container .box-left .top_box img {
    height: 19px;
    object-fit: cover;
    width: 33px
}

@media(max-width: 480px) {
    .header-style .container .box-left .top_box img {
        height: 15px;
        width: 20px
    }
}

.header-style .container .box-left .middle_box {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    margin-top: 10px;
    padding-bottom: 10px;
    width: fit-content
}

.header-style .container .box-left .middle_box .social {
    align-items: center;
    border-inline-start: 1px solid rgba(255, 255, 255, .3);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    padding-inline-start: 12px
}

.header-style .container .box-left .middle_box .social i {
    color: #fff;
    font-size: 15px;
    margin-inline-start: 5px
}

.header-style .container .box-left .middle_box .social .item {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    margin-inline-end: 5px;
}

.header-style .container .box-left .middle_box .social .item i {
    color: #fff;
    font-size: 15px
}

.header-style .container .box-left .middle_box .social .date {
    font-size: 1.2rem
}

.header-style .container .box-left .middle_box .social .login {
    color: #fff;
    font-size: 1.2rem;
    margin-inline-end: 0;
    margin-inline-end: 12px;
}

@media(max-width: 480px) {
    .header-style .container .box-left .middle_box .social {
        padding-inline-start: 5px
    }
}

.header-style .container .box-left .middle_box .lan {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    padding-inline-end: 5px
}

.header-style .container .box-left .middle_box .lan_item {
    color: #fff;
    font-family: "Vazir";
    font-size: 1.2rem;
    font-weight: 400;
    margin-inline-end: 10px;
}

.header-style .container .box-left .middle_box .lan_item .circle {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    margin-inline-start: 3px;
    width: 4px
}

@media(max-width: 480px) {
    .header-style .container .box-left .middle_box {
        justify-content: space-between;
        width: 100%
    }
}

@media(max-width: 992px) {
    .header-style .container .logo {
        height: 60px
    }
    .header-style .container .box-left .middle_box,
    .header-style .container .box-left .bottom_box {
        margin-top: 5px
    }
    .header-style .container .box-left .middle_box {
        padding-bottom: 0
    }
    .header-style .container .bottom {
        margin-inline-start: 36px
    }
}

@media(max-width: 480px) {
    .header-style .container {
        width: 100% !important
    }
    .header-style .container .bottom {
        margin-inline-start: 16px
    }
}

.header-style .header__menu {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.header-style .header__menu>a {
    moz-transition: .3s;
    o-transition: .3s;
    text-decoration: none;
    transition: .3s;
    webkit-transition: .3s
}

.header-style .header__menu>a i {
    color: #fff;
    font-size: 2.1rem;
    margin-inline-end: 20px
}

@media(max-width: 1200px) {
    .header-style .header__menu>a i {
        font-size: 1.8rem;
        margin-inline-end: 10px
    }
}

.header-style .header__menu>a:hover i {
    color: #2155cd
}

@media(max-width: 992px) {
    .header-style .header__menu>a {
        display: none
    }
}

.header-style .header__menu .sm-simple>li>a {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    moz-transition: .3s;
    o-transition: .3s;
    transition: .3s;
    webkit-transition: .3s
}

.header-style .header__menu .sm-simple>li>a .niafam {
    color: #fff;
    font-family: niafam;
    font-size: 1rem;
    margin-inline-start: 7px;
    moz-transition: .3s;
    o-transition: .3s;
    transition: .3s;
    webkit-transition: .3s
}

.header-style .header__menu .sm-simple>li>a .niafam::before {
    content: ""
}

@media(max-width: 1350px) {
    .header-style .header__menu .sm-simple>li>a .niafam {
        font-size: .6rem;
        margin-inline-start: 5px
    }
}

.header-style .header__menu .sm-simple>li>a:hover {
    color: #0aa1dd;
    text-shadow: 0 3px 15px rgba(33, 85, 205, .3)
}

.header-style .header__menu .sm-simple>li>a:hover .niafam {
    color: #0aa1dd
}

@media(max-width: 1350px) {
    .header-style .header__menu .sm-simple>li>a {
        font-size: 1.4rem
    }
}

@media(max-width: 1200px) {
    .header-style .header__menu .sm-simple>li>a {
        margin-inline-end: 10px
    }
}

.header-style .header__menu .sm-simple>li ul {
    min-width: 14em !important
}

.header-style .header__menu .sm-simple>li ul li span {
    font-family: niafam;
    transform: rotate(0deg)
}

.header-style .bg-white {
    background: #fff;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eb1e25;
    border-style: solid;
    border-width: 117px 0 0 70px;
    height: 117px;
    position: absolute;
    inset-inline-start: 0;
    top: 3px;
    width: 545px
}

@media(max-width: 1650px) {
    .header-style .bg-white {
        width: 350px
    }
}

@media(max-width: 1200px) {
    .header-style .bg-white {
        width: 310px
    }
}

@media(max-width: 500px) {
    .header-style .bg-white {
        width: 236px
    }
}

@media(max-width: 380px) {
    .header-style .bg-white {
        width: 226px
    }
}

@media(max-width: 1650px) {
    .header-style {
        padding: 0 40px
    }
}

@media(max-width: 1350px) {
    .header-style {
        padding: 0 20px
    }
}

@media(max-width: 1200px) {
    .header-style .bottom {
        margin-inline-start: auto
    }
}

@media(max-width: 992px) {
    .header-style {
        height: 85px
    }
    .header-style .logo__img {
        height: 78px
    }
    .header-style .bottom .container,
    .header-style .bottom .col-12 {
        margin: 0;
        padding: 0
    }
    .header-style .bottom .mburger b {
        background-color: #fff
    }
}

@media(max-width: 480px) {
    .header-style {
        padding: 0 8px
    }
}

.sm-simple li li:hover,
.highlighted {
    background-color: #0aa1dd !important
}

.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
    font-size: 16px
}

.sm .niafam::before {
    content: ""
}

@media(max-width: 991.98px) {
    .mm-wrapper_opening .mm-menu_position-bottom .sm,
    .mm-wrapper_opening .mm-menu_position-front .sm,
    .mm-wrapper_opening .mm-menu_position-top .sm {
        display: flex !important;
        flex-direction: column
    }
    .mm-wrapper_opening .mm-menu_position-bottom .sm li.desk_megamenu-item,
    .mm-wrapper_opening .mm-menu_position-front .sm li.desk_megamenu-item,
    .mm-wrapper_opening .mm-menu_position-top .sm li.desk_megamenu-item {
        align-items: center;
        background: #fff;
        display: flex;
        justify-content: center;
        padding: 10px 20px 10px 0;
        text-align: center;
        width: 100%
    }
    .js-mega-desk_megamenu-categories-options ul.mm-listview {
        line-height: 46px;
        padding-inline-start: 10px
    }
    .js-mega-desk_megamenu-categories-options ul.mm-listview a {
        font-size: 1.4rem
    }
}

[dir=rtl] .mm-listitem:after {
    left: 0;
    right: 0
}

.js-mega-desk_megamenu-category {
    color: #2155cd !important;
    font-weight: bold;
    line-height: 35px
}

button.close {
    background: rgba(0, 0, 0, 0);
    border: none
}

.alert.alert-info.fade.show {
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 30px 8px 12px 8px
}

.st-menu {
    background-color: #2155cd
}

.st-menu .btn-group a.btn {
    border-inline-end: .5px solid #d4d4d4;
    color: var(--primary-color);
    font-family: "Vazir";
    font-size: 1.8rem;
    text-decoration: none;
    width: 33%
}

.accessibility__menu .text-custom-info,
.accessibility__menu .sec {
    background: rgba(0, 0, 0, 0) !important;
    font-family: "Vazir";
    font-size: 1.75rem
}

.text-customize button,
.alert>p,
.bgcolorbtns button,
h4.icon.icon-lab,
.classes_list .button-item {
    font-family: "Vazir";
    font-size: 1.75rem
}

.accessibility__btn {
    background-color: #ed1c24;
    z-index: 99
}

.accessibility__btn i {
    color: #fff;
    font-size: 4rem
}

@media(max-width: 1370px) {
    .accessibility__btn i {
        font-size: 3rem
    }
}

.sticky_menu {
    align-items: center;
    background: #fff;
    border-radius: 500px;
    box-shadow: 0px 10px 15px rgba(33, 85, 205, .15);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 262px;
    justify-content: space-between;
    padding: 30px 0;
    position: fixed;
    inset-inline-start: 30px;
    top: 256px;
    width: 45px;
    z-index: 999999
}

.sticky_menu_item {
    position: relative
}

.sticky_menu_item p {
    background-color: #2155cd;
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 1.4rem;
    font-weight: 500;
    height: 29px;
    inset-inline-end: -92px;
    padding: 2px 10px;
    position: absolute;
    top: 10px
}

.sticky_menu_item p::after {
    border-inline-end: 6px solid rgba(0, 0, 0, 0);
    border-inline-start: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #2156cd;
    content: "";
    height: 0;
    position: absolute;
    inset-inline-start: -8px;
    top: 10px;
    transform: rotate(-90deg);
    width: 0
}

.sticky_menu_item:first-child p {
    inset-inline-end: -106px;
}

.sticky_menu_item:nth-child(2) p {
    inset-inline-end: -58px
}

.sticky_menu_item .niafam {
    align-items: center;
    border-radius: 50%;
    color: #2155cd;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 2.4rem;
    height: 40px;
    justify-content: center;
    width: 40px
}

.sticky_menu_item:hover .niafam {
    background: rgba(68, 68, 68, .1);
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, .05);
    moz-transition: background-color .3s;
    o-transition: background-color .3s;
    transition: background-color .3s;
    webkit-transition: background-color .3s
}

.sticky_menu_item:hover p {
    display: flex !important;
    moz-transition: display .3s;
    o-transition: display .3s;
    transition: display .3s;
    webkit-transition: display .3s
}

@media(max-width: 575px) {
    header .container {
        padding: 0;
        width: 99% !important
    }
}

.desk_megamenu {
    align-items: center;
    display: flex;
    height: 90px
}

@media(max-width: 992px) {
    .desk_megamenu {
        display: block
    }
}

.desk_megamenu ul li,
.desk_megamenu li {
    list-style: none
}

.desk_megamenu>.desk_megamenu-item {
    align-items: center;
    display: flex;
    height: 90;
    text-align: center
}

[dir=rtl] .desk_megamenu>.desk_megamenu-item {
    margin-inline-end: 1rem;
}

[dir=ltr] .desk_megamenu>.desk_megamenu-item {
    margin-inline-start: 1rem
}

.desk_megamenu>.desk_megamenu-item>.niafam {
    color: #fff;
    font-size: 10px;
    margin-inline-end: 15px;
}

.desk_megamenu>.desk_megamenu-item>a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-inline-end: 7px;
}

@media(min-width: 992px) {
    .desk_megamenu>.desk_megamenu-item>a:after,
    .desk_megamenu>.desk_megamenu-item>a:before {
        background-color: #e8f9fd;
        content: "";
        height: 4px;
        position: absolute;
        top: -0.5rem;
        transition: .45s cubic-bezier(0.87, 0, 0.13, 1);
        width: 0
    }
    .desk_megamenu>.desk_megamenu-item>a:after {
        inset-inline-end: 50%
    }
    .desk_megamenu>.desk_megamenu-item>a:before {
        inset-inline-start: 50%;
    }
    .desk_megamenu>.desk_megamenu-item>a:hover>a {
        color: #fff
    }
    .desk_megamenu>.desk_megamenu-item>a:hover>a:after,
    .desk_megamenu>.desk_megamenu-item>a:hover>a:before {
        width: 50%
    }
}

@media(max-width: 992px) {
    .desk_megamenu>.desk_megamenu-item>a {
        color: var(--primary-color);
        display: flex
    }
    .desk_megamenu>.desk_megamenu-item>.niafam {
        display: none
    }
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    justify-content: space-between;
    inset-inline-end: 0;
    margin: 0 auto;
    min-height: 366px;
    opacity: 0;
    overflow: auto;
    overflow: hidden;
    padding: 15px 30px;
    position: absolute;
    inset-inline-start: 450px;
    text-align: center;
    text-align: right;
    top: 100%;
    transition: .15s;
    transition: .45s cubic-bezier(0.83, 0, 0.17, 1);
    width: 80%;
    z-index: 20;
    display: none
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu:before {
    bottom: 0;
    content: "";
    inset-inline-end: 0;
    position: absolute;
    inset-inline-start: 0;
    top: 0
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu::after {
    background-image: linear-gradient(to left, #fff, transparent);
    z-index: -1
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0;
    width: 20%
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul .mega-menu__links {
    width: 100%
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul .mega-menu__links h3 {
    margin-bottom: 10px
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul .mega-menu__links h3 a {
    color: #0da1dd;
    font-size: 1.6rem;
    font-weight: bold
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul .mega-menu__links ul {
    align-items: start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: start;
    padding: 0;
    width: 100%
}

.gird__style {
    display: grid;
    grid-template-areas: "item1 item2 item3 item4" "item5 item6 item7 item4";
    grid-gap: 0
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul:first-child {
    grid-area: item1
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul:nth-child(2) {
    grid-area: item2
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul:nth-child(3) {
    grid-area: item3
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul:nth-child(4) {
    grid-area: item4
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul:nth-child(5) {
    grid-area: item5
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul:nth-child(6) {
    grid-area: item6
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul:nth-child(7) {
    grid-area: item7
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul:nth-child(8) {
    grid-area: item8
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul .mega-menu__links ul li {
    margin-bottom: 10px
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul .mega-menu__links ul li a {
    color: #737373;
    font-size: 1.4rem;
    font-weight: 400;
    moz-transition: color .3s;
    o-transition: color .3s;
    transition: color .3s;
    webkit-transition: color .3s
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu ul .mega-menu__links ul li:hover a {
    color: #0996ce
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu::before {
    background-position: center;
    background-size: cover;
    z-index: -2
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children>.sub-desk_megamenu::before {
    background-image: linear-gradient(to right, transparent, white), url(../img/shahr.jpg)
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children:nth-child(2)>.sub-desk_megamenu::before {
    background-image: linear-gradient(to right, transparent, white), url(../img/New\ Project.jpg)
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children:nth-child(3)>.sub-desk_megamenu::before {
    background-image: linear-gradient(to right, transparent, white), url(../img/miz.jpg)
}

.desk_megamenu>.desk_megamenu-item.desk_megamenu-item-has-children:nth-child(4)>.sub-desk_megamenu::before {
    background-image: linear-gradient(to right, transparent, white), url(../img/shafafiat.jpg)
}

.sub-desk_megamenu.js-mega-desk_megamenu-categories-options:after {
    content: "";
    inset-inline-end: 0;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    position: absolute;
    opacity: 25%
}

.is_active {
    inset-inline-end: 0 !important;
    opacity: 1 !important;
    inset-inline-start: 0 !important;
    visibility: visible !important;
    display: flex !important
}

.active__grid {
    display: grid !important;
    inset-inline-end: 0 !important;
    opacity: 1 !important;
    inset-inline-start: 0 !important;
    visibility: visible !important
}

.active__grid ul {
    width: fit-content !important
}

@media(max-width: 992px) {
    .inner-categories {
        padding: 10px 20px
    }
    .inner-categories .js-mega-desk_megamenu-category-options {
        border-bottom: 1px solid var(--mm-color-border)
    }
    .inner-categories .sublist-option.sublist-option--title {
        margin-bottom: 5px;
        margin-top: 12px
    }
    .inner-categories li {
        border-bottom: 1px solid #f5f5f5;
        font-size: 12px;
        list-style: none;
        margin: 10px 0
    }
    .inner-categories li:last-child {
        border: none
    }
    .inner-categories ul {
        padding: 0
    }
}

.alert-info {
    background-color: #b8c8ca
}

.classes_list .button-item:hover,
.text-customize button:hover,
.rvfs-decrease:hover,
.rvfs-increase:hover {
    background-color: #fa360a;
    color: #fff;
    cursor: pointer
}

.accessibility__tooltip {
    background-color: #ed1c24;
    color: #fff
}

.accessibility__tooltip::after {
    border-inline-start: 10px solid #ed1c24;
}

.big-display-title {
    align-items: center;
    color: #66676a;
    display: flex;
    font-size: 1.4rem !important;
    line-height: 40px
}

.sec_footer {
    align-items: center;
    background-image: url(../img/patern\ 2.png);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    height: calc(100vh - 310px);
    justify-content: space-evenly
}

.sec_footer .grid_footer {
    display: grid;
    grid-gap: 30px 67.36px;
    grid-template-areas: "item1 item1 item2 item3" "item1 item1 item4 item3" "item6 item6 item6 item6"
}

@media(max-width: 1200px) {
    .sec_footer .grid_footer {
        grid-template-areas: "item1 item2 item3" "item1 item4 item3" "item6 item6 item6"
    }
}

@media(max-width: 992px) {
    .sec_footer .grid_footer {
        grid-template-areas: "item1 item1 item2 item2" "item1 item1 item3 item3" "item4 item4 item5 item5" "item6 item6 item6 item6"
    }
}

@media(max-width: 678px) {
    .sec_footer .grid_footer {
        grid-gap: 10px 30px;
        grid-template-areas: "item1 item1 item1 item1" "item2 item2 item2 item2" "item3 item3 item3 item3" "item4 item4 item5 item5" "item6 item6 item6 item6";
        height: fit-content !important
    }
    .sec_footer .grid_footer .footer_item {
        margin-top: 10px !important
    }
    .sec_footer .grid_footer .footer_item .map {
        height: 190px !important;
        margin-bottom: 10px
    }
    .sec_footer .grid_footer .footer_item .left_box .update {
        margin-top: 10px !important
    }
}

.sec_footer .footer_item:first-child {
    align-items: start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-area: item1;
    justify-content: start
}

.sec_footer .footer_item:first-child .map {
    height: 323px;
    margin-inline-end: 30px;
    width: 260px
}

.sec_footer .footer_item:first-child .map img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.sec_footer .footer_item:nth-child(2) {
    grid-area: item2
}

f .footer_item:nth-child(3) {
    grid-area: item3
}

.sec_footer .footer_item:nth-child(3) .footer_box_left {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.sec_footer .footer_item:nth-child(3) .footer_box_left .social {
    align-items: end;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end;
    margin-top: 50px
}

.sec_footer .footer_item:nth-child(3) .footer_box_left .social i {
    color: #444;
    font-size: 19px;
    margin-inline-end: 7px;
}

@media(max-width: 520px) {
    .sec_footer .footer_item:nth-child(3) .footer_box_left .social i {
        font-size: 15px
    }
}

.sec_footer .footer_item:nth-child(3) .footer_box_left .social i:hover {
    color: #2155cd;
    moz-transition: color .3s;
    o-transition: color .3s;
    transition: color .3s;
    webkit-transition: color .3s
}

@media(max-width: 520px) {
    .sec_footer .footer_item:nth-child(3) .footer_box_left {
        justify-content: end;
        width: 70%
    }
    .sec_footer .footer_item:nth-child(3) .footer_box_left .social {
        margin-bottom: -25px;
        margin-top: 10px
    }
}

@media(max-width: 1360px) {
    .sec_footer .footer_item:nth-child(3) {
        position: relative
    }
    .sec_footer .footer_item:nth-child(3) .footer_box_left {
        bottom: 0;
        inset-inline-end: 0;
        position: absolute
    }
}

@media(max-width: 992px) {
    .sec_footer .footer_item:nth-child(3) .footer_box_left {
        justify-content: space-between;
        inset-inline-end: 0;
        padding: 0 10px;
        position: relative;
        inset-inline-start: 0;
        width: 100%
    }
    [dir=rtl]{text-align: right;}
    [dir=ltr]{text-align: left;}
}

.sec_footer ul {
    align-items: start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: start;
    list-style: none;
    padding: 0
}

.sec_footer ul .footer_arch_item {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    margin-bottom: 5px;
    width: fit-content
}

.sec_footer ul .footer_arch_item .icon {
    align-items: center;
    border: 1px solid #2155cd;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 30px;
    justify-content: center;
    margin-inline-end: 15px;
    text-align: center;
    width: 30px
}

@media(max-width: 520px) {
    .sec_footer ul .footer_arch_item .icon {
        height: 15px;
        margin-inline-end: 5px !important;
        width: 15px
    }
}

.sec_footer ul .footer_arch_item .icon .niafam {
    color: #2155cd;
    font-size: 15px
}

@media(max-width: 1360px) {
    .sec_footer ul .footer_arch_item .icon {
        margin-inline-end: 10px
    }
}

@media(max-width: 992px) {
    .sec_footer ul .footer_arch_item .icon .niafam {
        font-size: 10px
    }
}

.sec_footer ul .footer_arch_item span,
.sec_footer ul .footer_arch_item a {
    color: var(--primary-color);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 34px;
    max-width: 275px
}

@media(max-width: 1360px) {
    .sec_footer ul .footer_arch_item span,
    .sec_footer ul .footer_arch_item a {
        font-size: 1.4rem
    }
}

@media(max-width: 992px) {
    .sec_footer ul .footer_arch_item span,
    .sec_footer ul .footer_arch_item a {
        font-size: 1.2rem
    }
}

@media(max-width: 520px) {
    .sec_footer ul .footer_arch_item span,
    .sec_footer ul .footer_arch_item a {
        font-size: 1.4rem
    }
}

.sec_footer ul .footer_arch_item .head {
    color: #2155cd
}

.sec_footer ul .footer_arch_item .circle {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start
}

.sec_footer ul .footer_arch_item .circle span {
    background: #444;
    border-radius: 50px;
    display: inline-block;
    height: 5px;
    width: 5px
}

.sec_footer ul .footer_arch_item .circle span:nth-child(2) {
    background: rgba(68, 68, 68, .7);
    margin: 0 3px
}

.sec_footer ul .footer_arch_item .circle span:nth-child(3) {
    background: rgba(68, 68, 68, .4);
    margin-inline-end: 10px
}

@media(max-width: 520px) {
    .sec_footer ul .footer_arch_item .circle span {
        height: 2px;
        width: 2px
    }
    .sec_footer ul .footer_arch_item .circle span:nth-child(2) {
        margin: 0 1px
    }
    .sec_footer ul .footer_arch_item .circle span:nth-child(3) {
        margin-inline-end: 5px
    }
}

.sec_footer ul .footer_arch_item:hover a {
    color: #2155cd;
    moz-transition: color .3s;
    o-transition: color .3s;
    transition: color .3s;
    webkit-transition: color .3s
}

.sec_footer .left_box {
    align-items: start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between
}

.sec_footer .left_box .update {
    color: #444;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 29px;
    margin-top: 40px
}

@media(max-width: 992px) {
    .sec_footer .left_box .update {
        font-size: 1.2rem;
        margin-inline-start: 5px;
        margin-top: 0
    }
}

@media(max-width: 1431px) {
    .sec_footer {
        padding-top: 15px
    }
    .sec_footer .footer_item:first-child .map {
        height: 260px;
        margin-inline-end: 16px;
        width: 33%
    }
    .sec_footer .footer_item:first-child .left_box {
        width: 60%
    }
}
@media (max-width: 1200px){
	.container.grid_footer{max-width: 100% !important;}
}
@media(max-width: 992px) {
    .sec_footer {
        height: calc(100vh - 240px);
        padding-top: 5px
    }
    .sec_footer .footer_item .title_box {
        margin: 0
    }
    .sec_footer .footer_item:first-child .map {
        height: 280px;
        margin-inline-end: 16px;
        width: 100%
    }
    .sec_footer .footer_item:first-child .left_box {
        order: -2;
        width: 100%
    }
}

@media(max-width: 992px) {
    .sec_footer {
        height: fit-content;
        margin-top: 25px
    }
}

@media(max-width: 720px) {
    .sec_footer {
        padding-top: 0
    }
}

@media(max-height: 920px) {
    .sec_footer {
        height: calc(100vh - 225px)
    }
}

.line {
    border-top: 2px dashed rgba(238, 238, 238, .7);
    height: 1px;
    margin-bottom: 20px;
    width: 100%;
    z-index: 9999
}

.copyright {
    align-items: center;
    backdrop-filter: blur(2.5px);
    background-color: rgba(51, 51, 51, .08);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .11) 0px 15px 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    grid-area: item6;
    justify-content: center;
    padding: 30px 0;
    position: relative;
    width: 100%
}

.copyright p,
.copyright a {
    color: #444;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 34px
}

.copyright p span,
.copyright a span {
    color: #2155cd
}

@media(max-width: 992px) {
    .copyright p,
    .copyright a {
        font-size: 1rem
    }
}

.copyright a:hover {
    color: #2155cd;
    moz-transition: color .3s;
    o-transition: color .3s;
    transition: color .3s;
    webkit-transition: color .3s
}

@media(max-width: 1200px) {
    .copyright {
        padding: 10px 0
    }
}

.overlay {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
    display: none;
    flex-flow: row wrap;
    height: 100%;
    inset-inline-end: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999
}

.overlay .closebtn {
    color: #fff;
    cursor: pointer;
    font-size: 60px;
    position: absolute;
    inset-inline-start: 45px;
    top: 20px
}

.overlay .closebtn:hover {
    color: #ccc
}

.overlay input[type=text] {
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-color: rgba(0, 0, 0, 0);
    color: #fff !important;
    font-size: 24px;
    padding: 15px;
    text-align: center;
    width: 80%
}

.overlay button {
    background-color: #0aa1dd;
    border: none;
    cursor: pointer;
    font-size: 17px;
    margin-top: 40px;
    padding: 10px;
    width: 20%
}

.overlay button:hover {
    background: #0aa1dd
}

.overlay-content {
    margin: auto;
    margin-top: 30px;
    text-align: center;
    width: 100%
}

.overlay-content form {
    align-items: center;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    margin: 0 auto;
    width: 50%
}

.overlay input[type=text]:focus,
.overlay input[type=text]:focus-visible {
    border-bottom: 1px solid #0aa1dd;
    outline: rgba(0, 0, 0, 0) !important
}

.overlay-content p {
    color: #fff;
    margin-top: 20px;
    text-align: center
}

.overlay-content input::placeholder {
    color: #fff
}

.weather_button {
    display: flex;
    align-items: center;
    background: #0da1dd;
    background-color: #0da1dd;
    border-radius: 0px 15px 15px 0px;
    height: 60px;
    justify-content: center;
    inset-inline-end: 0px;
    ms-flex-align: center;
    ms-flex-pack: center;
    position: fixed;
    top: calc(50% + 80px);
    transform: translateY(-50%);
    webkit-box-align: center;
    webkit-box-pack: center;
    webkit-transform: translateY(-50%);
    width: 60px;
    z-index: 700;
    z-index: 99
}

.weather_button .niafam {
    color: #fff;
    font-size: 25px
}

@media(max-width: 1370px) {
    .weather_button {
        height: 45px;
        top: calc(50% + 40px);
        width: 45px
    }
}

.weather {
    align-items: center;
    background: #0da1dd;
    background: linear-gradient(180deg, #E8F9FD 0%, #E8F9FD 100%);
    background-color: #0da1dd;
    border: 1px solid rgba(220, 220, 220, .3);
    border-radius: 8px;
    box-shadow: 0px 30px 60px rgba(33, 85, 205, .15), inset 0px 4px 250px rgba(121, 218, 232, .1);
    display: none;
    height: 36px;
    justify-content: center;
    inset-inline-end: 66px;
    ms-flex-align: center;
    ms-flex-pack: center;
    position: fixed;
    top: calc(50% + 80px);
    transform: translateY(-50%);
    webkit-box-align: center;
    webkit-box-pack: center;
    webkit-transform: translateY(-50%);
    width: 80px;
    z-index: 700
}

@media(max-width: 1370px) {
    .weather {
        inset-inline-end: 53px;
        top: calc(50% + 40px)
    }
}

.weather span {
    color: #2155cd;
    font-size: 1.2rem;
    inset-inline-end: -5px;
    position: relative;
    top: -3px
}

.weather img {
    height: 40px;
    position: relative;
    top: -4px;
    width: 40px
}

.weather::after {
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-inline-start: 7px solid #e8f9fd;
    border-top: 7px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    inset-inline-end: -5px;
    position: absolute;
    top: 10px;
    width: 0
}

.weather_show {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end
}

.dotsMenu {
    opacity: 0;
    position: fixed;
    inset-inline-start: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    visibility: hidden;
    z-index: 100
}

.dotsMenu--show {
    opacity: 1;
    inset-inline-start: 18px;
    visibility: visible
}

.dotsMenu__list {
    align-items: center;
    background: #fff;
    border-radius: 500px;
    box-shadow: 0px 10px 15px rgba(33, 85, 205, .15);
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    position: relative;
    width: 45px
}

.dotsMenu__link {
    align-items: center;
    border-radius: 10px;
    display: flex;
    height: 50px;
    justify-content: center;
    position: relative;
    inset-inline-start: 0;
    transition: .3s;
    width: 50px
}

.dotsMenu__item {
    list-style: none
}

.dotsMenu__item.active .dotsMenu__link {
    background-color: #0da1dd;
    inset-inline-start: 30px
}

.dotsMenu__item.active .dotsMenu__icon {
    color: #fff
}

.dotsMenu__text {
    background-color: #0da1dd;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    opacity: 0;
    padding: 8px 10px;
    position: absolute;
    inset-inline-start: calc(100% + 5px);
    top: 9px;
    transition: .3s;
    visibility: hidden;
    white-space: nowrap
}

.dotsMenu__text::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0da1dd;
    border-style: solid;
    border-width: 4.5px ​0 4.5px 5px;
    content: "";
    display: inline-block;
    height: 0;
    inset-inline-end: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0
}

.dotsMenu__icon {
    color: #2155cd;
    font-size: 24px;
    transition: .3s
}

li.dotsMenu__item:hover .dotsMenu__text {
    visibility: visible;
    opacity: 1;
}

.overlay-content form {
    position: absolute;
    top: 50%;
    inset-inline-end: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 992px) {
    .sec_footer {
        height: fit-content !important;
    }
    .weather_button {
        display: none;
    }
}

.sec_footer {
    padding-top: 0;
}

.logo img {
    height: 100%;
}

@media (max-height: 920px) {
    .sec_footer {
        padding-top: 40px;
    }
}


/*# sourceMappingURL=websiteStyle.css.map */