.article-content:not(.article-content-main-img) {
    padding-top: 24px;
}

.article-wrap {
    display: flex;
    gap: 30px;
    margin-top: 16px;
    position: relative;
}

@media (min-width: 1201px) {
    .single-post .article-content {
        max-width: calc(100% - 240px - 290px - 60px);
    }
}

div#toc {
    display: flex;
    flex-direction: column;
    max-height: 500px;
    overflow: auto;
}

.article-toc {
    border: 1.5px solid #EDF0FA;
    margin-top: 24px;
    position: sticky;
    top: 90px;
    height: fit-content;
    min-width: 240px;
    border-radius: 12px;
    padding: 16px;
    background: white;
}

.article-toc--title {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    color: #040F35;
    padding-bottom: 12px;
    border-bottom: 1px solid #EDF0FA;
    margin-bottom: 8px;
    position: relative;
}


.article-toc--title svg {
    display: none;
}

@media (max-width: 1200px) {
    .active .article-toc--title:before {
        content: '';
        position: absolute;
        width: 100%;
        background: #EDF0FA;
        height: 1px;
        bottom: -12px;
    }

    .article-toc-wrap {
        position: absolute;
        top: 48px;
        left: 0;
        right: 0;
        overflow-y: auto;
        z-index: 1;
        background: #fff;
        border: 1.5px solid #EDF0FA;
        padding: 16px 24px;
        border-radius: 0 0 12px 12px;
        margin-left: -1.5px;
        width: calc(100% + 3px);
        border-top: none;
    }
}

.article-toc a {
    padding: 6px 6px 4px 6px;
    position: relative;
    color: #686F86;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    display: flex;
}

.article-toc a:before {
    content: '';
    display: block;
    min-height: 4px;
    max-height: 4px;
    min-width: 4px;
    background: white;
    border-radius: 99px;
    position: relative;
    top: 8px;
    left: -3px;
}

.article-toc a.active {
    color: #040F35;
}

.article-toc a.active:before {
    background: #14C0AF;
}

.article-right-sidebar {
    max-width: 290px;
    min-width: 290px;
    margin-top: 24px;
    position: relative;
}

.article-content-main-img {
    margin: 0 0 24px 0;
    border-radius: 12px;
    height: 370px;
    object-fit: cover;
    width: 100%;
}

.article-content--info {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px;
    color: #040F35;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    flex-wrap: wrap;
}

.article-content--info span {
    height: 4px;
    width: 4px;
    background: #14C0AF;
    border-radius: 99px;
}

.article-content h1 {
    padding-top: 32px;
    padding-bottom: 16px;
    font-weight: 800;
    font-size: 42px;
    line-height: 130%;
    letter-spacing: 0;
}

.article-content h2 {
    padding-top: 32px;
    padding-bottom: 16px;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    letter-spacing: 0;
}

.article-content h3 {
    padding-top: 32px;
    padding-bottom: 16px;
    font-weight: 700;
    font-size: 30px;
    line-height: 130%;
    letter-spacing: 0;
}

.article-content h4 {
    padding-top: 24px;
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0;
}

.article-content h5 {
    padding-top: 24px;
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
}

.article-content--excerpt {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    padding: 8px 0;
}

.article-content p {
    padding: 8px 0;
    margin: 0;
}

.article-content ul li,
.article-content ol li {
    padding-left: 34px;
    margin: 8px 0;
    position: relative;
}

.article-content ul li::before {
    border-radius: 99px;
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    background: #14C0AF;
    position: absolute;
    top: 10px;
    left: 18px;
}

.article-content ol {
    counter-reset: item;
}

.article-content ol li {
    counter-increment: item;
}

.article-content ol li::before {
    content: counter(item) ". ";
    position: absolute;
    left: 15px;
    top: 0;
}

.article-content figure.wp-block-table {
    margin: 24px 0;
}

.article-content table {
    background: #F2F6FE;
    border-radius: 12px;
    border: 1px solid #CDCFD7;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-bottom: none;
    border-right: none;
}

.article-content thead {
    border: none;
    color: white;
}

.article-content thead th {
    margin: 0;
    padding: 12px 16px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    background: #14C0AF;
}

