/* #main #main-content .section{padding-block: var(--spacing-80);}*/

#main #main-content .section.hub-cardholder-wrapper {
}

#main #main-content .section.hub-cardholder-wrapper .col-12 {
	padding-inline: 0;
}

#main #main-content .section.hub-cardholder-wrapper .hub-cardholder {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-24);
	margin-top: var(--spacing-40);
}

#main #main-content .hub-card {
	display: grid;
	grid-template-rows: 1fr 52px;
	border-radius: var(--spacing-16);
	padding: var(--spacing-32);
	background-color: var(--color-neutral-white);
	width: min(386px, 100%);
	min-width: 386px;
	min-height: 340px;
	position: relative;
	align-items: start;
	border: 1px solid var(--color-neutral-light-grey);
	border-radius: 16px;
    box-shadow: 0px 2px 6px 0px #1018280D;
}

#main #main-content .hub-card .hub-card-text-content {
	grid-row: 1;
	border-bottom: 1px solid var(--color-neutral-light-grey);
	padding-bottom: var(--spacing-24);
	height: 100%;
}

#main #main-content .hub-card .hub-card-link-container {
	grid-row: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: var(--spacing-24);
}

#main #main-content .hub-card .hub-card-link-container .link-cta:after{top:calc(50% - 10px);}

#main #main-content .hub-card .h4.hub-card-title {
}

#main #main-content .hub-card .hub-card-text {
}

/* blue section */
#main #main-content .section.blue-section{ background-color: var(--color-accent-light-blu);}

#main #main-content .section.blue-section .col-6,
#main #main-content .section.blue-section .col-8,
#main #main-content .section.blue-section .col-12{padding-inline: 0;}

#main #main-content .section.blue-section .right-col{display: flex; flex-direction: column; align-items: flex-end;}

#main #main-content .section.blue-section .hub-card-full-container{display: flex; flex-direction: row; flex-wrap: wrap; align-items: start; gap:var(--spacing-24);}

#main #main-content .section.blue-section .hub-card-title{margin-bottom: var(--spacing-24);}
#main #main-content .section.blue-section .hub-card-text{font-size: var(--font-size-16); line-height: 26px; }

/*
@media screen and (max-width:768px) {
#main #main-content .section.blue-section .col-6,
#main #main-content .section.blue-section .col-8,
#main #main-content .section.blue-section .col-12{padding-inline: var(--spacing-16);}
}*/

/* FAQ */


#main #main-content .faq-section .faq-small-descr{text-transform: uppercase; color:var(--color-accent-blue); font-weight: 600;
}
.faq-section .faq-small-descr, .faq-section h2.h2 {
    text-align: center;
}

@media screen and (max-width:768px) {
	#main #main-content .hub-card {
		min-width: unset;
        min-height: 250px;
        width: 100%;
        padding: var(--spacing-24) var(--spacing-16) var(--spacing-16);        
	}

    #main #main-content .hub-card .h4.hub-card-title{margin-bottom: var(--spacing-16) !important;}
    #main #main-content .faq-section .faq-small-descr {margin-bottom: var(--spacing-16);}
}