/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2026 | 14:55:59 */
/* @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;1,100;1,400&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* fonts */

h1, h2, h3, {
	font-family: "IBM Plex Sans", sans-serif !important;
}

p {
	font-family: "Inter" !important;
}

.hero-title,
.title-h1,
.title-h2,
.title-h3,
.about-title-h2,
.title-h1-news {
	font-weight: 700 !important;
	font-family: "IBM Plex Sans", sans-serif !important;
	letter-spacing: 0.2px !important;
}

.text-body-L,
.news-subtitle,
.text-body-L {
	font-weight: 400 !important;
	font-size: 18px !important;
	font-family: "Inter" !important;
}

.mkdf-main-menu>ul>li>a>span.item_outer .item_text,
.mkdf-mobile-header .mkdf-mobile-nav .mkdf-grid>ul>li>a, .mkdf-mobile-header .mkdf-mobile-nav .mkdf-grid>ul>li>h6 {
    font-family: "IBM Plex Sans", sans-serif !important;
}

.research-text-body-M {
	font-weight: 400 !important;
	font-size: 16px !important;
	color: #ffffff !important;
	font-family: "Inter" !important;
}

.accessibility-text-body-M,
.home-card-text-body-M,
.goal-text-body-M,
.perspective-text-body-M { 
	font-weight: 400 !important;
	font-size: 16px !important;
	color: #000000 !important;
	font-family: "Inter" !important;
}

.research-text-body-L {
	font-weight: 400 !important;
	font-size: 18px !important;
	color: #ffffff !important;
	font-family: "Inter" !important;
	line-height: 30px !important;
}

.text-body-M,
.metrics-text {
	font-weight: 400 !important;
	font-size: 16px !important;
	font-family: "Inter" !important;
}

.text-body-S {
	font-weight: 400 !important;
	font-size: 14px !important;
	font-family: "Inter" !important;
}

/* HOME PAGE */


.hero-title {
	line-height: 1.3 !important;
	letter-spacing: 0.5px;
    padding-top: 12% !important;
}

.home-hero-img {
    padding-bottom: 15%;
}


.vc_btn3.vc_btn3-style-classic.vc_btn3-color-grey {
    color: #000000;
    border-color: #20C4D8;
    background-color: #20C4D8;
	font-family: "IBM Plex Sans", sans-serif !important;
    font-weight: 500;
    font-size: 18px !important;
    line-height: 20px;
    letter-spacing: 0;
}


.vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:active,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:focus,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic.vc_btn3-hover,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic.active {
    color: #000000;
    border-color: #0B1F33;
    background-color: #17B2C5;
	font-family: "IBM Plex Sans", sans-serif !important;
}

/* card section  */

.set-sql-overview-subrow {
    display: flex;
}

.home-card {
	background-color: #20C4D8 !important;
    border: 2px solid #084C58 !important;
    align-items: flex-start !important;
    text-align: left !important;
    margin: 10px !important;
    display: flex !important;
	padding-bottom: 1% !important;
/* 	max-width: 30% !important; */
	min-height: 340px !important;
}

.home-card h3 {
    max-width: 90%;
}

.metrics-section {
    width: 90% !important; 
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: nowrap; 
    gap: 20px; 
	margin-left: auto !important;
	margin-right: auto !important;
	padding-bottom: 5em;
}

.metrics-cards {
    border: 1.5px solid #5CDEED !important;
    background-color: transparent !important;
/*     padding: 10px 30px !important; */
	padding: 10px 0px 32px !important;
    flex: 1; 
    text-align: center;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
	float: left;
    margin-left: 1%;
	width: 19% !important;
	height: inherit !important;
}

.metrics-section .mkdf-elements-holder.mkdf-four-columns.mkdf-responsive-mode-768 {
    display: flex;
}

.html-text {
	color: #5CDEED !important;
}
.metrics-text {
    color: #ffffff !important;
}

.metric-value-one {
	font-size: 64px !important;
}

.metric-value-two {
	font-size: 32px !important;
	letter-spacing: 0.1px !important;
}

.metric-value-three {
	font-size: 32px !important;
	letter-spacing: 0.1px !important;
}

/* accordion */

.custom-accordion .mkdf-accordion-title {
    margin-bottom: 20px !important;
    border-radius: 8px !important; 
}

.accordion-subtitle {
	margin-bottom: 7% !important;
}