.article-content tbody td {
    border-top: none;
    border-left: none;
    border-right: 1px solid #CDCFD7;
    border-bottom: 1px solid #CDCFD7;
    padding: 12px 16px;
    width: 33%;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    vertical-align: top;
}

.article-content thead th:nth-child(1) {
    border-top-left-radius: 11px;
    border-right: 1px solid white;
}

.article-content thead th:nth-last-child(1) {
    border-top-right-radius: 11px;
    border-left: 1px solid white;
}

.article-content tbody tr:nth-last-child(1) td:nth-child(1) {
    border-bottom-left-radius: 12px;
}

.article-content tbody tr:nth-last-child(1) td:nth-last-child(1) {
    border-bottom-right-radius: 12px;
}

.article-content figure.wp-block-image {
    margin: 24px 0;
}

.article-content figure.wp-block-image img {
    border-radius: 12px;
    width: 100%;
}

.article-content--key-takeaways {
    margin: 24px 0;
    padding: 1px 24px 24px 24px;
    background: linear-gradient(180deg, #E7F6F4 0%, #E7EFFF 100%);
    border-radius: 12px;
}

.article-content--note {
    background: #E7EFFF;
    margin-top: 48px;
    margin-bottom: 24px;
    padding: 40px 32px;
    border-radius: 12px;
    position: relative;
}

.article-content--note:before {
    content: '';
    position: absolute;
    width: 76px;
    height: 48px;
    background-image: url("data:image/svg+xml;utf8,\
<svg width='76' height='48' viewBox='0 0 76 48' fill='none' xmlns='http://www.w3.org/2000/svg'>\
<rect x='30' y='2' width='44' height='44' rx='22' fill='%234C7FED'/>\
<rect x='30' y='2' width='44' height='44' rx='22' stroke='white' stroke-width='4'/>\
<path d='M52 15.6C51.3372 15.6 50.8 15.0628 50.8 14.4V13.2C50.8 12.5372 51.3372 12 52 12C52.6628 12 53.2 12.5372 53.2 13.2V14.4C53.2 15.0628 52.6628 15.6 52 15.6ZM59.1484 17.9484C58.6798 18.4171 57.9202 18.4171 57.4516 17.9484C56.9829 17.4798 56.9829 16.7202 57.4516 16.2516L58.0516 15.6516C58.5202 15.1829 59.2798 15.1829 59.7484 15.6516C60.2171 16.1202 60.2171 16.8798 59.7484 17.3484L59.1484 17.9484ZM46.5484 17.9484C46.0798 18.4171 45.3202 18.4171 44.8516 17.9484L44.2516 17.3484C43.7829 16.8798 43.7829 16.1202 44.2516 15.6516C44.7202 15.1829 45.4798 15.1829 45.9484 15.6516L46.5484 16.2516C47.0171 16.7202 47.0171 17.4798 46.5484 17.9484ZM50.8 36C49.4745 36 48.4 34.9255 48.4 33.6V30.1313C46.5942 28.9536 45.4 26.9167 45.4 24.6C45.4 20.9549 48.3549 18 52 18C55.6451 18 58.6 20.9549 58.6 24.6C58.6 26.9167 57.4058 28.9536 55.6 30.1313V33.6C55.6 34.9255 54.5255 36 53.2 36H50.8ZM52 28.8C52.588 28.8 53.1478 28.6795 53.6559 28.4613C53.7827 28.3606 53.9296 28.2851 54.0906 28.2422C55.3509 27.5172 56.2 26.1582 56.2 24.6C56.2 22.2804 54.3196 20.4 52 20.4C49.6804 20.4 47.8 22.2804 47.8 24.6C47.8 26.1586 48.6498 27.5174 49.9106 28.2422C50.0715 28.2852 50.2186 28.3606 50.3453 28.4613C50.853 28.6792 51.4125 28.8 52 28.8ZM61.6 25.2C60.9373 25.2 60.4 24.6628 60.4 24C60.4 23.3372 60.9373 22.8 61.6 22.8H62.8C63.4627 22.8 64 23.3372 64 24C64 24.6628 63.4627 25.2 62.8 25.2H61.6ZM41.2 25.2C40.5372 25.2 40 24.6628 40 24C40 23.3372 40.5372 22.8 41.2 22.8H42.4C43.0628 22.8 43.6 23.3372 43.6 24C43.6 24.6628 43.0628 25.2 42.4 25.2H41.2ZM53.2 31.0898C52.8108 31.1613 52.4099 31.2 52 31.2C51.5901 31.2 51.1892 31.1613 50.8 31.0898V33.6H53.2V31.0898Z' fill='white'/>\
</svg>");
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: -24px;
}

.article-content--quote {
    background: #E7F6F4;
    margin-top: 48px;
    margin-bottom: 24px;
    padding: 40px 32px;
    border-radius: 12px;
    position: relative;
}

.article-content--quote:before {
    content: '';
    position: absolute;
    width: 76px;
    height: 48px;
    background-image: url("data:image/svg+xml;utf8,\
<svg width='76' height='48' viewBox='0 0 76 48' fill='none' xmlns='http://www.w3.org/2000/svg'>\
<rect x='30' y='2' width='44' height='44' rx='22' fill='%2314C0AF'/>\
<rect x='30' y='2' width='44' height='44' rx='22' stroke='white' stroke-width='4'/>\
<path d='M50.481 25.5396C50.4827 26.2588 50.3304 26.9703 50.0341 27.627C49.7379 28.2836 49.3044 28.8704 48.7625 29.3485C48.7044 29.4021 48.6481 29.4579 48.5914 29.5127C48.0255 29.9592 47.3763 30.2908 46.6812 30.4877C46.3798 30.5634 46.074 30.6209 45.7655 30.66C45.6613 30.6759 45.5547 30.6531 45.4662 30.596C45.3776 30.5393 45.3133 30.4523 45.2849 30.3514L45.2873 28.387C45.299 28.1943 45.2207 27.9877 45.3764 27.8176C45.4503 27.7331 45.5491 27.6732 45.6591 27.6467C46.0112 27.5826 46.3518 27.4677 46.6699 27.3047C46.9468 27.1463 47.1876 26.9324 47.377 26.677C47.5665 26.4214 47.7004 26.1298 47.7707 25.8204C47.7954 25.7186 47.8194 25.6163 47.843 25.5142C46.4509 25.5116 45.0588 25.5094 43.667 25.5073C43.547 25.5111 43.4271 25.4988 43.3104 25.4707C43.1352 25.4245 42.9795 25.3236 42.8666 25.1826C42.7538 25.0418 42.6894 24.8688 42.6835 24.689C42.6809 22.6014 42.6819 20.5136 42.6866 18.4257C42.6532 18.2666 42.6619 18.1017 42.7115 17.9468C42.7611 17.7918 42.8499 17.6521 42.9696 17.5411C43.1128 17.4105 43.2994 17.3369 43.4939 17.3341C45.5406 17.3338 47.5875 17.3334 49.6344 17.3329C49.7654 17.3334 49.8944 17.3639 50.0117 17.4221C50.1289 17.4801 50.231 17.5643 50.3098 17.6678C50.3892 17.7715 50.4429 17.8917 50.4674 18.0192C50.492 18.1469 50.4864 18.2784 50.4513 18.4034C50.4834 18.5037 50.4951 18.6093 50.4852 18.714C50.4859 20.9888 50.4986 23.2648 50.481 25.5396ZM61.3293 25.5497C61.3192 26.5589 61.0129 27.5431 60.4472 28.3821C59.8817 29.2208 59.0817 29.878 58.1453 30.2729C58.0973 30.2931 58.0519 30.3193 58.0051 30.3426L57.9271 30.3643L57.883 30.3893C57.4877 30.5027 57.0854 30.5903 56.6785 30.6516C56.6119 30.6685 56.5421 30.6699 56.4752 30.6556C56.408 30.6411 56.3451 30.6112 56.2917 30.5686C56.2381 30.5258 56.1953 30.4713 56.1668 30.4094C56.1384 30.3472 56.1247 30.2796 56.1273 30.2116C56.1241 29.9937 56.1226 29.7753 56.1208 29.5572L56.1323 28.3859C56.1304 28.2997 56.1274 28.2141 56.1276 28.1284C56.128 27.8283 56.2442 27.7017 56.6203 27.6168C57.0991 27.5354 57.5469 27.3273 57.9164 27.0143C58.337 26.6148 58.609 26.086 58.6885 25.5135L54.8308 25.5063C54.6911 25.5061 54.5511 25.5082 54.4111 25.5057C54.2924 25.5097 54.1743 25.4892 54.0644 25.4454C53.9543 25.4019 53.8544 25.336 53.7711 25.2521C53.6881 25.1683 53.6234 25.0682 53.5813 24.9583C53.5392 24.8482 53.5204 24.7309 53.5264 24.6134C53.5271 22.5514 53.5286 20.4895 53.5312 18.4276L53.5278 18.3681C53.4949 18.1914 53.5171 18.0089 53.5916 17.8451C53.6662 17.6814 53.7894 17.5441 53.9449 17.4518C54.0753 17.3717 54.2263 17.3308 54.3798 17.3338C56.4129 17.3325 58.4464 17.332 60.4795 17.332C60.6107 17.3325 60.7396 17.3631 60.8568 17.4212C60.9737 17.4794 61.0758 17.5634 61.1548 17.6671C61.234 17.7706 61.2877 17.8909 61.3122 18.0185C61.3366 18.146 61.3314 18.2775 61.2962 18.4027C61.3281 18.5028 61.3395 18.6082 61.3301 18.7129C61.33 20.9919 61.3296 23.2708 61.3293 25.5497Z' fill='white'/>\
</svg>");
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: -24px;
}

.written-by--author {
    border: 1.5px solid #EDF0FA;
    transition: .2s ease-out;
    padding: 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    background: white;
}

.written-by--author:hover {
    box-shadow: 0px 4px 24px 0px #00000014;
}

.written-by--title {
    margin-bottom: 16px;
    color: #040F35;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
}

.written-by--author-head {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    align-items: center;
}

.written-by--author-head img {
    height: 48px;
    width: 48px;
    object-fit: cover;
    border-radius: 99px;
}

.written-by--author-head-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
}

