[id^="rtoc-"] {
  scroll-margin-top: 101px;
}
.blog-redesign {
    --blog-blue: #172d82;
    --blog-red: #cf163f;
    --blog-text: #162136;
    --blog-muted: #6b7280;
    --blog-line: #e5e8f0;
    --blog-soft: #f3f5fa;
    background: #fff;
    color: var(--blog-text);
}

html,
body.single-post {
    max-width: 100%;
    overflow-x: hidden;
    overscroll-behavior-x: none;
}

@supports (overflow: clip) {

    html,
    body.single-post {
        overflow-x: clip;
    }
}

.blog-redesign *,
.blog-redesign *::before,
.blog-redesign *::after {
    box-sizing: border-box;
}

.blog-redesign .container {
    max-width: 1150px;
    padding: 0 15px;
}

.blog-redesign__hero {
    padding: 29px 0 17px;
}

.blog-redesign__topline {
    display: grid;
    grid-template-columns: auto 303px;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.blog-redesign__breadcrumbs {
    min-width: 0;
    color: rgba(22, 33, 54, 0.7);
    font: 400 16px/1.2 var(--font-family);
    margin: 0;
}

/* .blog-redesign__breadcrumbs span  */
.blog-redesign__breadcrumbs a span {
    color: rgba(22, 33, 54, 0.7);
    font: 400 16px/1.3 var(--font-family);
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(22, 33, 54, 0.5);
}

.blog-redesign__breadcrumbs a:hover span {
    color: #ae1b3e;
    text-decoration-color: rgba(174, 27, 62, 0.5);
}
.blog-redesign__layout {
    display: grid;
    grid-template-columns: 756px auto;
    gap: 62px;
    align-items: start;
}

.blog-redesign__main {
    min-width: 0;
}

.blog-redesign__tags {
    display: none;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.blog-redesign__tag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border: 1px solid #dce2f1;
    border-radius: 4px;
    color: var(--blog-blue);
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    background: #fff;
}

.blog-redesign__title {
    margin: 40px 0 20px;
    padding: 0;
    color: #162136;
    font: 700 48px/1.2 var(--font-family-bold);
    letter-spacing: 0;
    text-align: left;
}

.blog-redesign__lead {
    /* max-width: 650px; */
    margin: 16px 0;
    color: #1f2a3f;
    font-size: 18px;
    line-height: 1.75;
}

.blog-redesign__meta {
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    font: 400 16px/1.2 var(--font-family);
    color: rgba(22, 33, 54, 0.7);
}

.blog-redesign__main>.blog-redesign__meta {
    display: none;
}

.blog-redesign__topline .blog-redesign__meta {
    display: flex;
}

.blog-redesign__meta span {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.blog-redesign__meta span:not(:last-child)::after {
    display: none;
}

.blog-redesign__meta-item::before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 7px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.blog-redesign__meta-item--time::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8.00065 1.33333C11.6827 1.33333 14.6673 4.318 14.6673 8C14.6673 11.682 11.6827 14.6667 8.00065 14.6667C4.31865 14.6667 1.33398 11.682 1.33398 8C1.33398 4.318 4.31865 1.33333 8.00065 1.33333ZM8.00065 2.66667C6.58616 2.66667 5.22961 3.22857 4.22941 4.22876C3.22922 5.22896 2.66732 6.58551 2.66732 8C2.66732 9.41449 3.22922 10.771 4.22941 11.7712C5.22961 12.7714 6.58616 13.3333 8.00065 13.3333C9.41514 13.3333 10.7717 12.7714 11.7719 11.7712C12.7721 10.771 13.334 9.41449 13.334 8C13.334 6.58551 12.7721 5.22896 11.7719 4.22876C10.7717 3.22857 9.41514 2.66667 8.00065 2.66667ZM8.00065 4C8.16394 4.00002 8.32154 4.05997 8.44357 4.16848C8.56559 4.27698 8.64355 4.4265 8.66265 4.58867L8.66732 4.66667V7.724L10.472 9.52867C10.5915 9.64864 10.661 9.80962 10.6661 9.97892C10.6713 10.1482 10.6118 10.3131 10.4998 10.4402C10.3878 10.5672 10.2316 10.6469 10.063 10.6629C9.89439 10.679 9.72598 10.6303 9.59198 10.5267L9.52932 10.4713L7.52932 8.47133C7.4257 8.36763 7.35916 8.23267 7.33998 8.08733L7.33398 8V4.66667C7.33398 4.48986 7.40422 4.32029 7.52925 4.19526C7.65427 4.07024 7.82384 4 8.00065 4Z" fill="%23223381" fill-opacity="0.4"/></svg>');
}

.blog-redesign__meta-item--views::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.99935 6C8.52978 6 9.03849 6.21071 9.41356 6.58579C9.78864 6.96086 9.99935 7.46957 9.99935 8C9.99935 8.53043 9.78864 9.03914 9.41356 9.41421C9.03849 9.78929 8.52978 10 7.99935 10C7.46892 10 6.96021 9.78929 6.58514 9.41421C6.21006 9.03914 5.99935 8.53043 5.99935 8C5.99935 7.46957 6.21006 6.96086 6.58514 6.58579C6.96021 6.21071 7.46892 6 7.99935 6ZM7.99935 3C11.3327 3 14.1793 5.07333 15.3327 8C14.1793 10.9267 11.3327 13 7.99935 13C4.66602 13 1.81935 10.9267 0.666016 8C1.81935 5.07333 4.66602 3 7.99935 3ZM2.11935 8C2.65819 9.1002 3.49489 10.0272 4.53433 10.6755C5.57378 11.3238 6.77428 11.6675 7.99935 11.6675C9.22442 11.6675 10.4249 11.3238 11.4644 10.6755C12.5038 10.0272 13.3405 9.1002 13.8793 8C13.3405 6.8998 12.5038 5.97283 11.4644 5.3245C10.4249 4.67616 9.22442 4.33245 7.99935 4.33245C6.77428 4.33245 5.57378 4.67616 4.53433 5.3245C3.49489 5.97283 2.65819 6.8998 2.11935 8Z" fill="%23223381" fill-opacity="0.4"/></svg>');
}

.blog-redesign__meta-item--date::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M12.6673 2.66667H11.334V2C11.334 1.82319 11.2637 1.65362 11.1387 1.5286C11.0137 1.40357 10.8441 1.33333 10.6673 1.33333C10.4905 1.33333 10.3209 1.40357 10.1959 1.5286C10.0709 1.65362 10.0007 1.82319 10.0007 2V2.66667H6.00065V2C6.00065 1.82319 5.93041 1.65362 5.80539 1.5286C5.68036 1.40357 5.5108 1.33333 5.33398 1.33333C5.15717 1.33333 4.9876 1.40357 4.86258 1.5286C4.73756 1.65362 4.66732 1.82319 4.66732 2V2.66667H3.33398C2.80355 2.66667 2.29484 2.87738 1.91977 3.25245C1.5447 3.62753 1.33398 4.13623 1.33398 4.66667V12.6667C1.33398 13.1971 1.5447 13.7058 1.91977 14.0809C2.29484 14.456 2.80355 14.6667 3.33398 14.6667H12.6673C13.1978 14.6667 13.7065 14.456 14.0815 14.0809C14.4566 13.7058 14.6673 13.1971 14.6673 12.6667V4.66667C14.6673 4.13623 14.4566 3.62753 14.0815 3.25245C13.7065 2.87738 13.1978 2.66667 12.6673 2.66667ZM13.334 12.6667C13.334 12.8435 13.2637 13.013 13.1387 13.1381C13.0137 13.2631 12.8441 13.3333 12.6673 13.3333H3.33398C3.15717 13.3333 2.9876 13.2631 2.86258 13.1381C2.73756 13.013 2.66732 12.8435 2.66732 12.6667V8H13.334V12.6667ZM13.334 6.66667H2.66732V4.66667C2.66732 4.48986 2.73756 4.32029 2.86258 4.19526C2.9876 4.07024 3.15717 4 3.33398 4H4.66732V4.66667C4.66732 4.84348 4.73756 5.01305 4.86258 5.13807C4.9876 5.2631 5.15717 5.33333 5.33398 5.33333C5.5108 5.33333 5.68036 5.2631 5.80539 5.13807C5.93041 5.01305 6.00065 4.84348 6.00065 4.66667V4H10.0007V4.66667C10.0007 4.84348 10.0709 5.01305 10.1959 5.13807C10.3209 5.2631 10.4905 5.33333 10.6673 5.33333C10.8441 5.33333 11.0137 5.2631 11.1387 5.13807C11.2637 5.01305 11.334 4.84348 11.334 4.66667V4H12.6673C12.8441 4 13.0137 4.07024 13.1387 4.19526C13.2637 4.32029 13.334 4.48986 13.334 4.66667V6.66667Z" fill="%23223381" fill-opacity="0.4"/></svg>');
}

.blog-redesign__modified {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.blog-redesign__body {
    padding: 0 0 0;
}

.blog-redesign__sidebar--top {
    display: flex;
    justify-content: center;
}

.blog-author-card {
    display: flex;
    gap: 25px;
    flex-flow: column;
    text-align: left;
}

.blog-author-card__photo {
    width: 160px;
    height: 160px;
    flex: 0 0 160px;
    border-radius: 50%;
    object-fit: cover;
    background: #e8ebf2;
}

.blog-author-card__name {
    font: 700 24px/1.2 var(--font-family-bold);
    margin: 15px auto 7px;
    color: rgba(22, 33, 54, 1);
}

.blog-author-card__title,
.blog-author-card__role {
    font: 400 14px/1.2 var(--font-family);
    color: rgba(22, 33, 54, 0.7);
}

.blog-author-card__role {
    max-width: 81%;
    line-height: 1.4;
}

.blog-toc {
    margin: 0 0 30px;
    padding: 30px 40px 36px;
    border-left: 8px solid rgba(34, 51, 129, 0.5);
    border-radius: 8px;
    background: rgba(34, 51, 129, 0.05);
}

.blog-toc__title {
    margin: 0 0 29px;
    font: 700 32px/1.2 var(--font-family-bold);
    color: #000;
}

.blog-toc #rtoc-mokuji-title,
.blog-toc .rtoc-mokuji-level-1::before,
.blog-toc .rtoc_open_close {
    display: none !important;
}

.blog-toc #rtoc-mokuji-wrapper,
.blog-toc #rtoc-mokuji-widget-wrapper,
.blog-toc .rtoc-mokuji-content {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.blog-toc ul,
.blog-toc ol {
    margin: 0;
    padding-left: 29px;
}

.blog-toc ol {
    list-style: auto;
}

.blog-toc li,
.blog-toc .rtoc-item {
    margin: 0 0 24px !important;
    color: #223381;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.blog-toc li:last-child,
.blog-toc .rtoc-item:last-child {
    margin-bottom: 0 !important;
}

.blog-toc a,
.blog-toc .rtoc-item>a {
    color: #223381 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    text-decoration: underline;
    text-decoration-color: rgba(34, 51, 129, 0.5);
    text-decoration-style: dashed;
    text-decoration-thickness: from-font;
    text-underline-offset: 5px;
}

.blog-toc a:hover,
.blog-toc .rtoc-item>a:hover {
    color: rgba(174, 27, 62, 1) !important;
    text-decoration-color: rgba(174, 27, 62, 0.5);
}

.blog-toc li:hover,
.blog-toc .rtoc-item:hover {
    color: rgba(174, 27, 62, 1) !important;
}

.blog-toc .rtoc-item>a span {
    font-size: 18px !important;
    line-height: 1.2 !important;
}

#rtoc-mokuji-wrapper {
    display: none !important;
}

.blog-redesign__content {
    color: var(--blog-text);
    font-size: 16px;
    line-height: 1.2;
}

.blog-redesign__content>*:first-child {
    margin-top: 0;
}

.blog-redesign__content h2 {
    font: 700 32px/48px var(--font-family-bold) !important;
    padding: 0;
    margin: 40px 0 20px;
    color: #162136;
    text-align: left;
}

.blog-redesign__content h2 span {
    font: 700 32px/48px var(--font-family-bold) !important;
    color: #162136;
    text-align: left;
}

.blog-redesign__content h3 {
    font: 700 24px/32px var(--font-family-bold) !important;
    padding: 0;
    color: #162136;
    margin: 40px 0 8px;
    text-align: left;
}

.blog-redesign__content h4 {
    font: 700 17px/28px var(--font-family-bold) !important;
    padding: 0;
    color: #162136;
    margin: 40px 0 8px;
    text-align: left;
}

.blog-redesign__content>p,
.blog-redesign__content li,
.blog-redesign__content li span,
.blog-redesign__content>p span {
    font: 400 18px/32px var(--font-family) !important;
}

.blog-redesign__content strong,
.blog-redesign__content strong span {
    font: 700 18px / 32px var(--font-family-bold) !important;
}

.blog-redesign__content p {
    margin: 16px 0;
    padding: 0;
}

.blog-redesign__content ul,
.blog-redesign__content ol {
    margin: 16px 0;
    padding-left: 22px;
}

.blog-redesign__content ul li {
    margin-bottom: 9px;
    list-style: disc;
}

.blog-redesign__content ol li {
    list-style-type: auto;
}

.blog-redesign__content ul li::marker {
    color: rgba(34, 51, 129, 0.3);
}

.blog-redesign__content a {
    font: 600 18px/32px var(--font-family-semibold) !important;
    color: var(--blog-blue) !important;
    text-decoration: underline;
    text-decoration-color: rgba(34, 51, 129, 0.5);
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}

.blog-redesign__content a:hover {
    color: #ae1b3e !important;
    text-decoration-color: rgba(174, 27, 62, 0.5) !important;
}

.blog-redesign__content picture img,
.blog-redesign__content figure img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 458px;
    margin: 4px 0 4px;
    border: 0;
    border-radius: 5px;
    object-fit: cover;
    background: #edf0f5;
}

.blog-redesign__content figure {
    max-width: 100% !important;
    margin: 26px 0 32px;
}

.blog-redesign__content figure img {
    margin: 0;
}

.blog-redesign__content figcaption {
    margin-top: 8px;
    color: #777f8f;
    font-size: 12px;
    line-height: 1.4;
}

.blog-redesign__content blockquote {
    position: relative;
    margin: 100px 0 30px;
    padding: 24px 90px 24px 40px;
    border: 0;
    border-radius: 8px;
    background: #f6f7fa;
    color: var(--blog-text);
}

.blog-redesign__content blockquote::after {
    content: "";
    position: absolute;
    display: flex;
    width: 30px;
    height: 30px;
    right: 43px;
    bottom: 27px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.3333 13.3333C22.0148 13.3333 20.7259 12.9423 19.6295 12.2098C18.5332 11.4773 17.6787 10.4361 17.1741 9.21789C16.6696 7.99972 16.5375 6.65927 16.7948 5.36607C17.052 4.07286 17.6869 2.88497 18.6193 1.95262C19.5516 1.02027 20.7395 0.385336 22.0327 0.128101C23.3259 -0.129134 24.6664 0.00288854 25.8846 0.507473C27.1027 1.01206 28.1439 1.86654 28.8765 2.96287C29.609 4.0592 30 5.34813 30 6.66667C30 9.12223 27.7778 16.9 23.3333 30H20L23.3333 13.3333ZM6.66667 13.3333C5.34813 13.3333 4.0592 12.9423 2.96287 12.2098C1.86654 11.4773 1.01206 10.4361 0.507473 9.21789C0.00288854 7.99972 -0.129134 6.65927 0.128101 5.36607C0.385336 4.07286 1.02027 2.88497 1.95262 1.95262C2.88497 1.02027 4.07286 0.385336 5.36607 0.128101C6.65927 -0.129134 7.99972 0.00288854 9.21789 0.507473C10.4361 1.01206 11.4773 1.86654 12.2098 2.96287C12.9423 4.0592 13.3333 5.34813 13.3333 6.66667C13.3333 9.12223 11.1111 16.9 6.66667 30H3.33334L6.66667 13.3333Z" fill="%23223381" fill-opacity="0.3"/></svg>');
}

.blog-quote-author {
    position: absolute;
    top: -88px;
    left: 0;
    display: flex;
    align-items: center;
    gap: 19px;
    min-height: 54px;
}

.blog-quote-author__photo {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #e8ebf2;
    object-fit: cover;
}

.blog-quote-author__name {
    margin: 0 0 6px;
    color: #101b33;
    font: 700 18px/1.2 var(--font-family-bold);
}

.blog-quote-author__role {
    color: rgba(22, 33, 54, 0.7);
    font-size: 14px;
    line-height: 1.4;
}

.blog-redesign__content blockquote p {
    margin: 0;
    color: var(--blog-text);
    font-size: 18px;
    line-height: 1.7;
    padding: 0 0 10px 0;
}

.blog-redesign__content blockquote p:last-child {
    padding: 0;
}

.blog-redesign__content blockquote p span,
.blog-redesign__content blockquote span {
    color: inherit !important;
    font: inherit !important;
    margin: 0 !important;
}

.blog-redesign__content blockquote a {
    color: #223381 !important;
    font-weight: 700;
    position: relative;
    display: inline;
    align-items: center;
    gap: 5px;
    text-decoration: underline;
    text-decoration-color: rgba(34, 51, 129, 0.5);
    text-decoration-thickness: from-font;
    text-underline-offset: 5px;
}

.blog-redesign__content blockquote a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M2.33877 0.833106L11.3761 0.833106L11.3761 9.87041M11.3761 0.833106L0.832552 11.3766" stroke="%23223381" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.blog-redesign__content blockquote a:hover {
    color: #ae1b3e !important;
    text-decoration-color: rgba(174, 27, 62, 0.5);
}

