/**
 * singular-sidebar.css
 */
.singular__container {
    padding-top: 24px;
}
.singular__row {
    display: flex;
    gap: 24px;
    position: relative;
    flex-wrap: wrap;
}
.singular__row .post-inner.full {
    width: 100%;
    max-width: 100%;
}
.singular__toc {
    position: relative;
    width: 256px;
    min-width: 256px;
    max-width: 256px;
    /*scroll-snap-align: start;*/
    flex: 0 auto;
    height: unset;
    left: 0;
}
.singular__toc-toggle ul {
    margin: 0;
}
.singular__toc-toggle ul li a {
    color: #222324;
    border-bottom: 1px dotted;
    text-decoration: none;
    text-underline-offset: .5em;
    font-size: 15px;
    line-height: 24px;
    border-bottom: 1px dotted #C3C4C7;
}
.singular__toc-toggle ul li a:hover {
    border-bottom-color: #2965FF;
}
.singular__toc-toggle ul li a.current,
.singular__toc-toggle ul li a:active,
.singular__toc-toggle ul li a:focus {
    color: #215AEE;
    border-bottom: 1px dotted #2965FF;
}
.singular__toc-toggle ul li {
    margin-top: 16px;
}
.singular__toc-toggle ul li.ez-toc-heading-level-2 {
    background-image: url(../images/icon-romb-blue.svg);
}
.singular__toc-toggle ul li.ez-toc-heading-level-3 {
    background-image: url(../images/icon-romb-blue-border.svg);
}
.singular__toc-footer {
    display: none;
    position: relative;
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
    height: 20px;
    background: #fff;
    border-top: 1px solid #E7E7E8;
    box-shadow: 0 -10px 10px 10px #fff;
}
.singular__toc-footer button {
    display: block;
    border: 1px solid #E7E7E8;
    background: #fff url(../images/icon-plus-minus.webp) 0 0 / 60px 30px no-repeat;
    box-shadow: 0 2px 5px 0 rgb(58 62 69 / .08);
    width: 32px;
    height: 32px;
    padding: 8px;
    position: relative;
    margin: -17px auto 0;
}
.singular__toc-footer button.full {
    background-position-x: -30px;
}
.singular__navigation .pagination-single {
    width: 100%;
}
@media (min-width:1700px) {
    .singular__toc {
        position: absolute;
        left: -288px;
        height: 100%;
    }
}
.singular__toc .sticky {
    position: sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.singular__toc #ez-toc-container {
    position: relative;
    margin: 0;
    display: block;
    background-color: transparent;
    color: #2C313E;
    padding: 16px 0 32px 0;
    border: none;
    border-radius: 0;
}
.singular__toc #ez-toc-container .ez-toc-title-container {
    margin-bottom: 16px;
}
.singular__toc #ez-toc-container .ez-toc-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.singular__toc #ez-toc-container .ez-toc-title-toggle {
    display: none;
}
.singular__toc #ez-toc-container ul {
    display: flex;
    flex-direction: column;
    margin: 0;
}
.singular__toc #ez-toc-container ul,
.singular__toc #ez-toc-container ul li {
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    color: #2C313E;
}
.singular__toc #ez-toc-container ul li {
    font-weight: inherit;
    background: none transparent;
    transition: all 0.3s;
}

/*.singular__toc #ez-toc-container ul li.ez-toc-heading-level-2 {*/
.singular__toc #ez-toc-container ul.ez-toc-list > li {
    background-color: transparent;
    /*padding: 6px 4px 6px 16px;*/
    padding: 6px 4px 6px 6px;
    /*border-left: 1px solid #E0E0E8;*/
    border-left: none;
}
.singular__toc #ez-toc-container ul.ez-toc-list > li ul {
    padding-top: 6px;
    padding-bottom: 6px;
}
.singular__toc #ez-toc-container ul.ez-toc-list > li li {
    background-color: transparent;
    /*padding: 6px 4px 6px 16px;
    border-left: 1px solid #E0E0E8;*/
    padding: 6px 4px 6px 6px;
    border-left: none;
}
.singular__toc #ez-toc-container a {
    color: #2C313E;
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
    outline: none;
    transition: all 0.2s;
}
.singular__toc #ez-toc-container a:hover {
    color: #0099CA;
    text-decoration: underline;
}
/*.singular__toc #ez-toc-container ul li.ez-toc-heading-level-2.current {*/
.singular__toc #ez-toc-container ul.ez-toc-list > li.current,
.singular__toc #ez-toc-container ul.ez-toc-list > li li.current {
    border-left: 1px solid #0099CA;
    background-color: #F5FAFF;
}

