section[data-cattype="84024"] {
    width: 100%;
    overflow: hidden;
}

[data-cattype="84024"].wrapper_middle.news {
    padding: 45px 0 60px;
    background-color: #ffffff;
}

[data-cattype="84024"] .news-update-container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}


/* =========================================================
   SECTION HEADING
========================================================= */

[data-cattype="84024"] .news-update-heading {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

[data-cattype="84024"] .news-update-heading h2 {
    margin: 0;
    color: #4f4f4f;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}

[data-cattype="84024"] .news-update-heading-line {
    display: block;
    width: 50px;
    height: 1px;
    margin: 8px auto 0;
    background-color: #54ae44;
}


/* =========================================================
   CATEGORY NAVIGATION
========================================================= */

[data-cattype="84024"] .news-update-category {
    width: 100%;
    margin-bottom: 35px;
display: none;
}

[data-cattype="84024"] .news-update-category-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}

[data-cattype="84024"] .news-update-category-list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-cattype="84024"] .news-update-category-list li a {
    display: block;
    padding: 8px 18px;
    border: 1px solid #dddddd;
    color: #555555;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease;
}

[data-cattype="84024"] .news-update-category-list li:hover a,
[data-cattype="84024"] .news-update-category-list li.active a {
    color: #ffffff;
    background-color: #007cc3;
    border-color: #007cc3;
}


/* =========================================================
   GENERAL CONTENT
========================================================= */

[data-cattype="84024"] .news-update-content,
[data-cattype="84024"] .news-listing-wrapper,
[data-cattype="84024"] .news-detail-wrapper {
    width: 100%;
}

[data-cattype="84024"] ul {
    padding-left: 0;
}

[data-cattype="84024"] li {
    list-style-type: none;
}

[data-cattype="84024"] .inner-content {
    text-align: left;
}


/* =========================================================
   NEWS LISTING
========================================================= */

[data-cattype="84024"] .news-block-four {
    width: 100%;
    margin-bottom: 50px;
}

[data-cattype="84024"] .news-block-four:last-child {
    margin-bottom: 0;
}

[data-cattype="84024"] .news-block-four .inner-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    background-color: transparent;
}

[data-cattype="84024"] .news-block-four .inner-box .image,
[data-cattype="84024"] .news-block-four .inner-box .image-box,
[data-cattype="84024"] .news-block-four .inner-box .upper-box {
    flex: 0 0 258px;
    width: 258px;
    max-width: 258px;
    margin: 0;
}

[data-cattype="84024"] .news-block-four .inner-box .image img,
[data-cattype="84024"] .news-block-four .inner-box .image-box img,
[data-cattype="84024"] .news-block-four .inner-box .upper-box img {
    display: block;
    width: 100%;
    height: 174px;
    object-fit: cover;
}

