@font-face {
    src        : url('/static/web/fonts/Font-lato/Lato-Regular_2.ttf');
    font-family: 'Lato';
}

/*   
  @font-face {
    src: url('/static/web/fonts/Font-lato/Lato-Bold_2.ttf');
    font-family: 'Lato';
  }
  
  @font-face {
    src: url('/static/web/fonts/Font-lato/Lato-Italic_1.ttf');
    font-family: 'Lato';
  }
  
  @font-face {
    src: url('/static/web/fonts/Font-lato/Lato-Medium_0.ttf');
    font-family: 'Lato';
  } */


/* text result  */
.responsive-modal {
    width  : 1024px !important;
    padding: 0 !important;
}

.responsive-modal {
    border-radius: 10px;
}

.responsive-modal .ant-modal-footer {
    border-bottom-left-radius : 10px;
    border-bottom-right-radius: 10px;
}

.responsive-modal .ant-modal-footer {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    .responsive-modal {
        width: 100% !important;
    }
}

.map-left_result-detail__list {
    position  : absolute;
    left      : 410px;
    width     : calc(100vw - 410px);
    bottom    : 0;
    z-index   : 998;
    right     : 0;
    background: #fff;
    padding   : 0 17px;
    transition: all 200ms cubic-bezier(0.0, 0.0, 0.2, 1);
}

.map-left_result-detail__list.left {
    /* left: 0; */
    width: 100vw;
}

.map-left_result-detail__item {
    width        : 100%;
    border-radius: 10px;
    margin       : 21px 0;
}

.map-left_result-detail__item.active {
    box-shadow: 0 0 0 3px #1a73e8;
}

.map-left_result-detail__box {
    width        : 100%;
    background   : #FFFFFF;
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}

.map-left_result-detail__img {
    width                  : 100%;
    height                 : 121px;
    border-top-left-radius : 10px;
    border-top-right-radius: 10px;
}

.map-left_result-detail__img>img {
    width                  : 100% !important;
    height                 : 100% !important;
    object-fit             : cover;
    border-top-left-radius : 10px;
    border-top-right-radius: 10px;
}

.box-info_list {
    padding: 10px 15px;
    height : 100px;

}

.box-info_list>.tittle {

    font-size     : 15px;
    line-height   : 22px;
    letter-spacing: 0.07px;
    color         : #000000;

    display           : -webkit-box;
    -webkit-box-orient: vertical;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : normal;
    -webkit-line-clamp: 1;
    max-height        : 22px;
}

.box-info_list>.rated_wrapper>span {

    font-size     : 14px;
    line-height   : 13px;
    letter-spacing: 0.07px;
    color         : #616161;
    margin-right  : 3px;
}

.box-info_list>.rated_wrapper {
    margin-top: 10px;
}

.box-info_list>.group {

    font-size     : 14px;
    line-height   : 22px;
    letter-spacing: 0.07px;
    color         : #616161;
}


/* //////////////////// */


.form-wrapper_share {
    background: #fff;
    padding   : 40px 35px;

}

.form-wrapper_share__title {

    font-weight     : 500;
    font-size       : 13px;
    line-height     : 19px;
    /* margin-bottom: 15px; */
    color           : #222;
}

.form-wrapper_share .ant-select-selector {
    border-top  : none !important;
    border-right: none !important;
    border-left : none !important;
}

.form-wrapper_share .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    box-shadow: none !important
}

.form-wrapper_share .ant-form-item-label>label::after {
    display: none;
}

.instruction-icon {
    --size         : 30px;
    background     : url(https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-4x.png);
    width          : var(--size);
    height         : var(--size);
    background-size: cover;
    margin-right   : 15px;
    flex-shrink    : 0;
}

.intructionsName {

    font-size: 16px;
    color    : #333;
}

.map-chiduong-goiy-item__detail__item-bottom {

    font-size: 14px;
    color    : #333;
}

.map-chiduong-goiy-item__detail__item {
    padding      : 10px 0;
    border-bottom: 1px solid #eee;
}


/* Comment Form */
.btn-comment {
    outline      : none;
    border       : none;
    min-width    : 90px;
    padding      : 5px 10px;
    background   : #E94638;
    border-radius: 4px;
    color        : #fff;


    font-weight: 500;
    font-size  : 14px;
    cursor     : pointer;
}

.wrapper-form-comment__main {
    margin-top: 20px;
}

.wrapper-form-comment__main>.input-title {
    margin-bottom: 30px;
}

/* ------------------ Header ----------------------------------------- */
.text-warning {
    font-size: 12px;

    color: #F0424C;
}

.text-warning_div_mobile {
    font-size  : 15px;
    text-align : center;
    padding    : 30px 0;
    color      : #000;
    position   : absolute;
    left       : 0;
    bottom     : 0;
    z-index    : 999;
    width      : 100%;
    background : #FFFFFF;
    font-weight: 600;
    box-shadow : 0px -4px 4px rgba(0, 0, 0, 0.08), 0px 0px 3px rgba(0, 0, 0, 0.16);
}

.text-warning_div {
    font-size : 14px;
    text-align: center;
    margin    : 30px 0;
    color     : #000;
}

.itemContent_title {
    font-size      : 22px;
    color          : #16276d;
    line-height    : 27px;
    text-decoration: underline;
    margin-bottom  : 18px;
    margin-top     : 25px;

}

.search-page {
    margin-bottom: 32px;
}

.header {
    width            : 100%;
    /* background    : url('../images/bg-header.png'); */
    /* position      : sticky; */
    top              : 0;
    left             : 0;
    z-index          : 999;
    background-size  : cover;
    background-repeat: no-repeat;
    box-shadow       : 0px 4px 10px rgba(0, 0, 0, 0.15);
}

.header .header_phone {
    border-bottom: 1px solid #306de4;
}

.header .header_phone .container {
    padding        : 8px 0;
    display        : flex;
    justify-self   : right;
    color          : #ffffff;
    font-size      : 14px;
    font-weight    : 500;
    justify-content: right;
    align-items    : center;
}

.header .header_phone p {
    margin : 0px;
    padding: 0 10px 0 5px;
}

.header .header-top {
    display        : flex;
    justify-content: space-between;
}

.header_nav {
    width: 100%;
}

/* .header .container{
    padding: 10px;
} */
.header {
    background       : url('/static/web/images/bg-header.jpg');
    background-size  : cover;
    background-repeat: no-repeat;
}

/* .header, */
.header_logo,
.header_menu {
    padding: 5px 0;
}

.header_logo {
    display    : flex;
    align-items: center;
}

.header_logo>img {
    max-height: 41px;
}

.header_menu {
    display        : flex;
    align-items    : center;
    justify-content: center
}

.header_menu-item {
    padding: 20px 30px;
}

.header_menu-itemlink {
    font-size  : 16px;
    line-height: 24px;
    font-weight: 500;
    color      : #000000;

}

.header_menu-itemlink.active,
.header_menu-itemlink:hover {
    color: #3471BC;
}

.header_btn_nomap {
    display        : flex;
    align-items    : center;
    place-content  : center;
    justify-content: center;
}

