#logo a {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    margin: 11px auto 0;
    background: #fff;
    border-radius: 100px;
    padding-top: 7px;
    transition: transform 1s ease;
}

canvas#canvas {
    position: fixed;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

#logo a:hover {
    transform: rotate(360deg);
}

#logo a img {
    max-height: 80px;
}

ul.header-nav.header-nav-main {
    gap: 76px;
}

ul.header-nav.header-nav-main>li>a {
    padding: 10px 9px;
    font-size: 16px;
    font-weight: 500;
}

.header-nav-main.nav-line-bottom>li>a:before {
    top: 100%;
    height: 2px;
}

ul.header-nav.header-nav-main>li:not(.current_page_item)>a:before {
    width: 0;
}

ul.header-nav.header-nav-main>li:hover>a:before {
    width: 100%;
}

.header-nav-main.nav-line-bottom>li {
    margin: 0;
}

.header-wrapper.stuck #logo a {
    top: 0;
    margin-top: 0;
    width: 100px;
    height: 100px;
}

.header-wrapper.stuck #logo a img {
    max-height: 80px !important;
}

div#menu_bar .menu_mobile>li.current_page_item>a,
div#menu_bar .menu_mobile>li:hover>a {
    background-color: var(--primary-color);
    color: #fff !important;
    padding-left: 10px;
}


/* Home */

