.post-main, .post-main p{
    color: #FFF;
}

.post-container {
    position: relative;
    max-width: 1200px;
    padding: 0 40px;
    margin-left: auto;
    margin-right: auto;
    background: #171B1D;
}

.post-content-container {
    max-width: 680px;
    padding: 0 15px;
    margin-right: auto;
    margin-left: auto;
}

.post-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
}

.post-tag {
    background: #333b3f;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 16px;
    line-height: 1.7;
}

.post-content-area {
    padding-top: 40px;
    margin-bottom: 80px;
    position: relative;
}

.post-content-area::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: linear-gradient(176deg, #8feafb 17.13%, #b4f8db 96.3%);
}

.post-content-area::after {
    top: 0;
    left: 0;
}


.post-main p {
    line-height: 1.7;
}

.post-content-area h1,
.single-post h2,
.post-content-area h3,
.post-content-area h4,
.post-content-area h5,
.post-content-area h6 {
    margin-top: 32px;
    line-height: 1.4;
}

.single-post h2 {
    font-size: 32px;
    margin-bottom: 24px;
}


.post-content-area h3,
.post-content-area h4,
.post-content-area h5,
.post-content-area h6 {
    margin-bottom: 20px;
}

.post-content-area p + p {
    margin-top: 12px;
}

.wp-block-image + p,
.post-share-title {
    font-size: 14px;
    line-height: 1.7;
}

.wp-block-image + p {
    margin-top: 12px;
}

.post-share-title {
    display: flex;
    margin-bottom: 12px;
}

.wp-block-list li:not(:last-child) {
    margin-bottom: 12px;
}

ul.wp-block-list {
 list-style: none;
}

ul.wp-block-list li {
    position: relative;
    padding-left: 16px;
}

ul.wp-block-list li::after {
    content: '';
    left: 0;
    top: 11px;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: linear-gradient(149deg, #8feafb 20%, #b4f8db 40%, #b4f8db 60%, #8feafb 80%);;
}


.wp-block-columns {
    gap: 16px;
}

.post-tags-wrapper {
    margin-top: 12px;
}

.post-navigation,
.post-nav  {
    display: flex;
}

.post-navigation {
    margin-top: 32px;
    gap: 16px;
}

.post-nav  {
    flex-basis: calc((100% - 16px) / 2);
    background: #333b3f;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.post-nav-arrow {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #171b1d;
}

.post-nav-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 10px;
}

.post-nav-label {
    font-size: 13px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #b4f8db;
}

.post-nav-title {
    font-weight: 400;
}

.related-posts__heading {
    margin-bottom: 24px;
}

.related-posts__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 80px;
}

.related-post-card {
    border-radius: 16px;
    background: #333b3f;
    padding: 16px;
    flex-basis: calc((100% - 48px) / 3);
}

.related-post-image img {
    border-radius: 12px;
    object-fit: cover;
    height: 217px;
}

.related-post-image {
    margin-bottom: 20px;
}

.related-post-category,
.related-post-title {
    display: flex;
    font-weight: 400;
    margin-bottom: 10px;
}
.post-date {
    font-size: 13px;
    line-height: 1.3;
    color: #9aa4ac;
}

.related-post-date {
    margin-bottom: 16px;
}

.related-post-excerpt {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 24px;
}

.related-post-more {
    display: flex;
    align-items: center;
    gap: 8px;
}

.post-sidebar {
    position: absolute;
    height: 100%;
    width: 195px;
    padding-bottom: 75px;
    z-index: 10;
}

.post-share-icons {
    display: flex;
    gap: 16px;
    align-items: center;
}

.post-share-icons a {
    display: flex;
    transition: all 0.1s linear!important;
}

.post-share-icons a:hover {
    transform: scale(1.1);
}

.post-share-buttons {
    margin-top: 32px;
}

.author-block-wrapper {
    position: relative;
    display: flex;
    gap: 20px;
    padding: 32px 0;
}

.author-block-wrapper::after,
.author-block-wrapper::before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(176deg, #8feafb 17.13%, #b4f8db 96.3%);
}

