.headline-img-list-text-btns .headline {
	grid-area: 1/3/1/span 10;
}

.headline-img-list-text-btns .img-container {
	grid-area: 2/3/span 3/span 2;
    aspect-ratio: 558/580;
    align-self: flex-end;
}

.headline-img-list-text-btns .logo-icon {
	grid-area: 2/2/span 3/span 3;
    justify-self: flex-end;
    align-self: flex-end;
    transform: translate(50%, 50%);
}

.headline-img-list-text-btns .list-container {
	grid-area: 2/6/2/span 7;
	display: flex;
    flex-wrap: wrap;
	gap: max(24px, 3.25vw);
	margin-bottom: max(32px, 3.75vw);
	word-wrap: break-word;
	hyphens: auto;
	text-wrap: balance;
    line-height: 1.5;
}

.headline-img-list-text-btns .list-container .list-item {
	flex: 1 1 0px;
	min-width: 16ch;
    font-size: 1.2rem;
    font-weight: 500;
}

.headline-img-list-text-btns .list-container .list-item::before {
    content: "";
    display: block;
    width: max(32px, 1.5625vw);
    aspect-ratio: 1/1;
    mask-image: url(../../img/arrow-list.svg);
    -webkit-mask-image: url(../../img/arrow-list.svg);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background: currentColor;
    transform: rotate(90deg);
    margin-bottom: max(24px, 1.25vw);
}

.headline-img-list-text-btns .text-container {
    grid-area: 3/6/3/span 4;
}

.headline-img-list-text-btns .btns-container {
    grid-area: 3/10/3/span 3;
    margin-bottom: max(24px, 1.875vw);
}

@media (max-width: 1199.98px) {
    .headline-img-list-text-btns .list-container {
        grid-area: 2/3/2/span 10;
    }

    .headline-img-list-text-btns .img-container {
        grid-area: 3/3/span 2/span 3;
    }

    .headline-img-list-text-btns .logo-icon {
        grid-area: 3/2/span 2/span 4;
    }

    .headline-img-list-text-btns .text-container {
        grid-area: 3/7/3/span 6;
    }

    .headline-img-list-text-btns .btns-container {
        grid-area: 4/7/4/span 6;
        margin-top: var(--m-small);
    }
}

@media (max-width: 991.98px) {
    .headline-img-list-text-btns .list-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: var(--m-medium);
    }
    
    .headline-img-list-text-btns .img-container {
        grid-area: 3/3/span 2/span 4;
    }
    
    .headline-img-list-text-btns .logo-icon {
        grid-area: 3/3/span 2/span 4;
    }
    
    .headline-img-list-text-btns .text-container {
        grid-area: 3/8/3/span 5;
    }
}

@media (max-width: 767.98px) {
    .headline-img-list-text-btns .list-container {
        grid-template-columns: 1fr;
    }
    
    .headline-img-list-text-btns .list-container .list-item {
        padding-left: 3.4em;
        position: relative;
    }

    .headline-img-list-text-btns .list-container .list-item::before {
        margin-bottom: 0;
        position: absolute;
        transform: rotate(0deg);
        left: 0;
        top: -.33em;
    }
    
    .headline-img-list-text-btns .img-container {
        grid-area: 3/3/3/span 7;
    }
    
    .headline-img-list-text-btns .logo-icon {
        grid-area: 3/3/3/span 7;
    }
    
    .headline-img-list-text-btns .text-container {
        grid-area: 4/3/4/span 10;
        margin-top: var(--m-medium);
    }

    .headline-img-list-text-btns .btns-container {
        grid-area: 5/3/5/span 10;
    }
}

@media (max-width: 575.98px) {
    .headline-img-list-text-btns .headline {
        grid-area: 1/2/1/span 12;
    }

    .headline-img-list-text-btns .list-container {
        grid-area: 2/2/2/span 12;
    }
    
    .headline-img-list-text-btns .img-container {
        grid-area: 3/1/3/span 10;
    }
    
    .headline-img-list-text-btns .logo-icon {
        grid-area: 3/1/3/span 10;
    }
    
    .headline-img-list-text-btns .text-container {
        grid-area: 4/2/4/span 12;
    }

    .headline-img-list-text-btns .btns-container {
        grid-area: 5/2/5/span 12;
    }
}