.static-card-item p,
.static-card-item h4,
.static-card-item h3,
.static-card-item h2,
.static-card-item h1{
    margin:0;
    padding:0;
	overflow-wrap: normal;
}

.static-card-title h1,
.static-card-title h2{
    color: var(--Color-Content-Primary, #211F1E) !important;
}

.static-card-text h4,
.static-card-text p{
	color: var(--Color-Content-Tertiary, #696562) !important;
}

.static-card-content{
/* 	background: var(--Color-Surface-Empty, #F4F3F3) !important; */
}


a.static-card-external-button {
    display: flex;
	padding:0.6875rem 1rem;   /* 11px 16px */
	height:2.75rem;           /* 44px */
    align-items: center;
    gap: 0.5rem;              /* 8px */
    border-radius: var(--Radii-Full, 62.5rem); /* 1000px */
	background: none;
    color: var(--Color-Buttons-Outline-Idle, #03231B);
    border: 0.125rem solid var(--Color-Content-Buttons-Outline-Idle, #0d0d0d); /* 2px */
}

.static-card-external-button img, 
.static-card-external-button i,
.static-card-external-button svg{
	width:1rem;    /* 16px */
	height:1rem;   /* 16px */
	flex-shrink: 0;
}


.static-card-popup-link {
    display: flex;
    width: 3.875rem;   /* 62px */
    height: 3.875rem;  /* 62px */
    padding: 1rem;     /* 16px */
    justify-content: center;
    align-items: center;
    gap: 0.5rem;       /* 8px */
    position: absolute;
    right: 1.25rem;    /* 20px */
    top: 1.25rem;      /* 20px */
    border-radius: 3.75rem; /* 60px */
    background: var(--Color-Surface-Bold, #03231b);
    color: #fff;
}

@media (max-width: 990px) { /* 768px */
    .static-card-popup-link {
        width: 1.9375rem;   /* 31px */
        height: 1.9375rem;  /* 31px */
        padding: 0.5rem;    /* 8px */
        gap: 0.25rem;       /* 4px */
        right: 0.625rem;    /* 10px */
        top: 0.625rem;      /* 10px */
        border-radius: 3.75rem; /* 60px */
    }
}

/* General styles for card-grid */
.card-widget.card-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2rem;          /* 32px */
    min-width: 100%;
    padding:0 2.5rem;   /* 40px */
    box-sizing: border-box;
    align-items: stretch;
	align-content:center;
}

@media (max-width: 990px) { /* 768px */
    .card-widget.card-grid {
        gap: 1rem;       /* 16px */
        padding:0 1.25rem; /* 20px */
		flex-direction:column;
    }
}

/* General styles for card-widget */
.card-scrollable {
    display: flex;
    gap: 1.5rem;       /* 24px */
    overflow-x: auto;
    padding:0 2.5rem;  /* 40px */
    scroll-behavior: smooth;
    width: 100%;
    -ms-overflow-style: none;
    user-select: none;
	cursor: grab;
	cursor: -webkit-grab;
	box-sizing:border-box;
}
.card-scrollable.active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
  scroll-behavior: auto;
}

@media (max-width: 990px) { /* 768px */
    .card-scrollable {
        gap: 0.837rem;   /* 13.3981px */
        padding:0 1.25rem; /* 20px */
    }
}

.card-scrollable::-webkit-scrollbar {
    /* hidden scrollbar */
}

/* General styles for card-stack */
.card-widget.card-stack {
    display: flex;
    flex-direction: column;
    gap: 2rem;         /* 32px */
    padding:0 2.5rem;  /* 40px */
    box-sizing: border-box;
}

@media (max-width: 990px) { /* 768px */
    .card-widget.card-stack {
        gap: 1rem;        /* 16px */
        padding:0 1.25rem; /* 20px */
    }
}

.card-widget.card-scrollable .static-card-item {
    flex: 0 0 auto;
    overflow: hidden;
    user-select: none;
}

/* Layout 1 */

.static-card-item.static-card-layout1 {
   display: flex;
   width: 25rem;         /* 400px */
   padding: 2.5rem 2rem; /* 40px 32px */
   flex-direction: column;
   gap: 0.5rem;          /* 8px */
   background: var(--Color-Surface-Subtle, #ECEBE9);
}
 
.static-card-item.static-card-layout1 .red-dot {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem; /* 8px */
    align-self: stretch;
}
 
.static-card-full-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem; /* 32px */
    align-self: stretch;
}
 
.static-card-item.static-card-layout1 .static-card-image {
   display: flex;
    width: 16rem;   /* 256px */
    height: 16rem;  /* 256px */
    padding: 1.704rem 2.16rem 1.629rem 2.222rem; /* 27.259px 34.556px 26.074px 35.556px */
    justify-content: center;
    align-items: center;
}
 
.static-card-item.static-card-layout1 .static-card-image svg {
    max-width: 100%;
    max-height: 100%;
    width: 11.556rem;   /* 184.889px */
    height: 12.667rem;  /* 202.667px */
    object-fit: cover;
}

.static-card-item.static-card-layout1 .static-card-image svg path{
    stroke:var(--Color-Content-Quaternary ,#A09A95);
}

.static-card-item.static-card-layout1 .red-dot svg circle{
    fill: var(--Color-Content-Brand-Secondary, #a12525);
}
 
.static-card-item.static-card-layout1 .static-card-content {
  display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 1.5rem; /* 24px */
   align-self: stretch;
   background: none !important;
}
 
.static-card-item.static-card-layout1 .static-card-content h3 {
    align-self: stretch;
    color: var(--Color-Content-Primary ,#211F1E);
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    align-content: center;
}
 
.static-card-item.static-card-layout1 .static-card-content .static-card-text{
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem; /* 8px */
align-self: stretch;
}
 
.static-card-item.static-card-layout1 .static-card-content p {
    color: var(--Color-Content-Tertiary, #6B6B6B);
}


@media (max-width: 990px) { /* 768px */
    .static-card-item.static-card-layout1 {
        width: 14.661rem;     /* 234.576px */
        padding: 1.5rem 1.25rem; /* 24px 20px */
        align-items: flex-end;
        gap: 0.25rem;         /* 4px */
        position: relative;
    }
    .static-card-item.static-card-layout1 .red-dot {
        width: 0.75rem;    /* 12px */
        height: 0.75rem;   /* 12px */
        position: absolute;
        right: 1.375rem;   /* 22px */
        top: 1.625rem;     /* 26px */
    }
 
.static-card-full-content{
    gap: 1.5rem; /* 24px */
}
.static-card-item.static-card-layout1 .static-card-title{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.static-card-item.static-card-layout1 .static-card-image{
   width: 8rem;     /* 128px */
   height: 8rem;    /* 128px */
   padding: 0 0.199rem; /* 3.186px */
}
 
.static-card-item.static-card-layout1 .static-card-content {
        gap: 0.919rem; /* 14.699px */
    }

}

/* Layout 2 */
.static-card-item.static-card-layout2 {
    background: var(--Color-Surface-Subtle, #f4f4f4);
    display: flex;
    padding: var(--Spacing-5XL, 4rem) 1.543rem; /* 64px 24.686px */
    flex-direction: column;
    align-items: center;
    gap: 10.157rem; /* 162.514px */
    flex: 1 0 0;
}

.static-card-item.static-card-layout2 .static-card-title {
    display: flex;
    padding-right: 2rem; /* 32px */
    justify-content: center;
    align-items: center;
    gap: 1.5rem; /* 24px */
    align-self: stretch;
}

.static-card-item.static-card-layout2 .static-card-title h2 {
    flex: 1 0 0;
    color: var(--Text-primary, #111614);
    text-align: center;
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout2 {
        padding: 1rem 1rem;
        gap: 82.514rem; /* 82,514px looked like a typo, kept numeric meaning */
		min-width:100%;
    }

    .static-card-item.static-card-layout2 .static-card-title {
        padding-right: 1rem;
        gap: 0.75rem;
    }
}

/* Layout 3 */
.static-card-item.static-card-layout3 {
    background: var(--Color-Surface-Subtle, #f4f4f4);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* this is for content inside the card */
    padding: 1.543rem;

    min-width: 18.75rem;
    flex: 1 1 18.75rem;
    /* allow cards to grow/shrink as needed */
}

.static-card-item.static-card-layout3 .static-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    gap:2.5rem;
    align-self: stretch;
}

.static-card-item.static-card-layout3 .static-card-title {
    display: flex;
    padding-right: 2rem;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    align-self: stretch;
}

.static-card-item.static-card-layout3 .static-card-text {
    display: flex;
    padding-right: 2.5rem;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
}

.static-card-item.static-card-layout3 .static-card-title h2 {
    flex: 1 0 0;
    color: var(--Text-primary, #111614);
}

.static-card-item.static-card-layout3 .static-card-text h4 {
    color: var(--Color-Content-Tertiary, #6B6B6B);
	font-family: var(--Type-Body-M-Body-1-Family, Involve);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: var(--Type-Body-M-Body-1-Weight, 500);
	line-height: 130%; /* 1.625rem */
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout3 .static-card-content {
		gap:1.25rem;
    }

    .static-card-item.static-card-layout3 .static-card-title {
        padding-right: 1rem;
        gap: 0.75rem;
    }

    .static-card-item.static-card-layout3 .static-card-text {
        padding-right: 1.25rem;
        gap: 0.625rem;
    }
}

/* Layout 4 */
.static-card-item.static-card-layout4 {
    display: flex;
    justify-content: space-between;
    max-width: 85rem;
    max-height: 23.75rem;
    justify-content: space-between;
    background: var(--Color-Surface-Subtle, #f4f4f4);
}

.static-card-item.static-card-layout4 .static-card-content {
    display: flex;
    padding: 2rem 2.5rem 2rem 1.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    max-width: 27rem;
}

.static-card-item.static-card-layout4 .static-card-image {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}

.static-card-item.static-card-layout4 .static-card-image img {
    height: -webkit-fill-available;
    width: -webkit-fill-available;
}

.static-card-item.static-card-layout4 .static-card-content span {
    flex: 1 0 0;
    color: var(--Text-primary, #26251a);
}

.static-card-item.static-card-layout4 .static-card-content h3 {
    align-self: stretch;
    color: var(--Text-primary, #111614);
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout4 {
        max-width: 43.75rem;
		flex-direction: column;
 	}

    .static-card-item.static-card-layout4 .static-card-content {
        padding: 1rem 1.25rem 1rem 0.75rem;
        max-width: 13.75rem;
    }
}

/* Layout 5 */
.static-card-item.static-card-layout5 {
    display: flex;
    justify-content: space-between;
    max-width: 85rem;
/* 	max-height: 22.5rem;  */
    justify-content: space-between;
	gap: 1rem;
/* 	overflow:hidden; */
	width: -webkit-fill-available;
}

.static-card-item.static-card-layout5 .static-card-content {
    display: flex;
    max-width: 27rem;
    padding: 2rem 2.5rem 2rem 1.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
	background: var(--Color-Surface-Empty, #F4F3F3);
}

.static-card-item.static-card-layout5 .static-card-image {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
	height:22.5rem;
/* 	min-width:100%; */
	width:  -webkit-fill-available;
}

.static-card-item.static-card-layout5 .static-card-image img {
    height: -webkit-fill-available;
    width: 100%;
}

.static-card-item.static-card-layout5 .static-card-content h2 {
    flex: 1 0 0;
    color: var(--Text-primary, #111614);
}

.static-card-item.static-card-layout5 .static-card-content p {
    align-self: stretch;
    color: var(--Text-primary, #111614);
/* 	max-height: calc(7*1.3*var(--Type-Body-M-Body-1-Size)); */
	overflow:hidden;
}

@media (max-width: 990px) {
	.static-card-item.static-card-layout5 .static-card-image {
	height:12.5rem;
	}
    .static-card-item.static-card-layout5 {
        max-width: 62rem;
		flex-direction: column;
    }
	.static-card-item.static-card-layout5 .static-card-image img {
		max-height: 12.5rem;
	}
    .static-card-item.static-card-layout5 .static-card-content {
        min-width: 100%;
		gap: 2rem;
        padding: 1rem 1.25rem 1rem 0.75rem;
    }
	.static-card-item.static-card-layout5 .static-card-content p {
/* 		max-height:calc(7*1.4*var(--Type-Body-M-Body-3-Size)); */
	}
}

/* Layout 6 */
.static-card-item.static-card-layout6 {
    display: flex;
    flex-direction: row;
}

.static-card-item.static-card-layout6 .static-card-image {
    display: flex;
  	width: 15.625rem;
    justify-content: center;
    gap: 0.5rem;
    flex-shrink: 0;
    align-self: stretch;
    aspect-ratio: 261.71/229;
	overflow:hidden;
	object-fit:cover;
}
.static-card-item.static-card-layout6 .static-card-image img{
	width:100%;
}

.static-card-item.static-card-layout6 .static-card-content-container {
    display: flex;
    padding: var(--Spacing-3XL, 40px) var(--Spacing-5XL, 64px) var(--Spacing-3XL, 40px) var(--Spacing-4XL, 48px);
    flex-direction: row;
    align-items: start;
    gap: 2rem;
    flex: 1 0 0;
    background: var(--Color-Surface-Empty, #F4F3F3);
    justify-content: space-between;
}

.static-card-item.static-card-layout6 .static-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    flex: 1 0 0;
}

.static-card-layout6 .static-card-title h1 {
    color: var(--Color-Content-Primary, #211F1E);
    align-self: stretch;
}

.static-card-layout6 .static-card-text h4 {
    color: var(--Color-Content-Tertiary, #696562);
    align-self: stretch;
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout6 .static-card-image {
/*         width: 8.232rem; */
		width: 12.5rem;
        align-self: center;
		height: -webkit-fill-available;
    }

    .static-card-item.static-card-layout6 .static-card-content-container {
        padding: 1.25rem 1.5rem;
        flex-direction: row;
        gap: 1rem;
        align-items: flex-start;
    }

    .static-card-item.static-card-layout6 .static-card-content {
        gap: 0.25rem;
    }
}

/* Layout 7 */
.static-card-item.static-card-layout7 {
    display: flex;
    width: 32.5rem;
    padding: 1.543rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
    background: var(--Color-Surface-Subtle, #f4f4f4);
}

.static-card-item.static-card-layout7 .static-card-content {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    gap:10rem;
}

.static-card-item.static-card-layout7 .static-card-title {
    display: flex;
    padding-right: 5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
}

.static-card-item.static-card-layout7 .static-card-title h1 {
    flex: 1 0 0;
    color: var(--Color-Content-Primary, #0d0d0d);
	
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    line-height: 1.5em;
    height: 4.5em; /* 1.5em * 3 lines */
}

.static-card-item.static-card-layout7 .static-card-content p {
    align-self: stretch;
    color: var(--Color-Content-Primary, #0d0d0d);
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout7 .static-card-content {
        gap: 5rem; /* 80px */
    }
    .static-card-item.static-card-layout7 {
        width: 16.875rem; /* 270px */
        /* height: 200px; */
        padding: 0.793rem; /* 12.686px */
    }

    .static-card-item.static-card-layout7 .static-card-title {
        padding-right: 2.5rem; /* 40px */
        gap: 0.25rem; /* 4px */
    }
}

/* Layout 8 */
.static-card-item.static-card-layout8 {
    display: flex;
    width: 31.25rem; /* 500px */
    padding: 1.543rem; /* 24.686px */
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem; /* 32px */
    background: var(--Color-Surface-Subtle, #f4f4f4);
}

.static-card-item.static-card-layout8 .static-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    gap: 10rem; /* 160px */
}

.static-card-item.static-card-layout8 .static-card-title {
    display: flex;
    padding-right: 2rem; /* 32px */
    align-items: center;
    gap: 1.5rem; /* 24px */
    align-self: stretch;
}

.static-card-item.static-card-layout8 .static-card-title h1 {
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    line-height: 0.9375rem; /* 15px */
    height: 2.8125rem; /* 45px */
}

.static-card-item.static-card-layout8 .static-card-content p {
    color: var(--Text-primary, #111614);
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout8 .static-card-content {
        gap: 0.625rem; /* 10px */
    }
    .static-card-item.static-card-layout8 {
        width: 16.5rem; /* 264px */
        padding: 1.25rem 1rem; /* 20px 16px */
        gap: 2rem; /* 32px */
    }

    .static-card-item.static-card-layout8 .static-card-title {
        padding-right: 1rem; /* 16px */
        gap: 0.75rem; /* 12px */
        color: var(--Text-primary, #26251A);
        font-family: var(--Type-Header-Header-2-Family, Involve);
        font-size: var(--Type-Header-Header-2-Size, 1.5rem); /* 24px */
        font-style: normal;
        font-weight: var(--Type-Header-Header-2-Weight, 500);
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.015rem; /* -0.24px */
    }

    .static-card-item.static-card-layout8 .static-card-content p {
        color: var(--Color-Content-Secondary, #363636);
    }
}

/* Layout 9 */
.static-card-item.static-card-layout9 {
    display: flex;
    /* width: 85rem; 1360px */
    /* height: 18.6875rem; 299px */
    padding: var(--Spacing-4XL, 3rem) var(--Spacing-3XL, 2.5rem); /* 48px 40px */
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem; /* 64px */
    background: var(--BG-secondary, #f4f4f4);
}

.static-card-item.static-card-layout9 .static-card-content-container {
    display: flex;
    align-items: center;
    gap: var(--Spacing-5XL, 4rem); /* 64px */
    align-self: stretch;
}

.static-card-item.static-card-layout9 .static-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-L, 1.25rem); /* 20px */
    flex: 1 0 0;
}

.static-card-item.static-card-layout9 .static-card-content h2 {
    color: #000;
    align-self: stretch;
}

.static-card-item.static-card-layout9 .static-card-content p {
    color: var(--Text-primary, #111614);
    align-self: stretch;
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout9 {
        padding: 2rem; /* 32px */
        gap: 2rem; /* 32px */
    }

    .static-card-item.static-card-layout9 .static-card-content-container {
        flex-direction: column;
        gap: 2rem; /* 32px */
        align-items: flex-start;
    }

    .static-card-item.static-card-layout9 .static-card-content {
        gap: 2rem; /* 32px */
    }

    .static-card-item.static-card-layout9 .static-card-external-button {
        display: flex;
        height: 2.5rem; /* 40px */
        padding: 0 1rem; /* 16px */
        align-items: center;
        gap: 0.5rem; /* 8px */
    }

    .static-card-item.static-card-layout9 .static-card-external-button img,
    .static-card-item.static-card-layout9 .static-card-external-button i {
        width: 1rem; /* 16px */
        height: 1rem; /* 16px */
    }
}

/* Layout 10 */
.static-card-item.static-card-layout10 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.016rem; /* 16.25140px */
    background: var(--Color-Surface-Subtle, #F4F4F4);
    padding: 2.5rem; /* 40px */

    min-width: 18.75rem; /* 300px */
    flex: 1 1 18.75rem; /* 300px */
}

.static-card-item.static-card-layout10 .static-card-content {
    display: flex;
    padding-right: 2.5rem; /* 40px */
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5rem; /* 8px */
    align-self: stretch;
}

.static-card-item.static-card-layout10 .static-card-content h3 {
    color: #000;
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout10 {
        min-width: 9.375rem; /* 150px */
        min-height: 6.875rem; /* 110px */
        padding: 1.25rem; /* 20px */
        gap: 0.516rem; /* 8.25140px */
    }

    .static-card-item.static-card-layout10 .static-card-content {
        padding-right: 1.25rem; /* 20px */
        gap: 0.5rem; /* 8px */
    }
}

/* Layout 11 */
.static-card-item.static-card-layout11 {
    display: flex;
    width: 30rem; /* 480px */
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
    background: var(--Color-Surface-Subtle, #f4f4f4);
    height: 100%;
}

a.static-card-popup-link-layout11 {
    display: flex;
    width: 3.875rem; /* 62px */
    height: 3.875rem; /* 62px */
    padding: 1rem; /* 16px */
    justify-content: center;
    align-items: center;
    gap: 0.5rem; /* 8px */
    position: absolute;
    right: 1.25rem; /* 20px */
    top: 1.25rem; /* 20px */
    border-radius: 3.75rem; /* 60px */
    background: #fff;
}

.static-card-item.static-card-layout11 .static-card-image {
    display: flex;
    height: 22.5rem; /* 360px */
    align-items: center;
    gap: 0.5rem; /* 8px */
    align-self: stretch;
}

.static-card-item.static-card-layout11 .static-card-image img {
    height: 22.5rem; /* 360px */
    width: 100%;
}

.static-card-item.static-card-layout11 .static-card-content {
    display: flex;
    padding: 1.543rem; /* 24.686px */
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 2.5rem; /* 40px */
    height: 100%;
    justify-content: space-between;
}

.static-card-item.static-card-layout11 .static-card-title {
    display: flex;
    padding-right: 2rem; /* 32px */
    flex-direction: row;
    align-items: center;
    gap: 0.5rem; /* 8px */
    align-self: stretch;
}

.static-card-item.static-card-layout11 .static-card-title h1 {
    color: var(--Text-primary, #111614);
    font-family: var(--Type-Header-Header-1-Family, Involve);
    font-size: var(--Type-Header-Header-1-Size, 3rem); /* 48px */
    font-style: normal;
    font-weight: var(--Type-Header-Header-1-Weight, 500);
    line-height: 120%;
}

.static-card-item.static-card-layout11 .static-card-content p {
    color: var(--Color-Content-Tertiary, #6B6B6B);
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout11 .static-card-title h1 {
        color: var(--Text-primary, #26251A);
        font-size: var(--Type-Header-Header-2-Size, 1.5rem); /* 24px */
        font-style: normal;
        font-weight: var(--Type-Header-Header-2-Weight, 500);
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.015rem; /* -0.24px */
    }

    .static-card-item.static-card-layout11 .static-card-title {
        padding-right: 1.419rem; /* 22.716px */
    }

    .static-card-item.static-card-layout11 .static-card-content p {
        color: var(--Color-Content-Tertiary, #6B6B6B);
    }

    .static-card-item.static-card-layout11 .static-card-content {
        padding: 1.25rem 1rem; /* 20px 16px */
        gap: 2rem; /* 32px */
    }

    .static-card-item.static-card-layout11 .static-card-image {
        height: 11.25rem; /* 180px */
    }

    .static-card-item.static-card-layout11 .static-card-image img {
        height: 11.25rem; /* 180px */
    }

    a.static-card-popup-link-layout11 {
        width: 2rem; /* 32px */
        height: 2rem; /* 32px */
        padding: 0.625rem; /* 10px */
        right: 0.625rem; /* 10px */
        top: 0.625rem; /* 10px */
    }

    .static-card-item.static-card-layout11 {
        width: 1.65rem; /* 26.40px */
    }
}

/* Layout 12 */
.static-card-item.static-card-layout12 {
    display: flex;
    width: 30rem; /* 480px */
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
    background: var(--Color-Surface-Subtle, #f4f4f4);
}

.static-card-item.static-card-layout12 .static-card-image {
    display: flex;
    height: 23.6875rem; /* 379px */
    align-items: center;
    gap: 0.5rem; /* 8px */
    align-self: stretch;
}

.static-card-item.static-card-layout12 .static-card-image img {
    height: 23.6875rem; /* 379px */
    width: 100%;
}

.static-card-item.static-card-layout12 .static-card-content {
    display: flex;
    padding: 1.543rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.static-card-item.static-card-layout12 .static-card-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.313rem;
    align-self: stretch;
}

.static-card-item.static-card-layout12 .static-card-title h2 {
    color: #000;
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout12 .static-card-content {
        padding: 0.918rem;
    }

    .static-card-item.static-card-layout12 .static-card-image {
        height: 17.438rem;
    }

    .static-card-item.static-card-layout12 .static-card-image img {
        height: 17.438rem;
    }

    .static-card-item.static-card-layout12 {
        width: 15rem;
    }
}

/* Layout 13 */
.static-card-item.static-card-layout13 {
    display: flex;
    flex-direction: row;
    gap: 3.125rem;
    padding-bottom: 2rem;
    border-bottom: 0.063rem solid var(--Separator-primary, #C0C0C0);
    align-items: center;
}

.static-card-item.static-card-layout13 .static-card-image {
    display: flex;
    width: 11rem;
    height: 8rem;
    justify-content: center;
    gap: 0.5rem;
    flex-shrink: 0;
    align-self: stretch;
    aspect-ratio: 261.71/229;
}

.static-card-item.static-card-layout13 .static-card-content-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2.5rem;
    flex: 1 0 0;
    justify-content: space-between;
}

.static-card-item.static-card-layout13 .static-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    flex: 1 0 0;
    background: none !important;
}

.static-card-item.static-card-layout13 .static-card-content h3 {
    color: #000;
    align-self: stretch;
}

.static-card-item.static-card-layout13 .static-card-content span {
    color: var(--Text-tertiary, #6b6b6b);
    align-self: stretch;
}

@media (max-width: 990px) {
    .static-card-item.static-card-layout13 .static-card-image {
        width: 0.823rem;
        height: 7.5rem;
        align-self: center;
    }

    .static-card-item.static-card-layout13 .static-card-content-container {
        padding: 1.25rem 1.5rem;
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .static-card-item.static-card-layout13 .static-card-content {
        gap: 0.025rem;
    }
}

/* Layout 14 */
.static-card-item.static-card-layout14 {
    display: flex;
    width: 30rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
    gap: 2rem;
    max-width: 18.5rem;
    margin-right: 1.188rem;
}

.static-card-item.static-card-layout14 .static-card-image {
    width: 6rem;
    height: 4.364rem;
}

.static-card-item.static-card-layout14 .static-card-image img {
    height: 100%;
    width: 100%;
}

.static-card-item.static-card-layout14 .static-card-content-container {
    display:flex;
    justify-content: space-between;
    width:100%
}

.static-card-item.static-card-layout14 .static-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    height:100%;
    gap:0.75rem;
}

.static-card-item.static-card-layout14 .static-card-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.313rem;
    align-self: stretch;
		display: -webkit-box;
	-webkit-line-clamp: 2;      /* Number of lines to show */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: calc(1.2em * 2);
}
.static-card-item.static-card-layout14 .static-card-text{
		display: -webkit-box;
	-webkit-line-clamp: 3;      /* Number of lines to show */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: calc(1.2em * 3);
}

.static-card-item.static-card-layout14 .static-card-title h3 {
    color: var(--Color-Content-Primary, #0D0D0D);
}

/* layout 15*/
.static-card-item.static-card-layout15 {
    max-width: 18.75rem;
    width:18.75rem;
    height:11.5rem;
    display: flex;
    padding: 1.25rem 1.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    background: var(--Color-Buttons-Background-Secondary-Idle, #F4F4F4);
}
.static-card-item.static-card-layout15 .static-card-content{
    display: flex;
    height: 100%;
    width:100%;
    flex-direction: inherit;
    justify-content: space-between;
}
.static-card-item.static-card-layout15 .static-card-title{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    align-self: stretch;
    overflow: hidden;
}
.static-card-item.static-card-layout15 .department {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: #2863B8;
}
.static-card-item.static-card-layout15 .static-card-external-link{
    width:1.5rem;
    height:1.5rem;
    flex-shrink:0;
}

/* Popup Container */
.static-card-popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Show when active */
.static-card-popup-container.active {
    display: flex;
}

/* Popup Content Box */
.static-card-popup-content {
    background: #fff;
    padding: 1.25rem;
    border-radius: 0.75rem;
    max-width: 37.5rem;
    width: 90%;
    position: relative;
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.2);
}

/* Close Button */
.static-card-popup-close {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    background: transparent;
    border: none;
    font-size: 0.938rem;
    cursor: pointer;
    color: #333;
}

.static-card-popup-close:hover {
    color: #000;
}