.woe-box-container{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
}

.woe-box input{
	display: none;
}

.woe-box{
	position: relative;
	border-radius: 26px;
	border: 1px solid #000;
	padding: 30px;
	overflow: hidden;
	transition: .1s all;
	padding-bottom: 80px;
}

.woe-box::before{
	background: red;
}

.woe-title--icon{
	display: none;
}

.woe-image{
  width: 84px;
  display: block;
  margin-bottom: 15px;
  transform: translateX(-15px);
}

.woe-image img{
	transform: translateX(15px);
}

.woe-image img{
	display: block;
}

.woe-link a{
    font-size: 16px;
    font-style: italic;
    color: #000000;
    font-weight: 300;
    text-decoration: none!important;
}

.woe-link a span:nth-child(2){
    transform: scale(0.5) translateY(16px);
    display: inline-block;
}

.woe-box-title{
	margin-top: 25px;
	margin-bottom: 25px;
}

.woe-box-title label{
	display: block;
}

.woe-box-title,
.woe-box-title h3{
    /*font-family: "Inter Tight", Sans-serif;
    font-weight: 500;
    line-height: 1.4;
    font-size: 37px;
    margin: 0;
    */
	font-family: var( --e-global-typography-dc889ff-font-family ), Sans-serif;
	font-size: var( --e-global-typography-dc889ff-font-size );
	font-weight: var( --e-global-typography-dc889ff-font-weight );
	line-height: var( --e-global-typography-dc889ff-line-height );
	color: var( --e-global-color-astglobalcolor1 );

}

.woe-box-description,
.woe-box-description p{
	font-family: var( --e-global-typography-e5659c4-font-family ), Sans-serif;
	font-size: var( --e-global-typography-e5659c4-font-size );
	font-weight: var( --e-global-typography-e5659c4-font-weight );
	line-height: var( --e-global-typography-e5659c4-line-height );
	color: #1A1A1A;
}

.woe-box-description p{
	margin-bottom: 20px;
}

.woe-link{
	position: absolute;
	bottom: 30px;
}

@media (min-width: 580px){
	.woe-hover-skin-dark:hover,
	.woe-skin-dark{
		background: #000000;
	}

	.woe-hover-skin-red:hover,
	.woe-skin-red{
		background: #fd1d25;
		border-color: #fd1d25;
	}

	.woe-hover-skin-dark:hover .woe-box-title,
	.woe-hover-skin-dark:hover .woe-box-title h3,
	.woe-hover-skin-dark:hover .woe-box-description,
	.woe-hover-skin-dark:hover .woe-box-description p,
	.woe-hover-skin-dark:hover .woe-link,
	.woe-hover-skin-dark:hover .woe-link a,
	.woe-hover-skin-red:hover .woe-box-title,
	.woe-hover-skin-red:hover .woe-box-title h3,
	.woe-hover-skin-red:hover .woe-box-description,
	.woe-hover-skin-red:hover .woe-box-description p,
	.woe-hover-skin-red:hover .woe-link,
	.woe-hover-skin-red:hover .woe-link a,
	.woe-skin-dark .woe-box-title,
	.woe-skin-dark .woe-box-title h3,
	.woe-skin-dark .woe-box-description,
	.woe-skin-dark .woe-box-description p,
	.woe-skin-dark .woe-link,
	.woe-skin-dark .woe-link a,
	.woe-skin-red .woe-box-title,
	.woe-skin-red .woe-box-title h3,
	.woe-skin-red .woe-box-description,
	.woe-skin-red .woe-box-description p,
	.woe-skin-red .woe-link,
	.woe-skin-red .woe-link a{
		color: #ffffff;
	}

	.woe-hover-skin-dark:hover .woe-link svg,
	.woe-hover-skin-dark:hover .woe-link svg path,
	.woe-hover-skin-red:hover .woe-link svg,
	.woe-hover-skin-red:hover .woe-link svg path,
	.woe-hover-skin-dark:hover svg,
	.woe-hover-skin-dark:hover svg path,
	.woe-hover-skin-red:hover svg,
	.woe-hover-skin-red:hover svg path

	.woe-skin-dark .woe-link svg,
	.woe-skin-dark .woe-link svg path,
	.woe-skin-red .woe-link svg,
	.woe-skin-red .woe-link svg path,
	.woe-skin-dark svg,
	.woe-skin-dark svg path,
	.woe-skin-red svg,
	.woe-skin-red svg path{
		fill:  #ffffff;
	}
}

@media (max-width: 920px) {
	.woe-box-container{
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
}

@media (max-width: 580px) {
	.woe-title--icon{
		display: block;
	}

	.woe-box-container{
		display: flex;
		flex-direction: column;
		grid-template-columns: 1fr;
		gap: 0px;
	}

	.woe-image{
		display: none;
	}

	.woe-box{
		overflow: hidden;
		padding: 0px;
		border-radius: 0;
		border:  0;
		border-bottom: #E2E2E2 1px solid;
	}

	.woe-link{
		position: static;
	}

	.woe-box-title, .woe-box-title h3{
		margin: 0;
		position: relative;
	}

	.woe-box-title label{
		padding-top: 22px;
		padding-bottom: 22px;
		cursor: pointer;
		position: relative;
		z-index: 33;
		padding-right: 80px;
		padding-left: 5px;
	}

	.woe-link,
	.woe-box .woe-box-description{
        overflow: hidden;
        height: 0px;
        transition: 0.25s all;
        opacity: 0;
        padding-bottom: 0px;
		margin-top: 0px;	}

	.woe-box-description p:last-child{
		margin-bottom: 0;
	}

	.woe-box:has(input[type=radio]:checked) .woe-link,
	.woe-box:has(input[type=radio]:checked) .woe-box-description{
		height: 100%;
		opacity: 1;
		margin-top: 0px;
		padding-bottom: 25px;
	}

	.woe-box .woe-title--icon {
	  position: absolute;
	  top: 0px;
	  right: 20px;
	  bottom: 0;
	  margin: auto;
	  height: max-content;
	  pointer-events: none;
	}

	.woe-box .woe-title--icon svg:last-of-type rect {
	  fill: #ED1C24 !important;
	}

	.woe-box:has( input[type="radio"]:not(:checked) ) .woe-title--icon svg:last-child {
	    height: 0;
	    opacity: 0;
	    transform: translateY(-100vh);
	}

	.woe-box:has(input[type=radio]:checked) .woe-title--icon {
		top: 8px;
		right: 6px;
		height: 30px;
		bottom: initial;
	}

	.woe-box:has(input[type=radio]:checked) .woe-title--icon svg:first-child {
		height: 0;
		opacity: 0;
		transform: translateY(-100vh);
	}

	.woe-box:has(input[type=radio]:checked) .woe-title,
	.woe-box:has(input[type=radio]:checked) .woe-title--icon svg{
		fill: #ED1C24 !important;
		color: #ED1C24;
	}

	.woe-box .woe-title--icon{
        transform: scale(0.7) translateX(20px);
    }

    .woe-box:has(input[type="radio"]:checked) .woe-title--icon svg:nth-child(2){
        transform: scale(1) translateY(20px)!important;
    }
}