.blog-redesign__content blockquote a:hover:after {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M2.33877 0.833106L11.3761 0.833106L11.3761 9.87041M11.3761 0.833106L0.832552 11.3766" stroke="%23AE1B3E" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.blog-redesign__content blockquote:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 36px;
    top: -29px;
    left: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='27' viewBox='0 0 28 27' fill='none'%3E%3Cpath d='M13.8555 0L27.7119 27H-0.000937462L13.8555 0Z' fill='%23F6F7FA'/%3E%3C/svg%3E");
}

.blog-redesign__content .blog-link-card {
    max-width: 100%;
    margin: 0 0 100px;
    color: var(--blog-text);
}

.blog-redesign__content .wrp-link-fact {
    max-width: 100%;
    margin: 20px 0 20px;
    color: var(--blog-text);
    padding: 30px 24px 30px 40px;
    border-radius: 5px;
    border-left: 5px solid rgba(34, 51, 129, 0.5);
    background: rgba(34, 51, 129, 0.02);
}

.blog-redesign__content .blog-link-card::before,
.blog-redesign__content .wrp-link-fact::before {
    content: "Узнать больше и рассчитать стоимость:";
    display: block;
    margin: 0 0 17px;
    color: rgba(22, 33, 54, 0.7);
    font-size: 18px;
    line-height: 1.2;
}

.blog-redesign__content .wrp-link-fact[data-heading]::before {
    content: attr(data-heading);
}

.blog-redesign__content .wrp-link-fact--page {
    display: block;
}

.blog-redesign__content .wrp-link-fact--page::before {
    display: none;
}

.blog-redesign__content .wrp-link-fact--page .link-fact-capt {
    grid-template-rows: auto;
    align-items: center;
}

.blog-redesign__content .wrp-link-fact--page .link-fact-page-body {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.blog-redesign__content .wrp-link-fact--page .link-fact-heading {
    display: block;
    min-width: 0;
    margin: 0;
    color: rgba(22, 33, 54, 0.7);
    font-size: 18px;
    line-height: 1.2;
}

.blog-redesign__content .wrp-link-fact--page .link-fact-capt p:first-child {
    grid-column: 1;
    grid-row: 1;
}

.blog-redesign__content .wrp-link-fact--page .link-fact-page-body>a:not(:has(img)) {
    width: 100%;
    min-width: 0;
}

.blog-link-card__link,
.blog-redesign__content .wrp-link-fact .link-fact-capt,
.blog-redesign__content .wrp-link-fact .wp-caption {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 0 24px;
    align-items: start;
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.blog-link-card__image,
.blog-redesign__content .wrp-link-fact img {
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #e7eaf1;
    object-fit: cover;
}

.blog-link-card__body {
    display: block;
    min-width: 0;
    padding-top: 1px;
}

.blog-redesign__content .wrp-link-fact a span {
    display: flex;
    gap: 5px;
    align-items: center;
    color: #223381 !important;
    /* font: 500 18px/1.2 var(--font-family-medium) !important; */
    font: 500 20px/1.2 var(--font-family-medium) !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(34, 51, 129, 0.5) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 5px;
}

.blog-redesign__content .wrp-link-fact a:hover span {
    color: #ae1b3e !important;
    text-decoration-color: rgba(174, 27, 62, 0.5) !important;
}

.blog-redesign__content .wrp-link-fact a span svg path {
    stroke: #223381 !important;
}

.blog-redesign__content .wrp-link-fact a:hover span svg path {
    stroke: #ae1b3e !important;
}

.blog-redesign__content .wrp-link-fact a {
    display: inline-block;
    font: 500 20px/1.2 var(--font-family-medium) !important;
    padding-right: 24px;
}

.blog-redesign__content .wrp-link-fact .link-fact-capt p:last-child a span {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog-redesign__content .wrp-link-fact .link-fact-capt a:not(:has(img))::after {
    content: "";
    display: inline-block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    align-self: center;
    margin-left: 3px;
    margin-bottom: -3px;
    margin-right: -24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1678_8969)"><path d="M6.48135 4.51865L15.5187 4.51865L15.5187 13.556M15.5187 4.51865L4.97513 15.0622" stroke="%23223381" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1678_8969"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
}

.blog-redesign__content .wrp-link-fact .link-fact-capt a:not(:has(img)):hover:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1678_8969)"><path d="M6.48135 4.51865L15.5187 4.51865L15.5187 13.556M15.5187 4.51865L4.97513 15.0622" stroke="%23AE1B3E" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1678_8969"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
}

.blog-link-card__meta,
.blog-redesign__content .wrp-link-fact .wp-caption-text+*,
.blog-redesign__content .wrp-link-fact .link-fact-capt p:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 10px;
    color: rgba(22, 33, 54, 0.5);
    font-size: 18px;
    line-height: 1.25;
}

.blog-redesign__content table caption {
    text-align: left;
    font: 400 14px/1.2 var(--font-family);
    color: rgba(22, 33, 54, 0.5);
    padding: 8px 0 0 0;
}

.blog-redesign__content .wp-caption p.wp-caption-text {
    text-align: left;
    font: 400 18px/1.2 var(--font-family);
    color: rgba(22, 33, 54, 0.5);
    padding: 12px 0 0 0;
}

.blog-redesign__content .wp-caption {
    border: none;
    max-width: 100%;
    margin: 40px 0;
    padding: 0;
}

.blog-redesign__content .wp-caption img {
    max-width: 100%;
}

@media(max-width:767px) {
    .blog-redesign__content .wp-caption p.wp-caption-text {
        text-align: left;
        font: 400 14px/1.2 var(--font-family);
        color: rgba(22, 33, 54, 0.5);
        padding: 10px 0 0 0;
    }
    [id^="rtoc-"] {
      scroll-margin-top: 57px;
    }
}

.blog-link-card__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.blog-link-card__meta-item::before {
    content: "";
    width: 13px;
    height: 13px;
    background-color: #8a94b0;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.blog-link-card__meta-item--views::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 1C4.1 1 1.8 3.1.5 6c1.3 2.9 3.6 5 7 5s5.7-2.1 7-5c-1.3-2.9-3.6-5-7-5Zm0 8.8A3.8 3.8 0 0 1 3.8 6 3.8 3.8 0 0 1 7.5 2.2 3.8 3.8 0 0 1 11.2 6a3.8 3.8 0 0 1-3.7 3.8Zm0-6A2.2 2.2 0 1 0 7.5 8.2 2.2 2.2 0 0 0 7.5 3.8Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 1C4.1 1 1.8 3.1.5 6c1.3 2.9 3.6 5 7 5s5.7-2.1 7-5c-1.3-2.9-3.6-5-7-5Zm0 8.8A3.8 3.8 0 0 1 3.8 6 3.8 3.8 0 0 1 7.5 2.2 3.8 3.8 0 0 1 11.2 6a3.8 3.8 0 0 1-3.7 3.8Zm0-6A2.2 2.2 0 1 0 7.5 8.2 2.2 2.2 0 0 0 7.5 3.8Z'/%3E%3C/svg%3E");
}

.blog-link-card__meta-item--time::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Zm0 1a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm.5 1.8h-1v3.05l2.6 1.55.5-.82-2.1-1.25V4.3Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Zm0 1a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm.5 1.8h-1v3.05l2.6 1.55.5-.82-2.1-1.25V4.3Z'/%3E%3C/svg%3E");
}

.blog-redesign__content .wrp-link-fact p {
    margin: 0 !important;
    padding: 0;
}

.blog-redesign__content .wrp-link-fact p:first-child {
    grid-row: 1 / span 2;
}

.blog-redesign__content .wrp-link-fact a:has(img) {
    display: block;
    line-height: 0;
}

.blog-redesign__content .wrp-link-fact .link-fact-meta {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 32px;
    margin-top: 15px;
    color: rgba(22, 33, 54, 0.7);
    font: 400 16px/1.2 var(--font-family);
}

.blog-redesign__content .wrp-link-fact .link-fact-meta__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.blog-redesign__content .wrp-link-fact .link-fact-meta__item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.blog-redesign__content .wrp-link-fact .link-fact-meta__item--views::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10.0007 7.5C10.6637 7.5 11.2996 7.76339 11.7684 8.23223C12.2373 8.70107 12.5007 9.33696 12.5007 10C12.5007 10.663 12.2373 11.2989 11.7684 11.7678C11.2996 12.2366 10.6637 12.5 10.0007 12.5C9.33761 12.5 8.70173 12.2366 8.23288 11.7678C7.76404 11.2989 7.50065 10.663 7.50065 10C7.50065 9.33696 7.76404 8.70107 8.23288 8.23223C8.70173 7.76339 9.33761 7.5 10.0007 7.5ZM10.0007 3.75C14.1673 3.75 17.7257 6.34167 19.1673 10C17.7257 13.6583 14.1673 16.25 10.0007 16.25C5.83398 16.25 2.27565 13.6583 0.833984 10C2.27565 6.34167 5.83398 3.75 10.0007 3.75ZM2.65065 10C3.3242 11.3753 4.37007 12.534 5.66938 13.3444C6.96869 14.1548 8.46931 14.5844 10.0007 14.5844C11.532 14.5844 13.0326 14.1548 14.3319 13.3444C15.6312 12.534 16.6771 11.3753 17.3507 10C16.6771 8.62474 15.6312 7.46604 14.3319 6.65562C13.0326 5.8452 11.532 5.41557 10.0007 5.41557C8.46931 5.41557 6.96869 5.8452 5.66938 6.65562C4.37007 7.46604 3.3242 8.62474 2.65065 10Z" fill="%23B3B3B3"/></svg>');
}

