.hero-blog{background:var(--c-secondary-70);display:flex;flex-direction:column;justify-content:space-between;max-width:100%;min-height:688px;padding:204px 0 96px}@media only screen and (width <= 767px){.hero-blog{min-height:560px;padding:140px 0 32px}}.hero-blog__breadcrumbs{font-size:14px;font-weight:500;letter-spacing:-.28px;line-height:1.1428571429;margin-bottom:64px}.hero-blog__breadcrumbs .l-wrapper{align-items:center;display:flex}.hero-blog__breadcrumbs svg{margin:0 12px}.hero-blog__breadcrumbs span{transition:.3s}.hero-blog__breadcrumbs span:not(:last-child):hover{opacity:.7}.hero-blog__breadcrumbs span:last-child{text-decoration:underline;text-underline-offset:4px}@media only screen and (width <= 767px){.hero-blog__breadcrumbs{font-size:12px}.hero-blog__breadcrumbs a:first-child,.hero-blog__breadcrumbs span,.hero-blog__breadcrumbs svg:last-of-type{display:none}.hero-blog__breadcrumbs svg{transform:rotate(180deg)}}.hero-blog__title-hld .l-wrapper{align-items:flex-start;display:flex;flex-direction:column-reverse}.hero-blog__title{margin-bottom:0;margin-top:20px;max-width:624px}.hero-blog__category{background:var(--c-secondary-80);color:var(--c-secondary-20);display:inline-block;font-size:14px;font-weight:600;letter-spacing:.98px;line-height:1.7142857143;padding:0 8px;text-transform:uppercase}@media only screen and (width <= 767px){.hero-blog__category{font-size:12px}}.hero-blog__info{margin-top:48px}.hero-blog__info .l-wrapper{align-items:center;display:flex}@media only screen and (width <= 767px){.hero-blog__info .l-wrapper{align-items:flex-start;flex-direction:column}}.hero-blog__avatar{align-items:center;display:flex}.hero-blog__avatar img{border:3px solid var(--c-white);border-radius:50%;height:48px;margin-right:20px;width:48px}.hero-blog__author{font-weight:600}.hero-blog__date-time{align-items:center;display:flex}.hero-blog__date,.hero-blog__time{border-left:1px solid var(--c-primary-10);font-size:14px;margin-left:24px;padding-left:24px}@media only screen and (width <= 767px){.hero-blog__date,.hero-blog__time{margin-top:8px}}.hero-blog__date{font-weight:500}@media only screen and (width <= 767px){.hero-blog__date{border-left:none;margin-left:0;padding-left:0}}.hero-blog__time{align-items:center;display:flex;font-weight:600;gap:8px}