:root {
    --bg-dark-three: linear-gradient(145deg, #02307d, #1a386b) !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
}

p {
    margin-bottom: 10px;
    font-size: 18px;
}

.container {
    max-width: 1320px;
}

.form-search-header {
    border: 1px solid #8c8c8c;
    border-radius: 20px;
    width: 230px;
}

.form-search-header input {
    height: 34px;
}

.form-search-header input::placeholder {
    font-size: 14px;
}

.btn-search-header {
    font-size: 20px;
    padding: 0px 10px;
}

.echo-home-1-menu .logo-header-sidebar {
    width: 290px !important;
}

.echo-header-area.header-sticky .echo-home-1-menu .echo-header-top-menu-bar {
    display: none
}

.echo-hero-section.inner-post .echo-more-news-area {
    padding: 0px 15px;
}

.echo-hero-section.inner-post a {
    font-family: var(--primary-font) !important;
}

.echo-footer-area .echo-footer-copyright-area {
    padding: 10px 0;
}

.logo-footer {
    width: 200px;
    height: auto;
    margin-bottom: 20px;
}

.echo-footer-description p {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}

.fs-15 {
    font-size: 15px;
    line-height: 22px;
}

.echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address span {
    margin-bottom: 5px;
    font-size: 15px;
}

.echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address span i {
    margin-right: 5px;
}

.echo-footer-area .echo-row .echo-footer-content-3 .echo-footer-help ul li {
    margin-bottom: 10px;
    transition: all .3s ease;
    font-size: 15px;
}

.footer-site-information {
    width: 95%;
}

.echo-footer-area {
    padding-top: 45px;
}

.echo-get-in-tuch h3 {
    font-size: 20px;
}

.echo-footer-help ul li a i {
    font-size: 12px;
    margin-right: 5px;
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-prev {
    background: linear-gradient(126deg, var(--color-primary) 14.85%, #b2e1e8 86.39%);
    color: white;
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-next {
    background: linear-gradient(126deg, var(--color-primary) 14.85%, #b2e1e8 86.39%);
    color: white;
}

/* form search location */
.box_search_home {
    max-width: 830px;
    margin: auto;
    z-index: 2;
}

.search_home {
    background: #fff;
    border-radius: 100px;
    padding: 15px 20px 5px 40px;
}

.field_keyword {
    color: var(--basictext);
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d;
}

.label_search {
    font-size: 16px;
    font-weight: 700;
    color: black;
    font-family: 'Lexend';

}

.form-group label {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 6px;
    color: black;
    font-family: 'Lexend';
}

.search_home .form-control {
    color: #9d9d9d;
    background: transparent;
    height: 40px;
    border: none;
    font-size: 15px;
    padding-left: 5px;
    padding-top: 0;
    border-radius: 4px;
    box-shadow: none;
    font-weight: 700;
    font-family: 'Lexend';
}

.search_home .form-group {
    position: relative;
    height: 52px;
}

.btn-search {
    border-radius: 100%;
    width: 100%;
    max-width: 60px;
    height: 100%;
    max-height: 60px;
    transform: translateX(20px);
    transition: all 400ms ease-in-out;
    color: #fff;
    padding: 0;
}

.btn-primary {
    background: var(--primary-color);
}

.search_home .form-group:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 35px;
    right: 15px;
    background: url(https://saigonreview.vn/wp-content/themes/topaz_sgr/img/chevron-down.svg) no-repeat;
}

.section-form-search-location {
    padding: 120px 0;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.img-transition-scale a {
    overflow: hidden;
}

.echo-hero-section.blog-item-grid .echo-hero-baner .echo-banner-texting {
    padding: 20px 20px 20px;
    box-shadow: 10px 10px 40px rgb(121 116 116 / 27%);
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #bf8730;
    border-top: none;
}

.post-item-grid .echo-banner-texting {
    padding: 20px 20px 20px;
}

.echo-hero-section.blog-item-grid .echo-hero-baner p {
    font-size: 15px;
    line-height: 20px;
    margin-top: 20px;
    border-radius: 10px;
    font-weight: 600;
}

h2.echo-hero-title a {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 0px;
}

h2.echo-hero-title {
    margin-bottom: 0px !important;
}

.blog-list-content .echo-hero-baner p.echo-hero-discription,
.echo-hero-section.inner.echo-feature-area .echo-hero-baner p.echo-hero-discription {
    display: none;
}

.img-transition-scale a {
    border-radius: 10px 10px 0px 0px;
}

.img-transition-scale a img {
    border-radius: 10px 10px 0px 0px;
    height: 250px;
    object-fit: cover;
    width: 100%;
}

.blog-list-content .echo-hero-baner,
.echo-hero-section.inner.echo-feature-area .echo-hero-baner {
    border-radius: 10px;
}

.echo-hero-section.inner .echo-hero-baner {
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
}

.icon-start i {
    color: #f39a16;
    font-size: 20px;
}

.blog-list-content .echo-hero-baner.post-item-grid,
.blog-list-content .echo-hero-baner.post-item-grid .echo-hero-title,
.echo-hero-section.inner.echo-feature-area .echo-hero-baner.post-item-grid,
.echo-hero-section.inner.echo-feature-area .echo-hero-baner.post-item-grid .echo-hero-title {
    text-align: left !important;
}

.hm-5-meta-btn {
    font-family: var(--primary-font)
}

.box-shadow-none {
    box-shadow: none !important;
}

.echo-hero-section .echo-hero-baner h1 {
    font-size: 30px;
    line-height: 40px;
}

.text-location-detail {
    color: #f39a16;
    font-weight: 600;
    font-family: var(--primary-font);
}

.home-eight .echo-footer-area .echo-get-in-tuch h3,
.home-nine .echo-footer-area .echo-get-in-tuch h3,
.home-two .echo-footer-area .echo-get-in-tuch h3,
body.home-one .echo-footer-area .echo-get-in-tuch h3 {
    color: var(--footer-heading-color);
    text-transform: uppercase;
    font-size: 19px;
}

.echo-full-hero-content .wrapper-audio-control {
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 18%);
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.border-50 {
    border-radius: 50%;
}

.echo-hero-section.inner-post .echo-more-news-area .echo-top-story .echo-story-picture {
    flex-basis: 23%;
}

.echo-story-picture .related-img {
    width: 80px;
    border-radius: 10px;
}

.title-related-post {
    font-weight: 600;
    font-family: 'Lexend';
}

.echo-hero-section.inner-post .echo-financial-area .content .content-wrapper .wrapper-item {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 14px;
}

.detail-post-content p {
    margin-bottom: 10px;
}

.content-page h2 {
    font-size: 27px;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.content-page h3 {
    font-size: 20px;
    margin-bottom: 8px;
    line-height: 24px;
}

.detail-post-content h2 {
    font-size: 27px;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.detail-post-content h3 {
    font-size: 20px;
    margin-bottom: 8px;
    line-height: 24px;
}

.button-btn-02 {
    background: #ffcc48;
    padding: 10px 22px;
    border-radius: 30px;
    color: black;
    font-weight: 600
}

a.button-btn-02:hover {
    background: black;
    color: white;
}

.echo-banner-texting {
    padding: 20px;
}

.echo-popular-news-area .echo-popular-area-item-title {
    margin: 10px 0;
}

.echo-popular-news-area .echo-popular-area-single-item .echo-popular-area-item-title a.title-hover {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 0px;
}

.echo-popular-area-single-item {
    box-shadow: 10px 10px 40px rgb(121 116 116 / 27%);
    margin-bottom: 20px;
    border-radius: 10px;
}

.btn-readmore-01.hero-hm6-btn a.hm6-btn-1:hover {
    background: rgb(13, 91, 227);
}

.btn-readmore-01.hero-hm6-btn .hm6-btn-1 {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    text-align: center;
    width: 180px;
    font-family: var(--heading-font);
}

.btn-readmore-01.hero-hm6-btn .hm6-btn-1:hover {
    color: white;
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item a {
    font-family: var(--heading-font);
    padding: 5px 10px;
}

.btn-readmore-01.hm6-btn-1 {
    padding-right: 5px;
    position: relative;
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
    flex-basis: 80%;
}

.echo-story-text p {
    margin-bottom: 10px;
}

.echo-story-picture img {
    border-radius: 10px !important;
}

.echo-hero-section .echo-home-1-hero-area-top-story .echo-story-text a.title-hover {
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
    flex-basis: 25%;
    border-radius: 10px;
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story {
    align-items: center;
}

.trip_info_3_col .circle_icon {
    background: #fff;
    width: 102px;
    height: 102px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .08);
    border-radius: 100px;
}

.trip_info_3_col .circle_icon img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.fs-21 {
    font-size: 21px;
}

.fs-22 {
    font-size: 22px;
}

.fs-23 {
    font-size: 23px;
}

.fs-24 {
    font-size: 24px;
}

.lh-20 {
    line-height: 20px
}

.lh-21 {
    line-height: 21px
}

.lh-22 {
    line-height: 22px
}

.lh-23 {
    line-height: 23px
}

.lh-24 {
    line-height: 24px
}

.lh-25 {
    line-height: 25px
}

.bg-trip_info_3_col {
    background-size: contain;
    min-height: 185px;
    width: 100%;
    display: flex
}

/* blog post style 19 */
.text-on-img-style-19 .echo-hero-banner-main-img {
    position: relative;
    overflow: hidden;
}

.text-on-img-style-19 .echo-hero-banner-main-img::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(to top, rgba(0, 128, 128, 0.5), rgba(0, 128, 128, 0));
    pointer-events: none;
    /* Đảm bảo overlay không cản click */
    z-index: 1;
}

.text-on-img-style-19 .banner-text-on-image {
    position: absolute;
    bottom: 0px;
    left: 20px;
    z-index: 2;
    /* Trên lớp phủ */
    color: white;
}

.text-on-img-style-19 .banner-text-on-image h2 a.title-hover {
    font-size: 17px;
    color: white;
    line-height: 22px;
}

.text-on-img-style-19 .echo-hero-banner-main-img.img-transition-scale a img {
    height: 350px;
}

/* blog post style 24 */
.text-on-img-style-24 .echo-hero-banner-main-img {
    position: relative;
    overflow: hidden;
}

.text-on-img-style-24 .echo-hero-banner-main-img::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(to top, rgba(0, 128, 128, 0.5), rgba(0, 128, 128, 0));
    pointer-events: none;
    /* Đảm bảo overlay không cản click */
    z-index: 1;
}

.text-on-img-style-24 .banner-text-on-image {
    position: absolute;
    bottom: 0px;
    left: 5px;
    z-index: 2;
    /* Trên lớp phủ */
    color: white;
}

.text-on-img-style-24 .banner-text-on-image h2 a.title-hover {
    font-size: 15px;
    color: white;
    line-height: 22px;
}

.text-on-img-style-24 .echo-hero-banner-main-img.img-transition-scale a img {
    height: 200px;
}

/*  */
.text-on-image-2-col .img-transition-scale a img {}

.text-on-image-2-col .echo-story-text {
    margin-top: -30px;
    position: relative;
    background: white;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .05);
    border-radius: 10px;
    padding: 10px;
}

.text-on-image-2-col .echo-story-text h2 a.title-hover {
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
}

.text-location-01 {
    color: #f1af15;
}

.fs-16.icon-start i {
    font-size: 16px;
}

.mb-8 {
    margin-bottom: 8rem !important;
}

.height-200 {
    height: 200px !important;
}


/* blog post style 20 */
.echo-de-blog-post-style-20 .echo-de-category-title-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0px;
}

.echo-de-blog-post-style-20 .echo-de-category-title-btn h2::after {
    content: "";
    position: absolute;
    width: 230%;
    background: #5E5E5E;
    height: 1px;
    left: 110%;
    top: 22px;
    opacity: 0.5;
}

.echo-de-blog-post-style-20.echo-trending-area h2 {
    font-size: 30px;
    line-height: 35px;
    position: relative;
    margin-bottom: 10px;
}

.echo-de-blog-post-style-20 .echo-trending-right-site-post-title a.title-hover {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 0px;
}

.echo-de-blog-post-style-20 .echo-trending-right-site-post-title a.title-hover.title-first-post {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 0px;
}

.echo-de-blog-post-style-20 .echo-trending-left-site-post .hm-5-meta-btn a.title-location {
    font-size: 13px;
    color: #f1af15;
    font-weight: 600;
}

.echo-de-blog-post-style-20 .echo-trending-left-site-post .icon-start i {
    font-size: 16px;
}

.text-color-location-01 {
    color: #f1af15;
}

.border-radius-10 {
    border-radius: 10px !important;
}

.border-radius-20 {
    border-radius: 20px !important;
}

.echo-de-blog-post-style-20 .echo-trending-left-site-post .img-transition-scale a img {
    height: 128px;
    object-fit: cover;
    width: 100%;
}

.echo-de-blog-post-style-20 .echo-trending-left-site-post .echo-trending-right-site-post-title {
    margin-top: 0px;
}

.echo-de-blog-post-style-20.echo-trending-area .echo-trending-full-content {
    margin-top: 20px;
}

.echo-de-blog-post-style-20.echo-trending-area .echo-trending-full-content .echo-trending-left-site-post {
    align-items: center;
    display: flex;
    gap: 15px;
    margin: 0px 0px 15px 0px;
}

.echo-de-blog-post-style-20.echo-trending-area .echo-trending-full-content .echo-trending-left-site-post .echo-trending-left-site-post-img {
    flex-basis: 40%;
}

.echo-de-blog-post-style-20.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title {
    flex-basis: 60%;
}

.echo-de-blog-post-style-20.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title.flex-basis-100 {
    flex-basis: 100%;
}

.echo-de-blog-post-style-20.line-fullwidth .echo-de-category-title-btn h2::after {
    width: 435%;
}

.echo-de-blog-post-style-20.line-sidebar .echo-de-category-title-btn h2::after {
    width: 230%;
}

.post-meta .echo-hero-area-like-read-comment-share,
.post-meta .echo-hero-area-like-read-comment-share span {
    color: var(--text-body) !important;
}

.echo-de-blog-post-style-20 .echo-hm2-video-icons.action-play-audio .vedio-icone .video-play-button i {
    font-size: 19px;
    left: 35px;
    top: 33px;
}

.echo-de-blog-post-style-20 .video-play-button {
    height: 44px;
    left: 50%;
    padding: 10px 10px 10px 17px;
    top: 50%;
    width: 40px !important;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.img-transition-scale a img.img-height-first-style-20 {
    height: 379px;
    object-fit: cover;
}

.title-head {
    font-size: 25px !important;
    font-family: 'Lexend';
}

.heading-divider {
    display: inline-block;
    position: relative;
    border-bottom: 3px solid var(--color-primary);
    width: 70px;
    height: 4px;
}

.title-align-center:after,
.title-align-center:before {
    display: none;
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item .echo-dropdown-main-element {
    font-family: var(--heading-font) !important;
    padding: 0 14px !important;
}

.swiper-button-category-location-slider {
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    margin-top: 40px;
}

.swiper-button-category-location-slider .swiper-button-prev {
    left: 0;
    right: unset;
    background: linear-gradient(126deg, #1877f2 14.85%, #d9a250 86.39%);
    color: #FFFFFF;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.swiper-button-category-location-slider .swiper-button-prev:after {
    display: none;
}

.swiper-button-category-location-slider .swiper-button-next {
    right: 0;
    background: linear-gradient(126deg, #1877f2 14.85%, #d9a250 86.39%);
    color: #FFFFFF;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.swiper-button-category-location-slider .swiper-button-next:after {
    display: none;
}

.slider-location .img-transition-scale a img {
    border-radius: 10px;

}

.slider-location .img-transition-scale a {
    border-radius: 10px;

}


.img-container {
    position: relative;
    overflow: hidden;
}

.img-container img {
    width: 100%;
    height: auto;
    display: block;
}

/* Lớp phủ */
.hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 255, 0, 0.2);
    /* xanh lá nhạt */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* Tiêu đề nằm trên hình */
.title-hover-location {
    position: absolute;
    bottom: 0px;
    left: 15px;
    z-index: 2;

}

.title-hover-location h3 {
    color: #fff;
    padding: 0px 0px;
    font-size: 16px;
    margin-bottom: 0px;
}

/* Hover vào toàn bộ vùng chứa ảnh */
.img-container:hover .hover-overlay {
    opacity: 1;
}

h2.title-location {
    font-size: 29px;
}

.echo-business-area {
    padding: 40px 0px 30px 0px;
}

.echo-site-logo img {
    object-fit: contain;
}

@media (max-width:767px) {
    .echo-site-logo img {
        max-width: 250px;
    }
}

.mobile-menu nav ul li a {
    font-family: var(--heading-font);
    color: #000;
}

/* post sidebar */
.echo-feature-area .echo-feature-area-right-site-full-content {
    margin-top: 0px;

}

.sidebar-gird-card {
    padding: 0px;
}

.sidebar-gird-card.echo-feature-area .echo-feature-area-right-site-full-content {
    background-color: transparent;
    margin-top: 0px;
    padding: 10px;

}

.sidebar-gird-card .widget-blog-post-category .echo-feature-area-right-site-audio-title p.h5 {
    position: relative;
    font-family: var(--heading-font) !important;
}

.sidebar-gird-card .widget-blog-post-category .echo-feature-area-right-site-audio-title {
    display: flex;
    justify-content: space-between;
}

.sidebar-gird-card .widget-blog-post-category .echo-feature-area-right-site-audio-title p.h5::after {
    content: "";
    position: absolute;
    width: 160%;
    background: #5E5E5E;
    height: 1px;
    left: 110%;
    top: 17px;
    opacity: 0.5;
}

.sidebar-gird-card .echo-audio-news-home-1-flexing .img-transition-scale a img.img-first-2-post {
    height: 130px;
    object-fit: cover;
}

.sidebar-gird-card .echo-audio-news-home-1-flexing .img-transition-scale a img.img-sidebar-col-4 {
    height: 130px;
    object-fit: cover;
}

.sidebar-gird-card .echo-sidebar-gird-content a.title-hover {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 0px;
}

.sidebar-gird-card .echo-sidebar-gird-content .hm-5-meta-btn a.title-location {
    font-size: 13px;
    color: #f1af15;
    font-weight: 600;
}

.sidebar-gird-card .echo-sidebar-gird-content .hm-5-meta-box.display-col-3 .hm-5-meta-btn a.title-location {
    font-size: 12px;
    color: #f1af15;
    font-weight: 600;
}

.sidebar-gird-card .echo-sidebar-gird-content .icon-start i {
    font-size: 16px;
}

.sidebar-gird-card .echo-sidebar-gird-content .icon-start.fs-13 i {
    font-size: 13px;
}

.fw-300 {
    font-weight: 300 !important;
}

.sidebar-gird-card .echo-sidebar-gird-content .text-title-second-sidebar {
    line-height: 15px;
}

.sidebar-gird-card .echo-sidebar-gird-content .text-title-second-sidebar a.title-hover {
    font-size: 12px;
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form label {
    font-size: 15px;
    font-weight: 700;
    /* color: black; */
    font-family: var(--heading-font);
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form .form-control,
.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form input.contact-form-input {
    height: 40px !important;
    padding: 0 15px !important;
    border-radius: 4px !important;
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form textarea {
    padding: 15px !important;
    border-radius: 4px !important;
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form .contact-form-group .contact-button {
    border-radius: 4px !important;
    font-weight: 700;
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture a img {
    height: 70px;
    width: 100%;
    object-fit: cover;
}

.menu-item .echo-dropdown-main-element .icon {
    height: 18px;
    margin-right: 0px !important;
}

.side-bar {
    background-color: white !important;
}

/* menu cấp 3 */
.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu {
    padding: 10px 0px 10px 0px;
}

.echo-home-1-menu ul.echo-desktop-menu li.menu-item.echo-has-dropdown ul.echo-submenu .echo-has-dropdown .echo-submenu {
    width: 250px;
    margin-left: 210px;
    margin-top: -30px;
}

.echo-home-1-menu ul.echo-desktop-menu li.menu-item.echo-has-dropdown ul.echo-submenu .echo-has-dropdown .echo-submenu {
    display: none;
}

.echo-home-1-menu ul.echo-desktop-menu li.menu-item.echo-has-dropdown ul.echo-submenu .echo-has-dropdown:hover .echo-submenu {
    display: block;
    width: 250px;
    margin-left: 200px;
    margin-top: -60px;
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:before {
    left: 10px;
}

.title-popup-search p {
    font-size: 28px;
    color: black;
    font-weight: 500;
    margin-bottom: 40px;
}

.search-input-area {
    padding: 90px 0px 40px 0px;
}

.echo-author-area .author-avatar {
    border-radius: 50%;
}

.echo-breadcrumb-area .breadcrumb-inner .meta .next {
    text-transform: none;
}

.echo-breadcrumb-area {
    padding: 15px 0;
}

.echo-hero-area-like-read-comment-share {
    background: #ededed;
    padding: 0px 8px 0px 3px;
    border-radius: 6px;
}

.h-500px {
    height: 500px;
    object-fit: cover;
}

.border-radius-8px {
    border-radius: 8px;
}

.slider-image-post .carousel-control-next-icon {
    background-color: #050505;
    padding: 17px;
    border-radius: 50%;
}

.slider-image-post .carousel-control-prev-icon {
    background-color: #050505;
    padding: 17px;
    border-radius: 50%;
}

.post-item-grid .echo-created {
    display: none;
}

.echo-created-none .echo-created {
    display: none;
}

.icon-start {
    display: none;
}

.post-meta a,
.post-meta span {
    font-size: 13px !important;
}

.title-button-1-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0px;
}

.fob-comment-form input[type=email],
.fob-comment-form input[type=text],
.fob-comment-form textarea {
    border-radius: 8px;
    height: 45px;
}

.row-container img {
    margin-bottom: 10px;
}

.row-container p {
    margin-bottom: 10px;
}


.fob-comment-form button {
    border-radius: 8px;
    height: 50px;
    width: 155px;
}

body .echo-hero-section.inner-post .echo-more-news-area {
    border-radius: 8px;
}

body .echo-hero-section.inner-post .echo-author-area {
    border-radius: 8px;
}

.form-search-header i {
    color: #020202;
}

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

.box-shadow-01 {
    box-shadow: 10px 10px 40px rgb(121 116 116 / 27%);
}

.text-shadow {
    text-shadow: #000000 1px 0px 10px;
}

.echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture a img {
    height: 90px;
    object-fit: cover;
}

.echo-author-area {
    display: none !important;
}

.detail-post-content img {
    border-radius: 4px;
}

/* Dark Light */
html[data-theme=dark] .echo-hero-area-like-read-comment-share {
    background: #0b235f;
}

html[data-theme=dark] .text-on-image-2-col .echo-story-text {
    background: #151414;
}

html[data-theme=dark] .fob-comment-form input[type=email],
.fob-comment-form input[type=text],
.fob-comment-form textarea {
    border: 1px solid rgb(204 204 204 / 73%);
}

html[data-theme=dark] body .echo-hero-section.inner-post .echo-more-news-area {
    border: 1px solid rgba(204, 204, 204, 0.936);
}

html[data-theme=dark] body .echo-hero-section.inner-post .echo-author-area {
    border: 1px solid rgb(204 204 204 / 73%);
}

html[data-theme=dark] .form-search-header input::placeholder {
    color: #a9a6a6 !important;
}

html[data-theme=dark] .form-search-header i {
    color: #cdcdcd !important;
}

html[data-theme=dark] ul li {
    color: var(--dark-color-body);
}

/* End Dark light */

/* Menu mobile */


/* End menu mobile */
/* responsive */
@media (max-width: 450px) {
    .box_search_home {
        width: 96%;
        top: 40%;
    }

    .search_home {
        border-radius: 20px;
        padding: 25px 30px 0 30px;
    }

    .search_home [class*="col-"] {
        margin-bottom: 20px;
    }

    .search_home .form-control {
        border-bottom: 1px solid #02c9ba;
        width: 100%;
    }

    .btn-search {
        border-radius: 10px;
        padding: 15px 0;
        margin-top: 26px;
        width: 100%;
        max-height: 60px;
        transform: translateY(0);
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .swiper-button-category-location-slider {
        padding-bottom: 50px;
    }

    .section-form-search-location {
        padding: 80px 0;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }

    .section-form-search-location h2 {
        font-size: 32px;
        line-height: 39px;
    }

    .btn-search-header {
        padding: 0px 0px;
        width: 210px;
    }

    .echo-home-1-menu .logo-header-sidebar {
        margin-right: 10px;
    }

    .form-search-header form {
        width: 210px;
    }

    .mobile-menu nav ul li a.main {
        padding: 10px 0;
        color: rgb(34, 33, 33);
        border-bottom: 1px solid hsl(0deg 0% 80.2%);
    }

    .mobile-menu nav ul li.has-droupdown ul li {
        margin: 0px 0 !important;
    }

    .feature-title-location .btn-readmore-01 {
        padding-bottom: 30px;
    }

    .text-on-image-2-col.echo-top-story {
        margin: 15px;
    }

    .text-on-image-2-col.echo-top-story.four-col {
        margin: 0px;
    }

    .text-on-img-style-19 {
        margin: 15px;
    }

    .echo-trending-right-site-post {
        margin-bottom: 25px;
    }

    .sidebar-gird-card .echo-audio-news-home-1-flexing .img-transition-scale a img.img-first-2-post {
        height: auto;
    }

    .echo-sidebar-gird-content {
        margin-bottom: 10px;
        background: white;
        border-radius: 8px;
    }

    .echo-sidebar-gird-content .echo-sidebar-gird-description {
        padding: 2px 10px 10px 10px;
    }

    .sidebar-gird-card.echo-feature-area .echo-feature-area-right-site-full-content {
        padding: 0px;
    }

    .pt-md-20 {
        padding-top: 20px;
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture a img {
        height: 70px;
    }

    .echo-hero-section.inner-post .echo-more-news-area {
        padding: 35px 0px;
    }

    .form-search-header input {
        height: 35px;
    }

    .echo-feature-area .echo-feature-area-right-site-full-content {
        margin-top: 0px;
    }

    .echo-feature-area {
        padding: 15px 0px;
    }

    .label-login {
        display: none;
    }

    .button-search {
        margin-inline-end: 15px;
    }

    .h-md-300px {
        height: 300px;
    }

    .content-area.text-image {
        margin-bottom: 30px;
    }

    .echo-footer-area .echo-footer-copyright-area .copyright-area-inner .select-area {
        width: 100%;
    }

}

@media (max-width: 1200px) {
    .echo-footer-area .echo-row .echo-footer-content-4 {
        flex-basis: 40%;
        margin-bottom: 0px;
    }
}

@media (max-width: 576px) {
    .echo-footer-area .echo-footer-copyright-area .copyright-area-inner .copyright-content {
        margin: 0px;
    }
}

html[data-theme='dark'],
html[data-theme='dark'] body,
html[data-theme='dark'] .echo-header-area,
html[data-theme='dark'] #side-bar,
html[data-theme='dark'] .side-bar {
    background: linear-gradient(145deg, #02307d, #1a386b) !important;
    background-attachment: fixed !important;
}

html[data-theme="dark"] body .echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content,
html[data-theme="dark"] body .echo-latest-news-area,
html[data-theme="dark"] body .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower,
html[data-theme="dark"] body .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content,
html[data-theme="dark"] body .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img,
html[data-theme="dark"] body .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content,
html[data-theme="dark"] body .echo-site-main-logo-menu-social,
html[data-theme="dark"] body .echo-trending-area.home-three,
html[data-theme="dark"] body .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper {
    background: linear-gradient(145deg, #02307d, #1a386b) !important;
}

html[data-theme="dark"] body .echo-breadcrumb-area,
html[data-theme="dark"] body .echo-breadcrumb-area-2,
html[data-theme="dark"] body .echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box {
    background: linear-gradient(145deg, #02307d, #1a386b) !important;
    border-bottom: 1px solid #babcbf;
}

html[data-theme=dark] body .echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info,
html[data-theme=dark] body .echo-feature-area .echo-feature-area-option .echo-feature-area-option-content,
html[data-theme=dark] body .echo-feature-area .echo-feature-area-right-site-follower,
html[data-theme=dark] body .echo-feature-area .echo-feature-area-right-site-full-content,
html[data-theme=dark] body .echo-feature-area .echo-feature-area-right-site-newsletter,
html[data-theme=dark] body .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content .content-inner,
html[data-theme=dark] body .echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-author-area,
html[data-theme=dark] body .echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-author,
html[data-theme=dark] body .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower,
html[data-theme=dark] body .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter,
html[data-theme=dark] body .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story,
html[data-theme=dark] body .echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img,
html[data-theme=dark] body .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 .echo-hero-baner,
html[data-theme=dark] body .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content,
html[data-theme=dark] body .echo-hero-section.inner-post .echo-author-area,
html[data-theme=dark] body .echo-hero-section.inner-post .echo-comment-box,
html[data-theme=dark] body .echo-hero-section.inner-post .echo-financial-area .content .details-tag button,
html[data-theme=dark] body .echo-hero-section.inner-post .echo-more-news-area,
html[data-theme=dark] body .echo-hero-section.inner-post .echo-quote-area,
html[data-theme=dark] body .echo-hero-section.inner-post .echo-reply-area,
html[data-theme=dark] body .echo-popup-model .echo-popup-transition .model-content,
html[data-theme=dark] body .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu,
html[data-theme=dark] body .echo-team-area .echo-team-area-inner .team-wrapper .content-area,
html[data-theme=dark] body .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box,
html[data-theme=dark] body .search-input-area {
    background: linear-gradient(145deg, #02307d, #1a386b) !important;
}

/* Newsletter Widget Inline styles */
.echo-subscribe-box-button form,
.echo-subscribe-box-button form>div,
.echo-subscribe-box-button form .form-body {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    /* gap: 8px !important; */
    width: 100% !important;
    flex-wrap: nowrap !important;
}

.echo-subscribe-box-button form .form-group,
.echo-subscribe-box-button form .mb-3,
.echo-subscribe-box-button form>div>div {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    width: auto !important;
    flex-grow: 0 !important;
}

.echo-subscribe-box-button form .echo-subscribe-input-fill {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    position: relative !important;
    flex-grow: 1 !important;
}

.echo-subscribe-input-fill input {
    width: 100% !important;
    margin-bottom: 0 !important;
    padding-left: 40px !important;
    height: 45px !important;
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill input {
    background-color: #24242e87;
    border: none;
}

.title-head {
    color: #dfaa51 !important;
}

.echo-subscribe-input-fill .newsletter-icon-without-captcha {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: rgba(255, 255, 255, 0.4) !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

.echo-footer-area-subscribe-button-icon {
    width: 45px !important;
    height: 45px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* border-radius: 5px !important; */
    background-color: #232363 !important;
    /* border: 1px solid #dfaa51 !important; */
    color: #ffffff !important;
    font-size: 16px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}

.echo-footer-area-subscribe-button-icon:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #07152c !important;
}