.blog-redesign__content .wrp-link-fact .link-fact-meta__item--time::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.99935 1.66699C14.6018 1.66699 18.3327 5.39783 18.3327 10.0003C18.3327 14.6028 14.6018 18.3337 9.99935 18.3337C5.39685 18.3337 1.66602 14.6028 1.66602 10.0003C1.66602 5.39783 5.39685 1.66699 9.99935 1.66699ZM9.99935 3.33366C8.23124 3.33366 6.53555 4.03604 5.2853 5.28628C4.03506 6.53652 3.33268 8.23222 3.33268 10.0003C3.33268 11.7684 4.03506 13.4641 5.2853 14.7144C6.53555 15.9646 8.23124 16.667 9.99935 16.667C11.7675 16.667 13.4632 15.9646 14.7134 14.7144C15.9636 13.4641 16.666 11.7684 16.666 10.0003C16.666 8.23222 15.9636 6.53652 14.7134 5.28628C13.4632 4.03604 11.7675 3.33366 9.99935 3.33366ZM9.99935 5.00033C10.2035 5.00035 10.4005 5.07529 10.553 5.21092C10.7055 5.34655 10.803 5.53345 10.8268 5.73616L10.8327 5.83366V9.65533L13.0885 11.9112C13.238 12.0611 13.3247 12.2624 13.3312 12.474C13.3377 12.6856 13.2633 12.8918 13.1233 13.0506C12.9833 13.2094 12.7881 13.3089 12.5773 13.329C12.3665 13.3491 12.156 13.2882 11.9885 13.1587L11.9102 13.0895L9.41018 10.5895C9.28067 10.4599 9.19748 10.2912 9.17352 10.1095L9.16602 10.0003V5.83366C9.16602 5.61265 9.25381 5.40068 9.41009 5.2444C9.56637 5.08812 9.77834 5.00033 9.99935 5.00033Z" fill="%23B3B3B3"/></svg>');
}

@media (max-width: 767px) {
    .blog-redesign__content .wrp-link-fact {
        padding: 20px 20px 24px 20px;
    }

    .blog-redesign__content .blog-link-card::before,
    .blog-redesign__content .wrp-link-fact::before {
        font-size: 16px;
    }

    .blog-redesign__content .blog-link-card__image,
    .blog-redesign__content .wrp-link-fact img {
        width: 60px !important;
        height: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
    }

    .blog-redesign__content .wrp-link-fact .link-fact-capt {
        grid-template-columns: 60px minmax(0, 1fr);
        gap: 0 16px;
    }

    .blog-redesign__content .wrp-link-fact--page::before {
        display: block;
    }

    .blog-redesign__content .wrp-link-fact--page .link-fact-heading {
        display: none;
    }

    .blog-redesign__content .wrp-link-fact .link-fact-meta {
        font-size: 14px;
        gap: 0;
        justify-content: space-between;
        margin-top: 10px;
    }
}

.blog-redesign__content table {
    width: 100% !important;
    max-width: 100%;
    border-collapse: separate !important;
    font: 400 16px/1.2 var(--font-family);
    padding: 30px 0 0;
    border-color: transparent !important;
    margin: 0 0;
    border-radius: 5px;
    border: 1px solid rgba(34, 51, 129, 0.08);
    overflow: hidden;
}

.blog-redesign__content tbody {
    width: 100%;
    max-width: 100%;

}

.blog-redesign__content tbody tr:first-child td:first-child {
    border-top-left-radius: 5px;
}

.blog-redesign__content tbody tr:first-child td:last-child {
    border-top-right-radius: 5px;
}

.blog-redesign__content tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.blog-redesign__content tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}


.blog-redesign__content th,
.blog-redesign__content td {
    padding: 7px 8px;
    border: 1px solid rgba(34, 51, 129, 0.08);
    vertical-align: top;
}

.blog-redesign__content thead th,
.blog-redesign__content tbody tr:first-child td {
    background: #e8eaf2;
    color: rgba(22, 33, 54, 1);
    font: 500 16px/1.2 var(--font-family-medium);
    width: auto !important;
    height: auto !important;
}

.blog-redesign__content tr {
    width: auto !important;
    height: auto !important;
}

.blog-redesign__content .blog-inline-widget {
    margin: 40px 0;
}

.blog-redesign__content .blog-inline-widget>section,
.blog-redesign__content .blog-inline-widget>aside {
    padding: 0;
}

.blog-redesign__content .blog-inline-widget .container {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.blog-redesign__mobile-consult {
    display: none;
}

.blog-redesign__sidebar {
    min-width: 0;
    max-width: 303px;
    display: flex;
    flex-flow: column;
}

.blog-redesign__body .blog-redesign__sidebar {
    align-self: stretch;
}

.blog-sidebar-card {
    margin-top: 0;
    margin-bottom: 0;
}

.blog-content-column2-sticky {
    position: sticky;
    top: 100px;
    z-index: 1;
    align-self: flex-start;
}

.blog-sidebar-expert {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 18px;
    text-align: center;
}

.blog-sidebar-expert__photo {
    width: 98px;
    height: 98px;
    margin-bottom: 14px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 8px 20px rgba(22, 33, 54, 0.12);
}

.blog-redesign aside {
    padding: 0 0;
}

.blog-sidebar-expert__name {
    color: #162136;
    font: 700 18px/1.2 var(--font-family-bold);
}

.blog-sidebar-expert__role {
    max-width: 220px;
    margin-top: 8px;
    color: rgba(22, 33, 54, 0.7);
    font-size: 12px;
    line-height: 1.45;
}

.blog-consult-card.form {
    margin-top: 0;
    padding: 20px 20px 16px 20px;
    border: 0;
    box-shadow: none;
    border-radius: 8px;
    background: #fbf3f5;
}

.blog-consult-card__badge {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding: 9px 5px 11px 12px;
    border-radius: 5px;
    border: 1px solid rgba(174, 27, 62, 0.3);
    background: rgba(174, 27, 62, 0.05);
}

.blog-consult-card__badge-photo {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 56px;
}

.blog-consult-card__badge-body {
    min-width: 0;
}

.blog-consult-card__badge-title {
    margin-bottom: 6px;
    color: rgba(174, 27, 62, 1);
    font: 500 12px/1.2 var(--font-family-medium);
}

.blog-consult-card__badge-text {
    color: rgba(22, 33, 54, 0.8);
    font-size: 14px;
    letter-spacing: -0.14px;
}

.blog-consult-card__title {
    margin: 0 0 13px;
    color: #162136;
    font: 700 24px/1.35 var(--font-family-bold);
    letter-spacing: -0.48px;
}

.blog-consult-card p {
    margin: 0 0 20px;
    color: rgba(22, 33, 54, 1);
    font-size: 15px;
    line-height: 1.34;
}

.blog-consult-card__input {
    width: 100%;
    height: 46px;
    margin-bottom: 14px;
    padding: 0 14px;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #101b33;
    font-size: 14px;
    background: #fff;
}

.blog-consult-card__input::placeholder {
    color: #9ea4b4;
}

.blog-consult-card__button {
    height: 48px;
}

.blog-consult-card__policy {
    margin-top: 12px;
    color: rgba(44, 49, 54, 0.7);
    font-size: 11px;
}

.blog-sidebar-promo {
    margin-top: 60px;
    padding: 24px 20px;
    border-radius: 8px;
    background: rgba(34, 51, 129, 0.07);
}

.blog-sidebar-promo__text {
    font: 500 26px/1.2 var(--font-family-medium);
    margin-bottom: 24px;
    color: #162136;
    max-width: 86%;
}

.blog-sidebar-promo__text span {
    color: #223381;
}

.blog-sidebar-promo__button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 16px;
    border-radius: 5px;
    border: 1px solid rgba(34, 51, 129, 0.5);
    color: rgba(34, 51, 129, 1);
    font: 400 18px/1 var(--font-family);
    text-decoration: none;
    background: transparent;
}

.blog-sidebar-card__title {
    text-align: center;
    margin: 29px 0 0;
    font: 700 24px/1.2 var(--font-family-bold);
    color: rgba(22, 33, 54, 1);
    padding: 24px 0 24px;
    text-align: left;
}

.blog-sidebar-card--related {
    padding-top: 0;
}

.blog-related-list {
    display: flex;
    flex-flow: column;
    gap: 30px;
}

.blog-related-item {
    display: block;
    color: #101b33;
    text-decoration: none;
}



.blog-related-item__media {
    position: relative;
    display: block;
    margin-bottom: 10px;
    height: 150px;
    border-radius: 5px;
    overflow: hidden;
    background-color: rgba(34, 51, 129, 0.07);
    transition: opacity .2s ease-out;
}

.blog-related-item:hover .blog-related-item__media {
    opacity: 0.75;
}

.blog-related-item.blog-related-item-lit {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
}

.blog-related-item.blog-related-item-lit .blog-related-item__media {
    width: 50px;
    height: 50px;
    margin-bottom: 0;
}

.blog-related-item.blog-related-item-lit .blog-related-item__title {
    font: 700 16px/1.2 var(--font-family-bold);
    margin-bottom: 0;
}

.blog-related-item img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.blog-related-item__label {
    position: absolute;
    left: 10px;
    top: 10px;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 4px;
    background: #cf163f;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.blog-related-item__title {
    display: block;
    margin-bottom: 10px;
    color: rgba(22, 33, 54, 0.9);
    font: 600 18px/1.2 var(--font-family-semibold);
    letter-spacing: -0.36px;
}

.blog-related-item__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(22, 33, 54, 0.7);
    font-size: 14px;
    line-height: 1;
}

.blog-related-item__meta-date,
.blog-related-item__meta-views {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 24px;
}

.blog-related-item__meta-views::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M7.99935 6C8.52978 6 9.03849 6.21071 9.41356 6.58579C9.78864 6.96086 9.99935 7.46957 9.99935 8C9.99935 8.53043 9.78864 9.03914 9.41356 9.41421C9.03849 9.78929 8.52978 10 7.99935 10C7.46892 10 6.96021 9.78929 6.58514 9.41421C6.21006 9.03914 5.99935 8.53043 5.99935 8C5.99935 7.46957 6.21006 6.96086 6.58514 6.58579C6.96021 6.21071 7.46892 6 7.99935 6ZM7.99935 3C11.3327 3 14.1793 5.07333 15.3327 8C14.1793 10.9267 11.3327 13 7.99935 13C4.66602 13 1.81935 10.9267 0.666016 8C1.81935 5.07333 4.66602 3 7.99935 3ZM2.11935 8C2.65819 9.1002 3.49489 10.0272 4.53433 10.6755C5.57378 11.3238 6.77428 11.6675 7.99935 11.6675C9.22442 11.6675 10.4249 11.3238 11.4644 10.6755C12.5038 10.0272 13.3405 9.1002 13.8793 8C13.3405 6.8998 12.5038 5.97283 11.4644 5.3245C10.4249 4.67616 9.22442 4.33245 7.99935 4.33245C6.77428 4.33245 5.57378 4.67616 4.53433 5.3245C3.49489 5.97283 2.65819 6.8998 2.11935 8Z' fill='%23223381' fill-opacity='0.4'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.blog-related-item__meta-date::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3e%3cpath d='M11.3333 1.33333H10V0.666667C10 0.489856 9.92976 0.320286 9.80474 0.195262C9.67971 0.0702379 9.51014 0 9.33333 0C9.15652 0 8.98695 0.0702379 8.86193 0.195262C8.73691 0.320286 8.66667 0.489856 8.66667 0.666667V1.33333H4.66667V0.666667C4.66667 0.489856 4.59643 0.320286 4.4714 0.195262C4.34638 0.0702379 4.17681 0 4 0C3.82319 0 3.65362 0.0702379 3.5286 0.195262C3.40357 0.320286 3.33333 0.489856 3.33333 0.666667V1.33333H2C1.46957 1.33333 0.960859 1.54405 0.585787 1.91912C0.210714 2.29419 0 2.8029 0 3.33333V11.3333C0 11.8638 0.210714 12.3725 0.585787 12.7475C0.960859 13.1226 1.46957 13.3333 2 13.3333H11.3333C11.8638 13.3333 12.3725 13.1226 12.7475 12.7475C13.1226 12.3725 13.3333 11.8638 13.3333 11.3333V3.33333C13.3333 2.8029 13.1226 2.29419 12.7475 1.91912C12.3725 1.54405 11.8638 1.33333 11.3333 1.33333ZM12 11.3333C12 11.5101 11.9298 11.6797 11.8047 11.8047C11.6797 11.9298 11.5101 12 11.3333 12H2C1.82319 12 1.65362 11.9298 1.5286 11.8047C1.40357 11.6797 1.33333 11.5101 1.33333 11.3333V6.66667H12V11.3333ZM12 5.33333H1.33333V3.33333C1.33333 3.15652 1.40357 2.98695 1.5286 2.86193C1.65362 2.7369 1.82319 2.66667 2 2.66667H3.33333V3.33333C3.33333 3.51014 3.40357 3.67971 3.5286 3.80474C3.65362 3.92976 3.82319 4 4 4C4.17681 4 4.34638 3.92976 4.4714 3.80474C4.59643 3.67971 4.66667 3.51014 4.66667 3.33333V2.66667H8.66667V3.33333C8.66667 3.51014 8.73691 3.67971 8.86193 3.80474C8.98695 3.92976 9.15652 4 9.33333 4C9.51014 4 9.67971 3.92976 9.80474 3.80474C9.92976 3.67971 10 3.51014 10 3.33333V2.66667H11.3333C11.5101 2.66667 11.6797 2.7369 11.8047 2.86193C11.9298 2.98695 12 3.15652 12 3.33333V5.33333Z' fill='%23223381' fill-opacity='0.4'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Related articles in the redesigned single-post template. */
.related-posts--new {
    overflow: hidden;
    padding: 60px 0 60px;
}

.related-posts--new .blog-related-slider-wrp {
    padding: 0 0;
    max-width: 1120px;
}

.related-posts--new__title {
    margin: 0 0 24px;
    font: 700 32px/1.2 var(--font-family-bold);
    padding: 0 0 30px 0;
    text-align: left;
}

.blog-related-slider {
    overflow: hidden;
}

.blog-related-slider__slide {
    height: auto;
}

