.page-with-side-bar {
    display: grid;
    grid-template-columns: calc( 100% - 24rem) 19.5rem;
    gap: 0 3.5rem;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    font-family: 'Roboto', sans-serif;
    line-height: 1.4;
    position: relative;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.page-content h1,
.page-content h2,
.page-content h3 {
    font-size: 1.333335em;
}

.page-content h4,
.page-content h5,
.page-content h6 {
    font-size: 1.1111111112em;
}

.page-content h1.page-title.single-page-title {
    font-size: 1.777777778em;
    margin-bottom: 2.875rem;
    margin-top: 0;
    font-weight: 600;
}

.page-content h1.page-title.single-page-title::before {
    content: "";
    position: absolute;
    width: 2em;
    height: 2px;
    background-color: var(--orange);
    left: 0;
    top: 1.25em;
}

.page-content {
    font-family: 'Raleway', sans-serif;
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 12vh;
}

.page-content p, 
.page-content span, 
.page-content li, 
.page-content a, 
.page-content strong, 
.page-content b, 
.page-content i, 
.page-content em {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
.wp-caption.aligncenter {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}
.wp-caption.aligncenter img {
    margin: 0 auto;
}
.page-content img.aligncenter {
    margin: 6.75vh auto;
    clear: both;
}
.wp-caption.alignnone {
    max-width: 100%;
}
.page-content img.alignnone {
    clear: both;
    margin: 6.75vh 0;
}

.page-content img.alignleft {
    float: left;
    margin: 6.75vh 2rem 6.75vh 0;
    max-width: 50%;
}
.wp-caption.alignleft {
    max-width: 100%;
    margin: 0 auto 0 0;
}
.wp-caption.alignleft img {
    margin: 0 auto 0 0;
}
.page-content img.alignright {
    float: right;
    max-width: 50%;
    margin: 6.75vh 0 6.75vh 2rem;
}
.wp-caption.alignright {
    max-width: 100%;
    margin: 0 0 0 auto;
    text-align: end;
}
.wp-caption.alignright img {
    margin: 0 0 0 auto;
}
.page-content ol,
.page-content ul {
    padding: 0 0 0 0;
    list-style-type: none;
    counter-reset: ol-numbers;
    margin: 1rem 0;
}
.page-content ol > li::before {
    counter-increment: ol-numbers;
    content: counter(ol-numbers)". ";
    font-family: 'Roboto', sans-serif;
}
.page-content ul > li::before {
    content: "";
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    background-color: var(--blue);
    border-radius: 50%;
    margin-right: 1rem;
    position: relative;
    top: 1px;
}
.page-content a {
    color: var(--blue);
    transition: color 0.125s ease-in-out;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid;
}
.page-content a:hover {
    color: var(--orange);
}
/* sidebar */
.sidebar-wrapper {
    margin-bottom: 6.75vh;
}
.sidebar-wrapper .apearances {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 1.5rem;
    background-color: #F1F9FC;
    border: 2px solid var(--blue);
    border-radius: 1.25rem;
    margin-bottom: 2.25rem;
}
.sidebar-wrapper .apearances p.apearances-title {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    margin-bottom: 2.25rem;
    font-weight: 600;
}
.sidebar-wrapper .apearances .apearances-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 0 1.25rem;
    font-weight: 600;
    font-size: 1.125rem;
    font-family: 'Roboto', sans-serif;
    line-height: 1.175;
    color: var(--dark-blue);
}
.sidebar-wrapper .apearances .apearances-item:not(:last-child) {
    margin-bottom: 1.5rem;
}
.sidebar-wrapper .apearances .apearances-item p {
    flex: 0 0 calc( 100% - 68px);
    max-width: calc( 100% - 68px);
    text-indent: 0;
}

.transporation-banner {
    margin-bottom: 2.25rem;
    padding-bottom: 2.5rem;
    border-radius: 10px;
    background: #f1f9fc;
    overflow: hidden;
}
.transporation-banner__image {
    padding-bottom: 0.5rem;
}
.transporation-banner__image img {
    width: 100%;
}
.transportation-banner__title, .transportation-banner__text, .transportation-banner__link {
    padding-inline: 1.5rem;
}
.transportation-banner__title {
    margin-top: 1.75rem;
    text-align: center;
    font-size: clamp(1.125rem, 2.5vw, 1.375rem);
    font-weight: 600;
    color: #33608c;
}
.transportation-banner__text {
    margin-top: 1.75rem;
    text-align: center;
    font-size: clamp(1rem, 2.25vw,1.175rem);
}
.transportation-banner__link {
    text-decoration: none;
    width: max-content;
    display: block;
    margin-inline: auto;
    padding-inline: 2rem;
    padding-block: 0.75rem;
    margin-top: 1.75rem;
    color: #ffff;
    background: var(--orange);
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    font-weight: 600;
    border-radius: 10px;
    text-transform: uppercase;
    transition: color .25s ease, background-color .25s ease, box-shadow .25s ease;
}
.download-wrapp {
    margin-bottom: 2.5rem;
}
.download-wrapp .title {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--bg);
    padding: 1.5rem 2.25rem 9.5rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 1.25rem 1.25rem 0 0;
    color: var(--white);
    font-weight: 600;
    font-size: 1.5rem;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
.download-wrapp .download-link {
    text-align: center;
    display: flex;
    border-radius: 0 0 1.25rem 1.25rem;
    text-decoration: none;
    gap: 0.25rem;
    font-size: 1.125rem;
    line-height: 1.175;
    font-weight: 700;
    color: var(--white);
    font-family: 'Raleway', sans-serif;
    background-color: var(--blue);
    justify-content: center;
    padding: 1.125rem;
    align-items: center;
    transition: color 0.175s ease;
}
.download-wrapp .download-link:hover {
    color: var(--orange);
}
/* sidebar */

/* meta */
.article-meta-block {
    margin-top: 6.75vh;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}
.article-meta-block .author {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    align-items: center;
}
.article-meta-block .author .icon {
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 80px;
    max-width: 80px;
}
.article-meta-block .author .text {
    flex: 0 0 calc( 100% - 100px);
    max-width: calc( 100% - 100px);
}
.article-meta-block .author .text .name {
    font-weight: 600;
    margin-bottom: 0.25rem;
}
.article-meta-block .author .text .description {
    font-size: 0.75rem;
    color: #AFAFAF;
}

.article-meta-block .public-date {
    font-size: 0.75rem;
}

.article-meta-block .public-date .date {
    font-family: 'Roboto', sans-serif;
}
/* meta */

/* .page-content blockquote {
    background: var(--orange);
    padding-block: 2rem;
    padding-inline: 3rem;
    font-style: italic;
    position: relative;
    color: #ffffff;
    text-indent: 0;
}
.page-content blockquote p {
    text-indent: 0;
}
.page-content blockquote:before {
    content: '';
    width: 31px;
    height: 25px;
    display: block;
    position: absolute;
    left: 0.36rem;
    top: 1.75rem;
    background-size: 100%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="469" height="372" viewBox="0 0 469 372" fill="none"><g clip-path="url(%23clip0_1109_247)"><path d="M117.556 173.779C101.117 173.834 84.9694 178.12 70.6667 186.223C90.8034 134.101 124.201 88.1406 167.556 52.8898C170.036 50.847 172.09 48.3357 173.6 45.4991C175.11 42.6626 176.046 39.5564 176.356 36.358C176.665 33.1595 176.342 29.9314 175.404 26.8579C174.466 23.7845 172.932 20.9259 170.889 18.4454C168.846 15.9649 166.335 13.911 163.498 12.401C160.662 10.891 157.555 9.95456 154.357 9.64503C151.159 9.3355 147.93 9.659 144.857 10.597C141.784 11.5351 138.925 13.0693 136.444 15.112C47.5556 87.3343 8 187.334 8 249.334C8.15316 271.256 14.686 292.659 26.8009 310.93C38.9158 329.201 56.0885 343.55 76.2222 352.223C89.2525 358.535 103.522 361.875 118 362.001C130.744 362.62 143.48 360.645 155.438 356.195C167.395 351.745 178.324 344.913 187.562 336.113C196.8 327.313 204.155 316.729 209.18 305.001C214.206 293.274 216.797 280.648 216.797 267.89C216.797 255.131 214.206 242.506 209.18 230.778C204.155 219.051 196.8 208.466 187.562 199.666C178.324 190.867 167.395 184.034 155.438 179.584C143.48 175.134 130.744 173.159 118 173.779H117.556Z" fill="%23ffffff"/><path d="M365.111 173.776C348.67 173.812 332.517 178.099 318.222 186.221C338.351 134.153 371.661 88.2083 414.889 52.8876C417.595 50.9373 419.873 48.454 421.583 45.5904C423.293 42.7268 424.399 39.5436 424.832 36.2366C425.266 32.9296 425.018 29.5689 424.105 26.3612C423.191 23.1535 421.631 20.1667 419.519 17.5846C417.408 15.0026 414.791 12.8799 411.829 11.3472C408.866 9.81449 405.622 8.90423 402.294 8.6724C398.967 8.44058 395.628 8.89209 392.482 9.99918C389.335 11.1063 386.449 12.8455 384 15.1098C295.111 87.332 255.556 187.332 255.556 249.332C255.661 271.006 262.003 292.191 273.825 310.357C285.647 328.523 302.448 342.902 322.222 351.776C335.583 358.273 350.255 361.618 365.111 361.554C377.855 362.174 390.591 360.199 402.549 355.749C414.506 351.299 425.435 344.466 434.673 335.666C443.912 326.867 451.266 316.282 456.291 304.555C461.317 292.827 463.908 280.202 463.908 267.443C463.908 254.685 461.317 242.059 456.291 230.332C451.266 218.604 443.912 208.02 434.673 199.22C425.435 190.42 414.506 183.588 402.549 179.138C390.591 174.688 377.855 172.713 365.111 173.332V173.776Z" fill="%23ffffff"/></g></svg>');
} */

/* latest articles */
.latest-articles-wrapper {
    background: #F1F9FC;
    padding: 2.5rem 0 3.5rem 0;
}
.sidebar-wrapper .latest-articles-wrapper {
    background-color: transparent;
    border-radius: 10px;
    padding: 0;
}
.sidebar-wrapper .latest-articles-wrapper .container-custom {
    padding: 0;
}
.latest-articles-wrapper .latest-articles__title {
    font-size: 1.5rem;
    color: var(--dark-blue);
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 1.5rem;
}
.latest-articles-wrapper .articles-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(424px, 1fr));
    gap: 1.5rem;
}
.sidebar-wrapper .latest-articles-wrapper .articles-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.latest-articles-wrapper .articles-wrapper .article-item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    background-color: var(--white);
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0px 4px 12px rgb(137 137 137 / 25%);
    padding: 0 1.5rem 2.5rem;
    transition: transform 0.333s ease-in-out;
}
.sidebar-wrapper .latest-articles-wrapper .articles-wrapper .article-item {
    padding-left: 12px;
    padding-right: 12px;
}
.latest-articles-wrapper .articles-wrapper .article-item:hover {
    transform: scale(1.05);
}
.latest-articles-wrapper .articles-wrapper .article-item .article-thumbnail {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.sidebar-wrapper .latest-articles-wrapper .articles-wrapper .article-item .article-thumbnail {
    margin-left: -12px;
    margin-right: -12px;
}
.latest-articles-wrapper .articles-wrapper .article-item .article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
    font-family: 'Roboto', sans-serif;
}
.latest-articles-wrapper .articles-wrapper .article-item .article-title {
    color: var(--dark-blue);
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
.sidebar-wrapper .latest-articles-wrapper .articles-wrapper .article-item .article-title {
    font-size: 1.125rem;
}
.latest-articles-wrapper .articles-wrapper .article-item .article-title h3 {
    font-size: inherit;
    font-weight: inherit;
}

.latest-articles-wrapper .articles-wrapper .article-item .article-excerpt {
    font-family: 'Raleway', sans-serif;
}
.sidebar-wrapper .latest-articles-wrapper .articles-wrapper .article-item .article-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    font-size: 0.875rem;
}
.latest-articles-wrapper .articles-wrapper .article-item .article-link {
    margin: auto 0 0 0;
}

