.blog-section {
   background: #eef2f4 !important;
   color: #1f2933;
   text-align: left !important;
}

.blog-section div#container {
   width: 100% !important;
   max-width: 1120px;
   min-height: 0;
   margin: 0 auto !important;
   padding: 0 18px 44px;
}

.blog-section #wb_MasterPage1,
.blog-section #wb_MasterPage1 > div,
.blog-section #wb_Text2,
.blog-section #wb_Text4,
.blog-section #Html1,
.blog-section .blog-shell {
   position: static !important;
   left: auto !important;
   top: auto !important;
   width: auto !important;
   height: auto !important;
}

.blog-section #Shape3,
.blog-section #wb_Shape3,
.blog-section #wb_Text2,
.blog-section #wb_Text4 {
   display: none !important;
}

.blog-section #wb_MasterPage1 {
   display: grid;
   grid-template-columns: 1fr minmax(220px, 350px);
   gap: 18px 28px;
   align-items: center;
   margin: 0 0 24px;
   padding: 14px 0 0;
}

.blog-section #wb_Shape1 {
   grid-column: 1 / -1;
   grid-row: 1;
   overflow: hidden;
   border-radius: 8px 8px 0 0;
}

.blog-section #wb_Shape1 img,
.blog-section #Shape1 {
   display: block;
   width: 100% !important;
   height: 190px !important;
   object-fit: cover;
}

.blog-section #wb_Image2 {
   grid-column: 2;
   grid-row: 1;
   justify-self: end;
   z-index: 2;
   margin-right: 28px !important;
   border-radius: 4px;
   overflow: hidden;
   box-shadow: 0 12px 28px rgba(23, 37, 54, 0.18);
}

.blog-section #wb_Image2 img {
   display: block;
   width: 320px !important;
   height: 190px !important;
   object-fit: cover;
}

.blog-section #Html1 {
   grid-column: 1;
   grid-row: 1;
   align-self: start;
   z-index: 3;
   margin: 12px 0 0 70px !important;
}

.blog-section #wb_Text6 {
   grid-column: 1 / -1;
   position: static !important;
   width: auto !important;
   height: auto !important;
   padding: 12px 18px !important;
   background: #ffffff;
   border: 1px solid #d9e5ea;
   border-radius: 0 0 8px 8px;
   overflow: visible !important;
}

.blog-section #wb_Text6 div,
.blog-section #wb_Text6 span,
.blog-section #wb_Text6 strong {
   display: contents;
}

.blog-section #wb_Text6 a {
   display: inline-flex;
   align-items: center;
   min-height: 30px;
   padding: 4px 7px;
   margin: 0 2px 4px 0;
   color: #075d9b !important;
   border-radius: 4px;
   font-size: 15px !important;
   text-decoration: none !important;
}

.blog-section #wb_Text6 a:hover,
.blog-section #wb_Text6 a:focus {
   background: rgba(7, 93, 155, 0.1);
}

.blog-shell {
   max-width: 960px;
   margin: 0 auto;
   padding: 0 0 28px;
}

.blog-hero,
.blog-post,
.blog-related section {
   background: #ffffff;
   border: 1px solid #d9e5ea;
   border-radius: 8px;
   box-shadow: 0 12px 30px rgba(23, 37, 54, 0.08);
}

.blog-hero {
   margin-bottom: 18px;
   padding: 26px 28px;
}

.blog-eyebrow {
   margin: 0 0 8px;
   color: #497185;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 0;
   text-transform: uppercase;
}

.blog-hero h1,
.blog-post h1 {
   margin: 0;
   color: #132938;
   font-size: 34px;
   line-height: 1.15;
}

.blog-hero p:last-child {
   max-width: 680px;
   margin: 12px 0 0;
   color: #44515c;
   font-size: 17px;
   line-height: 1.55;
}

.blog-grid {
   display: grid;
   gap: 16px;
}

.blog-card {
   display: grid;
   grid-template-columns: 220px 1fr;
   gap: 18px;
   align-items: stretch;
   min-height: 170px;
   padding: 14px;
   background: #ffffff;
   border: 1px solid #d9e5ea;
   border-radius: 8px;
   box-shadow: 0 10px 24px rgba(23, 37, 54, 0.07);
}

.blog-card__image {
   display: block;
   overflow: hidden;
   border-radius: 6px;
}

.blog-card__image img {
   display: block;
   width: 100%;
   height: 100%;
   min-height: 156px;
   object-fit: cover;
}

.blog-card h2 {
   margin: 0 0 10px;
   font-size: 22px;
   line-height: 1.25;
}

.blog-card h2 a {
   color: #132938 !important;
   text-decoration: none;
}

.blog-card h2 a:hover,
.blog-card h2 a:focus {
   color: #075d9b !important;
}

.blog-card p {
   margin: 0 0 12px;
   color: #44515c;
   font-size: 15px;
   line-height: 1.55;
}

.blog-card__more,
.blog-pagination a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 34px;
   padding: 7px 12px;
   background: #075d9b;
   color: #ffffff !important;
   border-radius: 5px;
   text-decoration: none !important;
}

.blog-card__more:hover,
.blog-card__more:focus,
.blog-pagination a:hover,
.blog-pagination a:focus {
   background: #0a7bc5;
}

.blog-pagination {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   align-items: center;
   justify-content: center;
   margin-top: 24px;
}

.blog-pagination span {
   color: #44515c;
   font-weight: 700;
}

.blog-post {
   overflow: hidden;
}

.blog-post__header {
   padding: 28px 30px 20px;
}

.blog-post__image {
   display: block;
   width: 100%;
   max-height: 360px;
   object-fit: cover;
}

.blog-post__content {
   padding: 26px 30px 34px;
   color: #26323a;
   font-size: 17px;
   line-height: 1.72;
}

.blog-post__content article {
   display: block;
}

.blog-post__content h2,
.blog-post__content h3 {
   color: #132938;
   line-height: 1.25;
}

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

.blog-related {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 18px;
   margin-top: 18px;
}

.blog-related section {
   padding: 22px 24px;
}

.blog-related h2 {
   margin: 0 0 12px;
   color: #132938;
   font-size: 20px;
}

.blog-related ul {
   margin: 0;
   padding-left: 20px;
}

.blog-related li {
   margin: 0 0 8px;
   line-height: 1.4;
}

@media (max-width: 760px) {
   .blog-section div#container {
      padding: 0 14px 34px !important;
   }

   .blog-section #wb_MasterPage1 {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-bottom: 18px;
   }

   .blog-section #wb_Image2,
   .blog-section #Html1 {
      margin: 0 !important;
      align-self: stretch;
   }

   .blog-section #wb_Image2 img,
   .blog-section #wb_Shape1 img,
   .blog-section #Shape1 {
      width: 100% !important;
      height: auto !important;
   }

   .blog-section #wb_Text6 {
      padding: 10px 0 !important;
      border: 0;
      background: transparent;
   }

   .blog-section #wb_Text6 a {
      display: block;
      padding: 10px 12px;
      margin: 0 0 6px;
      background: #ffffff;
      border: 1px solid #d9e5ea;
      font-size: 16px !important;
   }

   .blog-hero,
   .blog-post__header,
   .blog-post__content,
   .blog-related section {
      padding: 20px;
   }

   .blog-hero h1,
   .blog-post h1 {
      font-size: 28px;
   }

   .blog-card,
   .blog-related {
      grid-template-columns: 1fr;
   }

   .blog-card__image img {
      height: 210px;
   }
}