.breadcrumb {
--bs-breadcrumb-padding-y: 2.5rem;
--bs-breadcrumb-margin-bottom: 0;
--bs-breadcrumb-item-padding-x: 0.25rem;
--bs-breadcrumb-divider-color: var(--color-text-default);
--bs-breadcrumb-item-active-color: var(--color-text-default);
font-size: 0.75rem;
line-height: 1.125rem;
padding-left: 0 !important;
letter-spacing: 0 !important;
}
.breadcrumb li.breadcrumb-item.home {
position: relative;
}
.breadcrumb li.breadcrumb-item.home:before {
content: url('data:image/svg+xml;charset=utf-8,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3594 5.3125C13.4297 5.38281 13.5 5.47656 13.5 5.59375C13.5 5.6875 13.4531 5.78125 13.4062 5.82812L13.1719 6.13281C13.1016 6.20312 12.9844 6.27344 12.8672 6.27344C12.7734 6.27344 12.7031 6.22656 12.6328 6.17969L12 5.64062V10.0234C11.9766 10.4219 11.6484 10.75 11.25 10.75H8.25C7.82812 10.75 7.5 10.4219 7.5 10V7.5625H6V10C5.97656 10.4219 5.64844 10.75 5.25 10.75H2.25C1.82812 10.75 1.5 10.4219 1.5 10V5.64062L0.84375 6.17969C0.773438 6.22656 0.703125 6.25 0.609375 6.25C0.492188 6.25 0.375 6.20312 0.328125 6.13281L0.0703125 5.82812C0.0234375 5.78125 0 5.6875 0 5.59375C0 5.47656 0.046875 5.38281 0.117188 5.3125L5.90625 0.554688C6.11719 0.367188 6.42188 0.273438 6.75 0.273438C7.05469 0.273438 7.35938 0.367188 7.57031 0.554688L10.875 3.27344V1.9375C10.875 1.84375 10.9453 1.77344 11.0625 1.75H11.8125C11.9062 1.75 12 1.84375 12 1.9375V4.1875L13.3594 5.3125ZM10.8516 9.625L10.875 4.72656L6.75 1.32812L2.625 4.72656V9.625H4.875V7.1875C4.875 6.78906 5.20312 6.46094 5.625 6.4375H7.875C8.27344 6.46094 8.60156 6.78906 8.625 7.1875V9.625H10.8516Z" fill="%23271A2B"/></svg>');
width: 0.875rem;
height: 1.125rem;
margin-right: 0.25rem;
display: inline-block;
vertical-align: middle;
}
.breadcrumb-item.active {
font-weight: var(--font-weight-semi-bold);
}
.breadcrumb-item+.breadcrumb-item::before {
content: url('data:image/svg+xml;charset=utf-8,<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.41895 1.33826L4.58069 4.5L1.41895 7.66174" stroke="%23271A2B" stroke-width="1.18565" stroke-linecap="round"/></svg>');
width: 1rem;
height: 1rem;
text-align: center;
}
.breadcrumb a {
text-decoration: none;
} @media only screen and (max-width: 1199px) and (min-width: 992px) {
.breadcrumb {
--bs-breadcrumb-padding-y: 1.5rem;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.breadcrumb {
--bs-breadcrumb-padding-y: 1.5rem;
}
}
@media only screen and (max-width: 767px) {
.breadcrumb {
--bs-breadcrumb-padding-y: 0;
position: relative;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
margin-top: 0.75rem;
margin-bottom: 1.5rem;
}
.breadcrumb li {
display: inline;
}
.breadcrumb-item+.breadcrumb-item::before {
float: none;
}
}.block-info-icons .center .text-content {
max-width: 52rem;
margin: 2.5rem auto 0;
}
.block-info-icons .center .text-content.fourcol {
max-width: 43.75rem;
}
.block-info-icons .text-content p {
font-size:var(--bs-nav-link-font-size);
line-height: var(--line-height-nav);
}
.info-icons-container {
margin-top: 2.5rem;
display: flex ; gap: 1rem;
flex-direction: row;
flex-wrap: wrap;
}
.info-icons-container .info-icons-item {
background: var(--color-white);
padding: 2rem;
border-radius: 0.313rem;
width: calc((100% / 2) - (1rem / 2));
}
.info-icons-container.threecol { gap: 2rem;
}
.info-icons-container.threecol .info-icons-item {
width: calc((100% / 3) - (2rem / 1.5));
}
.info-icons-container.fourcol {
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
}
.info-icons-container.fourcol .info-icons-item {
width: calc((100% / 4) - (1.5rem / 1.33));
}
.info-icons-container.threecol .title,
.info-icons-container.fourcol .title {
word-break: break-word;
}
.info-icons-container .info-icons-item  img.icon {
max-height: 2.813rem;
display: block;
margin: 0 0 1.5rem;
}
.block-info-icons .info-icons-button {
margin-top: 2.5rem;
}
.block-info-icons .info-icons-button.center {
margin: 2.5rem auto 0 ;
}
.info-icons-container .info-icons-item.pbtn {
padding: 3.125rem 1.875rem 1.875rem;
}
.info-icons-container .info-icons-item.pbtn img.icon {
margin-bottom: 1rem;
} @media only screen and (max-width: 1199px) and (min-width: 992px) {
.info-icons-container.threecol {
gap: 1rem;
}
.info-icons-container.threecol .info-icons-item {
width: calc((100% / 3) - (1rem / 1.5));
}
.info-icons-container .info-icons-item.pbtn {
padding: 1rem;
}
.info-icons-container .info-icons-item .title {
font-size: var(--font-size-h5);
line-height: var(--line-height-h5);
word-break: inherit;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.block-info-icons .center .text-content {
margin: 1.5rem auto 0;
}
.info-icons-container.threecol, .info-icons-container.fourcol { gap: 1rem;
}
.info-icons-container.threecol .info-icons-item {
width: calc((100% / 3) - (1rem / 1.5));
}
.info-icons-container.fourcol .info-icons-item {
width: calc((100% / 2) - (1rem / 2));
}
.info-icons-container .info-icons-item {
padding: 1rem;
}
.info-icons-container .info-icons-item.pbtn {
padding: 1rem;
}
.info-icons-container.threecol .title {
font-size: var(--font-size-h4-mobile);
line-height: var(--line-height-h4-mobile);
word-break: inherit;
}
}
@media only screen and (max-width: 767px) {
.info-icons-container {
grid-template-columns: 100%;
gap: 0.5rem;
margin-top: 0.75rem;
}
.info-icons-container.threecol, .info-icons-container.fourcol {
grid-template-columns: 100%;
gap: 0.5rem;
}
.info-icons-container .info-icons-item {
padding: 1rem;
width: 100% !important;
}
.info-icons-container .info-icons-item.pbtn {
padding: 1rem;
width: 100% !important;
}
.info-icons-container .info-icons-item .title {
font-size: 1.25rem;
line-height: 1.625rem;
}
.block-info-icons .center .text-content {
max-width: 100%;
margin: 0.75rem auto 2.5rem;
}
.block-info-icons .info-icons-button, .block-info-icons .info-icons-button.center {
margin: 0.75rem 0 0;
}
.block-info-icons .text-content p {
font-size: var(--bs-body-font-size);
line-height: var(--bs-body-line-height);
}
.info-icons-container {
flex-direction: column;
flex-wrap: nowrap;
}
.block-info-icons .info-icons-button .buttonpdf {
width: 100%;
}
}.block-timeline .title ,.block-timeline .text-content {
text-align: center;
max-width: 52rem;
margin: 0 auto 1.25rem;
display: table;
}
.block-timeline .text-content p {
font-size: var(--bs-nav-link-font-size);
line-height: var(--line-height-nav);
}
.timeline-container {
display: table;
margin: 2.5rem auto 0;
padding-left: 18.75rem;
}
.timeline-container .info-event-item {
position: relative;
display: flex;
gap: 0.938rem;
align-items: center;
padding-bottom: 4.875rem;
}
.timeline-container .info-event-item:last-child {
padding-bottom: 0;
}
.timeline-container .info-event-item::after {
position: absolute;
content: '';
background: url('data:image/svg+xml;charset=utf-8,<svg width="2" height="80" viewBox="0 0 2 80" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0V80" stroke="%23C9C6CA" stroke-width="2" stroke-linejoin="round" stroke-dasharray="2 8"/></svg>') repeat-y center;
left: 1.75rem;
top: 3.625rem;
bottom: 0;
width: 4px;
z-index: -1;
}
.timeline-container .info-event-item:last-child::after {
display: none;
}
.timeline-container .info-event-item .icon-timeline {
width: 3.625rem;
height: 3.625rem; border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: all .4s ease;
}
.timeline-container .info-event-item .icon-timeline.red {
background: var( --color-primary);
}
.timeline-container .info-event-item:hover .icon-timeline {
transform: scale(1.2);
}
.timeline-container .info-event-item .icon-timeline img {
max-height: 2.5rem;
}
.timeline-container .info-event-item .event-detail {
font-size: var(--bs-nav-link-font-size);
max-width: 25.625rem;
line-height: var(--line-height-nav);
font-weight: var(--font-weight-bold);
letter-spacing: 0.005em;
}
.timeline-container .info-event-item .event-detail span.year {
color: var(--color-primary);
display: inline;
position: relative;
}
.timeline-container .info-event-item .event-detail span.year::after {
content: ",";
position: relative;
display: inline;
margin-right: 0.188rem;
margin-left: 0.063rem;
}
@media only screen and (max-width: 991px) {
.timeline-container {
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.timeline-container {
margin: 0.75rem 0 0;
padding-left: 0;
}
.block-timeline .title ,.block-timeline .text-content {
text-align: left;
max-width: 100%;
margin: 0 0 0.75rem;
} 
.timeline-container .info-event-item {
padding-bottom: 3.438rem;
}
.timeline-container .info-event-item::after {
height: 100%;
}
.block-timeline .text-content p {
font-size: var(--font-size-base);
line-height: var(--bs-body-line-height);
}
.timeline-container .info-event-item .event-detail {
max-width: calc(100% - 4.875rem);
flex-shrink: 1;
}
}.block-banner .image {
position: relative;
height: 23.25rem;
border-radius: 0.5rem;
overflow: hidden;
}
.block-banner .image img {
width: 100%;
height: 100%;
object-fit: cover; }
.block-banner .image .image-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 3.125rem;
background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 60.31%, rgba(0, 0, 0, 0.6) 100%);
}
.block-banner .image .image-wrapper > div {
width: 38%;
}
.block-banner .image .image-wrapper .btn {
margin-top: 1.5rem;
} .block-banner .image.position-right {
height: 26.438rem;
}
.block-banner .image.position-right img { object-position: center 41%;
}
.block-banner .image.position-right .image-wrapper { background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 22%, rgba(0, 0, 0, 0) 67.5%);
}
.block-banner .image.position-right .image-wrapper > div {
float: right;
width: 40%;
display: flex;
height: 100%;
align-items: flex-start;
flex-direction: column;
justify-content: center;
} @media only screen and (max-width: 991px) and (min-width: 768px) {
.block-banner .image .image-wrapper > div,
.block-banner .image.position-right .image-wrapper > div {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.block-banner .image .image-wrapper > div {
width: 100%;
}
.block-banner .image.position-right .image-wrapper > div {
width: 100%;
}
.block-banner .image.position-right {
height: 17.5rem;
}
.block-banner .image.position-right .image-wrapper .text {
display: none;
}
.block-banner .image .image-wrapper {
padding: 6.5rem 1rem 1rem;
}
.block-banner .image.position-right .image-wrapper {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 42.4%, rgba(0, 0, 0, 0) 57.6%);
}
.block-banner .image {
height: 17.5rem;
border-radius: 0.313rem;
}
.block-banner .image .image-wrapper .toptitle {
margin-bottom: 0.125rem;
}
.block-banner .image .image-wrapper .title {
font-size: 1.563rem;
line-height: 2.016rem;
}
}.block-cta-teaser .cta-teaser-wrapper {
display: flex;
background: var(--bs-white);
border-radius: 0.375rem;
}
.block-cta-teaser .cta-teaser-wrapper .icon {
background-color: var(--color-primary);
width: 17.25rem;
min-height: 17.25rem;
border-radius: 0.313rem;
padding: 2.5rem;
flex-shrink: 0;
}
.block-cta-teaser .cta-teaser-wrapper .image {
position: relative;
width: 17.25rem;
min-height: 17.25rem;
border-radius: 0.375rem;
flex-shrink: 0;
overflow: hidden;
}
.block-cta-teaser .cta-teaser-wrapper .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.block-cta-teaser .cta-teaser-wrapper .content {
padding: 2.5rem;
}
.block-cta-teaser .cta-teaser-wrapper .content .title {
margin-bottom: 1rem;
}
.block-cta-teaser .cta-teaser-wrapper .content .btn {
margin-top: 2rem;
} @media only screen and (max-width: 991px) and (min-width: 768px) {
.block-cta-teaser .cta-teaser-wrapper .icon {
width: 12.25rem;
}
.block-cta-teaser .cta-teaser-wrapper .content {
padding: 1.5rem;
}
}
@media only screen and (max-width: 767px) {
.block-cta-teaser .cta-teaser-wrapper {
flex-direction: column;
}
.block-cta-teaser .cta-teaser-wrapper .image {
position: relative;
width: 100%;
height: 11.5rem;
min-height: inherit;
border-radius: 0.375rem 0.375rem 0 0;
}
.block-cta-teaser .cta-teaser-wrapper .content {
padding: 1rem;
}
.block-cta-teaser .cta-teaser-wrapper .content .title {
margin-bottom: 0.5rem;
font-size: 1.563rem;
line-height: 2.056rem;
}
.block-cta-teaser .cta-teaser-wrapper .content .text {
font-size: var(--bs-body-font-size);
line-height: var(--bs-body-line-height);
}
.block-cta-teaser .cta-teaser-wrapper .content .btn {
margin-top: 1.5rem;
}
.block-cta-teaser .cta-teaser-wrapper .icon {
width: 100%;
min-height: 10rem;
padding: 1.25rem;
}
}