.custom-accordion .mkdf-accordion-content {
    margin-bottom: 25px !important; 
}

.custom-accordion .mkdf-accordion-title {
    background-color: #0B1F33 !important;
    border: 2px solid #20C4D8 !important; 
    border-radius: 10px !important;       
    margin-bottom: 25px !important;       /* κενο στα sections */
/*     transition: all 0.2s ease; */
    position: relative;
}

.custom-accordion .mkdf-accordion-title .mkdf-tab-title {
	font-family: "IBM Plex Sans", sans-serif !important;
    color: #ffffff !important;
    font-size: 32px !important;           
    font-weight: 700 !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.custom-accordion .mkdf-accordion-content {
    background-color: transparent !important;
    margin-top: -55px !important;
    padding: 0 20px 0px 80px !important;
    border: none !important;
    position: relative !important; 
    z-index: 10 !important;       
}
.custom-accordion .mkdf-accordion-content-inner {
	font-family: "Inter" !important;
    color: #F8F9FA !important;              
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.custom-accordion .mkdf-accordion-title.ui-state-active {
    min-height: 100px !important;
    border-color: #2bc0d1 !important;
}

#custom_html-5 a {
    color: #000000 !important;
    text-decoration: none !important;
    font-family: inherit !important;
}

#custom_html-5 a:hover {
    color: #20C4D8 !important;
}