.latest-articles-wrapper .articles-wrapper .article-item .article-link .readmore {
    color: var(--orange);
    font-family: 'Roboto', sans-serif;
    transition: color 0.125s ease;
    text-decoration: none;
    border-bottom: 1px solid;
}
.sidebar-wrapper .latest-articles-wrapper .articles-wrapper .article-item .readmore{
    font-size: 0.9375rem;
}
.latest-articles-wrapper .articles-wrapper .article-item .article-link .readmore:hover {
    color: var(--blue);
}
/* latest articles */

@media screen and ( max-width : 1350px ) {
    .page-content {
        font-size: 95%;
    }
    /* latest-articles */
    .latest-articles-wrapper .articles-wrapper .article-item .article-thumbnail {
        transition: overflow 1s ease;
        overflow: hidden;
    }
    img.archive-page__item__thumbnail {
        display: inline-block;
        width: 100%;
        height: auto;
    }
    .latest-articles-wrapper .articles-wrapper .article-item .article-thumbnail img {
        margin: 0 auto;
    }
    /* latest-articles */    
}

@media screen and ( max-width: 1024px ) {
    .custom-theme__main-content {
        padding-top: 4.5rem;
    }
    .wp-caption {
        max-width: 900px;
    }
}

@media screen and ( max-width : 991px ) {
    .page-with-side-bar {
        grid-template-columns: 1fr;
    }
    .page-content {
        font-size: 1rem;
    }
    /* sidebar */
    .sidebar-wrapper .apearances {
        flex-direction: revert;
        flex-wrap: wrap;
        gap: 1.5rem;
    }
    .sidebar-wrapper .apearances p.apearances-title {
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 0.5rem;
    }
    .sidebar-wrapper .apearances .apearances-item {
        flex: 0 0 calc( 50% - 0.75rem);
    }
    .sidebar-wrapper .apearances .apearances-item:not(:last-child) {
        margin-bottom: 0;
    }

    /* sidebar */
    .wp-caption {
        max-width: 100%;
        width: auto!important;
    }
}

@media screen and ( min-width: 491px ) and ( max-width : 991px ) {
    .transporation-banner {
        display: flex;
        padding-bottom: 0;
        overflow: hidden;
        align-items: center;
    }
    .transporation-banner__image {
        height: 100%;
        padding-bottom: 0;
    }
}

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

    .page-content h1.page-title.single-page-title {
        margin-bottom: 1rem;
        font-size: 1.5em;
    }
    .page-content img.aligncenter,
    .page-content img.alignnone,
    .page-content img.alignleft,
    .page-content img.alignright {
        clear: both;
        max-width: 100%;
        margin: 6.75vh auto;
        float: none;
    }

    /* sidebar */
    .sidebar-wrapper {
        margin-bottom: 6.75vh;
    }
    .sidebar-wrapper .apearances .apearances-item {
        flex: 0 0 100%;
    }
    .download-wrapp .title {
        padding: 1.5rem 1.25rem 7.5rem;
    }
    /* sidebar */

    /* meta */
    .article-meta-block {
        flex-direction: column;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }
    /* meta */

    /* latest-articles */
    .latest-articles-wrapper .articles-wrapper {
        grid-template-columns: 1fr;
    }
    /* latest-articles */


}