.post-item a {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.post-content h3 {
    margin: 0;
    color: var(--text-header);
    position: relative;
    padding-right: 40px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-item .post-content {
    flex-grow: 1;
}

.post-content h3::after {
    right: 7px;
}


.post-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 18px;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
}

.post-content h3 + p {
    font-size: 16px;
    color: var(--secondDarkColor);
}

.load-more {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.load-more button {
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-btn);
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.load-more button::after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5V19' stroke='%2315D6E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 12L12 19L5 12' stroke='%2315D6E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;

}

.load-more button:hover {
    color: var(--primary);
}

@media (min-width: 1440px) {
    .post-content {
        gap: 16px;
    }
}

@media (min-width: 192px) {
    .post-content h3 + p {
        font-size: 18px;
    }
}

.post-header {
    background-color: var(--mainLightbg);
}

.post-header h1 {
    font-size: 32px;
    margin: 0 0 24px 0;
    color: var(--text-header);
}

.post-meta {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.logo-author {
    width: 80px;
    height: 80px;
}

.author {
    display: flex;
    align-items: center;
    gap: 12px;
}

.post-content-article {
    margin-bottom: 20px;
}

.info-author .author-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: var(--text-header);
    margin-bottom: 4px;
}

.author-position {
    font-size: 16px;
    line-height: 1.4;
    color: var(--secondDarkColor);
    margin-bottom: 4px;
}

.post-content-article, .post-content-article p, .post-content-article ol li, .post-content-article ul li,
.dynamic-menu .menu-item a{
    font-size: 16px;
    line-height: 1.4;
    color: var(--secondDarkColor);
    margin-bottom: 8px;
}

.post-content-article ol, .post-content-article ul {
    padding-left: 10px;
}

.post-content-article h3 {
    color: var(--text-header);
}

.post-content-article ul li {
    display: flex;
    position: relative;
    list-style-type: none;
    gap: 16px;
}

.post-content-article ul li::before {
    content: '';
    flex-shrink: 0;
    width: 9px;
    height: 9px;
    background-color: var(--brand---primary);
    position: relative;
    top: 8px;
}

.post-content-article h4 {
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--text-header);
}

.post-content-article h5 {
    font-family: var(--font-family);
    font-weight: 500;
    line-height: 1.4;
    font-size: 18px;
    color: var(--text-header);
}


.post-content-article p {
    margin-bottom: 8px;
}

.post-content-article a {
    display: inline !important;
    width: max-content;
    background: linear-gradient(to right, transparent, transparent), linear-gradient(to right, var(--brand---primary), var(--brand---primary), var(--brand---primary));
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
}

.post-content-article a:hover {
    transition: all .3s ease-out;
    background-size: 0 1px, 100% 1px;
}

.post-content-article h2 {
    color: var(--text-header);
    margin: 24px 0;
}

.post-content-article img {
    display: inline-block;
    margin: 15px 0;
}

.post-content-article blockquote {
    margin: 16px 0;
    border: none;
    background-color: var(--mainLightbg);
    border-radius: 8px;
    padding: 18px;
}

.post-content-article blockquote::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='73' viewBox='0 0 72 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.154297' width='72' height='72' rx='12' fill='%234E7BFF'/%3E%3Cpath d='M24.6691 28.5563C22.096 31.349 22.3551 34.9354 22.3632 34.9763L22.3632 45.8854C22.3632 46.247 22.5069 46.5939 22.7626 46.8496C23.0184 47.1054 23.3652 47.249 23.7269 47.249L31.9087 47.249C33.4128 47.249 34.636 46.0258 34.636 44.5217L34.636 34.9763C34.636 34.6146 34.4923 34.2678 34.2366 34.0121C33.9808 33.7563 33.634 33.6127 33.2723 33.6127L29.0751 33.6127C29.1039 32.9385 29.3053 32.283 29.6601 31.709C30.3528 30.6168 31.6578 29.8708 33.541 29.4945L34.636 29.2763L34.636 25.4308L33.2723 25.4308C29.4773 25.4308 26.5823 26.4822 24.6691 28.5563ZM39.6787 28.5563C37.1041 31.349 37.3646 34.9354 37.3728 34.9763L37.3728 45.8854C37.3728 46.247 37.5164 46.5939 37.7722 46.8496C38.0279 47.1054 38.3748 47.249 38.7364 47.249L46.9182 47.249C48.4223 47.249 49.6455 46.0258 49.6455 44.5218L49.6455 34.9763C49.6455 34.6146 49.5018 34.2678 49.2461 34.0121C48.9904 33.7563 48.6435 33.6127 48.2819 33.6127L44.0846 33.6127C44.1134 32.9385 44.3148 32.283 44.6696 31.709C45.3623 30.6168 46.6673 29.8708 48.5505 29.4945L49.6455 29.2763L49.6455 25.4308L48.2819 25.4308C44.4869 25.4308 41.5919 26.4822 39.6787 28.5563Z' fill='white'/%3E%3C/svg%3E%0A");
    display: block;
    width: 72px;
    height: 72px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-bottom: 18px;
}

.post-content-article blockquote h3 {
    color: var(--text-header);
    margin: 0;
}

.post-content-article p strong {
    color: var(--text-header);
}

.post-content-article ol, .post-content-article ul {
    margin: 10px 0;
}

.dynamic-menu ul {
    position: relative;
}

.dynamic-menu ul::before {
    content: "";
    height: 100%;
    width: 2px;
    background-color: var(--primary);
    position: absolute;
    top: 0;
}

.dynamic-menu ul li {
    list-style: none;
    padding: 8px 8px 8px 32px;
    display: inline-block;
    max-width: 100%;
}