/*.singular__toc #ez-toc-container ul li.ez-toc-heading-level-2.current a.current {*/
.singular__toc #ez-toc-container ul li.current a.current {
    color: #0099CA;
}

.singular__content {
    position: relative;
    flex: 1 1;
}
.singular__toc-on-top .singular__sidebar .singular__toc {
    display: none;
}
@media (max-width: 1699px) {
    .singular__content {
        max-width: calc(100% - 285px - 256px - 48px);
    }
    .singular__toc-on-top .singular__content {
        max-width: calc(100% - 285px);
    }
    .singular__toc-on-top .singular__content .singular__toc {
        display: none;
    }
    .singular__toc-on-top .singular__sidebar .singular__toc {
        display: block;
    }
    .singular__toc-on-top .singular__toc {
        max-width: 100%;
        min-width: unset;
        width: 100%;
    }
    .singular__toc-on-top .singular__content .singular__toc #ez-toc-container {
        padding-top: 0;
        border-bottom: 1px solid #e7e7e8;
        margin-bottom: 2em;
    }
    .singular__toc-on-top .singular__sidebar .singular__toc #ez-toc-container {
        display: block;
        padding: 0;
        margin: 0;
        border: none;
    }
    .singular__toc-on-top .singular__toc .sticky {
        position: relative;
    }
    .singular__toc-on-top .singular__toc #ez-toc-container ul.ez-toc-list > li.current,
    .singular__toc-on-top .singular__toc #ez-toc-container ul.ez-toc-list > li li.current {
        background-color: transparent;
    }
}
.singular__sidebar {
    display: flex;
    flex-direction: column;
    gap: 48px;
    min-width: 285px;
    max-width: 285px;
}
@media (max-width: 1199px) {
    .singular__sidebar {
        min-width: 100%;
        max-width: 100%;
    }

    .singular__content,
    .singular__toc-on-top .singular__content {
        max-width: 100%;
    }
    .singular__toc-on-top .singular__sidebar .singular__toc {
        display: none;
    }
    .singular__toc-on-top .singular__content .singular__toc {
        display: block;
    }
}
.sidebar__blocktitle {
    color: #031A54;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
    padding: 0 8px;
    margin-bottom: 24px;
}
.usefulltools {
    position: relative;
    display: block;
}
.usefulltools__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.usefulltools__item {
    display: flex;
    flex-direction: column;
    gap:16px;
    background-color: #F5FAFF;
    color: #2C313E;
    padding: 24px 32px 40px 24px;
}
.usefulltools__header {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #2C313E;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-decoration: none;
    transition: color 0.2s;
    outline: none;
}
.usefulltools__header img,
.usefulltools__header span {
    display: block;
}
.usefulltools__header:hover {
    text-decoration: none;
    color: #0056b3;
}
.usefulltools__icon {
    width: 40px;
}
.usefulltools__content {
    display: block;
}
.usefulltools__footer {
    display: block;
}
.usefulltools__btn {
    display: inline-flex;
    align-items: center;
    background-color: #0A6CDE;
    border: 2px solid #0A6CDE;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
    outline: none;
    transition: all 0.2s;
    box-shadow: none;
}
.usefulltools__btn:hover {
    border-color: #337ED6;
    background-color: #337ED6;
    color: #FFFFFF;
    text-decoration: none;
}
.usefulltools__btn:focus {
    border: 2px solid #0A6CDE;
    background-color: #0A6CDE;
}
.usefulltools__btn:focus-visible {
    color: #0A6CDE;
    background-color: #F9FAFC;
    border-color: #535969;
}
.usefulltools__btn.disabled,
.usefulltools__btn[disabled] {
    background-color: #97C7FF;
    border-color: #97C7FF;
    color: #ECF0F1;
    cursor: default;
    pointer-events: none;
}