.blog-related-slider__card {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.blog-related-slider__card .blog-related-item__media,
.blog-related-slider__card .blog-related-item__media img {
    height: 200px;
}

.blog-related-slider__card .blog-related-item__title {
    flex-grow: 1;
}

.blog-related-slider__pagination {
    display: none;
    position: static;
    margin-top: 24px;
}

.blog-related-slider__pagination .swiper-pagination-bullet-active {
    background: #cf163f;
}

@media (max-width: 767px) {
    .related-posts--new {
        padding: 30px 0 38px;
    }

    .related-posts--new .container {
        padding: 0 15px;
    }

    .related-posts--new__title {
        margin-bottom: 24px;
        font-size: 24px;
        padding: 0 0;
    }

    .blog-related-slider {
        overflow: visible;
    }

    .blog-related-slider__card .blog-related-item__media,
    .blog-related-slider__card .blog-related-item__media img {
        height: 150px;
    }

    .blog-related-slider__card .blog-related-item__title {
        font-size: 18px;
        line-height: 1.25;
        letter-spacing: -0.36px;
    }

    .blog-related-slider__card .blog-related-item__meta {
        gap: 8px;
        font-size: 11px;
    }

    .blog-related-slider__card .blog-related-item__meta-date,
    .blog-related-slider__card .blog-related-item__meta-views {
        /* padding-left: 16px; */
    }

    .blog-consult-card p {
        line-height: 1.5;
    }

    .blog-related-item__meta-date {
        padding-left: 20px;
    }

    .blog-related-item__meta-date::before {
        width: 12px;
        height: 12px;
    }
}

.blog-case-card {
    position: relative;
    margin: 54px 0 36px;
    padding: 52px 44px 38px;
    border-radius: 4px;
    background: #f1f3f8;
}

.blog-case-card__label {
    position: absolute;
    top: -38px;
    left: 0;
    min-width: 150px;
    padding: 12px 22px;
    border-radius: 4px 4px 0 0;
    background: var(--blog-blue);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.blog-case-card__author {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 28px;
}

.blog-case-card__photo {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
}

.blog-case-card__name {
    color: #101b33;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.blog-case-card__role {
    margin-top: 8px;
    color: #697284;
    font-size: 14px;
    line-height: 1.3;
}

.blog-case-card__title {
    max-width: 610px;
    margin: 0 0 24px;
    color: #101b33;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
}

.blog-case-card__text {
    color: var(--blog-text);
    font-size: 16px;
    line-height: 1.7;
}

.blog-case-card__text p {
    margin: 0 0 12px;
}

.blog-case-card__more {
    margin-top: 18px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    color: var(--blog-blue);
    cursor: pointer;
    font-size: 16px;
}

.blog-links-card {
    margin: 34px 0;
    padding: 22px 26px;
    border-radius: 4px;
    background: #f4f6fb;
}

.blog-links-card__title {
    margin-bottom: 14px;
    color: #101b33;
    font-size: 18px;
    font-weight: 700;
}

.blog-links-card__list ul,
.blog-links-card__list ol {
    margin: 0;
    padding-left: 18px;
}

.blog-links-card__list li {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.4;
}

.blog-links-card__list a {
    color: var(--blog-blue);
}

.blog-redesign__footer {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 44px;
    padding-top: 24px;
    border-top: 1px solid var(--blog-line);
}

.blog-redesign__footer-tags,
.blog-share {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    color: #6f7787;
    font-size: 13px;
}

.blog-redesign__footer-tags a {
    color: var(--blog-blue);
    text-decoration: none;
}

.blog-share__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #dce2f1;
    border-radius: 50%;
    background: #fff;
    color: var(--blog-blue);
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
}

.blog-redesign__wide-section {
    margin-top: 20px;
}

@media (max-width: 1200px) {
    .blog-redesign__layout {
        grid-template-columns: minmax(0, 1fr) 270px;
        gap: 28px;
    }
}

@media (max-width: 992px) {
    .blog-redesign__layout {
        display: block;
    }

    .blog-redesign__sidebar {
        display: none;
    }

    .blog-redesign__sidebar--top {
        display: none;
        margin-bottom: unset;
        margin-top: unset;
    }

    .blog-redesign__title {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .blog-redesign__mobile-consult {
        display: block;
        margin: 46px 0 30px;
    }

    .blog-redesign__hero {
        padding-top: 20px;
    }

    .blog-redesign__title {
        font-size: 32px;
        line-height: 1.2;
        margin: 20px 0;
    }

    .blog-redesign__lead {
        padding: 0 0 20px;
        font-size: 17px;
        line-height: 1.5;
        margin: 0 0 0;
    }

    .blog-redesign__meta {
        margin: 10px 0 10px;
    }

    .blog-redesign__content>p,
    .blog-redesign__content li,
    .blog-redesign__content li span,
    .blog-redesign__content>p span {
        font: 400 18px / 32px var(--font-family) !important;
    }

    .blog-redesign__content strong span {
        font: 700 18px / 32px var(--font-family-bold) !important;
    }

    .blog-redesign__content,
    .blog-redesign__content p,
    .blog-redesign__content li {
        font-size: 15px;
        line-height: 1.62;
    }

    .blog-redesign__content picture img,
    .blog-redesign__content figure img {
        max-height: 175px;
    }

    .blog-redesign__content h2 {
        font: 700 26px / 38px var(--font-family-bold) !important;
    }

    .blog-redesign__content h2 span {
        font: 700 26px / 38px var(--font-family-bold) !important;
    }

    .blog-redesign__content h3 {
        font-size: 22px;
        line-height: 27px !important;
    }

    .blog-toc {
        padding: 24px 16px 28px;
        margin: 0;
        border-top: 8px solid rgba(34, 51, 129, 0.5);
        border-left: none;
    }

    .blog-toc__title {
        font-size: 20px;
        margin: 0 0 21px;
    }

    .blog-toc .rtoc-item>a span {
        font-size: 17px !important;
    }

    .blog-redesign__content blockquote {
        padding: 24px 50px 24px 20px;
        margin: 120px 0 20px;
    }

    .blog-redesign__content blockquote::after {
        right: 20px;
    }

    .blog-quote-author {
        top: -96px;
    }

    .blog-redesign__content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 3px;
    }

    .blog-case-card {
        padding: 38px 20px 28px;
    }

    .blog-case-card__label {
        min-width: 132px;
        padding: 10px 16px;
        font-size: 14px;
    }

    .blog-case-card__title {
        font-size: 21px;
    }

    .blog-redesign__footer {
        display: block;
    }

    .blog-share {
        margin-top: 18px;
    }

    .blog-redesign__meta {
        font-size: 14px;
        justify-content: space-between;
    }

    .blog-redesign__body {
        padding: 0 0 20px;
    }

    .blog-author-card {
        display: grid;
        grid-template-columns: 55px auto;
        gap: 16px;
        margin: 4px 0 50px;
        align-items: flex-start;
    }

    .blog-author-card>div {
        padding: 6px 0 0;
    }

    .blog-author-card__photo {
        width: 55px;
        height: 55px;
        flex: 0 0 55px;
    }

    .blog-author-card__title,
    .blog-author-card__role,
    .blog-author-card__name {
        text-align: left;
    }

    .blog-author-card__role {
        font-size: 13px;
        max-width: 100%;
        margin: 8px 0 0;
    }

    .blog-author-card__name {
        font-size: 18px;
        margin: 0 0 0 0;
    }
}

.blog-content-columns {
    display: grid;
    grid-template-columns: minmax(754px, 1fr) 286px;
    gap: 18px;
}

.blog-content-column1 {
    padding-right: 15px;
}

.blog-content-column2 {
    display: flex;
    flex-flow: column;
    gap: 40px;
}

.blog-content-top-tags #ez-toc-container {
    background: transparent;
    border: 1px solid transparent;
    width: 100%;
    padding: 0;
    box-shadow: none;
}

#rtoc-mokuji-title,
#rtoc-mokuji-title {
    display: none !important;
}

.blog-content-column1 #rtoc-mokuji-wrapper {
    display: none !important;
}

.blog-content-main-list {
    border-radius: 8px 8px 0 0;
    background: rgba(163, 18, 95, 0.05);
    border-top: 10px solid #a3125f;
    padding: 34px 40px 40px 40px;
    margin-bottom: 45px;
}

.blog-content-main-list .ttl {
    font: 500 24px/1.2 var(--font-accent-medium);
    margin: 0 0 21px 0;
}

.blog-content-top-tags .ttl,
.blog-content-top-tags .ez-toc-title-container .ez-toc-title {
    font: 500 24px/1.2 var(--font-accent-medium);
    margin: 20px 0 15px 0;
    color: #000;
}

.blog-content-top-tags ul,
.blog-content-top-tags ol {
    margin: 0 0 30px;
    padding-left: 15px;
}

.blog-content-top-tags ul li,
.blog-content-top-tags ol li {
    margin: 0 0 19px;
    color: rgba(0, 119, 255, 1) !important;
}

.blog-content-top-tags ul a,
.blog-content-top-tags ol a {
    /* display: inline !important;
    font: 400 20px/1.2 var(--font-family);
    border-bottom: 1px dashed rgba(17, 17, 17, 0.3);
    color: rgba(17, 17, 17, 0.7) !important; */
    color: rgba(0, 119, 255, 1) !important;
    font: 400 20px / 1.3 var(--font-family);
    text-decoration: underline;
    text-decoration-color: rgba(0, 119, 255, 0.5);
    text-decoration-style: dashed;
    text-decoration-thickness: from-font;
    text-underline-offset: 2px;
}

.blog-content-top-tags .ez-toc-counter nav ul li a::before {
    content: counters(item, ".", decimal) ". ";
    display: inline-block;
    counter-increment: item;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 5px;
    line-height: 1.2;
}

.blog-content-top-tags .ez-toc-counter nav ul li {
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    margin: 0 0 15px !important;
}

.blog-content-top-tags .ez-toc-counter nav ul li a:hover {
    text-decoration: none !important;
}

.blog-content-top-tags ul li::marker {
    color: rgba(17, 17, 17, 0.7);
}