.home_title h2 {
    font-family: 'Ameyallinda Signature' !important;
    font-size: 80px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.home_donors .box {
    border-radius: 16px;
    border: 1px solid #7C0CB4;
    padding: 13px 20px;
}

.home_donors {
    gap: 26px;
}

.home_donors .gallery-col.col {
    flex-basis: calc((100% - 26px * 3) /4);
    max-width: calc((100% - 26px * 3) /4);
}

.home_donors .gallery-col.col * {
    height: 100%;
}

.home_blog {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.home_blog.blog_up {
    grid-template-columns: repeat(2, 1fr);
}

.home_blog.blog_down {
    grid-template-columns: repeat(3, 1fr);
}

.col.post-item .box {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    padding: 20px !important;
}

.col.post-item .box-image {
    border-radius: 16px;
}

.col.post-item .box-text h5.post-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
}

h5.post-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col.post-item .post-meta {
    margin: 5px 0 11px;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: var(--primary-color);
}

.box-blog-post .is-divider {
    display: none;
}

p.from_the_blog_excerpt {
    color: #444;
    text-align: justify;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col.post-item .box-text {
    padding-bottom: 0;
}

.home_video {
    column-gap: 24px;
}

.home_video .col.large-8 {
    flex-basis: calc((100% - 24px) / 3 * 2);
    max-width: calc((100% - 24px) / 3 * 2);
}

.home_video .col.large-4 {
    flex-basis: calc((100% - 24px) / 3);
    max-width: calc((100% - 24px) / 3);
}

.col-inner>.img:not(:last-child),
.col>.img:not(:last-child) {
    margin-bottom: 24px;
}

.home_video .img {
    border-radius: 16px;
    overflow: hidden;
}

.home_video .col.large-8 * {
    height: 100%;
}

.home_video .absolute.no-click {
    height: 60px;
    width: 60px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><g opacity="0.8" clip-path="url(%23clip0_23_185)"><path d="M30.1912 7.49609H30.525C33.6075 7.50734 49.2262 7.61984 53.4375 8.75234C54.7106 9.09798 55.8707 9.77168 56.8018 10.7061C57.733 11.6406 58.4026 12.803 58.7437 14.0773C59.1225 15.5023 59.3887 17.3886 59.5687 19.3348L59.6062 19.7248L59.6887 20.6998L59.7187 21.0898C59.9625 24.5173 59.9925 27.7273 59.9962 28.4286V28.7098C59.9925 29.4373 59.9587 32.8648 59.6887 36.4348L59.6587 36.8286L59.625 37.2186C59.4375 39.3636 59.16 41.4936 58.7437 43.0611C58.4036 44.3359 57.7344 45.4989 56.8031 46.4335C55.8718 47.3681 54.7111 48.0415 53.4375 48.3861C49.0875 49.5561 32.5537 49.6386 30.2625 49.6423H29.73C28.5712 49.6423 23.7787 49.6198 18.7537 49.4473L18.1162 49.4248L17.79 49.4098L17.1487 49.3836L16.5075 49.3573C12.345 49.1736 8.38125 48.8773 6.555 48.3823C5.28184 48.0381 4.12149 47.3653 3.19022 46.4314C2.25894 45.4975 1.58943 44.3352 1.24875 43.0611C0.8325 41.4973 0.555 39.3636 0.3675 37.2186L0.3375 36.8248L0.3075 36.4348C0.122428 33.8938 0.0198745 31.3475 0 28.7998L0 28.3386C0.0075 27.5323 0.0375 24.7461 0.24 21.6711L0.26625 21.2848L0.2775 21.0898L0.3075 20.6998L0.39 19.7248L0.4275 19.3348C0.6075 17.3886 0.87375 15.4986 1.2525 14.0773C1.5926 12.8025 2.26186 11.6395 3.19317 10.7049C4.12449 9.7703 5.28514 9.09694 6.55875 8.75234C8.385 8.26484 12.3487 7.96484 16.5112 7.77734L17.1487 7.75109L17.7937 7.72859L18.1162 7.71734L18.7575 7.69109C22.3264 7.57625 25.8968 7.51249 29.4675 7.49984H30.1912V7.49609ZM24 19.5336V37.6011L39.5887 28.5711L24 19.5336Z" fill="white"/></g><defs><clipPath id="clip0_23_185"><rect width="60" height="60" fill="white"/></clipPath></defs></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.home_video .absolute.no-click .overlay-icon {
    display: none;
}

.btn_home {
    border-radius: 50px !important;
    border: 1px solid #FFF !important;
    background-color: #E04AA0 !important;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.50) !important;
    width: 204px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px !important;
}

.btn_home span {
    font-size: 16px;
    font-weight: 500;
}

.btn_home span {
    line-height: 1 !important;
    padding-bottom: 3px;
}

.roof_item a {
    border-radius: 32px;
    background: linear-gradient(180deg, #EC44F3 0%, #7C0CB4 100%);
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.30);
    padding: 36px 47px 42px 47px;
    display: block;
}

.roof_item .img {
    border-radius: 48px;
    border: 3px solid #FFF;
    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    overflow: hidden;
}

.roof_item .content {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
    padding: 15px;
    color: var(--primary-color);
    text-align: center;
}

.roof_item .content h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    font-family: 'Ameyallinda Signature' !important;
    color: #BE003C !important;
}

.roof_item .content p {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase;
    margin: 0;
}

.roof_item a:hover .content {
    background: #E04BA0;
}

.roof_item a:hover .content * {
    color: #fff !important;
}

.border_16 {
    border-radius: 16px;
    overflow: hidden;
}

.row_album .banner .overlay {
    background: linear-gradient(180deg, #7C0CB4 0%, rgba(124, 12, 180, 0.00) 100%);
}

.row_album .banner h4 {
    font-size: 80px;
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Ameyallinda Signature' !important;
    margin: 0 !important;
}

.row_album .banner p {
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
    margin: 5px 0 0;
}

.btn_home:hover {
    background-color: var(--primary-color) !important;
}

.ss_checkin {
    background: linear-gradient(180deg, #DE409F 0%, #FBD5A9 100%);
}

.ss_checkin:after,
.ss_checkin:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background-size: cover;
}

.ss_checkin:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="212" viewBox="0 0 1920 212" fill="none"><path d="M48.4415 47.5353C41.579 49.1353 13.2878 50.8686 0 51.5353V211.535H1920V49.5353C1880.14 50.5353 1846.83 33.0353 1826.14 32.5353C1805.46 32.0353 1770.64 50.0353 1757.52 50.5353C1744.4 51.0353 1732.79 43.5353 1712.61 42.5353C1692.43 41.5353 1663.66 55.0353 1657.61 55.0353C1651.55 55.0353 1645.5 52.0353 1636.92 52.0353C1628.34 52.0353 1610.68 58.5353 1596.55 59.0353C1582.42 59.5353 1536.5 81.5353 1527.42 82.0353C1518.34 82.5353 1512.28 78.0353 1502.19 77.5353C1492.1 77.0353 1475.45 82.5353 1463.84 82.5353C1452.24 82.5353 1419.44 62.5353 1398.75 61.5353C1378.06 60.5353 1341.73 75.0353 1324.57 76.0353C1307.42 77.0353 1275.12 68.0353 1263.52 67.0353C1251.91 66.0353 1243.33 73.0353 1228.19 73.0353C1213.06 73.0353 1182.78 44.0353 1169.66 44.0353C1156.54 44.0353 1153.51 51.5353 1138.88 52.0353C1124.25 52.5353 1067.73 14.0353 1048.56 14.5353C1029.38 15.0353 1017.78 30.0353 999.611 31.5353C981.445 33.0353 926.949 15.5353 918.875 13.0353C910.802 10.5353 901.214 1.03532 887.59 0.035317C873.966 -0.964683 856.809 19.5353 848.231 28.0353C839.653 36.5353 807.359 50.5353 796.258 51.5353C785.156 52.5353 781.624 43.5353 763.963 43.0353C746.302 42.5353 719.558 70.5353 708.457 71.5353C697.356 72.5353 685.75 67.5353 673.64 67.5353C661.53 67.5353 628.226 76.0353 610.565 76.0353C592.904 76.0353 566.665 63.5353 538.912 62.5353C511.159 61.5353 484.92 82.0353 471.296 83.0353C457.671 84.0353 438.497 78.0353 433.451 78.0353C428.405 78.0353 416.294 81.0353 406.707 81.0353C397.12 81.0353 347.164 59.0353 334.549 59.0353C321.934 59.0353 311.338 53.5353 300.237 52.5353C289.135 51.5353 288.631 54.5353 278.539 55.0353C268.447 55.5353 237.162 43.5353 221.519 42.0353C205.876 40.5353 193.262 50.5353 175.601 51.0353C157.94 51.5353 114.039 32.5353 102.434 33.0353C90.8279 33.5353 57.0197 45.5353 48.4415 47.5353Z" fill="white"/></svg>');
    bottom: 0;
    height: 100px;
}

.ss_checkin:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="212" viewBox="0 0 1920 212" fill="none"><path d="M48.4415 164C41.579 162.4 13.2878 160.667 0 160V6.10352e-05H1920V162C1880.14 161 1846.83 178.5 1826.14 179C1805.46 179.5 1770.64 161.5 1757.52 161C1744.4 160.5 1732.79 168 1712.61 169C1692.43 170 1663.66 156.5 1657.61 156.5C1651.55 156.5 1645.5 159.5 1636.92 159.5C1628.34 159.5 1610.68 153 1596.55 152.5C1582.42 152 1536.5 130 1527.42 129.5C1518.34 129 1512.28 133.5 1502.19 134C1492.1 134.5 1475.45 129 1463.84 129C1452.24 129 1419.44 149 1398.75 150C1378.06 151 1341.73 136.5 1324.57 135.5C1307.42 134.5 1275.12 143.5 1263.52 144.5C1251.91 145.5 1243.33 138.5 1228.19 138.5C1213.06 138.5 1182.78 167.5 1169.66 167.5C1156.54 167.5 1153.51 160 1138.88 159.5C1124.25 159 1067.73 197.5 1048.56 197C1029.38 196.5 1017.78 181.5 999.611 180C981.445 178.5 926.949 196 918.875 198.5C910.802 201 901.214 210.5 887.59 211.5C873.966 212.5 856.809 192 848.231 183.5C839.653 175 807.359 161 796.258 160C785.156 159 781.624 168 763.963 168.5C746.302 169 719.558 141 708.457 140C697.356 139 685.75 144 673.64 144C661.53 144 628.226 135.5 610.565 135.5C592.904 135.5 566.665 148 538.912 149C511.159 150 484.92 129.5 471.296 128.5C457.671 127.5 438.497 133.5 433.451 133.5C428.405 133.5 416.294 130.5 406.707 130.5C397.12 130.5 347.164 152.5 334.549 152.5C321.934 152.5 311.338 158 300.237 159C289.135 160 288.631 157 278.539 156.5C268.447 156 237.162 168 221.519 169.5C205.876 171 193.262 161 175.601 160.5C157.94 160 114.039 179 102.434 178.5C90.8279 178 57.0197 166 48.4415 164Z" fill="white"/></svg>');
    top: 0;
    height: 100px;
    background-position: bottom;
}

.tab_checkin ul.nav {
    margin-bottom: 24px;
    gap: 24px;
}

.tab_checkin ul.nav li {
    width: calc((100% - 24px * 3)/4);
    margin: 0;
}

.tab_checkin ul.nav li a {
    width: 100%;
    display: flex;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
    align-items: center;
    padding: 18px 20px;
    gap: 10px;
}

.tab_checkin ul.nav li a span {
    flex: 1;
    text-align: center;
    color: #7E0DB5;
    font-weight: 700;
    font-size: 18px;
}

.tab_checkin ul.nav li.active a,
.tab_checkin ul.nav li:hover a {
    background: #7E0DB5;
}

.tab_checkin ul.nav li.active a *,
.tab_checkin ul.nav li:hover a * {
    color: #fff;
}

.tab_checkin ul.nav li.active a path,
.tab_checkin ul.nav li:hover a path {
    fill: #fff;
}

.home-testimonials-carousel {
    margin-bottom: 44px;
}

.testi-item .img {
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

.home-testimonials-carousel button.flickity-button {
    top: 50% !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) !important;
    left: -74px;
    height: 44px;
    width: 44px;
    background: rgba(255, 255, 255, 0.50);
    border-radius: 5px;
}

.home-testimonials-carousel button.flickity-button.flickity-prev-next-button.next {
    right: -74px !important;
    left: auto;
}

.home-testimonials-carousel button.flickity-button svg {
    width: 80%;
    color: #6A00AE;
}

.slider-show-nav .flickity-prev-next-button,
.slider:hover .flickity-prev-next-button {
    opacity: 1;
    transform: translateY(-50%) !important;
}

.ss_checkin .bg:after,
.ss_checkin .bg::before {
    content: "";
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ss_checkin .bg:after {
    background-image: url(/wp-content/uploads/2023/12/Group-42.png);
    width: 413px;
    height: 460px;
    right: 0;
    bottom: 0;
}

.ss_checkin .bg::before {
    background-image: url(/wp-content/uploads/2023/12/pngegg-4-2.png);
    width: 354px;
    height: inherit;
    left: 0;
    top: 0;
}


/* Bread */

section.ss_bread {
    background-color: var(--primary-color);
    padding: 15px 0;
}

nav.rank-math-breadcrumb p {
    margin: 0;
    color: #fff;
    font-size: 15px;
}

nav.rank-math-breadcrumb p * {
    color: #fff;
}

nav.rank-math-breadcrumb p span.last {
    font-weight: bold;
}


/* Archive */

.news-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.news-head h1.page-title {
    margin-bottom: 0px;
    width: initial;
}

.news-menu #support-menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
}

.news-menu #support-menu li {
    border: none;
}

