:root {
    --lipstick: #ffc74b;
    --dark: #263238;
    --sun-yellow: #ffca28;
    --french-blue: #3f51b5;
    --cool-grey: #b0bec5;
    --light-grey: #eceff1;
    --white: #ffffff;
    --light: #f9f9f9;
    --green: #4CAF50;
    --price-per-space-top: #f8c229;
    --price-per-space-mid: #7bb343;
    --price-per-space-down: #408030;
}

/*---------------------- Public Style ---------------------*/
.search-page .aside-search .box-filter .body-filter  {
    color: var(--lipstick);
   
}
.search-page .aside-search .box-filter .body-filter a {
    color:  darkgray;
}

body {
    background-color: var(--white);
    margin: 0;
    padding: 0;
    direction: rtl;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

* {
    font-family: IRANSans;
    outline: medium none !important;
    text-decoration: none !important;
}

.container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

::selection {
    background-color: var(--lipstick);
    color: var(--white);
}
.tooltip-inner{
    background-color: var(--dark);
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 6px;
}
.tooltip .arrow::before{
    border-bottom-color: var(--dark);
    border-top-color: var(--dark);
}

/*---------------------- Public Swiper ---------------------*/

.swiper-mlk .arrow-mlk::after {
    display: none;
}

.swiper-mlk .arrow-mlk {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--white);
    opacity: 1;
    transition: all 0.4s;
}

.swiper-mlk .arrow-mlk:hover {
    background-color: var(--white);
    color: var(--lipstick);
}

.swiper-mlk .arrow-mlk.swiper-button-prev {
    margin-right: 20px;
    transform: rotate(-90deg);
}

.swiper-mlk .arrow-mlk.swiper-button-next {
    margin-left: 20px;
    transform: rotate(90deg);
}

/*---------------------- /Public Swiper ---------------------*/

/*---------------------- Public Title ---------------------*/

.title-section .icon-title {
    position: relative;
    margin-left: 15px;
}

.title-section .icon-title .svg-mlk {
    width: 55px;
    height: 55px;
}

.title-section .icon-title .svg-mlk path {
    fill: var(--cool-grey);
}

.title-section .icon-title>i {
    font-size: 25px;
    position: absolute;
    left: 2px;
    top: -2px;
    color: var(--lipstick);
}

.title-section .info-tilte .title-text {
    font-size: 25px;
    font-weight: bold;
    color: var(--dark);
    margin: 0 0 3px;
}

.title-section .info-tilte .desc-title {
    font-size: 16px;
    font-weight: normal;
    color: var(--cool-grey);
    margin: 0;
}

.title-section .btn-archive-sec,
.article-expert .list-comments .btn-archive-sec {
    color: var(--cool-grey);
    font-weight: 500;
    transition: all 0.4s;
}

.title-section .btn-archive-sec:hover,
.article-expert .list-comments .btn-archive-sec:hover {
    color: var(--lipstick);
}

.title-section .btn-archive-sec .icon-long-arrow,
.article-expert .list-comments .btn-archive-sec .icon-long-arrow {
    font-size: 16px;
    margin-right: 15px;
    transition: all 0.4s;
}

.title-section .btn-archive-sec:hover .icon-long-arrow,
.article-expert .list-comments .btn-archive-sec:hover .icon-long-arrow {
    margin-right: 10px;
}


/*---------------------- /Public Title ---------------------*/

/*---------------------- Public Items Melk ---------------------*/

.box-item-mlk .images-mlk {
    position: relative;
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    background-clip: padding-box;
    border: 3px solid rgba(38, 50, 56, 0.1);
}

.box-item-mlk .images-mlk .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.box-item-mlk .images-mlk .arrow-gallery {
    top: 45%;
    font-size: 20px;
    color: var(--white);
    opacity: 0;
    transform: scale(0);
    transition: all 0.4s;
}

.box-item-mlk .images-mlk:hover .arrow-gallery {
    opacity: 1;
    transform: scale(1);
}

.box-item-mlk .images-mlk .arrow-gallery::after {
    display: none;
}

.box-item-mlk .images-mlk .arrow-gallery.swiper-button-next {
    margin-left: -40px;
}

.box-item-mlk .images-mlk .arrow-gallery.swiper-button-prev {
    margin-right: -40px;
    transform: scaleX(-1);
}
.article-melk .swipter-article .swiper-button-prev{
    transform: scaleX(-1);
}

.box-item-mlk .images-mlk:hover .arrow-gallery.swiper-button-next {
    margin-left: 15px;
}

.box-item-mlk .images-mlk:hover .arrow-gallery.swiper-button-prev {
    margin-right: 15px;
}

.box-item-mlk .op-style {
    width: 60px;
    height: 30px;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: var(--white);
    z-index: 10;
    line-height: 2.2;
    transition: all 0.4s;
}

.box-item-mlk .images-mlk .after-options .op-quick {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: red;
}

.box-item-mlk .images-mlk .after-options .op-exchange {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: var(--french-blue);
}

.box-item-mlk .images-mlk .after-options .code-mlk {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: auto;
    padding: 0 15px;
    background-color: rgba(38, 50, 56, 0.5);
    font-weight: 500;
    line-height: 2.4;
}

.box-item-mlk .images-mlk .after-options .view-mlk {
    left: auto;
    right: 10px;
}

.box-item-mlk .images-mlk .after-options .refresh {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 25px;
    z-index: 10;
    color: var(--white);
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
}

.box-item-mlk .images-mlk:hover .after-options .refresh {
    color: var(--sun-yellow);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.box-item-mlk .images-mlk:hover .after-options .code-mlk {
    background-color: rgba(255, 255, 255, 0.2);
}

.box-item-mlk .images-mlk .after-options .item-op {
    position: absolute;
    left: -20px;
    top: 15px;
    font-size: 26px;
    color: var(--white);
    z-index: 10;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.4s;
}

.box-item-mlk .images-mlk:hover .after-options .item-op {
    left: 15px;
    transform: scale(1);
    opacity: 1;
}

.box-item-mlk .images-mlk:hover .after-options .item-op:nth-child(2) {
    left: 60px;
}

.box-item-mlk .images-mlk .swiper-slide {
    position: relative;
    display: block;
    width: 100% !important;
    overflow: hidden;
}

.box-item-mlk .images-mlk .swiper-slide::before {
    content: "";
    background-color: var(--dark);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    transition: all 0.4s;
}

.box-item-mlk .images-mlk:hover .swiper-slide::before {
    opacity: 0.3;
}

.box-item-mlk .images-mlk::after {
    content: "";
    background: url('../images/logo/logo-single.png') no-repeat center center / 100px;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -5px;
    right: -120px;
    z-index: 5;
    filter: brightness(0) invert(1);
    opacity: 0;
    transform: scale(0);
    transition: all 0.4s;
}

.box-item-mlk .images-mlk:hover::after {
    right: -20px;
    opacity: 0.1;
    transform: scale(1);
}

.box-item-mlk .info-mlk {
    margin-top: 15px;
    text-align: right;
}

.box-item-mlk .info-mlk .sub-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-item-mlk .info-mlk .sub-info .op-lux {
    background-color: var(--sun-yellow);
}

.box-item-mlk .info-mlk .sub-info .muted-inf, .content-melk .box-imprt-infmlk .sub-infmlk .muted-inf {
    font-size: 14px;
    font-weight: 500;
    color: var(--cool-grey);
}

.box-item-mlk .info-mlk .sub-info .muted-inf .area-mlk, .content-melk .box-imprt-infmlk .sub-infmlk .muted-inf .area-mlk {
    position: relative;
    display: inline-block;
    color: var(--cool-grey);
    margin-right: 20px;
    transition: all 0.4s;
}

.box-item-mlk .info-mlk .sub-info .muted-inf .date-mlk,
.content-melk .box-imprt-infmlk .sub-infmlk .muted-inf .date-mlk{
    display: inline-block;
}

.box-item-mlk .info-mlk .sub-info .muted-inf .area-mlk:hover, .content-melk .box-imprt-infmlk .sub-infmlk .muted-inf .area-mlk:hover {
    color: var(--lipstick);
}

.box-item-mlk .info-mlk .sub-info .muted-inf .area-mlk::before, .content-melk .box-imprt-infmlk .sub-infmlk .muted-inf .area-mlk::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--cool-grey);
    border-radius: 100%;
    position: absolute;
    top: 10px;
    right: -15px;
    opacity: 0.5;
}

.box-item-mlk .info-mlk .name-mlk, .content-melk .box-imprt-infmlk .name-melk {
    display: block;
    font-size: 0.90vw;
    font-weight: bold;
    color: var(--dark);
    margin: 8px 0;
}

.box-item-mlk .info-mlk .price-mlk, .content-melk .box-imprt-infmlk .sub-infmlk .price-melk {
    font-size: 18px;
    font-weight: bold;
    color: var(--lipstick);
}

.box-item-mlk .info-mlk .price-mlk .toman, .content-melk .box-imprt-infmlk .sub-infmlk .price-melk .toman {
    font-size: 14px;
    font-weight: 500;
    color: var(--dark);
    margin-right: 5px;
}

/*---------------------- /Public Items Melk ---------------------*/

/*---------------------- /Public Style ---------------------*/

/*---------------------- Header Main ---------------------*/

.header-main {
    height: 100vh;
    background: url('../images/site/bg-header.jpg') no-repeat top center / cover fixed;
}
.header-commission {
    background: url('../images/site/bg-commission.jpg') no-repeat top center / cover fixed;
}

.header-main::before {
    content: "";
    background-image: linear-gradient(to bottom, rgba(38, 50, 56, 0.15), rgba(38, 50, 56, 0.5) 89%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.header-commission::before {
    background-image: linear-gradient(to bottom, rgba(38, 50, 56, 0.6), rgba(38, 50, 56, 0.5) 89%);
}
.header-main::after {
    content: "";
    background-color: var(--white);
    position: absolute;
    border-radius: 100% 100% 0 0;
    right: -10%;
    left: 0;
    box-shadow: 0 -6px 0px rgba(255, 255, 255, 0.25);
    height: 500px;
    width: 120%;
    bottom: -380px;
    z-index: 0;
}

.header-main .arrow-bottom {
    background: url('../images/site/vector-header.svg') no-repeat center center / 400px;
    position: absolute;
    bottom: 110px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 400px;
    height: 70px;
    text-align: center;
}

.header-main .arrow-bottom .animated-angle-1 {
    animation: 3s ease-out 0s normal none infinite running angle1;
    opacity: 0;
}

.header-main .arrow-bottom .page-scroll {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: inline-block;
    color: var(--lipstick);
    margin: 15px auto;
    background-color: rgba(237, 34, 37, 0.1);
    position: relative;
    z-index: 99;
    overflow: hidden;
}

.header-main .arrow-bottom .icon-arrow {
    position: relative;
    font-size: 13px;
    color: var(--lipstick);
    display: block;
    width: 16px;
    height: 16px;
    margin-bottom: 20px;
    left: -17px;
    top: -17px;
}

.header-main .arrow-bottom .animated-angle-2 {
    animation: 3s ease-in 0s normal none infinite running angle2;
    opacity: 1;
}

@keyframes angle1 {
    0% {
        opacity: 0;
        transform: translate(0px, 0px);
    }
    90% {
        opacity: 0;
        transform: translate(0px, 0px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 36px);
    }
}

@keyframes angle2 {
    0% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
    90% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
    100% {
        opacity: 0;
        transform: translate(0px, 36px);
    }
}

/*---------------------- Header Top ---------------------*/

.header-main .header-top {
    position: relative;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 9999;
}

.header-main .header-top>div {
    display: flex;
    align-items: center;
}

.header-main .header-top .img-logo {
    width: 200px;
}

.header-main .header-top .navbar-mlktab .navbar-nav {
    padding-right: 20px;
}

.header-main .header-top .navbar-mlktab .nav-link {
    position: relative;
    padding: 0 20px;
    color: var(--white);
    font-weight: normal;
    opacity: 0.7;
    font-size: 16px;
    transition: all 0.4s;
}

.header-main .header-top .navbar-mlktab .nav-link::before {
    content: "";
    width: 1px;
    height: 45px;
    background-color: var(--white);
    position: absolute;
    top: -100px;
    right: 0;
    left: 0;
    opacity: 0.5;
    margin: 0 auto;
    transition: all 0.4s;
}

.header-main .header-top .navbar-mlktab .nav-link:hover::before {
    top: -50px;
    background-color: var(--cool-grey);
}

.header-main .header-top .navbar-mlktab .nav-link::after {
    content: "";
    background-color: var(--white);
    width: 0;
    height: 0;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 10;
    opacity: 0;
    transition: all 0.4s;
}

.header-main .header-top .navbar-mlktab .nav-link:hover::after {
    width: 9px;
    height: 9px;
    top: -15px;
    opacity: 1;
}

.header-main .header-top .navbar-mlktab .nav-link:hover {
    opacity: 1;
    font-weight: bold;
}

.header-main .header-top .left-top>a {
    margin-right: 15px;
}

.header-main .header-top .wishlist {
    display: inherit;
    font-size: 38px;
    color: var(--sun-yellow);
    transition: all 0.4s;
}

.header-main .header-top .wishlist:hover {
    transform: scale(0.9);
}

.header-main .header-top .register-user {
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    transition: all 0.4s;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 9px 30px;
    border-radius: 12px;
    border: 2px solid var(--white);
}


.header-main .header-top .register-user.profile {
    cursor: pointer;
    position: relative;
    padding: 0;
    width: 70px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-right: 15px;
    z-index: 9999;
}

.header-main .header-top .register-user.profile .icon-arrow {
    font-size: 8px;
    margin-right: 5px;
}

.header-main .header-top .register-user.profile .profile-box {
    position: absolute;
    top: 80px;
    left: 0;
    width: 300px;
    background-color: var(--white);
    border-radius: 15px;
    padding: 10px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    background-clip: padding-box;
    overflow: hidden;
    text-align: right;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    transition: all 0.4s;
}
.header-main .header-top .register-user.profile .profile-box.show{
    top: 50px;
    opacity: 1;
    visibility: visible;
}

.header-main .header-top .profile-box .info-profile {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 10px;
}
.header-main .header-top .profile-box .info-profile::after{
    content: "\e902";
    font-family: 'icomoon';
    position: absolute;
    left: 5px;
    top: 15px;
    transform: rotate(90deg);
    color: var(--cool-grey);
    font-size: 12px;
    opacity: 0.5;
}

.header-main .header-top .profile-box .info-profile .image-pr {
    position: relative;
    background-color: var(--white);
    border: 2px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    margin-left: 10px;
}

.header-main .header-top .profile-box .info-profile .view-profile {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.header-main .header-top .profile-box .info-profile .name-profile {
    font-size: 14px;
    color: var(--dark);
    font-weight: bold;
    margin-bottom: 0;
}

.header-main .header-top .profile-box .info-profile .post {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: var(--cool-grey);
}
.header-main .header-top .profile-box .item-pr{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    font-size: 14px;
    color: var(--dark);
    transition: all 0.4s;
}
.header-main .header-top .profile-box .item-pr:not(.exit-pr):hover{
    background-color: var(--light-grey);
    border-radius: 10px;
}
.header-main .header-top .profile-box .item-pr > i{
    width: 30px;
    text-align: center;
    font-size: 22px;
    margin-left: 15px;
    transition: all 0.4s;
}
.header-main .header-top .profile-box .item-pr:not(.exit-pr):hover > i{
    color: var(--lipstick);
}
.header-main .header-top .profile-box .exit-pr{
    color: var(--lipstick);
    border-top: 1px solid var(--light-grey);
    margin-top: 10px;
    padding-top: 15px;
}
.header-main .header-top .profile-box .exit-pr > i{
    font-size: 25px;
}

.header-main .header-top .register-user:hover {
    background-color: var(--sun-yellow);
    color: var(--dark);
}

.header-main .header-top .btn-regmlk {
    background-color: var(--lipstick);
    border-radius: 12px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    background-clip: padding-box;
    padding: 9px 30px;
    color: var(--white);
    font-weight: bold;
    box-shadow: none;
    transition: all 0.4s;
}

.header-main .header-top .btn-regmlk:hover {
    background-color: var(--sun-yellow);
    color: var(--dark);
}

.header-main .header-top .btn-sleplace {
    background-color: var(--white);
    border-radius: 12px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    background-clip: padding-box;
    padding: 9px 30px;
    color: var(--dark);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: all 0.4s;
}

.header-main .header-top .btn-sleplace>i {
    font-size: 24px;
    color: var(--lipstick);
    margin-left: 5px;
}

.header-main .header-top .btn-sleplace:hover {
    background-color: var(--dark);
    color: var(--white);
}

/*---------------------- /Header Top ---------------------*/

/*---------------------- Header Filters ---------------------*/

.header-main .header-filter .bio-site {
    margin-top: 40px;
}

.header-main .header-filter .bio-site .slogan-mlktab {
    color: var(--white);
    font-weight: bold;
    font-size: 35px;
}

.header-main .header-filter .bio-site .ftr-mlktab {
    color: var(--white);
    font-weight: normal;
    font-size: 18px;
    opacity: 0.7;
}

.header-main .header-filter .tab-filter-box {
    position: relative;
    margin-top: 80px;
}

.header-main .header-filter .tab-filter-box .nav-tabs {
    position: relative;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-main .header-filter .tab-filter-box .nav-link {
    position: relative;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    transition: all 0.4s;
}

.header-main .header-filter .tab-filter-box .nav-link::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 20px 25px;
    border-color: transparent transparent var(--white) transparent;
    position: absolute;
    bottom: -60px;
    right: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
    transition-delay: 0.2s;
}

.header-main .header-filter .tab-filter-box .nav-link.active::before {
    opacity: 1;
    visibility: visible;
    bottom: -30px;
}

.header-main .header-filter .tab-filter-box .nav-link>i {
    position: relative;
    font-size: 55px;
    margin-bottom: 10px;
    transition: all 0.4s;
}

.header-main .header-filter .tab-filter-box .nav-link>img {
    position: relative;
    width: 50px;
    margin-bottom: 10px;
    transition: all 0.4s;
}

.header-main .header-filter .tab-filter-box .nav-link.active>i {
    color: var(--lipstick);
    animation: bounce 0.5s alternate;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-3px);
    }
    50% {
        transform: translateY(3px);
    }
    100% {
        transform: translateY(0);
    }
}

.header-main .header-filter .tab-filter-box .box-list-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    background-color: var(--white);
    padding: 10px;
    border-radius: 200px;
    border: 5px solid rgba(255, 255, 255, 0.25);
    background-clip: padding-box;
}

.header-main .header-filter .tab-filter-box .arrow-mlk::after {
    display: none;
}

.header-main .header-filter .tab-filter-box .arrow-mlk {
    display: none;
    font-size: 20px;
    font-weight: normal;
    color: var(--white);
    top: 30%;
    z-index: 99;
}

.header-main .header-filter .tab-filter-box .arrow-mlk.flt-next {
    transform: rotate(-90deg);
}

.header-main .header-filter .tab-filter-box .arrow-mlk.flt-prev {
    transform: rotate(90deg);
}

.header-main .header-filter .box-list-filter .item-flt {
    position: relative;
    padding: 0 10px;
    display: flex;
    align-items: center;
    width: auto;
}

.header-main .header-filter .box-list-filter .item-flt::after {
    content: "";
    background-color: var(--cool-grey);
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0.3;
}

.header-main .header-filter .box-list-filter .item-flt:last-child::after {
    display: none;
}

.header-main .header-filter .box-list-filter .form-control {
    border: none;
    box-shadow: none;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark);
}

.header-main .header-filter .box-list-filter .form-control::placeholder {
    color: var(--cool-grey);
}

.header-main .header-filter .box-list-filter .form-control:read-only {
    background-color: transparent;
}

.header-main .header-filter .box-list-filter .letter-price,
.header-main .header-filter .box-list-filter .tax-price {
    position: absolute;
    bottom: -12px;
    right: 45px;
    font-size: 11px;
    color: var(--cool-grey);
    font-weight: 500;
    z-index: 10;
}

.header-main .header-filter .box-list-filter .tax-price {
    right: 50px;
}

.header-main .header-filter .box-list-filter .item-flt i[class*="icon-"] {
    font-size: 24px;
    color: var(--lipstick);
}

.header-main .header-filter .box-list-filter .item-flt>i {
    width: 30px;
    text-align: center;
}

.header-main .header-filter .box-list-filter .item-flt .icon-search {
    font-size: 20px !important;
}

.header-main .header-filter .box-list-filter .input-group-text {
    background-color: transparent;
    border: none;
    padding: 0;
}

.header-main .header-filter .box-list-filter .input-group {
    width: 100%;
}

.header-main .header-filter .box-list-filter .select2-container {
    width: 100% !important;
}

.header-main .header-filter .box-list-filter .item-flt:last-child {
    padding: 0 10px 0 0;
}

.header-main .header-filter .item-flt .range-box-filter {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    text-align: right;
    padding: 0 10px;
    width: 100%;
}

.header-main .header-filter .item-flt .range-box-filter .title-group {
    font-size: 14px;
    color: var(--cool-grey);
    margin: 0 0 3px;
}

.header-main .header-filter .item-flt .range-box-filter .price-period {
    display: flex;
    font-size: 12px;
    font-weight: bold;
    color: var(--dark);
    align-items: center;
}

.header-main .header-filter .item-flt .range-box-filter .unit {
    font-size: 10px;
    font-weight: normal;
    margin-right: 2px;
}

.header-main .header-filter .item-flt .range-box-filter .ta-rng {
    margin: 0 5px;
    font-weight: normal;
}

.header-main .header-filter .item-flt .range-box-filter .icon-arrow {
    font-size: 10px !important;
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.header-main .header-filter .item-flt .icon-close {
    display: block;
    width: 30px !important;
    height: 30px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--light-grey);
    color: var(--dark) !important;
    position: absolute;
    left: 10px;
    z-index: 999;
    top: 5px;
    font-size: 9px !important;
    transform: scaleX(0);
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    transition: all 0.4s;
}

.header-main .header-filter .item-flt.active .icon-close {
    transform: scaleX(1);
    opacity: 1;
    visibility: visible;
}

.header-main .header-filter .item-flt.active .icon-close:hover {
    color: var(--lipstick) !important;
}

.header-main .header-filter .item-flt .popup-range {
    position: absolute;
    top: 55px;
    right: 0;
    left: 0;
    background-color: var(--white);
    border: 3px solid rgba(255, 255, 255, 0.25);
    background-clip: padding-box;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px 10px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.header-main .header-filter .item-flt .popup-range.show {
    top: 45px;
    opacity: 1;
    visibility: visible;
}

.header-main .header-filter .popup-range .range-group {
    display: flex;
    align-items: center;
}

.header-main .header-filter .popup-range .range-group .form-control {
    border: 1px solid rgba(176, 190, 197, 0.5);
    border-radius: 10px;
    width: 50%;
    margin: 0 5px;
    font-size: 12px;
    font-weight: normal;
    height: 35px;
    padding: 5px 10px;
}

.header-main .header-filter .box-list-filter .btn-search {
    background-color: var(--dark);
    width: 200px;
    height: 60px;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(0, 0, 0, 0.15);
    background-clip: padding-box;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    box-shadow: none;
    padding: 0;
    flex-shrink: 0;
    transition: all 0.4s;
}

.header-main .header-filter .box-list-filter .btn-search:hover {
    background-color: var(--lipstick);
    border-color: rgba(237, 34, 37, 0.2);
}

.header-main .header-filter .box-list-filter .btn-search .icon-search {
    color: var(--white) !important;
    margin-right: 15px;
    font-size: 22px !important;
}

.header-main .header-filter .box-list-filter .btn-search .icon-long-arrow {
    color: var(--white) !important;
    margin-right: 15px;
    font-size: 18px !important;
}

.header-commission .header-filter .box-list-filter .btn-search {
    background-color: var(--lipstick);
    border-color: rgba(237, 34, 37, 0.2);
}

.header-commission .header-filter .box-list-filter .btn-search:hover {
    background-color: var(--dark);
    border: 3px solid rgba(0, 0, 0, 0.15);
}

.header-main .header-filter .box-list-filter .select-mlk {
    width: 21%;
}

.header-main .header-filter .box-list-filter .select2-selection {
    height: 40px;
    border: none;
}

.header-main .header-filter .box-list-filter .select2-selection__rendered {
    color: var(--dark);
    line-height: 40px;
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 500;
}

.header-main .header-filter .box-list-filter .select2-selection__placeholder {
    color: var(--cool-grey);
}

.header-main .header-filter .box-list-filter .select2-selection__arrow, .search-page .aside-search .box-filter .select2-selection__arrow, .search-page .js-sorting~.select2-container .select2-selection__arrow {
    height: 40px;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-main .header-filter .box-list-filter .select2-selection__arrow::before, .header-main .header-filter .box-list-filter .select2-selection--multiple::after, .search-page .aside-search .box-filter .select2-selection__arrow::before, .search-page .js-sorting~.select2-container .select2-selection__arrow::before {
    content: "\e902";
    font-family: 'icomoon';
    font-size: 10px;
    color: var(--lipstick);
}

.header-main .header-filter .box-list-filter .select2-selection--multiple::after {
    position: absolute;
    top: 13px;
    left: 5px;
}

.header-main .header-filter .box-list-filter .select2-selection__arrow b, .search-page .aside-search .box-filter .select2-selection__arrow b, .search-page .js-sorting~.select2-container .select2-selection__arrow b {
    display: none;
}

.header-main .header-filter .box-list-filter .select2-selection--multiple {
    padding: 0 10px;
    direction: rtl;
}

.header-main .header-filter .box-list-filter .select2-selection--multiple textarea {
    height: auto;
    margin: 0;
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    font-family: IRANSans;
    color: var(--cool-grey);
    font-size: 14px;
    font-weight: 500;
    line-height: 3;
    height: 40px;
    width: 100% !important;
}

.header-main .header-filter .box-list-filter .select2-selection--multiple textarea::placeholder {
    opacity: 1;
}

.header-main .header-filter .box-list-filter .select2-selection--multiple ul {
    direction: rtl;
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 1.6;
    padding-top: 10px;
    margin-bottom: 0;
    flex-wrap: wrap;
    padding-right: 0;
    position: relative;
    z-index: 20;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0;
    background-color: transparent;
    border: none;
    font-size: 12px;
    color: var(--dark);
    padding-left: 15px;
}

.header-main .header-filter .box-list-filter .select2-selection--multiple .select2-search {
    position: absolute;
    top: 0;
    right: 10px;
    left: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    color: var(--cool-grey);
    transition: all 0.4s;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: transparent;
    color: var(--lipstick);
}

.dropdown-filter-mlk, .dropdown-search-mlk, .dropdown-sort-mlk {
    width: 305px !important;
    top: 20px;
    left: -15px !important;
    text-align: right;
    border: 3px solid rgba(255, 255, 255, 0.25);
    background-clip: padding-box;
    border-radius: 15px;
    font-size: 14px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    overflow: hidden;
}
.select2-results{
    text-align: right;
}
.dropdown-search-mlk {
    width: 315px !important;
    left: 0 !important;
    top: 0 !important;
    border-radius: 15px !important;
}

.dropdown-filter-mlk .select2-results__option, .dropdown-search-mlk .select2-results__option, .dropdown-sort-mlk .select2-results__option {
    padding: 10px;
    color: var(--cool-grey);
}

.dropdown-filter-mlk .select2-results__option--selected, .dropdown-search-mlk .select2-results__option--selected, .dropdown-sort-mlk .select2-results__option--selected {
    background-color: var(--cool-grey);
    color: var(--white);
}

.dropdown-filter-mlk .select2-results__option--highlighted.select2-results__option--selectable, .dropdown-search-mlk .select2-results__option--highlighted.select2-results__option--selectable, .dropdown-sort-mlk .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--lipstick) !important;
}

