body {
    background-color: #fff!important;
}

.blog-wrap {
    font-family: 'Montserrat', sans-serif;
}
.blog-wrap .pagination-wrap {
    text-align: center;
}
.pagination li {
    border: 1px solid #D8DBE1;
    border-radius: 50%;
    width: 66px;
    height: 66px;
    display: block!important;
    line-height: 66px;
    text-align: center;
    overflow: hidden;
    float: left;
    margin-right: 14px;
    background-color: #fff;
}
.pagination li > span, .pagination li > a {
    width: 100%;
    line-height: 50px!important;
    border: none!important;
    background: none!important;
    color: #212224!important;
}
.pagination li.active {
    background: #4D89EE;
    box-shadow: 0px 15px 35px rgba(112, 155, 228, 0.65);
}
.pagination li.active a {
    color: #FFFFFF!important;
}

.pl-0 {
    padding-left: 0!important;
}

.mb-10px {
    margin-bottom: 10px;
}
.mb-20px {
    margin-bottom: 20px;
}
.mb-30px {
    margin-bottom: 30px;
}
.mb-40px {
    margin-bottom: 40px;
}
.mb-60px {
    margin-bottom: 60px;
}

.lh-51px {
    line-height: 51px!important;
}

h1 {
    font-weight: 700;
    font-size: 41px;
    line-height: 55px;
}
.usefull-articles {
    color: #4D89EE;
}
.lead-wrap {
    font-weight: 500;
    font-size: 21px;
    line-height: 31px;
    color: #3B3E43;
}

.row img {
    max-width: 100%;
}
.article-card-wrap:hover, .article-card-wrap:focus {
    text-decoration: none;
}
.article-card-wrap .image-wrap {
    display: block;
    width: 100%;
    max-width: 360px;
    max-height: 240px;
    overflow: hidden;
}

.article-card-wrap .article-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #212224;
}
.article-card-wrap:hover .article-title {
    color: #4D89EE;
}

.article-card-wrap .article-intro {
    font-weight: 300;
    font-size: 15px;
    line-height: 25px;
    color: #3B3E43;
}

