/* Start:/blog/style.css?178342835630024*/
header.mid-header {
    background-image: none !important;
    background: none !important;
}
header::before {
    display: none !important;
}
.header {
    position: relative;
}
header.mid-header .header {
    align-items: center;
    height: 4.75rem;
}

.header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #111111;
    z-index: -1;
}
.blog__content {
    min-height: 8.875rem;
    padding: 1.25rem 2rem;
    margin-top: 3.25rem;
    margin-bottom: 3.125rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: linear-gradient(180deg, #111111 38.55%, #262626 201.06%);
    border-radius: .5rem;
}
.blog__content .breadcrumbs {
    position: absolute;
    top: 1.25rem;
    left: 2rem;
    display: flex;
    gap: .625rem;
    font-size: 14px;
}
.blog__content .breadcrumbs__divider,
.blog__content .breadcrumbs__current {
    color: #C7C7C7;
}
.blog__content .breadcrumbs > *:not(:last-child) {
    margin-right: 0px !important;
}
.blog__title {
    font-weight: 700;
    font-size: 3rem;
    color: #fff;
}
.blog__wrapper {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    position: relative;
}
@media (max-width: 1300px) {
    .wrapper {
        width: 95%;
    }
}
@media (max-width: 768px) {
    .blog__content {
        margin: 1.5rem 0 0 0;
        min-height: 7.5625rem;
        padding: 3.9375rem 1.5rem 1.5rem 1.5rem;
        align-items: flex-end;
    }
    .blog__title {
        font-size: 1.75rem;
    }
    .breadcrumbs__item {
        font-size: .875rem;
    }
}
h2 {
    font-size: 1.75rem !important;
    margin-left: 0 !important;
    font-family: "Open Sans", sans-serif !important;
}
h2::before {
    display: none;
}
.blog {
    margin-bottom: 4rem;
}
.blog__grid {
    margin-top: 2.25rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 1.625rem;
    row-gap: 2rem;
}
.blog__grid > :nth-child(-n+2) {
    grid-column: span 3;
}
.blog__grid > :nth-child(n+3) {
    grid-column: span 2;
}
.blog__grid.big > :nth-child(-n+4) {
    grid-column: span 3;
}
.blog__grid.big > :nth-child(n+5) {
    grid-column: span 2;
}
.blog__grid--item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}
.blog__grid--item-img {
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    margin-bottom: 1.25rem;
}
.blog__grid--item-img-cover {
    width: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-out;
}
.blog__grid--item-img-logo {
    position: absolute;
    top: 1.4375rem;
    left: 1.3125rem;
}
.blog__grid--item-from {
    color: #757575;
    font-weight: 600;
    margin-bottom: .25rem;
}
.blog__grid--item-name {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.blog__grid--item-date {
    color: #757575;
    font-weight: 600;
    margin-top: auto;
}
.blog__view-all {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.5625rem;
    height: 3.5rem;
    background-color: #F3F3F3;
    border-radius: .375rem;
    border: none;
    font-size: .875rem;
    font-weight: 600;
    margin: 0 auto;
    margin-top: 2rem;
}
.blog__grid--item:hover .blog__grid--item-img-cover {
    transform: scale(1.1);
}
@media (max-width: 768px) {
    .blog__grid {
        grid-template-columns: 1fr 1fr;
        column-gap: 0px;
    }
    .blog__grid > * {
        grid-column: span 1;
    }
}
.newsletter {
    margin-bottom: 5rem;
}
.newsletter__banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.5rem 2.625rem;
    width: 100%;
    border-radius: .5rem;
    background-image: url(/blog/img/newsletter__banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
}
.newsletter__banner--desc {
    color: #fff;
    font-weight: 600;
    font-size: 1.5rem;
    max-width: 25.3125rem;
}
.newsletter__banner--btn {
    border: 1px solid #E5E5E5;
    background-color: #fff;
    color: #fff;
    border-radius: .375rem;
    font-size: .875rem;
    font-weight: 700;
    color: #1F1F1F;
    width: 16.375rem;
    height: 3.5rem;
    transition: background-color 0.3s ease-in;
}
.newsletter__banner--btn:hover {
    background-color: #D9D9D9;
}
.newsletter__banner--btn:active {
    background-color: #D9D9D9;
}
@media (max-width: 768px) {
    .newsletter__banner {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
        padding: 2.5rem 2rem;
        background-position: right bottom;
        background-image: url(/blog/img/newsletter__banner-bg-mobile.png);
    }
    .newsletter__banner--desc {
        max-width: 100%;
    }
}
.controls {
    margin-bottom: 2.625rem;
}
.controls__items {
    display: flex;
    gap: 1rem;
}
@media (max-width: 580px) {
    .controls__items {
        flex-direction: column;
    }
}

.product-select {
    position: relative;
    min-width: 16.25rem;
}

.product-select select {
    width: 100%;
    padding: 28px 20px 8px 20px;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #111;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}

.product-select select:focus {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.product-select--title {
    position: absolute;
    top: .5rem;
    left: 1.25rem;
    color: #7C7C7C;
    font-size: .75rem;
}

.dropdown-arrow {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(/blog/img/dropdown-arrow-icon.svg);    
    background-size: cover;
    pointer-events: none;
}

.controls__search {
    position: relative;
    width: 100%;
}

.controls__search input {
    width: 100%;
    padding: 1.125rem .625rem 1.125rem 3.125rem;
    border: 1px solid #D0D0D0;
    border-radius: .25rem;
    font-size: .875rem;
    color: #111;
    outline: none;
    box-sizing: border-box;
}

.controls__search input::placeholder {
    color: #757575;
}

.controls__search input:focus {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.search-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    pointer-events: none;
}
.article-blog__header {
    margin: 3.5rem 0 2.5rem;
    position: relative;
    min-height: 20.125rem;
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
}
.article-blog__header .breadcrumbs__item {
    font-size: .875rem;
}
.article-blog__content {
    padding: 2.125rem 0 2.3125rem 2.625rem;
    max-width: 60%;
    display: flex;
    flex-direction: column;
}
.article-blog__content .breadcrumbs {
    color: #111;
}
.article-blog__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.article-blog__content .breadcrumbs {
    margin-bottom: 1.75rem;
}
.article-blog__title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 2.8125rem;
}
.article-blog__tiles {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: auto;
}
.article-blog__tiles--tile p {
    color: #66696B;
    font-size: .875rem;
}
.article-blog__tiles--tile.time {
    display: flex;
    gap: .375rem;
    align-items: center;
}
.article-blog__tiles--tile.time::before {
    content: "";
    width: 1.125rem;
    height: 1.125rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 15.375C12.5208 15.375 15.375 12.5208 15.375 9C15.375 5.47918 12.5208 2.625 9 2.625C5.47918 2.625 2.625 5.47918 2.625 9C2.625 12.5208 5.47918 15.375 9 15.375Z' stroke='%2366696B' stroke-width='1.2'/%3e%3cpath d='M9 5.25V9H12' stroke='%2366696B' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-size: cover;
}
.article__flex {
    display: flex;
    gap: 6.0625rem;
}
.article--blog {
    flex: 0 0 66%;
    max-width: 66%;
}
.article__menu {
    max-width: 19.6875rem;
}
.article--blog-content {
    margin: 2.5rem 0;
}
.article--blog-content .desc-twentypx {
    font-size: 1.25rem;
}
.article--blog .blog--paragraph-twentyPX {
    font-size: 1.25rem; 
    margin-bottom: 2.5rem;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .article--blog .blog--paragraph-twentyPX {
        font-size: 1.125rem;
    }
}

.article--blog-content-paragraphs {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.article--blog-content-paragraphs p {
    font-size: 1.125rem;
}
.article--blog h2 {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.4;
    scroll-margin-top: 2rem;
}
@media screen and (max-width: 1240px) {
    .article--blog h2 {
        scroll-margin-top: 5.375rem;
    }
}
.article--blog h3 {
    font-size: 1.375rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.4;
    margin-top: 2rem;
}
.article--blog p {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}
.article--note-red,
.article--note-grey,
.article--note-blue,
.article--note-green,
.article--note-yellow {
    padding: 2rem;
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    border-radius: .5rem;
    color: #1F1F1F;
    font-size: 1.125rem;
}
.article--note-red p,
.article--note-grey p,
.article--note-blue p,
.article--note-green p,
.article--note-yellow p {
    margin-bottom: 0;
}
.article--note-grey {
    border: 1px solid #E5E5E5;
    background-color: #F3F4F5;
}
.article--note-red {
    border: 1px solid #EFE1E1;
    background-color: #FFF6F6;
}
.article--note-blue {
    border: 1px solid #CED4DA;
    background-color: #F1F4F8;   
}
.article--note-green {
    border: 1px solid #C6D7C0;
    background-color: #F3F8F1;
}
.article--note-yellow {
    border: 1px solid #EADCCD;
    background-color: #FFF9EE;
}
.article--note-red::before,
.article--note-grey::before,
.article--note-blue::before,
.article--note-green::before,
.article--note-yellow::before {
    content: "";
    min-width: 1.75rem;
    min-height: 1.75rem;
    background-size: cover;
}
.article--note-grey::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.5 10.9667C3.5 8.35333 3.5 7.04667 4.00867 6.048C4.45607 5.16995 5.16995 4.45607 6.048 4.00867C7.04667 3.5 8.35333 3.5 10.9667 3.5H17.0333C19.6467 3.5 20.9533 3.5 21.952 4.00867C22.8301 4.45607 23.5439 5.16995 23.9913 6.048C24.5 7.04667 24.5 8.35333 24.5 10.9667V17.0333C24.5 19.6467 24.5 20.9533 23.9913 21.952C23.5439 22.8301 22.8301 23.5439 21.952 23.9913C20.9533 24.5 19.6467 24.5 17.0333 24.5H10.9667C8.35333 24.5 7.04667 24.5 6.048 23.9913C5.16995 23.5439 4.45607 22.8301 4.00867 21.952C3.5 20.9533 3.5 19.6467 3.5 17.0333V10.9667Z' stroke='%237D8DA2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M14.0013 18.6667V12.8334H13.418M13.418 18.6667H14.5846M14.0013 9.91671V9.33337' stroke='%237D8DA2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");  
}
.article--note-red::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9.33338V14.0001M14 18.6667H14.0117M23.1875 7.31505C24.0042 7.77938 24.5058 8.64855 24.5 9.58772V18.0857C24.5 19.0295 23.9832 19.8999 23.149 20.3584L15.274 25.34C14.8835 25.5543 14.4454 25.6666 14 25.6666C13.5546 25.6666 13.1165 25.5543 12.726 25.34L4.851 20.3584C4.44327 20.1349 4.10289 19.8061 3.86529 19.4065C3.62769 19.0068 3.50155 18.5507 3.5 18.0857V9.58655C3.5 8.64272 4.01683 7.77355 4.851 7.31505L12.726 2.67172C13.128 2.45009 13.5795 2.33386 14.0385 2.33386C14.4975 2.33386 14.949 2.45009 15.351 2.67172L23.226 7.31505H23.1875Z' stroke='%23D09A9A' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.article--note-blue::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9.33333V14M14 18.6667H14.0117M3.5 14C3.5 15.3789 3.77159 16.7443 4.29926 18.0182C4.82694 19.2921 5.60036 20.4496 6.57538 21.4246C7.55039 22.3996 8.70791 23.1731 9.98182 23.7007C11.2557 24.2284 12.6211 24.5 14 24.5C15.3789 24.5 16.7443 24.2284 18.0182 23.7007C19.2921 23.1731 20.4496 22.3996 21.4246 21.4246C22.3996 20.4496 23.1731 19.2921 23.7007 18.0182C24.2284 16.7443 24.5 15.3789 24.5 14C24.5 11.2152 23.3938 8.54451 21.4246 6.57538C19.4555 4.60625 16.7848 3.5 14 3.5C11.2152 3.5 8.54451 4.60625 6.57538 6.57538C4.60625 8.54451 3.5 11.2152 3.5 14Z' stroke='%237D8DA2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.article--note-green::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9.33333V14M14 18.6667H14.0117M3.5 14C3.5 15.3789 3.77159 16.7443 4.29926 18.0182C4.82694 19.2921 5.60036 20.4496 6.57538 21.4246C7.55039 22.3996 8.70791 23.1731 9.98182 23.7007C11.2557 24.2284 12.6211 24.5 14 24.5C15.3789 24.5 16.7443 24.2284 18.0182 23.7007C19.2921 23.1731 20.4496 22.3996 21.4246 21.4246C22.3996 20.4496 23.1731 19.2921 23.7007 18.0182C24.2284 16.7443 24.5 15.3789 24.5 14C24.5 11.2152 23.3938 8.54451 21.4246 6.57538C19.4555 4.60625 16.7848 3.5 14 3.5C11.2152 3.5 8.54451 4.60625 6.57538 6.57538C4.60625 8.54451 3.5 11.2152 3.5 14Z' stroke='%237C937A' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.article--note-yellow::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.002 11.2797V15.9463M14.002 19.4463H14.0137M12.0922 4.96918L2.63518 20.7588C2.44023 21.0965 2.33706 21.4792 2.33595 21.8691C2.33483 22.259 2.4358 22.6423 2.62882 22.981C2.82184 23.3198 3.10018 23.6021 3.43615 23.7998C3.77212 23.9976 4.15401 24.104 4.54385 24.1083H23.4602C23.8498 24.1039 24.2316 23.9975 24.5674 23.7997C24.9032 23.602 25.1814 23.3199 25.3744 22.9813C25.5674 22.6428 25.6684 22.2596 25.6674 21.8699C25.6665 21.4802 25.5635 21.0976 25.3689 20.76L15.9119 4.96801C15.7129 4.6396 15.4326 4.36805 15.098 4.17958C14.7635 3.99111 14.386 3.89209 14.002 3.89209C13.618 3.89209 13.2405 3.99111 12.906 4.17958C12.5714 4.36805 12.2912 4.6396 12.0922 4.96801V4.96918Z' stroke='%23CCA979' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.article--code {
    padding: 1.625rem;
    border: 1px solid #D9D9D9;
    background-color: #F3F4F5;
    border-radius: .5rem;
}
.article--code-header {
    padding-bottom: 1.1875rem;
    margin-bottom: 1.1875rem;
    border-bottom: 1px solid #D3D3D3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.article--code-header-name {
    font-size: 1rem;
}
.article--code-header-copy {
    display: flex;
    align-items: center;
    gap: .125rem;
    color: #6C6C6C;
    font-size: .875rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}
.article--code-header-copy::before {
    content: "";
    min-width: 1.25rem;
    min-height: 1.25rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.8984 5H7.22656C5.99687 5 5 5.99687 5 7.22656V15.8984C5 17.1281 5.99687 18.125 7.22656 18.125H15.8984C17.1281 18.125 18.125 17.1281 18.125 15.8984V7.22656C18.125 5.99687 17.1281 5 15.8984 5Z' stroke='%236C6C6C' stroke-width='1.2' stroke-linejoin='round'/%3e%3cpath d='M14.9805 5L15 4.0625C14.9984 3.48285 14.7674 2.9274 14.3575 2.51753C13.9476 2.10765 13.3922 1.87665 12.8125 1.875H4.375C3.71256 1.87696 3.07781 2.14098 2.6094 2.6094C2.14098 3.07781 1.87696 3.71256 1.875 4.375V12.8125C1.87665 13.3922 2.10765 13.9476 2.51753 14.3575C2.9274 14.7674 3.48285 14.9984 4.0625 15H5' stroke='%236C6C6C' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-size: cover;
}
.article--code-header-copy.copied::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.95783 12.625L15.0203 5.5625C15.187 5.39583 15.3814 5.3125 15.6037 5.3125C15.8259 5.3125 16.0203 5.39583 16.187 5.5625C16.3537 5.72917 16.437 5.92722 16.437 6.15667C16.437 6.38611 16.3537 6.58389 16.187 6.75L8.54117 14.4167C8.3745 14.5833 8.18005 14.6667 7.95783 14.6667C7.73561 14.6667 7.54117 14.5833 7.3745 14.4167L3.79117 10.8333C3.6245 10.6667 3.5445 10.4689 3.55117 10.24C3.55783 10.0111 3.64478 9.81306 3.812 9.64583C3.97922 9.47861 4.17728 9.39528 4.40617 9.39583C4.63505 9.39639 4.83283 9.47972 4.9995 9.64583L7.95783 12.625Z' fill='%236C6C6C'/%3e%3c/svg%3e ");
}
.article--code-content code {
    margin: 0;
    font-family: Menlo, Monaco, "Courier New", Courier, monospace;
    font-size: 1rem;
    line-height: 1.4;
    color: #1F1F1F;
    white-space: pre;
    word-wrap: break-word;
    tab-size: 4;
    -webkit-font-smoothing: antialiased;
    overflow-x: auto;
    display: block; 
}
.article--blog ul, 
.article--blog ol {
    margin-left: 1.875rem;
    margin-bottom: 1rem;
}
.article--blog ul li,
.article--blog ol li {
    font-size: 1.125rem;
    line-height: 1.4;
}
.article__quote {
    padding: 2rem;
    border: 1px solid #F0DFDF;
    background-color: #FFF6F6;
    border-radius: .5rem;
    display: flex;
    gap: .5rem;
    align-items: stretch;
}
.article__quote-border {
    display: flex;
    flex-direction: column;
}
.article__quote-border .red-border {
    width: 2px;
    height: 100%;
    background-color: #CC2B24;
}
.article__quote-border::before {
    content: "";
    min-width: .9375rem;
    min-height: .6875rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.50431 9.55656C11.056 8.42836 11.8534 6.78582 11.8966 4.62896L9.05172 4.33032V0H15V2.04072C15 3.66667 14.9138 5.01056 14.7414 6.0724C14.5259 7.30015 13.9009 8.46154 12.8664 9.55656C12.306 10.1207 11.6595 10.6018 10.9267 11L9.50431 9.55656ZM0.64655 9.55656C2.24138 8.5279 3.06034 6.88537 3.10345 4.62896L0 4.33032V0H6.01293V2.04072C6.01293 3.0362 5.96983 3.83258 5.88362 4.42986C5.88362 4.79487 5.86207 5.14329 5.81897 5.47511C5.77586 5.93967 5.71121 6.30468 5.625 6.57014C5.625 6.6365 5.5819 6.76923 5.49569 6.96833C5.40948 7.2006 5.34483 7.3997 5.30172 7.56561C5.25862 7.93062 5.10776 8.26244 4.84914 8.56108C4.59052 8.89291 4.375 9.17496 4.20259 9.40724C3.81466 9.90498 3.125 10.4359 2.13362 11L0.64655 9.55656Z' fill='%23CC2B24'/%3e%3c/svg%3e ");
    background-size: cover;
    margin: .3125rem 0 .375rem;
}
.article__quote .article__quote-text {
    font-size: 1.125rem;
    color: #1F1F1F;
    margin-bottom: 1rem;
}
.article__quote-author {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.article__quote-author-avatar {
    width: 5rem;
    height: 5rem;
    border-radius: .375rem;
}
.article__quote .article__quote-author-name {
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: .25rem;
    color: #1F1F1F;
}
.article__quote .article__quote-author-position {
    color: #606264;
    font-size: 1rem;
    margin-bottom: 0rem;
}
.article__menu-author {
    margin-bottom: 3.125rem;
}
.article__menu--author-img {
    width: 5rem;
    height: 5rem;
    margin-bottom: .875rem;
    border-radius: .375rem;
}
.article .article__menu-author-article {
    color: #606264;
    font-size: .875rem;
    margin-bottom: .5rem;
}
.article .article__menu-author-name {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1F1F1F;
    margin-bottom: .125rem;
}
.article .article__menu-author-position {
    color: #606264;
    font-size: 1rem;
}
.article__menu-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2.625rem;
}
.article__menu-content-title {
    font-size: 1.125rem;
    font-weight: 700;
}
.article__menu .article__menu-content-link {
    text-decoration: none;
    color: #1F1F1F;
    transition: color 0.15s ease-in;
}
.article__menu-content-link:hover {
    color: #CC2B24;
}
.article__menu-feedback {
    padding: 1.625rem;
    border: 1px solid #E5E5E5;
    background-color: #F3F4F5;
    width: 100%;
    border-radius: .5rem;
}
.article__menu-feedback-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .625rem;
}
.article__menu-feedback-desc {
    margin-bottom: 2rem;
}
.article__menu-feedback-btn {
    width: 100%;
    height: 3.5rem;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    color: #1F1F1F;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .375rem;
}
.article--blog-content-slider-img {
    width: 100%;
    object-fit: cover;
}
.article--blog .article--blog-content-slider-note {
    margin: 1rem 0 2.5rem 0;
    color: #757575;
    font-size: 1rem;
}
.article__tags {
    display: flex;
    align-items: flex-start;
    gap: .9375rem;
    margin-top: 40px;
}
.article--blog-content .article__tags p {
    font-size: 1rem;
}
.article__tags--items {
    display: flex;
    flex-wrap: wrap;
    gap: .9375rem;
}
.article__tags--items-link {
    color: #CC2B23;
    font-size: 1rem;
}
.article--notes {
    padding-top: 2.5rem;
    border-top: 1px solid #E5E5E5;
    margin-bottom: 3rem;
}
.article--notes-block {
    background-color: #F3F4F5;
    padding: 2rem;
    border-radius: .5rem;
}
.article--notes-title {
    color: #1F1F1F;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.article--blog .article--notes-desc {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0;
}
.article--notes-desc span {
    font-weight: 700;
}
.article--notes-desc:not(:last-child) {
    margin-bottom: .625rem;
}
.article-related {
    padding-top: 3.25rem;
    margin-bottom: 5rem;
    border-top: 1px solid #E5E5E5;
}
.article-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-top: 2.25rem;
}
.article-related-tag {
    color: #CC2B24;
}
@media screen and (max-width: 1240px) {
    .article .container {
        padding: 0;
    }
}
@media (max-width: 768px) {
    .article-blog__header {
        background-color: #F5F5F5;
        min-height: 0;
        margin: 2.5rem 0;
    }
    .article-blog__content {
        max-width: 100%;
        padding: 2rem;
    }
    .article__menu .article__menu-content-link {
        color: #CC2B24;
    }
    .article-blog__bg {
        display: none;
    }
    .article-blog__content .breadcrumbs {
        display: block;
    }
    .article-blog__title {
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
        line-height: 1.2;
    }
    .article__flex {
        flex-direction: column-reverse;
        gap: 0;
    }
    .article__menu  {
        max-width: 100%;
        margin-bottom: 2.5rem;
        border-bottom: 1px solid #E5E5E5;
    }
    .article__menu-author {
        display: none;
    }
    .article__menu-author.mobile {
        display: flex;
        gap: .75rem;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    .article--blog {
        max-width: 100%;
    }
    .article--blog-content {
        margin-bottom: 2rem;
    }
    .article--blog-content h2  {
        font-size: 1.5rem !important;
        margin-bottom: 1rem;
    }
    .article--blog-content h3  {
        font-size: 1.25rem;   
        margin: 2rem 0 1rem;
    }
    .article--note-grey,
    .article--note-red,
    .article--note-blue,
    .article--note-green,
    .article--note-yellow {
        flex-direction: column;
        padding: 1.5rem;
        font-size: 1rem;
    }
    .article--blog-content-paragraphs p,
    .article--blog-content-paragraphs ul li,
    .article__quote-text,
    .article__quote-author-name {
        font-size: 1rem;
    }
    .article--blog-content-paragraphs {
        gap: .75rem;
    }
    .article--blog-content .desc-twentypx {
        font-size: 1.125rem;
    }
    .article__quote {
        padding: 1.5rem;
        flex-direction: column;
        gap: 1rem;
    }
    .article__quote-border .red-border {
        display: none;
    }
    .article__quote-border::before {
        max-width: 1.5rem;
        min-width: 1.5rem;
        max-height: 1.125rem;
        min-height: 1.125rem;
    }
    .article__quote-author {
        flex-direction: column;
        align-items: flex-start;
    }
    .article__quote-text {
        margin-bottom: 1.5rem;
    }    
    .article__tags--items {
        flex-wrap: wrap;
    }
    .article-related__grid {
        grid-template-columns: 1fr;
    }
    .article__menu-feedback {
        display: none;
    }
}


/* Баннер "Была ли статья полезной?" */
.article--blog-content:has(.artice-useful) {
    position: relative;
}
.artice-useful {
    position: absolute;
    left: 105%;
    bottom: 0;
    border: 1px solid #D9D9D9;
    background-color: #fff;
    border-radius: .5rem;
    max-width: 19.625rem;
    width: 100%;
    min-height: 9.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.artice-useful--content {
    transition: opacity .25s ease, transform .25s ease;
}
.artice-useful .artice-useful--content-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: center;
}
.artice-useful--content__btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}
.artice-useful--content__btns-btn {
    width: 7rem;
    height: 2.875rem;
    border: 1px solid #E5E5E5;
    border-radius: .375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .125rem;
    font-size: .875rem;
    font-weight: 600;
    background-color: #fff;
    transition: background-color 0.3s ease-in; 
}
.artice-useful--content__btns-btn:hover {
    background-color: #E5E5E5;
}
.artice-useful--content__btns-btn::before {
    content: "";
    width: 1.375rem;
    height: 1.375rem;
    background-size: cover;
}
.artice-useful--content__btns-btn.yes::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.875 8.25H13.75V4.125C13.7495 3.57816 13.532 3.05387 13.1453 2.6672C12.7586 2.28052 12.2343 2.06305 11.6875 2.0625H10.2211C9.89048 2.0639 9.57135 2.18377 9.3216 2.40036C9.07184 2.61694 8.908 2.91588 8.85981 3.24294L8.27887 7.31087L5.81969 11H1.375V20.625H15.8125C17.0883 20.6232 18.3113 20.1156 19.2134 19.2134C20.1156 18.3113 20.6232 17.0883 20.625 15.8125V11C20.6241 10.2709 20.3341 9.57199 19.8185 9.05646C19.303 8.54093 18.6041 8.25091 17.875 8.25ZM5.5 19.25H2.75V12.375H5.5V19.25ZM19.25 15.8125C19.2489 16.7238 18.8864 17.5976 18.242 18.242C17.5976 18.8864 16.7238 19.2489 15.8125 19.25H6.875V11.8958L9.59612 7.81413L10.2218 3.4375H11.6875C11.8698 3.4375 12.0447 3.50993 12.1736 3.63886C12.3026 3.7678 12.375 3.94266 12.375 4.125V9.625H17.875C18.2395 9.62555 18.5889 9.77059 18.8467 10.0283C19.1044 10.2861 19.2495 10.6355 19.25 11V15.8125Z' fill='%231F1F1F'/%3e%3c/svg%3e ");
}
.artice-useful--content__btns-btn.no::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.125 13.75H8.25V17.875C8.25055 18.4218 8.46802 18.9461 8.8547 19.3328C9.24137 19.7195 9.76566 19.937 10.3125 19.9375H11.7789C12.1095 19.9361 12.4286 19.8162 12.6784 19.5996C12.9282 19.3831 13.092 19.0841 13.1402 18.7571L13.7211 14.6891L16.1803 11H20.625V1.375H6.1875C4.9117 1.37682 3.68868 1.88443 2.78656 2.78656C1.88443 3.68868 1.37682 4.9117 1.375 6.1875V11C1.37591 11.7291 1.66593 12.428 2.18146 12.9435C2.69699 13.4591 3.39593 13.7491 4.125 13.75ZM16.5 2.75H19.25V9.625H16.5V2.75ZM2.75 6.1875C2.75109 5.27615 3.11361 4.40245 3.75803 3.75803C4.40244 3.11361 5.27615 2.75109 6.1875 2.75H15.125V10.1042L12.4039 14.1859L11.7782 18.5625H10.3125C10.1302 18.5625 9.95529 18.4901 9.82636 18.3611C9.69743 18.2322 9.625 18.0573 9.625 17.875V12.375H4.125C3.76049 12.3745 3.41108 12.2294 3.15333 11.9717C2.89559 11.7139 2.75055 11.3645 2.75 11V6.1875Z' fill='%231F1F1F'/%3e%3c/svg%3e ");
}
.artice-useful--thanks {
    position: absolute;
    opacity: 0;
    transform: translateY(.5rem);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3;
    transition: opacity .25s ease, transform .25s ease;
}

.artice-useful.is-thanks .artice-useful--content {
    opacity: 0;
    transform: translateY(-.5rem);
    pointer-events: none;
}

.artice-useful.is-thanks .artice-useful--thanks {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
@media (max-width: 992px) {
    .artice-useful {
        position: relative;
        left: 0;
        margin-top: 2rem;
         max-width: 100%;
    }
    .article__tags {
        padding-bottom: 2rem;
        border-bottom: 1px solid #E5E5E5;
    }
    .article--notes {
        border-top: none;
        padding-top: .5rem;
    }
}
.article--blog a {
    color: #CC2B24;
    display: inline;
}
/* End */


/* Start:/bitrix/templates/redvrm/components/bitrix/news.list/blog_news/style.css?1776942119150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /blog/style.css?178342835630024 */
/* /bitrix/templates/redvrm/components/bitrix/news.list/blog_news/style.css?1776942119150 */