.header-main .header-filter .tab-filter-box .btn-wishlist {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    bottom: 0;
    right: 0;
    position: absolute;
    background-color: var(--sun-yellow);
    color: var(--white);
    border-radius: 100%;
    border: 5px solid rgba(255, 255, 255, 0.25);
    background-clip: padding-box;
    font-size: 40px;
    transition: all 0.4s;
}

.header-main .header-filter .tab-filter-box .btn-wishlist:hover {
    background-color: var(--dark);
    color: var(--sun-yellow);
}

.header-main .header-filter .tab-filter-box .btn-wishlist:hover>i {
    animation: 2s alternate rtstar;
}

@keyframes rtstar {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.header-main .header-filter .selected-type-mlk {
    text-align: center;
    margin-top: 35px;
}

.header-main .header-filter .selected-type-mlk .desc-slc {
    font-size: 12px;
    color: var(--white);
    font-weight: 500;
    background-color: rgba(38, 50, 56, 0.5);
    padding: 10px 20px;
    border-radius: 10px;
}
.header-main .header-filter .selected-type-mlk .desc-slc>strong {
    color: var(--sun-yellow);
}

.header-main .header-filter .selected-type-mlk .list-radio-type {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

.header-main .header-filter .selected-type-mlk .item-rdo, .modal-mlktab .list-modal-content .item-rdo,
.select-city-page .box-cities .item-rdo {
    position: relative;
    margin: 0 10px;
    background-color: var(--white);
    border-radius: 15px;
    border: 3px solid rgba(255, 255, 255, 0.25);
    color: var(--cool-grey);
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 180px;
    padding: 12px 10px;
    transition: all 0.4s;
}

.header-main .header-filter .selected-type-mlk .item-rdo .form-rdo, .modal-mlktab .list-modal-content .item-rdo .form-rdo,
.select-city-page .box-cities .item-rdo .form-rdo {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header-main .header-filter .selected-type-mlk .item-rdo .lbl-rdo, .modal-mlktab .list-modal-content .item-rdo .lbl-rdo,
.select-city-page .box-cities .item-rdo .lbl-rdo {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    padding-right: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-main .header-filter .selected-type-mlk .item-rdo .lbl-rdo::before, .modal-mlktab .list-modal-content .item-rdo .lbl-rdo::before,
.select-city-page .box-cities .item-rdo .lbl-rdo::before {
    content: "";
    width: 25px;
    height: 25px;
    border: 1px solid var(--cool-grey);
    border-radius: 100%;
    position: absolute;
    top: 10px;
    right: 10px;
}

.header-main .header-filter .selected-type-mlk .item-rdo .lbl-rdo::after, .modal-mlktab .list-modal-content .item-rdo .lbl-rdo::after,
.select-city-page .box-cities .item-rdo .lbl-rdo::after {
    content: "";
    width: 9px;
    height: 9px;
    background-color: var(--white);
    border-radius: 100%;
    position: absolute;
    top: 18px;
    right: 18px;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s;
}

.header-main .header-filter .selected-type-mlk .item-rdo.active, .modal-mlktab .list-modal-content .item-rdo.active,
.select-city-page .box-cities .item-rdo.active {
    background-color: var(--lipstick);
    color: var(--white);
}

.header-main .header-filter .selected-type-mlk .form-rdo:checked+.lbl-rdo::before, .modal-mlktab .list-modal-content .form-rdo:checked+.lbl-rdo::before,
.select-city-page .box-cities .form-rdo:checked+.lbl-rdo::before {
    border-color: var(--white);
}

.header-main .header-filter .selected-type-mlk .form-rdo:checked+.lbl-rdo::after, .modal-mlktab .list-modal-content .form-rdo:checked+.lbl-rdo::after,
.select-city-page .box-cities .form-rdo:checked+.lbl-rdo::after {
    transform: scale(1);
    opacity: 1;
}


.header-main .header-filter .selected-type-mlk .btn-slc-area {
    background-color: var(--white);
    border-radius: 12px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    background-clip: padding-box;
    padding: 10px 30px;
    color: var(--dark);
    font-weight: bold;
    box-shadow: none;
    margin-top: 30px;
    display: inline-flex;
    align-items: center;
    transition: all 0.4s;
}

.header-main .header-filter .selected-type-mlk .btn-slc-area>i {
    font-size: 24px;
    color: var(--lipstick);
    margin-left: 10px;
}

.header-main .header-filter .selected-type-mlk .btn-slc-area:hover {
    background-color: var(--dark);
    color: var(--white);
}

.header-main .header-filter .tab-filter-box .swiper-wrapper {
    justify-content: center;
}

.header-main .header-filter .tab-filter-box .swiper-slide {
    width: auto;
    padding: 0 30px;
}

/*---------------------- /Header Filters ---------------------*/

/*---------------------- /Header Main ---------------------*/

/*---------------------- Content Main ---------------------*/

/*---------------------- Slideshow Main ---------------------*/

.content-main .slideshow-main .slides-mlk {
    overflow: hidden;
    border-radius: 30px;
    border: 6px solid rgba(38, 50, 56, 0.12);
    background-clip: padding-box;
    height: 500px;
}

.content-main .slideshow-main .slides-mlk .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
}

/*---------------------- /Slideshow Main ---------------------*/

/*---------------------- Occassion Estates ---------------------*/

.content-main .occassion-estate {
    position: relative;
    padding: 50px 0 0;
}

.content-main .occassion-estate::before {
    content: "";
    background-color: var(--lipstick);
    height: 400px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
}

.content-main .occassion-estate>.container-mlktab::before {
    content: "";
    background: url('../images/logo/logo-single.png') no-repeat center -1050px / cover;
    position: absolute;
    top: -50px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    height: 400px;
    filter: brightness(0);
    opacity: 0.08;
}

.content-main .occassion-estate .title-section .icon-title .svg-mlk path {
    fill: var(--sun-yellow);
}

.content-main .occassion-estate .title-section .icon-title>i {
    color: var(--sun-yellow);
    font-size: 28px;
}

.content-main .occassion-estate .title-section .info-tilte .title-text, .content-main .occassion-estate .title-section .info-tilte .desc-title, .content-main .occassion-estate .title-section .btn-archive-sec {
    color: var(--white);
}

.content-main .occassion-estate .title-section .info-tilte .desc-title {
    opacity: 0.6;
}

.content-main .occassion-estate .title-section .btn-archive-sec:hover {
    color: var(--sun-yellow);
}

.content-main .occassion-estate .list-mlk-estate {
    overflow: hidden;
    padding-bottom: 30px;
}

.content-main .occassion-estate .list-mlk-estate .item-mlk {
    background-color: var(--white);
    padding: 12px 12px 20px;
    border-radius: 20px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
}

.content-main .occassion-estate .box-item-mlk .images-mlk {
    height: 260px;
}

.content-main .occassion-estate .arrow-mlk, .content-main .mostvisit-estate .arrow-mlk {
    opacity: 1;
    width: 50px;
    height: 50px;
    font-size: 14px;
    top: 37%;
}

.content-main .mostvisit-estate .arrow-mlk {
    top: 41% !important;
}

.content-main .occassion-estate .arrow-mlk.occ-next, .content-main .mostvisit-estate .arrow-mlk.msv-next {
    margin: 0;
    left: -100px;
    right: auto;
}

.content-main .occassion-estate .arrow-mlk.occ-prev, .content-main .mostvisit-estate .arrow-mlk.msv-prev {
    margin: 0;
    right: -100px;
    left: auto;
}

.content-main .occassion-estate .arrow-mlk:not(.swiper-button-disabled) {
    background-color: var(--white);
    color: var(--lipstick);
}

/*---------------------- /Occassion Estates ---------------------*/

/*---------------------- Popular Areas ---------------------*/

.content-main .popular-areas .swiper-areas {
    overflow: hidden;
}

.content-main .popular-areas .box-area {
    position: relative;
    width: 120%;
    height: 450px;
    overflow: hidden;
    border-radius: 20px;
    border: 3px solid rgba(38, 50, 56, 0.1);
    background-clip: padding-box;
}

.content-main .popular-areas .box-area::before, .content-main .popular-areas .box-area::after {
    content: "";
    background-image: linear-gradient(to bottom, rgba(38, 50, 56, 0.15) 63%, rgba(38, 50, 56, 0.85));
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transition: all 0.4s;
}

.content-main .popular-areas .box-area::after {
    background-image: linear-gradient(to bottom, rgba(224, 30, 54, 0.15), rgba(224, 30, 54, 0.9));
    height: 0;
}

.content-main .popular-areas .box-area:hover::after {
    height: 100%;
}

.content-main .popular-areas .box-area .image-area {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    transition: all 0.8s;
}

.content-main .popular-areas .box-area:hover .image-area {
    filter: grayscale(1);
    transform: scale(1.2);
}

.content-main .popular-areas .box-area .info-area {
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 20;
    color: var(--white);
    transition: all 0.5s;
}

.content-main .popular-areas .box-area:hover .info-area {
    bottom: 40px;
}

.content-main .popular-areas .box-area .info-area .area-name {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.content-main .popular-areas .box-area .info-area .area-count {
    font-size: 16px;
    font-weight: normal;
}

.content-main .popular-areas .arrow-mlk {
    top: 58%;
    width: 50px;
    height: 50px;
    font-size: 14px;
    opacity: 0;
}

.content-main .popular-areas .arrow-mlk:not(.swiper-button-disabled) {
    background-color: var(--lipstick);
    color: var(--white);
    opacity: 1;
}

.content-main .popular-areas .arrow-mlk.area-next {
    left: -45px;
}

.content-main .popular-areas .arrow-mlk.area-prev {
    right: -45px;
}

/*---------------------- /Popular Areas ---------------------*/

.content-main .mostvisit-estate .arrow-mlk {
    background-color: var(--cool-grey);
    top: 38%;
    opacity: 0.4;
}

.content-main .mostvisit-estate .arrow-mlk:not(.swiper-button-disabled) {
    background-color: var(--lipstick);
    color: var(--white);
    opacity: 1;
}

/*---------------------- Services MelkTabriz ---------------------*/

.content-main .services-mlktab .box-service {
    display: flex;
    align-items: center;
    background-color: var(--white);
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.08);
    margin-top: 30px;
    text-align: right;
}

.content-main .services-mlktab .box-service .icon-service {
    height: 80px;
    width: 80px;
    flex-shrink: 0;
    margin-left: 30px;
}

.content-main .services-mlktab .box-service .title-service {
    font-size: 20px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 5px;
}

.content-main .services-mlktab .box-service .title-service strong {
    color: var(--lipstick);
}

.content-main .services-mlktab .box-service .desc-service {
    font-size: 16px;
    font-weight: normal;
    color: var(--cool-grey);
    margin: 0;
}

/*---------------------- /Services MelkTabriz ---------------------*/

/*---------------------- Blog MelkTabriz ---------------------*/

.content-main .blog-mlktab .item-blog .image-blog {
    position: relative;
    display: block;
    border-radius: 20px;
    border: 3px solid rgba(38, 50, 56, 0.1);
    height: 350px;
    overflow: hidden;
    margin-bottom: 15px;
}

.content-main .blog-mlktab .item-blog .image-blog>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    transition: all 0.8s;
}

.content-main .blog-mlktab .item-blog:hover .image-blog>img {
    transform: scale(1.2);
    filter: brightness(1.2)
}

.content-main .blog-mlktab .item-blog .image-blog .date-blog {
    background-color: rgba(38, 50, 56, 0.5);
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    border-radius: 8px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    transition: all 0.4s;
}

.content-main .blog-mlktab .item-blog .title-blog {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
}

.content-main .blog-mlktab .item-blog .title-blog>a {
    font-size: 20px;
    font-weight: bold;
    color: var(--dark);
    transition: all 0.4s;
}

.content-main .blog-mlktab .item-blog:hover .title-blog>a {
    color: var(--lipstick);
}

.content-main .blog-mlktab .item-blog .desc-blog {
    font-size: 16px;
    font-weight: normal;
    color: var(--cool-grey);
    line-height: 1.8;
    margin: 10px 0 15px;
}

.content-main .blog-mlktab .item-blog .btn-more {
    display: flex;
    align-items: center;
    color: var(--dark);
    font-weight: 500;
    transition: all 0.4s;
}

.content-main .blog-mlktab .item-blog .btn-more:hover {
    color: var(--lipstick);
}

.content-main .blog-mlktab .item-blog .btn-more>i {
    font-size: 14px;
    margin-right: 10px;
    transition: all 0.4s;
}

.content-main .blog-mlktab .item-blog .btn-more:hover>i {
    margin-right: 5px;
}

/*---------------------- /Blog MelkTabriz ---------------------*/

/*---------------------- Download App ---------------------*/

.content-main .download-app .box-dw-app {
    position: relative;
    background-color: var(--dark);
    border-radius: 30px;
    padding: 40px 210px 40px 250px;
    text-align: right;
    overflow: hidden;
    margin-top: 150px;
}

.content-main .download-app .box-dw-app::before {
    content: "";
    background-color: var(--lipstick);
    width: 400px;
    height: 550px;
    border-radius: 100%;
    border: 6px solid rgba(255, 255, 255, 0.1);
    background-clip: padding-box;
    position: absolute;
    top: -120px;
    right: -220px;
}

.content-main .download-app .box-dw-app::after {
    content: "";
    background: url('../images/site/download.svg') no-repeat center center / 70px;
    width: 70px;
    height: 90px;
    position: absolute;
    top: 70px;
    right: 50px;
    z-index: 10;
}

.content-main .download-app .box-dw-app .info-dw {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-main .download-app .box-dw-app .title-main {
    font-size: 40px;
    font-weight: lighter;
    color: var(--white);
}

.content-main .download-app .box-dw-app .sub-title {
    font-size: 21px;
    font-weight: lighter;
    color: var(--white);
}

.content-main .download-app .box-dw-app .title-main>strong, .content-main .download-app .box-dw-app .sub-title>strong {
    font-weight: bold;
}

.content-main .download-app .box-dw-app .desc-dw {
    font-size: 16px;
    font-weight: normal;
    color: var(--white);
    opacity: 0.5;
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 1.8;
}

.content-main .download-app .box-dw-app .btns-dw {
    display: flex;
    align-items: center;
}

.content-main .download-app .box-dw-app .btn-box-dw {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--white);
    border-radius: 12px;
    padding: 10px 30px;
    width: 220px;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    transition: all 0.4s;
}

.content-main .download-app .box-dw-app .btn-box-dw:hover {
    background-color: var(--lipstick);
}

.content-main .download-app .box-dw-app .btn-box-dw>i {
    font-size: 26px;
    margin-left: 10px;
}

.content-main .download-app .box-dw-app .btn-box-dw .icon-android {
    position: relative;
    top: -5px;
}

.content-main .download-app .image-app {
    position: absolute;
    left: 5px;
    top: 25px;
    width: 250px;
}

/*---------------------- /Download App ---------------------*/

/*---------------------- Request Melk ---------------------*/

.content-main .request-mlk .box-dw-app {
    background-color: var(--lipstick);
    margin-top: 20px;
}

.content-main .request-mlk .box-dw-app::before {
    background-color: var(--dark);
    border-color: rgba(0, 0, 0, 0.15);
    right: auto;
    left: -220px;
}

.content-main .request-mlk .box-dw-app::after {
    background-image: url('../images/site/request.svg');
    background-size: 90px;
    width: 90px;
    right: auto;
    left: 40px;
}

.content-main .request-mlk .box-dw-app {
    padding: 40px 40px 40px 220px;
    width: 100%;
}

.content-main .request-mlk .box-dw-app .btn-box-dw:hover {
    background-color: var(--dark);
}

/*---------------------- /Request Melk ---------------------*/

/*---------------------- /Content Main ---------------------*/

/*---------------------- Footer Main ---------------------*/

.footer-main {
    position: relative;
    background-color: var(--light);
    padding-top: 150px !important;
    margin-top: 100px;
    text-align: center;
    z-index: 9999;
}

.footer-main::before {
    content: "";
    background: url('../images/site/bg-footer.png') no-repeat center center / cover fixed;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer-main .logo-footer {
    position: absolute;
    width: 650px;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.footer-main .logo-footer::before {
    content: "";
    background: url('../images/site/vector-footer.svg') no-repeat center center / cover;
    height: 180px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
}

.footer-main .logo-footer img {
    position: relative;
    width: 75px;
    z-index: 20;
    margin-top: 20px;
}

/*---------------------- Footer Info ---------------------*/

.footer-main .footer-info .title-links {
    font-size: 18px;
    font-weight: 500;
    color: var(--dark);
    margin-bottom: 40px;
}

.footer-main .footer-info .list-links {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-main .footer-info .list-links li {
    margin-bottom: 20px;
}

.footer-main .footer-info .list-links .item-ln {
    font-size: 15px;
    font-weight: normal;
    color: var(--dark);
    transition: all 0.4s;
}

.footer-main .footer-info .list-links .item-ln:hover {
    color: var(--lipstick);
    font-weight: bold;
}

.footer-main .footer-info .about-mlktab {
    padding: 0 100px;
}

.footer-main .footer-info .about-mlktab .title-mlk {
    font-size: 24px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 5px;
}

.footer-main .footer-info .about-mlktab .sub-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--cool-grey);
}

.footer-main .footer-info .about-mlktab .desc-mlk {
    text-align: justify;
    margin-top: 40px;
    font-size: 14px;
    font-weight: normal;
    line-height: 2.3;
}

.footer-main .footer-info .about-mlktab .desc-mlk .btn-more-about {
    background-color: var(--lipstick);
    padding: 5px 25px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    color: var(--white);
    margin-right: 10px;
    transition: all 0.4s;
}

.footer-main .footer-info .about-mlktab .desc-mlk {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}

.footer-main .footer-info .about-mlktab .desc-mlk.show {
    height: auto;
}

.footer-main .footer-info .about-mlktab .btn-more-about {
    background-color: var(--lipstick);
    padding: 5px 25px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    color: var(--white);
    margin-right: 10px;
    transition: all 0.4s;
}

.footer-main .footer-info .about-mlktab .desc-mlk .btn-more-about:hover {
    background-color: var(--sun-yellow);
    color: var(--dark);
    padding: 5px 30px;
}

.footer-main .footer-info .about-mlktab .btn-more-about:hover {
    background-color: var(--sun-yellow);
    color: var(--dark);
    padding: 5px 30px;
}

.footer-main .footer-info .infoes-footer .nav-tabs,
.call-page .info-call .nav-tabs {
    border: none;
    margin: 0;
    padding: 0 0 0 0;
}

.footer-main .footer-info .infoes-footer .nav-tabs .nav-link,
.call-page .info-call .nav-tabs .nav-link {
    background-color: var(--white);
    padding: 5px 20px;
    border-radius: 100px;
    border: 1px solid rgba(176, 190, 197, 0.5);
    font-size: 14px;
    font-weight: 500;
    color: var(--cool-grey);
    margin-left: 10px;
    transition: all 0.4s;
}

.footer-main .footer-info .infoes-footer .nav-tabs .nav-link.active,
.call-page .info-call .nav-tabs .nav-link.active {
    background-color: var(--lipstick);
    border-color: var(--lipstick);
    font-weight: bold;
    color: var(--white);
}

.footer-main .footer-info .infoes-footer .view-map {
    position: absolute;
    left: 0;
    top: -2px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: var(--dark);
    transition: all 0.4s;
}

.footer-main .footer-info .infoes-footer .view-map:hover {
    color: var(--lipstick);
}

.footer-main .footer-info .infoes-footer .view-map>img {
    width: 25px;
    margin-right: 10px;
    transition: all 0.4s;
}

.footer-main .footer-info .infoes-footer .view-map:hover>img {
    animation: bounce 1s infinite;
}

.footer-main .footer-info .list-infoes,
.call-page .info-call .list-infoes {
    padding-top: 30px;
}

.footer-main .footer-info .list-infoes .item-inf,
.call-page .info-call .list-infoes .item-inf {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.footer-main .footer-info .list-infoes .item-inf>i,
.call-page .info-call .list-infoes .item-inf>i {
    font-size: 28px;
    margin-left: 20px;
    display: flex;
    justify-content: center;
    color: var(--lipstick);
}

.footer-main .footer-info .list-infoes .item-inf:last-child>i,
.call-page .info-call .list-infoes .item-inf:last-child>i {
    font-size: 25px;
}

.footer-main .footer-info .list-infoes .item-inf>i.icon-telephone,
.call-page .info-call .list-infoes .item-inf>i.icon-telephone {
    transform: scaleX(-1) rotate(-10deg);
}

.footer-main .footer-info .list-infoes .item-inf .text-inf,
.call-page .info-call .list-infoes .item-inf .text-inf {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: var(--dark);
    text-align: right;
}

.footer-main .footer-info .list-infoes .item-inf:not(:first-child) .text-inf::after,
.call-page .info-call .list-infoes .item-inf:not(:first-child) .text-inf::after {
    content: "...................................";
    position: absolute;
    color: var(--cool-grey);
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 8px;
    right: 112%;
    top: -3px;
}

.footer-main .footer-info .list-infoes .item-inf:nth-child(3) .text-inf::after,
.call-page .info-call .list-infoes .item-inf:nth-child(3) .text-inf::after {
    right: 140%;
}

.footer-main .footer-info .list-infoes .item-inf:nth-child(4) .text-inf::after,
.call-page .info-call .list-infoes .item-inf:nth-child(4) .text-inf::after {
    right: 123%;
}

.footer-main .footer-info .list-infoes .item-inf .box-inf,
.call-page .info-call .list-infoes .item-inf .box-inf {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 500;
    color: var(--dark);
    overflow: hidden;
}

.footer-main .footer-info .list-infoes .item-inf .tell,
.call-page .info-call .list-infoes .item-inf .tell {
    color: var(--dark);
    font-weight: 600;
}

.footer-main .footer-info .list-infoes .item-inf .tell strong,
.call-page .info-call .list-infoes .item-inf .tell strong {
    color: var(--lipstick);
    font-weight: 600;
}

.footer-main .footer-info .list-infoes .item-inf .mail,
.call-page .info-call .list-infoes .item-inf .mail {
    font-size: 16px;
    color: var(--dark);
}

.footer-main .footer-info .list-infoes .item-inf .box-inf .bg-text,
.call-page .info-call .list-infoes .item-inf .box-inf .bg-text {
    position: relative;
    background-color: var(--light);
    z-index: 10;
    padding-right: 15px;
}
/*---------------------- /Footer Info ---------------------*/

/*---------------------- Footer Copyright ---------------------*/

.footer-main .footer-copyright {
    padding: 30px 0;
}

.footer-main .footer-copyright .copyright-text {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
}

.footer-main .footer-copyright .copyright-text .logo-cp {
    width: 45px;
    margin-left: 15px;
}

.footer-main .footer-copyright .certificates-site .title-crt {
    font-size: 16px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 15px;
}

.footer-main .footer-copyright .certificates-site .img-crt {
    height: 80px;
    margin: 0 15px;
}

.footer-main .footer-copyright .list-socials,
.aside-expert .box-socials .list-socials,
.select-city-page .info-site .list-socials,
.call-page .form-call .list-socials {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer-main .footer-copyright .item-sc,
.aside-expert .box-socials .item-sc,
.select-city-page .info-site .item-sc,
.call-page .form-call .item-sc {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-right: 10px;
}

.footer-main .footer-copyright .item-sc>i,
.aside-expert .box-socials .item-sc>i,
.select-city-page .info-site .item-sc>i,
.call-page .form-call .item-sc>i {
    font-size: 25px;
    color: var(--cool-grey);
    transition: all 0.6s;
}

.footer-main .footer-copyright .item-sc:hover>i,
.aside-expert .box-socials .item-sc:hover>i,
.select-city-page .info-site .item-sc:hover>i,
.call-page .form-call .item-sc:hover>i {
    color: var(--lipstick);
}

.footer-main .footer-copyright .item-sc .text-sc,
.aside-expert .box-socials .item-sc .text-sc,
.select-city-page .info-site .item-sc .text-sc,
.call-page .form-call .item-sc .text-sc {
    display: flex;
    align-items: center;
    margin-left: 15px;
    font-size: 15px;
    font-weight: bold;
    color: var(--cool-grey);
    flex-direction: row-reverse;
    width: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.6s;
}

.footer-main .footer-copyright .item-sc .text-sc>i,
.aside-expert .box-socials .item-sc .text-sc>i,
.select-city-page .info-site .item-sc .text-sc>i,
.call-page .form-call .item-sc .text-sc>i {
    font-size: 12px;
    color: var(--cool-grey);
    margin-left: 10px;
    transform: scaleX(-1);
    transition: all 0.6s;
}

.footer-main .footer-copyright .item-sc:hover .text-sc,
.aside-expert .box-socials .item-sc:hover .text-sc,
.select-city-page .info-site .item-sc:hover .text-sc,
.call-page .form-call .item-sc:hover .text-sc {
    width: 100px;
    opacity: 1;
    color: var(--lipstick);
}

.footer-main .footer-copyright .item-sc:hover .text-sc>i,
.aside-expert .box-socials .item-sc:hover .text-sc>i,
.select-city-page .info-site .item-sc:hover .text-sc>i,
.call-page .form-call .item-sc:hover .text-sc>i {
    color: var(--lipstick);
}
#counterstat .box-stat{
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}
#counterstat .box-stat .count-stat{
    font-size: 20px;
    font-weight: 900;
    color: var(--lipstick);
    letter-spacing: -2px;
}
/*---------------------- /Footer Copyright ---------------------*/

/*---------------------- /Footer Main ---------------------*/

/*---------------------- Style Pages ---------------------*/

.header-pages {
    height: auto !important;
    background-image: none;
    background-color: var(--white);
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    position: relative;
    z-index: 9999;
}

.header-pages::before, .header-pages::after {
    display: none;
}

.header-pages .header-top {
    padding: 20px;
}

.header-pages .header-top .img-logo {
    width: 180px;
}

.header-pages .header-top .navbar-mlktab .nav-link {
    color: var(--dark);
}

.header-pages .header-top .navbar-mlktab .nav-link::after {
    background-color: var(--lipstick);
}

.header-pages .header-top .navbar-mlktab .nav-link:hover::after {
    top: -10px;
}

.header-pages .header-top .btn-regmlk, .header-pages .header-top .btn-sleplace {
    border-color: rgba(176, 190, 197, 0.3);
}

.header-pages .header-top .register-user {
    color: var(--dark);
    background-color: var(--light);
    border-color: var(--light-grey);
}

.header-pages .header-top .btn-search {
    width: 50px;
    height: 48px;
    background-color: var(--cool-grey);
    border-radius: 12px;
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--white);
    box-shadow: none;
    transition: all 0.4s;
}

.header-pages .header-top .btn-search:hover {
    background-color: var(--dark);
}

.content-pages {
    margin-top: 35px;
    z-index: 0;
}

.content-pages .breadcrumb {
    background-color: transparent;
    padding: 0;
    align-items: center;
}

.content-pages .breadcrumb .breadcrumb-item {
    position: relative;
    font-size: 12px;
    font-weight: 500;
}

.content-pages .breadcrumb .breadcrumb-item>a {
    color: var(--cool-grey);
    transition: all 0.4s;
}

.content-pages .breadcrumb .breadcrumb-item>a:hover {
    color: var(--lipstick);
}

.content-pages .breadcrumb .breadcrumb-item.back-page>a {
    color: var(--lipstick);
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-left: 20px;
    padding-left: 15px;
}

.content-pages .breadcrumb .breadcrumb-item.back-page .icon-long-arrow {
    transform: scaleX(-1);
    font-size: 12px;
    margin-left: 8px;
}

.content-pages .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    padding: 0;
    margin: 8px 6px 0 15px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: var(--cool-grey);
    opacity: 0.35;
}

.content-pages .breadcrumb .breadcrumb-item:nth-child(2):before {
    width: 1px;
    height: 24px;
    position: absolute;
    right: -24px;
    top: -9px;
    opacity: 0.6;
    transform: rotate(25deg);
}

.content-pages .breadcrumb .breadcrumb-item.active {
    color: var(--dark);
}

/*---------------------- Page Melk ---------------------*/

.content-melk .article-melk .single-gallery {
    position: relative;
    border-radius: 20px;
    height: 500px;
    border: 3px solid rgba(176, 190, 197, 0.3);
    overflow: hidden;
    margin-bottom: 20px;
}

.content-melk .article-melk .single-gallery::after {
    content: "";
    background: url('../images/logo/logo-single.png') no-repeat center center / 50px;
    width: 50px;
    height: 60px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 10;
    filter: brightness(0) invert(1);
    opacity: 0.2;
}

.content-melk .article-melk .single-gallery .swiper-slide img, .content-melk .article-melk .thumbs-gallery .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.content-melk .article-melk .thumbs-gallery .swiper-slide {
    cursor: pointer;
    border-radius: 20px;
    height: 150px;
    border: 3px solid rgba(176, 190, 197, 0.3);
    overflow: hidden;
    transition: all 0.4s;
}

.content-melk .article-melk .thumbs-gallery .swiper-slide-thumb-active {
    border-color: var(--cool-grey);
}

.content-melk .article-melk .single-gallery .swiper-button-next::after, .content-melk .article-melk .single-gallery .swiper-button-prev::after {
    display: none;
}

.content-melk .article-melk .single-gallery .swiper-button-next, .content-melk .article-melk .single-gallery .swiper-button-prev {
    font-size: 22px;
    color: var(--white);
    margin: 0 20px;
    top: 45%;
}

.content-melk .article-melk .single-gallery .swiper-button-prev>i {
    transform: scaleX(-1);
}

.content-melk .article-melk .single-gallery .right-op {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    display: flex;
    align-items: center;
}

.content-melk .article-melk .single-gallery .btn {
    width: 160px;
    height: 50px;
    background-color: var(--white);
    border-radius: 12px;
    border: 3px solid rgba(255, 255, 255, 0.15);
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: normal;
    color: var(--dark);
    margin-left: 10px;
    box-shadow: none;
    transition: all 0.4s;
}

.content-melk .article-melk .single-gallery .btn:hover {
    background-color: var(--lipstick);
    color: var(--white);
}

.content-melk .article-melk .single-gallery .btn>i {
    font-size: 20px;
    margin-left: 10px;
}

.content-melk .article-melk .single-gallery .btn.active {
    background-color: var(--lipstick);
    color: var(--white);
}

.content-melk .article-melk .single-gallery .left-op {
    position: absolute;
    left: 70px;
    top: 15px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    direction: ltr;
    background-color: var(--white);
    border-radius: 12px;
    border: 3px solid rgba(255, 255, 255, 0.15);
    background-clip: padding-box;
    height: 50px;
    padding: 10px 5px;
    z-index: 10;
}

.content-melk .article-melk .single-gallery .star-mlk {
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 10;
    background-color: var(--sun-yellow);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 50px;
    color: var(--dark);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    border-radius: 0 0 4px 4px;
    padding-top: 6px;
}

.content-melk .article-melk .single-gallery .star-mlk::before,
.content-melk .article-melk .single-gallery .star-mlk::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 20px 12px;
    border-color: transparent transparent var(--sun-yellow) transparent;
    transform: rotate(90deg);
}
.content-melk .article-melk .single-gallery .star-mlk::after{
    transform: rotate(-90deg);
    left: auto;
    right: -2px;
}