.dynamic-menu ul li a {
    color: var(--text-header);
    background: linear-gradient(to right, transparent, transparent), linear-gradient(to right, var(--text-header), var(--text-header), var(--text-header));
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
}




.dynamic-menu ul li a:hover {
  transition: all .3s ease-out;
    background-size: 0 1px, 100% 1px;
}

.swiper-slide-link {
    display: flex;
    flex-direction: column;
}

.related-post-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.related-post-item h4 {
    font-size: 16px;
    color: #333;
}

.latest-posts-carousel {
    position: relative;
    width: 100%;
}

.latest-posts-carousel .vc_col-sm-6 {
    padding: 0;
}

.latest-posts-carousel .subtitle-link-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: 32px;
}

.latest-posts-carousel h2.title {
    margin-top: 0;
}

.swiper-wrapper {
    display: flex;
}
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-color: var(--mainLightbg);
    border-radius: 4px;
    overflow: hidden;
    height: auto
}

.carousel-thumbnail img {
    width: 100%;
    height: auto;
    aspect-ratio: 533 / 320;
}

.carousel-content {
    padding: 15px;
}

.carousel-content p {
    font-size: 12px;
    color: #777;
}

.swiper-container.swiper-last-blog{
    opacity: 0;
    visibility: hidden;
}

.swiper-container.swiper-initialized.swiper-last-blog {
    opacity: 1;
    visibility: visible;
    padding-bottom: 46px;
}

.blog-grid-article {
    display: grid;
    gap: 48px;
}

.post-content-wrapper {
    order: 1;
}

.post-content-menu {
    position: relative;
    order: 0;
}

.swiper-navigation {
    display: none;
}
blockquote:after {
    content: none;
}

blockquote h3 {
    width: 100%;
}

#page-container + div {
    z-index: -1;
}

.post-content.common-card {
    border-radius: 0;
    margin-top: -1px;
}

@media (min-width: 768px) {
    .post-header h1 {
        margin-bottom: 40px;
    }

    .post-meta {
        flex-direction: row;
    }

    .post-content-wrapper {
        border: 1px solid var(--border);
        border-radius: 4px;
        padding: 24px;
    }

    .post-content-article blockquote {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .post-content-article blockquote::before {
        width: 96px;
        height: 96px;
        margin-bottom: 0;
    }



}

@media (min-width: 991px) {
    .blog-grid-article {
        grid-template-columns: auto 249px;
    }

    .post-content-article p {
        margin-bottom: 12px;
    }

    .post-content-wrapper {
        order: 0;
    }

    .post-content-menu {
        order: 1;
    }

    .post-content-menu .dynamic-menu {
        position: sticky;
        top: 120px
    }
}

@media (min-width: 1200px) {
    .author {
        gap: 16px;
    }

    .info-author .author-name, .author-position {
        margin-bottom: 8px;
    }

    .latest-posts-carousel .subtitle-link-wrapper{
        margin-bottom: 0;
    }

    .swiper-container {
        padding-bottom: 0;
    }
    .swiper-navigation {
        display: block;
    }
    .custom-button-prev, .custom-button-next {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 50%;
        z-index: 99;
        transform: translateY(-50%);
    }

    .custom-button-prev.swiper-button-disabled, .custom-button-next.swiper-button-disabled {
        opacity: 0.5;
    }

    .custom-button-prev {
        left: -70px;
    }

    .custom-button-next {
        right: -70px;
    }

    .blog-slider {
        position: relative;
    }
    .post-content-article img {
        margin: 20px 0;
    }
}

@media (min-width: 1440px) {
    .post-header h1 {
        margin-bottom: 48px;
    }

    .post-meta {
        gap: 24px;
    }

    .logo-author {
        width: 88px;
        height: 88px;
    }

    .blog-grid-article {
        grid-template-columns: auto 282px;
    }

    .post-content-article blockquote::before {
        width: 104px;
        height: 104px;
    }

    .post-content-article blockquote::after {
        content: none;
    }

    .post-content-article h4 {
        font-size: 20px;
    }

    .post-content-article {
        margin-bottom: 25px;
    }
}

@media (min-width: 1920px) {
    .post-header h1 {
        margin-bottom: 56px;
    }

    .post-meta {
        gap: 32px;
    }

    .logo-author {
        width: 96px;
        height: 96px;
    }

    .info-author .author-name, .author-position {
        font-size: 18px;
    }

    .blog-grid-article {
        grid-template-columns: auto 392px;
    }

    .post-content-wrapper {
        padding: 32px;
    }

    .post-content-article h2 {
        margin: 32px 0;
    }

    .post-content-article, .post-content-article p, .post-content-article ol li, .post-content-article ul li,
    .dynamic-menu .menu-item a {
        font-size: 18px;
    }

    .post-content-article blockquote::before {
        width: 112px;
        height: 112px;
    }

    .post-content-article blockquote {
        gap: 24px;
    }

    .post-content-article h4 {
        font-size: 24px;
    }

    .post-content-article h5 {
        font-size: 20px;
    }

    .post-content-article {
        margin-bottom: 35px;
    }

    .custom-button-prev, .custom-button-next {
        width: 56px;
        height: 56px;
    }

    .post-content-article img {
        margin: 32px 0;
    }
}

#aboutUsContactForm .wpb_wrapper {
    position: relative;
}

.blog-h2-tag {
    color: var(--primary);
    z-index: 2;
    position: relative;
}

.transparent-dark.ideo-wow-title .title {
    border: none;
}

.common-link {
    position: relative;
}