[data-cattype="84024"] .news-img {
    width: 258px;
    height: 174px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

[data-cattype="84024"] .news-block-four .inner-box .lower-content {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 5px 0 0 30px;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

[data-cattype="84024"] .news-block-four .inner-box .lower-content .inner-content {
    width: 100%;
}

[data-cattype="84024"] .news-block-four .inner-box .lower-content h3 {
    margin: 0 0 4px;
    padding: 0;
    color: #4f4f4f;
    font-size: 29px;
    font-weight: 400;
    line-height: 1.25;
}

[data-cattype="84024"] .news-block-four .inner-box .lower-content h3 a {
    color: #4f4f4f;
    text-decoration: none;
    transition: color 0.3s ease;
}

[data-cattype="84024"] .news-block-four .inner-box .lower-content h3 a:hover {
    color: #007cc3;
}


/* =========================================================
   DATE AND POST META
========================================================= */

[data-cattype="84024"] .news-block-four .inner-box .lower-content .post-date {
    position: static;
    width: auto;
    margin: 0 0 8px;
    padding: 0;
    color: #111111;
    background-color: transparent;
    font-size: 12px;
    font-style: italic;
    text-align: left;
}

[data-cattype="84024"] ul.post-meta {
    margin: 0 0 8px;
    padding: 0;
}

[data-cattype="84024"] ul.post-meta li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #111111;
    font-size: 12px;
    font-style: italic;
    text-align: left;
}

[data-cattype="84024"] ul.post-meta li a {
    color: #111111;
    text-decoration: none;
}

[data-cattype="84024"] ul.post-meta li a:hover {
    color: #007cc3;
}

[data-cattype="84024"] .news-block-four .inner-box .lower-content .post-meta {
    margin: 0 0 8px;
    padding: 0;
}

[data-cattype="84024"] .news-block-four .inner-box .lower-content .post-meta::before {
    display: none;
}

[data-cattype="84024"] .post-meta a::after {
    display: none;
}


/* =========================================================
   DESCRIPTION
========================================================= */

[data-cattype="84024"] .news-block-four .inner-box .lower-content .text,
[data-cattype="84024"] .news-block-four .inner-box .lower-content p {
    margin: 0 0 12px;
    color: #111111;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

[data-cattype="84024"] .text {
    margin-bottom: 15px;
}

[data-cattype="84024"] .text ul {
    margin: 0 0 15px;
    padding-left: 20px;
}

[data-cattype="84024"] .text ul li {
    margin-bottom: 5px;
    list-style: disc;
}


/* =========================================================
   READ MORE BUTTON
========================================================= */

[data-cattype="84024"] .news-block-four .inner-box .lower-content .read-more {
    position: relative;
    display: inline-block;
    margin-top: 0;
    padding: 7px 12px;
    color: #ffffff;
    background-color: #153d00;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    transition:
        color 0.3s ease,
        background-color 0.3s ease;
}

[data-cattype="84024"] .news-block-four .inner-box .lower-content .read-more:hover {
    color: #ffffff;
    background-color: #007cc3;
}

[data-cattype="84024"] .news-block-four .inner-box .lower-content .read-more::after {
    display: none;
}


/* =========================================================
   PAGINATION
========================================================= */

[data-cattype="84024"] ul.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    width: 100%;
    margin: 40px 0 0;
    padding: 0;
    text-align: center;
}

[data-cattype="84024"] ul.pagination li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

[data-cattype="84024"] ul.pagination li a,
[data-cattype="84024"] ul.pagination li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 5px 10px;
    border: 1px solid #dddddd;
    color: #666666;
    background-color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease;
}

[data-cattype="84024"] ul.pagination li a:hover {
    color: #ffffff;
    background-color: #007cc3;
    border-color: #007cc3;
}

[data-cattype="84024"] ul.pagination li.active a,
[data-cattype="84024"] ul.pagination li.active span {
    color: #ffffff;
    background-color: #007cc3;
    border-color: #007cc3;
}


/* =========================================================
   NEWS DETAIL
========================================================= */

[data-cattype="84024"] .event-detail-img {
    width: 100%;
    height: 450px;
    margin-bottom: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

[data-cattype="84024"] .event-detail h3 {
    margin-bottom: 15px;
    color: #222222;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.25;
}

[data-cattype="84024"] .date-time {
    margin-bottom: 15px;
}

[data-cattype="84024"] .date-time p {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    color: #0147b2;
}

[data-cattype="84024"] .date-time p:first-child {
    padding-left: 0;
}

[data-cattype="84024"] .date-time p::after {
    position: absolute;
    top: 0;
    right: -3px;
    content: "/";
    color: #bbbbbb;
}

[data-cattype="84024"] .date-time p:last-child::after {
    display: none;
}


/* =========================================================
   GALLERY
========================================================= */

[data-cattype="84024"] .images-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    margin: 20px -10px 0;
    padding: 0;
}

[data-cattype="84024"] .images-list li {
    width: calc(25% - 20px);
    margin: 10px;
    border: 1px solid #cccccc;
}