.content-melk .article-melk .single-gallery .star-mlk .icon-rate {
    color: var(--white);
    font-size: 20px;
    margin: -3px;
}
.content-melk .article-melk .single-gallery .ic-option {
    color: var(--cool-grey);
    margin: 0 10px;
    display: inherit;
    transition: all 0.4s;
}
.content-melk .article-melk .single-gallery .ic-option:hover{
    color: var(--dark);
}

.content-melk .article-melk .single-gallery .like-melk.active {
    color: var(--lipstick);
}

.box-item-mlk .images-mlk .after-options .like-melk.active {
    color: var(--lipstick);
}

.content-melk .article-melk .arcl-box {
    margin-top: 35px;
    padding-top: 25px !important;
    padding-right: 25px !important;
    border-top: 1px solid var(--light-grey);
    text-align: right;
}

.content-melk .article-melk .arcl-box .title-arcl {
    font-size: 18px;
    font-weight: bold;
    color: var(--dark);
    margin: 0 0 15px;
}

.content-melk .article-melk .arcl-box .list-about {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 250px;
    overflow: hidden;
}

.content-melk .article-melk .arcl-box .list-about.show {
    height: auto;
}

.content-melk .article-melk .arcl-box .list-about::after {
    content: "";
    /* ff 3.6+ */
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
    /* safari 5.1+,chrome 10+ */
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
    /* opera 11.10+ */
    background: -o-linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
    /* ie 6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--white)FFF', endColorstr='var(--white)FFF', GradientType=1);
    /* ie 10+ */
    background: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
    /* global 94%+ browsers support */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    bottom: -5px;
    right: 0;
    left: 0;
    width: 100%;
    height: 50px;
}

.content-melk .article-melk .arcl-box .list-about.show::after {
    display: none;
}

.content-melk .article-melk .arcl-box .list-about>li {
    position: relative;
    margin-bottom: 15px;
    font-size: 14px;
    color: var(--dark);
}

.content-melk .article-melk .arcl-box .list-about>li::before {
    content: "";
    display: inline-block;
    background-color: var(--lipstick);
    width: 7px;
    height: 7px;
    border-radius: 100%;
    margin: 0 0 0 10px;
}

.content-melk .article-melk .arcl-box .more-about {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--cool-grey);
    transition: all 0.4s;
}

.content-melk .article-melk .arcl-box .more-about::before {
    content: "توضیحات بیشتر ...";
}

.content-melk .article-melk .arcl-box .more-about.less::before {
    content: "توضیحات کمتر ...";
}

.content-melk .article-melk .arcl-box .more-about:hover {
    color: var(--lipstick);
}

.content-melk .information-melk .row-cols {
    margin: 0 -25px;
}

.content-melk .information-melk .col-infmlk {
    padding: 0 25px;
    margin: 8px 0;
}

.content-melk .information-melk .row-boxes {
    margin: 0 -8px;
}

.content-melk .information-melk .row-boxes>div {
    padding: 0 8px;
}

.content-melk .information-melk .label-infmlk .box, .content-melk .information-melk .text-infmlk .box {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: var(--light);
    border: 1px solid rgba(176, 190, 197, 0.6);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 15px;
    color: var(--dark);
}

.content-melk .information-melk .text-infmlk .box {
    background-color: var(--white);
    color: var(--cool-grey);
    font-weight: 500;
}

.content-melk .information-melk .text-infmlk.text-imprt .box {
    color: var(--lipstick);
    font-weight: bold;
}

.content-melk .information-melk .text-infmlk .unit {
    font-size: 12px;
    font-weight: 500;
    color: var(--cool-grey);
    margin-right: 5px;
}

.content-melk .services-melk .list-services {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.content-melk .services-melk .list-services .item-srv {
    display: flex;
    align-items: center;
    width: 16.6%;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--cool-grey);
    margin-bottom: 25px;
}

.content-melk .services-melk .list-services .item-srv>i {
    font-size: 22px;
    color: var(--lipstick);
    margin-left: 10px;
}

.content-melk .aside-melk {
    position: sticky;
    top: 15px;
    align-self: flex-start;
}

.content-melk .box-imprt-infmlk {
    background-color: var(--white);
    padding: 20px;
    border-radius: 15px;
    border: 1px solid rgba(176, 190, 197, 0.2);
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    text-align: right;
}

.content-melk .box-imprt-infmlk .options-mlk>.row {
    flex-wrap: nowrap;
    margin: 0 -5px;
}

.content-melk .box-imprt-infmlk .options-mlk .item-op {
    width: 35%;
    height: 32px;
    border-radius: 8px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: var(--white);
    margin: 0 5px;
}

.content-melk .box-imprt-infmlk .options-mlk .item-op.op-quick {
    background-color: var(--lipstick);
}

.content-melk .box-imprt-infmlk .options-mlk .item-op.op-exchange {
    background-color: var(--french-blue);
}

.content-melk .box-imprt-infmlk .options-mlk .item-op.op-lux {
    background-color: var(--sun-yellow);
}

.content-melk .box-imprt-infmlk1 .options-mlk .item-op {
    border: 2px solid;
    background-color: transparent !important;
}

.content-melk .box-imprt-infmlk1 .options-mlk .item-op.op-quick {
    border-color: red;
    color: red;
}

.content-melk .box-imprt-infmlk1 .options-mlk .item-op.op-exchange {
    border-color: var(--french-blue);
    color: var(--french-blue);
}

.content-melk .box-imprt-infmlk1 .options-mlk .item-op.op-lux {
    border-color: var(--sun-yellow);
    color: var(--sun-yellow);
}

.content-melk .box-imprt-infmlk .name-melk {
    margin-top: 20px;
    font-size: 18px;
}

.content-melk .box-imprt-infmlk .sub-infmlk .price-melk {
    font-size: 18px;
}

.content-melk .box-imprt-infmlk .sub-infmlk {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-melk .box-imprt-infmlk .sub-infmlk .muted-inf {
    font-size: 12px;
}

.content-melk .box-imprt-infmlk .sub-infmlk .muted-inf .area-mlk::before {
    top: 9px;
}

.content-melk .box-imprt-infmlk .btns-share {
    margin-top: 20px;
}

.content-melk .box-imprt-infmlk .btns-share>.row {
    flex-wrap: nowrap;
    margin: 0 -5px;
}

.content-melk .box-imprt-infmlk .btns-share .btn {
    background-color: var(--white);
    width: 50%;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(176, 190, 197, 0.5);
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
    color: var(--cool-grey);
    box-shadow: none;
    transition: all 0.4s;
}

.content-melk .box-imprt-infmlk .btns-share .btn>i {
    font-size: 22px;
    margin-left: 10px;
}

.content-melk .box-imprt-infmlk .btns-share .btn:hover {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--white);
}

.content-melk .box-imprt-infmlk1 .btns-share .btn {
    width: 160px;
}

.content-melk .box-imprt-infmlk1 .options-mlk .status-mlk {
    display: flex;
    align-items: center;
}

.content-melk .box-imprt-infmlk1 .options-mlk .item-op {
    width: 90px;
}

.content-melk .box-imprt-infmlk .btn-callmlk {
    width: 49%;
    background-color: var(--cool-grey);
    height: 55px;
    border-radius: 12px;
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    color: var(--white);
    margin-top: 10px;
    box-shadow: none;
    transition: all 0.4s;
}

.content-melk .box-imprt-infmlk .btn-callmlk>i {
    font-size: 22px;
    margin-right: 10px;
}

.content-melk .box-imprt-infmlk1 .btn-callmlk {
    padding: 10px;
    height: 50px;
    width: 220px;
    margin-right: 10px;
}

.content-melk .box-imprt-infmlk .btn-visit-mlk {
    background-color: var(--dark);
}

.content-melk .box-imprt-infmlk1 .btn-visit-mlk {
    background-color: var(--dark);
}

.content-melk .box-imprt-infmlk1 .btn-callmlk>i {
    font-size: 20px;
}

.content-melk .box-imprt-infmlk .btn-callmlk:hover {
    background-color: var(--lipstick);
}

.content-melk .aside-melk .consultant-sec {
    margin-top: 30px;
}

.content-melk .aside-melk .consultant-sec .title-cons {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: bold;
    color: var(--dark);
    text-align: center;
}

.content-melk .aside-melk .consultant-sec .desc-codemlk {
    background-color: var(--dark);
    border-radius: 15px;
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    color: var(--white);
    margin-bottom: 20px;
    line-height: 2;
}

.content-melk .aside-melk .consultant-sec .desc-codemlk>strong {
    padding: 2px 15px;
    background-color: var(--lipstick);
    color: var(--white);
    font-weight: bold;
    border-radius: 8px;
    margin: 0 3px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    background-clip: padding-box;
}

.content-melk .consultant-sec .list-cons .item-cons, .modal-mlktab .list-cons .item-cons {
    position: relative;
    background-color: var(--white);
    border-radius: 15px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    padding: 10px 15px;
    display: flex;
    align-items: center;
    margin-top: 15px;
    text-align: right;
}

.content-melk .consultant-sec .item-cons .image-cons, .modal-mlktab .list-cons .item-cons .image-cons {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background-color: var(--white);
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    overflow: hidden;
    flex-shrink: 0;
    margin-left: 10px;
}

.content-melk .consultant-sec .item-cons .image-cons>img, .modal-mlktab .list-cons .item-cons .image-cons>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-melk .consultant-sec .item-cons .name-cons, .modal-mlktab .list-cons .item-cons .name-cons {
    font-size: 15px;
    font-weight: 500;
    color: var(--dark);
}

.content-melk .consultant-sec .item-cons .name-cons .lbl-name, .modal-mlktab .list-cons .item-cons .lbl-name {
    color: var(--lipstick);
    font-weight: bold;
    margin-left: 5px;
}

.content-melk .consultant-sec .item-cons .tel-cons, .content-melk .consultant-sec .item-cons .internal, .modal-mlktab .list-cons .item-cons .tel-cons, .modal-mlktab .list-cons .item-cons .internal {
    font-size: 13px;
    font-weight: 500;
    color: var(--cool-grey);
    width: 100%;
    display: block;
}

.content-melk .consultant-sec .item-cons .btns-call, .modal-mlktab .list-cons .item-cons .btns-call {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    position: absolute;
    left: 15px;
    bottom: 10px;
}

.content-melk .consultant-sec .item-cons .btns-call .btn, .modal-mlktab .list-cons .item-cons .btn {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--white);
    margin-right: 4px;
    box-shadow: none;
    border: 2px solid rgba(176, 190, 197, 0.25);
    background-clip: padding-box;
    transition: all 0.4s;
}

.content-melk .consultant-sec .item-cons .btns-call .btn-tel, .modal-mlktab .list-cons .item-cons .btn-tel {
    background-color: var(--green);
}

.content-melk .consultant-sec .item-cons .btns-call .btn-chat, .modal-mlktab .list-cons .item-cons .btn-chat {
    background-color: var(--sun-yellow);
}

.content-melk .consultant-sec .item-cons .btns-call .btn:hover, .modal-mlktab .list-cons .item-cons .btn:hover {
    background-color: var(--lipstick);
}

.content-pages .similar-estate::before {
    background-color: var(--light);
}

.content-pages .similar-estate>.container-mlktab::before {
    opacity: 0.03;
}

.content-pages .similar-estate .title-section .info-tilte .title-text, .content-pages .similar-estate .title-section .btn-archive-sec {
    color: var(--dark);
}

.content-pages .similar-estate .title-section .btn-archive-sec:hover {
    color: var(--lipstick);
}

.content-pages .similar-estate .title-section .info-tilte .desc-title {
    color: var(--cool-grey);
    opacity: 1;
}

.content-pages .similar-estate .title-section .icon-title .svg-mlk path {
    fill: var(--lipstick);
}

.content-pages .similar-estate .title-section .icon-title>i {
    color: var(--dark);
    font-size: 25px;
}

.content-pages .similar-estate .swiper-mlk .arrow-mlk {
    background-color: rgba(176, 190, 197, 0.3);
}

.content-pages .similar-estate .arrow-mlk:not(.swiper-button-disabled) {
    background-color: var(--lipstick);
    color: var(--white);
}

.footer-pages {
    margin-top: 50px;
}

.fixed-buttons {
    display: none;
}

.lg-backdrop {
    z-index: 99999;
}

.lg-outer {
    direction: ltr;
    z-index: 999999;
}


.modal-mlktab .video-melk {
    background-color: var(--dark);
    width: 100%;
    min-height: 400px;
    border: 3px solid rgba(176, 190, 197, 0.3);
    overflow: hidden;
    border-radius: 20px;
}

.content-pages .breadcrumb-page .report-mlk,
.content-melk .evaluation-box .evl-modal {
    position: absolute;
    left: 0;
    top: -10px;
    background-color: var(--light);
    padding: 10px 20px;
    border-radius: 12px;
    border: 1px solid var(--light-grey);
    font-size: 13px;
    font-weight: 500;
    color: var(--dark);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}

.content-pages .breadcrumb-page .report-mlk:hover,
.content-melk .evaluation-box .evl-modal:hover {
    background-color: var(--sun-yellow);
}

.content-pages .breadcrumb-page .report-mlk>i,
.content-melk .evaluation-box .evl-modal>i {
    font-size: 18px;
    color: var(--lipstick);
    margin-left: 8px;
}

.modal-report-box .title-report {
    font-size: 18px;
    font-weight: bold;
    color: var(--dark);
}

.modal-report-box .desc-report {
    font-size: 14px;
    font-weight: normal;
    color: var(--cool-grey);
}

.content-melk .evaluation-box .evl-desc {
    font-size: 14px;
    font-weight: normal;
    color: var(--dark);
    text-align: justify;
    line-height: 1.8;
}

.content-melk .evaluation-box .box-chart {
    position: relative;
    width: 100%;
    border-radius: 500px;
    border: 1px solid #D8DBDF;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-melk .evaluation-box .box-chart .item-ch {
    height: 25px;
    width: 32.5%;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-melk .evaluation-box .box-chart .ch-top {
    background-color: var(--price-per-space-top);
    border-radius: 0 50px 50px 0;
}

.content-melk .evaluation-box .box-chart .ch-middle {
    background-color: var(--price-per-space-mid);
}

.content-melk .evaluation-box .box-chart .ch-bottom {
    background-color: var(--price-per-space-down);
    border-radius: 50px 0 0 50px;
}

.content-melk .evaluation-box .box-chart .here-marker {
    background-color: var(--white);
    font-size: 12px;
    font-weight: normal;
    color: var(--dark);
    display: flex;
    align-items: center;
    justify-content: baseline;
    padding: 5px 15px 6px;
    border-radius: 10px;
    border: 1px solid #D8DBDF;
    position: absolute;
    top: -48px;
}

.content-melk .evaluation-box .box-chart .here-marker::before,
.content-melk .evaluation-box .box-chart .here-marker::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #D8DBDF transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 5;
}

.content-melk .evaluation-box .box-chart .here-marker::after {
    border-color: #fff transparent transparent transparent;
    bottom: -6px;
    z-index: 10;
}

.content-melk .evaluation-box .box-chart .here-marker .marker-img {
    width: 20px;
    margin-left: 8px;
    filter: brightness(0);
}

.content-melk .evaluation-box .evl-modal {
    position: relative;
    top: 0;
    left: auto;
    display: inline-flex;
}

.modal-evaluation-box .desc-evl {
    font-size: 15px;
    font-weight: normal;
    color: var(--dark);
}

.modal-evaluation-box .title-evl {
    font-size: 16px;
    font-weight: bold;
    color: var(--dark);
}

.modal-evaluation-box .list-tick-evaluation .checkbox-inpmlk .custom-control-input:checked~.custom-control-label::before {
    color: var(--white);
    border-color: var(--green);
    background-color: var(--green);
}
.modal-evaluation-box .list-tick-evaluation .checkbox-inpmlk .custom-control-input:checked~.custom-control-label{
    color: var(--dark);
}
/*---------------------- /Page Melk ---------------------*/

/*---------------------- Page Search ---------------------*/

.search-page {
    margin-top: 50px;
}

.search-page .aside-search {
    position: sticky;
    top: 25px;
    align-self: flex-start;
}

.search-page .aside-search .icon-close {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--light-grey);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--cool-grey);
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
}

.search-page .aside-search .box-filter {
    position: relative;
    background-color: var(--white);
    border-radius: 15px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    margin-bottom: 20px;
}

.search-page .aside-search .box-filter .head-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px;
    border-bottom: 1px solid rgba(176, 190, 197, 0.3);
}

.search-page .aside-search .box-filter .head-filter .title-head {
    font-size: 15px;
    font-weight: bold;
    color: var(--dark);
    margin: 0;
}

.search-page .aside-search .box-filter .head-filter>i {
    font-size: 22px;
    color: var(--lipstick);
}

.search-page .aside-search .box-filter .head-filter>.icon-search {
    font-size: 18px;
}

.search-page .aside-search .box-filter .head-filter>.icon-move, .search-page .aside-search .box-filter .head-filter>.icon-map-marker-line {
    font-size: 24px;
}

.search-page .aside-search .box-filter .body-filter {
    padding: 18px;
}

.search-page .aside-search .box-filter .input-mlktab, .search-page .aside-search .box-filter .input-mlktab .form-control {
    height: 45px;
}

/* .search-page .aside-search .box-filter .search-inputs .input-mlktab:first-child,
.search-page .aside-search .box-filter .search-inputs .input-mlktab:first-child .form-control {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.search-page .aside-search .box-filter .search-inputs .input-mlktab:last-child,
.search-page .aside-search .box-filter .search-inputs .input-mlktab:last-child .form-control {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: -0.5px;
} */
.search-page .aside-search .box-filter .btn-search {
    background-color: var(--cool-grey);
    font-size: 14px;
    border-radius: 12px;
    border: 3px solid rgba(176, 190, 197, 0.2);
    background-clip: padding-box;
    padding: 10px 20px;
    color: var(--white);
    font-weight: bold;
    box-shadow: none;
    width: 101%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-right: -2px;
    transition: all 0.4s;
}

.search-page .aside-search .box-filter .btn-search:hover {
    background-color: var(--lipstick);
    border-color: rgba(224, 30, 54, 0.15);
}

/* .search-page .aside-search .box-filter .search-inputs .input-mlktab:first-child,
.search-page .aside-search .box-filter .search-inputs .input-mlktab:first-child .form-control {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.search-page .aside-search .box-filter .search-inputs .input-mlktab:last-child,
.search-page .aside-search .box-filter .search-inputs .input-mlktab:last-child .form-control {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: -0.5px;
} */
.search-page .aside-search .box-filter .btn-search {
    background-color: var(--cool-grey);
    font-size: 14px;
    border-radius: 12px;
    border: 3px solid rgba(176, 190, 197, 0.2);
    background-clip: padding-box;
    padding: 10px 20px;
    color: var(--white);
    font-weight: bold;
    box-shadow: none;
    width: 101%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-right: -2px;
    transition: all 0.4s;
}

.search-page .aside-search .box-filter .btn-search:hover {
    background-color: var(--lipstick);
    border-color: rgba(224, 30, 54, 0.15);
}

.checkbox-inpmlk, .radio-inpmlk {
    text-align: right;
    padding-left: 0;
    padding-right: 30px;
    margin-bottom: 8px;
}

.checkbox-inpmlk:last-child, .radio-inpmlk:last-child {
    margin-bottom: 0;
}

.checkbox-inpmlk .custom-control-label, .radio-inpmlk .custom-control-label {
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
}

.checkbox-inpmlk .custom-control-label::before, .radio-inpmlk .custom-control-label::before {
    left: auto;
    top: 2px;
    right: -30px;
    width: 20px;
    height: 20px;
    border-color: var(--cool-grey);
    border-radius: 7px;
}

.radio-inpmlk .custom-control-label::before {
    border-radius: 100%;
}

.checkbox-inpmlk .custom-control-input:checked~.custom-control-label, .radio-inpmlk .custom-control-input:checked~.custom-control-label {
    font-weight: 500;
    color: var(--lipstick);
}

.checkbox-inpmlk .custom-control-input:checked~.custom-control-label::before, .radio-inpmlk .custom-control-input:checked~.custom-control-label::before {
    color: var(--white);
    border-color: var(--lipstick);
    background-color: var(--lipstick);
}

.checkbox-inpmlk .custom-control-input:focus:not(:checked)~.custom-control-label::before, .radio-inpmlk .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: var(--light-grey);
}

.checkbox-inpmlk .custom-control-input:focus~.custom-control-label::before, .radio-inpmlk .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.checkbox-inpmlk .custom-control-input:not(:disabled):active~.custom-control-label::before, .radio-inpmlk .custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: var(--white);
    background-color: var(--light-grey);
    border-color: var(--light-grey);
}

.checkbox-inpmlk .custom-control-label::after, .radio-inpmlk .custom-control-label::after {
    content: "\e934";
    font-family: 'icomoon';
    background-image: none !important;
    font-size: 10px;
    color: var(--white);
    left: auto;
    top: 2px;
    right: -30px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1px;
    font-weight: normal;
    transform: scale(0.5);
    transition: all 0.3s;
}

.radio-inpmlk .custom-control-label::after {
    content: "";
    background-color: var(--white);
    border-radius: 100%;
    top: 8px;
    right: -24px;
    transform: scale(0);
    width: 8px;
    height: 8px;
}

.checkbox-inpmlk .custom-control-input:checked~.custom-control-label::after, .radio-inpmlk .custom-control-input:checked~.custom-control-label::after {
    transform: scale(1);
}

.search-page .aside-search .typed-mlk .item-type {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.search-page .aside-search .typed-mlk .item-type .title-type {
    font-size: 14px;
    font-weight: normal;
    transition: all 0.4s;
}

.search-page .aside-search .typed-mlk .item-type .icon-arrow {
    font-size: 10px;
    transform: rotate(90deg);
    color: var(--cool-grey);
    transition: all 0.4s;
}

.search-page .aside-search .typed-mlk .item-type.active .title-type {
    font-weight: 500;
    color: var(--lipstick);
}

.search-page .aside-search .typed-mlk .item-type.active .icon-arrow {
    color: var(--lipstick);
}

.search-page .aside-search .box-filter .range-inputs {
    display: flex;
    align-items: center;
}

.search-page .aside-search .box-filter .range-inputs .input-mlktab .form-control {
    text-align: center;
}

.search-page .aside-search .box-filter .range-inputs .input-mlktab:first-child, .search-page .aside-search .box-filter .range-inputs .input-mlktab:first-child .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.search-page .aside-search .box-filter .range-inputs .input-mlktab:last-child, .search-page .aside-search .box-filter .range-inputs .input-mlktab:last-child .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-right: -0.5px;
}

.search-page .aside-search .box-filter .select2-container .select2-selection--single, .search-page .js-sorting~.select2-container .select2-selection--single {
    height: 45px;
    border-radius: 12px;
    border-color: rgba(176, 190, 197, 0.5);
}