.blog-case-list {
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.blog-case-list .blog-case-item {
    padding: 15px 10px;
    border-radius: 8px;
    background: #f0f3f6;
}

.rtoc-mokuji-content {
    background-color: transparent !important;
}

.blog-content-main-list .rtoc-mokuji-content ul li,
.blog-content-main-list .rtoc-mokuji-content ol li {
    color: rgba(0, 119, 255, 1);
    font: 400 20px/1.2 var(--font-family);
    margin-bottom: 18px;
}

.blog-content-main-list .rtoc-mokuji-content ul a,
.blog-content-main-list .rtoc-mokuji-content ol a {
    color: rgba(0, 119, 255, 1) !important;
    font: 400 20px/1.2 var(--font-family);
    text-decoration: underline;
    text-decoration-color: rgba(0, 119, 255, 0.5);
    text-decoration-style: dashed;
    text-decoration-thickness: from-font;
    text-underline-offset: 2px;
}

.blog-content-main-list .rtoc-mokuji-content ul li:last-child,
.blog-content-main-list .rtoc-mokuji-content ol li:last-child {
    margin-bottom: 0;
}

.blog-content-main-list .rtoc-mokuji-content ul li:last-child,
.blog-content-main-list .rtoc-mokuji-content ol li:last-child {
    margin-bottom: 0;
}

.blog-case-logo {
    display: flex;
    justify-content: flex-start;
    height: 22px;
}

.blog-case-logo img {
    /* width: 100%; */
    height: 100%;
    object-fit: contain;
}

.blog-case-list .title {
    display: flex;
    font: 500 16px/1.2 var(--font-accent-medium);
    margin: 10px 0 5px;
}

.blog-case-list .descr {
    font: 400 14px/1.2 var(--font-family);
    font-style: italic;
    color: #000;
}

.blog-case-list .link-more {
    display: flex;
    width: max-content;
    color: #07f;
    border-bottom: 1px dashed #07f;
    font: 400 14px/1.2 var(--font-family);
    margin: 10px 0 0 0;
}

.page-content-single {
    padding: 23px 0 50px;
}

.page-content-single .breadcrumbs {
    margin: 0 0 44px 0;
}
.page-content-single .item-top-tags {
    max-width: 700px;
}

.page-content-single.page-content h1 {
    font: 500 45px / 1.2 var(--font-accent-medium);
    color: #000000;
    max-width: 930px;
    margin: 15px 0 14px;
}

.page-content-single .h2_line {
    max-width: 930px;
}

.content-single-info {
    margin: 50px 0 0 0;
    display: flex;
    justify-content: space-between;
}

.info-right {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: end;
}

.info-right>div {
    display: flex;
    border-radius: 4px;
    border: 1px solid #f0f3f6;

    background: #fff;
    gap: 5px;
    width: max-content;
    align-items: center;
    padding: 0 10px;
    height: 30px;
    font-size: 14px;
    color: #585858;
}

.info-left .img-wrp {
    width: 60px;
    height: 60px;
}

.info-left .tg-author {
    gap: 20px;
}

.info-left .tg-author .text-wrp span.span1 {
    font: 500 20px/1.2 var(--font-accent-medium);
}

.info-left .tg-author .text-wrp span.span2 {
    display: inline-flex;
    font-size: 14px;
    max-width: 240px;
    font-style: normal;
}

.page-content-single {
    padding: 23px 0 50px;
}

.page-content-single .breadcrumbs {
    margin: 0 0 44px 0;
}

.page-content-single .item-top-tags {
    max-width: 700px;
}

.page-content-single.page-content h1 {
    font: 500 45px / 1.2 var(--font-accent-medium);
    color: #000000;
    max-width: 930px;
    margin: 15px 0 14px;
    /* min-height: 113px; */
}

.page-content-single .h2_line {
    max-width: 930px;
}

.content-single-info {
    margin: 50px 0 0 0;
    display: flex;
    justify-content: space-between;
}

.info-right {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: end;
}

.info-right>div {
    display: flex;
    border-radius: 4px;
    border: 1px solid #f0f3f6;

    background: #fff;
    gap: 5px;
    width: max-content;
    align-items: center;
    padding: 0 10px;
    height: 30px;
    font-size: 14px;
    color: #585858;
}

.info-left .img-wrp {
    width: 60px;
    height: 60px;
}

.info-left .tg-author {
    gap: 20px;
}

.info-left .tg-author .text-wrp span.span1 {
    font: 500 20px/1.2 var(--font-accent-medium);
}

.info-left .tg-author .text-wrp span.span2 {
    display: inline-flex;
    font-size: 14px;
    max-width: 240px;
    font-style: normal;
}

.blog-content-columns h2 {
    font: 500 30px/1.2 var(--font-accent-medium);
    margin: 20px 0 30px 0;
    letter-spacing: -0.6px;
}

.blog-content-columns.blog-content-column1 h2:first-child {
    margin: 0 0 20px 0;
}

.blog-content-columns h3 {
    font: 500 24px/1.2 var(--font-accent-medium);
    margin: 15px 0 15px 0;
}

.blog-content-columns img {
    max-height: 400px;
    object-fit: contain;
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    background-color: rgba(0, 0, 0, 0.1);
}

.blog-content-columns blockquote {
    margin: 20px 0 34px;
    padding: 35px 40px 38px 40px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid rgba(163, 18, 95, 0.5);
    position: relative;
    max-width: 755px;
}

.blog-content-columns blockquote:before {
    content: "";
    position: absolute;
    bottom: 25px;
    right: 40px;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M30.1604 11.0104C32.1796 10.3576 34.5092 10.3704 36.4132 11.3464C40.81 13.6056 42.714 19.4296 40.9444 25.5992C40.1508 28.3672 38.7524 31.0552 35.7956 33.7656C32.8388 36.4792 28.7364 38.0792 26.8356 38.0792C26.6756 38.0817 26.5167 38.0527 26.368 37.9937C26.2193 37.9347 26.0837 37.847 25.969 37.7355C25.8542 37.6241 25.7626 37.491 25.6994 37.3441C25.6361 37.1971 25.6025 37.0392 25.6004 36.8792C25.6004 36.2168 26.1636 35.6792 26.8356 35.6792C29.0084 35.6792 30.9508 34.4952 33.2516 32.7544C35.0116 31.42 36.3876 29.7144 37.146 28.2296C38.602 25.388 38.65 21.3816 36.298 20.316C35.752 20.9358 35.079 21.4308 34.3248 21.7676C33.5706 22.1044 32.7528 22.2751 31.9268 22.268C28.0868 22.268 25.8244 19.18 25.9236 16.3832C26.0164 13.7112 27.7156 11.8072 30.1604 11.0104ZM10.9604 11.0104C12.9796 10.3576 15.3092 10.3704 17.2132 11.3464C21.61 13.6056 23.514 19.4296 21.7444 25.5992C20.9508 28.3672 19.5524 31.0552 16.5956 33.7656C13.6388 36.4792 9.53639 38.0792 7.63559 38.0792C7.47563 38.0817 7.31675 38.0527 7.16803 37.9937C7.01932 37.9347 6.88371 37.847 6.76896 37.7355C6.65422 37.6241 6.5626 37.491 6.49935 37.3441C6.4361 37.1971 6.40248 37.0392 6.40039 36.8792C6.40039 36.2168 6.96359 35.6792 7.63559 35.6792C9.80839 35.6792 11.7508 34.4952 14.0516 32.7544C15.8116 31.42 17.1876 29.7144 17.946 28.2296C19.402 25.388 19.45 21.3816 17.098 20.316C15.9684 21.5512 14.4932 22.268 12.7268 22.268C8.88679 22.268 6.62439 19.18 6.72359 16.3832C6.81639 13.7112 8.51559 11.8072 10.9604 11.0104Z" fill="%23A3125F" fill-opacity="0.3"/></svg>');
    /* background-image: url("/wp-content/themes/simtutheme/assets/img/qoute-icon.svg"); */
}

.blog-content-columns blockquote p {
    line-height: 1.45;
}

.blog-content-columns blockquote p em {
    font: 400 17px/1.2 var(--font-family);
    color: rgba(163, 18, 95, 0.7);
}

.blog-content-columns blockquote p:last-child {
    margin: 0 0;
    width: calc(100% - 68px);
    color: rgba(163, 18, 95, 0.7);
}

.blog-content-columns p,
.blog-content-columns span {
    font: 400 20px/30px var(--font-family);
    margin: 0 0 17px 0;
}

.blog-content-columns table,
.blog-content-columns tr,
.blog-content-columns td {
    border: 1px solid rgba(227, 227, 227, 1);
    vertical-align: top;
}

.blog-content-columns table tbody tr:first-child td {
    background: rgba(163, 18, 95, 0.03);
    font: 500 16px/24px var(--font-accent-medium);
}

.blog-content-columns tr td {
    padding: 5px 10px;
}

.blog-content-columns ul li,
.blog-content-columns ol li {
    font: 400 20px/1.2 var(--font-family);
    /* color: rgba(17, 17, 17, 0.7); */
    margin: 0 0 18px 0;
}

.blog-content-columns ul li:last-child,
.blog-content-columns ol li:last-child {
    margin-bottom: 0;
}

.blog-content-columns ul,
.blog-content-columns ol {
    margin: 20px 0;
    padding-left: 27px;
}

.blog-content-columns ul li::marker {
    color: rgba(163, 18, 95, 0.5);
}

.blog-content-columns table span {
    font-size: 16px;
    color: #111;
}

.blog-content-columns table {
    margin: 20px 0 30px;
}

.blog-content-columns .blog-content-column1 a {
    /* color: #07f; */
    /* text-decoration: underline; */
    color: rgba(0, 119, 255, 1) !important;
    /* font: 400 20px / 1.2 var(--font-family); */
    text-decoration: underline;
    text-decoration-color: rgba(0, 119, 255, 0.5);
    text-decoration-style: dashed;
    text-decoration-thickness: from-font;
    text-underline-offset: 2px;
}

.bottom-blog-column {
    margin: 40px 0 0 0;
    padding: 30px 50px 30px 30px;
    border-radius: 8px;
    background: linear-gradient(123deg, #f7fff8 -4.21%, #ffecf6 99.96%);
}

.bottom-blog-column .title {
    font: 500 22px/1.2 var(--font-accent-medium);
    margin: 0 0 15px 0;
}

.bottom-blog-column .descr {
    font: 400 18px/1.2 var(--font-family);
}

.blog-content-links {
    margin: 15px 0 0 0;

    border-radius: 8px 8px 0 0;
    background: rgba(163, 18, 95, 0.05);
    padding: 32px 40px 36px;
    border-top: 10px solid #a3125f;
    max-width: 755px;
}

.list-links-title {
    font: 500 24px/1.2 var(--font-accent-medium);
}

.list-links ol,
.list-links ul {
    margin: 20px 0 0;
    padding-left: 21px;
}

.list-links li {
    /* color: #07f; */
    font: 400 18px/1.2 var(--font-family);
    margin: 0 0 10px 0;
}

.list-links li a {
    color: #07f;
    font: 400 18px/1.2 var(--font-family);
    border-bottom: 1px dashed #07f;
}

.single-articles {
    /* padding: 80px 0; */
}

.single-articles h2 {
    font: 500 40px/1.2 var(--font-accent-medium);
    margin: 0 0 30px 0;
}

.section-title-two .item-top-tags .tag-item {
    height: 26px;
    font-size: 14px;
}

.blog-content-top-tags.show-mob {
    display: none;
}

.single-blog-wrp iframe {
    max-width: 100% !important;
}

.single-blog-wrp {
    padding: 30px 0 50px;
}

@media (max-width: 1200px) {
    .blog-content-columns {
        gap: 10px;
    }

    .blog-content-columns figure {
        max-width: 100% !important;
    }

    .blog-content-main-list {
        padding: 24px 16px 28px 16px;
        margin-bottom: 40px;
    }
}

@media (max-width: 992px) {
    .blog-content-columns blockquote {
        padding: 20px 16px;
    }

    .blog-content-columns blockquote:before {
        right: 16px;
        bottom: 20px;
    }

    .blog-redesign__hero>.container,
    .blog-redesign__body>.container {
        max-width: 100%;
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .single-blog-wrp iframe {
        height: 230px;
    }

    .blog-content-columns img {
        max-width: 100%;
        height: auto;
    }

    .blog-content-column1 {
        margin-top: 0;
    }

    .rtoc-mokuji-wrapper#rtoc-mokuji-wrapper {
        display: block !important;
    }

    .blog-content-columns {
        display: flex;
        flex-flow: column;
    }

    .blog-content-column1,
    .blog-content-column2 {
        width: 100%;
    }

    .blog-right-form.hide-mob,
    .blog-content-top-tags.hide-mob {
        display: none;
    }

    .blog-content-top-tags.show-mob {
        display: block;
    }

    .blog-content-top-tags {
        max-width: 400px;
    }

    .section-title-two .item-top-tags .tag-item {
        height: 24px;
        font-size: 12px;
    }

    .info-left .img-wrp {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767px) {
    .blog-redesign__content .blog-inline-widget {
      margin: 30px 0;
    }
    .blog-content-columns p,
    .blog-content-columns span {
        font: 400 17px/1.2 var(--font-family);
    }

    .page-content-single.page-content h1 {
        font-size: 24px;
    }

    .content-single-info {
        margin: 25px 0 0 0;
        flex-flow: column;
        gap: 15px;
    }

    .info-right {
        justify-content: space-between;
    }

    .tg-author .text-wrp span.span1 {
        font-size: 18px;
        font: 600 18px/1.2 var(--font-family-semibold);
    }

    .info-left .tg-author .text-wrp span.span1 {
        font-size: 16px;
    }

    .info-left .tg-author .text-wrp span.span2 {
        font-size: 10px;
    }

    .blog-content-top-tags .ttl,
    .blog-content-top-tags .ez-toc-title-container .ez-toc-title {
        font-size: 20px;
    }

    .blog-content-top-tags .ez-toc-counter nav ul li {
        font-size: 16px !important;
        margin: 0 0 15px !important;
    }

    .blog-content-top-tags {
        padding-bottom: 25px;

        border-bottom: 1px solid rgba(191, 191, 191, 0.65);
        margin-bottom: 40px;
    }

    .blog-content-columns h2 {
        text-align: left;
        font: 500 20px / 1.2 var(--font-accent-medium);
        margin: 30px 0 15px 0;
    }

    .blog-content-columns h3 {
        text-align: left;
        font: 500 18px / 1.2 var(--font-accent-medium);
        margin: 40px 0 20px 0;
    }

    .blog-content-columns p,
    .blog-content-columns ul,
    .blog-content-columns ol,
    .blog-content-columns ul li,
    .blog-content-columns ol li {
        font: 400 17px / 1.2 var(--font-family);
    }

    .bottom-blog-column {
        padding: 30px 20px;
        margin: 20px 0 0 0;
    }

    .bottom-blog-column .title {
        font: 500 20px / 1.2 var(--font-accent-medium);
        margin: 0 0 10px 0;
    }

    .bottom-blog-column .descr {
        font: 400 16px / 1.2 var(--font-family);
    }

    .blog-content-links {
        margin: 20px 0 0 0;
        padding: 15px 20px 25px;
    }

    .list-links-title {
        font: 500 20px / 1.2 var(--font-accent-medium);
    }

    .list-links li,
    .list-links li a {
        font: 400 16px / 1.2 var(--font-family);
        margin: 0 0 10px 0;
    }

    .list-links ol,
    .list-links ul {
        padding-left: 20px;
    }

    .single-blog-wrp {
        padding: 40px 0 21px;
    }

    .blog-content-main-list .rtoc-mokuji-content ul li,
    .blog-content-main-list .rtoc-mokuji-content ol li,
    .blog-content-columns .blog-content-column1 #rtoc-mokuji-widget-wrapper a {
        font-size: 16px;
    }

    .blog-content-main-list .rtoc-mokuji-content ul li,
    .blog-content-main-list .rtoc-mokuji-content ol li {
        margin-bottom: 12px;
    }

    .blog-content-main-list .ttl {
        font-size: 20px;
        margin: 0 0 23px 0;
    }

    .blog-content-column1,
    .blog-content-column2 {
        padding: 0 0;
    }

    .blog-content-columns ul,
    .blog-content-columns ol {
        padding-left: 23px;
    }

    .single-articles {
        /* padding: 50px 0; */
    }

    .single-articles h2 {
        font-size: 24px;
        margin: 0 0 20px 0;
    }

    .info-left .tg-author {
        gap: 12px;
    }

    .page-content-single {
        padding: 23px 0 30px;
    }

    .blog-redesign__topline {
        display: block;
        margin: 0 0 0 0;
    }

    .blog-redesign__breadcrumbs a,
    .blog-redesign__breadcrumbs a span,
    .blog-redesign__breadcrumbs span {
        font-size: 13px;
    }
}

.blog-redesign form input {
    border-radius: 5px;
    border: 1px solid rgba(34, 51, 129, 0.15);
    background: #f8f9fb;
    height: 50px;
    margin: 0 0 16px 0;
}

.blog-redesign form input:hover {
    border-radius: 5px;
    border: 1px solid rgba(34, 51, 129, 0.5);
    background: #f8f9fb;
}

.border-fact {
    font: 600 18px/1.2 var(--font-family-semibold) !important;
    padding: 15px 0 15px;
}

.border-fact p,
.border-fact span {
    font: 600 18px/1.2 var(--font-family-semibold) !important;
}

/* === Blog Inline Case Shortcode Start === */
.blog-redesign__content .blog-inline-case {
    position: relative;
    margin: 40px 0 40px;
    padding-top: 39px;
}

.blog-redesign__content .blog-inline-case__label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 39px;
    padding: 0 24px;
    border-radius: 8px 8px 0 0;
    border: 1px solid rgba(174, 27, 62, 0.14);
    background: #223381;
    color: #fff;
    font: 700 16px/1 var(--font-family-bold);
}

.blog-redesign__content .blog-inline-case__card {
    padding: 36px 32px;
    border-radius: 8px;
    background: #f2f3f7;
}

.blog-redesign__content .blog-inline-case__author {
    display: flex;
    align-items: center;
    gap: 26px;
    margin: 0 0 15px 0;
}

.blog-redesign__content .blog-inline-case__photo {
    display: block;
    width: 80px;
    height: 80px !important;
    max-width: 80px !important;
    min-width: 80px;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    object-fit: cover;
    background: #dde3ef;
}

.blog-redesign__content .blog-inline-case__author-body {
    min-width: 0;
}

.blog-redesign__content .blog-inline-case__author-name {
    margin: 0 0 4px;
    color: #162136;
    font: 700 18px/1.2 var(--font-family-bold) !important;
}

.blog-redesign__content .blog-inline-case__author-role {
    color: rgba(22, 33, 54, 0.7);
    font: 400 14px/1.35 var(--font-family) !important;
}

.blog-redesign__content .blog-inline-case__title {
    color: #162136;
    font: 700 26px/1.35 var(--font-family-bold) !important;
    padding: 24px 0;
    margin: 0;
}

.blog-redesign__content .blog-inline-case__content {
    color: #162136;
}

.blog-redesign__content .blog-inline-case__content>*:first-child {
    margin-top: 0;
}

.blog-redesign__content .blog-inline-case__content>*:last-child {
    margin-bottom: 0;
}

.blog-redesign__content .blog-inline-case__content h2,
.blog-redesign__content .blog-inline-case__content h3,
.blog-redesign__content .blog-inline-case__content h4 {
    color: #162136;
    margin: 0 0 18px;
    padding: 0;
}

.blog-redesign__content .blog-inline-case__content h2 {
    font: 700 26px/1.35 var(--font-family-bold) !important;
    margin: 0 0 24px 0;
}

.blog-redesign__content .blog-inline-case__content h3 {
    font: 700 22px/1.35 var(--font-family-bold) !important;
}

.blog-redesign__content .blog-inline-case__content h4 {
    font: 700 18px/1.35 var(--font-family-bold) !important;
}

.blog-redesign__content .blog-inline-case__content p,
.blog-redesign__content .blog-inline-case__content li,
.blog-redesign__content .blog-inline-case__content span {
    color: #162136;
    font: 400 18px/32px var(--font-family) !important;
}

.blog-redesign__content .blog-inline-case__content p {
    margin: 0 0 12px;
    padding: 0 0;
}

.blog-redesign__content .blog-inline-case__content ul,
.blog-redesign__content .blog-inline-case__content ol {
    margin: 0 0 16px;
    padding-left: 22px;
}

.blog-redesign__content .blog-inline-case__content li {
    margin-bottom: 8px;
}

.blog-redesign__content .blog-inline-case__content a {
    color: rgba(34, 51, 129, 1) !important;
    text-decoration: underline;
    text-decoration-color: rgba(34, 51, 129, 0.5);
    text-decoration-style: dashed;
    text-decoration-thickness: from-font;
    text-underline-offset: 5px;
}

.blog-redesign__content .blog-inline-case__content img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 18px 0;
    border-radius: 8px;
    object-fit: cover;
}