.written-by--author-head-social-link {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0;
    padding: 4px 0;
}

.written-by--author-head-social-links {
    display: flex;
    gap: 16px;
}

.explore-more-experts__slider,
.other-articles__slider {
    overflow: visible
}

.explore-more-experts__card,
.other-articles__card {
    max-width: 336px
}

.explore-more-experts {
    background: #EDF0FA;
    padding: 80px 0 100px 0 !important;
}

.other-articles {
    padding-top: 20px;
}

.other-articles--button-wrap {
    margin-top: 48px;
    text-align: center;
}

.article-content--dont-miss-an-article {
    background: #040F35;
    color: #FFFFFF;
    border-radius: 12px;
    padding: 24px 20px;
    margin-bottom: 40px;
    position: relative;
}

.article-content--dont-miss-an-article h3 {
    margin-bottom: 8px;
}

.article-content--dont-miss-an-article .text-s {
    color: #CDCFD7;
}

.article-content--dont-miss-an-article .text-s a {
    text-decoration: underline;
}

.article-content--dont-miss-an-article .btn--primary {
    margin-top: 16px;
}

.article-content--dont-miss-an-article label .text-s {
    color: #9B9FAE;
}

.article-content--dont-miss-an-article label {
    margin: 16px 0 8px 0;
    width: 100%;
}