.search-page .aside-search .box-filter .select2-selection--single .select2-selection__rendered, .search-page .js-sorting~.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
    color: var(--dark);
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    padding-left: 0;
    padding-right: 15px;
}

.search-page .aside-search .box-filter .select2-selection__arrow, .search-page .js-sorting~.select2-container .select2-selection__arrow {
    height: 48px;
    width: 40px;
}

.search-page .aside-search .box-filter .select2-selection__arrow::before, .search-page .js-sorting~.select2-container .select2-selection__arrow::before {
    font-size: 9px;
    color: var(--cool-grey);
}

.search-page .aside-search .box-filter .typed-all-mlk {
    position: relative;
    overflow: hidden;
}

.search-page .aside-search .box-filter .typed-all-mlk .other-typed {
    position: absolute;
    top: 18px;
    background-color: var(--white);
    width: 90%;
    text-align: right;
    right: 18px;
    bottom: 0;
    height: 88%;
    transform: translateX(-350px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.search-page .aside-search .box-filter .typed-all-mlk .other-typed.show {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.search-page .aside-search .box-filter .other-typed .all-typed {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark);
    margin-bottom: 15px;
}

.search-page .aside-search .box-filter .other-typed .all-typed .icon-arrow {
    font-size: 10px;
    transform: rotate(-90deg);
    color: var(--lipstick);
    margin-left: 5px;
}

.search-page .article-search .list-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background-color: var(--white);
    border-radius: 15px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    border: 1px solid rgba(176, 190, 197, 0.25);
    padding: 10px;
}

.search-page .article-search .list-filter .listcount-mlk {
    position: absolute;
    top: -25px;
    left: 5px;
    font-size: 12px;
    color: var(--cool-grey);
}

.search-page .article-search .right-filter {
    display: flex;
    align-items: center;
}

.search-page .article-search .btn-slc-area {
    background-color: var(--cool-grey);
    font-size: 14px;
    border-radius: 12px;
    border: 3px solid rgba(176, 190, 197, 0.2);
    background-clip: padding-box;
    padding: 7px 20px;
    color: var(--white);
    font-weight: bold;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.4s;
}

.search-page .article-search .btn-slc-area>i {
    font-size: 24px;
    color: var(--lipstick);
    margin-left: 10px;
}

.search-page .article-search .image-filter {
    font-size: 12px;
    font-weight: bold;
    color: var(--dark);
    padding-left: 50px;
}

.search-page .article-search .image-filter label {
    position: relative;
    margin: 0;
    cursor: pointer;
}

.search-page .article-search .image-filter label::before {
    content: "";
    width: 40px;
    height: 17px;
    background-color: rgba(176, 190, 197, 0.5);
    border-radius: 50px;
    position: absolute;
    left: -50px;
    top: 2px;
    transition: all 0.4s;
}

.search-page .article-search .image-filter input:checked~label::before {
    background-color: var(--lipstick);
}

.search-page .article-search .image-filter label::after {
    content: "";
    width: 11px;
    height: 11px;
    background-color: var(--white);
    border-radius: 50px;
    position: absolute;
    left: -46px;
    top: 5px;
    transition: all 0.4s;
}

.search-page .article-search .image-filter input:checked~label::after {
    left: -25px;
}

.search-page .article-search .right-filter .input-mlktab {
    height: 40px;
    width: 400px;
}

.search-page .article-search .right-filter .input-mlktab .form-control, .search-page .article-search .right-filter .input-mlktab .input-group-text {
    height: 40px;
}

.search-page .article-search .right-filter .input-mlktab .input-group-text::before {
    display: none;
}

.search-page .article-search .right-filter .input-mlktab .input-group-text>i {
    color: var(--cool-grey);
    font-size: 20px;
}

.search-page .article-search .left-filter {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding-left: 5px;
    min-width:200px;
}

.search-page .article-search .left-filter .ic-filter {
    height: 23px;
    margin-right: 15px;
    font-size: 20px;
    color: var(--cool-grey);
    transition: all 0.4s;
}

.search-page .article-search .left-filter .ic-filter:hover {
    color: var(--dark);
}

.search-page .article-search .left-filter .ic-filter.active {
    color: var(--lipstick);
}

.search-page .js-sorting~.select2-container .select2-selection--single {
    height: 38px;
    width: 180px !important;
}

.search-page .js-sorting~.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    font-size: 13px;
}

.search-page .js-sorting~.select2-container .select2-selection__arrow {
    height: 40px;
    width: 35px;
}

.search-page .js-sorting~.select2-container .select2-selection__arrow::before {
    font-size: 8px;
}

.dropdown-sort-mlk {
    width: 180px !important;
    top: 0;
    left: 0 !important;
    text-align: right;
    border-radius: 15px !important;
    font-size: 12px;
}

.search-page .list-mlk-estate .box-item-mlk {
    background-color: var(--white);
    padding: 12px 12px 20px;
    border-radius: 20px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
}

.search-page .list-mlk-estate .box-item-mlk .sub-info {
    height: 30px;
    overflow: hidden;
}

.search-page .list-mlk-estate .box-item-mlk .name-mlk {
    height: 25px;
    overflow: hidden;
}

.search-page .list-mlk-estate .box-item-mlk .price-mlk {
    height: 56px;
    overflow: hidden;
}

.search-page .list-mlk-estate .item-mlk .desc-mlk {
    display: none;
}

.search-page .list-mlk-estate .item-mlk.single-row .desc-mlk {
    display: block;
    font-size: 14px;
    margin-top: 15px;
    text-align: justify;
    color: var(--cool-grey);
    line-height: 1.8;
}

.search-page .list-mlk-estate .item-mlk.single-row {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0 !important;
}

.search-page .list-cons .item-cons.single-row {
    max-width: 100%;
    flex: 0 0 100%;
}

.search-page .list-cons .item-cons.single-row .box-cons {
    margin-top: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: right;
}

.experts-page .list-cons .item-cons.single-row .box-cons .name-cons {
    margin-top: 0;
}

.experts-page .list-cons .item-cons.single-row .box-cons .rate-cons {
    right: auto;
    left: 25px;
}

.experts-page .list-cons .item-cons.single-row .box-cons .image-cons {
    margin: 20px 20px 30px;
    text-align: center;
    width: 150px;
    height: 150px;
}

.experts-page .list-cons .item-cons.single-row .box-cons .list-areas {
    padding: 0;
    margin-bottom: 50px;
}

.experts-page .list-cons .item-cons.single-row .box-cons .list-areas .item-area:nth-child(4)~.item-area {
    display: inline-block;
}

.experts-page .list-cons .item-cons.single-row .box-cons .btn-view-cons {
    position: absolute;
    top: 100px;
    right: 190px;
}

.experts-page .list-cons .item-cons.single-row .box-cons .statistics-cons {
    position: absolute;
    left: 30px;
    bottom: 20px;
    width: 200px;
    justify-content: space-between;
}

.experts-page .list-cons .item-cons.single-row .box-cons .btns-call {
    position: absolute;
    top: 91px;
    width: 310px;
    right: 360px;
    border: 1px solid rgba(176, 190, 197, 0.5);
    border-radius: 8px;
    overflow: hidden;
}

.experts-page .list-cons .item-cons.single-row .box-cons .btns-call .btn {
    padding: 8px 0;
}

.search-page .list-mlk-estate .item-mlk.single-row .box-item-mlk {
    display: flex;
    padding-bottom: 12px;
}

.search-page .list-mlk-estate .item-mlk.single-row .box-item-mlk .images-mlk {
    width: 280px;
    height: 200px;
    margin-left: 15px;
    flex-shrink: 0;
}

.search-page .list-mlk-estate .item-mlk.single-row .images-mlk .swiper-slide img {
    width: 100%;
}

.search-page .pagination {
    padding: 0;
    margin-top: 30px;
}

.search-page .pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    border: 1px solid rgba(176, 190, 197, 0.25);
    font-size: 14px;
    color: var(--cool-grey);
    font-weight: 500;
    margin: 0 5px;
    transition: all 0.4s;
}

.search-page .pagination .page-item .page-link:hover {
    background-color: var(--light-grey);
    color: var(--dark);
}

.search-page .pagination .page-item.disabled .page-link {
    opacity: 0.5;
}

.search-page .pagination .page-item.active .page-link {
    background-color: var(--lipstick);
    border-color: var(--lipstick);
    color: var(--white);
}

.search-page .pagination .page-prev .page-link, .search-page .pagination .page-next .page-link {
    font-size: 14px;
    color: var(--cool-grey);
    font-weight: 500;
    border: none;
    background-color: transparent !important;
    border: none;
    box-shadow: none;
    margin: 0;
}

.fixed-buttons .filter-resp {
    background-color: var(--lipstick);
    font-size: 14px;
    border-radius: 12px;
    border: 3px solid rgba(224, 30, 54, 0.15);
    background-clip: padding-box;
    padding: 10px;
    color: var(--white);
    font-weight: bold;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: all 0.4s;
}

.fixed-buttons .filter-resp>i {
    font-size: 18px;
    margin-left: 5px;
}

/*---------------------- /Page Search ---------------------*/

/*---------------------- Page Register Melk ---------------------*/

.register-melk-page .box-register {
    background-color: var(--white);
    padding: 30px;
    border-radius: 15px;
    border: 1px solid rgba(176, 190, 197, 0.2);
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    text-align: right;
}

.register-melk-page .form-group {
    margin-bottom: 20px;
}

.register-melk-page .form-group .lbl-mlk {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: var(--dark);
}

.register-melk-page .form-group .hidden-select {
    position: absolute;
    height: 0;
    opacity: 0;
    visibility: hidden;
    bottom: -10px;
    right: 15px;
}

.register-melk-page .form-group .select2 {
    width: 100%;
}

.register-melk-page .form-group .select2-selection--single, .dropdown-register-mlk .select2-search--dropdown .select2-search__field {
    height: 45px;
    border-radius: 12px;
    border-color: rgba(176, 190, 197, 0.5);
}

.register-melk-page .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    height: 45px !important;
    border-radius: 12px !important;
    border-color: rgba(176, 190, 197, 0.5) !important;
}

.register-melk-page .select2-container--default .select2-selection--multiple {
    height: 45px !important;
    border-radius: 12px !important;
    border-color: rgba(176, 190, 197, 0.5) !important;
}

.register-melk-page .select2-container--default .select2-selection--multiple .select2-selection__choice{
margin-top: 0px !important;
}
.register-melk-page .select2-container--open .select2-dropdown--below{
    display: none;
}
.dropdown-register-mlk-taggable .select2-results__option{
    display: none;
}
.register-melk-page .form-group .select2-selection__rendered {
    line-height: 42px !important;
    color: var(--dark) !important;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    padding-left: 0 !important;
    padding-right: 15px !important;
    direction: rtl;
}

.register-melk-page .form-group .select2-selection__arrow {
    height: 48px !important;
    width: 40px !important;
    top: 0 !important;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-melk-page .form-group .select2-selection__arrow::before {
    content: "\e902";
    font-family: 'icomoon';
    font-size: 9px;
    color: var(--cool-grey);
}

.register-melk-page .form-group .select2-selection__arrow b {
    display: none;
}

.dropdown-register-mlk {
    width: 100%;
    border-radius: 15px !important;
    text-align: right;
    border: 3px solid rgba(255, 255, 255, 0.25);
    background-clip: padding-box;
    border-radius: 0 0 15px 15px !important;
    font-size: 14px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    overflow: hidden;
}

.dropdown-register-mlk .select2-results__option {
    padding: 10px;
    color: var(--cool-grey);
    direction: rtl;
}

.dropdown-register-mlk .select2-results__option--selected {
    background-color: var(--cool-grey);
    color: var(--white);
}

.dropdown-register-mlk .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--lipstick) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--lipstick) !important;
}
.select2-container .select2-search--inline .select2-search__field {
    height: 32px !important;
    margin-top: 0px !important;
}
.dropdown-register-mlk .select2-search--dropdown {
    padding: 10px 5px;
}

.dropdown-register-mlk .select2-search--dropdown .select2-search__field {
    height: 40px;
    padding: 10px 15px;
    text-align: right;
}

.register-melk-page .view-map {
    width: 100%;
    height: 250px;
    border-radius: 12px;
    border: 2px solid var(--light-grey);
    overflow: hidden;
}

.register-melk-page .form-group .form-control {
    border-radius: 12px;
    border-color: rgba(176, 190, 197, 0.5);
    height: 45px;
    font-size: 14px;
    font-weight: normal;
    color: var(--dark);
}

.register-melk-page .form-group .form-control:focus {
    box-shadow: none;
    border-color: var(--lipstick);
}

.register-melk-page .form-group .form-control::placeholder {
    color: var(--cool-grey);
}

.register-melk-page .form-group textarea.form-control {
    min-height: 80px;
    max-height: 200px;
    height: auto;
    overflow-y: auto;
}

.register-melk-page .other-services .lbl-mlk {
    color: var(--lipstick);
    margin: 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(176, 190, 197, 0.5);
}

.register-melk-page .other-services .list-services {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.register-melk-page .other-services .list-services .checkbox-inpmlk {
    width: 33%;
    margin-top: 2px;
    line-height: 1.7;
}

.register-melk-page .form-group label.error {
    display: block;
    font-size: 12px;
    color: var(--lipstick);
    font-weight: 500;
    margin-top: 5px;
}

.register-melk-page .form-group .notice {
    position: relative;
    font-size: 14px;
    margin: 3px 0;
    color: var(--dark);
    padding-right: 15px;
}

.register-melk-page .form-group .list-notice {
    padding: 0;
    margin: 0;
    list-style: none;
}

.register-melk-page .form-group .notice::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--lipstick);
    border-radius: 100%;
    position: absolute;
    top: 9px;
    right: 0;
}

.register-melk-page .list-upload-images {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.register-melk-page .list-upload-images .add-image {
    width: 110px;
    height: 110px;
    border: 2px dashed rgba(176, 190, 197, 0.5);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--cool-grey);
    cursor: pointer;
    margin-top: 15px;
}

.register-melk-page .list-upload-images .add-image .box-add-icon {
    width: 30px;
    height: 30px;
    position: relative;
}

.register-melk-page .list-upload-images .add-image .box-add-icon::after {
    content: "+";
    width: 20px;
    height: 20px;
    background-color: var(--lipstick);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    position: absolute;
    top: -8px;
    right: -8px;
}

.register-melk-page .list-upload-images .image-item {
    position: relative;
    width: 110px;
    height: 110px;
    border: 2px solid rgba(176, 190, 197, 0.5);
    background-clip: padding-box;
    border-radius: 12px;
    overflow: hidden;
    margin-right: 14px;
    margin-top: 15px;
    pointer-events: initial;
    cursor: pointer;
}

.register-melk-page .list-upload-images .image-item.bluring {
    pointer-events: none;
}

.register-melk-page .list-upload-images .image-item.default-cover {
    border-color: var(--lipstick);
}

.register-melk-page .list-upload-images .image-item.default-cover::before {
    content: "تصویر اصلی";
    position: absolute;
    bottom: 5px;
    right: 0;
    left: 0;
    width: 90%;
    margin: 0 auto;
    background-color: var(--lipstick);
    border-radius: 100px;
    padding: 2px 0 4px;
    font-size: 12px;
    color: var(--white);
    text-align: center;
    font-weight: 500;
}

.register-melk-page .list-upload-images .image-item.bluring::after {
    content: "";
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.register-melk-page .list-upload-images .image-item:nth-child(7), .register-melk-page .list-upload-images .image-item:nth-child(13), .register-melk-page .list-upload-images .image-item:nth-child(19) {
    margin-right: 0;
}

.register-melk-page .list-upload-images .image-item .preview-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.register-melk-page .list-upload-images .image-item .trash-image {
    width: 25px;
    height: 25px;
    background-color: rgba(38, 50, 56, 0.5);
    border-radius: 6px;
    font-size: 14px;
    color: var(--white);
    position: absolute;
    left: 5px;
    top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s;
}

.register-melk-page .list-upload-images .image-item.bluring .trash-image {
    opacity: 0;
    visibility: hidden;
}

.register-melk-page .list-upload-images .image-item .trash-image:hover {
    background-color: rgba(38, 50, 56, 0.8);
}

.register-melk-page .list-upload-images #upload_images {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-melk-page .list-upload-images .image-item .progress {
    position: absolute;
    top: 47%;
    right: 0;
    left: 0;
    width: 85%;
    margin: 0 auto;
    direction: ltr;
    padding: 2px;
    border-radius: 100px;
    height: 7px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
    background-color: var(--white);
}

.register-melk-page .list-upload-images .image-item.bluring .progress {
    opacity: 1;
    visibility: visible;
}

.register-melk-page .list-upload-images .image-item .progress-bar {
    background-color: var(--lipstick);
    border-radius: 100px;
    animation: prgsupload 5s forwards;
}

@keyframes prgsupload {
    0% {
        width: 0;
    }
    25% {
        width: 25%;
    }
    50% {
        width: 50%;
    }
    75% {
        width: 75%;
    }
    100% {
        width: 100%;
    }
}

.register-melk-page .form-group .note-count {
    font-size: 14px;
    font-weight: 500;
    color: var(--cool-grey);
    margin: 15px 0 0;
}

.register-melk-page .row-footer-form {
    justify-content: space-between;
    align-items: center;
}

.register-melk-page .row-footer-form .btn-support {
    font-size: 14px;
    color: var(--cool-grey);
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all 0.4s;
}

.register-melk-page .row-footer-form .btn-support:hover {
    color: var(--lipstick);
}

.register-melk-page .row-footer-form .btn-support>i {
    font-size: 22px;
    margin-left: 5px;
}

.register-melk-page .row-footer-form .btn-cancel {
    background-color: var(--white);
    padding: 10px 50px;
    border: 1px solid rgba(176, 190, 197, 0.5);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark);
    margin-left: 10px;
    transition: all 0.4s;
}

.register-melk-page .row-footer-form .btn-cancel:hover {
    background-color: var(--light-grey);
}

.register-melk-page .row-footer-form .btn-submit-form {
    background-color: var(--lipstick);
    padding: 10px 50px;
    border: 1px solid var(--lipstick);
    border-radius: 12px;
    font-size: 14px;
    font-weight: bold;
    color: var(--white);
    transition: all 0.4s;
}

.register-melk-page .row-footer-form .btn-submit-form:hover {
    background-color: var(--dark);
    border-color: var(--dark);
}

.register-melk-page .row-footer-form .btn-submit-form:disabled {
    background-color: var(--cool-grey);
    border-color: var(--cool-grey);
    pointer-events: none;
    transition: all 0.4s;
}

.register-melk-page .custom-control-label>a {
    font-weight: 500;
    color: var(--lipstick);
    transition: all 0.4s;
}

.register-melk-page .custom-control-label>a:hover {
    color: var(--cool-grey);
}

.register-melk-page .box-warning {
    background-color: var(--light-grey);
    padding: 12px;
    border-radius: 12px;
    text-align: center;
    font-size: 12px;
    color: var(--dark);
    margin-bottom: 20px;
}

.register-melk-page .box-warning>a {
    display: inline-block;
    padding: 0 10px;
    background-color: var(--lipstick);
    border-radius: 6px;
    color: var(--white);
    font-weight: 500;
    margin: 0 5px;
}

.register-melk-page .select2-selection--multiple {
    border-radius: 12px;
    border-color: rgba(176, 190, 197, 0.5);
    min-height: 45px;
    padding-bottom: 0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--lipstick) !important;
}

.register-melk-page .select2-selection--multiple .select2-selection__rendered {
    padding-right: 0;
}

.register-melk-page .select2-selection--multiple .select2-search__field {
    height: 32px;
    margin-left: 2px;
}

/*---------------------- /Page Register Melk ---------------------*/

/*---------------------- Page Profile ---------------------*/

/* .profile-page{
    margin-top: 50px;
} */

.profile-page .aside-profile {
    position: sticky;
    top: 25px;
    align-self: flex-start;
}

.profile-page .box-profile {
    position: relative;
    background-color: var(--white);
    border-radius: 15px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    margin-bottom: 20px;
    padding: 20px;
}

.profile-page .aside-profile .image-profile {
    position: relative;
    background-color: var(--white);
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    margin: 0 auto;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
}

.profile-page .aside-profile .image-profile .view-profile {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.profile-page .aside-profile .image-profile .box-add-icon {
    cursor: pointer;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    border: 1px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    position: absolute;
    bottom: -5px;
    left: -5px;
    z-index: 10;
    font-size: 16px;
    color: var(--lipstick);
}

.profile-page .aside-profile .info-profile {
    position: relative;
    margin-top: 20px;
    padding-bottom: 30px;
}

.profile-page .aside-profile .info-profile::after,
.profile-page .aside-profile .contact-info::after {
    content: "....................................................";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    color: var(--cool-grey);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 8px;
    text-align: center;
    overflow: hidden;
}

.profile-page .aside-profile .info-profile .name-profile {
    font-size: 18px;
    color: var(--dark);
    font-weight: bold;
    margin-bottom: 5px
}

.profile-page .aside-profile .info-profile .post {
    font-size: 14px;
    font-weight: normal;
    color: var(--cool-grey);
}

.profile-page .aside-profile .contact-info {
    position: relative;
    text-align: right;
    margin-top: 10px;
    padding-bottom: 30px;
}

.profile-page .aside-profile .contact-info .box-cn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--dark);
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
}

.profile-page .aside-profile .contact-info .box-cn>i {
    font-size: 20px;
    color: var(--lipstick);
}

.profile-page .aside-profile .contact-info .icon-telephone {
    transform: scaleX(-1) rotate(-10deg);
}

.profile-page .aside-profile .btns-profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.profile-page .aside-profile .btns-profile .btn, .profile-page .list-mlk-estate .box-item-mlk .btns-item .btn {
    width: 48.5%;
}

.profile-page .aside-profile .btns-profile .btn-edit, .profile-page .list-mlk-estate .box-item-mlk .btns-item .btn-share {
    background-color: var(--white);
    padding: 8px;
    border: 1px solid rgba(176, 190, 197, 0.5);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--cool-grey);
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}

.profile-page .aside-profile .btns-profile .btn-edit:hover {
    background-color: var(--cool-grey);
    color: var(--white);
}

.profile-page .aside-profile .btns-profile .btn-exit, .profile-page .list-mlk-estate .box-item-mlk .btns-item .btn-del {
    background-color: var(--lipstick);
    padding: 8px;
    border: 1px solid var(--lipstick);
    border-radius: 10px;
    font-size: 14px;
    box-shadow: none;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.4s;
}

.profile-page .aside-profile .btns-profile .btn-exit:hover {
    background-color: var(--dark);
    border-color: var(--dark);
}

.profile-page .nav-tabs {
    border: none;
    border-bottom: 1px solid var(--light-grey);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
}

.profile-page .nav-tabs .nav-item {
    width: 100%;
    margin: 0;
}
.profile-page .nav-tabs .nav-link {
    background-color: var(--white);
    padding: 12px;
    border-radius: 15px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark);
    box-shadow: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.4s;
}

.profile-page .nav-tabs .nav-link.active {
    background-color: var(--light-grey);
}

.profile-page .nav-tabs .nav-link>i {
    width: 30px;
    text-align: center;
    font-size: 22px;
    margin-left: 10px;
    transition: all 0.4s;
}

.profile-page .nav-tabs .nav-link.active>i {
    color: var(--lipstick);
}

.profile-page .tab-content {
    text-align: right;
    padding: 0;
}

.profile-page .tab-content .tab-pane {
    padding: 0;
}

.profile-page .tab-content .btn-add-mlk, .profile-page .tab-content .btn-del-all {
    background-color: var(--green);
    padding: 8px 25px;
    border: 3px solid rgba(76, 175, 80, 0.2);
    background-clip: padding-box;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    box-shadow: none;
    transition: all 0.4s;
}

.profile-page .tab-content .btn-del-all {
    background-color: var(--lipstick);
    border-color: rgba(224, 30, 54, 0.15);
}

.profile-page .tab-content .btn-add-mlk:hover, .profile-page .tab-content .btn-del-all:hover {
    filter: brightness(1.15);
    padding: 8px 30px;
}

.profile-page .box-table {
    border: 1px solid rgba(176, 190, 197, 0.3);
    border-radius: 15px;
    overflow: hidden;
    margin-top: 10px;
}

.profile-page .box-table .table {
    margin-bottom: 0;
}

.profile-page .box-table .table thead {
    background-color: var(--light);
}

.profile-page .box-table .table-hover tr:hover {
    background-color: var(--light);
}

.profile-page .box-table .table td, .profile-page .box-table .table th {
    font-size: 14px;
    font-weight: 500;
    color: var(--dark);
    vertical-align: middle;
    text-align: center;
    border-top: none;
    border-bottom: 1px solid rgba(176, 190, 197, 0.3);
}

.profile-page .box-table .table tr:last-child td {
    border-bottom: none;
}

.profile-page .box-table .image-table {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    border: 2px solid rgba(176, 190, 197, 0.5);
    background-clip: padding-box;
    overflow: hidden;
    margin: 0 auto;
}

.profile-page .box-table .image-table>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-page .box-table .table .title-mlk {
    font-weight: bold;
    color: var(--dark);
}

.profile-page .box-table .table .unit {
    font-size: 12px;
}

.profile-page .box-table .table .btn {
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
    padding: 4px 25px 6px;
    color: var(--white);
    box-shadow: none;
    margin: 0 2px;
    transition: all 0.4s;
}

.profile-page .box-table .table .dropdown-toggle::after {
    content: "\e902";
    font-family: 'icomoon';
    border: none;
    font-size: 7px;
    margin: 0 2px 0 0;
    vertical-align: initial;
}

.profile-page .box-table .table .dropdown-toggle {
    background-color: var(--french-blue);
    border-color: var(--french-blue);
}

.profile-page .box-table .table .dropdown-menu {
    min-width: 97px;
    padding: 5px 0;
    font-size: 12px;
    border-radius: 10px;
    text-align: center;
}

.profile-page .box-table .table .dropdown-menu .dropdown-item {
    padding: 5px;
}

.profile-page .box-table .table .btn-update {
    color: var(--green);
}

.profile-page .box-table .table .btn-edit {
    color: var(--french-blue);
}

.profile-page .box-table .table .btn-del {
    color: var(--lipstick);
}

.profile-page .box-table .table .text-muted {
    color: var(--cool-grey) !important;
    font-weight: bold;
}

.profile-page .box-table .table .text-success {
    color: var(--green) !important;
    font-weight: bold;
}

.profile-page .box-table .table .text-danger {
    color: var(--lipstick) !important;
    font-weight: bold;
}

.profile-page .list-mlk-estate .box-item-mlk {
    background-color: var(--white);
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0 6px 25px 0 rgba(38, 50, 56, 0.1);
    border: 1px solid rgba(176, 190, 197, 0.2);
}

.profile-page .list-mlk-estate .row {
    margin: 0 -10px;
}

.profile-page .list-mlk-estate .item-mlk {
    padding: 0 10px;
    margin-top: 10px !important;
}

.profile-page .list-mlk-estate .box-item-mlk .images-mlk {
    height: 150px;
}

.profile-page .list-mlk-estate .box-item-mlk .info-mlk .name-mlk, .profile-page .list-mlk-estate .box-item-mlk .info-mlk .price-mlk {
    font-size: 16px;
}