.author-block-wrapper::before {
    top: 0;
}

.author-block-wrapper::after {
    bottom: 0;
}


.author-block-avatar {
    flex-basis: 200px;
    max-height: 200px;
}

.author-block-avatar img {
    width: 100%;
    height: 100%;
}

.author-block-content {
    flex-basis: 430px;
}

.author-block-wrapper .author-block-name {
    margin-top: 8px;
    margin-bottom: 12px;
}

.author-block-skills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.author-skill-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333b3f;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 16px;
    line-height: 1.7;
}

.big-banner {
    margin-bottom: 80px;
}

.big-banner__btn {
    background: #040404;
    color: #FFF;
}

.big-banner__btn:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_3115_1173)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.92902 7.00853L14.1464 3.51226C14.8067 3.26179 15.358 3.05264 15.7994 2.92918C16.229 2.80895 16.7381 2.71162 17.2295 2.87785C17.8773 3.09709 18.3858 3.60564 18.6051 4.25343C18.7713 4.74479 18.674 5.25391 18.5538 5.68351C18.4303 6.12491 18.2212 6.6763 17.9707 7.33656L14.4804 16.5381C14.2235 17.2154 14.0096 17.7794 13.8055 18.2C13.6078 18.6073 13.3388 19.0617 12.8808 19.3198C12.2795 19.6588 11.5537 19.695 10.9216 19.4177C10.4402 19.2064 10.1273 18.7811 9.88999 18.3955C9.64495 17.9973 9.37596 17.4575 9.05289 16.8093L7.79444 14.2842C7.66328 14.0211 7.64602 13.9949 7.63204 13.9767C7.61867 13.9593 7.604 13.9429 7.58817 13.9277C7.57684 13.9168 7.56497 13.9066 7.55251 13.897C7.53437 13.883 7.50823 13.8656 7.24549 13.7338L4.6511 12.4325C4.00575 12.1088 3.46813 11.8391 3.07161 11.5937C2.68735 11.3558 2.26387 11.0425 2.05386 10.5614C1.77799 9.92955 1.81514 9.20474 2.15414 8.60435C2.4122 8.14731 2.86549 7.8789 3.27206 7.68154C3.69158 7.47788 4.25396 7.26458 4.92902 7.00853ZM9.31845 13.406L12.5879 10.1365C12.9308 9.79369 12.9308 9.23789 12.5879 8.89507C12.2451 8.55224 11.6893 8.55224 11.3465 8.89507L8.06222 12.1793C8.05237 12.1744 8.04252 12.1695 8.03268 12.1646L5.47667 10.8824C4.78303 10.5345 4.31707 10.2998 3.99573 10.1009C3.73482 9.93938 3.66696 9.85749 3.65813 9.84769C3.60973 9.72781 3.61666 9.59263 3.67706 9.47832C3.68685 9.46948 3.76271 9.39496 4.03877 9.26094C4.37875 9.0959 4.86627 8.91007 5.59183 8.63485L14.729 5.16906C15.4397 4.89942 15.9165 4.71947 16.2724 4.61991C16.5608 4.53921 16.6646 4.54455 16.6776 4.5448C16.7985 4.58918 16.8938 4.68446 16.9382 4.80525C16.9384 4.81835 16.9437 4.92214 16.863 5.21052C16.7635 5.56645 16.5835 6.04322 16.3139 6.75395L12.8541 15.8754C12.5781 16.6031 12.3916 17.0923 12.2261 17.4333C12.0916 17.7103 12.0168 17.7865 12.008 17.7963C11.8935 17.8566 11.7583 17.8634 11.6384 17.8147C11.6286 17.8059 11.5466 17.7375 11.3852 17.4753C11.1865 17.1524 10.9523 16.6843 10.6051 15.9877L9.36576 13.5011C9.3584 13.4863 9.35111 13.4717 9.34382 13.457C9.33537 13.44 9.32692 13.423 9.31845 13.406Z" fill="%23aef6e1"/></g><defs><clipPath id="clip0_3115_1173"><rect width="20" height="20" fill="%23aef6e1"/></clipPath></defs></svg>') no-repeat center!important;
}

