h1 {
  font-size: 6rem;
}

.mxd-section-title {
  gap: 2.2rem;
  margin-bottom: 3rem;
}

.mxd-services-cards-s__inner h3 {
  font-size: 3rem;
  line-height: 1.25;
}

.mxd-services-cards-s__inner a {
  color: #fff;
}

.mxd-services-cards-s__inner .btn {
  margin-top: 2rem;
  height: 4.5rem;
}

.mxd-services-cards-s__inner p {
  font-size: 2rem;
  line-height: 1.25;
}

.mxd-promo__inner {
  border-radius: 5rem;
}
.blog-page .mxd-header {
position: sticky;
top: 0;
z-index: 1000;
align-items: center;
/*background: rgba(245, 245, 246, 0.95);*/
backdrop-filter: blur(8px);
/*border-bottom: 1px solid #ececef;*/
}

.blog-page .mxd-header__controls {
gap: 12px;
}

.blog-cta-btn {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 0;
min-width: 290px;
border-radius: 999px;
background: transparent;
color: #fff;
font-weight: 700;
text-decoration: none;
transition: gap 0.25s ease;
}

.blog-cta-btn > span:first-child {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 62px;
padding: 0 34px;
border-radius: 999px;
background: #ec0000;
white-space: nowrap;
transition: padding 0.25s ease;
}

.blog-cta-btn__arrow {
width: 62px;
height: 62px;
border-radius: 50%;
background: #fff;
color: #ec0000;
border: 5px solid #ec0000;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 46px;
line-height: 1;
transform: translateX(0);
transition: transform 0.25s ease, border-color 0.25s ease;
}

.blog-cta-btn:hover {
gap: 0;
}

.blog-cta-btn:hover > span:first-child {
padding-right: 30px;
}

.blog-cta-btn:hover .blog-cta-btn__arrow {
transform: translateX(-10px);
border-color: transparent;
}

.blog-post-section,
.blog-index-section {
padding-top: 28px;
}

.blog-hero {
background: radial-gradient(circle at top right, #262c3e 0%, #0f1117 55%, #0a0a0d 100%);
border-radius: 18px;
padding: 34px 34px 28px;
margin-bottom: 30px;
color: #fff;
}

.blog-hero__breadcrumbs {
display: flex;
align-items: center;
gap: 8px;
color: rgba(255, 255, 255, 0.72);
font-size: 14px;
margin-bottom: 16px;
}

.blog-hero__breadcrumbs a {
color: rgba(255, 255, 255, 0.82);
}

.blog-hero__title {
margin: 0 0 14px;
color: #fff;
line-height: 1.15;
font-size: clamp(30px, 4.4vw, 52px);
}

.blog-hero__meta {
display: flex;
flex-wrap: wrap;
gap: 10px 20px;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 12px;
}

.blog-hero__excerpt {
margin: 0;
max-width: 840px;
color: rgba(255, 255, 255, 0.88);
}

.blog-hero__cover {
margin-bottom: 18px;
border-radius: 14px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.2);
}

.blog-hero__cover img {
display: block;
width: 100%;
max-height: 420px;
object-fit: cover;
}

.blog-index-cover-link {
display: block;
margin-bottom: 14px;
}

.blog-index-cover {
display: block;
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 14px;
}

.blog-article-content {
background: #fff;
border-radius: 14px;
padding: 4rem 5rem;
}

.blog-article-content h2 {
  font-size: 4rem;    
}

.blog-article-content h2,
.blog-article-content h3 {
color: #161616;
margin: 30px 0 10px 0;
}

.blog-article-content p {
  padding: 5px 0;
}

.blog-article-content p,
.blog-article-content li {
color: var(--t-muted);
font-size: 1.75rem;
line-height: 1.7;
}

.blog-article-content ol {
  list-style: decimal;
}

.blog-article-content ul {
  list-style: disc;
}

.blog-article-content ol,
.blog-article-content ul {
  padding: 2rem 5rem;
}

.blog-faq {
margin-top: 16px;
border: 1px solid #e8e8ee;
border-radius: 14px;
overflow: hidden;
background: #f8f9fc;
}

.blog-faq__item + .blog-faq__item {
border-top: 1px solid #e8e8ee;
}

.blog-faq__trigger {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 18px 20px;
background: #fff;
border: 0;
text-align: left;
font-size: 1.8rem;
font-weight: 600;
color: #161616;
cursor: pointer;
font-family: var(--_font-default);
}

.blog-faq__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
color: #d90000;
font-size: 36px;
font-weight: 300;
line-height: 1;
transition: transform 0.2s ease;
}

.blog-faq__item.is-open .blog-faq__icon {
transform: rotate(45deg);
}

.blog-faq__content {
background: #f8f9fc;
padding: 4px 20px 18px;
}

.blog-faq__content p {
margin: 0;
}

.blog-page .blog-post-section.mxd-section.padding-default,
.blog-page .blog-index-section.mxd-section.padding-default {
padding-bottom: 5rem;
}

@media (max-width: 768px) {
.blog-cta-btn {
  min-width: 220px;
  font-size: 14px;
}

.blog-page .mxd-header__controls {
  gap: 8px;
}

.blog-cta-btn > span:first-child {
  min-height: 44px;
  padding: 0 18px;
}

.blog-cta-btn__arrow {
  width: 44px;
  height: 44px;
  border-width: 3px;
  font-size: 30px;
}

.blog-cta-btn:hover > span:first-child {
  padding-right: 16px;
}

.blog-cta-btn:hover .blog-cta-btn__arrow {
  transform: translateX(-6px);
}

.blog-hero {
  padding: 22px 18px;
}

.blog-index-cover {
  height: 190px;
}

.blog-article-content {
  padding: 20px 16px;
}

.blog-article-content ol,
.blog-article-content ul {
  padding: 1rem 3rem;
}  

.blog-faq__trigger {
  padding: 14px 14px;
  font-size: 1.45rem;
}

.blog-faq__content {
  padding: 0 14px 14px;
}

.blog-article-content h2 {
  font-size: 3rem;    
}  

.blog-article-content p,
.blog-article-content li {
  color: var(--t-muted);
  font-size: 1.5rem;
  line-height: 1.5;
}
h1 {
  font-size: 3rem;
}
.mxd-section-title {
    gap: 1rem;
    margin-bottom: 1rem;
}
.mxd-section-title p {
    font-size: 1.6rem;
}
.mxd-services-cards-s__inner h3 {
    font-size: 2rem;
}
.mxd-services-cards-s__inner p {
    font-size: 1.5rem;
}
.mxd-grid-item {
    margin-top: 1rem;
}
.mxd-services-cards-s__inner {
    padding: 2.5rem!important;
}
.blog-faq__icon {
width: 28px;
height: 28px;
font-size: 28px;
}
}