/*landing page */

.blog-wrapper .blog-features {
    background: #000;
    padding-top: 120px;
    padding-bottom: 80px;
}
@media (max-width: 767px) {
    .blog-wrapper .blog-features {
        padding-top: 180px;
    }
}
.blog-wrapper .blog-features .blog-feature-inner {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-xl, 48px);
}
@media (max-width: 600px) {
    .blog-wrapper .blog-features .blog-feature-inner {
        flex-direction: column;
    }
}
.blog-wrapper .blog-features .blog-feature-inner .latestwrap {
    max-width: 560px;
}

@media (max-width: 850px) {
    .blog-wrapper .blog-features .blog-feature-inner .feature-post {
        max-width: 40%;
    }
}
@media (max-width: 600px) {
    .blog-wrapper .blog-features .blog-feature-inner .feature-post {
        max-width: 100%;
    }
}

.blog-wrapper .blog-features .blog-feature-inner .feature-post .blog-itm {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md, 24px);
    height: 100%;
}
.blog-wrapper .blog-features .blog-feature-inner .feature-post .blog-itm .blog-img {
    width: 100%;
    max-height: 480px;
    border-radius: var(--radius-md, 16px);
    overflow: hidden;
    display: flex;
}
.blog-wrapper .blog-features .blog-feature-inner .feature-post .blog-itm .blog-img a {
    width: 100%;
}
.blog-wrapper .blog-features .blog-feature-inner .feature-post .blog-itm .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-wrapper .blog-features .blog-feature-inner .feature-post .blog-itm .blog-txt {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 32px);
    align-self: stretch;
    background: transparent;
    padding: 0;
}
.blog-wrapper .blog-features .blog-feature-inner .feature-post .blog-itm .blog-txt h4 {
    padding: 0;
    margin: 0;
    color: #DCD9DA;
}

.blog-wrapper .blog-features .blog-feature-inner .feature-post .blog-itm .blog-txt h4 span {
    font-weight: 700;
    color: #FDB940;
}
.blog-wrapper .blog-features .blog-feature-inner .latestwrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.blog-wrapper .blog-features .blog-feature-inner .latestwrap h2 {
    color: var(--Text-009, #FFF);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding: 0;
    margin: 0;
}
.blog-wrapper .blog-features .blog-feature-inner .latestwrap .latest-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.blog-wrapper .blog-features .blog-feature-inner .latestwrap .latest-list .blog-itm {
    gap: var(--spacing-md, 24px);
    flex-direction: row;
}
@media (max-width: 767px) {
    .blog-wrapper .blog-features .blog-feature-inner .latestwrap .latest-list .blog-itm {
        flex-direction: column;
    }
}
.blog-wrapper .blog-features .blog-feature-inner .latestwrap .latest-list .blog-itm .blog-img {
    max-height: 140px;
    max-width: 220px;
    min-height: 10px;
}
@media (max-width: 767px) {
    .blog-wrapper .blog-features .blog-feature-inner .latestwrap .latest-list .blog-itm .blog-img {
        max-width: 100%;
        height: auto;
        max-height: none;
    }
}
.blog-wrapper .blog-features .blog-feature-inner .latestwrap .latest-list .blog-itm .blog-txt {
    background: transparent;
    padding: 8px 0px;
    height: auto;
}
.blog-wrapper .blog-features .blog-feature-inner .latestwrap .latest-list .blog-itm .blog-txt h4 {
    color:   #DCD9DA;
    font-size: 18px;
    line-height: 24px;
}

.blog-wrapper .blog-features .blog-feature-inner .latestwrap .latest-list .blog-itm .blog-txt h4 span{
    font-weight: 700;
    color: #FDB940;
}


.blog-wrapper .blog-features .blog-feature-inner .latestwrap .latest-list .blog-itm .blog-txt .author-info {
    color: var(--Text-005, #BEBBBC);
}


.archive-list {
    padding-top: 50px;
}
.archive-list .blog-itm:hover .blog-img {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(103, 110, 118, 0.08);
}
.archive-list .blog-itm:hover .blog-txt {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(103, 110, 118, 0.08);
}

.blog-post-wrap {
    padding: 64px 0;
}
.blog-post-wrap .blog-post-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}
@media (max-width: 850px) {
    .blog-post-wrap .blog-post-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    .blog-post-wrap .blog-post-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}


.home-blog-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 32px;
}