input {
    border: 1px solid #CDCFD7;
    border-radius: 12px;
    padding: 12px 16px;
    width: 100%;
    outline: none;
}

input:hover {
    border: 1px solid #363F5D;
}

span.wpcf7-not-valid-tip {
    color: #C8113D;
    font-size: 14px;
    margin-top: 4px;
}

input.wpcf7-not-valid {
    border: 1px solid #C8113D;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /* Change 'white' to match your input background */
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    /* Optional: Change the text color if it's unreadable */
    -webkit-text-fill-color: black !important;
}

.article-content--dont-miss-an-article-decor {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.article-content--dont-miss-an-article-decor svg {
    height: 100%;
    border-radius: 12px;
}

.article-content--dont-miss-an-article-wrap {
    position: relative;
    z-index: 1;
}

.article-content p a,
.article-content ul a {
    text-decoration: underline;
    color: #14C0AF;
    transition: .2s ease-out;
}

.article-content p a:hover,
.article-content ul a:hover {
    color: #040F35;
}

@media (min-width: 760px) {
    .explore-more-experts__card,
    .other-articles__card {
        max-width: 334px
    }
}

@media (min-width: 768px) {
    .explore-more-experts .custom-slider-arrows,
    .other-articles .custom-slider-arrows {
        position: absolute;
        top: -84px;
        left: auto;
        right: 0;
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .explore-more-experts .custom-slider-arrows,
    .other-articles .custom-slider-arrows {
        top: -94px;
    }

    .explore-more-experts .custom-slider-arrow,
    .other-articles .custom-slider-arrow {
        position: relative;
        top: 0;
        left: auto;
        right: 0;
        margin: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .explore-more-experts__card,
    .other-articles__card {
        max-width: 396px
    }

    .explore-more-experts__head,
    .other-articles__head {
        text-align: left;
        margin-bottom: 48px;
        padding-right: 116px;
    }
}

@media (max-width: 1200px) {
    .article-content tbody td {
        min-width: 220px;
    }

    .article-right-sidebar {
        margin-top: 0;
        display: flex;
        flex-direction: column-reverse;
        gap: 40px;
        max-width: 100%;
    }

    .article-wrap {
        flex-direction: column;
        gap: 0;
    }

    .article-toc {
        margin: 4px 0;
        padding: 16px 24px;
        top: 90px;
        z-index: 2;
    }

    .article-toc--title svg {
        display: flex;
    }

    .article-toc--title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: .3s ease-out;
        cursor: pointer;
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
        z-index: 2;
    }

    .article-toc-wrap {
        display: none;
    }

    .article-toc:not(.active) .article-toc--title {
        border: none;
        margin: 0;
        padding: 0;
    }

    .article-toc a {
        padding: 6px 6px 6px 0;
    }

    .article-toc a:before {
        left: -9px;
    }

    .article-content h1 {
        padding-top: 24px;
        padding-bottom: 16px;
        font-size: 36px;
        font-weight: 700;
    }

    .article-content h2 {
        padding-top: 24px;
        padding-bottom: 16px;
        font-size: 30px;
    }

    .article-content h3 {
        padding-top: 24px;
        padding-bottom: 16px;
        font-size: 26px;
    }

    .article-content h4 {
        padding-top: 24px;
        padding-bottom: 8px;
        font-size: 22px;
    }

    .article-content h5 {
        padding-top: 24px;
        padding-bottom: 8px;
        font-size: 18px;
    }

    .article-content--note:before,
    .article-content--quote:before {
        width: 72px;
        height: 40px;
    }

    .written-by--author {
        margin-bottom: 0;
    }

    .written-by--authors {
        display: flex;
        gap: 20px;
    }

    .explore-more-experts {
        padding: 60px 0 80px 0 !important;
    }

    .explore-more-experts__head,
    .other-articles__head {
        margin-bottom: 40px;
    }

    .article-content--dont-miss-an-article {
        margin-bottom: 0;
    }
}

@media (max-width: 578px) {

    .written-by--authors {
        flex-direction: column;
    }

    .article-content-main-img {
        height: 190px;
    }

    .article-content h1 {
        padding-top: 24px;
        padding-bottom: 16px;
        font-size: 30px;
    }

    .article-content h2 {
        padding-top: 24px;
        padding-bottom: 16px;
        font-size: 26px;
    }

    .article-content h3 {
        padding-top: 24px;
        padding-bottom: 16px;
        font-size: 24px;
    }

    .article-content h4 {
        padding-top: 24px;
        padding-bottom: 16px;
        font-size: 20px;
    }

    .article-content h5 {
        padding-top: 24px;
        padding-bottom: 16px;
        font-size: 16px;
    }

    .article-content--key-takeaways h5 {
        font-size: 18px;
    }

    .article-content--note:before {
        width: 60px;
        height: 40px;
    }

    .article-content--note,
    .article-content--quote {
        padding: 32px 20px 24px 20px;
    }

    .article-toc {
        top: 70px;
    }

    .explore-more-experts__head,
    .other-articles__head {
        margin-bottom: 32px;
    }

    .explore-more-experts {
        padding: 40px 0 !important;
    }
}