.profile-page .list-mlk-estate .box-item-mlk .btns-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.profile-page .list-mlk-estate .box-item-mlk .btns-item .btn>i {
    font-size: 18px;
    margin-left: 5px;
}

.profile-page .list-mlk-estate .box-item-mlk .btns-item .btn-del {
    background-color: var(--cool-grey);
    border-color: var(--cool-grey);
}

.profile-page .list-mlk-estate .box-item-mlk .btns-item .btn-del:hover {
    background-color: var(--lipstick);
    border-color: var(--lipstick);
}

.profile-page .tab-content .empty-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0;
    font-size: 14px;
    color: var(--dark);
}

.profile-page .tab-content .empty-list .icon-view {
    font-size: 30px;
    color: var(--cool-grey);
    margin-bottom: 5px;
}

.profile-page .tab-content .empty-list i {
    font-size: 30px;
    color: var(--cool-grey);
    margin-bottom: 5px;
}

.profile-page .images-mlk .after-options .op-style {
    width: auto;
    padding: 0 15px;
}
.profile-page .images-mlk .after-options .op-warning {
    background-color: var(--sun-yellow);
    color: var(--dark);
}
.profile-page .images-mlk .after-options .op-confirm {
    background-color: var(--green);
}
/*---------------------- /Page Profile ---------------------*/

/*---------------------- Page Exports ---------------------*/

.experts-page .input-mlktab, .experts-page .input-mlktab .form-control, .experts-page .input-mlktab .input-group-text {
    height: 45px;
}

.experts-page .row-experts {
    margin: 0 -12px;
}

.experts-page .list-cons .item-cons {
    padding: 0 12px;
}

.experts-page .list-cons .box-cons {
    position: relative;
    background-color: var(--white);
    border-radius: 25px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    border: 1px solid rgba(176, 190, 197, 0.3);
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 25px;
    text-align: center;
    overflow: hidden;
}

.experts-page .list-cons .box-cons .image-cons {
    width: 170px;
    height: 170px;
    border-radius: 100%;
    background-color: var(--white);
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    flex-shrink: 0;
    margin: 35px 0 5px;
    transition: all 0.4s;
}

.experts-page .list-cons .box-cons .image-cons>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.experts-page .list-cons .box-cons .post-cons {
    position: relative;
    background-color: var(--lipstick);
    padding: 5px 25px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: bold;
    color: var(--white);
    display: inline-block;
    top: -15px;
}

.experts-page .list-cons .box-cons .name-cons {
    font-size: 20px;
    font-weight: bold;
    color: var(--dark);
    margin-top: 20px;
}

.experts-page .list-cons .box-cons .list-areas {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 30px;
    font-size: 12px;
    color: var(--cool-grey);
}

.experts-page .list-cons .box-cons .list-areas .item-area {
    position: relative;
}

.experts-page .list-cons .box-cons .list-areas .item-area::after {
    content: "،";
    margin-left: 5px;
}

.experts-page .list-cons .box-cons .list-areas .item-area:nth-child(4)::after {
    content: "و ...";
    margin-right: 5px;
}

.experts-page .list-cons .box-cons .list-areas .item-area:nth-child(4)~.item-area {
    display: none;
}

.experts-page .list-cons .box-cons .btn-view-cons {
    background-color: var(--cool-grey);
    border: 3px solid rgba(176, 190, 197, 0.25);
    background-clip: padding-box;
    border-radius: 10px;
    height: 42px;
    width: 160px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
    font-size: 14px;
    font-weight: bold;
    color: var(--white);
    transition: all 0.4s;
}

.experts-page .list-cons .box-cons .btn-view-cons:hover {
    background-color: var(--french-blue);
    border: 3px solid rgba(63, 81, 181, 0.15);
}

.experts-page .list-cons .box-cons .statistics-cons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.experts-page .list-cons .box-cons .item-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.4;
}

.experts-page .list-cons .box-cons .item-stat .count-stat {
    font-size: 18px;
    font-weight: bold;
    color: var(--dark);
}

.experts-page .list-cons .box-cons .item-stat .title-stat {
    font-size: 14px;
    font-weight: normal;
    color: var(--cool-grey);
}

.experts-page .list-cons .box-cons .btns-call {
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid var(--light-grey);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.experts-page .list-cons .box-cons .btns-call .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cool-grey);
    width: 50%;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 0;
    border-left: 1px solid var(--light-grey);
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    height: 100%;
    transition: all 0.4s;
}

.experts-page .list-cons .box-cons .btns-call .btn:last-child {
    border: none;
}

.experts-page .list-cons .box-cons .btns-call .btn.btn-tel:hover {
    background-color: var(--green);
    color: var(--white);
}

.experts-page .list-cons .box-cons .btns-call .btn.btn-chat:hover {
    background-color: var(--sun-yellow);
    color: var(--white);
}

.experts-page .list-cons .box-cons .btns-call .btn>i {
    font-size: 20px;
    margin-left: 10px;
}

.experts-page .list-cons .box-cons .btns-call .btn.btn-tel>i {
    transform: scaleX(-1);
}

.experts-page .list-cons .box-cons .btns-call .btn.btn-chat>i {
    font-size: 22px;
}

.experts-page .list-cons .box-cons .mCSB_container {
    margin-left: 15px;
}

.experts-page .list-cons .box-cons .mCSB_scrollTools {
    left: -5px;
}

.experts-page .list-cons .box-cons .mCSB_scrollTools .mCSB_draggerRail {
    background-color: var(--light-grey);
}

.experts-page .list-cons .box-cons .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(176, 190, 197, 0.4);
}

.experts-page .list-cons .box-cons .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--cool-grey);
}

.experts-page .list-cons .box-cons .btn-areas {
    border: 1px solid var(--cool-grey);
    border-radius: 100px;
    font-size: 12px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    color: var(--dark);
}

.experts-page .list-cons .box-cons .btn-areas>i {
    font-size: 16px;
    color: var(--lipstick);
    margin-left: 3px;
}

.experts-page .list-cons .box-cons .rate-cons {
    position: absolute;
    top: 0;
    right: 25px;
    z-index: 10;
    background-color: var(--sun-yellow);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 65px;
    color: var(--dark);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    border-radius: 0 0 4px 4px;
}

.experts-page .list-cons .box-cons .rate-cons>i {
    font-size: 20px;
    margin: -3px;
    color: var(--white);
}

.experts-page .list-cons .box-cons .rate-cons::before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 18px 10px 18px;
    border-color: transparent transparent var(--white) transparent;
}

/*---------------------- /Page Exports ---------------------*/

/*---------------------- Page Export Profile ---------------------*/

.map-expert {
    position: relative;
    height: 500px;
    overflow: hidden;
    margin-top: -50px;
}

.map-expert::before {
    content: "";
    background: url('../images/site/map-expert.jpg') no-repeat bottom center / cover;
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    width: 100%;
    height: 75px;
    filter: blur(8px);
}

.map-expert::after {
    content: "";
    background-color: var(--cool-grey);
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    width: 100%;
    height: 75px;
    filter: brightness(80%) opacity(0.15);
}

.map-expert .markers-map {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.map-expert .help-markers {
    width: 350px;
    height: 60px;
    border-radius: 15px;
    border: 3px solid rgba(38, 50, 56, 0.06);
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 35px;
    left: 20px;
    padding: 0 15px;
    background-color: var(--white);
    z-index: 99;
}

.map-expert .help-markers .item-hlp {
    display: flex;
    align-items: flex-start;
}

.map-expert .help-markers .item-hlp .color {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-left: 8px;
    margin-top: 6px;
}

.map-expert .help-markers .item-hlp .color.red {
    background-color: var(--lipstick);
}

.map-expert .help-markers .item-hlp .color.yellow {
    background-color: var(--sun-yellow);
}

.map-expert .help-markers .item-hlp .color.blue {
    background-color: var(--french-blue);
}

.map-expert .help-markers .info-hlp {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.map-expert .help-markers .title-hlp {
    font-size: 14px;
    font-weight: bold;
    color: var(--dark);
}

.map-expert .help-markers .count-hlp {
    font-size: 12px;
    font-weight: normal;
    color: var(--cool-grey);
}

.map-expert .btn-areas-expert {
    background-color: var(--white);
    padding: 6px 25px;
    border-radius: 15px;
    border: 3px solid rgba(38, 50, 56, 0.06);
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--dark);
    position: absolute;
    bottom: 90px;
    left: 20px;
    z-index: 99;
    transition: all 0.4s;
}

.map-expert .btn-areas-expert:hover {
    background-color: var(--lipstick);
    color: var(--white);
    border-color: rgba(224, 30, 54, 0.2);
}

.map-expert .btn-areas-expert .count-area {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 3px solid rgba(224, 30, 54, 0.15);
    background-clip: padding-box;
    background-color: var(--lipstick);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: var(--white);
    transition: all 0.4s;
}

.map-expert .btn-areas-expert:hover .count-area {
    background-color: var(--sun-yellow);
    border-color: rgba(255, 202, 40, 0.3);
    color: var(--dark);
}

.expert-details {
    margin-top: -150px;
}

.aside-expert.list-cons .box-cons .rate-cons {
    background-color: var(--sun-yellow);
    color: var(--dark);
}

.aside-expert.list-cons .box-cons .rate-cons .icon-rate {
    color: var(--white);
}

.aside-expert.list-cons .box-cons .btn-view-cons {
    background-color: var(--french-blue);
    border-color: rgba(63, 81, 181, 0.15);
    transition: all 0.2s;
}

.aside-expert.list-cons .box-cons .btn-view-cons.active {
    background-color: transparent;
    border-color: var(--light-grey);
    border-width: 2px;
    color: var(--cool-grey);
}

.aside-expert .box-aside {
    position: relative;
    background-color: var(--white);
    border-radius: 15px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    border: 1px solid rgba(176, 190, 197, 0.3);
    margin-top: 20px;
    overflow: hidden;
}

.aside-expert .box-socials {
    padding: 20px;
}

.aside-expert .box-socials .list-socials {
    justify-content: center;
}

.aside-expert .box-socials .item-sc:first-child {
    margin-right: 0;
}

.aside-expert .box-statistics .head-box,
.aside-expert .box-experts .head-box {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--light-grey);
}

.aside-expert .box-statistics .head-box .title-head,
.aside-expert .box-experts .head-box .title-head {
    font-size: 16px;
    font-weight: bold;
    color: var(--dark);
}

.aside-expert .box-statistics .head-box .icon-trophy,
.aside-expert .box-experts .head-box .icon-operator {
    font-size: 25px;
    color: var(--cool-grey);
}

.aside-expert .box-statistics .all-stat {
    padding: 20px;
    border-bottom: 1px solid var(--light-grey);
}

.aside-expert .box-statistics .all-stat .progress {
    height: 3px;
    border-radius: 50px;
    background-color: var(--light-grey);
}

.aside-expert .box-statistics .all-stat .progress .progress-bar {
    background-color: var(--lipstick);
}

.aside-expert .box-statistics .all-stat .info-stat {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
}

.aside-expert .box-statistics .all-stat .info-stat .all {
    font-size: 14px;
    font-weight: 500;
    color: var(--dark);
}

.aside-expert .box-statistics .all-stat .info-stat .remained {
    font-size: 14px;
    font-weight: normal;
    color: var(--cool-grey);
}

.aside-expert .box-statistics .info-detail-stat {
    padding: 20px;
}

.aside-expert .box-statistics .info-detail-stat .item-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.aside-expert .box-statistics .info-detail-stat .item-stat:last-child {
    margin-bottom: 0;
}

.aside-expert .box-statistics .info-detail-stat .title-st {
    font-size: 14px;
    font-weight: normal;
    color: var(--dark);
}

.aside-expert .box-statistics .info-detail-stat .chart-st {
    display: flex;
    align-items: center;
}

.aside-expert .box-statistics .info-detail-stat .progress {
    height: 3px;
    width: 60px;
    margin-right: 10px;
    border-radius: 50px;
    background-color: var(--light-grey);
}

.aside-expert .box-statistics .info-detail-stat .progress .progress-bar {
    background-color: var(--cool-grey);
}

.aside-expert .box-statistics .info-detail-stat .counter {
    font-size: 14px;
}

.aside-expert .box-statistics .info-detail-stat .btn-view-all,
.aside-expert .box-experts .btn-view-all {
    width: 100%;
    height: 45px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(176, 190, 197, 0.6);
    color: var(--cool-grey);
    margin-top: 30px;
    transition: all 0.4s;
}

.aside-expert .box-statistics .info-detail-stat .btn-view-all:hover,
.aside-expert .box-experts .btn-view-all:hover {
    background-color: var(--lipstick);
    border-color: var(--lipstick);
    color: var(--white);
}

.aside-expert .box-experts .list-experts {
    padding: 20px;
}

.aside-expert .box-experts .list-experts .item-expt {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.aside-expert .box-experts .list-experts .item-expt::after {
    content: "\e902";
    font-family: 'icomoon';
    position: absolute;
    left: 30px;
    top: 25px;
    font-size: 10px;
    color: var(--cool-grey);
    z-index: 10;
    transform: rotate(90deg);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
}

.aside-expert .box-experts .list-experts .item-expt:hover::after {
    opacity: 1;
    visibility: visible;
    left: 5px;
}

.aside-expert .box-experts .item-expt .image-expt {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 3px solid rgba(176, 190, 197, 0.4);
    background-clip: padding-box;
    overflow: hidden;
    margin-left: 10px;
}

.aside-expert .box-experts .item-expt .image-expt>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aside-expert .box-experts .item-expt .info-expt {
    text-align: right;
}

.aside-expert .box-experts .item-expt .name-expt {
    font-size: 15px;
    font-weight: 500;
    color: var(--dark);
    display: block;
}
.aside-expert .box-experts .item-expt .name-expt > strong{
    margin-left: 5px;
}

.aside-expert .box-experts .item-expt .call {
    font-size: 13px;
    font-weight: 500;
    color: var(--cool-grey);
    display: block;
}

.aside-expert .box-experts .item-expt .rate-expt {
    width: 65px;
    height: 35px;
    background-color: #FFF9E8;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -20px;
    top: 15px;
    font-size: 12px;
    font-weight: bold;
    color: var(--sun-yellow);
    direction: ltr;
    padding-right: 10px;
    transition: all 0.4s;
}

.aside-expert .box-experts .item-expt:hover .rate-expt {
    left: -90px;
}

.aside-expert .box-experts .item-expt .rate-expt::before {
    content: "";
    position: absolute;
    top: 13px;
    right: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 18px 10px 18px;
    border-color: transparent transparent var(--white) transparent;
    transform: rotate(-90deg);
}

.aside-expert .box-experts .item-expt .rate-expt>i {
    font-size: 16px;
    margin-right: 3px;
}

#list_areas .item-rdo {
    pointer-events: none;
}

#list_areas .item-rdo .lbl-rdo::before,
#list_areas .item-rdo .lbl-rdo::after {
    display: none;
}

#list_areas .item-rdo .lbl-rdo {
    padding-right: 5px;
}

.experts-page .article-expert {
    padding-right: 30px;
}

.article-expert .nav-tabs {
    border: none;
    padding: 0;
    margin: 35px 0 0;
}

.article-expert .nav-tabs .nav-link {
    position: relative;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 65px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark);
    padding: 0;
}

.article-expert .nav-tabs .nav-link .text-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.article-expert .nav-tabs .nav-link .text-nav>i {
    font-size: 25px;
    margin-left: 10px;
}

.article-expert .nav-tabs .nav-link.active {
    color: var(--lipstick);
}

.article-expert .nav-tabs .nav-link::before {
    content: "";
    background-color: var(--dark);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 0;
    height: 100%;
    margin: 0 auto;
    filter: brightness(200%) opacity(0.1);
    transition: all 0.4s;
}

.article-expert .nav-tabs .nav-link.active::before {
    width: 100%;
}

.article-expert .nav-tabs .nav-link .text-nav {
    position: relative;
    z-index: 99;
}

.article-expert .tab-content {
    margin-top: 40px;
}

.article-expert .tab-content .tab-pane {
    padding: 0;
}

.article-expert .list-melk .item-mlk {
    margin-bottom: 30px;
}

.article-expert .list-melk .box-mlk {
    position: relative;
    display: block;
    width: 100%;
    height: 250px;
    border-radius: 20px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
    overflow: hidden;
    transition: all 0.4s;
}

.article-expert .list-melk .box-mlk:hover {
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.5);
}

.article-expert .list-melk .box-mlk .image-mlk {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s;
}

.article-expert .list-melk .box-mlk:hover .image-mlk {
    transform: rotate(5deg) scale(1.2);
}

.article-expert .list-melk .box-mlk .code-mlk {
    position: absolute;
    top: 15px;
    left: 15px;
    width: auto;
    padding: 0 15px;
    background-color: rgba(38, 50, 56, 0.5);
    font-weight: 500;
    line-height: 2.4;
    height: 30px;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    color: var(--white);
    z-index: 10;
    transition: all 0.4s;
}

.article-expert .list-melk .box-mlk .options-mlk {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.article-expert .list-melk .box-mlk .item-op {
    width: 60px;
    height: 30px;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: var(--white);
    z-index: 10;
    line-height: 2.2;
    margin-left: 8px;
    transition: all 0.4s;
}

.article-expert .list-melk .box-mlk .item-op.red {
    background-color: red;
}

.article-expert .list-melk .box-mlk .item-op.lux {
    background-color: var(--sun-yellow);
}

.article-expert .list-melk .box-mlk .item-op.exc {
    background-color: var(--french-blue);
}

.article-expert .list-melk .box-mlk .info-mlk {
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: right;
}

.article-expert .list-melk .box-mlk .info-mlk .bg-info {
    position: absolute;
    bottom: -10px;
    right: -10px;
    height: 70px;
    width: 105%;
    object-fit: cover;
    object-position: bottom;
    filter: blur(15px);
    z-index: 0;
}
.article-expert .list-melk .box-mlk .info-mlk .bg-info.no-pic {
    background-color: var(--dark) !important;
}

.article-expert .list-melk .box-mlk .info-mlk::after {
    content: "";
    background-color: var(--dark);
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 70px;
    opacity: 0.3;
    transition: all 0.4s;
}

.article-expert .list-melk .box-mlk:hover .info-mlk::after {
    opacity: 0.7;
}

.article-expert .list-melk .box-mlk .info-mlk .name-mlk {
    width: 100%;
    margin: 10px 0 0;
    font-size: 16px;
    font-weight: bold;
    color: var(--white);
    position: relative;
    z-index: 99;
}

.article-expert .list-melk .box-mlk .info-mlk .details-mlk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 99;
}

.article-expert .list-melk .box-mlk .info-mlk .price {
    font-size: 14px;
    font-weight: bold;
    color: var(--cool-grey);
}

.article-expert .list-melk .box-mlk .info-mlk .price>.toman {
    font-size: 12px;
    font-weight: 500;
}

.article-expert .list-melk .box-mlk .info-mlk .dir {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    color: var(--white);
    opacity: 0.6;
}

.article-expert .list-melk .box-mlk .info-mlk .dir>span:first-child::after {
    content: "";
    background-color: var(--white);
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    margin: 0 8px;
}

.article-expert .pagination {
    margin-top: 10px;
}

.article-expert .list-comments {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid var(--light-grey);
}

.article-expert .head-box-cm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.article-expert .head-box-cm .title {
    font-size: 18px;
    font-weight: bold;
    color: var(--dark);
    margin: 0;
}

.article-expert .list-comments .body-box-cm {
    position: relative;
    padding-right: 42px;
    margin-top: 30px;
    padding-bottom: 50px;
    height: auto;
    overflow: hidden;
}

.article-expert .list-comments .body-box-cm.show {
    height: auto;
}

.article-expert .list-comments .body-box-cm::before {
    content: "";
    width: 2px;
    height: 100%;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23B0BEC5FF' stroke-width='3' stroke-dasharray='0%2c 12' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e");
    position: absolute;
    top: 0;
    right: 30px;
    opacity: 0.7;
}

.article-expert .list-comments .body-box-cm::after {
    content: "";
    width: 40px;
    height: 200px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--white)fff", endColorstr="var(--white)fff", GradientType=1);
    position: absolute;
    right: 10px;
    bottom: 0;
}

.article-expert .list-comments .body-box-cm .item-cm {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.article-expert .list-comments .item-cm .head-item {
    display: flex;
    align-items: center;
}

.article-expert .list-comments .item-cm .icon-alarm-clock {
    width: 35px;
    height: 35px;
    background-color: var(--white);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--dark);
    position: absolute;
    top: -8px;
    right: -47px;
}

.article-expert .list-comments .item-cm .date {
    font-size: 13px;
    font-weight: 500;
    color: var(--dark);
}

.article-expert .list-comments .item-cm .date::after {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--cool-grey);
    border-radius: 100%;
    display: inline-block;
    margin: 0 10px;
}
.article-profile .list-comments .item-cm .date::after {
    display: none;
}
.article-profile .list-requests .item-cm .date::after {
    display: inline-block;
}
.article-expert .list-comments .item-cm .btn-answer {
    font-size: 13px;
    font-weight: bold;
    color: var(--lipstick);
}

.article-expert .list-comments .item-cm .box-cm {
    position: relative;
    background-color: var(--light);
    border: 1px solid var(--light-grey);
    border-radius: 20px;
    padding: 15px;
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    text-align: right;
    transition: all 0.4s;
}

.article-expert .list-comments .item-cm:hover .box-cm {
    background-color: var(--white);
    box-shadow: 0 6px 20px 0 rgba(38, 50, 56, 0.05);
}

.article-expert .list-comments .item-cm .image-user {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: var(--white);
    border: 2px solid rgba(176, 190, 197, 0.4);
    background-clip: padding-box;
    overflow: hidden;
    margin-left: 15px;
    flex-shrink: 0;
}

.article-profile .list-comments .item-cm .user-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cool-grey);
    transition: all 0.4s;
}
.article-profile .list-comments .item-cm:hover .user-icon{
    background-color: var(--lipstick);
}

.article-profile .list-comments .item-cm .user-icon>i {
    font-size: 22px;
    color: var(--white);
}

.article-expert .list-comments .item-cm .image-user>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-expert .list-comments .item-cm .username {
    font-size: 15px;
    font-weight: bold;
    color: var(--dark);
    margin: 13px 0;
}
.article-profile .list-comments .item-cm .abs-box{
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    direction: ltr;
}
.article-profile .list-comments .item-cm .price-req {
    font-size: 13px;
    font-weight: normal;
    color: var(--dark);
    margin-right: 15px;
    background-color: var(--light-grey);
    padding: 8px 15px;
    border-radius: 10px;
    border: 1px solid rgba(176, 190, 197, 0.25);
}
.article-profile .list-comments .item-cm .price-req.req-code{
    background-color: var(--white);
}

.article-expert .list-comments .item-cm .desc {
    font-size: 13px;
    font-weight: normal;
    color: var(--cool-grey);
    margin: 0 0 5px;
    line-height: 1.8;
}

.article-profile .list-comments .item-cm .desc>span {
    margin-left: 3px;
}

.article-profile .list-comments .item-cm .desc>span::after {
    content: "-";
    margin-right: 3px;
}

.article-profile .list-comments .item-cm .desc>span:last-child::after {
    display: none;
}

.article-expert .list-comments .item-cm .btn-like {
    color: var(--cool-grey);
    opacity: 0.4;
    font-size: 20px;
    margin-right: 15px;
    transition: all 0.4s;
}
/*
.experts-page .article-expert .list-comments .item-cm .btn-like{
    position: absolute;
    top: 15px;
    left: 15px;
}
*/

.article-expert .list-comments .item-cm .btn-like.active,
.article-profile .list-comments .item-cm .btn-like:hover {
    color: var(--lipstick);
    opacity: 1;
}

.article-expert .list-comments .item-cm.item-answer {
    padding-right: 30px;
}

.article-expert .list-comments .item-cm.item-answer .icon-alarm-clock {
    color: var(--lipstick);
}

.article-expert .list-comments .item-cm.item-answer .btn-answer {
    color: var(--cool-grey);
    font-weight: 500;
}

.article-expert .add-comment {
    padding-top: 30px;
    border-top: 1px solid var(--light-grey);
}

.article-expert .box-add-comment {
    position: relative;
    background-color: var(--light);
    border: 1px solid var(--light-grey);
    border-radius: 20px;
    padding: 15px;
    margin-top: 15px;
    text-align: right;
    transition: all 0.4s;
}

.article-expert .box-add-comment .desc-modal {
    font-size: 13px;
    font-weight: normal;
    color: var(--cool-grey);
    margin: 0 0 10px;
}

.article-expert .box-add-comment .input-mlktab,
.article-expert .box-add-comment .form-control,
.article-expert .box-add-comment .input-group-text {
    height: 50px;
}

.article-expert .box-add-comment .textarea-mlktab {
    height: auto;
}

.article-expert .box-add-comment textarea.form-control {
    min-height: 100px;
    margin-top: 15px;
    max-height: 200px;
}

.article-expert .box-add-comment .btn-send-cm {
    background-color: var(--lipstick);
    padding: 10px 40px;
    border-radius: 12px;
    border: 3px solid rgba(237, 34, 37, 0.15);
    background-clip: padding-box;
    font-size: 16px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin-top: 15px;
    box-shadow: none;
    transition: all 0.4s;
}
.article-expert .box-add-comment .btn-send-cm:hover{
    background-color: var(--dark);
    border-color: rgba(63, 81, 181, 0.15);
}
.article-expert .box-add-comment .rating-cm{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.article-expert .box-add-comment .rating-cm .title{
    margin-left: 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    color: var(--dark);
}
.article-expert .box-add-comment .rating-cm .numbers{
    width: 80px;
}
.article-expert .box-add-comment .rating-cm .numbers > span{
    font-weight: bold;
    margin: 0 2px;
}
.article-expert .box-add-comment .rating-cm .live-rating{
    color: var(--lipstick);
    margin-right: 10px !important;
}
.article-expert .box-add-comment #rating_expert{
    direction: ltr;
}
.expert-details .chat-seller {
    position: fixed;
    left: 15px;
    bottom: 15px;
    z-index: 999999;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.expert-details .chat-seller .icon-chatting {
    width: 60px;
    height: 60px;
    background-color: var(--lipstick);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: var(--white);
    border: 3px solid rgba(38, 50, 56, 0.15);
    background-clip: padding-box;
    z-index: 99;
}

.expert-details .chat-seller .txt-seller {
    font-size: 11px;
    padding: 5px 15px 5px 20px;
    width: 130px;
    background-color: var(--dark);
    color: var(--white);
    font-weight: bold;
    border-radius: 0 200px 200px 0;
    position: relative;
    left: -15px;
    white-space: nowrap;
    transition: all 1s;
}

.expert-details .chat-seller.hide-text .txt-seller {
    width: 0;
    left: -50px;
    text-indent: 500px;
}
#chat_experts .modal-header {
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

#chat_experts .info-shop-chat .image-user {
    position: relative;
    float: right;
    margin-left: 10px;
}

#chat_experts .info-shop-chat .image-user .img-pro {
    display: inline-block;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid rgba(38, 50, 56, 0.15);
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    transition: all 0.3s;
}

#chat_experts .info-shop-chat .image-user .img-pro>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#chat_experts .info-shop-chat .image-user .ic-gift {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: var(--white);
    box-shadow: 0 0 5px -2px #888;
    color: var(--lipstick);
    position: absolute;
    top: 40px;
    left: 0;
    font-size: 13px;
}
#chat_experts .info-shop-chat .image-user .ic-gift >img{
    width: 13px;
}