#support-menu li:not(:last-child) {
    margin-right: 20px;
}

#support-menu a {
    font-weight: bold;
    color: var(--primary-color);
    padding: 10px 35px;
    border-radius: 10px;
    display: inline-block;
}

.news-menu #support-menu li.active a,
.news-menu #support-menu li a:hover {
    box-shadow: 0px 13px 16px rgba(56, 148, 108, 0.12);
}

.ss_archive .home_blog .post-item .box p,
.post_related .post-item .box p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.news-head h1.page-title {
    font-size: 35px;
    color: var(--primary-color);
}


/* Footer */

.pad_none {
    padding-bottom: 0 !important;
}

.absolute-footer {
    padding: 28px 0 !important;
}

.copyright-footer {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

.footer-secondary.pull-right {
    padding: 0;
}

.footer-secondary .social-icons.follow-icons {
    height: 30px;
    display: flex;
    align-items: center;
    gap: 33px;
}


/* Single  */

h1.single_title {
    font-size: 28px;
    margin-bottom: 15px;
    color: var(--primary-color);
    font-weight: 600;
}

.single-post__meta {
    margin-bottom: 30px;
    font-size: 16px;
}

.single-post__meta .date-time {
    margin-right: 30px;
}

.single-post__meta .entry-view span {
    font-weight: bold;
    color: var(--primary-color);
}

.post_sider .widger {
    margin: 0 0 30px 0;
    padding-left: 26px;
    border-left: 1px solid #E2E6EA;
    position: relative;
}

h3.widget-title {
    font-size: 30px;
    margin-bottom: 10px;
    color: var(--primary-color);
    font-weight: normal;
    line-height: 54px;
}

.post_sider .widger:before {
    content: '';
    width: 2px;
    height: 54px;
    background: linear-gradient(#6900ae 0%, #c5014f 100%);
    position: absolute;
    top: 0;
    left: -1.5px;
}

.post_sider .widger .news-menu #support-menu {
    flex-flow: column;
}

.post_sider .widger .news-menu #support-menu li {
    margin: 0 !important;
}