.blog-itm {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 8px);
}
.blog-itm .blog-img {
    max-height: 300px;
    min-height: 300px;
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-md, 16px);
}
.blog-itm .blog-img a {
    width: 100%;
}
.blog-itm .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-itm .blog-txt {
    border-radius: 16px;
    width: 100%;
    background: var(--Surface-006, rgba(252, 252, 253, 0.7));
    display: flex;
    padding: var(--spacing-lg, 32px);
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    height: 100%;
}
.blog-itm .blog-txt h4 {
    color: var(--Text-002, #000);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding: 0;
    margin: 0;
}
.blog-itm .blog-txt .blog-txt-footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    align-self: stretch;
}
.blog-itm .blog-txt .blog-txt-footer .author-link a {
    opacity: 0;
}
.blog-itm:hover .blog-txt .blog-txt-footer .author-link a {
    opacity: 1;
}

.author-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 8px);
    align-self: stretch;
}
.author-info .post-meta-box {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 16px);
    align-self: stretch;
}
@media (max-width: 850px) {
    .author-info .post-meta-box {
        flex-direction: column;
        align-items: flex-start;
    }
}
.author-info .post-meta-box span {
    color: var(--Text-004, #858284);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    padding-left: 25px;
}
.author-info .post-meta-box span.post-date {
    background: url("../images/blog/icon-date.svg") left center no-repeat;
}
.author-info .post-meta-box span.post-reading-time {
    background: url("../images/blog/icon-time.svg") left center no-repeat;
}
.author-info .author-name h5 {
    color: var(--Text-003, #514F50);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    letter-spacing: -0.08px;
    padding: 0;
    margin: 0;
}

.common-post-list .blog-itm:hover .blog-img {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(103, 110, 118, 0.08);
}
.common-post-list .blog-itm:hover .blog-txt {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(103, 110, 118, 0.08);
}

.button-wrapper {
    padding-top: 48px;
    display: flex;
    justify-content: center;
}
.button-wrapper button {
    border-radius: var(--radius-xl, 32px);
    background: var(--Action-Default-01, #FED52F);
    display: flex;
    padding: 10px var(--spacing-xl, 48px);
    justify-content: center;
    align-items: center;
    gap: 8px;
    max-width: 170px;
    color: var(--Action-Default-03, #000);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: -0.14px;
    border: 0px;
}

.no-more-posts p {
    margin-top: 40px;
    background: #F4F8FB;
    padding: 15px 30px;
    border-radius: 16px;
    color: var(--Text-002, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    width: max-content;
}



.default-page {
    padding-top: 120px;
}
.default-page .content-page {
    padding: 64px 0px;
}
.default-page .content-page a {
    color: #FDB940;
}
.default-page .content-page a.um-link {
    color: #FDB940;
}
.default-page .content-page .um-button {
    order-radius: var(--radius-xl, 32px) !important;
    background: var(--Action-Default-01, #FED52F) !important;
    display: flex;
    padding: 10px var(--spacing-xl, 48px);
    justify-content: center;
    align-items: center;
    gap: 8px;
    max-width: 170px;
    color: var(--Action-Default-03, #000);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: -0.14px;
    border: 0px;
}

.um-account-side li a {
    width: 100%;
}

.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: #FDB940 !important;
}

.news-page .news-list-wrapper {
    padding: 64px 0;
}
.news-page .news-list-wrapper .news-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}
.news-page .news-list-wrapper .news-list .news-itm {
    width: 100%;
}
.news-page .news-list-wrapper .news-list .news-itm a {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 8px;
    flex-direction: column;
    border-radius: 16px;
}
.news-page .news-list-wrapper .news-list .news-itm a .news-img {
    width: 100%;
    height: 300px;
    align-items: center;
    align-self: stretch;
    transition: all 0.3s ease;
    overflow: hidden;
    border-radius: var(--radius-md, 16px);
}
.news-page .news-list-wrapper .news-list .news-itm a .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-md, 16px);
    transition: all 0.3s ease;
}
.news-page .news-list-wrapper .news-list .news-itm a .news-txt {
    border-radius: 16px;
    overflow: hidden;
    background: var(--Surface-006, rgba(252, 252, 253, 0.7));
    display: flex;
    padding: 32px 32px 64px 32px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    transition: all 0.3s ease;
    position: relative;
}
.news-page .news-list-wrapper .news-list .news-itm a .news-txt h3 {
    color: var(--Text-002, #000);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding: 0;
    margin: 0;
}
.news-page .news-list-wrapper .news-list .news-itm a .news-txt span {
    color: var(--Text-004, #858284);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    position: absolute;
    bottom: 32px;
    left: 32px;
}
.news-page .news-list-wrapper .news-list .news-itm a .news-txt .link-arrow {
    position: absolute;
    bottom: 32px;
    right: 22px;
    opacity: 0;
}
.news-page .news-list-wrapper .news-list .news-itm a:hover .news-txt {
    background: var(--Surface-002, #FFF);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(103, 110, 118, 0.08);
}
.news-page .news-list-wrapper .news-list .news-itm a:hover .news-txt .link-arrow {
    opacity: 1;
}
.news-page .news-list-wrapper .news-list .news-itm a:hover .news-img {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(103, 110, 118, 0.08);
}
.news-page .news-list-wrapper .news-list .news-itm a:hover .news-img img {
    transform: scale(1.01, 1.01);
}

.single-info-page {
    padding-top: 100px;
}
@media (max-width: 767px) {
    .single-info-page {
        padding-top: 180px;
    }
}
.single-info-page .news-single-in {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 54px 0;
}
.single-info-page .news-single-in .news-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.single-info-page .news-single-in .news-heading h1 {
    color: var(--Text-002, #000);
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 48px; /* 120% */
    letter-spacing: -0.8px;
    padding: 0;
    margin: 0;
}
@media (max-width: 991px) {
    .single-info-page .news-single-in .news-heading h1 {
        font-size: 35px;
        line-height: 42px; /* 120% */
    }
}
@media (max-width: 767px) {
    .single-info-page .news-single-in .news-heading h1 {
        font-size: 30px;
        line-height: 35px; /* 120% */
    }
}
.single-info-page .news-single-in .news-heading .news-meta-info {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.single-info-page .news-single-in .news-heading .news-meta-info .date {
    color: var(--Text-004, #858284);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 123.077% */
}
.single-info-page .news-single-in .news-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.single-info-page .news-single-in .news-content .news-banner {
    border-radius: var(--radius-md, 16px);
    overflow: hidden;
}


.single-info-page .news-single-in .news-content .news-details figure, .single-info-page .news-single-in .news-content .news-details img {
    padding-left: 0;
    padding-right: 0;
}

ul.share-box {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    gap: 8px;
}
ul.share-box li span {
    padding-right: 8px;
    color: #BEBBBC;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 123.077% */
}
.related-list {
    background: #F4F8FB;
    padding: 64px 0px;
}
.related-list .related-list-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.related-list .related-list-inner .slide-itm {
    padding: 48px 15px;
}
.related-list .related-list-inner .slide-itm .blog-itm:hover .blog-img {
    background: var(--Surface-002, #FFF);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(103, 110, 118, 0.08);
}
.related-list .related-list-inner .slide-itm .blog-itm:hover .blog-txt {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(103, 110, 118, 0.08);
}
.related-list .related-list-inner .slide-itm .blog-itm:hover .blog-txt img {
    transform: scale(1.01, 1.01);
}




.single-info-page .breadcrumb-wrap ul li {
    color: var(--Text-005, #BEBBBC);
}
.single-info-page .breadcrumb-wrap ul li a {
    color: var(--Text-005, #BEBBBC);
}
.single-info-page .breadcrumb-wrap ul li:last-child {
    color: #858284;
}




.related-list .slick-arrow {
    position: absolute;
    bottom: -40px;
    transform: translate(0, -50%);
    z-index: 10;
    -webkit-appearance: none;
}

.related-list .slick-arrow.slick-prev {
    left: calc(50% - 50px);
}
.related-list .slick-arrow.slick-next {
    right: calc(50% - 50px);
}


body.dark-mode .blog-itm .blog-txt {
    background: rgba(252, 252, 253, 0.1);
}
body.dark-mode .blog-itm .blog-txt h4, body.dark-mode .blog-itm .blog-txt .author-info .author-name h5 {
    color: #fff;
}
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5 {
    color: #fff;
}
body.dark-mode .no-more-posts p {
    background: #211F20;
    color: #FDFCFC;
}

body.dark-mode .single-info-page .news-single-in .news-heading h1, body.dark-mode .single-info-page .news-single-in .news-content .news-details p, body.dark-mode .single-info-page .news-single-in .news-content .news-details h1, body.dark-mode .single-info-page .news-single-in .news-content .news-details h2, body.dark-mode .single-info-page .news-single-in .news-content .news-details h3, body.dark-mode .single-info-page .news-single-in .news-content .news-details h4, body.dark-mode .single-info-page .news-single-in .news-content .news-details h5, body.dark-mode .single-info-page .news-single-in .news-content .news-details h6, body.dark-mode .single-info-page .news-single-in .news-content .news-details ul, body.dark-mode .single-info-page .news-single-in .news-content .news-details ol {
    color: #fff;
}
body.dark-mode .related-list {
    background: rgba(252, 252, 253, 0.1);
}