.single-post .featured-media img{
    width: 100%;
    border-radius: 16px;
}
.single-post main .post-wrapper .container{
    max-width: 1183px;
    margin: 0 auto;
    padding-bottom: 63.48px;
}
.single-post main .post-wrapper{
    background: var(--BG, #FFF);
}
.single-post .featured-media-inner{
    padding-bottom: 59.37785910338518%;
}
.single-post .featured-media-inner img{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    object-fit: cover;
}
.single-post main {
    background-color: var(--BG2, #f8fafc);
}
.single-post main > *:last-child {
    padding-bottom: 90px;
}
.single-post main .wrapper-content{
    max-width: 1013px;
    margin: 0 auto;
}   
.single-post .featured-media-inner{
    left: auto;
    width: 100%;
}
.single-post main h1 {
    color: var(--Text, #27272A);
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    margin-top:34px;
    margin-bottom: 66.99px;
}

.single-post main .entry-content h1 {
    font-size: 54px;
    font-weight: 500;
}
.single-post main .entry-content h2 {
    font-size: 44px;
    font-weight: 400;
}
.single-post main .entry-content h3 {
    font-size: 34px;
    font-weight: 400;
}

.single-post main .entry-content h4 {
    font-size: 34px;
    font-weight: 400;
}

.single-post main .entry-content h5 {
    font-size: 28px;
    font-weight: 400;
}

.single-post main .entry-content h6 {
    font-size: 24px;
    font-weight: 300;
}

.single-post main .entry-content,
.single-post main .entry-content * {
    color: var(--Text, #27272A);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.related-posts {
    background-color: var(--BG2, #f8fafc);
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
}
.related-posts .container {
    max-width: 1330px;
}

.related-posts .title {
    color: var(--Primary-Blue, #002f6c);
    white-space: nowrap;
    font: 500 32px Inter, sans-serif;
    margin: 45.13px 0 31.87px;
}
.related-posts .div-3 {
    align-self: center;
    margin-top: 33px;
    width: 100%;
    max-width: 1132px;
    padding-left: 15px;
}
.related-posts .div-4 {
    gap: 20px;
    display: flex;
    margin-bottom: 45px;
}
body:not(.search) .related-posts .div-4:last-child{
    margin-bottom: 0px;
}
.related-posts .column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 23%;
    margin-left: 0px;
}
.related-posts .div-5 {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    display: flex;
    aspect-ratio: 1;
    justify-content: center;
    border-radius: 10px;
}
.related-posts .div-5 a{
    text-decoration: none;
    color: #000;
}
.related-posts .div-5 a:hover {
    color: var(--Primary-Blue, #002F6C);
}
.related-posts .img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.related-posts .img-2 {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 100%;
    overflow: hidden;
}
.related-posts .column-2 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 77%;
    margin-left: 20px;
    text-align: left;
}
.related-posts .div-6 {
    color: var(--Text, #27272a);
    text-decoration-line: underline;
    margin: auto 0;
    font: 500 24px Inter, sans-serif;
}
.related-posts .div-6,
.related-posts .div-6 *{
    color: var(--Text, #27272A);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
}
body.category .related-posts .div-3,
body.blog .related-posts .div-3{
    margin-top: 45px;
    margin-bottom: 45px;
    padding-left: 0px;
}
body.category .related-posts,
body.blog .related-posts,
body.search .related-posts{
    background: transparent;
}
body.category .archive-header,
body.category .archive-header *,
body.search .archive-header h1,
body.search .archive-header h1 *,
body.blog .archive-header,
body.blog .archive-header *{
    color: var(--Primary-Blue, #002F6C);
    font-family: Inter;
    /* font-size: 96px; */
    font-size: min(max(32px, calc(2.4rem + (96 - 32) * ((100vw - 430px) / (1440 - 430)))), 96px);
    min-height: 0vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
body.category .archive-header,
body.search .archive-header,
body.blog .archive-header{
    padding-top: 45px;
    padding-bottom: 0;;
}
body.category .archive-header *,
body.blog .archive-header *{
    padding-top: 0;
    margin-top: 0;
}
.pagination-wrapper,
body.search main#site-content {
    margin-bottom: 10rem;
}
body.search .archive-header-inner {
    padding: 0 40px;
}
body.search main#site-content{
    overflow: visible;
}
body.search main#site-content .pagination-wrapper{
    margin-bottom: 0;
}
body.search .related-posts .page .div-5 {
    background: #F2F2F2;
    text-align: center;
}
.pagination a {
    color: var(--Text, #27272A);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.pagination .prev {
    padding-left: 134px;
    padding-right: 0;
}
.pagination .prev.read-more:before {
    left: 0;
    right: auto;
    transform: rotate(180deg) translateY(50%);
}
.pagination .prev.read-more:after {
    left: 22px;
}
.pagination .prev.read-more:hover:before{
    left: -22px;
}
.pagination .nav-links > * {
    font-size: 20px;
    text-decoration: none !important;
}
.pagination .nav-links > .current {
    color: #002F6C;
}

@media (max-width: 1024px){
    .pagination .prev,
    .pagination .next {
        padding-left: 22px;
        font-size: 0;
        width: 45px;
        /* margin: 0; */
        height: 45px;
        top: 50%;
        background: url('../images/arrow-white.svg') no-repeat center;
        background-size: contain;
    }
    .pagination .next {
        margin-left: 2.5rem;
    }
    .pagination .prev:hover,
    .pagination .next:hover {
        left: auto;
        right: auto;
        border: none;
    }
    .pagination .prev{
        transform: rotate(180deg);
    }
    .pagination .nav-links > * {
        margin-top: 0;
        display: inline-block;
        vertical-align: middle;
        top: auto;
    }
    .pagination .nav-links {
        display: block;
        text-align: center;
    }
    .pagination-wrapper,
    body.search main#site-content {
        margin-bottom: 5rem;
    }
    body.search main#site-content .pagination-wrapper{
        margin-bottom: 0;
    }
    body.category .archive-header,
    body.category .archive-header *,
    body.search .archive-header h1,
    body.search .archive-header h1 *,
    body.blog .archive-header,
    body.blog .archive-header *{
        /* font-size: 50px; */
    }
}
@media (max-width: 767px) {
    .single-post main .entry-content, .single-post main .entry-content *,
    .related-posts .div-6 * {
        font-size: 20px;
    }
    body.category .archive-header,
    body.category .archive-header *,
    body.search .archive-header h1,
    body.search .archive-header h1 *,
    body.blog .archive-header,
    body.blog .archive-header *{
        /* font-size: 32px; */
    }
    .single-post main .post-wrapper .container{
        padding-bottom: 45px;
    }
    .single-post main h1 {
        font-size: 50px;
        margin-bottom: 24px;
    }
    .related-posts .div-6 {
        max-width: 100%;
        margin-top: 24px;
    }
    .related-posts .title {
        max-width: 100%;
        white-space: initial;
        font-size: 30px;
    }
    .related-posts .div-3 {
        max-width: 100%;
        padding-left: 0;
    }
    .related-posts .div-4 {
        flex-direction: column;
        align-items: stretch;
        gap: 0px;
    }
    .related-posts .column {
        width: 100%;
    }
    .related-posts .div-5 {
        /* margin-top: 32px; */
        display: block;
    }
    .related-posts .div-5 img {
        width: 100%;
    }
    .related-posts .column-2 {
        width: 100%;
        margin-left: 0;
    }
   
}