.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-state-default.ui-corner-bottom {
    background-image: url(http://setsql.gr/wp-content/uploads/2026/02/arrow-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10% !important;
    background-position-x: 96%;
	padding-left: 5em; 
	max-width: 82%;
    margin-left: auto;
    margin-right: auto;
}

.mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active {
    padding-left: 5em;
}

.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active {
    background-image: url(http://setsql.gr/wp-content/uploads/2026/02/arrow-up.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 96%;
	max-width: 82%;
    margin-left: auto;
    margin-right: auto;
}

.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-state-default.ui-corner-top.ui-corner-bottom::before {
    content: "";
    background-image: url(http://setsql.gr/wp-content/uploads/2026/02/about-icon-1.png);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position: left center;
    background-position-x: 3%;
}

.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active::before {
	content: "";
    background-image: url(http://setsql.gr/wp-content/uploads/2026/02/about-icon-1.png);
    position: absolute;
    left: 0;
    right: 0;
    top: -30%;    
	bottom: 0;
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position: left center;
    background-position-x: 3%
}

.mkdf-accordion-holder .mkdf-accordion-title .mkdf-accordion-mark span.mkdf_icon_plus, .mkdf-accordion-holder .mkdf-accordion-title.ui-state-active .mkdf-accordion-mark span.mkdf_icon_minus, .mkdf-accordion-holder .mkdf-accordion-title.ui-state-hover .mkdf-accordion-mark span.mkdf_icon_minus {
    display: none;
}

.mkdf-accordion-holder .mkdf-accordion-content, .mkdf-accordion-holder .mkdf-accordion-content p {
	margin-left: 5%;
}

/* ABOUT */

.about-hero {
    position: relative;
    overflow: hidden;
}

.about-hero::before {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #000428, #004E92) !important;
    opacity: 0.7;
    z-index: 1; 
    pointer-events: none; 
}

.about-hero .vc_column-inner {
    position: relative;
    z-index: 2;
}

.about-hero {
    padding-bottom: 15%;
}


.about-hero::before {
	background: linear-gradient(#000428, #004E92) !important;	
}

.about-title-h2 {
	margin-top: 8% !important;
}

.operation-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-icon {
	display: block;
	height: auto;
    max-width: 72px;
	margin-left: auto !important;
    margin-right: auto !important;

}

.about-func-cards {
	background-color: #071523 !important;
	border-radius: 20px !important;
	padding: 40px 40px !important;
	min-height: 212px !important;
	display: flex !important;
	align-items: center !important;
	text-align: center !important;
}

.goal-section {
	background: linear-gradient(#F9FCFF, #CECFD1) !important;
}

/* .research-section-cards {
	display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    min-height: 440px !important;
    min-width: 300px !important;
    max-width: 48% !important;
    background-color: #084C58 !important;
    padding: 40px 40px !important;
    margin: 10px !important;
    text-align: left !important;
} */

.goal-section .vc_custom_heading.title-h2 {
    padding-top: 7% !important;
    width: 80%;
}



.research-section-cards {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    min-height: 440px !important;
    background-color: #084C58 !important;
    padding: 40px !important;
    margin: 10px !important;
    text-align: left !important;
    box-sizing: border-box !important;
    width: 48% !important; 
    max-width: 48% !important;
}

.research-cards-section {
	margin-left: auto;
	margin-right: auto;
}

/* FOOTER */

.mkdf-page-footer,
.mkdf-page-footer .mkdf-footer-top-holder, 
.mkdf-page-footer .mkdf-footer-bottom-holder {
    background-color: #F8F9FA !important;
}

.mkdf-page-footer {
    border-top: 1px solid #0B1F33 !important;
}

.mkdf-footer-top-inner.mkdf-grid {
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    justify-content: center !important
    align-items: flex-start !important;
    max-width: 90% !important;
    width: 90% !important;
    margin: 0 auto !important;
    padding: 60px 0 30px 0 !important;
}

.mkdf-footer-top-inner .mkdf-grid-row {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(1) {
    width: 35% !important;
    margin-right: 8% !important;
    margin-left: 0 !important;
}

.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(2),
.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(3) {
    width: 15% !important;
    margin-right: 4% !important;
}

.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(4) {
    width: 15% !important;
    margin-right: 0 !important;
}

.mkdf-footer-bottom-inner.mkdf-grid {
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    max-width: 87% !important; 
    width: 90% !important;
    margin: 0 auto !important;
    padding: 10px 0 30px 0 !important;
    text-align: left !important;
}

.mkdf-footer-bottom-inner.mkdf-grid::before {
    content: "" !important;
    display: block !important;
    width: 100% !important; 
    height: 1px !important;
    background-color: #20C4D8 !important;
    margin-bottom: 15px !important;
}

.mkdf-footer-bottom-inner .mkdf-grid-row,
.mkdf-footer-bottom-inner .mkdf-grid-col-12,
.mkdf-footer-bottom-inner .mkdf-column-inner,
.mkdf-footer-bottom-inner .wpb_wrapper {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.mkdf-footer-bottom-inner p, 
.mkdf-footer-bottom-inner span,
.mkdf-footer-bottom-inner a,
#custom_html-8 {
    display: inline !important;
    white-space: nowrap !important;
    color: #000000 !important;
    font-size: 11px !important;
    margin-right: 10px !important;
    font-family: "IBM Plex Sans", sans-serif !important;
	font-weight: 500;
}

.mkdf-footer-top-inner .mkdf-widget-title {
    color: #000000 !important;
	font-family: "Inter" !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

#custom_html-4, #custom_html-5, #custom_html-6, #custom_html-7, #custom_html-11, #custom_html-12 {
	font-family: "Inter" !important;;
    color: #000000 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}

#custom_html-2 { 
	color: #000;
	font-size: 10px; 
	width: 82%; 
}

#custom_html-8 { 
	font-size: 10px !important; 
	font-family: "IBM Plex Sans", sans-serif !important;
}

#custom_html-10 { 
	font-size: 10px !important; 
	font-family: "IBM Plex Sans", sans-serif !important;
	color: #000000;
	width: 82%;
}

.footer-logos-container {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}

.footer-logo {
    max-height: 50px !important;
    width: auto !important;
}

.mkdf-footer-bottom-holder { 
	padding: 0 !important;
}

.mkdf-grid-col-6 { 
	padding-left: 0px !important; 
}


/* NEWS */

.pill {
	display: inline-block;
	align-items: center;
	background-color: #1F1B3A !important;
    padding: 3px 15px;     
    border-radius: 200px;
}

.pill-text {
	font-family: "IBM Plex Sans", sans-serif !important;
    font-weight: 500 !important;     
    font-size: 18px !important;
	color: #ffffff;
    padding-bottom: 0.6em;
	line-height: 1;
}

.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {
	color: #000000;
	background-color: #20C4D8;
	width: 265px;
	font-family: "IBM Plex Sans", sans-serif !important;
    font-weight: 500;
    font-size: 18px !important;
    line-height: 20px;
    letter-spacing: 0;
}


/* .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey:hover { */
.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey:hover,
.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey:active,
.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey:focus {
	background-color: #17B2C5;
	border: 1px solid #0B1F33;
}

.title-h1-news {
	margin-top: 17%;
}

.news-subtitle {
	margin-bottom: 10%;
}

/* NEWSLETTER */

.tnp-subscription form {
    display: flex !important;
    flex-direction: row !important; 
    align-items: center !important;  
    justify-content: center !important; 
    gap: 12px !important;
}

.tnp-subscription form p, 
.tnp-subscription form div.tnp-field {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
}

.tnp-subscription input.tnp-email {
    height: 58px !important;
    min-height: 58px !important; 
    padding: 0 18px !important;
    border: 2px solid #20C4D8 !important; 
	border-radius: 8px !important;
    font-family: "Inter" !important;
    font-size: 14px !important;
    color: #1F1B3A !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.tnp-subscription input.tnp-email::placeholder {
    color: rgba(31, 27, 58, 0.5) !important;
}

.tnp-subscription input.tnp-submit {
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 25px !important;
    background-color: #20C4D8 !important; 
    color: #000000 !important;
    border: none !important;
    font-family: "IBM Plex Sans", sans-serif !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    margin: 0 !important;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
    transition: all 0.3s ease !important;
}

.tnp-subscription input.tnp-submit:hover {
    background-color: #17B2C5 !important; 
    color: #000000 !important;
    border: 1px solid #0B1F33 !important; 
    box-shadow: none !important; 
}

.mkdf-post-date-wrap,
input#submit_comment {
    background-color: #20C4D8 !important;
}

span.mkdf-blog-single-nav-title-text:hover,
.mkdf-blog-single-navigation .mkdf-blog-single-next:hover, 
.mkdf-blog-single-navigation .mkdf-blog-single-prev:hover {
    color: #20C4D8 !important;
}

/* buttons */
/* 
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	width: 270px;

}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #000000;
    border-color: #0B1F33;
    background-color: #17B2C5;
	
} */

@media screen and (max-width: 600px) {
    .tnp-subscription form {
        flex-direction: column !important; 
        width: 100% !important;
    }
    .tnp-subscription input.tnp-email, 
    .tnp-subscription input.tnp-submit {
        width: 100% !important;
    }
}

.tnp-subscription label {
    display: none !important;
}

/* go-up button */
.mkdf-btt-tb {
	background-color: #20C4D8 !important;
} 

.mkdf-main-menu > ul > li > a:active,
.mkdf-main-menu > ul > li.current-menu-item > a,
.mkdf-main-menu > ul > li.current_page_item > a {
    color: #20C4D8 !important;
}

.mkdf-page-header .mkdf-main-menu > ul > li > a:hover {
    color: #2C4459 !important;
}

.about-icon.mobile {
    display: none;
}

.text-body-M-en {
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.newsletter-element .tnp-field.tnp-field-email {
    width: 37%;
    margin-right: 1%;
}

.newsletter-element form {
    display: flex;
    max-width: 100% !important;
    justify-content: center;
}

.newsletter-element {
    padding-bottom: 3em;
    padding-top: 1em;
}

/* RESPONSIVENESS */

@media(max-width: 1199px) {
	.metrics-section .mkdf-elements-holder.mkdf-four-columns.mkdf-responsive-mode-768 {
		flex-wrap: wrap;
	}
	
	.metrics-cards {
		margin-left: 2%;
		flex: 47%;
		margin-top: 2%;
	}
	
	.research-section-cards {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.research-section-cards {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        min-height: auto !important; 
        margin: 15px 0 !important;   
        height: auto !important;
        padding: 30px 20px !important; 
    }
	
	.goal-section .vc_custom_heading.title-h2 {
		padding-top: 0 !important;
	}
	
	.footer-logos-container {
		flex-direction: column;
    	align-items: flex-start !important;	
	}
	
	.mkdf-column-content.mkdf-grid-col-3:nth-child(1) {
		width: 40%;
	}
	
	.mkdf-column-content.mkdf-grid-col-3:nth-child(2), .mkdf-column-content.mkdf-grid-col-3:nth-child(3), .mkdf-column-content.mkdf-grid-col-3:nth-child(4) {
		width: 20%;
	}
}

@media(max-width: 1024px) {
	.accessibility-section .title-h2 {
		margin-top: 0 !important;
	}
	
	.news-section-two {
		display: flex !important;
        flex-direction: column-reverse !important;
	}
	
	.mkdf-blog-holder article,
    .mkdf-column-content,
    .vc_column_container {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .vc_row-fluid [class*="vc_col-sm-"] {
        width: 100% !important;
    }

    .mkdf-blog-list-holder .mkdf-blog-list-item-inner {
        display: block !important;
    }
    
    .mkdf-blog-list-holder .mkdf-blog-list-item-image,
    .mkdf-blog-list-holder .mkdf-blog-list-item-content {
        width: 100% !important;
        display: block !important;
        margin-bottom: 20px !important;
    }
	
	body:not(.mkdf-content-is-behind-header):not(.error404) .mkdf-content {
		margin-top: -3em !important;
	}
	
	.goal-section {
		display: flex;
		flex-direction: column-reverse;
	}
	
/* 	.goal-section .wpb_single_image.wpb_content_element {
		margin-bottom: 0 !important;
	} */
	
	.about-icon {
		text-align: center !important;
		padding-top: 1em;
		padding-left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 1em;
	}
	
	
	.about-icon.mobile {
		display: block;
	}
	
	.about-icon.desktop {
		display: none;
	}
	
	.perspective-section .vc_custom_heading.title-h2 {
		margin-top: 0 !important;
	}
	
	.perspective-section .vc_custom_1770198322625 {
    	margin-bottom: 0 !important;
	}
	
	.perspective-text-body-M, .goal-section .goal-text-body-M {
		margin-bottom: 4em !important;
	}
	
	.perspective-section .vc_custom_1770198225129 {
		margin-top: 0 !important;
	}
	
	.perspective-section {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.goal-section .vc_custom_heading.title-h2 {
		margin-top: 0 !important;
	}
	
	.mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(3), .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(4) {
        margin-top: 0;
    }
	
	.pill {
		width: 30%;
	}
	
	.title-h1-news {
		margin-top: 25% !important;
	} 
	
		.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(1), .mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(2), .mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(3), .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(3), .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(4) {
		flex: 50%;
		width: 50% !important;
		margin-right: 0 !important;
	}
	
	.footer-logos-container {
		flex-direction: column;
	}	
	
	.footer-logos-container {
	    align-items: flex-start !important;
     }
	
	.title-h1-news {
		margin-top: 25%;
	}
	
/* 	.about-func-cards {
		flex-direction: column !important;
	} */
}

@media(max-width: 992px) {
	.set-sql-overview-subrow {
		flex-direction: column;
		width: inherit;
	}
	
	.home-card {
		width: 100%;
		max-width: 100% !important;
		margin: 10px 0!important;
	}
	
    .research-section-cards {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important; 
        min-height: auto !important; 
	}
	
	.mkdf-footer-top-inner .mkdf-grid-row {
		flex-wrap: wrap;
	}    
	
/* 	.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(1), .mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(2), .mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(3), .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(3), .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(4) {
		flex: 50%;
		width: 50% !important;
		margin-right: 0 !important;
	} */
}

@media screen and (max-width: 768px) {
	.hero-title,
	.title-h1,
	.title-h1-news {
		font-size: 40px !important;
	}
	
	.title-h2 {
		font-size: 30px !important;
	}
	
	.title-h3 {
		font-size: 40px !important;
	}
	
	.text-body-L,
	.research-text-body-L {
		font-size: 18px !important;
	}
	
	.text-body-M
	.accessibility-text-body-M,
	.home-card-text-body-M,
	.goal-text-body-M,
	.perspective-text-body-M,
	.research-text-body-M,
	.metrics-text {
		font-size: 16px !important;
	}
	
	.text-body-S {
		font-size: 14px !important;
	}
	
	.metrics-cards {
		flex: 100%;
		margin-left: 0;
		margin-bottom: 2em;
	}
	
	.mkdf-accordion-holder {
		margin-bottom: 1em;
	}
	
	.custom-accordion .mkdf-accordion-title.ui-state-active {
		min-height: 130px !important;
	}
	
	.custom-accordion .mkdf-accordion-content {
		background-color: transparent !important;
		margin-top: -84px !important;
		padding: 12px 20px 0px 55px !important;
	}
	
	.goal-section {
		display: flex !important;
        flex-direction: column-reverse !important;
	}
	
	.vc_custom_1770286855240 {
        margin-top: 0px !important;
    } 
	
	.text-body-M-en {
		max-width: 100%;
	}
	
	.tnp-subscription div.tnp-field {
		margin-bottom: 0em!important;
	}
	
	.newsletter-element form {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.newsletter-element .tnp-field.tnp-field-email, .newsletter-element .tnp-field.tnp-field-button {
		width: 85%;
		margin-right: 0;
	}
	
	.tnp-subscription input.tnp-submit {
		width: 100%;
	}
	
	.hero-title {
		padding-top: 40% !important;
	}
	
	.title-h1-news {
        margin-top: 40% !important;
    }
	
	    .mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(1), .mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(2), .mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(3), .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(3), .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(4) {
        flex: 100%;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 2em;
    }
	
	.mkdf-footer-top-inner.mkdf-grid {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 30px !important;
  }

  .mkdf-column-content.mkdf-grid-col-3:nth-child(1) {
	  width: 100%!important;
	}
	
	.mkdf-column-content.mkdf-grid-col-3:nth-child(2), 
	.mkdf-column-content.mkdf-grid-col-3:nth-child(3), 
	.mkdf-column-content.mkdf-grid-col-3:nth-child(4) {
     	width: 100%!important;
    }
	
	.mkdf-footer-top-inner.mkdf-grid {
		display: flex !important;
		justify-content: center !important; 
		align-items: flex-start !important;
		text-align: center !important; 
	}

	.mkdf-footer-top-inner .mkdf-grid-row {
		justify-content: center !important;
	}

	.mkdf-footer-top-inner .mkdf-column-content {
		text-align: center !important;
		margin-right: 0 !important; 
		margin-left: 0 !important;
	}

	.footer-logos-container {
		justify-content: center !important;
	}

	.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(1) {
		width: 100% !important; 
		max-width: 500px !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important; 
		text-align: center !important;
	}

	.footer-logos-container, 
	.mkdf-footer-top-inner .wpb_single_image {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		margin-bottom: 20px !important;
		width: 100% !important;
	}

	#custom_html-2 { 
		width: 100% !important;
		text-align: center !important;
		margin: 0 auto !important;
	}

	.mkdf-footer-top-inner .mkdf-grid-row {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		text-align: center !important;
	}
	
	.operation-section {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.custom-accordion .mkdf-accordion-title .mkdf-tab-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}
	
	.custom-accordion .mkdf-accordion-content-inner {
		font-size: 16px !important;
	}
	
	.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-state-default.ui-corner-bottom {
		max-width: 100%;
	}
	
	.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active {
		max-width: 100%;
	}
	
	.mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active {
    	padding-left: 3em;
	}
	
	.custom-accordion .mkdf-accordion-title .mkdf-tab-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}
	
	.custom-accordion .mkdf-accordion-content-inner {
		font-size: 16px !important;
	}	
	
	.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-state-default.ui-corner-bottom {
		padding-left: 3em !important;
		padding-right: 32% !important;
	}
	
    
	.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active {
   
        padding-left: 3em !important;
        padding-right: 32% !important;
    }
	
	.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active::before {
		top: -43%;
	}
	
	.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active {
		background-position-y: 22%;
	}
}

@media(max-width: 680px) {
	.custom-accordion .mkdf-accordion-title.ui-state-active {
		min-height: 10em !important;
	}
	
	.custom-accordion .mkdf-accordion-content {
		margin-top: -8em !important;
		padding: 1em !important;
	}
	
	#custom_html-2 {
		padding-left: 4%;
	}
	
	.footer-logo {
		padding-left: 10% !important;
	}
	
	.espa-logo {
		padding-left: 10% !important;
	}
}

@media(max-width:480px) {
	.title-h1-news {
        margin-top: 60% !important;
    }
	
/* 	.custom-accordion .mkdf-accordion-title .mkdf-tab-title {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}
	
	.custom-accordion .mkdf-accordion-content-inner {
		font-size: 16px !important;
	} */
}

@media (min-width: 767px) and (max-width: 1024px) {
    .mkdf-footer-top-inner .mkdf-grid-row {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important; 
    }

    .mkdf-column-content.mkdf-grid-col-3:nth-child(1),
    .mkdf-column-content.mkdf-grid-col-3:nth-child(2),
    .mkdf-column-content.mkdf-grid-col-3:nth-child(3),
    .mkdf-column-content.mkdf-grid-col-3:nth-child(4) {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        text-align: center !important; 
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin-bottom: 30px !important;
        margin-right: 0 !important;
    }

    .footer-logos-container {
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}