.header_btn {
    display      : flex;
    align-items  : center;
    position     : fixed;
    top          : 20px;
    right        : 20px;
    width        : 130px;
    z-index      : 500;
    border-radius: 20px;
    box-shadow   : 0 1px 2px rgba(60, 64, 67, 0.3),
        0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.header_user {
    display         : flex;
    align-items     : center;
    /* background   : #1175BB;
    box-shadow      : 0px 0px 10px rgba(92, 104, 149, 0.15); */
    border-radius   : 25px;
    white-space     : nowrap;
    overflow        : hidden;

}

.header_user-avatar {
    width        : 30px;
    height       : 30px;
    border-radius: 50%;
    object-fit   : cover;
    margin-right : 5px;
}

.header_userName {
    font-size    : 16px;
    line-height  : 24px;
    font-weight  : 500;
    color        : #000000;
    margin       : 0px;
    overflow     : hidden;
    text-overflow: ellipsis;
}

.btn-header {
    width     : 130px;
    height    : 30px;
    background: #fff;
}

.header-mobile {
    background       : #fff;
    background       : url('/static/web/images/bg-header.jpg');
    background-size  : cover;
    background-repeat: no-repeat;
}

.header-mobile .header_mobile-res {
    display   : none;
    height    : 35px;
    object-fit: cover;
}

.header-mobile .icon_bar {
    display  : none;
    height   : auto;
    font-size: 25px;
    cursor   : pointer;
    color    : #000;
    padding  : 10px 0;
}

.header-mobile {
    position: relative;
}

.header-mobile .show-bar-header {
    position  : absolute;
    margin    : 0px;
    top       : 0;
    right     : 0;
    left      : 0;
    width     : 100%;
    height    : 100vh;
    padding   : 30px 50px;
    background: #fff;
    transition: 0.5s;
    transform : translateX(-100%);
}

.header-mobile .show-bar-header .bar-header-close {
    position   : absolute;
    font-size  : 30px;
    font-weight: 600;
    right      : 20px;
    top        : 10px;
    cursor     : pointer;
    color      : #1888E8;
}

.header-mobile .show-bar-header .header_menu-bar {
    position: relative;
}

.header-mobile .show-bar-header .header_menu-bar .header_menu-item {
    padding: 20px 0;
}

.footer_mobile .show-bar-header {
    position  : absolute;
    margin    : 0px;
    bottom    : 0;
    right     : 0;
    left      : 0;
    width     : 100%;
    height    : 100vh;
    padding   : 30px 50px;
    background: #fff;
    transition: 0.5s;
    transform : translateX(-100%);
}

.footer_mobile .show-bar-header .bar-header-close {
    position   : absolute;
    font-size  : 30px;
    font-weight: 600;
    right      : 20px;
    top        : 10px;
    cursor     : pointer;
    color      : #1888E8;
}

.footer_mobile .show-bar-header .header_menu-bar {
    position: relative;
}

.footer_mobile .show-bar-header .header_menu-bar .header_menu-item {
    padding: 20px 0;
}

.header_nav .header_menu .header_menu-item:hover .header_dropdown {
    transform : translateY(0);
    opacity   : 1;
    visibility: visible;
}

.header_nav .header_menu .header_menu-item .header_dropdown {
    position     : absolute;
    top          : 63px;
    padding      : 20px 10px;
    border-radius: 10px;
    background   : #f6f7f9;
    left         : 20%;
    z-index      : 10000;
    width        : 60%;
    transition   : 0.2s;
    transform    : translateY(0%);
    opacity      : 0;
    visibility   : hidden;
    box-shadow   : 0px 4px 10px rgba(0, 0, 0, 0.15);
}

.header_nav .header_menu .header_menu-item .header_dropdown .header_menu-itemlink {
    height       : fit-content;
    border-bottom: 1px solid #e4e8ed;
    cursor       : pointer;
    padding      : 10px 0 5px 0;
    font-weight  : 500;
    color        : #1250dc;
}

.header_nav .header_menu .header_menu-item .header_dropdown .itemlink_cotent-new {
    margin-bottom: 15px;
}

.header_nav .header_menu .header_menu-item .header_dropdown .itemlink_cotent-new .cotent-new-link {
    display        : flex;
    align-items    : center;
    height         : 100%;
    justify-content: left;
    background     : #fff;
    padding        : 5px 16px;
    border-radius  : 10px;
}

.header_nav .header_menu .header_menu-item .header_dropdown .itemlink_cotent-new .cotent-new-link p {
    margin            : 0px;
    color             : #020b27;
    font-size         : 14px;
    line-height       : 20px;
    font-weight       : 500;
    margin-left       : 10px;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* ----------------------------------------------------- */

/* search bars ------------------------ */
.search-bars {
    /* margin-top: 2px; */
    /* background-color: #e5e5e5; */
    padding-top   : 50px;
    padding-bottom: 30px;
    background    : url('../images/search_bars-bg.jpg');
}

.search-bars .wrapper-search-bars .search-bars-form .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
    font-weight: 500;
}

.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    color: #fff;
}

.ant-select-item-option-content {
    font-weight: 500;
}