.peopleabout,
.videos {
    position: relative;
    color: #2C313E;
}
.peopleabout__top {

}
.peopleabout__header,
.videos__header {
    display: flex;
    gap: 10px;
    flex-direction: row;
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 700;
    line-height: 34px;
}
.peopleabout__header img,
.peopleabout__header span,
.videos__header img,
.videos__header span {
    display: block;
}
.peopleabout__icon {
    width: 32px;
    height: auto;
}
.peopleabout__text,
.videos__text {
    display: block;
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 2px dotted #CCCCD8;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
}
.videos__text {
    padding-bottom: 0;
    border: none;
}
.peopleabout__bottom {
    display: block;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px dotted #CCCCD8;
    text-align: center;
}
.peopleabout__bottom a {
    display: inline-flex;
    text-decoration: none;
    outline: none;
    text-align: center;
    justify-content: center;
}
.peopleabout__bottom img {
    display: block;
    width: 203px;
    height: auto;
    margin: 0 auto;
}

/*@media (min-width: 641px) and (max-width: 1199px) {*/
@media (max-width: 1199px) {
    .usefulltools__list {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .usefulltools__item {
        flex: 0 1 calc(50% - 8px);
        justify-content: space-between;
    }
    .peopleabout {
        display: flex;
        align-items: center;
        padding-top: 20px;
        border-top: 2px dotted #CCCCD8;
        padding-bottom: 20px;
        border-bottom: 2px dotted #CCCCD8;
        margin-bottom: 20px;
    }
    .peopleabout__top,
    .peopleabout__bottom {
        flex: 1 1;
    }
    .peopleabout__text {
        margin-bottom: 0;
        padding-bottom: 0;
        border: 0;
    }
    .peopleabout__bottom {
        margin: 0;
        padding: 0;
        border: none;
    }
}

.singular__recent {
    margin-bottom: 70px;
}
.recentposts {
    margin-top: 20px;
}
.recentposts__head {
    color: #2C313E;
    font-size: 23px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 20px;
}
.recentposts__list {
    margin-top: 20px;
    border-top: 1px solid #DFE3EA;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.recentposts__item {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}
.recentposts__data {
    padding-left: 34px;
    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='M20.7856 10.8559L15.0924 5.19305C14.8337 4.93565 14.4455 4.93565 14.1867 5.19305L12.1165 7.25227C11.793 7.57402 11.9224 7.96012 12.1165 8.15318L12.5693 8.60363L10.6285 10.5341C9.65805 10.3411 7.00555 9.89064 5.58226 11.3064C5.32348 11.5638 5.32348 11.9499 5.58226 12.2073L9.26988 15.8752L5.19409 19.9293C4.9353 20.1867 4.9353 20.5728 5.19409 20.8302C5.45287 21.0876 5.90573 21.0233 6.09982 20.8302L10.1756 16.7761L13.8632 20.4441C14.2514 20.7659 14.6396 20.6372 14.769 20.4441C16.1923 19.0284 15.7394 16.39 15.5453 15.4248L17.4862 13.4943L17.939 13.9447C18.1978 14.2021 18.586 14.2021 18.8448 13.9447L20.915 11.8855C21.0444 11.4994 21.0444 11.1133 20.7856 10.8559Z' fill='%23DFE3EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8728 3.14461C12.0656 2.9518 12.3783 2.9518 12.5711 3.14461L18.8554 9.42892C19.0482 9.62174 19.0482 9.93436 18.8554 10.1272L16.0624 12.9202C15.8695 13.113 15.5569 13.113 15.3641 12.9202L14.6658 12.2219L13.2446 13.6432C14.2595 14.997 14.1514 16.9259 12.9202 18.1571L12.2219 18.8554C12.0291 19.0482 11.7165 19.0482 11.5237 18.8554L7.68328 15.015L3.84287 18.8554C3.65005 19.0482 3.33743 19.0482 3.14461 18.8554C2.9518 18.6626 2.9518 18.3499 3.14461 18.1571L6.98502 14.3167L3.14461 10.4763C2.9518 10.2835 2.9518 9.97087 3.14461 9.77805L3.84287 9.07979C5.07406 7.8486 7.00304 7.74048 8.35679 8.75541L9.77805 7.33415L9.07979 6.6359C8.88698 6.44308 8.88698 6.13046 9.07979 5.93764L11.8728 3.14461ZM8.73067 9.77805C8.53785 9.97087 8.2272 9.96767 8.0128 9.79918C6.81025 8.8541 5.41425 8.90492 4.54113 9.77805L4.192 10.1272L11.8728 17.808L12.2219 17.4589C13.1003 16.5805 13.2202 15.2467 12.2034 13.9853C12.0323 13.773 12.0291 13.4622 12.2219 13.2693L14.3167 11.1746C14.5095 10.9817 14.8222 10.9817 15.015 11.1746L15.7132 11.8728L17.808 9.77805L12.2219 4.192L10.1272 6.28677L10.8254 6.98502C11.0183 7.17784 11.0183 7.49046 10.8254 7.68328L8.73067 9.77805Z' fill='%232C313E'/%3E%3C/svg%3E%0A");
    background-position: left center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    min-height: 24px;
    color: #535969;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 20px;
}
.recentposts__title {
    padding-left: 34px;
    color: #2C313E;
    font-size: 23px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 10px;
}
.recentposts__title a {
    color: #2C313E;
    text-decoration: none;
    transition: all 0.2s;
}
.recentposts__title a:hover {
    color: #0056b3;
    text-decoration: none;
}
.recentposts__excerpt {
    color: #535969;
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 20px;
    padding-left: 34px;
    flex: 1 auto;
}
.recentposts__bottom {
    padding-left: 34px;
    display: flex;
    gap:10px;
    align-items: center;
}
.recentposts__avatar-wrapper {
    position: relative;
}
.recentposts__avatar {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    border:1px solid #2C313E;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 5px 6px 1px #0000001F;
    overflow: hidden;
}
.recentposts__avatar img {
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    /*border-radius: 50%;
    width: 32px;
    height: auto;*/
}
.recentposts__author {
    color: #2C313E;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
}
@media (max-width: 991px) {
    .recentposts__list {
        flex-direction: column;
        gap: 0;
    }
    .recentposts__item {
        flex: 0 auto;
        padding-bottom: 32px;
        border-bottom: 1px solid #DFE3EA;
        margin-bottom: 40px;
    }
    .recentposts__item:last-child {
        margin-bottom: 0;
    }
}

.author {
    display: block;
    marign-top: 40px;
    margin-bottom: 40px;
}
.author__head {
    color: #2C313E;
    font-size: 23px;
    font-weight: 700;
    line-height: 34px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DFE3EA;
    margin-bottom: 20px;
}
.author__content {
    display: flex;
    gap: 16px;
}
.author__avatar-wrapper {
    max-width: 48px;
}
.author__avatar {
    width: 48px;
    height: 48px;
    border: 1px solid #2C313E;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 5px 6px 0px #0000001F;
}
.author__avatar img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.author__info {
    display: flex;
    flex-direction: column;
}
.author__name {
    color: #2C313E;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
}
.author__link {
    color: #2C313E;
    text-decoration: none;
    outline: none;
}
.author__link:hover {
    color: #0056b3;
    text-decoration: none;
}
.author__position {
    display: flex;
    align-items: center;
    color: #2C313E;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    gap: 8px;
}
.author__position b {
    font-weight: 700;
}
.author__desc {
    margin-top: 10px;
    color: #2C313E;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
}
.social-profile {
    display: inline-flex;
    position: relative;
    margin-left: 30px;
}
.social-profile__link {
    cursor: pointer;
    text-decoration: none;
    outline: 0;
}
.social-profile__img {
    display: block;
    outline: 0;
    width: 18px;
    height: auto;
}
.social-profile__link:hover .social-profile__img path {
    fill: #0099ca99 !important;
}


.page-singular details {
    color: #535969;
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    background-color: #FFF1DC;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 13px 50px 13px 15px;
    position: relative;
}
.page-singular details summary {
    color: #2C313E;
    display: flex;
    flex-direction: row;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    text-decoration: none;
    /*padding: 13px 50px 13px 15px;*/
    padding: 0;
    position: relative;
    justify-content: space-between;
    margin-right: -40px;
    align-items: center;
    outline: none;
}
.page-singular details summary:hover {
    color: #0A6CDE;
}
.page-singular details > summary::after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 8.75V13H8.75V8.75H13V7.25H8.75V3H7.25V7.25H3V8.75H7.25Z' fill='%230099CA'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #CCCCD8;
    border-radius: 8px;
    background-color: #FFFFFF;
    width: 32px;
    height: 32px;
    flex: 0 auto;
}
.page-singular details[open] {
    padding: 13px 50px 15px 15px;
}
.page-singular details[open] summary {
    margin-bottom: 8px;
}
.page-singular details[open] > summary::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8.75V7.25H3V8.75L13 8.75Z' fill='%230099CA'/%3E%3C/svg%3E%0A");
}
.page-singular details p:last-child {
    margin-bottom: 0;
}

