html {
  scroll-behavior: smooth;
}
.block-contents__anchor-link {
    position: absolute;
    top: -150px;
}
.blog-page-item h2 {
    position: relative;
    font-size: 32px;
    line-height: normal;
}
.blog-page-item .container>ul li {
 padding-bottom: 8px;
}
.blog-page-item {
 color: #4d5660;
}
.breadcrumbs-block,
.breadcrumbs-block>.container,
.blog-page,
.blog-page>.container {
 background-color:white;
}
.breadcrumbs-block>.container>.row {
 padding-top:3px;
 font-weight: 400;
 font-size:16px;
 letter-spacing: -0.02em;
 color: #809498;
     align-items: center;
    column-gap: 6px;
 margin: 20px 0px;
 display: flex;
}

.blog-page>.container>.row {
 padding-top:16px;
 color:black;
}

.blog-page h1 {
 font-weight: 700;
 font-size: 54px;
 line-height: 60px;
 color: #201E47;
}
.latest-posts {
 display: flex;
    column-gap: var(--gap);
    margin: 30px 0;
row-gap: 15px;
--count: 3;
--gap: 15px;
    flex-wrap: wrap;
}
.latest-posts .post {
    background: #fff;
    border: 1px solid #d9dfe5;
    border-radius: 15px;
    box-shadow: 0 1px 2px rgb(7 18 30 / 4%), 0 8px 24px -12px rgb(7 18 30 / 12%);
    flex-direction: column;
    row-gap: 10px;
    padding: 1.75rem 1.5rem;
    transition: transform .2s, box-shadow .2s;
    display: flex;
    position: relative;
    justify-content: space-between;
width: calc(100% / var(--count) - var(--gap) * (var(--count) - 1) / var(--count));
}
.latest-posts .post:hover {
    box-shadow: 0 4px 12px -2px rgb(197 2 32 / 35%), 0 16px 40px -16px rgb(14 21 51 / 25%);
    transform: translateY(-4px);
}
.latest-posts .post a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.latest-posts .post .entry {
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 1.4;
}
.post-image {
border-radius: 15px;
    overflow: hidden;
    height: 250px;
    position: relative;
}
.post-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.post-image>span {
position: absolute;
    bottom: 10px;
    left: 10px;
    border: 1px solid;
    background: #fff;
    padding: 3px 9px;
    border-radius: 8px;
    font-size: 12px;
    box-shadow: 0 4px 12px -2px rgb(197 2 32 / 35%), 0 16px 40px -16px rgb(14 21 51 / 25%);
}
.post-info .date {
background-image: url("data:image/svg+xml,%3Csvg  width='24'  height='24'  viewBox='0 0 24 24'  fill='none'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath    d='M8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12C9 12.5523 8.55228 13 8 13Z'    fill='currentColor'  /%3E%3Cpath    d='M8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17Z'    fill='currentColor'  /%3E%3Cpath    d='M11 16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16Z'    fill='currentColor'  /%3E%3Cpath    d='M16 17C15.4477 17 15 16.5523 15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16C17 16.5523 16.5523 17 16 17Z'    fill='currentColor'  /%3E%3Cpath    d='M11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z'    fill='currentColor'  /%3E%3Cpath    d='M16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13Z'    fill='currentColor'  /%3E%3Cpath    d='M8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H16C16.5523 9 17 8.55228 17 8C17 7.44772 16.5523 7 16 7H8Z'    fill='currentColor'  /%3E%3Cpath    fill-rule='evenodd'    clip-rule='evenodd'    d='M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM18 5H6C5.44772 5 5 5.44772 5 6V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V6C19 5.44772 18.5523 5 18 5Z'    fill='currentColor'  /%3E%3C/svg%3E");
}
.post-read-time {
background-image: url("data:image/svg+xml,%3Csvg  width='24'  height='24'  viewBox='0 0 24 24'  fill='none'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7H11V12H16V14H9V7Z' fill='currentColor' /%3E%3Cpath    fill-rule='evenodd'    clip-rule='evenodd'    d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z'    fill='currentColor'  /%3E%3C/svg%3E");
}
.post-views {
background-image: url("data:image/svg+xml,%3Csvg  width='24'  height='24'  viewBox='0 0 24 24'  fill='none'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath    fill-rule='evenodd'    clip-rule='evenodd'    d='M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'    fill='currentColor'  /%3E%3Cpath    fill-rule='evenodd'    clip-rule='evenodd'    d='M12 3C17.5915 3 22.2898 6.82432 23.6219 12C22.2898 17.1757 17.5915 21 12 21C6.40848 21 1.71018 17.1757 0.378052 12C1.71018 6.82432 6.40848 3 12 3ZM12 19C7.52443 19 3.73132 16.0581 2.45723 12C3.73132 7.94186 7.52443 5 12 5C16.4756 5 20.2687 7.94186 21.5428 12C20.2687 16.0581 16.4756 19 12 19Z'    fill='currentColor'  /%3E%3C/svg%3E");
}
.post-read-time,
.post-views,
.post-info .date {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    font-size: 14px;
    padding-left: 20px;
}
.post-info {
display:flex;
    column-gap: 14px;
    flex-wrap: wrap;
    row-gap: 20px;
}
.latest-posts .post .title {
    font-size: 17px;
    font-weight: 600;
}
.blog-filter {
    margin: 25px 0 20px;
    display: flex;
    column-gap: 15px;
    max-width: 100%;
    overflow-x: auto;
    padding: 5px 5px 10px;
}
.blog-filter__item {
    border: 1px solid #d9dfe5;
    border-radius: 15px;
    box-shadow: 0 1px 2px rgb(7 18 30 / 4%), 0 8px 24px -12px rgb(7 18 30 / 12%);
    padding: 6px 18px;
    white-space: nowrap;
}
.blog-filter__item:hover {
    box-shadow: 0 4px 12px -2px rgb(197 2 32 / 35%), 0 16px 40px -16px rgb(14 21 51 / 25%);
    transform: translateY(-1px);
}
.blog-filter__item.active {
    background: rgb(197 2 32 / 35%);
}
#pdopage>.btn-more {
    cursor: pointer;
    background: #a00a00;
    color: #fff;
    padding: 10px 25px;
    border: 0;
    border-radius: 20px;
    width: auto;
    max-width: 250px;
}
#pdopage>.btn-more:hover {
    background: rgb(160 10 0 / 80%);
}
.employee-blog {
    gap: 58px;
    grid-template-columns: 250px 1fr;
    display: grid;
    background: #201e44;
    border-radius: 12px;
   padding: 30px 50px;
margin: 30px 0;
box-shadow: 0 1px 2px rgb(7 18 30 / 4%), 0 3px 24px -12px rgb(7 18 30 / 12%);
}
.employee-blog__img {
    border-radius: 100%;
    overflow: hidden;
}
.employee-blog__img a {
    display: flex;
    height: 100%;
}
.employee-blog__img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.employee-blog__caption {
    font-size: 18px;
    margin-bottom: 15px;
}
.employee-blog__name {
    font-size: 35px;
    color: #fff;
    line-height: normal;
}
.employee-blog__position {
 margin-bottom: 15px;
}
.employee-blog__info {
   color: #fff;
}
.employee-blog__exp,
.employee-blog__position {
    font-size: 20px;
}
.blog-page-item .post-info {
 margin-top:10px;
}
.block-contents {
    padding: 32px;
    background: #eaecf4;
    border-radius: 12px;
    border: 1px solid #bdbfc0;
margin: 30px 0;
}
.block-contents__title {
    text-transform: uppercase;
    font-weight: 600;
}
.block-contents .block-contents__list {
    columns: 250px 2;
    row-gap: 8px;
    column-gap: 70px;
}
.block-contents .block-contents__list,
.block-contents .block-contents__list ul {
    padding: 0;
    list-style: none;
}
.block-contents .block-contents__list a {
    display: flex;
    column-gap: 5px;
    align-items: flex-start;
}
.block-contents .block-contents__list a svg {
 flex: 0 0 16px;
    height: auto;
}
.block-contents .block-contents__list li {
 padding-bottom: 10px;
    break-inside: avoid-column;
    font-size: 15px;
}
.related-services {
     background: #eaecf4;
     padding: 25px 0 60px;
    margin: 30px -15px;
}
.related-services__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.related-services__items a svg {
    position: relative;
    top: 3px;
    margin-left: 5px;
}
.related-services__items a {
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 16px;
    background-color: #fffafc;
    border: 1px solid #d9dfe5;
    border-radius: 8px;
}
.related-services__items a:hover {
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
border-color: #c50220;
}
.latest-posts__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.75em 0;
}
.latest-posts__title>h2 {
 margin: 0;
}
.latest-posts__title>a {
    font-size: 14px;
    background: #eaecf4;
    padding: 10px 18px;
    border-radius: 8px;
}
.latest-posts__title>a:hover {
 box-shadow: 0 4px 12px -2px rgb(197 2 32 / 35%), 0 16px 40px -16px rgb(14 21 51 / 25%);
}
@media (max-width:991px) {
.latest-posts {
  --count: 2;
 }
 .block-contents .block-contents__list {
    column-gap: 30px;
 }
 .employee-blog {
    grid-template-columns: 190px 1fr;
    gap: 40px;
 }
 .employee-blog__name {
    font-size: 30px;
 }
}

@media (max-width:767px) {
.latest-posts {
  --count: 1;
 }
 .employee-blog {
        grid-template-columns: 1fr;
    }
 .employee-blog__img {
    max-width: 300px;
    margin: auto;
 }
 .blog-page-item h2 {
  font-size: 1.6rem;
 }
 .related-services__items {
    grid-template-columns: 1fr;
 }
}
@media (max-width:480px) {
 .blog-page-item h2 {
    font-size: 1.4rem;
 }
}
@media (max-width:450px) {
 .employee-blog {
    padding: 30px;
 }
}
@media (max-width:420px) {
 .employee-blog__name {
   font-size: 25px;
 }
 .employee-blog__exp, .employee-blog__position {
    font-size: 18px;
 }
}