.post_sider .widger .news-menu #support-menu li a {
    font-size: 18px;
    font-weight: 300;
    display: block;
    position: relative;
    padding: 10px 0px;
    color: #000;
}

.post_sider .widger .news-menu #support-menu li a:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
    font-size: 18px;
    color: #000;
}

ul.list-post-item {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.list-post-item li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #E2E6EA;
    width: 100%;
}

ul.list-post-item li {
    display: flex;
    gap: 10px;
}

ul.list-post-item li>a {
    max-width: 100px;
    height: 88px;
    border-radius: 10px;
    overflow: hidden;
}

ul.list-post-item li>a img {
    height: 100%;
    object-fit: cover;
}

ul.list-post-item li h3 {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

ul.list-post-item li span.date-time {
    font-size: 16px;
    font-weight: 300;
}

h3.single_related {
    color: var(--primary-color);
    text-align: center;
    font-size: 35px;
}

.content_icon p {
    text-align: justify;
}

.content_icon p:before {
    content: "✪";
    color: var(--primary-color);
    margin-right: 5px;
}

.content_icon strong {
    color: var(--primary-color);
}

.content_icon li {
    text-align: justify;
    padding-left: 25px;
    list-style: none;
    margin-left: 0;
}

.content_icon li:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="x-diamond" width="35.369" height="35.371" viewBox="0 0 35.369 35.371"><defs><linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%236900ae"/><stop offset="1" stop-color="%2338946c" stop-opacity="0"/></linearGradient></defs><path id="Path_8297" data-name="Path 8297" d="M18.484,2.586a1.127,1.127,0,0,0-1.6,0L10.536,8.941l7.15,7.149,7.15-7.15Zm7.948,7.95-7.15,7.15,7.15,7.15,6.351-6.351a1.126,1.126,0,0,0,0-1.6l-6.351-6.351Zm-1.6,15.9-7.15-7.15-7.15,7.15,6.351,6.351a1.126,1.126,0,0,0,1.6,0l6.351-6.351Zm-15.9-1.6,7.149-7.15-7.149-7.15L2.586,16.889a1.13,1.13,0,0,0,0,1.6L8.94,24.836ZM15.292.994a3.385,3.385,0,0,1,4.788,0l14.3,14.3a3.387,3.387,0,0,1,0,4.788l-14.3,14.3a3.387,3.387,0,0,1-4.786,0L.994,20.078a3.385,3.385,0,0,1,0-4.786Z" transform="translate(-0.003 -0.002)" fill-rule="evenodd" fill="url(%23linear-gradient)"/></svg>');
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 14px;
}