[data-cattype="84024"] .images-list li .gallery-img {
    width: 100%;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* =========================================================
   SOCIAL SHARE
========================================================= */

[data-cattype="84024"] .btn-socialshare {
    padding: 3px;
}


/* =========================================================
   UNUSED SIDEBAR SAFETY
========================================================= */

[data-cattype="84024"] .sidebar-side,
[data-cattype="84024"] .sidebar-widget.categories,
[data-cattype="84024"] .adv-widget {
    display: none;
}

[data-cattype="84024"] .content-side {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1400px) {
    [data-cattype="84024"] .news-update-container {
        max-width: 1100px;
    }

    [data-cattype="84024"] .news-block-four .inner-box .lower-content h3 {
        font-size: 27px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 980px) {
    [data-cattype="84024"].wrapper_middle.news {
        padding: 40px 0 50px;
    }

    [data-cattype="84024"] .news-block-four .inner-box .image,
    [data-cattype="84024"] .news-block-four .inner-box .image-box,
    [data-cattype="84024"] .news-block-four .inner-box .upper-box {
        flex-basis: 230px;
        width: 230px;
        max-width: 230px;
    }

    [data-cattype="84024"] .news-img,
    [data-cattype="84024"] .news-block-four .inner-box .image img,
    [data-cattype="84024"] .news-block-four .inner-box .image-box img,
    [data-cattype="84024"] .news-block-four .inner-box .upper-box img {
        width: 230px;
        height: 165px;
    }

    [data-cattype="84024"] .news-block-four .inner-box .lower-content {
        padding-left: 25px;
    }

    [data-cattype="84024"] .news-block-four .inner-box .lower-content h3 {
        font-size: 24px;
    }

    [data-cattype="84024"] .images-list li {
        width: calc(33.333% - 20px);
    }

    [data-cattype="84024"] .images-list li .gallery-img {
        height: 170px;
    }
}


/* =========================================================
   MOBILE LANDSCAPE
========================================================= */

@media (max-width: 767px) {
    [data-cattype="84024"].wrapper_middle.news {
        padding: 35px 0 45px;
    }

    [data-cattype="84024"] .news-update-heading {
        margin-bottom: 25px;
    }

    [data-cattype="84024"] .news-update-heading h2 {
        font-size: 25px;
    }

    [data-cattype="84024"] .news-block-four {
        margin-bottom: 35px;
    }

    [data-cattype="84024"] .news-block-four .inner-box {
        display: block;
    }

    [data-cattype="84024"] .news-block-four .inner-box .image,
    [data-cattype="84024"] .news-block-four .inner-box .image-box,
    [data-cattype="84024"] .news-block-four .inner-box .upper-box {
        width: 100%;
        max-width: 100%;
    }

    [data-cattype="84024"] .news-img,
    [data-cattype="84024"] .news-block-four .inner-box .image img,
    [data-cattype="84024"] .news-block-four .inner-box .image-box img,
    [data-cattype="84024"] .news-block-four .inner-box .upper-box img {
        width: 100%;
        height: 300px;
    }

    [data-cattype="84024"] .news-block-four .inner-box .lower-content {
        width: 100%;
        margin: 0;
        padding: 20px 0 0;
    }

    [data-cattype="84024"] .news-block-four .inner-box .lower-content h3 {
        font-size: 24px;
    }

    [data-cattype="84024"] .images-list li {
        width: calc(50% - 20px);
    }

    [data-cattype="84024"] .images-list li .gallery-img {
        height: 160px;
    }

    [data-cattype="84024"] .event-detail-img {
        height: 330px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 480px) {
    [data-cattype="84024"].wrapper_middle.news {
        padding: 30px 0 40px;
    }

    [data-cattype="84024"] .news-update-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    [data-cattype="84024"] .news-update-heading h2 {
        font-size: 23px;
    }

    [data-cattype="84024"] .news-update-heading-line {
        width: 45px;
    }

    [data-cattype="84024"] .news-update-category-list {
        gap: 8px;
    }

    [data-cattype="84024"] .news-update-category-list li a {
        padding: 7px 13px;
        font-size: 13px;
    }

    [data-cattype="84024"] .news-block-four {
        margin-bottom: 30px;
    }

    [data-cattype="84024"] .news-img,
    [data-cattype="84024"] .news-block-four .inner-box .image img,
    [data-cattype="84024"] .news-block-four .inner-box .image-box img,
    [data-cattype="84024"] .news-block-four .inner-box .upper-box img {
        height: 220px;
    }

    [data-cattype="84024"] .news-block-four .inner-box .lower-content {
        padding-top: 16px;
    }

    [data-cattype="84024"] .news-block-four .inner-box .lower-content h3 {
        margin-bottom: 6px;
        font-size: 21px;
        line-height: 1.3;
    }

    [data-cattype="84024"] .news-block-four .inner-box .lower-content .text,
    [data-cattype="84024"] .news-block-four .inner-box .lower-content p {
        font-size: 14px;
        line-height: 1.6;
    }

    [data-cattype="84024"] .news-block-four .inner-box .lower-content .read-more {
        padding: 8px 13px;
        font-size: 13px;
    }

    [data-cattype="84024"] .images-list {
        margin-left: 0;
        margin-right: 0;
    }

    [data-cattype="84024"] .images-list li {
        width: 100%;
        margin: 0 0 15px;
    }

    [data-cattype="84024"] .images-list li .gallery-img {
        height: 220px;
    }

    [data-cattype="84024"] .event-detail-img {
        height: 240px;
    }

    [data-cattype="84024"] .event-detail h3 {
        font-size: 24px;
    }
}