.videos__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.videos__item {
    padding-bottom: 20px;
    border-bottom: 2px dotted #CCCCD8;
}
.videos__item::last-child {
    padding-bottom: 0;
    border: none;
}
.videos__link {
    color: #535969;
    text-decoration: none;
    outline: none;
    display: block;
    position: relative;
}
.videos__link:hover {
    color: #0056b3;
    text-decoration: none;
}
.videos__img {
    outline: none;
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
    position: relative;
}
.videos__img img {
    outline: none;
    display: block;
    max-width: 100%;
    position: relative;
}
.videos__img::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background-color: #00000080;
    background-image: url("data:image/svg+xml,%3Csvg width='86' height='61' viewBox='0 0 86 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.8' d='M0 19.289C0 9.51281 7.89494 1.52392 17.7834 1.29395C17.7834 1.29395 23.2706 0.70752 43 0.70752C62.7294 0.70752 68.2166 1.29395 68.2166 1.29395C78.1051 1.52392 86 9.51282 86 19.289V42.1261C86 51.9022 78.1051 59.8911 68.2166 60.1211C68.2166 60.1211 65.7647 60.7075 43 60.7075C20.2353 60.7075 17.7834 60.1211 17.7834 60.1211C7.89495 59.8911 0 51.9022 0 42.1261V19.289Z' fill='%23EB5757'/%3E%3Cpath d='M51 30.7075L35 41.7075L35 19.7075L51 30.7075Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    transition: opacity 0.3s;
}
.videos__title {
    display: block;
}
.videos__link:hover .videos__img::after {
    opacity: 0.3;
}

@media (max-width: 1199px) {
    .videos__list {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .videos__item {
        max-width: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
        border-bottom: none;
    }
    .videos__img img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 768px) {
    .singular__row {
        flex-direction: column;
    }
    .singular__toc {
        min-width: 100%;
        max-width: 100%;
        border-bottom: 1px solid #E0E0E8;
        margin-bottom: 16px;
    }
    .singular__toc-on-top .singular__toc {
        border: none;
        margin: 0;
        padding: 0;
    }
    .singular__toc .sticky {
        position: relative;
    }
    .singular__toc #ez-toc-container {
        padding-bottom: 16px;
    }
    .usefulltools,
    .peopleabout,
    .videos {
        display: none;
    }
}