.angry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}

.angry-grid .checkin_item:first-child {
    grid-row: 1/3;
    grid-column: 1/3;
}

.angry-grid .checkin_item .box .box-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    padding: 30% 20px 15px;
    background: linear-gradient(to bottom, rgba(3, 96, 54, 0) 0%, #6900ae 100%);
}

.angry-grid .checkin_item .box {
    border-radius: 10px;
    overflow: hidden;
}

.angry-grid .checkin_item .box .box-text p.title {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.tags_box {
    display: flex;
    flex-wrap: wrap;
}

.tags_box .tags_title {
    max-width: 70px;
    flex-basis: 70px;
}

.tags_box .tags_title h3 {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-bottom: 0;
}

.tags_list a {
    color: var(--primary-color);
    line-height: 28px;
    display: inline-flex;
}

.page-numbers .page-number {
    border-radius: 5px !important;
}


/* Single checkin */

.single_gallery {
    display: flex;
    flex-flow: wrap;
    border-top: 1px solid #ece7e1;
    border-left: 1px solid #ece7e1;
}

.single_gallery .gallery_item {
    width: calc(100% / 3);
    padding: 10px;
    border-bottom: 1px solid #ece7e1;
    border-right: 1px solid #ece7e1;
}

.single_checkin .tags_box {
    margin: 30px 0 !important;
}

.ss_archive h2.text-center {
    margin: 20px 0;
}

.related_chekin {
    margin: 30px 0;
}

.title_single {
    color: var(--primary-color);
    margin-bottom: 30px;
}


/* Menu mb */

html.js.active {
    overflow: hidden;
}

div#menu_bar form .search-field {
    border-radius: 4px;
    border: 1px solid var(--primary-color);
}

div#wrapper.active .header-wrapper.stuck {
    left: 330px;
    transition: .25s;
}

div#wrapper.active .header-wrapper {
    transition: .25s;
}

div#menu_bar form {
    margin-bottom: 15px;
}

div#menu_bar form.searchform button.ux-search-submit {
    width: 20px;
    height: 20px;
    min-height: 20px;
    min-width: 20px;
    font-size: 14px !important;
    padding: 0 !important;
    background: none;
    border: none;
    color: #000;
    line-height: 1;
    top: 0px;
}

div#menu_bar form.searchform .flex-col:last-child {
    width: 20px;
    height: 20px;
    left: auto;
    right: 5px;
    position: absolute;
}

.menu-mobile {
    width: 26px;
    height: 21px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    transition: transform .33s ease-out;
}

.line-top {
    transition: transform .33s cubic-bezier(.54, -.81, .57, .57);
    transform-origin: right;
    background-color: #000;
    border-radius: 1.5px;
    width: 50%;
    height: 3px;
}

.line-center {
    background: linear-gradient(270deg, var(--primary-color) 0, #000 100%);
    ;
    border-radius: 1.5px;
    width: 100%;
    height: 3px;
}

.line-bottom {
    align-self: flex-end;
    transition: transform .33s cubic-bezier(.54, -.81, .57, .57);
    transform-origin: left;
    background-color: var(--primary-color);
    border-radius: 1.5px;
    width: 50%;
    height: 3px;
}

div#menu_bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 100;
    background-color: #fff;
    transform: translateX(-100%);
    transition: .5s;
    padding: 30px 15px;
    overflow-y: auto;
    width: 330px;
    border-right: 2px solid var(--primary-color);
}

div#menu_bar.scroll-menu {
    transform: translateX(0%);
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
}

.body_noscroll {
    height: 100%;
}

.menu_mobile {
    list-style: none;
}

div#menu_bar .menu_mobile>li {
    border: none;
    position: relative;
    margin: 0;
}

div#menu_bar .menu_mobile>li:not(:last-child) {
    border-bottom: 1px solid var(--primary-color);
}

div#menu_bar .menu_mobile>li>a {
    display: block;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0;
}

div#menu_bar .menu_mobile>li button.toggle {
    position: absolute;
    right: 0;
    margin: 0;
    opacity: 1;
    color: #fff;
    top: 3px;
}

div#menu_bar ul.sub-menu {
    border: none;
    padding: 0;
    margin: 0;
}

div#menu_bar ul.sub-menu li a {
    color: var(--primary-color);
    font-size: 14px;
    height: 34px;
    display: flex;
    align-items: center;
    position: relative;
}

div#menu_bar ul.sub-menu li a::before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
    font-size: 14px;
    color: var(--primary-color);
}

div#menu_bar ul.sub-menu li {
    list-style: none;
    margin: 0;
}

div#menu_bar .menu_mobile button.toggle:after {
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
    font-size: 12px;
    color: var(--primary-color);
    top: 50%;
    position: absolute;
    left: 50%;
    margin: 0;
    width: 13px;
    height: 13px;
    transform: translate(-50%, -50%);
}