#chat_experts .info-shop-chat .info-user {
    float: right;
    text-align: right;
    line-height: 1.3;
    margin-top: 4px;
}

#chat_experts .info-shop-chat .info-user .name {
    font-size: 14px;
    color: var(--dark);
    font-weight: bold;
}

#chat_experts .info-shop-chat .info-user .shop-seller {
    font-size: 12px;
    color: var(--lipstick);
}

#chat_experts .info-shop-chat .info-user .shop-name {
    color: var(--lipstick);
    font-weight: bold;
}

#chat_experts .info-shop-chat .info-user .average-time {
    font-size: 10px;
    color: var(--cool-grey);
    margin-top: 12px;
    display: flex;
    align-items: center;
    line-height: 0;
}

#chat_experts .info-shop-chat .info-user .average-time .line-space {
    margin: 0 5px;
    font-size: 12px;
    position: relative;
    top: -2px;
}

#chat_experts .modal-header .dropdown-chat .dropdown-toggle {
    padding: 0;
    box-shadow: none;
}

#chat_experts .modal-header .dropdown-chat .dropdown-toggle::after {
    display: none;
}

#chat_experts .modal-header .dropdown-chat .dropdown-item, #chat_experts .modal-body .dropdown-mes .dropdown-item {
    font-size: 12px;
    text-align: right;
    padding: 5px 10px;
}

#chat_experts .modal-header .dropdown-chat .dropdown-menu, #chat_experts .modal-body .dropdown-mes .dropdown-menu {
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    box-shadow: 0 0 9px -4px #bbb;
    left: -15px !important;
}

#chat_experts .modal-header .dropdown-chat .dropdown-item, #chat_experts .modal-body .dropdown-mes .dropdown-item {
    font-size: 12px;
    text-align: right;
}

#chat_experts .modal-header .dropdown-chat .dropdown-menu::after, #chat_experts .modal-body .dropdown-mes .dropdown-menu::after {
    content: "";
    background-color: var(--white);
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    left: 18px;
    top: -6px;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}

#chat_experts .modal-body .dropdown-mes .dropdown-menu::after {
    transform: rotate(130deg);
    left: auto;
    top: 19px;
    right: -5px;
}

#chat_experts .modal-body {
    position: relative;
    padding: 0;
    min-height: 250px;
    max-height: 450px;
    overflow-y: auto;
    background: var(--light) url('../images/site/pattern.png') repeat center center / 200px;
}
/* #chat_experts .modal-body::before{
    content: "";
    background: url('../images/site/pattern.png') repeat center center / 200px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.03;
} */

#chat_experts .modal-body .tip-chat {
    position: relative;
    padding: 15px;
    background-color: #f5f5f5;
    z-index: 10;
    box-shadow: 0 2px 9px -5px rgba(0, 0, 0, 0.2);
}

#chat_experts .modal-body .tip-chat .desc-tip {
    font-size: 12px;
    text-align: justify;
    color: #999;
    line-height: 1.6;
}

#chat_experts .modal-body .tip-chat .rules {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: var(--lipstick);
}

#chat_experts .modal-body .no-message {
    text-align: center;
    margin: 40px 0;
    font-size: 14px;
}

#chat_experts .modal-body .logo-signs {
    text-align: left;
    position: relative;
    margin-left: 10px;
    bottom: 10px;
    float: left;
    margin-top: 15px;
}

#chat_experts .modal-body .logo-signs .lg-sign {
    filter: brightness(0);
    width: 80px;
    opacity: 0.1;
}

#chat_experts .modal-body .date-message-group {
    margin-top: 15px;
    text-align: center;
    position: relative;
    z-index: 10;
}

#chat_experts .modal-body .date-message-group>.date-text {
    display: inline-block;
    font-size: 12px;
    background-color: rgba(38, 50, 56, 0.15);
    padding: 3px 15px;
    border-radius: 200px;
    color: var(--white);
    font-weight: 500;
}

#chat_experts .modal-body .row-sends {
    float: right;
    width: 100%;
}

#chat_experts .modal-body .row-product .list-product .box-send {
    background-color: var(--dark);
    border-radius: 20px 0 20px 20px;
    float: right;
    max-width: 65%;
    margin: 15px 15px 20px;
    padding: 10px;
    position: relative;
    z-index: 20;
    color: var(--white);
    background-clip: padding-box;
    box-shadow: 0 2px 0 rgba(38, 50, 56, 0.15);
}

#chat_experts .modal-body .row-product .list-product .thumbnail-product {
    background-color: var(--white);
    border: none;
    border-radius: 10px;
    padding: 10px 10px 10px 40px;
    height: auto;
    width: 100%;
    float: right;
}

#chat_experts .modal-body .row-product .list-product .status .offer {
    width: 30px;
    height: 30px;
    font-size: 12px;
    top: 5px;
    left: 5px;
}

#chat_experts .modal-body .row-product .list-product .img-product {
    height: 75px;
    width: 75px;
    float: right;
    margin-left: 10px;
}

#chat_experts .modal-body .row-product .list-product .title-product {
    font-size: 12px;
    text-align: right;
    margin-bottom: 0;
}

#chat_experts .modal-body .row-product .list-product .prices {
    justify-content: flex-start;
    font-size: 12px;
    margin-top: 2px;
}

#chat_experts .modal-body .row-product .list-product .prices .main-price {
    padding: 0;
    margin: 0;
}

#chat_experts .modal-body .row-product .list-product .prices .off-price {
    margin: 0 10px 0 0;
    font-size: 12px;
}

#chat_experts .modal-body .row-product .list-product .img-product .free-send {
    width: 100%;
    border-radius: 0;
    font-size: 9px;
    padding: 3px 8px;
}

#chat_experts .modal-body .row-product .txt-chat {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0 3px;
}

#chat_experts .modal-body .info-mes {
    position: absolute;
    bottom: -18px;
    float: right;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
    margin-top: 8px;
    width: 100%;
    z-index: 10;
}

#chat_experts .modal-body .info-mes .time-mes {
    font-size: 10px;
    opacity: 1;
    color: var(--cool-grey);
}

#chat_experts .modal-body .info-mes .tick-mes {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 10;
    right: 10px;
    color: var(--lipstick);
    transition: all 0.4s;
}

#chat_experts .modal-body .info-mes .tick-mes::before, #chat_experts .modal-body .info-mes .tick-mes::after {
    content: "";
    width: 2px;
    height: 5px;
    background-color: var(--cool-grey);
    transform: rotate(-50deg);
    position: absolute;
    left: 1px;
    top: -2px;
    opacity: 1;
    transition: all 0.4s;
}

#chat_experts .modal-body .info-mes .tick-mes::after {
    height: 9px;
    transform: rotate(40deg);
    top: -6px;
    left: 5px;
}

#chat_experts .modal-body .info-mes .tick-mes:last-child {
    opacity: 0;
    visibility: hidden;
}

#chat_experts .modal-body .info-mes.ticked .tick-mes:last-child {
    opacity: 1;
    visibility: visible;
    right: 6px;
}

#chat_experts .modal-body .info-mes.ticked .tick-mes::before, #chat_experts .modal-body .info-mes.ticked .tick-mes::after {
    background-color: var(--lipstick);
    opacity: 1;
}

#chat_experts .modal-body .list-messages .dropdown-mes {
    position: absolute;
    left: -20px;
    top: 10px;
    z-index: 99;
    z-index: 9999;
    transform: scale(0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}

#chat_experts .modal-body .row-receives .dropdown-mes {
    left: auto;
    right: -20px;
}

#chat_experts .modal-body .list-messages .row-sends:hover .dropdown-mes, #chat_experts .modal-body .desc-received:hover .dropdown-mes {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

#chat_experts .modal-body .dropdown-mes .dropdown-menu {
    top: -17px !important;
    right: 20px;
    min-width: 100px;
    transform: translate3d(0px, 0, 0px) !important;
}

#chat_experts .modal-body .list-messages .dropdown-mes .dropdown-toggle {
    padding: 0;
    box-shadow: none;
}

#chat_experts .modal-body .list-messages .dropdown-mes .dropdown-toggle::after {
    display: none;
}

#chat_experts .modal-body .row-receives {
    float: left;
    width: 100%;
}

#chat_experts .modal-body .row-receives .desc-received {
    background-color: var(--lipstick);
    width: auto;
    float: left;
    margin: 15px 15px 20px;
    border-radius: 0px 20px 20px 20px;
    padding: 10px;
    font-size: 11px;
    text-align: right;
    color: var(--white);
    font-weight: normal;
    line-height: 1.8;
    max-width: 65%;
    box-shadow: 0 2px 0 rgba(38, 50, 56, 0.15);
    position: relative;
    z-index: 10;
}

#chat_experts .modal-body .row-receives .txt-received {
    margin: 0;
}

#chat_experts .modal-body .row-receives .dropdown-menu {
    right: auto;
    left: 22px !important;
}

#chat_experts .modal-body .row-receives .dropdown-mes .dropdown-menu::after {
    transform: rotate(-45deg);
    left: -5px;
    right: auto;
}

#chat_experts .modal-body .row-receives .info-mes {
    padding-left: 15px;
}

#chat_experts .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    padding: 12px;
}

#chat_experts .modal-footer .btn-send-text {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--lipstick);
    color: var(--white);
    font-size: 14px;
    position: relative;
    top: -1px;
    transition: all 0.4s;
}

#chat_experts .modal-footer .btn-send-text:hover {
    background-color: var(--dark);
}

#chat_experts .modal-footer .chat-box-textarea {
    position: relative;
    width: 89%;
}

#chat_experts .modal-footer .chat-box-textarea .attach-image {
    position: absolute;
    left: 15px;
    bottom: 11px;
    font-size: 18px;
    color: #bbb;
    line-height: 0;
    transition: all 0.4s;
}

#chat_experts .modal-footer .chat-box-textarea .attach-image:hover {
    color: #555;
}

#chat_experts .modal-footer .chat-box-textarea .attach-image>label {
    cursor: pointer;
    margin: 0;
}

#chat_experts .modal-footer .chat-box-textarea .send-message {
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 200px;
    resize: none;
    padding: 10px 10px 10px 45px;
    height: 40px;
    display: flex;
    align-items: flex-end;
    font-size: 12px;
    max-height: 100px;
}

#chat_experts .modal-footer .chat-box-textarea .send-message.change {
    border-radius: 10px;
}
#chat_experts .view-melk-chat{
    position: relative;
    background: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    border-radius: 20px 0 20px 20px;
    padding: 10px 10px 10px 100px;
    z-index: 10;
    text-align: right;
    box-shadow: 0 2px 9px -5px rgba(0, 0, 0, 0.2);
    float: right;
    margin: 15px 15px 0;
}
#chat_experts .view-melk-chat .image-mlk{
    width: 70px;
    height: 70px;
    border-radius: 15px;
    border: 3px solid rgba(176, 190, 197, 0.25);
    background-clip: padding-box;
    overflow: hidden;
    margin-left: 10px;
}
#chat_experts .view-melk-chat .image-mlk > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#chat_experts .view-melk-chat .name-mlk{
    font-size: 14px;
    font-weight: bold;
    color: var(--dark);
    margin: 0 0 5px;
}
#chat_experts .view-melk-chat .price-mlk{
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--lipstick);
}
#chat_experts .view-melk-chat .price-mlk .toman{
    font-size: 11px;
    margin-right: 3px;
}
#chat_experts .view-melk-chat .code-mlk{
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 500;
    color: var(--cool-grey);
    background-color: rgba(236, 239, 241,0.6);
}
#chat_experts .modal-body .row-product .list-product.image-file .box-send{
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}
#chat_experts .modal-body .row-product .list-product.image-file .image-box{
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    width: 170px;
    height: 170px;
    overflow: hidden;
    border-radius: 20px 0 20px 20px;
}
#chat_experts .modal-body .row-product .row-receives.image-file .image-box{
    border-radius: 0 20px 20px 20px;
}
#chat_experts .modal-body .row-product .list-product.image-file img{
    width: 100%;
    height: 100%;
}
#chat_experts .modal-body .image-file .info-mes{
    padding: 0 10px 0 20px;
}

.article-expert .btn-regmlk {
    background-color: var(--lipstick);
    border-radius: 12px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    background-clip: padding-box;
    padding: 9px 30px;
    color: var(--white);
    font-weight: bold;
    box-shadow: none;
    transition: all 0.4s;
}

.article-expert .btn-regmlk:hover {
    background-color: var(--sun-yellow);
    color: var(--dark);
}

/*---------------------- 404 Page ----------------------*/

