.content_index {
    border-radius: 5px;
    border: 0.5px solid rgba(0, 0, 0, 0.20);
}
.single-timeline-area {
    position: relative;
    z-index: 1;
    padding-right: 50px;
}
.article_inner .article_sub_title {
	margin-top: 0px;
	font-weight: 300;
}
.article_inner ul, .article_inner ol {
    margin-top: 25px;
}
.article_inner ul li, .article_inner ol li {
    font-size: 18px;
    font-weight: 300;
}
.article_inner img {
    border-radius: 10px;
    /* margin-bottom: 3rem; */
}
.article_inner h2:first-of-type {
    margin-top: 0;
}
.single-timeline-area .timeline-date {
    position: absolute;
    width: 180px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 60px;
}
.single-timeline-area .timeline-date::after {
    position: absolute;
    width: 3px;
    height: 100%;
    content: "";
    background-color: #E4E4E4;
    top: 17px;
    right: 30px;
    z-index: 1;
}
.single-timeline-area .timeline-date::before {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #E4E4E4;
    content: "";
    top: 42%;
    right: 26px;
    z-index: 5;
}
.single-timeline-area:last-child .timeline-date::after {
    top: -13px;
}
/* .single-timeline-area-read .timeline-date::after,
.single-timeline-area-read .timeline-date::before {
    background-color: #ADE279;
} */
.single-timeline-area .timeline-date p {
    margin-bottom: 0;
    color: #020710;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}
@media (max-width: 550px) {
    .content_index {
        box-shadow: -27px 25px 10px 0px rgba(139, 139, 139, 0.00), -18px 16px 9px 0px rgba(139, 139, 139, 0.01), -10px 9px 8px 0px rgba(139, 139, 139, 0.03), -4px 4px 6px 0px rgba(139, 139, 139, 0.04), -1px 1px 3px 0px rgba(139, 139, 139, 0.05);
        border: 0.5px solid #E4E4E4;
        padding-bottom: 25px !important;
    }
    #contentBar {
        max-height: 130px;
        overflow: hidden;
        position: relative;
        transition: max-height 0.3s ease-in-out;
    }
    #toggleCheckbox:checked ~ #contentBar {
        max-height: 1000px; /* or use content.scrollHeight */
    }
    #toggleCheckbox + label::before {
        content: "⬇️";
        content: url("/images/arrow_down.svg");
    }
    #toggleCheckbox:checked + label::before {
        content: "⬆️";
        content: url("/images/arrow_up.svg");
    }
    label#open_timeline {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 999;
        height: 59px;
        border-radius: 0px 0px 5px 5px;
        border-right: 0.5px solid #E4E4E4;
        border-bottom: 0.5px solid #E4E4E4;
        border-left: 0.5px solid #E4E4E4;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.80) 100%);
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #toggleCheckbox:checked + label {
        background: transparent;
    }
    .single-timeline-area .timeline-date::after {
        display: none;
    }
    .single-timeline-area .timeline-date::before {
        width: 8px;
        height: 8px;
        top: 45%;
    }
}
.article_author_img img {
    border-radius: 20px;
    border: 0.5px solid rgba(228, 228, 228, 0.80);
    height: 41px;
    width: 41px;
    object-fit: cover;
}
.article_author_img img:last-child {
    margin-right: -11px;
    z-index: 1;
}
.article_form_offer {
    border-radius: 10px;
    background: linear-gradient(180deg, #FFF 0%, #FCFCFC 100%);
    box-shadow: 0px 72px 20px 0px rgba(199, 199, 199, 0.00), 0px 46px 18px 0px rgba(199, 199, 199, 0.01), 0px 26px 15px 0px rgba(199, 199, 199, 0.03), 0px 11px 11px 0px rgba(199, 199, 199, 0.04), 0px 3px 6px 0px rgba(199, 199, 199, 0.05);
}
.accordion_article {
    padding: 25px;
    border-radius: 10px;
}
.article_tip {
    border-radius: 10px;
    border: 0.5px solid #1258D9;
    background: #F4F1FF;
    box-shadow: 0px 0.5px 4.5px 0px rgba(0, 0, 0, 0.25);
    padding: 35px;
}
.table_article {
    overflow: hidden;
    border-radius: 15px;
}
.table_article tbody tr td {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    padding: 10px 0;
}
.table_article tr th {
    background: #DEF1CC;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}
.table_article tr th, .table_article tbody tr td {
    border-left: 1px solid #8B8B8B;
}
.table_article tr th:last-child, .table_article tbody tr td:last-child {
    border-left: 0px solid #8B8B8B;
}
.article_main_img {
    border-radius: 10px;
    border: 0.5px solid rgba(117, 117, 117, 0.50);
    height: 371px;
    object-fit: cover;
    width: 100%;
}
.container-fluid .article_main_img {
    border-radius: 0px;
    border: 0;
}
.tag_b {
    font-size: 18px;
    border-radius: 5px;
    padding: 5px 10px;
}
.tag_b img {
    height: 17px;
    padding-left: 5px;
}
.close_place_icon {
    height: 21px;
    width: auto;
}
.close_place_top_icon {
    height: 13px;
    width: auto;
}
.close_place_title {
    height: 56px;
}
.close_place_tags {
    height: 25px;
}
@media (max-width: 550px) {
    .article_main_img {
        border-radius: 0;
        height: 235px;
    }
    .article_sub_title {
        font-size: 22px;
        font-weight: 300;
    }
    .article_author {
        color: rgba(0, 0, 0, 0.60);
        text-align: right;
        font-size: 16px;
        font-weight: 300;
        line-height: 120%;
    }
    .article_form_offer {
        padding: 10px !important;
    }
    .article_tip_icon {
        display: flex;
        align-items: flex-start !important;
    }
    .article_tip_icon img {
        width: 25px;
        padding-top: 10px;
    }
    .article_tip h3 {
        font-size: 22px !important;
    }
    .accordion_article h3 {
        font-size: 30px !important;
    }
}
.breadcrumb-item::after {
    content: ">";
    /* float: left; */
    padding-left: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: ">";
    padding-right: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item::before {
    content: "" !important;
    padding: 0 !important;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.breadcrumb-item.active {
    font-weight: 400;
    color: #000;
}
.breadcrumb-item {
    font-weight: 300;
    font-size: 16px;
    color: #000;
}
.breadcrumb-item:last-child::after {
    display: none;
}
.sidebar_box_row {
    max-width: 367px;
}
.sidebar_box {
    border-radius: 10px;
    border: 0.5px solid rgba(0, 0, 0, 0.20);
}
.single-timeline-area {
    position: relative;
    z-index: 1;
    padding-right: 50px;
}
.single-timeline-area .timeline-date {
    position: absolute;
    width: 180px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 60px;
}
.single-timeline-area .timeline-date::after {
    position: absolute;
    width: 3px;
    height: 100%;
    content: "";
    background-color: #E4E4E4;
    top: 17px;
    right: 30px;
    z-index: 1;
}
.single-timeline-area .timeline-date::before {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #E4E4E4;
    content: "";
    top: 50%;
    right: 26px;
    z-index: 5;
    margin-top: -5.5px;
}
.single-timeline-area-read .timeline-date::after,
.single-timeline-area-read .timeline-date::before {
    background-color: #ADE279;
}
.single-timeline-area .timeline-date p {
    margin-bottom: 0;
    color: #020710;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}
.section_article_page {
    margin-top: 70px;
}
.article_navigation_back_icon {
    display: flex;
    background: #FAFAFA;
    border-radius: 0 10px 10px 0;
    box-shadow: -42px 47px 18px 0px rgba(139, 139, 139, 0.00), -27px 30px 16px 0px rgba(139, 139, 139, 0.01), -15px 17px 14px 0px rgba(139, 139, 139, 0.03), -7px 7px 10px 0px rgba(139, 139, 139, 0.04), -2px 2px 6px 0px rgba(139, 139, 139, 0.05);
    width: 46px;
}
.article_navigation_next_icon {
    border-radius: 10px 0 0 10px;
}
.article_navigation_box {
    width: 100%;
    border-top: 0.5px solid rgba(139, 139, 139, 0.50);
    border-bottom: 0.5px solid rgba(139, 139, 139, 0.50);
    box-shadow: -42px 47px 18px 0px rgba(139, 139, 139, 0.00), -27px 30px 16px 0px rgba(139, 139, 139, 0.01), -15px 17px 14px 0px rgba(139, 139, 139, 0.03), -7px 7px 10px 0px rgba(139, 139, 139, 0.04), -2px 2px 6px 0px rgba(139, 139, 139, 0.05);
}
.article_navigation_box_inner {
    border-left: 0.5px solid #cdc6c6;
}
.article_navigation_back_img img {
    border-radius: 10px 0px 0px 10px;
    height: 117px;
    width: 188px;
    object-fit: cover;
}
.article_navigation_next_img img {
    border-radius: 0px 10px 10px 0px;
    height: 117px;
    width: 188px;
    object-fit: cover;
}
.sticky_btn_line {
    bottom: 0; width: 100%; left: 0; right: 0; text-align: center; background: #fff; padding: 10px; border-top: 0.5px solid rgba(0, 0, 0, 0.20); z-index: 999;
}
@media (max-width: 550px) {
    .article_navigation_back {
        display: flex;
        flex-direction: column;
        border-left: 1px solid #bfbfbf;
        padding: 8px;
    }
    .article_navigation_next {
        display: flex;
        flex-direction: column-reverse;
        border-left: 0;
    }
    .article_navigation_box {
        border: 0;
        box-shadow: none;
    }
    .article_navigation_text {
        font-size: 20px;
        height: 78px;
        overflow: hidden;
    }
    .article_navigation_btn {
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        color: #000;
    }
    .article_navigation_back_icon.article_navigation_next_icon {
        display: none;
    }
    .article_navigation_back_icon {
        display: none;
    }
    .article_navigation_back_img img, .article_navigation_next_img img {
        max-width: 100%;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .article_navigation_back_img {
        /* padding: 5px; */
    }
    .article_navigation_box_inner {
        border: 0;
    }
}

.category_menu_box1 .category_menu_item.active {
    border-radius: 10px;
    border: 0.5px solid rgba(0, 0, 0, 0.80);
}
.category_menu_box1 .category_menu_item img {
    width: 30px;
    height: 30px;
}
.category_menu_box1 .category_menu_item {
    padding: 10px;
    margin-left: 35px;
}
.category_menu_box1 .category_menu_item span {
    font-size: 16px;
    font-weight: 300;
}
.category_menu_box2 .category_menu_item {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.category_menu_box2 .category_menu_item > a {
    display: flex;
    margin: 0 20px;
    flex-direction: column;
    text-align: center;
}
.category_menu_box2 img {
    width: 68px;
    height: 68px;
    margin: 0 auto;
    background: rgba(228, 228, 228, 0.30);
    border-radius: 50%;
    padding: 1px;
}
.category_menu_box2 .category_menu_item.active img {
    border: 1px solid #80C63B;
}
.category_menu_box2 span {
    font-size: 16px;
    font-weight: 300;
    margin-top: 9px;
}
.category_menu_box2.category_menu_box_images img {
    padding: 2px;
}
.category_menu_box2 .text_bold img {
    border: 2px solid #80C63B;
}
.category_menu_box1 .category_menu_item.text_bold {
    border: 1px solid #000;
    border-radius: 15px;
}


/* .section_category_header {
    background:  rgba(239, 249, 230, 0.60);
} */
.article_author_img img {
    border-radius: 20px;
    border: 0.5px solid rgba(228, 228, 228, 0.80);
    height: 41px;
    width: 41px;
    object-fit: cover;
    margin-bottom: 0;
}
.article_author_img img:last-child {
    margin-right: -11px;
    z-index: 1;
}
.category_header_image {
    width: 100%;
    max-width: 600px;
    text-align: center;
    position: relative;
}
.category_header_color {
    background: #ADE279;
    width: 100%;
    height: 50%;
    position: absolute;
    z-index: -9;
}
.category_header_image img {
    width: 100%;
    margin: 30px;
    z-index: 99;
    border-radius: 10px;
}
.section_article {
    background: #fff;
    border: 0.5px solid #E4E4E4;
    border-radius: 15px;
    box-shadow: -101px 91px 38px 0px rgba(139, 139, 139, 0.00), -64px 58px 35px 0px rgba(139, 139, 139, 0.01), -36px 33px 29px 0px rgba(139, 139, 139, 0.03), -16px 14px 22px 0px rgba(139, 139, 139, 0.04), -4px 4px 12px 0px rgba(139, 139, 139, 0.05);
}
.section_article > img {
    border-radius: 15px 15px 0 0;
}
.section_articles_read_more {
    width: 30px;
}
.category_box {
    border-radius: 10px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    border: 0.5px solid #E4E4E4;
    background: #FFF;
    margin-bottom: 25px;
    box-shadow: 1px 424px 119px 0px rgba(139, 139, 139, 0.00), 0px 271px 108px 0px rgba(139, 139, 139, 0.01), 0px 153px 92px 0px rgba(139, 139, 139, 0.03), 0px 68px 68px 0px rgba(139, 139, 139, 0.04), 0px 17px 37px 0px rgba(139, 139, 139, 0.05);
}
.category_box_tabs {
    max-width: 1130px;
    margin: 0 auto;
}
.category_box img {
    height: 70px;
    padding-bottom: 15px;
}
.categories_tabs {
    box-shadow: 0px 0.5px 3px rgba(139, 139, 139, 0.25);
    background: #FFF;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
}
.categories_tabs .nav-link.active {
    font-weight: 400;
    border-bottom: 3px solid #80C63B;
}
.categories_tabs .nav-link {
    padding: 5px 0;
}
.categories_tabs .nav-link:hover {
    color: #000000;
    font-weight: 400;
}


button.accordion-button.collapsed {
    padding: 20px;
    border-radius: 15px;
}
.accordion-button::after {
    margin-right: auto;
    margin-left: 0;
}
.accordion-item {
    margin-bottom: 15px;
    border-radius: 10px;
    border: 0.5px solid #E4E4E4;
    box-shadow: 0px 37px 10px 0px rgba(139, 139, 139, 0.00), 0px 24px 10px 0px rgba(139, 139, 139, 0.01), 0px 13px 8px 0px rgba(139, 139, 139, 0.03), 0px 6px 6px 0px rgba(139, 139, 139, 0.04), 0px 1px 3px 0px rgba(139, 139, 139, 0.05);
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}
.accordion-item:first-of-type {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.accordion-item:last-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}
.accordion-item:last-of-type {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
.accordion-button:not(.collapsed) {
    background: #fff;
    color: #000;
}
.banner_btn .btn_main {
    text-align: center;
    width: 326px !important;
}
.banner_btn .btn_main:nth-child(2) {
    width: 242px !important;
}
.banner_btn:has(.btn_main:nth-child(2)) .btn_main {
    width: 242px !important;
}
@media (max-width: 550px) {
    .accordion-button {
        font-size: 18px;
        padding: 10px !important;
    }
    .accordion-item {
        border-radius: 5px !important;
    }
    .accordion-item:first-of-type>.accordion-header .accordion-button {
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
    }
    .accordion-item:first-of-type {
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
    }

    .accordion-item:last-of-type>.accordion-header .accordion-button {
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
    }
    .accordion-item:last-of-type {
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }
    .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }
    .category_header_image img {
        margin: 0 0 0px;
    }
    .category_header {
        padding: 0 5px 25px !important;
    }
    .author_details {
        margin: 0 5px;
    }
    .banner_btn .btn_main {
        width: 326px !important;
    }
    .banner_btn .btn_main:nth-child(2) {
        width: 165px !important;
    }
    .banner_btn:has(.btn_main:nth-child(2)) .btn_main {
        width: 165px !important;
    }
    .category_header_image {
        width: 100%;
        max-width: 600px;
        text-align: center;
        position: relative;
        padding: 25px 0px 0;
    }
    .category_header_color {
        background: #ADE279;
        width: 100%;
        height: 50%;
        position: absolute;
        z-index: revert-layer;
    }
}
.accordion-header {
    margin: 0 !important;
}



@media (max-width: 768px) {
  .content_index_bar {
    max-height: 150px; /* enough space for ~3 items */
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease-in-out;
  }

  /* Shadow fade bottom */
  .content_index_bar::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
  }

  /* Expanded state */
  .content_index_bar.expanded {
    max-height: 9999px;
	padding-bottom: 49px;
  }
  .content_index_bar.expanded::after {
    opacity: 0;
  }

  /* Toggle button */
  .toggle-btn {
		display: flex;
        justify-content: center;
       align-items: center;
        cursor: pointer;
        padding: 60px 10px 26px;
        font-size: 32px;
        color: #847c7c;
        font-weight: bold;
        margin-top: 0px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 0 0 10px 10px;
        z-index: 999999;
        background: linear-gradient(to bottom, #f0f0f01f, #ffffff);
  }
	.toggle-btn.d-md-none.active {
		padding: 10px !important;
	}
  .toggle-btn svg {
    margin-left: 5px;
    transition: transform 0.3s;
	    width: 40px;
        height: 40px;
  }
  .toggle-btn.active svg {
    transform: rotate(180deg);
  }
}