.article-card-wrap .article-stats-wrap {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    letter-spacing: 0.1em;
    color: #686E78;
}
.article-stats-wrap .stat-item {
    background-repeat: no-repeat;
    text-align: left;
}
.article-stats-wrap .created-wrap {
    background-position: 18px 50%;
    padding-left: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M13 6.5V4.75C13 3.64543 12.1046 2.75 11 2.75H3C1.89543 2.75 1 3.64543 1 4.75V6.5M13 6.5V12.75C13 13.8546 12.1046 14.75 11 14.75H3C1.89543 14.75 1 13.8546 1 12.75V6.5M13 6.5H1M4 1.25V4.25M10 1.25V4.25' stroke='%23D8DBE1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.article-card-wrap:hover .article-stats-wrap .created-wrap {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M13 6.5V4.75C13 3.64543 12.1046 2.75 11 2.75H3C1.89543 2.75 1 3.64543 1 4.75V6.5M13 6.5V12.75C13 13.8546 12.1046 14.75 11 14.75H3C1.89543 14.75 1 13.8546 1 12.75V6.5M13 6.5H1M4 1.25V4.25M10 1.25V4.25' stroke='%234D89EE' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.article-stats-wrap .hits-wrap {
    background-position: 18px 50%;
    padding-left: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15.9433 8.40927L15.0179 8.78827L15.9433 8.40927ZM2.05667 9.59073L1.13127 9.96974L2.05667 9.59073ZM2.98206 8.78827C3.95314 6.41725 6.28305 4.75 9 4.75V2.75C5.44344 2.75 2.39936 4.93404 1.13127 8.03026L2.98206 8.78827ZM9 4.75C11.7169 4.75 14.0469 6.41725 15.0179 8.78827L16.8687 8.03026C15.6006 4.93404 12.5566 2.75 9 2.75V4.75ZM15.0179 9.21173C14.0469 11.5828 11.7169 13.25 9 13.25V15.25C12.5566 15.25 15.6006 13.066 16.8687 9.96974L15.0179 9.21173ZM9 13.25C6.28305 13.25 3.95314 11.5828 2.98206 9.21173L1.13127 9.96974C2.39936 13.066 5.44344 15.25 9 15.25V13.25ZM15.0179 8.78827C15.0734 8.92381 15.0734 9.07619 15.0179 9.21173L16.8687 9.96974C17.1232 9.34844 17.1232 8.65156 16.8687 8.03026L15.0179 8.78827ZM1.13127 8.03026C0.876815 8.65156 0.876815 9.34844 1.13127 9.96974L2.98206 9.21173C2.92655 9.07619 2.92655 8.92381 2.98206 8.78827L1.13127 8.03026Z' fill='%23D8DBE1'/%3E%3Ccircle cx='9' cy='9' r='2.25' stroke='%23D8DBE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.article-card-wrap:hover .article-stats-wrap .hits-wrap {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15.9433 8.40927L15.0179 8.78827L15.9433 8.40927ZM2.05667 9.59073L1.13127 9.96974L2.05667 9.59073ZM2.98206 8.78827C3.95314 6.41725 6.28305 4.75 9 4.75V2.75C5.44344 2.75 2.39936 4.93404 1.13127 8.03026L2.98206 8.78827ZM9 4.75C11.7169 4.75 14.0469 6.41725 15.0179 8.78827L16.8687 8.03026C15.6006 4.93404 12.5566 2.75 9 2.75V4.75ZM15.0179 9.21173C14.0469 11.5828 11.7169 13.25 9 13.25V15.25C12.5566 15.25 15.6006 13.066 16.8687 9.96974L15.0179 9.21173ZM9 13.25C6.28305 13.25 3.95314 11.5828 2.98206 9.21173L1.13127 9.96974C2.39936 13.066 5.44344 15.25 9 15.25V13.25ZM15.0179 8.78827C15.0734 8.92381 15.0734 9.07619 15.0179 9.21173L16.8687 9.96974C17.1232 9.34844 17.1232 8.65156 16.8687 8.03026L15.0179 8.78827ZM1.13127 8.03026C0.876815 8.65156 0.876815 9.34844 1.13127 9.96974L2.98206 9.21173C2.92655 9.07619 2.92655 8.92381 2.98206 8.78827L1.13127 8.03026Z' fill='%234D89EE'/%3E%3Ccircle cx='9' cy='9' r='2.25' stroke='%234D89EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.article-stats-wrap .shares-wrap {
    background-position: 18px 50%;
    padding-left: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M1.25 4.98529L0.951663 4.03083C0.570244 4.15005 0.296424 4.4849 0.255307 4.8824C0.214191 5.2799 0.413673 5.66371 0.762613 5.85848L1.25 4.98529ZM14 1L14.9514 1.30782C15.0665 0.952173 14.9736 0.562046 14.7106 0.29642C14.4476 0.0307941 14.0584 -0.0659781 13.7017 0.0455395L14 1ZM9.875 13.75L8.99265 14.2206C9.18149 14.5747 9.5637 14.7816 9.96341 14.7461C10.3631 14.7106 10.7029 14.4396 10.8264 14.0578L9.875 13.75ZM1.54834 5.93975L14.2983 1.95446L13.7017 0.0455395L0.951663 4.03083L1.54834 5.93975ZM13.0486 0.69218L8.92355 13.4422L10.8264 14.0578L14.9514 1.30782L13.0486 0.69218ZM10.7574 13.2794L7.75735 7.65441L5.99265 8.59559L8.99265 14.2206L10.7574 13.2794ZM7.36239 7.25181L1.73739 4.1121L0.762613 5.85848L6.38761 8.99819L7.36239 7.25181ZM7.58211 8.83211L14.7071 1.70711L13.2929 0.292893L6.16789 7.41789L7.58211 8.83211Z' fill='%23D8DBE1'/%3E%3C/svg%3E");
}
.article-card-wrap:hover .article-stats-wrap .shares-wrap {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M1.25 4.98529L0.951663 4.03083C0.570244 4.15005 0.296424 4.4849 0.255307 4.8824C0.214191 5.2799 0.413673 5.66371 0.762613 5.85848L1.25 4.98529ZM14 1L14.9514 1.30782C15.0665 0.952173 14.9736 0.562046 14.7106 0.29642C14.4476 0.0307941 14.0584 -0.0659781 13.7017 0.0455395L14 1ZM9.875 13.75L8.99265 14.2206C9.18149 14.5747 9.5637 14.7816 9.96341 14.7461C10.3631 14.7106 10.7029 14.4396 10.8264 14.0578L9.875 13.75ZM1.54834 5.93975L14.2983 1.95446L13.7017 0.0455395L0.951663 4.03083L1.54834 5.93975ZM13.0486 0.69218L8.92355 13.4422L10.8264 14.0578L14.9514 1.30782L13.0486 0.69218ZM10.7574 13.2794L7.75735 7.65441L5.99265 8.59559L8.99265 14.2206L10.7574 13.2794ZM7.36239 7.25181L1.73739 4.1121L0.762613 5.85848L6.38761 8.99819L7.36239 7.25181ZM7.58211 8.83211L14.7071 1.70711L13.2929 0.292893L6.16789 7.41789L7.58211 8.83211Z' fill='%234D89EE'/%3E%3C/svg%3E");
}

.article-stats-wrap .read-time-wrap {
    background-position: 18px 50%;
    padding-left: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='9' cy='9' r='6.75' stroke='%23D8DBE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 4.875V9L12 10.5' stroke='%23D8DBE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.article-card-wrap:hover .article-stats-wrap .read-time-wrap {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='9' cy='9' r='6.75' stroke='%234D89EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 4.875V9L12 10.5' stroke='%234D89EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


.article-wrap .article-stats-wrap {
    border-top: 1px solid #D8DBE1;
    border-bottom: 1px solid #D8DBE1;
    padding-top: 20px;
    padding-bottom: 20px;
}
.article-wrap .article-lead-image img {
    width: 100%;
}
.article-wrap .author-avatar {
    max-width: 82px;
}
.article-wrap .avatar-wrap {
    max-width: 52px;
}

.article-wrap .author .name-wrap {
    font-weight: 700;
    font-size: 18px;
    line-height: 33px;
    color: #212224;
}
.article-wrap .author .title-wrap {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #3B3E43;
}
.article-wrap .created-wrap {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #3B3E43;
}
.article-wrap .read-time-wrap {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #3B3E43;
}

.article-wrap .article-lead {
    font-weight: 600;
    font-size: 20px;
    line-height: 31px;
    color: #212224;
}

.article-wrap .content-wrap .article-content-wrap {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #3B3E43;
}
.article-wrap h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 45px;
    color: #212224;
}
.article-wrap h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: #212224;
}

.article-wrap .article-nav-wrap {
    background: #F7F7F8;
    padding-left: 70px;
    padding-top: 50px;
    padding-right: 70px;
    padding-bottom: 50px;
    font-weight: 400;
    font-size: 18px;
    line-height: 33px;
    color: #3B3E43;
    margin-bottom: 60px;
}
.article-wrap .article-nav-wrap .title-wrap {
    font-weight: 600;
    font-size: 20px;
    line-height: 31px;
    color: #212224;
}
.article-wrap .article-nav-wrap li a, .article-wrap .article-nav-wrap li a:hover {
    color: #3B3E43;
    text-decoration: none;
}

.article-wrap .popular-article .title-wrap {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    color: #212224;
}
.article-wrap .popular-article .title-wrap:hover {
    text-decoration: none;
}
.article-wrap .popular-article .article-lead {
    font-weight: 400;
    font-size: 13px;
    line-height: 23px;color: #212224;
}
.article-wrap .popular-article .article-stats-wrap {
    border: none;
    padding: 0px;
}
.article-wrap .popular-article .article-stats-wrap > div {
    padding-right: 0;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #686E78;
}


.article-wrap .article-tags-wrap {
    border-top: 1px solid #D8DBE1;
    border-bottom: 1px solid #D8DBE1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.article-wrap .article-tags-wrap .badge-secondary {
    background-color: #F7F7F8;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #212224;
}


.related-articles-wrap {
    background: #F7F7F8;
    padding-top: 90px;
    padding-bottom: 120px;
}
.related-articles-wrap .title-wrap {
    font-weight: 700;
    font-size: 32px;
    line-height: 41px;
    color: #212224;
}





.socials-wrap {
    line-height: 51px;
}
.socials-wrap .share-lead-wrap {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    color: #4d89ee;
}
.socials-wrap .social-btns-wrap {
    display: inline-block;
    padding-top: 5px;
    vertical-align: sub;
}
.socials-wrap .social-btn {
    position: relative;
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 2px solid #4d89ee;
}
.socials-wrap .social-btn svg {
    height: 15px;
    width: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #4d89ee;
}
.socials-wrap .social-btn:hover {
    border-radius: 50%;
    border: 2px solid grey;
}
.socials-wrap .social-btn:hover svg {
    fill: grey;
}