.blog-redesign__content .blog-inline-case__content-wrap {
    position: relative;
    overflow: hidden;
    max-height: 390px;
    transition: max-height 0.3s ease;
}

.blog-redesign__content .blog-inline-case__content-wrap::after {
    /* content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 72px;
    background: linear-gradient(
        180deg,
        rgba(242, 243, 247, 0) 0%,
        #f2f3f7 100%
    );
    pointer-events: none; */
}

.blog-redesign__content .blog-inline-case.is-expanded .blog-inline-case__content-wrap {
    max-height: none;
    overflow: visible;
}

.blog-redesign__content .blog-inline-case.is-expanded .blog-inline-case__content-wrap::after {
    display: none;
}

.blog-redesign__content .blog-inline-case__actions {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-top: 20px;
}

.blog-redesign__content .blog-inline-case__actions--expanded {
    display: none;
    /* justify-content: space-between; */
    padding-top: 24px;
}

.blog-redesign__content .blog-inline-case.is-expanded .blog-inline-case__actions--collapsed {
    display: none;
}

.blog-redesign__content .blog-inline-case.is-expanded .blog-inline-case__actions--expanded {
    display: flex;
}

.blog-redesign__content .blog-inline-case__toggle {
    padding: 0;
    border: 0;
    background: transparent;
    color: #223381;
    cursor: pointer;
    font: 400 18px/1.2 var(--font-family) !important;
    text-decoration: underline;
    text-decoration-color: rgba(34, 51, 129, 0.5);
    text-decoration-style: dashed;
    text-decoration-thickness: from-font;
    text-underline-offset: 5px;
}

.blog-redesign__content .blog-inline-case__toggle:hover {
    color: #AE1B3E;
    text-decoration-color: rgba(174, 27, 62, 0.50);
}

.blog-redesign__content .btn-border {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    padding: 0 20px;
    background: transparent;
    color: rgba(174, 27, 62, 1) !important;
    font: 400 18px/1 var(--font-family) !important;
    border-radius: 5px;
    border: 1px solid rgba(174, 27, 62, 0.5);
    text-decoration: none !important;
}

.blog-redesign__content .btn-border:hover {
    background: #AE1B3E;
    color: #ffffff !important;
}

.blog-redesign__content .blog-inline-case__details {
    margin: 0 0 16px !important;
    padding: 0 !important;
    list-style: none !important;
}

.blog-redesign__content .blog-inline-case__detail {
    margin: 0 0 10px !important;
    color: #162136;
    font: 400 18px/1.2 var(--font-family) !important;
    list-style: none !important;
}

.blog-redesign__content .blog-inline-case__detail:last-child {
    margin-bottom: 0 !important;
}

.blog-redesign__content .blog-inline-case__detail::before,
.blog-redesign__content .blog-inline-case__detail::marker {
    content: none !important;
}

.blog-redesign__content .blog-inline-case__detail-label,
.blog-redesign__content .blog-inline-case__detail-value {
    color: inherit !important;
    font: inherit !important;
}

.blog-redesign__content .blog-inline-case__link {
    display: inline-flex;
    align-items: center;
    color: rgba(34, 51, 129, 1) !important;
    font: 400 18px/1.2 var(--font-family) !important;
    line-height: 1.2 !important;
    text-decoration: underline;
    text-decoration-color: rgba(34, 51, 129, 0.5);
    text-decoration-style: dashed;
    text-decoration-thickness: from-font;
    text-underline-offset: 5px;
}

@media (max-width: 767px) {
    .blog-redesign__content .blog-inline-case__card {
        padding: 24px 16px 18px;
    }

    .blog-redesign__content .blog-inline-case__content-wrap {
        max-height: 260px;
    }

    .blog-redesign__content .blog-inline-case__title {
        font-size: 18px !important;
    }

    .blog-redesign__content .blog-inline-case__content h2,
    .blog-redesign__content .blog-inline-case__content h3 {
        font-size: 20px !important;
    }

    .blog-redesign__content .blog-inline-case__content h4 {
        font-size: 20px !important;
    }

    .blog-redesign__content .blog-inline-case__content p,
    .blog-redesign__content .blog-inline-case__content li,
    .blog-redesign__content .blog-inline-case__content span {
        font-size: 18px !important;
        line-height: 32px !important;
    }

    .blog-redesign__content .blog-inline-case__detail {
        font-size: 13px !important;
    }

    .blog-redesign__content .blog-inline-case__actions,
    .blog-redesign__content .blog-inline-case.is-expanded .blog-inline-case__actions--expanded {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-redesign__content .blog-inline-case__toggle {
        /* font-size: 15px !important; */
    }

    .blog-redesign__content .blog-inline-case__cta.btn2 {
        width: 100%;
        min-width: 0;
        min-height: 48px;
        font-size: 16px !important;
    }

    .blog-redesign__content .blog-inline-case__label {
        height: 24px;
    }

    .blog-redesign__content .blog-inline-case {
        margin: 40px 0 40px;
        padding-top: 24px;
    }

    .blog-redesign__content .blog-inline-case__content h3 {
        font-size: 20px !important;
    }
}

/* === Blog Inline Case Shortcode End === */

/* single blog  reactions*/
.blog-content-bottom {
    max-width: 754px;
}

.article-actions {
    display: grid;
    grid-template-columns: 378px auto;
    gap: 20px;
    justify-content: space-between;
    margin: 30px 0 26px;
    padding: 10px 0 30px;
}

.article-actions__title {
    margin: 0 0 18px;
    font: 600 20px/1.2 var(--font-family-semibold);
    color: rgba(22, 33, 54, 1);
    letter-spacing: -0.48px;
}

.article-reactions__list,
.article-share__list {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.article-reaction-btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    gap: 8px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #f0f3f6;
    color: rgba(22, 33, 54, 0.7);
    cursor: pointer;
    transition: 0.2s ease;
    width: max-content;
}

.article-reaction-btn:hover,
.article-reaction-btn.is-active {
    color: rgba(22, 33, 54, 0.7);
    border-radius: 4px;
    border: 1px solid rgba(34, 51, 129, 0.6);
    background: rgba(34, 51, 129, 0.15);
}

.article-reaction-btn__emoji {
    font-size: 20px;
    line-height: 1;
}

.article-reaction-btn__count {
    font-size: 13px;
    line-height: 1;
}

.article-share {
    text-align: right;
}

.article-share__list {
    justify-content: flex-end;
}

.article-share__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #f4f5f7;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: 0.2s ease;
}

.article-share__btn--vk {
    /* background: #0077ff; */
    color: #fff;
}

.article-share__btn--tg {
    background: #27a7e7;
    color: #fff;
}

.article-share__btn--vk:hover,
.article-share__btn--tg:hover {
    opacity: 0.8;
}

.article-share__btn--copy {
    background-color: #f1f1f1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.16699 6.87488C9.95735 6.87491 10.8146 7.13575 11.4229 7.74402C11.7483 8.06946 11.7483 8.59729 11.4229 8.92273C11.0974 9.24817 10.5696 9.24817 10.2441 8.92273C10.0191 8.69773 9.62652 8.54191 9.16699 8.54187C8.70739 8.54187 8.31438 8.69771 8.08936 8.92273L3.92285 13.0892C3.69783 13.3143 3.54199 13.7073 3.54199 14.1669C3.54203 14.6264 3.69786 15.019 3.92285 15.244L4.75586 16.0775C4.98088 16.3025 5.3739 16.4584 5.8335 16.4584C6.2931 16.4584 6.68611 16.3025 6.91113 16.0775L8.57764 14.411C8.90307 14.0856 9.43042 14.0856 9.75586 14.411C10.0813 14.7364 10.0813 15.2638 9.75586 15.5892L8.08936 17.2557C7.48104 17.864 6.6239 18.1249 5.8335 18.1249C5.0431 18.1249 4.18595 17.864 3.57764 17.2557L2.74414 16.4227C2.13587 15.8145 1.87504 14.9572 1.875 14.1669C1.875 13.3765 2.13595 12.5193 2.74414 11.911L6.91113 7.74402C7.51943 7.13582 8.37666 6.87488 9.16699 6.87488ZM14.167 1.87488C14.9573 1.87491 15.8146 2.13575 16.4229 2.74402L17.2559 3.57751C17.8642 4.18583 18.125 5.04297 18.125 5.83337C18.125 6.62377 17.8642 7.48092 17.2559 8.08923L13.0894 12.2557C12.481 12.864 11.6239 13.1249 10.8335 13.1249C10.0431 13.1249 9.18595 12.864 8.57764 12.2557C8.25228 11.9303 8.25223 11.4029 8.57764 11.0775C8.90305 10.7521 9.43042 10.7522 9.75586 11.0775C9.98088 11.3025 10.3739 11.4584 10.8335 11.4584C11.2931 11.4584 11.6861 11.3025 11.9111 11.0775L16.0776 6.91101C16.3027 6.68599 16.4585 6.29297 16.4585 5.83337C16.4585 5.37377 16.3027 4.98076 16.0776 4.75574L15.2441 3.92273C15.0191 3.69773 14.6265 3.54191 14.167 3.54187C13.7074 3.54187 13.3144 3.69771 13.0894 3.92273L11.4229 5.58923C11.0974 5.91467 10.5696 5.91467 10.2441 5.58923C9.91884 5.26384 9.91889 4.73643 10.2441 4.41101L11.9111 2.74402C12.5194 2.13582 13.3767 1.87488 14.167 1.87488Z" fill="%232C3136" fill-opacity="0.7"/></svg>');
}

.article-share__btn--copy.is-copied {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M7.50043 13.99L3.00543 9.495C2.87071 9.36489 2.69028 9.29289 2.503 9.29452C2.31572 9.29615 2.13657 9.37127 2.00413 9.5037C1.8717 9.63614 1.79658 9.81529 1.79495 10.0026C1.79332 10.1899 1.86532 10.3703 1.99543 10.505L6.99543 15.505C7.12938 15.6389 7.31103 15.7141 7.50043 15.7141C7.68983 15.7141 7.87148 15.6389 8.00543 15.505L18.0054 5.505C18.1355 5.37029 18.2075 5.18986 18.2059 5.00257C18.2043 4.81529 18.1292 4.63614 17.9967 4.5037C17.8643 4.37127 17.6851 4.29615 17.4979 4.29452C17.3106 4.29289 17.1301 4.36489 16.9954 4.495L7.50043 13.99Z" fill="%23223381"/></svg>');
}

.article-share__btn--copy:hover {
    background-color: rgba(34, 51, 129, 0.15);
}

.article-share__btn--copy svg path {
    fill: rgba(44, 49, 54, 0.7);
    fill-opacity: 0.7;
}

.article-share__btn--copy:hover svg path {
    fill: rgba(34, 51, 129, 0.7);
    fill-opacity: 1;
}

.blog-content-bottom .tag-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 0 10px;
    color: #223381;
    font: 400 12px/1.2 var(--font-family);
    height: 35px;
    border-radius: 4px;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    white-space: nowrap;
}

.blog-content-bottom .tag-item:hover {
    color: rgba(34, 51, 129, 1);
    border-radius: 4px;
    background: rgba(34, 51, 129, 0.15);
}