div#menu_bar i.icon-angle-down {
    display: none;
}

div#menu_bar .menu_mobile button.toggle {
    width: 30px;
    min-height: 30px;
    height: 30px;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    right: 5px;
}

div#menu_bar .menu_mobile .active>.toggle {
    transform: rotate(-180deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

div#menu_bar .menu_mobile ul.sub-menu {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    max-height: 0;
    -webkit-transition: max-height .3s, -webkit-transform .3s;
    transition: max-height .3s, -webkit-transform .3s;
    -o-transition: max-height .3s, transform .3s;
    transition: max-height .3s, transform .3s;
    transition: max-height .3s, transform .3s, -webkit-transform .3s;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    overflow-y: hidden;
    display: block !important;
    padding-left: 15px !important;
}

div#menu_bar .menu_mobile li.active>ul.sub-menu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    max-height: 100vh;
}

.has-dropdown .icon-angle-down {
    font-weight: bold !important;
    opacity: 1;
    top: -2px;
}

.rotate-mb {
    transform: rotate(-45deg);
}

.rotate-mb .line-top {
    transform: rotate(-90deg) translateX(4px);
}

.rotate-mb .line-bottom {
    transform: rotate(-90deg) translateX(-4px);
}

div#wrapper.active {
    transition: all 0.25s ease-out;
    left: 330px;
}

div#wrapper {
    transition: all 0.25s ease-out;
    left: 0;
}

.ss_video:before,
.ss_video:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 212px;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ss_video:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="212" viewBox="0 0 1920 212" fill="none"><path d="M48.4415 47.5353C41.579 49.1353 13.2878 50.8686 0 51.5353V211.535H1920V49.5353C1880.14 50.5353 1846.83 33.0353 1826.14 32.5353C1805.46 32.0353 1770.64 50.0353 1757.52 50.5353C1744.4 51.0353 1732.79 43.5353 1712.61 42.5353C1692.43 41.5353 1663.66 55.0353 1657.61 55.0353C1651.55 55.0353 1645.5 52.0353 1636.92 52.0353C1628.34 52.0353 1610.68 58.5353 1596.55 59.0353C1582.42 59.5353 1536.5 81.5353 1527.42 82.0353C1518.34 82.5353 1512.28 78.0353 1502.19 77.5353C1492.1 77.0353 1475.45 82.5353 1463.84 82.5353C1452.24 82.5353 1419.44 62.5353 1398.75 61.5353C1378.06 60.5353 1341.73 75.0353 1324.57 76.0353C1307.42 77.0353 1275.12 68.0353 1263.52 67.0353C1251.91 66.0353 1243.33 73.0353 1228.19 73.0353C1213.06 73.0353 1182.78 44.0353 1169.66 44.0353C1156.54 44.0353 1153.51 51.5353 1138.88 52.0353C1124.25 52.5353 1067.73 14.0353 1048.56 14.5353C1029.38 15.0353 1017.78 30.0353 999.611 31.5353C981.445 33.0353 926.949 15.5353 918.875 13.0353C910.802 10.5353 901.214 1.03532 887.59 0.035317C873.966 -0.964683 856.809 19.5353 848.231 28.0353C839.653 36.5353 807.359 50.5353 796.258 51.5353C785.156 52.5353 781.624 43.5353 763.963 43.0353C746.302 42.5353 719.558 70.5353 708.457 71.5353C697.356 72.5353 685.75 67.5353 673.64 67.5353C661.53 67.5353 628.226 76.0353 610.565 76.0353C592.904 76.0353 566.665 63.5353 538.912 62.5353C511.159 61.5353 484.92 82.0353 471.296 83.0353C457.671 84.0353 438.497 78.0353 433.451 78.0353C428.405 78.0353 416.294 81.0353 406.707 81.0353C397.12 81.0353 347.164 59.0353 334.549 59.0353C321.934 59.0353 311.338 53.5353 300.237 52.5353C289.135 51.5353 288.631 54.5353 278.539 55.0353C268.447 55.5353 237.162 43.5353 221.519 42.0353C205.876 40.5353 193.262 50.5353 175.601 51.0353C157.94 51.5353 114.039 32.5353 102.434 33.0353C90.8279 33.5353 57.0197 45.5353 48.4415 47.5353Z" fill="%23FDEEDC"/></svg>');
    top: 0;
}