.page-404{
    background-color: var(--lipstick);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.page-404 .image-bg{
    position: relative;
    width: 55%;
    height: 100%;
}
.page-404 .image-bg::before{
    content: "";
    background-color: var(--lipstick);
    width: 50%;
    height: 150%;
    position: absolute;
    top: -25%;
    left: -40%;
    border-radius: 100%;
    z-index: 10;
}
.page-404 .image-bg::after{
    content: "";
    background-color: var(--white);
    width: 50%;
    height: 150%;
    position: absolute;
    top: -25%;
    left: -39%;
    border-radius: 100%;
    z-index: 5;
}
.page-404 .image-bg .box-image{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.page-404 .image-bg .box-image::after{
    content: "";
    background-image: linear-gradient(to bottom, rgba(38, 50, 56, 0.5), rgba(38, 50, 56, 0.5) 89%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-404 .image-bg .box-image > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-404 .image-bg .text-404{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 99;
}
.page-404 .image-bg .text-404 .bio-site{
    width: 100%;
    margin-bottom: 30px;
}
.page-404 .image-bg .text-404 .slogan-mlktab{
    color: var(--white);
    font-weight: bold;
    font-size: 35px;
}
.page-404 .image-bg .text-404 .ftr-mlktab{
    color: var(--white);
    font-weight: normal;
    font-size: 18px;
    opacity: 0.7;
}
.page-404 .image-bg .text-404 .list-features{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(38, 50, 56, 0.3);
    border-radius: 200px;
    padding: 15px 50px;
    border: 1px solid var(--white);
}
.page-404 .image-bg .text-404 .list-features .nav-link{
    position: relative;
    background-color: transparent;
    margin: 0 20px;
    padding: 0;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
}
.page-404 .image-bg .text-404 .list-features .nav-link>i{
    position: relative;
    font-size: 50px;
    margin-bottom: 10px;
    color: var(--sun-yellow);
}
.page-404 .logo-text{
    position: absolute;
    bottom: 30px;
    right: 30px;
    text-align: center;
    width: 170px;
    filter: brightness(0) invert(1);
}
.page-404 .style-page{

    text-align: center;
    width: 500px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 99;
}
.page-404 .style-page::before{
    content: "";
    background: url('../images/logo/logo-404.svg') no-repeat center center / 450px;
    width: 450px;
    height: 550px;
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    margin: 0 auto;
    filter: brightness(0) invert(1);
    z-index: 10;
}
@-webkit-keyframes changelamp
{
    0%   {background-image: url("../images/404/lamp-off.png");}
    25%  {background-image: url("../images/404/lamp-on.png");}
    50%  {background-image: url("../images/404/lamp-off.png");}
    100% {background-image: url("../images/404/lamp-on.png");}
}
.page-404 .style-page .lamp-page{

    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 200px;
    width: 500px;
    height: 400px;
    -webkit-animation:changelamp 1s infinite;
    top: -20px;
}
.page-404 .style-page .number{

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8em;
    font-weight: bold;
    position: absolute;
    top: 160px;
    color: var(--dark);
    opacity: 1;
    right: 120px;
    z-index: 99;
}
.page-404 .style-page .number.left-4{

    right: auto;
    left: 120px;
}
@-webkit-keyframes light
{
    0%   {opacity: 0;}
    25%  {opacity: 0.2;}
    50%  {opacity: 0;}
    100% {opacity: 0.2;}
}
.page-404 .style-page .circle-light{

    background-color: var(--sun-yellow);
    opacity: 0.2;
    position: absolute;
    top: 85px;
    right: 0;
    left: 0;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    filter: blur(100px);
    margin: 0 auto;
    -webkit-animation:light 1s infinite;
}
.page-404 .style-page .desc-404{
    margin-top: 90px;
    font-size: 25px;
    font-weight: normal;
    color: var(--white);
}
.page-404 .style-page .desc-404 > strong{
    font-weight: 900;
    color: var(--dark);
    font-size: 30px;
}
.page-404 .style-page .btns-404{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 99;
    margin-top: 20px;
}
.page-404 .style-page .btns-404 .btn{
    width: 48%;
    background-color: var(--sun-yellow);
    border-radius: 15px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    background-clip: padding-box;
    padding: 12px 30px;
    color: var(--dark);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: all 0.4s;
}
.page-404 .style-page .btns-404 .btn-home{
    background-color: var(--dark);
    color: var(--white);
}
.page-404 .style-page .btns-404 .btn:hover{
    background-color: var(--white);
    color: var(--dark);
}
/*---------------------- /404 Page ----------------------*/
@media (min-width: 1024px) and (max-width: 1500px){
    .page-404 .image-bg .text-404 .slogan-mlktab{
        font-size: 25px;
    }
    .page-404 .image-bg .text-404 .ftr-mlktab{
        font-size: 16px;
    }
    .page-404 .image-bg .text-404 .list-features .nav-link > i{
        font-size: 40px;
    }
    .page-404 .image-bg .text-404 .list-features .nav-link{
        font-size: 14px;
    }
    .page-404 .image-bg .logo-text{
        width: 130px;
    }
    .page-404 .style-page::before{
        background-size: 350px;
    }
    .page-404 .style-page .lamp-page{
        background-size: 150px;
    }
    .page-404 .style-page .number{
        font-size: 6.5em;
        right: 150px;
    }
    .page-404 .style-page .number.left-4{
        left: 150px;
    }
    .page-404 .style-page .circle-light{
        top: 60px;
    }
    .page-404 .style-page .desc-404{
        margin-top: 35px;
        font-size: 22px;
    }
    .page-404 .style-page .desc-404 > strong{
        font-size: 28px;
    }

    .select-city-page .info-site .box-scroll,
    .select-city-page .box-cities {
        padding: 40px;
    }

    .select-city-page .info-site .btns-download .btn-box-dw {
        font-size: 12px;
        padding: 10px;
    }

    .select-city-page .info-site .btns-download .btn-box-dw>i {
        font-size: 22px;
        margin-left: 5px;
    }
}
/*---------------------- /404 Page ----------------------*/

/*---------------------- /Page Export Profile ---------------------*/

/*---------------------- /Style Pages ---------------------*/


/*---------------------- Main Page ----------------------*/

.select-city-page .info-site {
    position: relative;
    background-color: var(--light-grey);
    height: calc(100vh - 100px);
    text-align: right;
    overflow: hidden;
    padding: 0;
}

.select-city-page .info-site::before {
    content: "";
    background: url('../images/logo/logo-single.png') no-repeat center center / 500px;
    width: 500px;
    height: 600px;
    position: absolute;
    bottom: -150px;
    right: -150px;
    z-index: 0;
    filter: brightness(0) invert(1) opacity(0.25);
}

.select-city-page .info-site .box-scroll {
    height: 100%;
    padding: 60px;
    overflow-y: auto;
}

.select-city-page .info-site * {
    position: relative;
    z-index: 10;
}

.select-city-page .info-site .slogan-mlktab {
    font-size: 22px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 5px;
}

.select-city-page .info-site .ftr-mlktab {
    font-size: 14px;
    font-weight: 500;
    color: var(--cool-grey);
}

.select-city-page .info-site .desc-site {
    margin-top: 40px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.8;
    text-align: justify;
}

.select-city-page .info-site .btns-download {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select-city-page .info-site .btns-download .btn-box-dw {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--cool-grey);
    border-radius: 12px;
    padding: 10px 20px;
    width: 48%;
    font-size: 14px;
    font-weight: 500;
    color: var(--cool-grey);
    transition: all 0.4s;
}

.select-city-page .info-site .btns-download .btn-box-dw:hover {
    background-color: var(--lipstick);
    border-color: var(--lipstick);
    color: var(--white);
}

.select-city-page .info-site .btns-download .btn-box-dw>i {
    font-size: 26px;
    margin-left: 10px;
}

.select-city-page .info-site .btns-download .btn-box-dw .icon-android {
    position: relative;
    top: -5px;
}

.select-city-page .info-site .certificates-site,
.select-city-page .info-site .socials-site {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(176, 190, 197, 0.3);
}

.select-city-page .info-site .title-crt {
    font-size: 14px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 15px;
}

.select-city-page .info-site .certificates-site .img-crt {
    height: 80px;
    margin: 0 15px;
}

.select-city-page .info-site .list-socials {
    justify-content: center;
    margin-right: -15px;
}

.select-city-page .info-site .item-sc:first-child {
    margin-right: 0;
}

.select-city-page .info-site .item-sc>i {
    font-size: 22px;
}

.select-city-page .info-site .item-sc .text-sc {
    font-size: 13px;
}

.select-city-page .box-cities {
    position: relative;
    height: calc(100vh - 100px);
    padding: 60px;
    text-align: right;
    overflow-y: auto;
}

.select-city-page .box-cities .modal-title {
    font-size: 16px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 15px;
}

.select-city-page .box-cities .item-rdo {
    width: 18% !important;
}

.select-city-page .box-cities .modal-body {
    padding: 20px 0;
}

.select-city-page .box-cities .input-search-modal {
    padding: 10px !important;
}

.select-city-page .box-cities .placeholder-slc {
    color: var(--cool-grey);
    font-size: 14px;
    font-weight: 500;
}

.select-city-page .modal-footer {
    padding: 20px 0;
}

.select-city-page .modal-footer .btn {
    margin: 0;
}

.select-city-page .box-cities .list-section-cities {
    display: block;
}

/*---------------------- /Main Page ----------------------*/

/*---------------------- Compare Page ----------------------*/

.compare-page{
    margin-bottom: 50px;
}
.compare-page .list-mlk-estate .box-item-mlk .images-mlk {
    height: 150px;
}
.compare-page .item-compare:nth-child(5){
    display: none;
}
.compare-page .item-compare .box-compare {
    position: relative;
    background-color: var(--white);
    border-radius: 25px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    border: 1px solid rgba(176, 190, 197, 0.3);
    padding: 15px;
    text-align: center;
    overflow: hidden;
    height: 100%;
    transition: all 0.3s;
}

.compare-page .item-compare.none-select .box-compare {
    box-shadow: none;
    background-color: var(--light);
    border-color: var(--light-grey);
}

.compare-page .box-compare .box-item-mlk {
    position: relative;
    padding-bottom: 30px;
}

.compare-page .box-compare .box-item-mlk::after {
    content: "....................................................";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    color: var(--cool-grey);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 8px;
    text-align: center;
    overflow: hidden;
}

.compare-page .box-item-mlk .info-mlk {
    text-align: center;
}

.compare-page .box-item-mlk .info-mlk .sub-info {
    justify-content: center;
}

.compare-page .box-item-mlk .info-mlk .sub-info .muted-inf {
    font-size: 12px;
}

.compare-page .box-item-mlk .info-mlk .name-mlk {
    font-size: 16px;
}

.compare-page .box-item-mlk .info-mlk .price-mlk {
    font-size: 15px;
}

.compare-page .box-item-mlk .info-mlk .price-mlk .toman {
    font-size: 12px;
}

.compare-page .box-compare .infoes-cmp {
    margin-top: 15px;
    text-align: right;
}

.compare-page .box-compare .infoes-cmp .title {
    font-size: 16px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 30px;
}

.compare-page .box-compare .infoes-cmp .item-inf {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light-grey);
}

.compare-page .box-compare .infoes-cmp .item-inf:last-child {
    border: none;
}

.compare-page .box-compare .infoes-cmp .title-inf {
    font-size: 12px;
    font-weight: bold;
    color: var(--cool-grey);
    margin-bottom: 5px;
}

.compare-page .box-compare .infoes-cmp .desc-inf {
    font-size: 14px;
    font-weight: normal;
    color: var(--dark);
}

.compare-page .box-compare .btn-remove-cmp {
    position: absolute;
    background-color: var(--white);
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: var(--dark);
    z-index: 10;
    transition: all 0.4s;
}

.compare-page .box-compare .btn-remove-cmp:hover {
    background-color: var(--lipstick);
    color: var(--white);
}

.compare-page .item-compare:first-child .box-compare .btn-remove-cmp {
    display: none;
}

.compare-page .box-compare .btn-select-box {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.compare-page .box-compare .btn-select-box .btn-select {
    background-color: var(--lipstick);
    border-radius: 12px;
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    padding: 9px 30px;
    color: var(--white);
    font-weight: bold;
    box-shadow: none;
    transition: all 0.4s;
}

.compare-page .box-compare .btn-select-box .btn-select:hover {
    background-color: var(--sun-yellow);
    color: var(--dark);
    padding: 9px 35px;
}

.modal-mlktab .list-mlk-estate .item-mlk .box-item-mlk {
    background-color: var(--white);
    padding: 12px 12px 20px;
    border-radius: 20px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
}
.modal-mlktab .list-mlk-estate .item-mlk{
    margin: 0 0 30px;
}

/*---------------------- /Compare Page ----------------------*/

/*---------------------- About Page ----------------------*/

.about-page .box-about {
    position: relative;
    background-color: var(--white);
    border-radius: 25px;
    box-shadow: 0 6px 50px 0 rgba(38, 50, 56, 0.1);
    border: 1px solid rgba(176, 190, 197, 0.3);
    padding: 30px;
    text-align: center;
    overflow: hidden;
    margin-top: 30px;
}

.about-page .box-about::after {
    content: "";
    background: url('../images/logo/logo-text.svg') no-repeat center center / 120px;
    width: 120px;
    height: 30px;
    position: absolute;
    left: 30px;
    top: 25px;
    z-index: 10;
    filter: brightness(0) opacity(0.15);
}

.about-page .box-about .head-about .logo-box {
    background: url('../images/site/vector-footer-after.svg') no-repeat center center / 350px;
    width: 350px;
    height: 110px;
    position: absolute;
    top: -5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-page .box-about .head-about .logo-box img {
    width: 50px;
    filter: brightness(0) invert(1);
}

.about-page .box-about .head-about .box-title {
    font-size: 24px;
    font-weight: bold;
    color: var(--dark);
    position: absolute;
    top: 25px;
    right: 30px;
    margin: 0;
}

.about-page .box-about .row-about {
    margin-top: 100px;
}

.about-page .box-about .about-text .title-text {
    font-size: 22px;
    font-weight: bold;
    color: var(--dark);
    line-height: 1.5;
}

.about-page .box-about .about-text .desc {
    font-size: 14px;
    font-weight: normal;
    color: var(--dark);
    line-height: 2;
    margin-top: 20px;
    text-align: justify;
}

.about-page .box-about .list-services {
    padding: 0;
    list-style: none;
    margin-top: 30px;
    text-align: right;
}

.about-page .box-about .list-services li {
    position: relative;
    padding-right: 30px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    color: var(--dark);
}

.about-page .box-about .list-services li::before {
    content: "";
    background-color: var(--white);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid var(--cool-grey);
    position: absolute;
    top: 2px;
    right: 0;
}

.about-page .box-about .list-services li::after {
    content: "";
    background-color: var(--lipstick);
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    right: 6px;
}

.about-page .box-about .box-warning {
    background-color: var(--light-grey);
    padding: 12px;
    border-radius: 15px;
    text-align: center;
    font-size: 13px;
    color: var(--dark);
    margin-top: 40px;
    line-height: 2.2;
}

.about-page .box-about .box-warning>a {
    display: inline-block;
    padding: 3px 10px 0;
    background-color: var(--lipstick);
    border-radius: 6px;
    color: var(--white);
    font-weight: 500;
    margin: 0 5px;
    font-size: 11px;
    line-height: 1.8;
}

.about-page .box-about .about-images {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.about-page .box-about .about-images .back-img,
.about-page .box-about .about-images .front-img {
    width: 300px;
    height: 500px;
    border-radius: 25px;
    overflow: hidden;
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    margin: 0 10px;
}

.about-page .box-about .about-images .back-img>img,
.about-page .box-about .about-images .front-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-page .box-about .about-images .back-img {
    margin-top: 50px;
}

.about-page .box-about .spacing {
    position: relative;
    margin: 80px 0 40px;
}

.about-page .box-about .spacing::before {
    content: "......................................................................................................................................................................................................................";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    color: var(--cool-grey);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 6px;
    text-align: center;
    overflow: hidden;
}

.about-page .box-about .list-cons .row-experts {
    justify-content: center;
}

.about-page .box-about .list-cons .item-cons {
    width: 20%;
}

.about-page .box-about .list-cons .box-cons .image-cons {
    width: 150px;
    height: 150px;
}

.about-page .box-about .list-cons .box-cons .post-cons {
    font-size: 12px;
}

.about-page .box-about .list-cons .box-cons .name-cons {
    font-size: 18px;
}

.about-page .title-section .info-tilte .title-text {
    font-size: 22px;
}

.about-page .title-section .info-tilte .desc-title,
.about-page .title-section .btn-archive-sec,
.about-page .title-section .btn-archive-sec>i {
    font-size: 14px;
}

.about-page .box-about .title-app {
    font-size: 22px;
    font-weight: bold;
    color: var(--dark);
    line-height: 1.5;
}

.about-page .box-about .warning-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--dark);
    line-height: 1.5;
}

.about-page .box-about .download-app {
    margin-bottom: 30px;
}

.about-page .box-about .download-app .list-services {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}

.about-page .box-about .download-app .list-services li {
    width: 33%;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: normal;
    padding-left: 15px;
}

.about-page .box-about .download-app .box-dw-app {
    margin-top: 85px;
    padding: 40px 210px 40px 210px;
}

.about-page .box-about .download-app .image-app {
    width: 200px;
}

/*---------------------- /About Page ----------------------*/

/*---------------------- Rules Page ----------------------*/

.rules-page .box-about .box-warning {
    margin-top: 100px;
    font-size: 14px;
    padding: 20px;
    margin-bottom: 50px;
    text-align: justify;
    text-align-last: center;
}

.rules-page .box-about .box-warning .title-warning {
    font-size: 22px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 20px;
}

.rules-page .box-about .box-warning .text-warning {
    font-size: 14px;
    font-weight: bold;
    color: var(--dark) !important;
    margin-bottom: 0;
}

.rules-page .box-about .spacing {
    margin: 50px 0 30px;
}

.rules-page .box-about .row-rule {
    margin: 0;
    text-align: right;
}

.rules-page .box-about .row-rule .title-rule {
    font-size: 18px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 15px;
}

.rules-page .box-about .row-rule .title-rule>strong {
    color: var(--lipstick);
}

.rules-page .box-about .row-rule .sub-title {
    font-size: 15px;
    font-weight: 500;
    color: var(--dark);
    margin-bottom: 30px;
}

.rules-page .box-about .row-rule .desc-rule {
    font-size: 14px;
    font-weight: normal;
    color: var(--dark);
    line-height: 2;
    text-align: justify;
    margin: 0;
}

.rules-page .box-about .row-rule .br-desc {
    margin-top: 10px;
    width: 100%;
    display: block;
}

/*---------------------- /Rules Page ----------------------*/

/*---------------------- Call Page ----------------------*/

.call-page .info-call {
    position: relative;
    overflow: hidden;
    padding-left: 60px;
}

.call-page .info-call::after {
    content: "........................................................................................";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    width: auto;
    height: 7%;
    color: var(--cool-grey);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 6px;
    text-align: center;
    writing-mode: sideways-rl;
}

.call-page .title-links {
    font-size: 18px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 30px;
    text-align: right;
}

.call-page .info-call .nav-tabs .nav-link {
    font-size: 16px;
    padding: 5px 30px;
}

.call-page .info-call .list-infoes .item-inf .box-inf .bg-text {
    background-color: var(--white);
}

.call-page .info-call .lbl-mlk {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: var(--dark);
    text-align: right;
}

.call-page .info-call .view-map {
    width: 100%;
    height: 200px;
    border-radius: 12px;
    border: 2px solid var(--light-grey);
    overflow: hidden;
}

.call-page .form-call {
    padding-right: 60px;
}

.call-page .form-call .textarea-mlktab {
    height: auto;
}

.call-page .form-call textarea.form-control {
    min-height: 100px;
    margin-top: 15px;
    max-height: 200px;
}

.call-page .form-call .btn-send-cm {
    background-color: var(--lipstick);
    padding: 10px 40px;
    border-radius: 12px;
    border: 3px solid rgba(237, 34, 37, 0.15);
    background-clip: padding-box;
    font-size: 16px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin-top: 15px;
    box-shadow: none;
    transition: all 0.4s;
}

.call-page .form-call .btn-send-cm:hover {
    background-color: var(--dark);
    border-color: rgba(63, 81, 181, 0.15);
}

.call-page .form-call label.error {
    display: block;
    font-size: 12px;
    color: var(--lipstick);
    font-weight: 500;
    margin-top: 5px;
    position: absolute;
    left: 75px;
    top: 12px;
    z-index: 10;
}

.call-page .form-call .textarea-mlktab label.error {
    left: 15px;
    top: 25px;
}

.call-page .form-call .list-socials {
    justify-content: center;
    margin-right: -15px;
}

.call-page .form-call .item-sc:first-child {
    margin-right: 0;
}

/*---------------------- /Call Page ----------------------*/

/*---------------------- Commission Page ----------------------*/

.commission-page .box-about .about-images .back-img,
.commission-page .box-about .about-images .front-img {
    width: 250px;
    height: 400px;
}

.commission-page .box-about .box-math-commission {
    display: inline-block;
    padding: 10px 30px;
    background-color: var(--lipstick);
    border-radius: 15px;
    color: var(--white);
    font-weight: bold;
    margin: 20px 0;
    font-size: 18px;
    direction: ltr;
}

.commission-page .about-text .btn-regmlk {
    background-color: var(--lipstick);
    border-radius: 12px;
    border: 3px solid rgba(224, 30, 54, 0.15);
    background-clip: padding-box;
    padding: 9px 30px;
    color: var(--white);
    font-weight: bold;
    box-shadow: none;
    transition: all 0.4s;
}

.commission-page .about-text .btn-regmlk:hover {
    background-color: var(--sun-yellow);
    border-color: rgba(176, 190, 197, 0.15);
    color: var(--dark);
}

.commission-page .about-text .btn-light {
    background-color: var(--cool-grey);
    border-radius: 12px;
    border: 3px solid rgba(176, 190, 197, 0.2);
    background-clip: padding-box;
    padding: 9px 30px;
    color: var(--white);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    margin-right: 10px;
    transition: all 0.4s;
}

.commission-page .about-text .btn-light:hover {
    background-color: var(--dark);
    border-color: rgba(176, 190, 197, 0.3);
    color: var(--white);
}

.commission-page .box-about .about-images>img {
    width: 900px;
}

.commission-page .box-about .about-text .title-text {
    font-size: 30px;
}

.commission-page .box-about .about-text .title-text>strong {
    display: block;
    font-size: 30px;
    color: var(--lipstick);
}

.commission-page .box-about .box-warning {
    margin-top: 100px;
    font-size: 14px;
    padding: 20px;
    margin-bottom: 50px;
    text-align: justify;
    text-align-last: center;
}

.commission-page .box-about .box-warning .title-warning {
    font-size: 22px;
    font-weight: bold;
    color: var(--dark);
}

.commission-page .info-call .form-commision {
    padding-left: 40px;
}

.commission-page .info-call .about-text {
    position: relative;
    padding-right: 40px;
    margin-top: -90px;
}

.commission-page .info-call .about-text .title-text{
    margin-bottom: 0;
}
.commission-page .info-call .about-text .title-text>strong {
    font-size: 18px;
}
.commission-page .box-about .list-services{
    margin-top: 20px;
}

.commission-page .info-call .nav-tabs .nav-link {
    font-size: 15px;
    padding: 5px 20px;
}

.input-mlktab .form-control:read-only {
    background-color: var(--light);
    pointer-events: none;
}

.commission-page .info-call .letter-price {
    position: absolute;
    bottom: -7px;
    right: 10px;
    font-size: 11px;
    color: var(--cool-grey);
    font-weight: 500;
    z-index: 10;
    background-color: var(--white);
    padding: 0 10px;
}

.commission-page .info-call .btn-send-cm.btn-math {
    background-color: var(--dark);
    border-color: rgba(63, 81, 181, 0.15);
}

.commission-page .info-call .btn-send-cm.btn-math:hover {
    background-color: var(--sun-yellow);
    border-color: rgba(255, 202, 40, 0.3);
    color: var(--dark);
}

.commission-page .info-call .btn-send-cm.btn-math>i {
    margin-right: 10px;
    transform: rotate(-90deg);
    font-size: 14px;
}

.commission-page .info-call .tax-price {
    font-size: 12px;
    color: var(--dark);
    font-weight: 500;
    text-align: right;
    padding: 10px 5px;
    margin-bottom: 0;
}

.commission-page .info-call .form-commision::after {
    content: "........................................................................................";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -8px;
    margin: 0 auto;
    width: auto;
    height: 5%;
    color: var(--cool-grey);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 6px;
    text-align: center;
    writing-mode: sideways-rl;
}

.commission-page .info-call::after {
    display: none;
}

.commission-page .box-about .list-services li {
    margin-bottom: 20px;
    position: relative;
    z-index: 99;
    font-weight: 500;
}

.commission-page .box-about .list-services li>span {
    display: block;
    margin-top: 5px;
    color: var(--cool-grey);
    font-weight: normal;
}

.commission-page .box-about .mockup-image {
    position: absolute;
    bottom: 0;
    left: 15px;
    z-index: 10;
}

.commission-page .box-about .box-warning-commision {
    text-align-last: right;
}

.commission-page .box-about .box-warning-commision strong {
    font-size: 16px;
}

.commission-bill .box-about {
    background-color: #fff6f7;
}

.commission-bill .box-about::after {
    display: none;
}

.commission-bill .head-bill {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--light-grey);
}

.commission-bill .head-bill .logo-main>img {
    width: 100%;
}

.commission-bill .head-bill .logos-bill {
    display: flex;
    align-items: center;
}

.commission-bill .boxes-details .box-bill {
    width: 100%;
    /*height: 79%;*/
    background-color: var(--white);
    border: 1px solid var(--light-grey);
    border-radius: 20px;
}
.commission-bill .boxes-details .box-bill.notes-bill{
    background-color: #ffe6ea;
    border-color: var(--white);
}

.commission-bill .boxes-details .box-bill .row-bill {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid var(--light-grey);
}
.commission-bill .boxes-details .box-bill.notes-bill .row-bill{
    border-color: var(--white);
}
.commission-bill .boxes-details .box-bill .row-bill:last-child {
    border-bottom: none;
}

.commission-bill .boxes-details .lbl-bill {
    font-weight: bold;
    color: var(--lipstick);
}

.commission-bill .box-about > .boxes-details .row-bill:last-child {
    font-size: 16px;
    font-weight: bold;
}

.commission-bill .boxes-details p.desc-bill {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-align: right;
}

.commission-bill .boxes-details a {
    color: var(--lipstick);
    font-weight: 500;
}

.commission-bill .btn-print {
    background-color: var(--dark);
    padding: 10px 40px;
    border-radius: 12px;
    border: 3px solid rgba(63, 81, 181, 0.15);
    background-clip: padding-box;
    font-size: 16px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    box-shadow: none;
    transition: all 0.4s;
}

.commission-bill .btn-print:hover {
    background-color: var(--lipstick);
    border-color: rgba(224, 30, 54, 0.2);
}

.commission-bill .desc-title {
    font-size: 14px;
    font-weight: bold;
    color: var(--dark);
    text-align: right;
    margin: 30px 0 15px;
    padding: 0 10px;
}

.commission-bill .desc-copyright {
    font-size: 14px;
    font-weight: normal;
    color: var(--dark);
    text-align: center;
    margin: 20px 0 0;
}

/*---------------------- /Commission Page ----------------------*/

/*---------------------- Responsive ---------------------*/

@media (min-width: 300px) {
    .container {
        max-width: 85%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 700px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
    .fixed-buttons{
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .title-section .info-tilte .title-text {
        font-size: 20px;
    }

    .title-section .info-tilte .desc-title,
    .title-section .btn-archive-sec,
    .title-section .btn-archive-sec .icon-long-arrow,
    .content-main .popular-areas .box-area .info-area .area-count,
    .content-main .services-mlktab .box-service .desc-service,
    .content-main .blog-mlktab .item-blog .desc-blog,
    .content-melk .consultant-sec .item-cons .name-cons, .modal-mlktab .list-cons .item-cons .name-cons {
        font-size: 14px;
    }

    .recent-estate .item-mlk {
        max-width: 33%;
        flex: 0 0 33%;
    }

    .box-item-mlk .images-mlk,
    .content-main .blog-mlktab .item-blog .image-blog {
        height: 250px !important;
    }

    .box-item-mlk .info-mlk .name-mlk, .content-melk .box-imprt-infmlk .name-melk,
    .content-main .popular-areas .box-area .info-area .area-name,
    .box-item-mlk .info-mlk .price-mlk, .content-melk .box-imprt-infmlk .sub-infmlk .price-melk,
    .content-main .services-mlktab .box-service .title-service,
    .content-main .blog-mlktab .item-blog .title-blog>a,
    .content-melk .article-melk .single-gallery .btn>i,
    .content-melk .box-imprt-infmlk .btns-share .btn>i {
        font-size: 18px;
    }

    .content-main .download-app .box-dw-app .title-main {
        font-size: 30px;
    }

    .content-main .download-app .box-dw-app {
        padding: 40px 40px 40px 180px !important;
    }

    .content-main .services-mlktab .box-service .icon-service {
        width: 60px;
        height: 60px;
    }

    .footer-main .footer-info .about-mlktab,
    .content-melk .information-melk .col-infmlk {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .footer-main .footer-info .links-footer,
    .footer-main .footer-info .infoes-footer {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .footer-main .footer-info>.row {
        margin: 0;
    }

    .dropdown-filter-mlk {
        width: 490px !important;
    }

    .content-melk .aside-melk .consultant-sec .title-cons {
        font-size: 16px;
    }

    .content-melk .aside-melk .consultant-sec .desc-codemlk,
    .content-melk .consultant-sec .item-cons .tel-cons, .content-melk .consultant-sec .item-cons .internal, .modal-mlktab .list-cons .item-cons .tel-cons, .modal-mlktab .list-cons .item-cons .internal {
        font-size: 12px;
    }

    .content-melk .article-melk .single-gallery .left-op {
        font-size: 20px;
        height: 45px;
    }

    .content-melk .article-melk .single-gallery .btn {
        height: 45px;
    }

    .content-melk .consultant-sec .item-cons .image-cons, .modal-mlktab .list-cons .item-cons .image-cons {
        width: 70px;
        height: 70px;
    }
    .content-melk .consultant-sec .list-cons .item-cons, .modal-mlktab .list-cons .item-cons{
        padding: 10px;
    }
    .content-melk .consultant-sec .item-cons .btns-call, .modal-mlktab .list-cons .item-cons .btns-call{
        left: 10px;
    }
    .content-melk .consultant-sec .item-cons .btns-call .btn, .modal-mlktab .list-cons .item-cons .btn{
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    .content-melk .consultant-sec .list-cons .item-cons{
        width: 100% !important;
    }
    .content-melk .box-imprt-infmlk .btns-share .btn{
        width: 150px;
        height: 40px;
        font-size: 12px;
    }
    .profile-page .article-profile{
        padding: 0 15px !important;
    }
    .profile-page .aside-profile{
        max-width: 30%;
        flex: 0 0 30%;
    }
    .profile-page .article-profile{
        max-width: 70%;
        flex: 0 0 70%;
    }
    .profile-page .list-mlk-estate .item-mlk{
        max-width: 50%;
        flex: 0 0 50%;
    }
    .register-melk-page,
    .breadcrumb-page.col-lg-5{
        max-width: 90%;
    }
    .search-page .article-search.col-lg-9{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .fixed-filter{
        display: block !important;
    }
    .search-page .aside-search{
        max-width: 40%;
    }
}
@media (min-width: 1200px) and (max-width: 1550px) {
    .header-main .header-top .navbar-mlktab .navbar-nav {
        padding: 0;
    }
    .header-main .header-top .navbar-mlktab .nav-link {
        font-size: 14px;
        padding: 0 8px;
    }
    .header-main .header-top .img-logo {
        width: 150px;
    }
    .header-main .header-top .left-top>a,
    .header-main .header-top .left-top>button {
        font-size: 13px;
        margin-right: 8px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .header-main .header-top .left-top>button {
        font-size: 13px;
        margin-right: 10px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .header-main .header-top .register-user.profile {
        width: 65px;
        height: 40px;
        margin-right: 8px;
    }

    .header-main .header-top .register-user.profile {
        font-size: 20px;
    }
    .header-main .header-top .btn-sleplace {
        padding: 7px 15px;
    }
    .header-pages .header-top .btn-search {
        font-size: 16px !important;
        width: 47px;
        height: 45px;
    }
    .header-pages .header-top .img-logo {
        width: 160px;
    }
    .content-melk .article-melk .single-gallery {
        height: 450px;
    }
    .content-melk .article-melk .thumbs-gallery .swiper-slide {
        height: 100px;
    }
    .content-melk .consultant-sec .item-cons .image-cons {
        width: 80px;
        height: 80px;
    }
    .content-melk .box-imprt-infmlk1 .btn-callmlk {
        width: 200px;
    }
    .content-melk .aside-melk {
        padding-right: 0 !important;
    }
    .content-melk .box-imprt-infmlk .btn-callmlk {
        padding: 5px;
        height: 50px;
        font-size: 12px;
    }
    .content-melk .box-imprt-infmlk .btn-callmlk>i {
        font-size: 18px;
    }

    .container {
        max-width: 100%;
        padding-right: 30px;
        padding-left: 30px;
    }

    .content-main .download-app .box-dw-app .title-main {
        font-size: 30px;
    }

    .content-main .download-app .box-dw-app .sub-title {
        font-size: 18px;
    }

    .content-main .download-app .box-dw-app .desc-dw {
        font-size: 14px;
    }

    .content-main .download-app .image-app {
        top: 80px;
        width: 200px;
    }

    .content-main .download-app .box-dw-app::after {
        top: 50px;
    }

    .footer-main .footer-info {
        padding: 0 15px !important;
    }

    .footer-main .footer-info .about-mlktab {
        padding: 0 60px;
    }
    .content-main .slideshow-main .slides-mlk{
        height: 450px;
    }
    .content-main .popular-areas .arrow-mlk.area-next{
        left: -15px;
    }
    .content-main .popular-areas .container{
        padding-left: 45px;
    }
    .content-main .download-app .box-dw-app{
        padding-left: 210px;
    }
}

@media (min-width: 1400px) {
    .footer-main .footer-info .list-infoes .item-inf:not(:first-child) .text-inf::after {
        right: 108% !important;
    }
    .content-main .popular-areas .box-area {
        width: 125%;
    }
    .content-melk .box-imprt-infmlk .btn-callmlk {
        padding: 5px;
        height: 50px;
        font-size: 12px;
    }
    .content-melk .box-imprt-infmlk .btn-callmlk>i {
        font-size: 18px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1500px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .content-melk .box-imprt-infmlk .btn-callmlk {
        padding: 5px;
        height: 55px;
        font-size: 14px;
    }
    .content-melk .box-imprt-infmlk .btn-callmlk>i {
        font-size: 22px;
    }
}

@media (max-width: 1750px) {
    .content-main .occassion-estate .arrow-mlk.occ-next, .content-main .mostvisit-estate .arrow-mlk.msv-next {
        left: -65px;
    }
    .content-main .occassion-estate .arrow-mlk.occ-prev, .content-main .mostvisit-estate .arrow-mlk.msv-prev {
        right: -65px;
    }
}

@media only screen and (max-width:1200px) {
    .navbar-expand-lg .navbar-toggler {
        display: inline-block;
    }
    .header-main .header-top {
        z-index: 999;
    }
    .header-main .navbar-mlktab {
        padding: 0;
        width: 45px;
        height: 45px;
        border-radius: 100%;
        background-color: var(--white);
        border: 3px solid rgba(255, 255, 255, 0.25);
        border-top-width: 3px;
        border-right-width: 3px;
        border-bottom-width: 3px;
        border-left-width: 3px;
        border-top-width: 3px;
        border-right-width: 3px;
        border-bottom-width: 3px;
        border-left-width: 3px;
        background-clip: padding-box;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 15px;
        right: 10px;
        position: absolute;
        z-index: 99999;
    }
    .header-pages .navbar-mlktab {
        background-color: var(--dark);
        border-color: rgba(176, 190, 197, 0.3);
    }
    .header-pages .navbar-mlktab .mburger b {
        background: var(--white);
    }
    .header-main .navbar-mlktab .navbar-toggler {
        padding: 0;
    }
    .header-main .navbar-mlktab .navbar-collapse {
        position: fixed;
        top: 0px;
        width: 300px;
        display: block !important;
        right: auto;
        left: -350px;
        height: 100% !important;
        background-color: var(--white);
        z-index: 999999;
        border-radius: 0 40px 0 0;
        box-shadow: rgba(0, 0, 0, 0.4) 2px 0px 50px;
        border-right: 5px solid rgba(255, 255, 255, 0.1);
        background-clip: padding-box;
        overflow: hidden;
        padding-top: 90px;
        transition: all 0.5s;
    }
    .header-main .navbar-mlktab .navbar-collapse::before {
        content: "";
        background: url('../images/site/vector-footer-after.svg') no-repeat center center / contain;
        width: 100%;
        height: 90px;
        position: absolute;
        top: -5px;
        right: 0;
        left: 0;
    }
    .header-main .navbar-mlktab .navbar-collapse::after {
        content: "";
        background: url('../images/logo/logo-single.png') no-repeat center center / 40px;
        width: 40px;
        height: 50px;
        position: absolute;
        top: 15px;
        right: 0;
        left: 0;
        margin: 0 auto;
        filter: brightness(0) invert(1);
    }
    .header-main .navbar-mlktab .navbar-collapse.show {
        left: 0;
    }
    .header-main .navbar-mlktab .mega-dropdown-menu {
        position: absolute;
    }
    .header-main .navbar-mlktab .mega-dropdown-menu.show {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        top: 40px;
        -moz-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        transform: skewX(0deg);
    }
    .header-main .navbar-mlktab .navbar-nav {
        padding: 25px 10px;
        z-index: initial;
        flex-direction: column !important;
    }
    .header-main .navbar-mlktab .navbar-nav>li {
        width: 100%;
        margin-bottom: 30px;
    }
    .header-main .navbar-mlktab .navbar-nav>li>a {
        text-align: right;
        padding: 0 15px !important;
        border: none;
    }
    .header-main .navbar-mlktab .navbar-nav>li.dropdown>a::before, .header-main .navbar-mlktab .navbar-nav>li.dropdown>a::after {
        left: 15px;
        top: 5px;
    }
    .header-main .header-top .navbar-mlktab .nav-link {
        color: var(--dark);
        font-size: 16px;
    }
    .header-main .header-top .navbar-mlktab .nav-link::before {
        width: 45px;
        height: 1px;
        right: -45px;
        left: auto;
        background-color: var(--cool-grey);
        top: 13px;
    }
    .header-main .header-top .navbar-mlktab .nav-link::after {
        background-color: var(--cool-grey);
        width: 8px;
        height: 8px;
        top: 9px;
        right: -5px;
        left: auto;
        opacity: 1;
    }
    .header-main .header-top .navbar-mlktab .navbar-nav>li:nth-child(even) .nav-link::after {
        background-color: var(--lipstick);
    }
    .content-pages .breadcrumb {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .content-pages .breadcrumb .breadcrumb-item {
        flex-shrink: 0;
    }
    .fixed-buttons {
        display: block;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        padding: 15px;
        background-color: var(--white);
        z-index: 999;
        text-align: center;
        border-top: 1px solid rgba(176, 190, 197, 0.3);
        box-shadow: 0 0 50px 0 rgba(38, 50, 56, 0.1);
    }
    .fixed-buttons .desc-infix {
        font-size: 13px;
        color: var(--cool-grey);
        font-weight: 500;
        margin-bottom: 10px;
    }
    .fixed-buttons .btns-fix {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .fixed-buttons .btns-fix .btn {
        width: 50%;
        height: 45px;
        border-radius: 12px;
        border: 3px solid rgba(176, 190, 197, 0.3);
        background-clip: padding-box;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 5px;
        color: var(--white);
        font-size: 13px;
        font-weight: bold;
        box-shadow: none;
    }
    .fixed-buttons .btns-fix .btn-infmlk {
        background-color: var(--lipstick);
    }
    .fixed-buttons .btns-fix .btn-cons {
        background-color: var(--dark);
    }
    .search-page .aside-search {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 0;
        background-color: var(--white);
        z-index: 9999999;
        padding: 70px 30px 0;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s;
    }
    .search-page .aside-search.show {
        height: 100vh;
        opacity: 1;
        visibility: visible;
    }
    .search-page .aside-search .icon-close {
        display: flex;
    }
    .header-main .header-filter .tab-filter-box .swiper-slide {
        padding: 0;
    }
    #mlkcode .box-list-filter .item-flt::after {
        display: none;
    }
    .header-main .header-filter .tab-filter-box .swiper-wrapper {
        justify-content: flex-start;
    }
    .profile-page {
        margin-top: 0;
        margin-bottom: 50px;
    }
    .profile-page .aside-profile {
        position: relative;
        top: 0;
    }
    .box-table .table th, .box-table .table td {
        min-width: auto;
        white-space: nowrap;
    }
    .profile-page .aside-profile, .profile-page .article-profile {
        padding: 0;
    }
}

@media (max-height: 850px) {
    .header-main .header-filter .bio-site {
        margin-top: 10px;
    }
    .header-main .header-filter .bio-site .slogan-mlktab {
        font-size: 30px;
    }
    .header-main .header-filter .bio-site .ftr-mlktab, .header-main .header-filter .tab-filter-box .nav-link {
        font-size: 16px;
    }
    .header-main .header-filter .tab-filter-box .nav-link>i {
        font-size: 50px;
    }
    .header-main .header-filter .tab-filter-box {
        margin-top: 40px;
    }
    .header-main::after {
        right: -25%;
        height: 435px;
        width: 150%;
    }
    .header-main .arrow-bottom {
        bottom: 45px;
        width: 300px;
        height: 60px;
        background-size: 300px;
    }
    .header-main .header-filter .box-list-filter .btn-search {
        height: 50px;
    }
    .header-main .header-filter .tab-filter-box .btn-wishlist {
        width: 80px;
        height: 80px;
    }
    .content-main .slideshow-main .slides-mlk {
        margin-top: 40px;
    }
    .dropdown-filter-mlk {
        width: 305px !important;
        top: 15px;
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1200px;
    }
}

@media (min-height: 700px) and (max-height: 750px) {
    .header-main {
        height: 110vh;
    }
}

@media (min-height: 600px) and (max-height: 700px) {
    .header-main {
        height: 125vh;
    }
}

@media (min-width: 1024px) and (max-width: 1580px) {
    .page-404 .image-bg .text-404 .slogan-mlktab {
        font-size: 25px;
    }

    .page-404 .image-bg .text-404 .ftr-mlktab {
        font-size: 16px;
    }

    .page-404 .image-bg .text-404 .list-features .nav-link>i {
        font-size: 40px;
    }

    .page-404 .image-bg .text-404 .list-features .nav-link {
        font-size: 14px;
    }

    .page-404 .image-bg .logo-text {
        width: 130px;
    }

    .page-404 .style-page::before {
        background-size: 350px;
    }

    .page-404 .style-page .lamp-page {
        background-size: 150px;
    }

    .page-404 .style-page .number {
        font-size: 6.5em;
        right: 150px;
    }

    .page-404 .style-page .number.left-4 {
        left: 150px;
    }

    .page-404 .style-page .circle-light {
        top: 60px;
    }

    .page-404 .style-page .desc-404 {
        margin-top: 35px;
        font-size: 22px;
    }

    .page-404 .style-page .desc-404>strong {
        font-size: 28px;
    }

    .select-city-page .info-site .box-scroll,
    .select-city-page .box-cities {
        padding: 40px;
    }

    .select-city-page .info-site .btns-download .btn-box-dw {
        font-size: 12px;
        padding: 10px;
    }

    .select-city-page .info-site .btns-download .btn-box-dw>i {
        font-size: 22px;
        margin-left: 5px;
    }
}

/*---------------------- /Responsive ---------------------*/

/*---------------------- Modal ---------------------*/

.modal-backdrop {
    background-color: #263238;
    z-index: 9999;
}

.modal-backdrop.show {
    opacity: 0.6;
}

.modal-mlktab {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
    z-index: 999999;
    transition: all 0.5s;
}

.modal-mlktab.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.modal-mlktab .modal-content {
    border-radius: 25px;
    border: 4px solid rgba(255, 255, 255, 0.15);
    background-clip: padding-box;
}

.modal-mlktab .modal-header {
    position: relative;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    z-index: 20;
}

.modal-mlktab .modal-header .modal-title {
    font-weight: bold;
    color: var(--dark);
    font-size: 16px;
    display: flex;
    align-items: center;
}

.modal-mlktab .modal-header .modal-title>.icon-long-arrow {
    transform: scaleX(-1);
    margin-left: 10px;
}

.modal-mlktab .modal-header .close,
.modal-expert .modal-body .close {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: var(--light-grey);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    color: var(--cool-grey);
    opacity: 1;
    text-shadow: none;
    transition: all 0.4s;
}

.modal-mlktab .modal-header .close:hover,
.modal-expert .modal-body .close:hover {
    background-color: var(--lipstick);
    color: var(--white);
    opacity: 1;
}

.modal-mlktab .modal-header .logo-modal {
    background: url('../images/site/vector-footer-after.svg') no-repeat center center / 250px;
    width: 250px;
    height: 80px;
    position: absolute;
    top: -5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-mlktab .modal-header .logo-modal img {
    width: 40px;
    filter: brightness(0) invert(1);
}

.modal-mlktab .modal-body {
    padding: 20px;
}

.modal-mlktab .modal-head-content {
    padding: 30px 20px 10px;
}

.modal-mlktab .input-search-modal,
.select-city-page .box-cities .input-search-modal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(176, 190, 197, 0.5);
    border-radius: 500px;
    padding: 10px;
    overflow: hidden;
}

.modal-mlktab .input-search-modal .form-control,
.select-city-page .box-cities .input-search-modal .form-control {
    border: none;
    box-shadow: none;
    font-size: 14px;
    padding: 0;
}

.modal-mlktab .input-search-modal .form-control::placeholder,
.select-city-page .box-cities .input-search-modal .form-control::placeholder {
    color: var(--cool-grey);
}

.modal-mlktab .input-search-modal .input-group-text,
.select-city-page .box-cities .input-search-modal .input-group-text {
    background-color: transparent;
    border: none;
    padding: 0 10px;
    font-size: 18px;
    color: var(--lipstick);
}

.modal-mlktab .input-search-modal .btn-search,
.select-city-page .box-cities .input-search-modal .btn-search {
    background-color: var(--dark);
    width: 180px;
    height: 50px;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(0, 0, 0, 0.15);
    background-clip: padding-box;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    box-shadow: none;
    padding: 0;
    flex-shrink: 0;
    transition: all 0.4s;
}

.modal-mlktab .input-search-modal .btn-search:hover,
.select-city-page .box-cities .input-search-modal .btn-search:hover {
    background-color: var(--lipstick);
    border-color: rgba(237, 34, 37, 0.2);
}

.modal-mlktab .input-search-modal .btn-search>i,
.select-city-page .box-cities .input-search-modal .btn-search>i {
    margin-right: 15px;
    font-size: 20px !important;
}

.modal-mlktab .list-states,
.select-city-page .box-cities .list-modal-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.modal-mlktab .list-states .item-rdo, .modal-mlktab .list-areas .item-rdo,
.select-city-page .box-cities .item-rdo {
    width: 18%;
    margin: 0 1%;
    border: 1px solid rgba(176, 190, 197, 0.5);
    border-radius: 12px;
    text-align: right;
    margin-bottom: 20px;
}

.modal-mlktab .list-states .item-rdo.active, .modal-mlktab .list-areas .item-rdo.active,
.select-city-page .box-cities .item-rdo.active {
    border-color: var(--lipstick);
}

.modal-mlktab .selected-cities, .modal-mlktab .selected-areas-range,
.select-city-page .box-cities .selected-cities,
.modal-mlktab .selected-cities, .modal-mlktab .selected-district-range {
    text-align: right;
    margin-bottom: 10px;
    padding-bottom: 5px;
    height: auto;
    overflow-x: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.modal-mlktab-areas .district-box .modal-body{
    height: calc(100% - 250px);
}
.modal-mlktab-areas .district-box{
    position: absolute;
    background-color: var(--white);
    height: calc(100% - 60px);;
    top: 60px;
    right: -100%;
    width: 100%;
    transition: all 0.4s;
}
.modal-mlktab-areas .district-box.show{
    right: 0;
}

.modal-mlktab .selected-cities .placeholder-slc, .modal-mlktab .selected-areas-range .placeholder-slc,
.select-city-page .box-cities .placeholder-slc,.modal-mlktab .selected-district-range .placeholder-slc {
    font-size: 14px;
    font-weight: 500;
    color: var(--cool-grey);
    display: inline-block;
    padding-top: 20px;
}

.modal-mlktab .selected-cities .city-slc, .modal-mlktab .selected-areas-range .city-slc,
.select-city-page .box-cities .selected-cities .city-slc,.modal-mlktab .selected-district-range .city-slc {
    background-color: var(--light);
    padding: 8px 15px 8px 10px;
    border-radius: 200px;
    border: 1px solid var(--cool-grey);
    font-size: 12px;
    display: inline-flex;
    color: var(--cool-grey);
    font-weight: 500;
    align-items: center;
    margin-left: 5px;
    flex-shrink: 0;
    transition: all 0.4s;
}

.modal-mlktab .selected-cities .city-slc>.icon-close, .modal-mlktab .selected-areas-range .city-slc>.icon-close,
.select-city-page .box-cities .selected-cities .city-slc>.icon-close,.modal-mlktab .selected-district-range .city-slc>.icon-close {
    font-size: 6px;
    font-weight: bold;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s;
}

.modal-mlktab .selected-cities .city-slc>.icon-close:hover, .modal-mlktab .selected-areas-range .city-slc>.icon-close:hover,
.select-city-page .box-cities .selected-cities .city-slc>.icon-close:hover {
    background-color: var(--white);
    color: var(--lipstick);
}

.modal-mlktab .selected-cities .mCSB_scrollTools .mCSB_draggerRail, .modal-mlktab .selected-areas-range .mCSB_scrollTools .mCSB_draggerRail,
.select-city-page .box-cities .selected-cities .mCSB_scrollTools .mCSB_draggerRail {
    background-color: var(--light-grey);
}

.modal-mlktab .selected-cities .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .modal-mlktab .selected-areas-range .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.select-city-page .box-cities .selected-cities .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--cool-grey);
    opacity: 0.5;
}

.modal-mlktab .selected-cities .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover, .modal-mlktab .selected-areas-range .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,
.select-city-page .box-cities .selected-cities .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    opacity: 1;
}

.modal-mlktab .list-cities .item-rdo.active, .modal-mlktab .list-area-range .item-rdo.active,
.select-city-page .box-cities .list-section-cities .item-rdo.active,
.modal-mlktab .list-cities .item-rdo.active, .modal-mlktab .list-district-range .item-rdo.active {
    border-color: rgba(176, 190, 197, 0.5);
    background-color: var(--white);
    color: var(--dark);
}

.modal-mlktab .list-cities .item-rdo .lbl-rdo::before, .modal-mlktab .list-area-range .item-rdo .lbl-rdo::before,
.select-city-page .box-cities .list-section-cities .item-rdo .lbl-rdo::before,
.modal-mlktab .list-cities .item-rdo .lbl-rdo::before, .modal-mlktab .list-district-range .item-rdo .lbl-rdo::before {
    border-radius: 9px;
}

.modal-mlktab .list-cities .form-rdo:checked+.lbl-rdo::before, .modal-mlktab .list-area-range .form-rdo:checked+.lbl-rdo::before,
.select-city-page .box-cities .list-section-cities .form-rdo:checked+.lbl-rdo::before,
.modal-mlktab .list-cities .form-rdo:checked+.lbl-rdo::before, .modal-mlktab .list-district-range .form-rdo:checked+.lbl-rdo::before {
    border-color: var(--lipstick);
    background-color: var(--lipstick);
    transition: all 0.4s;
}

.modal-mlktab .list-cities .item-rdo .lbl-rdo::after, .modal-mlktab .list-area-range .item-rdo .lbl-rdo::after,
.select-city-page .box-cities .list-section-cities .item-rdo .lbl-rdo::after,
.modal-mlktab .list-cities .item-rdo .lbl-rdo::after, .modal-mlktab .list-district-range .item-rdo .lbl-rdo::after {
    content: "\e934";
    font-family: 'icomoon';
    background-color: transparent;
    font-size: 12px;
    color: var(--white);
    top: 14px;
    right: 16px;
    transition: all 0.4s;
}

.modal-mlktab .modal-footer {
    padding: 20px;
}

.modal-mlktab .modal-footer .btn,
.select-city-page .modal-footer .btn {
    width: 200px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    font-weight: 500;
    margin-right: 10px;
    box-shadow: none;
    transition: all 0.4s;
}

.modal-mlktab .modal-footer .btn-confirm,
.select-city-page .modal-footer .btn-confirm,
.modal-mlktab .modal-footer .btn-next {
    background-color: var(--lipstick);
    color: var(--white);
    border: 3px solid rgba(224, 30, 54, 0.2);
    background-clip: padding-box;
}

.modal-mlktab .modal-footer .btn-confirm:hover,
.select-city-page .modal-footer .btn-confirm:hover,
.modal-mlktab .modal-footer .btn-next:hover {
    background-color: var(--sun-yellow);
    border-color: rgba(255, 202, 40, 0.3);
    color: var(--dark);
}

.modal-mlktab .modal-footer .btn-confirm.disable,
.select-city-page .modal-footer .btn-confirm.disable,
.modal-mlktab .modal-footer .btn-next.disable {
    background-color: var(--cool-grey);
    border-color: rgba(176, 190, 197, 0.3);
    pointer-events: none;
}

.modal-mlktab .modal-footer .btn-cancel,
.select-city-page .modal-footer .btn-cancel {
    border: 1px solid var(--cool-grey);
    background-color: var(--white);
    color: var(--cool-grey);
}

.modal-mlktab .modal-footer .btn-cancel:hover,
.select-city-page .modal-footer .btn-cancel:hover {
    border-color: var(--dark);
    color: var(--dark);
}

.modal-mlktab .desc-modal {
    text-align: center;
    font-size: 14px;
    color: var(--cool-grey);
    font-weight: 500;
    margin-bottom: 20px;
}

.input-mlktab {
    position: relative;
    height: 50px;
    border-radius: 12px;
    overflow: hidden;
}

.input-mlktab .form-control {
    position: relative;
    height: 50px;
    border: 1px solid rgba(176, 190, 197, 0.5);
    border-radius: 12px !important;
    box-shadow: none;
    padding: 10px 15px;
    font-size: 14px;
    transition: all 0.4s;
}

.input-mlktab .form-control::placeholder {
    color: var(--cool-grey);
    font-weight: 500;
}

.input-mlktab .form-control:focus {
    border-color: var(--lipstick);
}

.modal-mlktab .textarea-mlktab {
    height: auto;
}

.modal-mlktab .textarea-mlktab textarea.form-control {
    height: 80px;
    min-height: 80px;
    max-height: 150px;
}

.input-mlktab .input-group-text {
    background-color: transparent;
    border: none;
    position: absolute;
    left: 0;
    z-index: 10;
    width: 50px;
    height: 50px;
}

.input-mlktab .input-group-text::before {
    content: "";
    background-color: var(--cool-grey);
    width: 100px;
    height: 100px;
    border: 3px solid rgba(176, 190, 197, 0.4);
    background-clip: padding-box;
    border-radius: 500px;
    position: absolute;
    left: -40px;
    top: -10px;
    transition: all 0.4s;
}

.input-active {
    border-color: var(--lipstick) !important;
}

.input-mlktab .form-control:focus~.input-group-prepend .input-group-text::before {
    background-color: var(--lipstick);
    border-color: rgba(224, 30, 54, 0.2);
}

.input-active~.input-group-prepend .input-group-text::before {
    background-color: var(--lipstick);
    border-color: rgba(224, 30, 54, 0.2);
}

.input-mlktab .input-group-text>i {
    position: relative;
    z-index: 20;
    font-size: 22px;
    color: var(--white);
}

.inputs-code {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.inputs-code .form-control {
    width: 60px;
    margin: 0 5px !important;
    flex: initial;
    letter-spacing: 0 !important;
}
.inputs-code input[type=number]{
    -moz-appearance:textfield;
}
.inputs-code input[type=number]::-webkit-inner-spin-button,
.inputs-code input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.modal-mlktab .btn-login {
    background-color: var(--dark);
    height: 55px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: bold;
    color: var(--white);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    border: 3px solid rgba(0, 0, 0, 0.15);
    background-clip: padding-box;
    transition: all 0.4s;
}

.modal-mlktab .btn-login:hover {
    background-color: var(--lipstick);
    border-color: rgba(224, 30, 54, 0.2);
}

.modal-mlktab .desc-register {
    margin: 20px 0 0;
    font-size: 13px;
    text-align: center;
    line-height: 2;
    color: var(--cool-grey);
    font-weight: normal;
}

.modal-mlktab .desc-register>a {
    font-weight: bold;
    color: var(--cool-grey);
    display: inline-block;
    border-bottom: 1px solid rgba(176, 190, 197, 0.5);
    transition: all 0.3s;
}

.modal-mlktab .desc-register>a:hover {
    color: var(--lipstick);
    border-color: var(--lipstick);
}

#register_code .input-mlktab .form-control {
    text-align: center;
    letter-spacing: 8px;
    font-size: 22px;
    font-weight: bold;
    color: var(--lipstick);
}

.modal-mlktab .again-code {
    margin-top: 30px;
    font-size: 13px;
    font-weight: 500;
    color: var(--cool-grey);
}

.modal-mlktab .add-visit-form .lbl-visit {
    font-size: 14px;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 10px;
    margin-right: -5px;
}

.modal-mlktab .btn-add-visit {
    background-color: var(--cool-grey);
    padding: 10px 20px;
    border-radius: 12px;
    border: 3px solid rgba(176, 190, 197, 0.2);
    background-clip: padding-box;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    color: var(--white);
    margin-right: 5px;
    margin-top: 10px;
    box-shadow: none;
    transition: all 0.4s;
}

.modal-mlktab .btn-add-visit>.icon-close {
    display: inline-block;
    font-size: 8px;
    font-weight: bold;
    transform: rotate(45deg);
    margin-right: 10px;
    transition: all 0.8s;
}

.modal-mlktab .btn-add-visit.minus>.icon-close {
    transform: rotate(0);
}

.modal-mlktab .btn-add-visit:hover {
    background-color: var(--dark);
    border-color: rgba(0, 0, 0, 0.1);
}

.modal-mlktab .add-visit-form.visit-form-2 {
    display: none;
    margin-top: 15px;
}

.modal-mlktab .btn-send-visit {
    background-color: var(--lipstick);
    padding: 10px 40px;
    border-radius: 12px;
    border: 3px solid rgba(237, 34, 37, 0.15);
    background-clip: padding-box;
    font-size: 16px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin-left: 5px;
    margin-top: 10px;
    box-shadow: none;
    transition: all 0.4s;
}

.modal-mlktab .btn-send-visit:hover {
    background-color: var(--dark);
    border-color: rgba(0, 0, 0, 0.1);
}

.modal-mlktab .share-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.modal-mlktab .share-socials .link-share {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 20px;
    font-size: 13px;
    color: var(--dark);
    font-weight: 500;
}

.modal-mlktab .share-socials .link-share>i {
    font-size: 22px;
    margin-bottom: 5px;
    color: var(--cool-grey);
    transition: all 0.4s;
}

.modal-mlktab .share-socials .link-share:hover>i {
    color: var(--lipstick);
}

.modal-mlktab-areas .input-search-modal .btn-search {
    width: 150px;
}

.modal-mlktab-areas .list-areas .item-rdo {
    width: 100%;
    margin: 0 0 10px;
}

.modal-mlktab-areas .list-states {
    margin: 0;
}

.modal-mlktab-areas .list-countries {
    margin: 0;
}

.modal-mlktab-areas .input-search-modal {
    padding: 5px;
}

.modal-mlktab-areas .modal-footer {
    justify-content: space-between;
}

.modal-mlktab-areas .modal-footer .btn {
    width: 47%;
    margin: 0 5px;
}

.modal-mlktab-areas .district-box .modal-body {
    height: calc(100% - 250px);
}

.modal-mlktab-areas .district-box {
    position: absolute;
    background-color: var(--white);
    height: calc(100% - 60px);
    top: 60px;
    right: -100%;
    width: 100%;
    transition: all 0.4s;
}

.modal-mlktab-areas .district-box.show {
    right: 0;
}

.modal-mlktab .btns-modal {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-mlktab .btns-modal .btn {
    width: 48%;
}

.modal-mlktab .btns-modal .btn-yesdel, .modal-mlktab .btns-modal .btn-nodel {
    background-color: var(--lipstick);
    padding: 10px;
    border: 1px solid var(--lipstick);
    border-radius: 10px;
    font-size: 14px;
    box-shadow: none;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.4s;
}

.modal-mlktab .btns-modal .btn-nodel {
    background-color: var(--white);
    border: 1px solid rgba(176, 190, 197, 0.5);
    color: var(--cool-grey);
}

.modal-mlktab .confirm-modal .title-cnf {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-weight: bold;
    color: var(--dark);
    font-size: 16px;
}
.modal-mlktab .confirm-modal .title-cnf .success{
    background-color: var(--green);
    padding: 7px 15px;
    color: var(--white);
    border-radius: 10px;
    border: 3px solid rgba(76, 175, 80, 0.15);
    margin: 0 5px;
    background-clip: padding-box;
    letter-spacing: -2px;
}
.modal-mlktab .confirm-modal .desc-cnf{
    text-align: right;
    font-size: 13px;
    color: var(--dark);
    margin-top: 25px;
}
.modal-mlktab .confirm-modal .desc-cnf > strong{
    display: block;
    margin-top: 25px;
    font-size: 14px;
}
.modal-mlktab .confirm-modal .list-cons .item-cons .image-cons{
    width: 70px;
    height: 70px;
}
.modal-mlktab .confirm-modal .list-cons .item-cons .name-cons{
    font-size: 14px;
}
.modal-mlktab .confirm-modal .list-cons .item-cons .tel-cons,
.modal-mlktab .confirm-modal .list-cons .item-cons .internal{
    font-size: 12px;
}
.modal-mlktab .confirm-modal + .modal-footer .btn-confirm{
    margin: 0;
    border-radius: 15px;
    width: 100%;
    background-color: var(--dark);
    border-color: rgba(0, 0, 0, 0.15);
    color: var(--white);
}

#select_areas .modal-content {
    min-height: 400px;
}

#select_areas .modal-content.scrollable {
    height: 100%;
}
.modal-expert .modal-content{
    width: 80%;
}
.modal-expert .modal-body .close{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
}
/*---------------------- /Modal ---------------------*/

/*---------------------- Download App ----------------------*/

.fixed-dwapp {
    background-color: var(--light);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 999999;
    box-shadow: 0px -10px 15px -3px rgba(0, 0, 0, 0.1);
    bottom: -100px;
    transition: all 1s;
}

.fixed-dwapp.show {
    bottom: 0;
}

.fixed-dwapp .info-app {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.fixed-dwapp .info-app .btn-close-app {
    font-size: 10px;
    color: var(--cool-grey);
    margin-left: 15px;
}

.fixed-dwapp .info-app .img-app {
    width: 50px;
    margin-left: 10px;
}

.fixed-dwapp .info-app .text-app {
    text-align: right;
}

.fixed-dwapp .info-app .text-app .title {
    font-size: 16px;
    font-weight: 900;
    color: var(--dark);
    margin: 5px 0 0;
}

.fixed-dwapp .info-app .text-app .desc {
    font-size: 12px;
    font-weight: 500;
    color: var(--cool-grey);
    margin: 0;
}

.fixed-dwapp .btn-download {

    background-color: var(--lipstick);
    height: 45px;
    border-radius: 12px;
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 13px;
    padding: 10px 30px;
    font-weight: bold;
    box-shadow: none;
}

/*---------------------- /Download App ----------------------*/
.Toastify__toast-body > div:last-child{
    text-align: right !important;
}

html::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

html::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

html::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:  var(--lipstick);;
}

.aside-search::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 8px;
    background-color: #F5F5F5;
}

.aside-search::-webkit-scrollbar
{
    width: 4px;
    background-color: #F5F5F5;
}

.aside-search::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:  var(--lipstick);;
}

.wrapper-categories::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 8px;
    background-color: #F5F5F5;
}

.wrapper-categories::-webkit-scrollbar
{
    width: 2px;
    background-color: #F5F5F5;
}

.wrapper-categories::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:  var(--lipstick);;
}

.btn-circle-gray{
    background-color: #cacaca45;
    border-radius: 50%;
}

#call_managers .desc-codemlk {
    background-color: var(--dark);
    border-radius: 15px;
    border: 3px solid rgba(176, 190, 197, 0.3);
    background-clip: padding-box;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    color: var(--white);
    margin-bottom: 20px;
    line-height: 2;
}

#call_managers .desc-codemlk>strong {
    padding: 2px 15px;
    background-color: var(--lipstick);
    color: var(--white);
    font-weight: bold;
    border-radius: 100px;
}
.cursor-pointer{
    cursor: pointer !important;
}


/*IOS - Iphone*/
.loading-page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #E01E36;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.loading-page.hide {
    opacity: 0;
    visibility: hidden;
}

.loading-page::before {
    content: "";
    background: url('/assets/images/iphone/Logo.svg') no-repeat center center / 120%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: brightness(0) opacity(0);
    transform: scale(2);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
}

.loading .loading-page::before {
    filter: brightness(0) opacity(0.03);
    transform: scale(1);
}

.loading-page .logo-load {
    transform: scale(0);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

.loading .loading-page .logo-load {
    transform: scale(1);
    opacity: 1;
}

.loading-page .logo-load > img {
    position: relative;
    width: 90px;
    z-index: 10;
}

.loading-page .logo-text {
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    transform: scale(0.5);
    text-align: center;
    z-index: 100;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}

.loading .loading-page .logo-text {
    bottom: 20px;
    transform: scale(1);
}

.loading-page .logo-text > img {
    width: 120px;
}

.pwa-page {
    padding-top: 200px;
}

.pwa-page .head-pwa {
    padding: 0 30px 40px;
    border-bottom: 1px solid rgba(176, 190, 197, 0.35);
    text-align: center;
    margin-bottom: 40px;
}

.pwa-page .head-pwa .logo-pwa {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E01E36;
    border-radius: 20px;
    margin: 0 auto;
}

.pwa-page .head-pwa .logo-pwa > img {
    width: 30px;
}

.pwa-page .head-pwa .title {
    font-size: 16px;
    font-weight: bold;
    color: #263238;
    margin-bottom: 10px;
    margin-top: 14px;
}

.pwa-page .head-pwa .desc {
    font-size: 12px;
    font-weight: 500;
    color: #B0BEC5;
    margin: 0;
}

.pwa-page .list-help {
    padding: 0 30px;
}

.pwa-page .list-help .item-hlp {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.pwa-page .list-help .item-hlp .icon {
    width: 40px;
    flex-shrink: 0;
    text-align: right;
}

.pwa-page .list-help .item-hlp:nth-child(1) .icon > img {
    width: 19px;
}

.pwa-page .list-help .item-hlp:nth-child(2) .icon > img {
    width: 20px;
}

.pwa-page .list-help .item-hlp:nth-child(3) .icon > img {
    width: 22px;
}

.pwa-page .list-help .item-hlp .text-hlp {
    font-size: 13px;
    font-weight: normal;
    color: #263238;
    text-align: right;
    line-height: 26px;
}

.pwa-page .list-help .item-hlp .text-hlp strong {
    font-weight: bold;
}

.pwa-page .btn-confirm {
    background-color: #E01E36;
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    width: 90%;
    margin: 0 auto;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border: 3px solid rgba(224, 30, 54, 0.15);
    background-clip: padding-box;
}

#register_site  .dropdown-toggle::after{
    margin-right: 0.255em;
    margin-left: unset;
}

#register_site  .dropdown-toggle{
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    padding-left: 5px
}
#register_site  .input-group-prepend-last{
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
#register_site  .dropdown-menu{
    min-width:0;
}
#register_site  .dropdown-menu .dropdown-divider:last-child{
    display: none;
}

#register_site  input[type="number"]{
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.z-index-zero {
    z-index: 0;
}
.btn2{
    background-color: var(--cool-grey);
    font-size: 14px;
    border-radius: 12px;
    border: 3px solid rgba(176, 190, 197, 0.2);
    background-clip: padding-box;
    padding: 10px 20px;
    color: var(--white);
    font-weight: bold;
    box-shadow: none;
    width: 101%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-right: -2px;
    transition: all 0.4s;
}
.dropdown
{
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;
    padding: 2px 3px;
    cursor: text;
    height: 30px;
    width: 150px;
    cursor: pointer !important;
}