.bottom_tags {
    display: flex;
    gap: 4px;
    align-items: center;
    flex-wrap: wrap;
    margin: 39px 0;
}

.bottom_tags .article-actions__title {
    margin: 0 11px 0 0;
}

@media (max-width: 992px) {
    .single-post .gallery.swiper {
        margin: 0 auto;
        padding: 0 0 20px;
    }

    .single-post .gallery .swiper-button-prev {
        left: 0;
    }

    .single-post .gallery .swiper-button-next {
        right: 0;
    }

    .bottom_tags {
        margin: 15px 0;
    }

    .article-actions {
        margin: 0 0 0;
        padding: 15px 0;
    }
}

@media (max-width: 767px) {

    .single-post .gallery .swiper-button-next,
    .single-post .gallery .swiper-button-prev {
        top: 109px;
    }

    .single-post .gallery.swiper .gallery-item a {
        height: 220px;
    }

    .article-actions {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .article-share {
        text-align: left;
    }

    .article-share__list {
        justify-content: flex-start;
    }

    .article-actions__title {
        font-size: 20px;
        margin: 0 0 15px 0;
    }

    .bottom_tags {
        margin: 15px 0;
    }

    .wp-caption-text,
    .gallery-caption {
        font-size: 13px;
    }

    .wp-caption {
        padding: 20px 0 20px;
    }
}

/* end single blog reactions  */

/* === Blog Measure CTA Start === */
.blog-measure-cta {
    display: grid;
    grid-template-columns: 450px auto;
    gap: 15px;
    margin: 0 0 36px;
    padding: 40px 40px 0;
    border-radius: 8px;
    background: #eef1f6;
    overflow: hidden;
    position: relative;
}

.blog-measure-cta__content {
    padding-bottom: 40px;
}

.blog-measure-cta__eyebrow {
    margin: 0 0 25px;
    color: rgba(174, 27, 62, 0.8);
    font: 400 14px/1.2 var(--font-family);
}

h2.blog-measure-cta__title {
    max-width: 450px;
    margin: 0 0 15px;
    color: rgba(22, 33, 54, 1);
    letter-spacing: 0.32px;
    font: 700 32px/1.2 var(--font-family-bold);
    text-align: left;
    padding: 0 0 !important;
}

.blog-measure-cta__text {
    max-width: 430px;
    margin: 0;
    color: rgba(22, 33, 54, 0.8);
    font: 400 18px/1.2 var(--font-family);
}

.blog-measure-cta__footer {
    display: grid;
    grid-template-columns: 240px auto;
    align-items: center;
    gap: 24px;
    margin-top: 40px;
}

.blog-measure-cta__button.btn2 {
    min-width: 220px;
    min-height: 56px;
    padding: 16px 28px;
    border-radius: 6px;
    background: #be1e48;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
}

.blog-measure-cta__button.btn2:hover {
    background: #a6193f;
}

.blog-measure-cta__person {
    max-width: 220px;
}

.blog-measure-cta__person-name {
    margin: 0 0 4px;
    color: #162136;
    font: 600 14px/1.2 var(--font-family-semibold);
}

.blog-measure-cta__person-role {
    color: rgba(22, 33, 54, 0.8);
    font: 400 12px/1.2 var(--font-family);
}

.blog-measure-cta__media {
    display: flex;
    align-items: end;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 318px;
    bottom: 0;
}

.blog-measure-cta__image {
    display: block;
    width: 100%;
    /* max-width: 304px; */
    height: auto;
}

@media (max-width: 1200px) {
    .blog-measure-cta__media {
        width: 235px;
        bottom: 0;
    }
}

@media (max-width: 992px) {
    .blog-measure-cta {
        grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
        gap: 18px;
        padding: 28px 24px 0;
    }

    .blog-measure-cta__content {
        padding-bottom: 28px;
    }

    h2.blog-measure-cta__title {
        font-size: 25px;
    }

    .blog-measure-cta__text {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .blog-measure-cta {
        display: flex;
        flex-flow: column;
        margin-bottom: 40px;
        padding: 30px 20px 0 20px;
        gap: 0;
    }

    .blog-measure-cta__content {
        padding-bottom: 24px;
    }

    .blog-measure-cta__eyebrow {
        font-size: 14px;
    }

    h2.blog-measure-cta__title {
        font-size: 25px;
    }

    .blog-measure-cta__text {
        max-width: none;
        font-size: 18px;
    }

    .blog-measure-cta__footer {
        display: flex;
        flex-flow: column;
        margin-top: 24px;
        gap: 24px;
        align-items: flex-start;
    }

    .blog-measure-cta__button.btn2 {
        width: 100%;
        min-width: 0;
        font-size: 16px;
    }
    .blog-measure-cta__person {
      display: none;
      max-width: none;
    }
    .blog-measure-cta__media {
      display: none;
      position: relative;
      justify-content: flex-end;
      max-width: 100%;
      width: 100%;
    }
    .blog-measure-cta__image {
        max-width: 100%;
    }
}

/* === Blog Measure CTA End === */
.blog-content-tg {
    display: grid;
    grid-template-columns: 70px auto 179px;
    align-items: center;
    border-radius: 8px;
    background: rgba(34, 51, 129, 0.06);
    padding: 16px 20px;
    gap: 24px;
}

.blog-content-tg-logo {
    display: flex;
    overflow: hidden;
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.blog-content-tg-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-content-tg .btn-accent {
    height: 48px;
    border-radius: 5px;
    background: #ae1b3e;
}

.blog-content-tg .btn-accent span {
    color: rgba(255, 255, 255, 0.6);
}

.blog-content-tg-descr {
    display: inline-block;
    gap: 5px;
    align-items: center;
    color: #223381 !important;
    font: 600 20px / 1.2 var(--font-family-semibold) !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(34, 51, 129, 0.5) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 5px;
}

/* ================================================================
   Модальная форма записи на замер в новой статье
   ================================================================ */

.blog-zamer__no-id.blog-zamer-modal {
    display: none;
    width: 360px;
    max-width: calc(100vw - 30px);
    padding: 0;
    overflow: visible;
    border-radius: 8px;
    border: 1px solid rgba(22, 33, 54, 0.08);
    background: #fff;
    box-shadow: 2px 2px 76.6px 0 rgba(22, 33, 54, 0.15);
}

.blog-zamer__no-id .blog-zamer-form {
    width: 100%;
    margin: 0;
}

.blog-zamer__no-id .blog-zamer-form__body {
    padding: 25px 15px 17px;
}

.blog-zamer__no-id .blog-zamer-form__title {
    margin: 0 0 15px;
    padding: 0 0;
    color: rgba(22, 33, 54, 1);
    font: 700 26px/1.2 var(--font-family-bold);
    text-align: center;
}

.blog-zamer__no-id .blog-zamer-form__intro {
    margin: 0 0 20px;
    padding: 0 0;
    font: 400 14px/1.25 var(--font-family);
    text-align: center;
}

.blog-zamer__no-id .blog-zamer-field {
    display: block;
    margin: 0 0 13px;
}

.blog-zamer__no-id .blog-zamer-field__label {
    display: block;
    margin: 0 0 5px;
    color: rgba(22, 33, 54, 0.5);
    font: 500 12px/1 var(--font-family-medium);
}

.blog-zamer__no-id .blog-zamer-field__control,
.blog-zamer__no-id .blog-zamer-contact {
    position: relative;
    display: flex;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid rgba(34, 51, 129, 0.15);
    background: #f8f9fb;
}

.blog-zamer__no-id .blog-zamer-field__control input,
.blog-zamer__no-id .blog-zamer-field__control select,
.blog-zamer__no-id .blog-zamer-contact>input {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0 14px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    background: transparent;
    box-shadow: none;
    color: #162136;
    font: 500 14px/1 var(--font-family-medium);
}

.blog-zamer__no-id .blog-zamer-field__control input::placeholder,
.blog-zamer__no-id .blog-zamer-contact>input::placeholder {
    color: #9ca5b5;
    font-weight: 400;
    opacity: 1;
}

.blog-zamer__no-id .blog-zamer-field__control select {
    appearance: none;
    padding-right: 35px;
}

.blog-zamer__no-id .blog-zamer-field__control--date input {
    padding-left: 38px;
}

.blog-zamer__no-id .blog-zamer-field__control--date::before {
    position: absolute;
    top: 50%;
    left: 13px;
    width: 13px;
    height: 13px;
    border: 1.5px solid #b9c5d8;
    border-radius: 2px;
    content: "";
    transform: translateY(-50%);
    pointer-events: none;
}

.blog-zamer__no-id .blog-zamer-field__control--date::after {
    position: absolute;
    top: 14px;
    left: 13px;
    width: 13px;
    border-top: 1.5px solid #b9c5d8;
    content: "";
    pointer-events: none;
}

.blog-zamer__no-id .blog-zamer-field__control--select::after {
    position: absolute;
    top: 14px;
    right: 15px;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #9fb1ce;
    border-bottom: 1.5px solid #9fb1ce;
    content: "";
    transform: rotate(45deg);
    pointer-events: none;
}

.blog-zamer__no-id .blog-zamer-form__hint {
    margin: -7px 0 14px;
    color: #667083;
    font: 400 9px/1.2 var(--font-family);
}

.blog-zamer__no-id .blog-zamer-contact {
    align-items: center;
}

.blog-zamer__no-id .blog-zamer-contact__picker {
    position: relative;
    flex: 0 0 126px;
    height: 100%;
}

.blog-zamer__no-id .blog-zamer-contact__picker summary {
    display: flex;
    height: 100%;
    padding: 0 20px 0 13px;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: #293449;
    font: 400 12px/1 var(--font-family);
    list-style: none;
    white-space: nowrap;
}

.blog-zamer__no-id .blog-zamer-contact__picker summary::-webkit-details-marker {
    display: none;
}

.blog-zamer__no-id .blog-zamer-contact__picker summary::after {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #9fb1ce;
    border-bottom: 1.5px solid #9fb1ce;
    content: "";
    transform: rotate(45deg);
}

.blog-zamer__no-id .blog-zamer-contact__icon,
.blog-zamer__no-id .blog-zamer-contact__tg {
    color: #25a5ed;
}

.blog-zamer__no-id .blog-zamer-contact__wa {
    color: #13cc55;
}

.blog-zamer__no-id .blog-zamer-contact__max {
    color: #755cff;
}

.blog-zamer__no-id .blog-zamer-contact__menu {
    position: absolute;
    z-index: 5;
    top: 40px;
    right: auto;
    bottom: auto;
    left: 0;
    width: 126px;
    padding: 8px 0;
    border-radius: 4px;
    background: #292f35;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    color: #fff;
}
.blog-zamer__no-id .blog-zamer-contact__menu label {
    display: flex;
    height: 29px;
    margin: 0;
    padding: 0 11px;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: #fff;
    font: 400 11px/1 var(--font-family);
    white-space: nowrap;
}

.blog-zamer__no-id .blog-zamer-contact__menu input,
.blog-zamer__no-id .blog-zamer-contact__menu b {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.blog-zamer__no-id .blog-zamer-contact>input {
    min-width: 0;
    padding-left: 12px;
}

.blog-zamer__no-id .blog-zamer-form__footer {
    padding: 15px 15px 17px;
    border-radius: 0 0 7px 7px;
    background: #f1f4f8;
}

.blog-zamer__no-id .blog-zamer-form__submit span {
    margin-top: -2px;
    font-size: 21px;
    font-weight: 400;
}

.blog-zamer__no-id .blog-zamer-form__agree.agree {
    position: relative;
    display: flex;
    margin: 9px 2px 0;
    padding: 0;
    align-items: flex-start;
}

.blog-zamer__no-id .blog-zamer-form__agree.agree input {
    position: static;
    width: 12px;
    height: 12px;
    margin: 1px 7px 0 0;
    flex: 0 0 12px;
    opacity: 1;
}

.blog-zamer__no-id .blog-zamer-form__agree.agree label,
.blog-zamer__no-id .blog-zamer-form__agree.agree label span {
    display: block;
    margin: 0;
    padding: 0;
    color: #778090;
    font: 400 7px/1.25 var(--font-family);
}

.blog-zamer__no-id .blog-zamer-form__agree.agree label::before,
.blog-zamer__no-id .blog-zamer-form__agree.agree label::after {
    display: none;
}

.blog-zamer__no-id .blog-zamer-form__agree.agree a {
    color: #c51640;
    text-decoration: underline;
}

/* Мобильная версия модальной формы записи на замер */
@media (max-width: 575px) {
    .blog-zamer__no-id.blog-zamer-modal {
        width: 360px;
        max-width: calc(100vw - 30px);
    }

    .blog-zamer__no-id .blog-zamer-form__body {
        padding-right: 15px;
        padding-left: 15px;
    }

    .blog-zamer__no-id .blog-zamer-form__title {
        font-size: 22px;
    }

    .blog-zamer__no-id .blog-zamer-contact__menu {
        right: auto;
        left: 0;
    }
}

/* Конец модальной формы записи на замер */

/* ================================================================
   Ссылка с автоматическим логотипом внутри статьи
   ================================================================ */

.blog-redesign__content .blog-brand-link {
    margin: 24px 0;
}

.blog-redesign__content .blog-brand-link__anchor {
    display: flex;
    min-height: 102px;
    padding: 30px 20px;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    background: rgba(34, 51, 129, 0.06);
    color: rgba(34, 51, 129, 1);
    text-decoration: none;
}

.blog-redesign__content .blog-brand-link__logo {
    display: flex;
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
}

.blog-redesign__content .blog-brand-link__logo img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.blog-redesign__content .blog-brand-link__title {
    color: rgba(34, 51, 129, 1);
    font: 600 20px/1.25 var(--font-family-semibold);
    text-decoration: underline;
    text-decoration-color: rgba(34, 51, 129, 0.5);
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}

.blog-redesign__content .blog-brand-link__anchor .blog-brand-link__title svg path {
    stroke: rgba(34, 51, 129, 1);
}

.blog-redesign__content .blog-brand-link__anchor:hover .blog-brand-link__title {
    color: rgba(174, 27, 62, 1);
    text-decoration-color: rgba(174, 27, 62, 0.5);
}

.blog-redesign__content .blog-brand-link__anchor:hover .blog-brand-link__title svg path {
    stroke: rgba(174, 27, 62, 1);
}

.blog-brand-link__subtitle {
    display: flex;
    align-items: center;
    gap: 6px;
    font: 400 18px/1.2 var(--font-family);
    color: rgba(22, 33, 54, 0.7);
}

.blog-brand-link__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (max-width: 767px) {
    .blog-redesign__content .blog-brand-link__anchor {
        display: flex;
        flex-direction: column;
        padding: 25px 20px;
        gap: 20px;
    }

    .blog-redesign__content .blog-brand-link__content {
        gap: 24px;
    }

    .blog-redesign__content .blog-brand-link__logo {
        display: none;
    }

    .blog-redesign__content .blog-brand-link__title {
        font-size: 18px;
        line-height: 1.5;
    }

    .blog-redesign__content .blog-brand-link__subtitle {
        font-size: 16px;
    }

    .blog-redesign__content .blog-brand-link {
        margin: 20px 0;
    }
}

/* Конец ссылки с автоматическим логотипом */
.blog-consult-card__policy .agree input~.agree label::before,
.blog-consult-card__policy .agree label::before {
    content: "";
    flex-shrink: 0;
    flex-basis: 16px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid rgba(174, 26, 62, 0.4);
    background-color: #fff;
    background-position: center center;
    background-size: contain;
    background-image: none;
}


.blog-consult-card__policy .agree input:checked~label::before {
    content: "";
    flex-shrink: 0;
    flex-basis: 16px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid rgba(174, 26, 62, 0.4);
    background-color: #fff;
    background-position: center center;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3.54058 6.00005C3.39984 5.87347 3.21644 5.8048 3.02718 5.8078C2.83792 5.8108 2.65679 5.88525 2.52013 6.01621C2.38347 6.14718 2.30139 6.32498 2.29034 6.51394C2.2793 6.7029 2.34011 6.88905 2.46058 7.03505L4.12558 8.78255C4.19529 8.85567 4.27905 8.91396 4.37185 8.95391C4.46464 8.99387 4.56455 9.01466 4.66558 9.01505C4.76607 9.01563 4.86566 8.99602 4.95842 8.95737C5.05118 8.91871 5.13523 8.86181 5.20558 8.79005L10.2906 3.54005C10.3595 3.46913 10.4138 3.38533 10.4504 3.29343C10.4869 3.20153 10.505 3.10333 10.5036 3.00444C10.5023 2.90554 10.4814 2.80789 10.4423 2.71706C10.4031 2.62623 10.3465 2.54399 10.2756 2.47505C10.2047 2.4061 10.1209 2.3518 10.029 2.31524C9.93707 2.27868 9.83886 2.26058 9.73997 2.26198C9.64108 2.26337 9.54343 2.28423 9.45259 2.32336C9.36176 2.36249 9.27952 2.41913 9.21058 2.49005L4.67308 7.18505L3.54058 6.00005Z" fill="%23AE1B3E"/></svg>');
}

.blog-zamer-modal .agree input[type="checkbox"],
.blog-consult-card__policy .agree input[type="checkbox"] {
    left: auto;
    display: block;
}

.blog-consult-card__policy .agree label {
    font: 400 11px/1.2 var(--font-family);
    color: rgba(44, 49, 54, 0.7);
}

.form_wrap_wide.form_wrap_wide_rmclc {
    background: url("/wp-content/themes/mastera/img/v2/spec-rem.webp") 100% bottom no-repeat #fff;
    background-size: contain;
}

@media (max-width: 767px) {
    .blog-consult-card__policy .agree label {
        font-size: 10px;
    }
    .form_wrap_wide.form_wrap_wide_rmclc {
      background: none;
    }
}

/* ==========================================================
   Bootstrap Datetimepicker в стиле Taiga UI
   ========================================================== */

.bootstrap-datetimepicker-widget {
    --calendar-accent: #bd1744;
    --calendar-accent-hover: #a8133b;
    --calendar-text: #1f2937;
    --calendar-muted: #8b95a7;
    --calendar-hover: #f1f3f5;
    --calendar-disabled: #c8cdd5;
    --calendar-weekend: #e31b4b;

    width: 312px !important;
    padding: 16px !important;

    background: #fff !important;
    border: none !important;
    border-radius: 16px !important;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.12),
        0 2px 8px rgba(0, 0, 0, 0.06) !important;

    font-family: inherit;
    color: var(--calendar-text);
}

/* Убираем стандартную стрелку popup */

.bootstrap-datetimepicker-widget::before,
.bootstrap-datetimepicker-widget::after {
    display: none !important;
}

/* Таблица */

.bootstrap-datetimepicker-widget table {
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.bootstrap-datetimepicker-widget table thead,
.bootstrap-datetimepicker-widget table tbody,
.bootstrap-datetimepicker-widget table tr,
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td {
    border: none !important;
}

/* ==========================================================
   Заголовок: месяц и стрелки
   ========================================================== */

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    height: 44px !important;
    padding: 0 !important;

    font-size: 16px;
    font-weight: 600;
    line-height: 44px;

    color: var(--calendar-text);
    background: transparent !important;
}

.bootstrap-datetimepicker-widget .picker-switch {
    border-radius: 10px;
    text-transform: capitalize;
}

.bootstrap-datetimepicker-widget .picker-switch:hover {
    background: var(--calendar-hover) !important;
}

/* Кнопки назад / вперёд */

.bootstrap-datetimepicker-widget .prev,
.bootstrap-datetimepicker-widget .next {
    position: relative;

    width: 40px !important;
    height: 40px !important;

    border-radius: 50% !important;
    color: #AE1A3E !important;

    background: transparent !important;
    transition:
        background-color 0.18s ease,
        transform 0.18s ease;
}

.bootstrap-datetimepicker-widget .prev:hover,
.bootstrap-datetimepicker-widget .next:hover {
    background: var(--calendar-hover) !important;
}

.bootstrap-datetimepicker-widget .prev:active,
.bootstrap-datetimepicker-widget .next:active {
    transform: scale(0.94);
}

/* Собственные стрелки */

.bootstrap-datetimepicker-widget .prev,
.bootstrap-datetimepicker-widget .next {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #AE1A3E !important;
    background: transparent;
    transition: .2s;
}

/* Цвет самих стрелок */
.bootstrap-datetimepicker-widget table th.prev::after,
.bootstrap-datetimepicker-widget table th.next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;

    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    overflow: visible;
    clip: auto;
    color: #AE1A3E !important;
    border-top: 2px solid #AE1A3E;

    border-right: 2px solid #AE1A3E;
    /* <-- цвет стрелок */
}

.bootstrap-datetimepicker-widget table th.prev::after {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.bootstrap-datetimepicker-widget table th.next::after {
    transform: translate(-65%, -50%) rotate(45deg);
}

/* Hover */
.bootstrap-datetimepicker-widget .prev:hover,
.bootstrap-datetimepicker-widget .next:hover {
    background: #FDECEF;
}

.bootstrap-datetimepicker-widget table th.prev:hover::after,
.bootstrap-datetimepicker-widget table th.next:hover::after {
    border-color: #9C1237;
}

/* Скрываем иконки Bootstrap внутри стрелок */

.bootstrap-datetimepicker-widget .prev span,
.bootstrap-datetimepicker-widget .next span {
    display: none !important;
}

/* ==========================================================
   Дни недели
   ========================================================== */

.bootstrap-datetimepicker-widget table thead tr:nth-child(2) th {
    height: 36px !important;
    padding: 0 !important;

    font-size: 12px;
    font-weight: 500;
    line-height: 36px;

    text-transform: lowercase;

    color: var(--calendar-muted);
    background: transparent !important;
}

/* Суббота и воскресенье */

.bootstrap-datetimepicker-widget table thead tr:nth-child(2) th:nth-child(6),
.bootstrap-datetimepicker-widget table thead tr:nth-child(2) th:nth-child(7) {
    color: var(--calendar-weekend);
}

/* ==========================================================
   Ячейки с датами
   ========================================================== */

.bootstrap-datetimepicker-widget table tbody td {
    position: relative;

    width: 40px !important;
    height: 40px !important;
    padding: 2px !important;

    font-size: 14px;
    font-weight: 400;
    line-height: 36px !important;

    text-align: center;
    vertical-align: middle;

    color: var(--calendar-text);
    background: transparent !important;

    border-radius: 50% !important;

    transition:
        background-color 0.16s ease,
        color 0.16s ease,
        transform 0.16s ease;
}

/*
 * Внутренний круг через ::before.
 * Так круглая дата не растягивается на всю ширину td.
 */

.bootstrap-datetimepicker-widget table td.day::before {
    content: "";

    position: absolute;
    z-index: -1;

    top: 50%;
    left: 50%;

    width: 36px;
    height: 36px;

    border-radius: 50%;
    background: transparent;

    transform: translate(-50%, -50%);
    transition:
        background-color 0.16s ease,
        box-shadow 0.16s ease;
}

.bootstrap-datetimepicker-widget table td.day {
    z-index: 0;
}

/* Hover */

.bootstrap-datetimepicker-widget table td.day:not(.disabled):hover {
    color: var(--calendar-text) !important;
    background: transparent !important;
}

.bootstrap-datetimepicker-widget table td.day:not(.disabled):hover::before {
    background: var(--calendar-hover);
}

/* Нажатие */

.bootstrap-datetimepicker-widget table td.day:not(.disabled):active {
    transform: scale(0.92);
}

/* ==========================================================
   Активная дата
   ========================================================== */

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    color: #fff !important;

    background: transparent !important;
    text-shadow: none !important;
}

.bootstrap-datetimepicker-widget table td.active::before,
.bootstrap-datetimepicker-widget table td.active:hover::before {
    background: var(--calendar-accent) !important;
}

.bootstrap-datetimepicker-widget table td.active:hover::before {
    background: var(--calendar-accent-hover) !important;
}

/* ==========================================================
   Сегодняшняя дата
   ========================================================== */

/* Убираем стандартный треугольник */

.bootstrap-datetimepicker-widget table td.today::before {
    border: none !important;
}

/*
 * Если сегодня не выбрано — тонкая обводка.
 */

.bootstrap-datetimepicker-widget table td.today:not(.active)::before {
    background: transparent !important;
    box-shadow: inset 0 0 0 1px var(--calendar-accent);
}

/* ==========================================================
   Даты соседнего месяца
   ========================================================== */

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: var(--calendar-muted) !important;
    opacity: 0.55;
}

/* ==========================================================
   Выходные
   ========================================================== */

/*
 * При сетке ПН–ВС шестая и седьмая колонки —
 * суббота и воскресенье.
 */

.bootstrap-datetimepicker-widget table tbody td:nth-child(6):not(.active),
.bootstrap-datetimepicker-widget table tbody td:nth-child(7):not(.active) {
    color: var(--calendar-weekend);
}

/* Старые/новые даты выходных оставляем приглушёнными */

.bootstrap-datetimepicker-widget table tbody td.old:nth-child(6),
.bootstrap-datetimepicker-widget table tbody td.old:nth-child(7),
.bootstrap-datetimepicker-widget table tbody td.new:nth-child(6),
.bootstrap-datetimepicker-widget table tbody td.new:nth-child(7) {
    color: var(--calendar-weekend) !important;
    opacity: 0.4;
}

/* ==========================================================
   Недоступные даты
   ========================================================== */

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    color: var(--calendar-disabled) !important;

    background: transparent !important;
    cursor: not-allowed !important;
    opacity: 0.7;
}