.ss_video:after {
    bottom: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="212" viewBox="0 0 1920 212" fill="none"><path d="M1871.56 164C1878.42 162.4 1906.71 160.667 1920 160V-0.000183105H0V162C39.8633 161 73.1669 178.5 93.8555 179C114.544 179.5 149.361 161.5 162.481 161C175.6 160.5 187.206 168 207.39 169C227.574 170 256.336 156.5 262.392 156.5C268.447 156.5 274.502 159.5 283.08 159.5C291.658 159.5 309.319 153 323.448 152.5C337.577 152 383.495 130 392.578 129.5C401.661 129 407.716 133.5 417.808 134C427.9 134.5 444.552 129 456.158 129C467.763 129 500.562 149 521.251 150C541.94 151 578.271 136.5 595.427 135.5C612.583 134.5 644.878 143.5 656.484 144.5C668.089 145.5 676.667 138.5 691.806 138.5C706.943 138.5 737.219 167.5 750.339 167.5C763.459 167.5 766.486 160 781.12 159.5C795.753 159 852.268 197.5 871.443 197C890.618 196.5 902.223 181.5 920.389 180C938.555 178.5 993.051 196 1001.12 198.5C1009.2 201 1018.79 210.5 1032.41 211.5C1046.03 212.5 1063.19 192 1071.77 183.5C1080.35 175 1112.64 161 1123.74 160C1134.84 159 1138.38 168 1156.04 168.5C1173.7 169 1200.44 141 1211.54 140C1222.64 139 1234.25 144 1246.36 144C1258.47 144 1291.77 135.5 1309.43 135.5C1327.1 135.5 1353.34 148 1381.09 149C1408.84 150 1435.08 129.5 1448.7 128.5C1462.33 127.5 1481.5 133.5 1486.55 133.5C1491.6 133.5 1503.71 130.5 1513.29 130.5C1522.88 130.5 1572.84 152.5 1585.45 152.5C1598.07 152.5 1608.66 158 1619.76 159C1630.86 160 1631.37 157 1641.46 156.5C1651.55 156 1682.84 168 1698.48 169.5C1714.12 171 1726.74 161 1744.4 160.5C1762.06 160 1805.96 179 1817.57 178.5C1829.17 178 1862.98 166 1871.56 164Z" fill="%23FDEEDC"/></svg>');
}

.ss_video .section-bg-overlay.absolute.fill {
    height: calc(100% - 400px);
    top: 200px;
}

.ss_video:after {
    background-position: bottom;
}


/* Pc      --------------------------------------------- */

@media(min-width: 766px) {}

@media (width: 1024px) {
    ul.header-nav.header-nav-main>li>a {
        font-size: 15px;
    }
    ul.header-nav.header-nav-main {
        gap: 30px;
    }
}

@media (max-width: 1024px) {}

@media (min-width: 990px) and (max-width: 1100px) {}

@media (min-width: 990px) {}


/*************** ------------------------PC và Tablet  --------------------------  ***************/

@media (min-width: 740px) {
    .home_blog.blog_up .post-item:first-child {
        grid-row: 1/4;
        grid-column: 1/2;
        position: relative;
    }
    .home_blog.blog_up .col.post-item .box {
        display: flex;
        padding: 14px !important;
        gap: 30px;
    }
    .home_blog.blog_up .col.post-item .box .box-image {
        min-width: 212px;
    }
    .home_blog.blog_up .col.post-item .box .box-image .image-cover {
        padding-top: 79% !important;
    }
    .home_blog.blog_up .col.post-item .box p {
        display: none;
    }
    .home_blog.blog_up .col.post-item .box .post-meta {
        margin: 26px 0 0;
    }
    .home_blog.blog_up .post-item:first-child .box {
        flex-flow: column;
        gap: 22px;
        height: 100%;
        padding: 31px !important;
    }
    .home_blog.blog_up .post-item:first-child .box .box-image {
        min-width: 100%;
    }
    .home_blog.blog_up .post-item:first-child .box .box-image .image-cover {
        padding-top: 64% !important;
    }
    .home_blog.blog_up .post-item:first-child .col-inner {
        height: 100%;
    }
    .home_blog.blog_up .post-item .box .box-text {
        padding: 0;
    }
    .home_blog.blog_up .post-item:first-child .box p {
        display: -webkit-box;
        -webkit-line-clamp: 4 !important;
    }
    .home_blog.blog_up .post-item:first-child .box .post-meta {
        margin: 0 0 12px;
    }
    .home_blog.blog_up .post-item:not(:first-child) .box .box-text {
        display: flex;
        align-items: center;
    }
    .angry-grid:nth-child(even) .checkin_item:first-child {
        grid-row-start: 1;
        grid-column-start: 3;
        grid-row-end: 3;
        grid-column-end: 5;
    }
}


/*************** ------------------------Tablet  --------------------------  ***************/

@media (min-width: 740px) and (max-width: 1023px) {
    .home_blog.blog_up .col.post-item:not(:first-child) .box .box-image {
        min-width: 164px;
    }
    .home_blog.blog_up .col.post-item .box {
        gap: 15px;
    }
    .home_blog.blog_up .col.post-item .box .post-meta {
        margin-top: 10px;
    }
}

@media (max-width:990px) {}


/*************** ------------------------Mobile và Tablet --------------------------  ***************/