.wrapper-search-bars {
    padding        : 15px 0;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.search-bars-total {
    font-weight: 400;
    font-size  : 14px;
    line-height: 25px;
    color      : #000000;
}

.search-bars .search-bars-total {
    font-size      : 24px;
    font-weight    : 600;
    text-align-last: center;
    text-align     : center;
    margin-bottom  : 20px;
}

.search-bars .ant-select {
    position: absolute;
    width   : 150px;
}

.search-bars .ant-select .ant-select-selector {
    width        : 150px !important;
    border-radius: 5px !important;
    position     : absolute !important;
    top          : -15px;
}

.search-bars .ant-select .ant-select-selector .ant-select-selection-search input {
    margin: 0px;
}

.search-bars .ant-select .ant-select-arrow {
    left: 130px;
}

.search-bars-total>.total {
    font-weight : 700;
    margin-right: 5px;
}

.search-bars-form {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    width          : 100%;
    position       : relative;
}

.search-bars-form .custom_input {
    position: relative;
}

.search-bars-form .search_data {
    position     : absolute;
    top          : 55px;
    width        : 70%;
    left         : 0;
    right        : 0;
    margin       : 0 auto;
    background   : #fff;
    z-index      : 1;
    border-radius: 10px;
    box-shadow   : 0 1px 4px 0 rgba(0, 0, 0, .26);
}

.search-bars-form .search_data .search_data-ul .data-ul_li {
    padding        : 1.5rem;
    line-height    : 1.5rem;
    color          : rgba(0, 0, 0, .87);
    font-size      : 15px;
    font-weight    : 500;
    text-decoration: none;
    cursor         : pointer;
    display        : block;
}

.search-bars-form .search_data .search_data-ul {
    height: 100%;
}

.search-bars-form .search_data .search_data-ul .data-ul_li:hover {
    background: #fafafa;
}

.search-bars .wrapper-search-bars {
    justify-content: center;
}

.search-bars .wrapper-search-bars .search-bars-btn {
    border-radius: 5px;

}

.search-bars .custom_input input {
    margin-right: 10px;
    margin-left : 170px;
}

.search-bars .custom_input {
    position       : relative;
    background     : #FFFFFF;
    border-radius  : 8px;
    width          : 470px;
    height         : 40px;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    margin-right   : 13px;
    box-shadow     : rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width          : 100%;
    padding        : 25px 20px;
}

.custom_input {
    position       : relative;
    padding        : 7.5px 20px;
    background     : #FFFFFF;
    border-radius  : 8px;
    width          : 470px;
    height         : 40px;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    margin-right   : 13px;
    box-shadow     : rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width          : 100%;
    padding        : 25px 20px;
}

.custom_input::placeholder {
    font-weight: 600;
}

.custom_input img {
    width: 20px;
}

.select_custom1 .ant-select-selection {
    height       : 40px;
    background   : #FFFFFF;
    border-radius: 8px;
    border       : none;
    outline      : none;
    color        : #000000;
    margin-right : 12px;
}

.select_custom1 .ant-select-selection .ant-select-selection__rendered {
    width      : 250px;
    line-height: 40px;
}

.custom_input input {
    outline    : none;
    border     : none;
    font-size  : 14px;
    line-height: 25px;
    color      : #000000;
    width      : 450px;
    width      : 100%;
    position   : relative;
}

.custom_input input::placeholder {
    font-size  : 14px;
    line-height: 25px;
    color      : #000000;
}

.select_custom {
    width        : 271px;
    height       : 40px;
    background   : #FFFFFF;
    border-radius: 8px;
    border       : none;
    outline      : none;
    padding      : 7.5px 20px;
    font-size    : 14px;
    line-height  : 25px;
    color        : #000000;
    margin-right : 30px;
}

.search-bars-btn {
    border       : none;
    outline      : none;
    width        : 170px;
    height       : 40px;
    background   : #1175BB;
    border-radius: 8px;
    font-weight  : 600;
    font-size    : 14px;
    line-height  : 25px;
    text-align   : center;
    color        : #FFFFFF;
    cursor       : pointer;
}

/* ---------------------------------------- */

.section_title {
    font-size    : 30px;
    line-height  : 52px;
    font-weight  : 700;
    color        : #000000;
    line-height  : 25px;
    padding      : 30px 0;
    display      : flex;
    place-content: center;
    text-align   : center;
}

.section_block-title {
    font-size  : 18px;
    line-height: 24px;
    font-weight: 600;
}

.bg-hover {
    position  : absolute;
    background: rgba(13, 20, 34, 0.8);
    top       : 0;
    left      : 0;
    right     : 0;
    z-index   : 1000;
    bottom    : 0;
}

/* benh-section---------------------------------- */
.benh-section {
    padding : 34px 0 65px;
    position: relative;
}

.benh-section .alphabet {
    margin-top   : 35px;
    display      : flex;
    background   : #edf0f3;
    padding      : 10px 20px;
    border-radius: 10px;
}

.benh-section .benh-section-content {
    box-shadow   : rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding      : 20px;
    border-radius: 5px;
}

.benh-section .centent-specializations {
    display : none;
    width   : 100%;
    position: relative;
}

.benh-section .centent-specializations .centent-specializations-content {
    display      : flex;
    padding      : 7px 5rem;
    place-items  : center;
    width        : 100%;
    align-items  : center;
    place-content: center;
    border       : 1px solid #f6f7f9;
    border-radius: 5px;
    margin-bottom: 10px;
    cursor       : pointer;
}

.benh-section .benh-section-content .hashTags-ul-res {
    display: none;
}

.centent-specializations-position {
    position               : fixed;
    right                  : 0;
    bottom                 : 0;
    left                   : 0;
    margin                 : 0 auto;
    z-index                : 100000000000000000;
    background             : #fff;
    transition             : 0.5s;
    border-top-right-radius: 10px;
    border-top-left-radius : 10px;
    transform              : translateY(100%);
    visibility             : hidden;
    opacity                : 0;
}

.centent-specializations-position .modal_diseasea {
    padding        : 12px;
    margin         : auto;
    width          : 100%;
    overflow       : hidden;
    text-overflow  : ellipsis;
    white-space    : nowrap;
    user-select    : none;
    text-align-last: center;
    text-align     : center;
    font-size      : 18px;
    background     : #fff;
}

.centent-specializations-position .close-icon-disease {
    top     : 20px;
    position: absolute;
    right   : 20px;
    cursor  : pointer;
}

.centent-specializations-active {
    transform : translateY(0);
    visibility: visible;
    opacity   : 1;
}

.centent-specializations-active .content_hashTags-ul {
    place-content: center;
    padding      : 20px;
}

.centent-specializations-active .content_hashTags-ul .content_hashTags-li {
    cursor       : pointer;
    padding      : 3px 10px;
    border       : 1px solid #edf0f3;
    border-radius: 10px;
    margin       : 0 10px;
    text-align   : center;
    text-align   : -webkit-center;
    background   : #fff;
    margin-bottom: 10px;
}

.centent-specializations-position .content-ul .content_ul-li {
    height        : fit-content;
    padding-bottom: 8px;
    border-bottom : 1px solid #e4e8ed;
    cursor        : pointer;
    font-weight   : 500;
    color         : #1250dc;
    margin        : 0 40px 20px 0;
}

.benh-section .benh-section-bottom {
    background: #f6f7f9;
}

.benh-section .benh-section-content .content-ul {
    padding: 20px;
    width  : 100%;
}

.benh-section .benh-section-content .content_hashTags-ul {
    padding        : 20px 40px;
    justify-content: center;
    width          : 100%;
}

.benh-section .benh-section-content .content_hashTags-ul .hashTags-ul-see {
    display        : flex;
    justify-content: center;
    margin         : 10px 0;
    cursor         : pointer;
}

.benh-section .benh-section-content .content_hashTags-li {
    cursor       : pointer;
    padding      : 5px 15px;
    border       : 1px solid #edf0f3;
    border-radius: 10px;
    margin       : 0 5px;
    text-align   : center;
    text-align   : -webkit-center;
    background   : #fff;
    margin-bottom: 10px;
    font-weight  : 500;
    transition   : 0.5s;
}

.benh-section .benh-section-content .content_hashTags-li .icon-sticky {
    width                  : 0px;
    height                 : 0px;
    border-top             : 20px solid #1250dc;
    border-left            : 20px solid transparent;
    margin-top             : -6px;
    margin-right           : -10px;
    position               : absolute;
    top                    : 6px;
    right                  : 10px;
    border-top-right-radius: 50%
}

/* .benh-section .benh-section-content .content_ul-li{
    border-bottom: 1px solid #e4e8ed;
    cursor: pointer;
    padding: 10px 0 5px 0;
    font-weight: 500;
    color: #1250dc;
} */
.benh-section .alphabet .alphabet-text:not(:last-child) {
    margin-right: 10px;
}

.benh-section .alphabet .alphabet-text {
    display           : flex;
    width             : 35px;
    height            : 35px;
    justify-content   : center;
    align-items       : center;
    line-height       : 35px;
    /* background     : #FFFFFF;
    box-shadow        : 0px 0px 4px rgba(0, 0, 0, 0.1); */
    border-radius     : 4px;
    font-weight       : 600;
    font-size         : 18px;
    line-height       : 21px;
    font-family       : 'Raleway', sans-serif;
    color             : #1175BB;
    cursor            : pointer;
}

.benh-section .alphabet .alphabet-text:hover {
    background: rgba(0, 0, 0, 0.1);
    color     : #1175BB;
}

.benh-section .alphabet .alphabet-text.alphabet-active {
    background: #1175BB;
}

.benh-section .alphabet .alphabet-text.alphabet-active>a {
    color: #FFFFFF;
}

.benh-section-content {
    margin-top: 30px;
}

.benh-section-content .content-ul .content_ul-li a {
    height        : fit-content;
    padding-bottom: 8px;
    border-bottom : 1px solid #e4e8ed;
    cursor        : pointer;
    padding       : 15px 0 5px 0;
    font-weight   : 500;
    color         : #1250dc;
}

.benh-section-content .content-ul .content_ul-li a {
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

}

.benh-section-content-item {
    background   : #FFFFFF;
    box-shadow   : rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    border-radius: 4px;
    padding      : 10px 20px;
}

.benh-section-content-item:not(:last-child) {
    margin-bottom: 20px;
}

.benh-section-content .content-text-special {
    font-weight    : 600;
    font-size      : 24px;
    line-height    : 28px;
    font-family    : 'Raleway', sans-serif;
    color          : #1175BB;
    display        : flex;
    align-items    : center;
    justify-content: center;
    height         : 100%;
}

.benh-section-content .content-text {
    font-size     : 14px;
    line-height   : 25px;
    font-family   : 'Raleway', sans-serif;
    color         : #000000;
    padding-top   : 10px;
    padding-bottom: 10px;
}


/* ------------------------------------------------- */

/* footer-------------------------------------- */
.footer {
    background   : #F1F9FF;
    padding      : 50px 0 20px;
    /* background: #f8f6f6; */

}

.footer-logo-text {
    font-weight: 700;
    font-size  : 20px;
    line-height: 35px;
    color      : #1175BB;
    margin-left: 20px;
}

.footer-bottom {
    box-shadow     : inset 0px 1px 0px #e4eaf1;
    justify-content: center;
    padding-top    : 10px;
}

.footer-left>p {
    font-style   : normal;
    font-weight  : 400;
    font-size    : 14px;
    line-height  : 21px;
    color        : #444444;
    margin-top   : 30px;
    padding      : 15px;
    background   : #fff;
    border-radius: 10px;
    color        : #000;
    box-shadow   : rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.footer-left .footer-box-certification span {
    font-style   : normal;
    font-weight  : 500;
    font-size    : 14px;
    line-height  : 21px;
    color        : #444444;
    margin-top   : 30px;
    padding      : 10px;
    border-radius: 10px;
    color        : #000;
}

.footer-left .custom_input {
    margin-top   : 20px;
    width        : 100%;
    border-radius: 4px;
}

.footer .title {
    color        : #444444;
    font-weight  : 700;
    font-family  : 'Raleway', sans-serif;
    font-size    : 14px;
    line-height  : 25px;
    margin-bottom: 10px;
}

.footer-center-left-item:not(:last-child) {
    margin-bottom: 10px;
}

.footer-center-left-item>a {
    font-size  : 14px;
    line-height: 25px;
    color      : #444444;
}

.footer-right-item {
    display    : flex;
    align-items: center;
}

.footer-right-item:not(:last-child) {
    margin-bottom: 20px;
}

.footer-right-item .text {
    font-size  : 14px;
    line-height: 25px;
    color      : #444444;
    margin-left: 22px;
}

.footer-bottom {
    margin-top: 30px;
}

.footer-bottom-left {
    font-size  : 14px;
    line-height: 16px;
    font-family: 'Raleway', sans-serif;
    color      : #000000;
}

.footer-bottom-left>span {
    color: #1175BB;
}

.footer-bottom-rig {
    font-size  : 14px;
    line-height: 16px;
    font-family: 'Raleway', sans-serif;
    color      : #000000;
}

.footer .footer_tabs {
    position        : fixed;
    bottom          : 0;
    left            : 0;
    width           : 100%;
    z-index         : 1000;
    padding         : 0;
    background-color: #fff;
    display         : flex;
    justify-content : space-between;
    display         : none;
    box-shadow      : rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.footer .footer_tabs .footer_link {
    padding        : 8px 2px;
    color          : #000;
    font-weight    : 600;
    width          : 100%;
    font-size      : 12px;
    text-align     : center;
    text-align-last: center;
    background     : transparent;
    border         : none;
    white-space    : nowrap;
    overflow       : hidden;
    text-overflow  : ellipsis;
    cursor         : pointer;
}

.footer .footer_tabs .footer_link-active {
    background-color: #F1F9FF;
    color           : blue;
}

/* ------------------------------------------------ */

/* news-section---------------------------------- */
.news-section {
    margin-top   : 54px;
    margin-bottom: 54px;
}

.news-box {
    position     : relative;
    margin-bottom: 30px;
}

.news-img {
    border-radius: 4px;
    overflow     : hidden;
    position     : relative;
    display      : block;
}

.news-img>img {
    width     : 100%;
    height    : 200px;
    object-fit: cover;
}

.news-img>.news-img-date {
    position       : absolute;
    top            : -26px;
    right          : -9px;
    bottom         : -1%;
    z-index        : 10;
    width          : 70px;
    height         : 70px;
    border-radius  : 50%;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.news-img>.news-img-date>span {
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : #1175BB;
    border-radius  : 5px;
    padding        : 1px 10px;
    font-family    : "Lato";
    font-weight    : bold;
    font-size      : 14px;
    line-height    : 17px;
    color          : #FFFFFF;
}

.news-box_title {
    font-weight: 600;
    font-size  : 14px;
    line-height: 25px;
    font-family: 'Raleway', sans-serif;
    color      : #1175BB;
    margin-top : 20px;

    display           : -webkit-box;
    -webkit-box-orient: vertical;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : normal;
    -webkit-line-clamp: 2;
    max-height        : 50px;
}

.news-box>.shortDes {
    font-family: 'Raleway', sans-serif;
    font-size  : 14px;
    line-height: 25px;
    text-align : justify;
    color      : #000000;
    margin-top : 10px;

    display           : -webkit-box;
    -webkit-box-orient: vertical;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : normal;
    -webkit-line-clamp: 3;
    max-height        : 75px;
}

.btn-news {
    margin: 0 auto;
}

/* ---------------------------------------------------- */

/* Detail ------------------------------------------ */
.details-section {
    margin-top: 44px;
}

.detail-content>.title {
    font-weight  : bold;
    font-size    : 24px;
    line-height  : 25px;
    color        : #000000;
    margin-bottom: 20px;
}

.rte {
    font-size  : 14px;
    font-family: 'Raleway', sans-serif;
    line-height: 25px;
    color      : #000000
}

.rte img,
.rte iframe,
.rte video,
.rte table {
    max-width: 100%;
}

.rte figure {
    text-align: center;
}

.detail_relative-products .title {
    font-weight  : bold;
    font-size    : 18px;
    line-height  : 25px;
    font-family  : 'Raleway', sans-serif;
    color        : #000000;
    margin-bottom: 20px;
}

.relative-box {
    display      : flex;
    margin-bottom: 20px;
}

.relative-box-img {
    display     : block;
    width       : 170px;
    height      : 100px;
    flex-shrink : 0;
    margin-right: 20px;
}

.relative-box-img>img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.relative-box-title {
    font-size         : 14px;
    color             : #000000;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    white-space       : normal;
    -webkit-line-clamp: 3;
    max-height        : 65px;
    margin            : 0;
    font-weight       : 500;
}

/* -------------------------------------------------- */

/* -----------save-section------------------------ */
.save-section {
    margin-top   : 30px;
    margin-bottom: 50px;
}

.save-section .benh-section {
    padding: 0;
}

.save-section .benh-section .alphabet {
    margin-top: 0;
}

.save-menu-box {
    background   : #FFFFFF;
    box-shadow   : 0px 0px 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding      : 42px;
}

.save-menu-list {
    list-style: unset;
}

.save-menu-item {
    font-size  : 18px;
    line-height: 21px;

    cursor: pointer;
}

.save-menu-item.acitve-save-menu {
    color: #007AFF;
}

.save-menu-item:not(:last-child) {
    margin-bottom: 32px;
}

.news_save-section .news-img>img {
    width     : 100%;
    height    : 148px;
    object-fit: cover;
}

.news_save-section .news-box_title {
    margin-top: 15px;
}

/* --places---- */
.wrapper-boxs-places {
    border-bottom: 0.5px solid #DADCE0;
}

.place-box {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    padding        : 14px 20px;

}

.wrapper-place-box-info {
    width: 60%;
}

.place-box-info {
    width: 100%;
}

/* .place-box-info > .rate {
   margin-bottom: 8px;
} */
.place-box-info>.title {
    font-size     : 16px;
    line-height   : 25px;
    letter-spacing: 0.07px;
    color         : #222222;
    margin-bottom : 0px;
}

.place-box-info>.type-place {
    font-size  : 14px;
    line-height: 25px;
    color      : #222222;

    letter-spacing: 0.07px;
    margin-bottom : 0px;
    color         : #616161;
}

.place-box-info>.status-place {
    font-size  : 14px;
    line-height: 25px;

    letter-spacing: 0.07px;
    margin-bottom : 0px;
    color         : #218540;
}

.place-box-info>.phone-place {
    font-size  : 14px;
    line-height: 25px;

    letter-spacing: 0.07px;
    margin-bottom : 0px;
    color         : #616161;
}

.places-box-img {
    width          : 40%;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.places-box-img>img {
    width     : 83px;
    height    : 84.44px;
    object-fit: cover;
}


/* ------------------------------------------------- */



/* ----login------------------------------------ */
/* login ------------------------------------- */
.bg-modal {
    position  : fixed;
    top       : 0;
    left      : 0;
    bottom    : 0;
    right     : 0;
    z-index   : 1001;
    background: rgba(0, 0, 0, 0.5);
    opacity   : 0;
    visibility: hidden;
    display   : none;
    transition: all 0.2s;
}

.bg-modal.bg-modal-active {
    display   : block;
    visibility: visible;
    opacity   : 1;
}

.modal-login {
    position     : fixed;
    top          : 50%;
    left         : 50%;
    transform    : translate(-50%, -50%);
    z-index      : 9999;
    background   : #fff;
    width        : 500px;
    padding      : 30px;
    height       : auto;
    opacity      : 0;
    display      : none;
    visibility   : hidden;
    transition   : all 0.2s;
    /* height    : 665px; */
    border-radius: 10px;
}

.modal-login-body {
    max-height: 85vh;
    overflow-y: auto;
}

.modal-login-body::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.modal-login-body {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width   : none;
    /* Firefox */
}

.modal-login.active {
    display   : block;
    opacity   : 1;
    visibility: visible;
}

.close-icon-modal-deskpot {
    position : absolute;
    top      : 5%;
    right    : 5%;
    font-size: 22px;
    cursor   : pointer;
}

.icon-close {
    margin-top: 35px;
}

.wrapper-login {
    position: relative;
}

.title_modal {
    position   : relative;
    font-size  : 28px;
    color      : #101010;
    line-height: 30px;
    display    : inline-block;
    font-weight: 700;
}

.plus_modal {

    font-size    : 16px;
    line-height  : 25px;
    color        : rgba(40, 44, 64, 0.6);
    margin-bottom: 20px;
    font-weight  : 500;
}

.form-item {
    margin-bottom: 25px;
}

.form-item>.label-form-item {

    font-weight: 500;
    font-size  : 12px;
    line-height: 110%;
    color      : #82869A;
}

.input-box {
    width          : 100%;
    padding        : 12px 0;
    display        : flex;
    justify-content: space-between;
    border-bottom  : 1px solid #EBEBEB;
}

.input-box>img {
    width  : 13px;
    display: none;
}

.input-box input {
    border       : none;
    outline      : none;
    padding-right: 12px;

    font-weight: 500;
    font-size  : 14px;
    line-height: 110%;
    color      : #373C56;
    width      : 100%;
}

.input-box input::placeholder {

    font-weight: 500;
    font-size  : 14px;
    line-height: 110%;
    color      : rgba(130, 134, 154, 0.5);
}

.input-box.input-correct>img,
.input-box.input-false>img {
    display: block;
}

.input-box.input-correct {
    border-bottom: 3px solid #007AFF;
}

.input-box.input-false {
    border-bottom: 2px solid #F0424C;
}

.login-text {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.login-text>.ghi-nho {
    font-size  : 14px;
    line-height: 110%;

    color: rgba(130, 134, 154, 0.6);
}

.login-text>.ghi-nho .checkbox {
    display      : inline-block;
    width        : 20px;
    height       : 20px;
    border-radius: 50%;
    background   : #EBEBEB;
    font-size    : 14px;
    color        : #007AFF;
    margin-right : 10px;
    text-align   : center;
    line-height  : 20px;
}

.login-text>.quen-mat-khau {
    display        : flex;
    justify-content: space-between;
    align-items    : center;


    font-weight: 500;
    font-size  : 14px;
    line-height: 110%;
    color      : #007AFF
}

.btn-login {
    background    : #007AFF;
    border-radius : 10px;
    height        : 40px;
    width         : 100%;
    color         : #FFFFFF;
    text-shadow   : 0px 1px 2px rgba(0, 0, 0, 0.15);
    font-weight   : 700;
    font-size     : 15px;
    line-height   : 110%;
    text-transform: uppercase;
    margin-top    : 10px;
}

.login-bars {

    font-weight: 500;
    font-size  : 14px;
    line-height: 110%;
    color      : #B4B6C2;
    display    : flex;
    align-items: center;
    margin-top : 20px;
}

.login-bars>.text {
    margin     : 0 10px;
    flex-shrink: 0;
}

.login-bars>.bars {
    display    : block;
    flex-shrink: 0;
    height     : 1px;
    background : rgba(196, 196, 196, 0.5);
}

.login-btn-with {
    display      : flex;
    place-content: center;
    margin-top   : 25px;
}

.google-btn {
    height       : 40px;
    background   : #E94638;
    border-radius: 10px;

    font-weight    : 500;
    font-size      : 14px;
    line-height    : 110%;
    color          : #FFFFFF;
    width          : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.face-btn {
    width          : 100%;
    height         : 40px;
    background     : #395185;
    border-radius  : 10px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    margin-left    : 10px;
}

.login-question {

    font-size       : 15px;
    line-height     : 19px;
    text-align      : center;
    margin-top      : 35px;
    font-weight     : 500;
    /* margin-bottom: 50px; */
}

.login-question_dky {
    color: #007AFF;
}

.face-btn>span {
    display: none;
}


/* ---------------------------------------------- */


/* --------------------Home--------------------------- */


.mapWrapper {
    position: relative;
}

.map-left {
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 1000;
    width     : 410px;
    height    : 100vh;
    transform : translateX(-100%);
    transition: all 0.25s;
}

.map-left.active {
    transform: translateX(0);
}

.btn-toggle-map-left {
    position       : absolute;
    left           : 100%;
    top            : 17px;
    background     : #FCFCFC;
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : 25px;
    height         : 48px;
    cursor         : pointer;
    background     : #fff;
    /* background  : rgba(255,255,255,0.9) 7px center/7px 10px no-repeat; */
    border-left    : 1px solid #D4D4D4;
    box-shadow     : 0px 1px 4px rgb(0 0 0 / 30%);
    font-size      : 16px;
}

.btn-loginHome {
    position       : absolute;
    top            : 21px;
    right          : 30px;
    z-index        : 9000;
    display        : inline-block;
    font-style     : normal;
    font-weight    : 700;
    line-height    : 110%;
    text-align     : center;
    text-transform : uppercase;
    background     : #007AFF;
    border-radius  : 10px;
    color          : #FFFFFF;
    text-shadow    : 0px 1px 2px rgba(0, 0, 0, 0.15);
    width          : 130px;
    height         : 30px;
    font-size      : 14px;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.btn-loginHome:hover {
    color: #fff;
}


/* MOdal search ----------------------- */

.map-left_search {
    width        : 100%;
    height       : auto;
    max-height   : 100%;
    overflow     : auto;
    /* background: #F5F5F5; */
    position     : relative;
    z-index      : 999;
    /* box-shadow: 0px 0px 20px rgb(0 0 0 / 30%) */
}
.map-left_search.current-status{
    background: #fff;
  margin-top: 20px;
  padding: 20px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
}
.map-left_search.map-left_chiduong {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 30%)
}

.map-left_search::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.map-left_search {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width   : none;
    /* Firefox */
}

.map-left_search-top {
    /* background: #fff; */
    padding: 10px;
}

.map-search_box {
    /* box-shadow   : 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.16); */
    border-radius: 7px;
    background   : #FFFFFF;
    box-shadow   : 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
}

.map-search-input {
    padding           : 10px 18px;
    display           : flex;
    align-items       : center;
    /* justify-content: space-between; */
}

.wrapper-input {
    display    : flex;
    align-items: center;
    width      : 100%;
}

.bars-menu {
    margin-right : 18px;
    cursor       : pointer;
    width        : 40px;
    border       : 1px solid #bbb;
    border-radius: 50%;
}

.bars-menu.bars {
    border: unset;
}

.custom-input-search {
    display    : flex;
    align-items: center;
    width      : 100%;
}

.custom-input-search>input {
    border    : none;
    outline   : none;
    background: none;

    font-size  : 16px;
    line-height: 19px;
    color      : #222222;
    width      : 100%;
}

.custom-input-search>input::placeholder {

    font-size  : 16px;
    line-height: 19px;
    color      : #C2C2C2;
}

.custom-input-search>img {
    width      : 18px;
    margin-left: 6px;
    cursor     : pointer;
}

.icon-chiduong {
    width      : 24px;
    margin-left: 30px;
    display    : flex;
    align-items: center;
    position   : relative;
}

.icon-chiduong::after {
    display   : block;
    content   : '';
    position  : absolute;
    top       : 50%;
    left      : -15px;
    transform : translate(-50%, -50%);
    width     : 1px;
    height    : 20px;
    background: #C2C2C2;
}

.icon-chiduong>img {
    width: 100%;
}

.box-result-search {
    padding   : 20px;
    border-top: 1px solid #DADCE0;
}

.box-result-item {
    display    : flex;
    align-items: center;
}

.box-result-item:not(:last-child) {
    margin-bottom: 18px;
}

.box-result-left {
    margin-right: 21px;
}

.box-result-info>.name {

    font-size    : 15px;
    line-height  : 20px;
    color        : #616161;
    margin-bottom: 0px;
}

.box-result-info>.place {

    font-size     : 12px;
    line-height   : 13px;
    letter-spacing: 0.07px;
    color         : #C2C2C2;
}

.map-left-search-icon {
    position: absolute;
    left    : 450px;
    z-index : 1000;
    top     : 20px;
    width   : calc(100vw - 600px);
}

/* .map-search-icon-list {
    display: flex;
} */


.map-search-icon-item {
    text-align   : center;
    cursor       : pointer;
    display      : flex;
    margin-right : 10px;
    margin-bottom: 10px;
    background   : #fff;
    align-items  : center;
    padding      : 5px 8px;
    box-shadow   : 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    border-radius: 20px;
    display      : inline-flex;
}

.map-search-icon-item:hover {
    background: #e2edff;
}

.map-search-icon-item img {
    background   : #fff;
    width        : 20px;
    max-height   : 20px;
    object-fit   : cover;
    border-radius: 50%;
    margin       : auto;
    object-fit   : contain;
}

.map-search-icon-item.active>.text {
    color: red;
}

.map-search-icon-item>.text {
    font-size     : 13px;
    line-height   : 13px;
    letter-spacing: 0.07px;
    color         : #000;
    margin-bottom : 0;
    font-weight   : 600;
    margin-left   : 5px;
}

.map-left-search-share {
    background     : #fff;
    padding        : 20px 27px;
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    margin-top     : 10px;
    cursor         : pointer;
}

.map-share-text {
    display    : flex;
    align-items: center;
}

.map-share-text>img {
    margin-right: 12px;
}

.map-share-text>.text {

    font-size     : 16px;
    line-height   : 13px;
    letter-spacing: 0.07px;
    color         : #222222;
    margin-bottom : 0;
}

.map-search-hide {
    margin-top: 50px;
}

.map-search-hide-wrapper {
    background     : #FFFFFF;
    box-shadow     : 0px 0px 4px rgba(0, 0, 0, 0.16);
    border-radius  : 17px;
    display        : flex;
    align-items    : center;
    width          : 130px;
    height         : 34px;
    justify-content: space-between;
    padding        : 0 15px;
    margin         : 0 auto;
    cursor         : pointer;
}

.map-search-hide-wrapper>span {

    font-size     : 15px;
    line-height   : 13px;
    letter-spacing: 0.07px;
    color         : #222222;
}


/* --------------------------------------- */


/* MOdal result --------------------- */
.map-left_result {
    background: #fff;
}

.map-result-top {
    border-bottom: 0.8px solid #E8EAED;
    /* position  : sticky;
    top          : 0;
    left         : 0;
    width        : 100%; */

}

.map-result-input {
    border-bottom: none;
    background   : #FFFFFF;
    box-shadow   : 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.16);
    border-radius: 25.5px;
    margin-bottom: 11px;
}

.map-result-filter {
    display      : flex;
    flex-wrap    : wrap;
    margin-bottom: 8px;
}

.box-filter {
    background   : #EAF0FF;
    border       : 1px solid #D6E2F7;
    box-sizing   : border-box;
    border-radius: 28.152px;
    display      : flex;
    align-items  : center;
    height       : 32px;
    min-width    : 140px;
    padding      : 0 17px;
    margin-bottom: 10px;
    margin-right : 8px;
}

.box-filter>img {
    margin-right: 10px;
}

.box-filter>.text {
    margin-right: 10px;

    font-size  : 14px;
    line-height: 16px;
    color      : #007AFF;
}

.box-filter-result {
    margin-right : 8px;
    background   : #FFFFFF;
    border       : 1px solid #DADCE0;
    box-sizing   : border-box;
    border-radius: 28.152px;

    font-size  : 14px;
    line-height: 16px;
    color      : #3B3F42;
    height     : 32px;
    padding    : 0 17px;
    text-align : center;
    line-height: 32px;
}

.map-result-content {
    background: #fff;
}

.map-result-list {
    max-height: 80vh;
    overflow-y: scroll;
}

.map-result-list::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.map-result-list {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width   : none;
    /* Firefox */
}


.map-result-item {
    border-bottom: 0.5px solid #DADCE0;
}

.pagination_comment .ant-pagination {
    justify-content: flex-end !important;
}

.map-left_result .box-result-search {
    margin-bottom: 14px;
    box-shadow   : 0px 4px 4px rgb(0 0 0 / 10%), 0px 0px 3px rgb(0 0 0 / 16%);
}


/* ------------------------------------- */

/* MOdal detail result-------------------- */
.map-left_detailResult {
    background: #fff;
}

.map-detailResult-top {
    /* background-image: url(../images/image\ 49.png); */
    background-position: center;
    background-size    : cover;
    height             : 100%;
    position           : relative;
    filter             : brightness(0.95);
    background-repeat  : no-repeat;
    /* position        : sticky;
    top                : 0;
    left               : 0;
    width              : 100%; */
}

.wrapper-top-detail {
    position: relative;
    height  : 320px;
}

.map-detail-title {
    position: absolute;
    left    : 0;
    bottom  : 18px;
    z-index : 1;
    padding : 0 12px;
}

.map-detail-title>.title {

    font-weight   : 600;
    font-size     : 25px;
    line-height   : 34px;
    letter-spacing: 0.337647px;
    color         : #FFFFFF;
    margin-bottom : 5px;
}

.map-detail-title>.plus {

    font-size     : 15px;
    line-height   : 22px;
    letter-spacing: -0.41px;
    color         : #FFFFFF;
}

.map-resultDetail-menu {
    padding   : 0 22px;
    background: #FFFFFF;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    position  : sticky;
    top       : 0;
    left      : 0;
    z-index   : 1;
}

.map-resultDetail-list {
    display    : flex;
    align-items: center;
}

.map-resultDetail-list .map-resultDetail-item {
    margin-right: 10px;
}

.map-resultDetail-item>a {
    display: inline-block;

    font-weight   : 500;
    font-size     : 14px;
    line-height   : 22px;
    letter-spacing: 0.07px;
    text-transform: uppercase;
    color         : #616161;
    padding       : 15px 0;
}

.map-resultDetail-item.acitve-resultDetail>a {
    color        : #007AFF;
    border-bottom: 3px solid #007AFF;
}

.icon-detailResult {
    padding           : 20px;
    display           : flex;
    align-items       : center;
    /* justify-content: space-between; */
    border-bottom     : 1px solid #DADCE0;
}

.icon-detailResult__item {
    text-align  : center;
    cursor      : pointer;
    margin-right: 20px;
}

.icon-detailResult__item.mini {
    margin-right: 0px;
}

.icon-detailResult__item__border {
    width          : 36px;
    height         : 36px;
    border         : 1px solid #1A73E8;
    background     : #1A73E8;
    border-radius  : 50%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    margin         : 0 auto;
}

.icon-detailResult__item__border.nobg {
    background: #fff;
}

.icon-detailResult__item__border>svg {
    fill  : #fff;
    width : 18px;
    height: 18px;
}

.icon-detailResult__item>span {
    color     : #1A73E8;
    font-size : 12px;
    margin-top: 5px;

    display: inline-block;
}

.btn-chiDuong {
    background     : #007AFF;
    border-radius  : 38px;
    height         : 48px;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    line-height    : 19px;

    font-weight   : 500;
    font-size     : 16px;
    letter-spacing: 0.07px;
    color         : #FFFFFF;
    cursor        : pointer;
    padding       : 0 18px;
}

.btn-chiDuong>img {
    margin-right: 10px;
}

.icon-wrapper-item {
    border       : 1px solid #007AFF;
    box-sizing   : border-box;
    border-radius: 50%;
    width        : 49px;
    height       : 49px;
    cursor       : pointer;
}

.icon-wrapper-item:not(:first-child) {
    margin-left: 25px;
}


.detailResult-list {
    padding      : 18px 27px;
    border-bottom: 1px solid #DADCE0;
}

.detailResult-item:not(:last-child) {
    margin-bottom: 22px;
}

.detailResult-item {
    display    : flex;
    align-items: center;
}

.detailResult-item>.text {

    font-size     : 15px;
    line-height   : 22px;
    letter-spacing: 0.07px;
    color         : #000000;
    margin-bottom : 0;
}

.detailResult-item_img {
    display        : flex;
    align-items    : center;
    justify-content: center;
    margin-right   : 25px;
}

.detailResult-info-text {
    padding      : 20px 22px;
    border-bottom: 1px solid #DADCE0;
}

.detailResult-info-text>.title {

    font-weight   : 500;
    font-size     : 16px;
    line-height   : 22px;
    letter-spacing: 0.07px;
    color         : #000000;
    margin-bottom : 12px;
}

.detailResult-info-text>.text {

    font-size     : 14px;
    line-height   : 21px;
    text-align    : justify;
    letter-spacing: 0.07px;
    color         : #3B3F42;
    margin-bottom : 15px;
}

.text-list {
    list-style: unset;
}

.text-item {

    font-size     : 14px;
    line-height   : 29px;
    letter-spacing: 0.07px;
    color         : #3B3F42;
}

.text-item:not(:last-child) {
    margin-bottom: 5px;
}

.container-map {
    padding      : 20px 22px;
    border-bottom: 1px solid #DADCE0;
}

.wrapper-rated-map {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.rated-map-right {
    text-align: center;
}

.rated-map-right>.total {

    font-size     : 59px;
    line-height   : 50px;
    letter-spacing: 0.07px;
    color         : #000000;
}

.rated-map-right>.rated {
    display        : flex;
    justify-content: center;
    margin-top     : 10px;
}

.rated-map-right>.rated>img:not(:last-child) {
    margin-right: 2px;
}

.rated-map-right>.total-rated {

    font-size     : 13px;
    line-height   : 22px;
    letter-spacing: 0.07px;
    color         : #007AFF;
    margin-top    : 10px;
}

.rated-map-item {
    align-items    : center;
    justify-content: space-between;
}

.rated-map-item>.rated-totals {
    color       : #616161;
    font-size   : 14px;
    margin-right: 17px;
}

.rated-map-item>.rated-bars {
    height    : 8px;
    width     : 210px;
    background: #DADCE0;
}

.rated-map-item>.rated-bars>span {
    display   : block;
    width     : 60%;
    height    : 100%;
    background: #FBBC04;
}

.wrapper-detailResult-map>.title {

    font-weight   : 500;
    font-size     : 16px;
    line-height   : 22px;
    letter-spacing: 0.07px;
    color         : #222222;
    margin-bottom : 5px;
}

.wrapper-detailResult-map>.plus {

    font-size     : 14px;
    line-height   : 21px;
    letter-spacing: 0.07px;
    color         : #3B3F42;
    margin-bottom : 20px;
    cursor        : pointer;
}

.wrapper-detailResult-map>.plus:hover {
    color: #005F92;
}

.wrapper-detailResult-map>.user {

    font-size     : 18px;
    line-height   : 21px;
    letter-spacing: 0.337647px;
    color         : #222222;
}

.wrapper-detailResult-map>.user>img {
    width        : 35px;
    height       : 35px;
    object-fit   : cover;
    border-radius: 50%;
    margin-right : 16px;
}

.map-detailResult-comment-list .viewMore {
    text-align: center;
    display   : block;
    margin    : 10px;
}

.map-detailResult-comment-item {
    padding      : 30px 0;
    border-bottom: 1px solid #DADCE0;
}

.detailResult-comment-user {
    padding: 0 20px;
}

.detailResult-comment-user .info {
    display    : flex;
    align-items: center;
}

.detailResult-comment-user .avatar {
    width        : 39px;
    height       : 39px;
    border-radius: 50%;
    margin-right : 13px;
}

.detailResult-comment-user .avatar>img {
    width        : 100%;
    height       : 100%;
    object-fit   : cover;
    border-radius: 50%;
}

.detailResult-comment-user .info>.name-user {

    font-weight   : 500;
    font-size     : 15px;
    line-height   : 13px;
    letter-spacing: 0.07px;
    color         : #222222;
    margin-bottom : 10px;
}

.detailResult-comment-user .info .rated-dated>.dated {

    font-size     : 14px;
    line-height   : 13px;
    letter-spacing: 0.07px;
    color         : #616161;
    margin-left   : 10px;
}

.map-detailResult-comment-item>.comment {

    font-size     : 14px;
    line-height   : 21px;
    letter-spacing: 0.07px;
    color         : #616161;
    margin        : 15px 0;
    padding       : 0 20px;
}

.comment-img>img {
    width: 100%;
}

/* -------------------------------------------- */

/* Modal chi duong ----------------------- */
.map-left_chiduong-top {
    background: #fff;
}

.wrapper-chiduong-top {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.icon-chiduong-top {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    margin        : 0 15px;
}

.wrapper-chiduong-top .icon-chiduong-top>img:nth-child(2) {
    margin: 12px 0;
}

.wrapper-chiduong-top>.icon-back {
    align-self: flex-start;
    cursor    : pointer;
}

.info-chiduong {
    margin-right: 11px;
    flex-grow   : 1;
}

.info-chiduong>input,
.info-chiduong>div {
    border       : 1px solid #DADCE0;
    box-sizing   : border-box;
    border-radius: 28.152px;
    padding      : 10px 15px;
    outline      : none;
    width        : 100%;

    font-size  : 15px;
    line-height: 18px;
    color      : #37474F
}

/* .info-chiduong > div  {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
} */

.info-chiduong>input:not(:last-child) {
    margin-bottom: 8px;
}

.map-left_chiduong-time {
    display  : flex;
    flex-wrap: wrap;
}

.chiduong3-top_header {
    margin-bottom: 20px;
}

/* .map-left_chiduong-time {
    margin-top: 20px;
} */

.map-chiduong-time-item {
    background     : #37474F;
    box-shadow     : 1px 3px 4px rgba(55, 71, 79, 0.1);
    /* padding     : 8px 15px; */

    font-size      : 14px;
    line-height    : 16px;
    color          : #FFFFFF;
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : 40px;
    height         : 40px;
    border-radius  : 50%;
    cursor         : pointer;
}

.img-motorbike {
    width: 9px;
}

.map-chiduong-time-item.active {
    background: #1E88E5;
}

.map-chiduong-time-item:not(:last-child) {
    margin-right: 12px;
}

/* .map-chiduong-time-item > img {
    margin-right: 6px;
} */

.container-map-boxshadow {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
}

.map-chiduong-goiy-item {
    display    : flex;
    align-items: center;
}

.map-left_chiduong-3 .map-chiduong-goiy-item {
    display: block;
}

.map-chiduong-goiy {
    padding: 0 20px;
}

.map-chiduong-goiy-list {
    max-height: 73vh;
    overflow-y: scroll;
}

.map-chiduong-goiy-list::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.map-chiduong-goiy-list {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width   : none;
    /* Firefox */
}

.map-chiduong-goiy-item .icon_img {
    margin-right: 17px;
}

.map-chiduong-goiy-item .info {
    width        : 100%;
    padding      : 12px 0;
    border-bottom: 1px solid #DADCE0;
    cursor       : pointer;
}

.map-chiduong-goiy-item .info>img {
    cursor: pointer;
}

.map-chiduong-goiy-item .info>.info-detail>.title {

    font-size     : 16px;
    line-height   : 20px;
    letter-spacing: -0.24px;
    color         : #616161;
}

.map-chiduong-goiy-item .info>.info-detail>.place {

    font-size     : 12px;
    line-height   : 13px;
    letter-spacing: 0.07px;
    color         : #C2C2C2;
}


/* --------------------------------------------- */

/* ----Modal chi duong 2-------------------- */
.map-chiduong-goiy-2 {
    background: #fff;
}

.map-left_chiduong-top2 {
    padding-top  : 22px;
    background   : #fff;
    margin-bottom: 15px;
}

.wrapper-input-chiduong2 {
    padding: 0 15px;

}

.custom-input-left_chiduong2 {
    background     : #FFFFFF;
    border         : 1px solid #DADCE0;
    border-radius  : 28.152px;
    display        : flex;
    justify-content: space-between;
    padding        : 12px;
}

.custom-input-left_chiduong2>.icon-back {
    width       : 28px;
    margin-right: 17px;
    cursor      : pointer;
}

.custom-input-left_chiduong2>.icon-avatar {
    width        : 28px;
    height       : 28px;
    border-radius: 50%;
    cursor       : pointer;
    object-fit   : cover;
    margin-left  : 10px;
}

.custom-input-left_chiduong2>input {

    border     : none;
    outline    : none;
    background : none;
    font-size  : 18px;
    line-height: 21px;
    color      : #616161;
    width      : 100%;
}

.chonvitri {
    padding: 0 30px;
}

.chonvitri-item {
    cursor: pointer;
}

.chonvitri-item>.text {

    font-size     : 17px;
    line-height   : 20px;
    letter-spacing: -0.24px;
    color         : #3B3F42;
    padding       : 20px 0;
    flex-grow     : 1;
}

.chonvitri-item:not(:last-child)>.text {
    border-bottom: 1px solid #DADCE0;
}

.chonvitri-item>.icon_img {
    margin-right: 15px;
}


/* ------------- Modal chi duong 3 ------------------ */
.map-chiduong-goiy-list-3 {
    max-height: 52vh;
    overflow  : auto;
}

.chiduong_nhanhnhat {
    background: #fff;
}

.chiduong_nhanhnhat-time>.title {

    font-weight   : 500;
    font-size     : 20px;
    line-height   : 20px;
    letter-spacing: 0.337647px;
    color         : #DD4B3E;
    margin-bottom : 13px;
}

.chiduong_nhanhnhat-time>.title>.khoangcach {
    color      : #616161;
    margin-left: 8px;
}

.chiduong_nhanhnhat-plus {

    font-size     : 15px;
    line-height   : 22px;
    letter-spacing: -0.41px;
    color         : #222222;
}

.map-left_chiduong {
    background: #Fff;
}

.map-chiduong-goiy-3 {
    padding   : 20px;
    background: #Fff;
}

.map-chiduong-goiy-3>.title {

    font-weight   : 500;
    font-size     : 20px;
    line-height   : 20px;
    letter-spacing: 0.337647px;
    color         : #222222;
    margin-bottom : 15px;
}

.map-chiduong-goiy-3 .map-chiduong-goiy-item .info>.info-detail>.title {
    margin-bottom: 13px;
    color        : #222222;
}

.map-chiduong-goiy-3 .map-chiduong-goiy-item .info>.info-detail>.place {
    /* margin-bottom: 15px; */
    color: #007AFF;
}

.map-chiduong-goiy-3 .info-plus {
    max-width     : 100px;
    margin-left   : 5px;
    flex-shrink   : 0;
    display       : flex;
    flex-direction: column;
    align-items   : flex-end;

    font-size  : 15px;
    line-height: 18px;
    color      : #FF1541;
}

.map-chiduong-goiy-3 .info-plus>.khoangcach {
    margin-top: 13px;
    color     : #616161;
}


/* ------------------------------------------------ */

/* menu modal --------------- */
.modal-menu {
    position  : fixed;
    top       : 0;
    left      : 0;
    height    : 100vh;
    width     : 300px;
    z-index   : 9999;
    background: #fff;
    transform : translateX(-100%);
    opacity   : 0;
    transition: all 0.35s;
}

.modal-menu.modal-menu-active {
    transform: translateX(0);
    opacity  : 1;
}

.modal-menu-top {
    padding      : 18px 15px;
    border-bottom: 0.5px solid #DADCE0;
    margin-bottom: 25px;
}

.modal-menu-top>img {
    max-height: 41px;
}

.menu-modal-list {
    padding: 0 15px;
}

.menu-modal-item {
    margin-bottom: 25px;
}

.menu-modal-item-link {
    display    : flex;
    align-items: center;
}

.menu-modal-item-link>.text {
    font-size     : 15px;
    line-height   : 13px;
    letter-spacing: 0.07px;

    color      : #3B3F42;
    margin-left: 27px;
    font-weight: 500;
}

.menu-modal-item-link:hover>.text,
.menu-modal-item-link.active-menu-modal>.text {
    color: #007AFF;
}

.menu-modal-item-link svg {
    fill: #616161;
}

.menu-modal-item-link:hover>svg {
    fill: #007AFF;
}

.menu-modal-item-link.active-menu-modal svg {
    fill: #007AFF;
}

/* ----------------------------- */


/* Chia se co so y te ------------------------- */
.modal_share_place {
    position  : fixed;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
    z-index   : 1002;
    width     : 750px;
    opacity   : 0;
    display   : none;
    transition: all 0.25s;
}

.modal_share_place.active {
    opacity: 1;
    display: block;
}

.modal_share_place-top {
    background: #007AFF;
}


.wrapper-place-top {
    display        : flex;
    justify-content: space-between;
    position       : relative;

}

.modal_share_place-avatar {
    position     : absolute;
    bottom       : 0;
    left         : 0;
    z-index      : 1;
    height       : 72px;
    border-radius: 50%;
    transform    : translateY(50%);
    display      : inline-flex;
}

.modal_share_place-avatar>.email {
    font-size: 20px;
    color    : #fff;
}

.modal_share_place-avatar>img {
    width        : 100%;
    height       : 100%;
    border-radius: 50%;
    object-fit   : cover;
}

.modal_share_place-img {
    width : 173px;
    height: 112px;
}

.modal_share_place-img>img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.modal_share_place-info {
    margin-top: 25px;
}

.modal_share_place-info>.title {

    font-weight: 500;
    font-size  : 16.25px;
    line-height: 19px;
    color      : #FFFFFF;
}

.modal_share_place-info>.email {

    font-size  : 12px;
    line-height: 19px;
    color      : #FFFFFF;
}

/* ------------------------------ */

/* Carosel  */
.owl-carousel {
    position: relative;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    top      : 50%;
    transform: translateY(-51%);
    position : absolute;

    background    : #F1F3F4;
    width         : 40px;
    height        : 40px;
    border-radius : 50%;
    font-size     : 30px;
    /* line-height: 40px; */
    color         : #000;
    border        : 1px solid #DADCE0;
}

.owl-carousel .owl-nav .owl-prev {
    left: -12px;
}

.owl-carousel .owl-nav .owl-next {
    right: -12px;
}

.map-left_result-detail__list .owl-carousel .owl-stage-outer {
    padding-left: 5px;
}

/* .map-left_result-detail__wrapper .owl-carousel .owl-nav .owl-prev, .map-left_result-detail__wrapper .owl-carousel .owl-nav .owl-next {
    border: none;
    border-radius:unset;
    width: unset;
    height: unset;
    background: none;
}
.map-left_result-detail__wrapper .owl-carousel .owl-nav .owl-prev > img, .map-left_result-detail__wrapper .owl-carousel .owl-nav .owl-next >img {
    width: 35px;
    height: 35px;
} */


/* .khachSan__diadiem .owl-carousel .owl-nav .owl-prev {
    left: -60px;
}
.khachSan__diadiem .owl-carousel .owl-nav .owl-next {
    right: -60px;
}
.khachSan__diadiem .owl-carousel .owl-nav .owl-prev, .khachSan__diadiem .owl-carousel .owl-nav .owl-next {
    background: #B2B5B6;
    color: #fff;
}
.khachSan__diadiem .owl-stage {
    display: flex;
    align-items: center;
} */
.uploadImg_custom {
    display: inline-block;
    width  : 100%;
}

.uploadImg_custom .ant-upload {
    display: inline-block;
    width  : 100%;
}

.uploadImg_custom .ant-upload .uploadImg {
    width: 100%;
}

.uploadImg {
    width          : 100px;
    height         : 120px;
    background     : #C2C2C2;
    display        : flex;
    align-items    : center;
    justify-content: center;
    cursor         : pointer;
    border-radius  : 4px;
}

.uploadImg_custom-img {
    width : 40px;
    height: 40px;
}

.uploadImg_custom-img>img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.uploadImgItem {
    width   : 100%;
    height  : 120px;
    position: relative;
}

.uploadImgItem>img {
    width        : 100%;
    height       : 100%;
    object-fit   : cover;
    border       : 1px solid #eee;
    border-radius: 4px;
}

.upload-closeIcon {
    position: absolute;
    top     : -7px;
    right   : -2%;
}

.upload-closeIcon>img {
    width: 30px;
}

.row_imgUpload {
    margin-top: 20;
}

.col_imgUpload {
    margin-bottom: 10px;
}

.img_carosel_comment {
    width  : 50%;
    height : 150px;
    padding: 5px;
    display: inline-block;
}

.img_carosel_comment>img {
    width        : 100% !important;
    height       : 100% !important;
    object-fit   : cover;
    border-radius: 10px;
}

/* Carosel comment  */
.comment_imgBlock .owl-carousel {
    width: 70%;
}

.comment_imgBlock {
    margin-top: 10px;
    overflow  : hidden;
}

.comment_imgBlock .owl-stage-outer {
    overflow: visible !important;
}

.wrapperImg_single {
    width: 70px;
}

.uploadImgSingle {
    width : 100%;
    height: 70px;
}

.uploadImgSingle .uploadImg_custom-img {
    width : 30px;
    height: 30px;
}

.uploadImg_display {
    width   : 100%;
    height  : 100%;
    position: relative;
}

.uploadImg_display>img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.modalShare_header {
    align-items  : flex-end;
    margin-bottom: 13px;
}

.uploadImg_display>.edit {
    position       : absolute;
    top            : 0;
    left           : 0;
    width          : 100%;
    height         : 100%;
    opacity        : 0;
    background     : #0000008a;
    align-items    : center;
    justify-content: center;
    display        : flex;
}

.uploadImg_display>.edit>.group-icon>i {
    color: #fff;
}

.uploadImg_display>.edit:hover {
    opacity: 1;
}

.benh-section .plus-text {
    text-align: center;
}

/* model detail user
.model_detail-user .ant-modal {
    border-radius: 10px;
  }
  .model_detail-user .ant-modal-footer{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  /* .model_user-web input{
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    background: transparent;
  }
  .model_user-web label{
    position: absolute;
    top: -30%;
    left: 0;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    pointer-events: none;
    transition: .5s;
  }
  .model_user-web input:focus ~ label{
    top: -20px;
    left: 0;
    font-size: 12px;
  } */

/* .model_user-web .user_image .ant-col{
    align-items: center;
  }
  .model_user-web .ant-col input{
    width: 90%!important;
  }
  .responsive-modal .ant-modal-body{
    background: url('../../web/images/sky_bg_user.jpg');
    padding: 50px 0 !important;
  }
  .responsive-modal .ant-modal-close-x{
    display: none;
  } */
.model_user-web .img_up img {
    border-radius: 50% !important;
}

.drop_menu .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
    color: #fff !important;
}

section {
    position: relative;
}

.detailResult-list-places {
    margin-bottom: 0;
}

.detailResult-list-places .detailResult-item:not(:last-child) {
    margin-bottom: 5px;
}

.detailResult-list-places .detailResult-item>.text {
    font-size: 14px;
}

.icon-detailResult__item.places {
    display     : block;
    margin-right: 0;
}

.YFlihe {
    height        : 64px;
    display       : flex;
    -moz-box-flex : 0;
    flex          : none;
    -moz-box-align: center;
    align-items   : center;
}

.fCbqBc {
    border-radius  : 50%;
    -moz-box-sizing: border-box;
    box-sizing     : border-box;
    float          : left;
    margin-left    : 0;
    display        : flex;
    -moz-box-align : center;
    align-items    : center;
    -moz-box-pack  : center;
    justify-content: center;
}

.Jn12ke {
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center;
}

.iAj9Vc {
    color             : #70757a;
    min-width         : 0;
    display           : -moz-box;
    display           : flex;
    -moz-box-orient   : vertical;
    -moz-box-direction: normal;
    flex-direction    : column;
    -moz-box-pack     : center;
    justify-content   : center;
    -moz-box-flex     : 1;
    flex              : 1;
    padding-left      : 16px;
    font-size         : 13px;
    line-height       : 18px;
}

.TDF87d {
    color        : #202124;
    font-weight  : 500;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.iAj9Vc {
    color      : #70757a;
    font-size  : 13px;
    line-height: 18px;
}

.NB4yxe {
    position: relative;
    padding : 16px 0;
    height  : 100px;
}

.r0ZAkd,
.wrPaKb {
    font-size: 13px;
    color    : #70757a;
}

.WVlZT {
    display: -moz-box;
    display: flex;
    margin : 12px 0 4px;
}

.vrsrZe {
    background         : transparent;
    border             : 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-radius      : 0;
    font               : inherit;
    font-size          : inherit;
    list-style         : none;
    margin             : 0;
    outline            : 0;
    overflow           : visible;
    padding            : 0;
    padding-bottom     : 0px;
    -moz-box-flex      : 1;
    flex               : 1;
    font-size          : 13px;
    color              : #202124;
    cursor             : text;
    display            : block;
    border-bottom      : 1px solid #dadce0;
    padding-bottom     : 4px;
}

.oucrtf {
    background    : transparent;
    border        : 0;
    border-radius : 0;
    margin        : 0;
    outline       : 0;
    overflow      : visible;
    padding       : 0;
    margin-left   : 24px;
    color         : #1a73e8;
    font-size     : 13px;
    font-weight   : 500;
    text-transform: uppercase;
    cursor        : pointer;
}

.LenJEf {
    padding                   : 0 24px;
    background-color          : #f1f3f4;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius : 10px;
}

.k9Fsie {
    display        : -moz-box;
    display        : flex;
    -moz-box-flex  : 0;
    flex           : none;
    -moz-box-pack  : center;
    justify-content: center;
}

.M9PvSe {
    text-align    : right;
    padding-bottom: 16px;
    padding-right : 20px;
    font-size     : 13px;
    font-style    : italic;
    color         : #202124;
}

.uQBd1e {
    background        : transparent;
    border            : 0;
    border-radius     : 0;
    font              : inherit;
    list-style        : none;
    margin            : 0;
    margin-right      : 0px;
    margin-left       : 0px;
    outline           : 0;
    padding           : 24px 0;
    -moz-box-flex     : 1;
    flex              : 1;
    cursor            : pointer;
    margin-left       : auto;
    margin-right      : auto;
    display           : -moz-box;
    display           : flex;
    -moz-box-orient   : vertical;
    -moz-box-direction: normal;
    flex-direction    : column;
    -moz-box-align    : center;
    align-items       : center;
}

.fCbqBc {
    border-radius  : 50%;
    -moz-box-sizing: border-box;
    box-sizing     : border-box;
    float          : left;
    margin-left    : 4px;
    display        : -moz-box;
    display        : flex;
    -moz-box-align : center;
    align-items    : center;
    -moz-box-pack  : center;
    justify-content: center;
}

.XDlzbe {
    font-size : 13px;
    color     : #202124;
    margin-top: 8px;
}