.bootstrap-datetimepicker-widget table td.disabled::before,
.bootstrap-datetimepicker-widget table td.disabled:hover::before {
    background: transparent !important;
}

/* ==========================================================
   Выбор месяца и года
   ========================================================== */

.bootstrap-datetimepicker-widget .datepicker-months td,
.bootstrap-datetimepicker-widget .datepicker-years td,
.bootstrap-datetimepicker-widget .datepicker-decades td {
    height: auto !important;
    padding: 8px 0 !important;
    line-height: normal !important;
}

.bootstrap-datetimepicker-widget .month,
.bootstrap-datetimepicker-widget .year,
.bootstrap-datetimepicker-widget .decade {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 72px;
    height: 40px;
    margin: 3px !important;

    border-radius: 10px !important;

    font-size: 14px;
    font-weight: 500;

    color: var(--calendar-text);
    background: transparent;

    transition:
        background-color 0.16s ease,
        color 0.16s ease;
}

.bootstrap-datetimepicker-widget .month:hover,
.bootstrap-datetimepicker-widget .year:hover,
.bootstrap-datetimepicker-widget .decade:hover {
    background: var(--calendar-hover) !important;
}

.bootstrap-datetimepicker-widget .month.active,
.bootstrap-datetimepicker-widget .year.active,
.bootstrap-datetimepicker-widget .decade.active {
    color: #fff !important;
    background: var(--calendar-accent) !important;
    text-shadow: none !important;
}

/* ==========================================================
   Нижняя панель, если включено время / today / clear
   ========================================================== */

.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle {
    margin-top: 8px;
}

.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle td {
    height: 42px !important;
    border-radius: 10px !important;
}

.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle td:hover {
    background: var(--calendar-hover) !important;
}

/* Убираем стандартный синий bootstrap-градиент */

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    background-image: none !important;
    box-shadow: none !important;
}

.bootstrap-datetimepicker-widget .prev span,
.bootstrap-datetimepicker-widget .next span {
    color: #BD1744;
}

.bootstrap-datetimepicker-widget .prev:hover span,
.bootstrap-datetimepicker-widget .next:hover span {
    color: #9C1237;
}

@media (max-width: 575px) {
    .bootstrap-datetimepicker-widget {
        width: 100% !important;
    }
}