@media (max-width: 1023px) {
    .header-main li.html.custom {
        display: block !important;
    }
    .home_donors {
        gap: 15px;
    }
    .home_donors .gallery-col.col {
        flex-basis: calc((100% - 15px * 3) /4);
        max-width: calc((100% - 15px * 3) /4);
    }
    .home_title h2 {
        font-size: 40px;
    }
    .home_blog {
        gap: 15px;
    }
    .ss_checkin:after,
    .ss_checkin:before {
        height: 70px;
    }
    .home-testimonials-carousel {
        margin-bottom: 20px;
    }
    .home-testimonials-carousel button.flickity-button {
        left: 10px;
    }
    .home-testimonials-carousel button.flickity-button.flickity-prev-next-button.next {
        right: 10px !important;
    }
    .tab_checkin ul.nav {
        margin-bottom: 0;
        gap: 15px;
    }
    .tab_checkin ul.nav li {
        width: calc((100% - 15px * 3)/4);
    }
    .tab_checkin ul.nav li a span {
        font-size: 15px;
        line-height: 1;
    }
    .tab_checkin ul.nav li a {
        padding: 10px;
    }
    .tab_checkin ul.nav li a svg {
        width: 20px;
    }
    .roof_item a {
        padding: 20px;
    }
    .angry-grid {
        gap: 15px;
        margin-bottom: 15px;
    }
    .single_gallery .gallery_item {
        width: 50%;
    }
    .ss_video:before,
    .ss_video:after {
        height: 140px;
    }
    .ss_video .section-bg-overlay.absolute.fill {
        height: calc(100% - 130px);
        top: 68px;
    }
    .tet {
        display: none !important;
    }
    .menu-mobile {}
    li.html.custom.html_topbar_left {
        display: flex !important;
        gap: 10px;
    }
    li.html.custom.html_topbar_left .menu_title {
        font-size: 20px;
        line-height: 1;
        font-weight: bold;
        color: var(--primary-color);
    }
}


/*************** ------------------------ Mobile   --------------------------  ***************/

@media screen and (max-width: 549px) {
    #logo a {
        width: 100px;
        height: 100px;
        margin-top: 0;
    }
    #logo a img {
        max-height: 80px;
    }
    .home_donors {
        gap: 10px;
    }
    .home_donors .gallery-col.col {
        flex-basis: calc((100% - 10px) /2);
        max-width: calc((100% - 10px) /2);
    }
    .home_title h2 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .row.home_blog {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .col.post-item .box {
        border-radius: 8px;
        padding: 8px !important;
    }
    .col.post-item .box .box-image {
        border-radius: 6px;
    }
    .col.post-item .box h5.post-title a {
        font-size: 15px;
    }
    .col.post-item .post-meta {
        font-size: 13px;
        margin-bottom: 5px;
    }
    p.from_the_blog_excerpt {
        font-size: 14px;
        line-height: 20px;
    }
    .absolute-footer {
        padding: 15px 0 !important;
    }
    .home_video {
        flex-flow: column;
        gap: 15px;
    }
    .home_video .col.large-8,
    .home_video .col.large-4 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .home_video .col.large-4 .col-inner {
        display: flex;
        gap: 15px;
    }
    .home_video .col.large-4 .img {
        margin: 0;
    }
    .home_video .img {
        border-radius: 8px;
    }
    .home_video .absolute.no-click {
        height: 40px;
        width: 40px;
    }
    .ss_checkin:after,
    .ss_checkin:before {
        height: 40px;
    }
    .tab_checkin ul.nav li {
        width: calc((100% - 15px)/2);
    }
    .ss_checkin .bg::before,
    .ss_checkin .bg:after {
        width: 150px;
    }
    .ss_checkin .bg:after {
        bottom: 0;
        height: 150px;
    }
    #support-menu li:not(:last-child) {
        margin-right: 15px;
    }
    #support-menu a {
        padding: 5px 15px;
        font-size: 15px;
    }
    .news-menu #support-menu {
        justify-content: center;
        width: 100%;
    }
    .news-menu {
        width: 100%;
    }
    .news-head h1.page-title {
        width: 100%;
        text-align: center;
        font-size: 28px;
        margin-bottom: 10px;
    }
    .news-head {
        margin-bottom: 15px;
    }
    .archive-description {
        font-size: 14px;
    }
    h1.single_title {
        font-size: 20px;
    }
    .single-post__meta {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .single_content {
        font-size: 14px;
    }
    .post_sider .widger:before {
        height: 40px;
    }
    h3.widget-title {
        line-height: 40px;
        font-size: 24px;
    }
    .post_sider .widger .news-menu #support-menu li a {
        padding: 5px 0;
    }
    .post_sider .widger {
        padding-left: 16px;
    }
    h3.single_related {
        font-size: 24px;
    }
    .roof_item a {
        padding: 8px;
        border-radius: 8px;
    }
    .roof_item .img {
        border-radius: 8px;
        margin-bottom: 10px;
    }
    .roof_item .content {
        padding: 10px 5px;
        border-radius: 8px;
    }
    .roof_item .content p {
        font-size: 16px;
    }
    .angry-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: initial;
    }
    .single_gallery .gallery_item {
        width: 100%;
    }
    .ss_video .section-bg-overlay.absolute.fill {
        height: calc(100% - 60px);
        top: 30px;
    }
}