.big-banner__btn:hover::before {
    content: none;
    display: none;
}

.big-banner__btn:hover {
    color: #AEF6E1;
}


.big-banner__wrapper {
    background: linear-gradient(300deg, #8feafb 20%, #b4f8db 40%, #b4f8db 60%, #8feafb 80%);
    background-size: 200% auto;
    animation: shine 3s linear infinite;
    padding: 156px 50px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.big-banner__image {
    width: 307px;
    height: 46px;
    object-fit: contain;
    margin-bottom: 20px;
}

.big-banner__text {
    font-size: 20px;
    color: #040404!important;
    margin-bottom: 40px;
    max-width: 373px;
}

.big-banner__btn {
    min-width: 188px;
}

@media screen and (max-width: 1023.98px) {
    .big-banner__image {
        width: 250px;
        height: 36px;
    }

    .big-banner__text {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 599.98px) {

    .big-banner__wrapper {
        padding: 173px 20px 170px 20px;
        background: linear-gradient(100deg, #8feafb 20%, #b4f8db 40%, #b4f8db 60%, #8feafb 80%);
        background-size: 200% auto;
        border-radius: 10px;
        animation: shine 5s linear infinite;
    }

    .big-banner__text {
        font-size: 18px;
        max-width: 315px;
    }

    .big-banner__image {
        width: 186px;
        height: 27px;
    }

    .big-banner {
        margin-bottom: 60px;
    }
}

@media screen and (min-width: 768px) {
    .wp-block-column .wp-block-group__inner-container:has(img) {
        margin-top: 32px;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 1025px) {
    .post-content-area {
        padding-left: 100px;
    }

    .post-sidebar {
        left: 0;
    }
}

@media screen and (max-width: 1024.98px) {
    .related-post-card {
        flex-basis: 100%;
    }

    .post-sidebar {
        position: relative;
        width: 100%;
        padding: 0 15px 30px 15px;
        max-width: 680px;
        margin: auto;
    }

    .related-post-image img {
        height: 300px;
    }
}
@media screen and (max-width: 767.98px) {
    .wp-block-column:first-child .wp-block-group__inner-container:has(img) {
        margin-top: 20px;
    }
}
@media screen and (max-width: 599.98px) {
    .post-container {
        padding: 0 10px;
    }

    .related-post-image img {
        height: 200px;
    }

    .post-content-area {
        padding-top: 20px;
    }

    .post-content-area h1,
    .single-post h2,
    .post-content-area h3,
    .post-content-area h4,
    .post-content-area h5,
    .post-content-area h6 {
        margin-top: 20px;
        margin-bottom: 10px;
    }


    .single-post h2 {
        font-size: 24px;
    }


    .post-navigation {
        margin-top: 20px;
        gap: 8px;
    }

    .post-nav {
        padding: 8px;
    }

    .post-nav-title.h3 {
        font-size: 16px;
    }


    .post-nav-arrow {
       display: none;
    }

    .post-nav-label {
        font-size: 12px;
    }

    .related-posts__wrapper {
        gap: 15px;
    }

    .related-post-card {
        padding: 12px;
    }
    .related-post-image {
        margin-bottom: 10px;
    }
    .related-post-excerpt {
        margin-bottom: 15px;
    }
    .related-posts__wrapper {
        margin-bottom: 60px;
    }

    .post-share-buttons {
        margin-top: 20px;
    }

    .post-share-title,
    .author-block-label {
        margin-bottom: 10px;
    }

    .post-share-icons {
        gap: 10px;
    }

    .author-block-wrapper {
        flex-direction: column;
        padding: 20px 0;
    }

    .author-block-content {
        flex-basis: 100%;
    }

    .author-block-avatar {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
        flex-basis: 250px;
        max-height: 250px;
    }

    .post-content-area {
        margin-bottom: 60px;
    }
}