@charset "utf-8";
@import url("all.css");
@font-face {
    font-family: 'Nunito Sans Regular';
    src: url('../fonts/nunitosans/nunitosans-regular-webfont.woff2') format('woff2'),
         url('../fonts/nunitosans/nunitosans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* ==========================================
   EK KATERINIS - MODERN NEWS CARDS
   Joomla 6 - Exeltis / T3 Framework
   Module class: ek-news-cards
   ========================================== */

.ek-news-cards {
    --ek-blue: #174b75;
    --ek-blue-light: #287db5;
    --ek-text: #263747;
    --ek-muted: #788795;
    --ek-radius: 14px;
    padding: 20px 0 35px;
}

/* Module heading */
.ek-news-cards .module-title,
.ek-news-cards .module-header h3 {
    color: var(--ek-blue);
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 28px;
    padding-bottom: 14px;
    position: relative;
}

.ek-news-cards .module-title::after,
.ek-news-cards .module-header h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 65px;
    height: 4px;
    background: var(--ek-blue-light);
    border-radius: 5px;
}

/* Articles grid */
.ek-news-cards .articles-list,
.ek-news-cards .com-content-category-blog__items {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
}

/* Individual article card */
.ek-news-cards .article,
.ek-news-cards .mod-articles-item,
.ek-news-cards .com-content-category-blog__item {
    background: #fff;
    border: 1px solid #e9eef2;
    border-radius: var(--ek-radius);
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(25, 55, 80, 0.07);
    transition: transform .3s ease, box-shadow .3s ease;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ek-news-cards .article:hover,
.ek-news-cards .mod-articles-item:hover,
.ek-news-cards .com-content-category-blog__item:hover {
    transform: translateY(-7px);
    box-shadow: 0 14px 30px rgba(25, 55, 80, 0.14);
}

/* Article image */
.ek-news-cards .article-image,
.ek-news-cards .item-image,
.ek-news-cards .mod-articles-item img,
.ek-news-cards .com-content-category-blog__item .item-image img {
    width: 100%;
    height: 215px;
    object-fit: cover;
    display: block;
    margin: 0 !important;
    border-radius: 0 !important;
}

/* Image wrapper */
.ek-news-cards .item-image {
    overflow: hidden;
    margin: 0 !important;
}

/* Card content */
.ek-news-cards .article-content,
.ek-news-cards .mod-articles-item-content,
.ek-news-cards .com-content-category-blog__item .item-content {
    padding: 20px !important;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Date */
.ek-news-cards .article-info,
.ek-news-cards .mod-articles-item-info {
    font-size: 12px;
    color: var(--ek-muted);
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 12px;
}

/* Article title */
.ek-news-cards .article-title,
.ek-news-cards .mod-articles-item-title,
.ek-news-cards h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 13px;
}

.ek-news-cards .article-title a,
.ek-news-cards .mod-articles-item-title a,
.ek-news-cards h3 a {
    color: var(--ek-blue);
    text-decoration: none;
    transition: color .2s ease;
}

.ek-news-cards .article-title a:hover,
.ek-news-cards .mod-articles-item-title a:hover,
.ek-news-cards h3 a:hover {
    color: var(--ek-blue-light);
}

/* Intro text */
.ek-news-cards .article-intro,
.ek-news-cards .mod-articles-item-intro,
.ek-news-cards .item-content p {
    font-size: 14px;
    line-height: 1.7;
    color: #657483;
    margin-bottom: 18px;
}

/* Read more */
.ek-news-cards .readmore,
.ek-news-cards .mod-articles-item-readmore {
    margin-top: auto;
}

.ek-news-cards .readmore a,
.ek-news-cards .mod-articles-item-readmore a {
    display: inline-block;
    color: var(--ek-blue-light);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    padding: 8px 0;
}

.ek-news-cards .readmore a::after,
.ek-news-cards .mod-articles-item-readmore a::after {
    content: " →";
    transition: margin-left .2s ease;
}

.ek-news-cards .readmore a:hover::after,
.ek-news-cards .mod-articles-item-readmore a:hover::after {
    margin-left: 6px;
}

/* Responsive tablet */
@media (max-width: 991px) {
    .ek-news-cards .articles-list,
    .ek-news-cards .com-content-category-blog__items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Responsive mobile */
@media (max-width: 600px) {
    .ek-news-cards .articles-list,
    .ek-news-cards .com-content-category-blog__items {
        grid-template-columns: 1fr;
    }

    .ek-news-cards .article-image,
    .ek-news-cards .item-image,
    .ek-news-cards .mod-articles-item img {
        height: 220px;
    }

    .ek-news-cards .module-title,
    .ek-news-cards .module-header h3 {
        font-size: 25px;
    }
}


/* ==========================================
   EK KATERINIS - NEWS CARDS IMPROVEMENTS
   ========================================== */

/* 1. Remove bullets */
.ek-news-cards ul,
.ek-news-cards li,
.ek-news-cards .articles-list {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.ek-news-cards li::before,
.ek-news-cards li::marker {
    content: none !important;
    display: none !important;
}

/* 2. More impressive article titles */
.ek-news-cards .article-title,
.ek-news-cards .mod-articles-item-title,
.ek-news-cards h3 {
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.35px;
    margin: 5px 0 14px !important;
}

.ek-news-cards .article-title a,
.ek-news-cards .mod-articles-item-title a,
.ek-news-cards h3 a {
    color: #153f65 !important;
    text-decoration: none !important;
    transition: color .25s ease;
}

.ek-news-cards .article-title a:hover,
.ek-news-cards .mod-articles-item-title a:hover,
.ek-news-cards h3 a:hover {
    color: #258ac5 !important;
}

/* 3. Article summary */
.ek-news-cards .article-intro,
.ek-news-cards .mod-articles-item-intro,
.ek-news-cards .item-content p,
.ek-news-cards .introtext {
    display: block !important;
    color: #687887 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    margin: 0 0 18px !important;
}

/* 4. Beautiful Read More button */
.ek-news-cards .readmore a,
.ek-news-cards .mod-articles-item-readmore a,
.ek-news-cards a.readmore {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: #174b75 !important;
    color: #fff !important;
    padding: 10px 19px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 1px solid #174b75 !important;
    transition: all .25s ease !important;
}

.ek-news-cards .readmore a:hover,
.ek-news-cards .mod-articles-item-readmore a:hover,
.ek-news-cards a.readmore:hover {
    background: #287db5 !important;
    border-color: #287db5 !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 13px rgba(23,75,117,.22);
}

.ek-news-cards .readmore a::after,
.ek-news-cards .mod-articles-item-readmore a::after {
    content: "→";
    font-size: 17px;
    line-height: 1;
    margin-left: 3px;
}

/* 5. Better card spacing */
.ek-news-cards .article-content,
.ek-news-cards .mod-articles-item-content,
.ek-news-cards .item-content {
    padding: 21px !important;
}

/* 6. Date badge */
.ek-news-cards .article-info,
.ek-news-cards .mod-articles-item-info {
    display: inline-block;
    color: #287db5 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .7px;
    margin-bottom: 10px !important;
}

/* 7. Consistent card height */
.ek-news-cards .article,
.ek-news-cards .mod-articles-item,
.ek-news-cards .com-content-category-blog__item {
    height: 100%;
}


.logo-image img, .logo img, .navbar-brand img {
    max-height: 60px !important;
    width: auto !important;
}
/* ==========================================================================
   ΕΠΑΝΑΦΟΡΑ ΣΤΑΘΕΡΗΣ ΚΑΙ ΟΜΟΡΦΗΣ ΕΜΦΑΝΙΣΗΣ
   ========================================================================== */

/* 1. Μορφοποίηση Τίτλου: Μικρός, Bold (Έντονος) και κομψός */
.article-title, 
.article-title a,
h2.article-title,
h4.article-title {
    font-size: 16px !important;       
    font-weight: 700 !important;      
    line-height: 1.4 !important;
    color: #1e293b !important;        
    text-decoration: none !important;
    margin: 5px 0 12px 0 !important;
    padding: 0 !important;
    text-transform: none !important;  
}

/* 2. Κλείδωμα Φωτογραφίας Intro σε σταθερό ομοιόμορφο μέγεθος */
.item-image,
.intro-image,
.latestnews-img,
div[class*="-img"] {
    width: 100% !important;
    height: 180px !important;         /* Σταθερό κομψό ύψος */
    max-height: 180px !important;
    min-height: 180px !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

/* Εξαναγκασμός της ίδιας της εικόνας να γεμίσει σωστά το κάδρο */
.item-image img,
.intro-image img,
div[class*="-img"] img,
article img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;     
    display: block !important;
}

/* 3. Δημιουργία Διακριτικού Πλαισίου με Απαλή Σκίαση (Cards) */
.com-content-category-blog__item article,
.blog-item article,
div[itemprop="blogPost"],
.latestnews li,
div[class*="mod_articles"] article,
.items-row > div {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;      
    border-radius: 8px !important;              
    padding: 18px !important;                   
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important; 
    box-sizing: border-box !important;
}

/* ==========================================================================
   ΕΞΑΝΑΓΚΑΣΜΟΣ ΑΛΛΑΓΗΣ ΓΡΑΜΜΗΣ ΑΝΑ 3 ΑΡΘΡΑ (ΓΙΑ ΤΟ LAYOUT ΤΟΥ EXLTIS)
   ========================================================================== */

/* Αναγκάζει το 4ο, 7ο, 10ο κλπ. άρθρο να καθίσει σε νέα σειρά σωστά */
.blog .com-content-category-blog__item:nth-child(3n+1),
.blog .items-row > div:nth-child(3n+1),
.blog div[itemprop="blogPost"]:nth-child(3n+1) {
    clear: both !important;
}

/* ==========================================================================
   BULLETPROOF DESIGN ΕΠΙΚΟΙΝΩΝΙΑΣ ΑΠΟΛΥΤΗ ΑΝΤΙΓΡΑΦΗ ΕΙΚΟΝΑΣ
   ========================================================================== */

/* Κεντρικό πλέγμα 2 στηλών */
.custom-contact-container {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 40px auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    font-family: Arial, sans-serif !important;
    box-sizing: border-box !important;
}

/* Αριστερή Κάρτα: Στοιχεία */
.custom-contact-sidebar {
    flex: 0 0 31% !important;
    max-width: 31% !important;
    width: 31% !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 3px !important;
    padding: 30px 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

/* Δεξιά Κάρτα: Φόρμα */
.custom-contact-form-holder {
    flex: 0 0 66% !important;
    max-width: 66% !important;
    width: 66% !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 3px !important;
    padding: 35px 40px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

/* Info Blocks (Αριστερά) */
.custom-contact-sidebar .info-block {
    margin-bottom: 25px !important;
}
.custom-contact-sidebar .info-block:last-child {
    margin-bottom: 0 !important;
}

/* Τίτλοι με Κόκκινα Εικονίδια */
.custom-contact-sidebar h3 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin: 0 0 8px 0 !important;
    display: flex !important;
    align-items: center !important;
}
.custom-contact-sidebar h3 i {
    color: #ff4a3b !important; /* Το ακριβές κόκκινο της εικόνας */
    margin-right: 10px !important;
    font-size: 16px !important;
    width: 20px !important;
    text-align: center !important;
}

/* Κείμενα στοιχείων */
.custom-contact-sidebar p {
    font-size: 14px !important;
    color: #555555 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding-left: 30px !important;
}

/* Δομή Φόρμας (Δεξιά) */
.required-field-notice {
    font-size: 12px !important;
    color: #a0a0a0 !important;
    margin: 0 0 20px 0 !important;
}

.custom-form-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 18px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.custom-form-group.alignment-top {
    align-items: flex-start !important;
}

/* Labels αριστερά */
.custom-form-group label {
    flex: 0 0 15% !important;
    max-width: 15% !important;
    width: 15% !important;
    font-size: 14px !important;
    color: #444444 !important;
    margin: 0 !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* Inputs δεξιά */
.custom-form-group .input-container {
    flex: 0 0 85% !important;
    max-width: 85% !important;
    width: 85% !important;
    box-sizing: border-box !important;
}

.custom-form-group input,
.custom-form-group textarea {
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 0px !important; /* Εντελώς τετράγωνα όπως στην εικόνα */
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.custom-form-group textarea {
    height: 140px !important;
    resize: vertical !important;
}

.custom-form-group input:focus,
.custom-form-group textarea:focus {
    border-color: #ff4a3b !important;
    outline: none !important;
}

/* Ευθυγράμμιση και σχεδιασμός Κουμπιού */
.custom-form-group.button-row .label-spacer {
    flex: 0 0 15% !important;
    max-width: 15% !important;
    width: 15% !important;
}

.custom-submit-btn {
    background: #ff4a3b !important; /* Κόκκινο κουμπί */
    color: #ffffff !important;
    border: none !important;
    border-radius: 2px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    cursor: pointer !important;
}

.custom-submit-btn:hover {
    background: #e03426 !important;
}

/* Responsive για κινητά */
@media (max-width: 767px) {
    .custom-contact-sidebar, .custom-contact-form-holder {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 25px !important;
    }
    .custom-form-group {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .custom-form-group label, .custom-form-group .input-container, .custom-form-group.button-row .label-spacer {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

@font-face {
    font-family: 'Nunito Sans Bold';
    src: url('../fonts/nunitosans/nunitosans-bold-webfont.woff2') format('woff2'),
         url('../fonts/nunitosans/nunitosans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Poppins Regular';
    src: url('../fonts/poppins/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Poppins Bold';
    src: url('../fonts/poppins/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.fa {
	font-family: "FontAwesome"!important; font-weight:400!important;
}

[class^="icon-"], [class*=" icon-"] ,
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'FontAwesome'!important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-user::before {
  content: "\f007";
}
.icon-folder:before {
  content: "\f07b";
}
.icon-calendar:before {
  content: "\f073";
}
.bfCalendar [class^="icon-"]:before, .bfCalendar [class*=" icon-"]:before {  font-family: 'simple-line-icons';}

/* Preloader */
#preloader {position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999; }
.box {
  margin: auto;
  width:128px;
  height:128px;
  position: relative;
  top:40%;
  background:url(../images/gear.gif)
}
#loader {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  top: 50%;
  width: 90px;
}
#loader ul {
  margin: 0;
  list-style: none;
  width: 90px;
  position: relative;
  padding: 0;
  height: 10px;
}
#loader ul li {
  position: absolute;
  width: 2px;
  height: 0;
  background-color: #000;
  bottom: 0;
}
@keyframes sequence1 {
  0% {
    height: 10px;
  }
  50% {
    height: 50px;
  }
  100% {
    height: 10px;
  }
}
@keyframes sequence2 {
  0% {
    height: 20px;
  }
  50% {
    height: 65px;
  }
  100% {
    height: 20px;
  }
}
#loader li:nth-child(1) {
  left: 0;
  animation: sequence1 1s ease infinite 0;
}
#loader li:nth-child(2) {
  left: 15px;
  animation: sequence2 1s ease infinite 0.1s;
}
#loader li:nth-child(3) {
  left: 30px;
  animation: sequence1 1s ease-in-out infinite 0.2s;
}
#loader li:nth-child(4) {
  left: 45px;
  animation: sequence2 1s ease-in infinite 0.3s;
}
#loader li:nth-child(5) {
  left: 60px;
  animation: sequence1 1s ease-in-out infinite 0.4s;
}
#loader li:nth-child(6) {
  left: 75px;
  animation: sequence2 1s ease infinite 0.5s;
}


 /********************/
@keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
@-moz-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
@-webkit-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
@-o-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
/* Ripple Out animation */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
/* fadein2 */
@keyframes fadein2 {
    from {
        opacity:0;
		top:-30%; 
    }
    to {
        opacity:0.7;
		top:0%;
    }
}
@-moz-keyframes fadein2 { /* Firefox */
     from {
        opacity:0;
		top:-30%; 
    }
    to {
        opacity:0.7;
		top:0%;
    }
}
@-webkit-keyframes fadein2 { /* Safari and Chrome */
    from {
        opacity:0;
		top:-30%; 
    }
    to {
        opacity:0.7;
		top:0%;
    }
}
@-o-keyframes fadein2 { /* Opera */
    from {
        opacity:0;
		top:-30%; 
    }
    to {
        opacity:0.7;
		top:0%;
    }
}

/* fadein3 */
@keyframes fadein3 {
    from {
        opacity:0;
		bottom:-30%; 
    }
    to {
        opacity:0.7;
		bottom:0%;
    }
}
@-moz-keyframes fadein3 { /* Firefox */
     from {
        opacity:0;
		bottom:-30%; 
    }
    to {
        opacity:0.7;
		bottom:0%;
    }
}
@-webkit-keyframes fadein3 { /* Safari and Chrome */
    from {
        opacity:0;
		bottom:-30%; 
    }
    to {
        opacity:0.7;
		bottom:0%;
    }
}
@-o-keyframes fadein3 { /* Opera */
    from {
        opacity:0;
		bottom:-30%; 
    }
    to {
        opacity:0.7;
		bottom:0%;
    }
}

@keyframes fadein4{from{opacity:0;left:0%}to{opacity:1;left:100%;}}
@-moz-keyframes fadein4{from{opacity:0;left:0%}to{opacity:1;left:100%;}}
@-webkit-keyframes fadein4{from{opacity:0;left:0%}to{opacity:1;left:100%;}}
@-o-keyframes fadein4{from{opacity:0;left:0%}to{opacity:1;left:100%;}}

.slider .t3-module{ margin-bottom:0px;}
.tp-bgimg.defaultimg{ position:relative; z-index:1}
.tp-bgimg.defaultimg::after {/*background: url(../images/dots-overlay.png);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 39;content:"";z-index:3;*/}
.slider .n2-ss-slide-background::after{position:absolute;width:100%;height:100%;content:"";opacity:0.7;top:0;left:0;display:block!important;z-index:5}
.t3-wrapper{background: none}
.tp-caption.medium_text_exeltis, .medium_text_exeltis,.tp-caption.mediumwhitebg_exeltis, .mediumwhitebg_exeltis{font-family: 'Poppins Regular'!important;}
body.boxed #background-shadow { margin-top:40px; margin-bottom:40px;}
.background-imagecoverper{ padding-top:35px; background-image:url(../images/fixedbgimage.jpg)!important;background-repeat: no-repeat;background-size: cover;height: 100%;left: 0;overflow: hidden;position: fixed;top: 0;width: 100%;
z-index: 0;}
.background-patternwrapper{padding-top:35px; background-repeat:repeat;height: 100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index: 0;}
.background-coloroverlay{padding-top:35px; background-repeat:repeat;height: 100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index: 0;}
#background-shadow .margincorrect {margin-right: -15px;	margin-left: -15px;}
#background-shadow {box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);-webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);-moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);position: relative;z-index: 1;}
a:link, a:visited, a strong{text-decoration: none;transition: all 0.2s  linear 0s;}
a:hover{transition: all 0.2s linear 0s; outline:none;}
a:focus{outline:none;}
#t3-content .item-page img ,#t3-content img,.t3-sidebar img ,img{max-width: 100%!important;}
.btn{ padding-top:5px; padding-bottom:5px;}
.btn,.btn-primary,.btn-secondary,button,.pagenav li > a{border-radius:0px;transition: all 0.2s  linear 0s;}
.left.item-image {float: left;}
.right.item-image {float:right;}

.left.item-image img {margin-right: 30px;margin-bottom: 30px;}
.right.item-image img {margin-left: 30px;margin-bottom: 30px;}
h3.module-title{line-height:1.4;position: relative; overflow:hidden;}

.t3-module.module-bordered{padding:15px; border-radius:3px;}
h3.module-title::after {/*position: relative;left: 15px;content: "";display: inline-block;width: 200%;height: 0.75em;margin: 0 -200% 0 0;*/}
h3.module-title span {position: relative;z-index: 2;line-height: 1.4;display: inline-block;}
h3.module-title span::after {/*position: relative;left:15px; bottom:0;content: "";display: inline-block;width:75px;height:1px;margin: 0;*/}
h3.module-title.bicolor span::after{}
h3.border-centered,h3.centered{line-height:1.2;text-align:center;}
h3.border-centered,h3.border-centered span {z-index:1;position: relative; padding-bottom:30px;}
h3.border-centered span {z-index:1;position: relative; padding-bottom:30px;}
h3.border-centered span::after{ content:""; position:absolute;width:40%; height:100%; bottom:0; left:30%;}
h3.module-title.titlecard{background:none;}
h3.module-title.titlecard::before,h3.module-title.titlecard::after,.module-title.titlecard span::after{ display:none;}
h3.module-title.titlecard span{ margin-left:0; padding:4px 10px; }
.t3-sidebar  h3.module-title.titlecard span{padding-left:10px; }
.t3-sidebar h3.module-title span {position: relative;z-index: 2;padding-left:0px;margin-left:0px;}
.t3-sidebar h3.module-title span::after {right: -50px;width: 50px;}
.t3-sidebar h3.module-title::after {right:0px;}
.t3-sidebar .jt-cs.exeltis .jt-inner .jt-title,.t3-sidebar .jt-cs .jt-introtext{margin-bottom:0px;}


.module-title.titlecard span { position:relative; z-index: 0;}
.logo-text .site-name-wtcorp,.logo-text .site-name-wtcorp a{font-weight:normal; font-size:36px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox{box-shadow:none;transition: all 0.2s  linear 0s; max-width:100%; filter: none; height:32px;border-radius:0px;}
input {filter:none;}
.header-right{}
.mainnav-con{}
.divider-vertical {border-top:0;}
.box-shadow{-webkit-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);}
.mod-preview {z-index:9;position: relative;}
.module_menu .nav > li > a, .module_menu .nav > li > .separator,.module_menu .nav > li > span {padding:6px 5px 6px 0px;display: block; margin-top:0;}
.module_menu .nav > li > a::after, .module_menu .nav > li > .separator::after,.module_menu .nav > li > span::after{ content:''; position:absolute; width:100%; height:1px; bottom:1px; left:0;} 
.module_menu .nav > li > a::before, .module_menu .nav > li > .separator::before,.module_menu .nav > li > span::before{ content:''; position:absolute; width:100%; height:1px; bottom:0px; left:0;} 
.module_menu .nav > li{ margin-top:0;}
.module_menu .nav > li.active > a, .module_menu .nav > li.active > .separator,.module_menu .nav > li.active > span { background:none;}
.module_menu .nav > li::before {}
.search-icon::after {display:none;}
.search .btn.btn-primary{ vertical-align: top; margin-left:10px;border-radius:0px;}
.search input{ display:inline-block; padding-left:10px;}

.mainnav-right[class*=' col-']{ padding-left:0px; padding-right:0px;}
.mainnav-right .search{ margin-top:4px;}
.mainnav-right{display: flex;align-items: center;height: 55px;justify-content:flex-end;}
.mainnav-right .searchwrap{}
.mainnav-right .searchwrap input{transition: all 0.2s linear 0s;min-width:220px; border-radius:3px; font-size:13px}
.mainnav-right .searchwrap input:focus{min-width:235px;transition: all 0.2s linear 0s;}
.mainnav-right .searchwrap  svg.s-input-icon{ width:23px; height:23px;transition: all 0.2s linear 0s; margin-left:10px;}
.mainnav-right .searchwrap svg.s-input-icon:hover {transition: all 0.2s linear 0s;}
.mainnav-right .search-icon{ position:relative;display: flex;align-items: center;margin-left:10px;}

.t3-sidebar .search-icon svg{ display:none}
.t3-sidebar .search .search-icon input.inputbox{ width:250px}
.t3-sidebar .search .btn.btn-primary { padding-top:5px;padding-bottom:5px;}

blockquote::before {content: '\f10d';font-family: FontAwesome;font-size: 35px;position: absolute;left: 20px;top: 20px;font-style: normal;}
blockquote {padding: 16px 20px 16px 80px;font-size: 18px;font-style: italic;margin: 40px 0;line-height: 30px;position: relative;clear: both;}
.content-icons-outer{line-height: 0;}
ul.content-icons.pull-right {margin-bottom:0;}
.content-icons.pull-right li {display:inline-block; list-style:none;}
.content-icons.pull-right li{margin-right:10px;}
.tags{ margin-bottom:10px;}
.tags .label-info {background-color:transparent;  margin-right:4px; font-weight:normal; letter-spacing:0.3px; line-height:1; padding-top:5px;}
.article-aside {line-height:0;}
.article-info {line-height: 0; }
.article-info dd{line-height:1;}
.t3-sidebar .nav-pills > li > a,.nav-pills > li > a,.nav li > a{}
.off-canvas{ position:relative;}
.off-canvas-toggle {position: absolute; top:0px;left:0; height:40px; border:0;width:44px;}
.t3-off-canvas .module_menu .nav > li > a::after,.t3-off-canvas .module_menu .nav > li > .separator::after,.t3-off-canvas .module_menu .nav > li > span::after,.t3-off-canvas .module_menu .nav > li > a::before,.t3-off-canvas .module_menu .nav > li > .separator::before,.t3-off-canvas .module_menu .nav > li > span::before{display:none}
body.boxed .off-canvas-toggle,body.boxed .off-canvas-toggle:focus {}
.home-2 .btn-primary.off-canvas-toggle{ height:41px; line-height:41px;}
.home-2 .off-canvas-toggle span.bar-first {top: 14px;}
.home-2 .off-canvas-toggle span.bar-mid {top: 20px;}
.home-2 .off-canvas-toggle span.bar-last {top:26px;}
.home-2 .off-canvas-open .off-canvas-toggle span.bar-first {top:18px;}
.home-2 .off-canvas-open .off-canvas-toggle span.bar-last {top: 18px;}


.t3-sidebar.t3-sidebar-right[class*=' col-'],.t3-sidebar.t3-sidebar-left[class*=' col-']{}
.t3-sidebar.t3-sidebar-right .module-title,.t3-sidebar.t3-sidebar-left .module-title {}
.t3-sidebar.t3-sidebar-right .module-title{}
.t3-sidebar-1 h3.module-title,.t3-sidebar-2 h3.module-title{}


.t3-module .module-ct{}
.t3-module.module-noborder .module-ct{border:0; padding:0; margin-top:0;}
.t3-module.module-noborder { margin-bottom:0;}
.t3-module .module-ct{}
.t3-sidebar .t3-module .module-ct{}
.t3-module.module.-nopadding .module-ct{ padding:0 0 0px 0;}
.t3-sidebar .module-ct {}
.t3-sidebar.t3-sidebar-left .t3-module{}
.t3-content{}
.tagspopular ul > li {margin:0 6px 10px 0px;}
.tagspopular ul > li > a {display: block;padding:3px 10px; border-radius:0px;}
.dropdown-menu {border-radius: 0px;}
#sb-body, #sb-loading {background-color: #fff!important;}
img.hikashop_child_image {height: 100px;}
.hikashop_small_image_div{ margin-top:20px;}
.hikashop_products_listing.exeltis a.hikacart, .hika_j2 .btn-success, .hikabtn-success{ margin-top:20px;}
.btn.jmodedit ,.btn.jmodedit i{}
.icon-edit:before { width:100%;}
a.btn.jmodedit span.icon-edit::before { content:"Edit \f044"; 
font-family: 'Nunito Sans Regular',FontAwesome !important; line-height:1;  padding:5px 5px 5px 5px; border-radius:3px; text-align:center;}
/*
	=======================================
		PROGRESSBAR - SCROLLING 
	=======================================
*/
.scroll-progress-bar {position: fixed;z-index: 9999;height: 5px;top: 0;left:0;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}
/*
	=======================================
		TOPBAR 
	=======================================
*/
.topbar {font-family: 'Nunito Sans Bold';min-height:40px;position:relative;z-index:102; font-size:14px;}
.topbar .row{display:flex;align-items:center }
.topbar .container{ background:none; padding-top:0px; }
.topbar-left-inner [class*=' col-']{ padding-left:0;}
.topbar-right[class*=' col-']{ padding-right:0;padding-left:0;}
.topbar-right-inner i{ background:none;}
.topbar-middle-inner  {padding-right:10px; }
.topbar-right-inner { float:right;}

.topbar ul.menu li,.topbar li{display:inline;float:left; margin:0;}
.topbar ul.menu li a,.topbar li a,.topbar ul.menu li > .separator, .topbar ul.menu li > span { font-family: 'Nunito Sans Bold';  padding:0px 30px 0px 0px; cursor:pointer}
.topbar p,.top-login { margin:0px;}
.topbar i,.topbar .fa{margin-right:5px;font-size:14px;line-height:1;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); text-align:center}
.topbar-middle i,.topbar-middle .fa{margin-right:10px;}
.topbar ul.menu li a:hover,.topbar li a:hover ,.topbar a:hover{background:none;background-color:transparent;transition: all 0.2s  linear 0s;}
.topbar ul.menu li.active a,.topbar li.active a { background:none}
.topbar ul.dropdown-menu{ margin-top:0;border-radius: 0px;padding: 0px;border: 0;}
.topbar ul.dropdown-menu li {float: none; margin:0;}
.topbar ul.dropdown-menu li a{padding: 9px 15px 9px 15px;}
.topbar ul.dropdown-menu li a:hover {padding: 9px 15px 9px 20px;}
.topbar .nav  li,.topbar .nav  li a,.topbar .nav  li:hover,.topbar .nav  li a:hover{background:none!important;background-color:transparent!important;}
.social-top p{text-align:right;}
.topbar .search{ float:right;}
.topbar .search input{border-radius:0px; padding:5px 5px 5px 30px; height:24px; font-size:11px; min-width:180px;transition: all 0.2s linear 0s; display:inline-block;}
.topbar .search input:focus {min-width:195px;transition: all 0.2s linear 0s;}
.topbar .btn {padding:3px 8px;font-size: 11px;line-height: 1.42857143;}
.topbar,.topbar ul.menu li a, .topbar li a, .topbar ul.menu li > .separator, .topbar ul.menu li > span,.topbar-right{transition: all 0.2s linear 0s;}
.topbar ul{ margin:0; padding:0}
.topbar-right .mod-languages.exeltis a.btn.dropdown-toggle{ padding:11px; border-radius:0px;}
div.mod-languages.exeltis img{ margin-right:5px;}
div.mod-languages.exeltis .btn .caret {margin-left:3px;}
div.mod-languages.exeltis ul.lang-inline li{ width:100%;}

#btl .btl-panel.exeltis > #btl-panel-profile {background: url(../images/btl-panel-bg.png) top right no-repeat;padding-right: 30px;}

#btl .btl-panel.exeltis > span,.btl-panel.exeltis button.btl-buttonsubmit,.btl-panel.exeltis input.btl-buttonsubmit{background-color:transparent!important;text-transform:uppercase; color:#fff; font-size:14px;  font-weight:300;line-height:1; margin:0; border-radius:0px;padding:0 10px; height:auto; transition: all 0.2s linear 0s;}
.btl-content-block.exeltis{ border-radius:0px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.btl-content-block.exeltis input.btl-buttonsubmit,.btl-content-block.exeltis  button.btl-buttonsubmit{  border-radius:0px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;text-transform:uppercase; color:#fff; font-weight:300;line-height:1; margin:0;min-width:75px; float: right;}
#btl-content-login ul li{ float:left; display:inline; margin-right:20px;}
#bt_ul.exeltis{ float:left; padding-left:20px;padding-top:15px; margin:0px 0 10px 0!important;}
#btl-content #btl-content-login.btl-content-block.exeltis .btl-label,#btl-content-registration.btl-content-block.exeltis .btl-label {color: #ddd;text-transform: uppercase;}
#bt_ul.exeltis li a:hover{ text-decoration:none!important}
#btl-content-registration.btl-content-block.exeltis{min-width: 390px;}
#btl-content-registration .btl-buttonsubmit.exeltis {margin-right: 15px !important;margin-bottom: 10px;}
#btl-content-login .btl-content-block.exeltis.btl-content-block.exeltis .btl-input input,.btl-content-block.exeltis .btl-input > input[type="text"],.btl-content-block.exeltis .btl-input > input[type="password"],.btl-content-block.exeltis #recaptcha > input{float: left;padding: 1px 5px;margin-bottom: 10px;font-size: 12px;background: #1f2124; background: -moz-linear-gradient(#1f2124, #27292c);background: -ms-linear-gradient(#1f2124, #27292c);background: -o-linear-gradient(#1f2124, #27292c);background: -webkit-gradient(linear, 0 0, 0 100%, from(#1f2124), to(#27292c));background: -webkit-linear-gradient(#1f2124, #27292c);background: linear-gradient(#1f2124, #27292c);    border: 1px solid #000;box-shadow:0 1px 0 rgba(255,255,255,0.1);border-radius:0px;color:rgba(255,255,255,0.5);transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;}

#btl-content-login input[type=text]:hover,
#btl-content-login input[type=password]:hover,
#btl-content-login label:hover ~ input[type=text],
#btl-content-login label:hover ~ input[type=password], #btl-content-registration .btl-input > input[type="text"]:hover,#btl-content-registration .btl-input > input[type="password"]:hover,#btl-content-registration #recaptcha > input:hover{background: #27292c;}

#btl-content-login:after {content: "";height: 1px;width: 33%;position: absolute;left:1%;top: 0;background: -moz-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -ms-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -o-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), color-stop(0.25, #444), color-stop(0.5, #b6b6b8), color-stop(0.75, #444), to(transparent));background: -webkit-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);}

#btl-content-login:before {content: "";width: 8px;height: 5px;position: absolute;left:16%;top: -7px;border-radius: 50%;box-shadow: 0 0 6px 4px #fff;}
#btl-content-login{font-weight: 400;width: 100%;position: relative;padding: 10px;overflow: hidden;border-radius:6px;}
#register-link.exeltis{ padding:4px 0;}
#register-link.exeltis::before{content:"";width:250px;height:100px;position:absolute;top:45px;left:0px;-webkit-transform: rotate(75deg);-moz-transform: rotate(75deg);-ms-transform: rotate(75deg);-o-transform: rotate(75deg);transform: rotate(75deg);background: -moz-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -ms-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -o-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -webkit-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));pointer-events:none;}
#btl-content div.btl-buttonsubmit.exeltis,div.btl-buttonsubmit.exeltis{ border-top:0; margin:5px 0 0 0; float:right; width:50%;}
#btl-input-remember.btl-input.exeltis{ float:left!important; width:50%;}

#btl-content-registration::after {content: "";height: 1px;width: 33%;position: absolute;left:1%;top: 0;background: -moz-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -ms-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -o-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), color-stop(0.25, #444), color-stop(0.5, #b6b6b8), color-stop(0.75, #444), to(transparent));background: -webkit-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);}

#btl-content-registration::before {content: "";width: 8px;height: 5px;position: absolute;left:16%;top: -7px;border-radius: 50%;box-shadow: 0 0 6px 4px #fff;}
#btl-content-registration {font-weight: 400;position: relative;padding: 10px;overflow: hidden;border-radius:6px;box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6);}
#register-link a{ color:#ddd; transition: all 0.3s linear 0s;}
.btl-note.exeltis::before{content:"";width:550px;height:100px;position:absolute;top:45px;left:-150px;-webkit-transform: rotate(75deg);-moz-transform: rotate(75deg);-ms-transform: rotate(75deg);-o-transform: rotate(75deg);transform: rotate(75deg);background: -moz-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -ms-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -o-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -webkit-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));pointer-events:none;}
.btl-note.exeltis{ padding:5px 0;}
#btl-content #btl-content-profile::after {content: "";height: 1px;width: 33%;position: absolute;left:16%;top: 0;background: -moz-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -ms-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -o-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), color-stop(0.25, #444), color-stop(0.5, #b6b6b8), color-stop(0.75, #444), to(transparent));background: -webkit-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);}

#btl-content #btl-content-profile::before {content: "";width: 8px;height: 5px;position: absolute;left:30%;top: -7px;border-radius: 50%;box-shadow: 0 0 6px 4px #fff;}
#btl-content #btl-content-profile {font-weight: 400;position: relative;padding: 10px;overflow: hidden;background: #111; border-radius:0px;border: 1px solid #191919;box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6);
}
   
#btl-content-profile.btl-content-block.exeltis ul.menu li{border-bottom: 1px solid #000;box-shadow:0 1px 0 rgba(255,255,255,0.1);}
#module-in-profile.exeltis h3{border-radius:0px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;text-transform:uppercase; color:#fff; font-size:14px;  font-weight:300;background:#000!important;border: 1px solid rgba(0,0,0,0.9); box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), inset 0 10px 10px rgba(255,255,255,0.1);}
#module-in-profile.exeltis h3::before{content:"";width:250px;height:100px;position:absolute;top:45px;left:0px;-webkit-transform: rotate(75deg);-moz-transform: rotate(75deg);-ms-transform: rotate(75deg);-o-transform: rotate(75deg);transform: rotate(75deg);background: -moz-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -ms-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -o-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -webkit-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));pointer-events:none;}
 #btl-content-profile div.btl-buttonsubmit.exeltis{ padding-top:15px!important;}
 #btl .btl-panel > span{box-shadow:none!important;}
/*
	=======================================
		NAVBAR
	=======================================
*/
/******Megamenu no animation styling*******/
#t3-mainnav .nav-bg-overlay{position:absolute; left:0; bottom:0; width:100%; height:51px;}
#t3-header.affix .nav-bg-overlay{position:absolute; left:0; top:0; width:100%; height:55px;line-height:55px;}
#t3-header.affix .container {}
#t3-header.affix.navbar-default .navbar-nav > li > a,#t3-header.affix.navbar-default .navbar-nav li > .separator,#t3-header.affix.navbar-default .navbar-nav li > span,#t3-header.affix.navbar-default .navbar-nav > li > .nav-header{line-height:55px;}
#t3-header.affix .dropdown-menu {margin-top: -4px;}
#t3-mainnav .container{}
#t3-mainnav ul{ padding-left:0;}
.mainnav-inner.pull-right{}

#t3-mainnav li{ list-style:none;display:block;background-repeat: no-repeat; background-position: right bottom}
#t3-mainnav .t3-navbar-collapse li,#t3-mainnav .t3-navbar-collapse li span{background-image:none;}
#t3-mainnav.navbar-default li::after {/*opacity:0;width:0%; height:100%;content:"";position: absolute;top:0px; z-index:1;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;*/}
#t3-mainnav.navbar-default li:hover::after {opacity:1;width:100%;-webkit-transform: scaleY(1);transform: scaleY(1);}
#t3-mainnav.navbar-default .navbar-nav > li > a,#t3-mainnav.navbar-default .navbar-nav li > .separator,#t3-mainnav.navbar-default .navbar-nav li > span,#t3-mainnav.navbar-default .navbar-nav > li > .nav-header{padding:10px 10px 10px 10px;transition: all 0.2s  linear 0s; line-height:55px;z-index:2;}
#t3-mainnav .dropdown-menu span,#t3-mainnav .dropdown-menu span.separator,#t3-mainnav .dropdown li a,#t3-mainnav .dropdown-menu > li > a{line-height:1.7!important;display:block; padding:8px 15px!important;font-size:100%!important; text-transform:none}
#t3-mainnav .dropdown-menu span:hover,#t3-mainnav .dropdown li a:hover,#t3-mainnav .dropdown-menu > li > a:hover{ padding-left:20px!important;}
#t3-mainnav .dropdown-menu {min-width:205px;width:auto;padding:0; border:0;}
#t3-mainnav .dropdown-menu{ border:0; padding:0; margin-top:0px; background-color:transparent;}
#t3-mainnav .dropdown-menu  li::after{ display:none;}

#t3-header.affix #t3-mainnav.navbar-default .navbar-nav > li > a,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav li > .separator,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav li > span,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav > li > .nav-header{ }
#t3-header.affix .logo {min-height:75px;display: grid; }

.t3-mainnav .t3-navbar-collapse .nav .caret {position: absolute;right: 15px;}
.navbar-nav > li > .dropdown-menu,.dropdown-submenu > .dropdown-menu {border-radius: 0;}
#t3-mainnav.navbar {border-left:0; border-top:0; border-right:0; }
.t3-megamenu .mega > .dropdown-menu .mega-col-nav{padding-left:0; padding-right:0;}
.t3-megamenu .mega-inner {padding:0px;}

.nav .open a,.nav .open a:hover{ background-color:transparent}
.navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > .separator, .navbar-default .navbar-nav li > span {cursor: pointer;}

#t3-mainnav .dropdown-menu::before{content:"";position: absolute;left: 0;top:0px;height:4px;width:100%;z-index:999;transition:all 0.3s  linear 0s;opacity:0;width:0%;}
#t3-mainnav .open .dropdown-menu::before{transition:all 0.3s  linear 0s;opacity:1;width:100%;}
#t3-mainnav .nav-child.dropdown-menu .level1::after {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;content: "";
position: absolute;left: 30px;top: -5px;opacity:1;}

#t3-mainnav .dropdown.mega.open > .dropdown-menu::after {}

.t3-megamenu .dropdown.mega > .mega-dropdown-menu::after {}
.t3-megamenu .dropdown.mega.open > .mega-dropdown-menu::after {}

.t3-megamenu .dropdown-menu .mega-nav{margin-top:0px;}
.t3-megamenu .dropdown-menu ul.mega-nav{}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > .separator, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > .separator:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > .separator:focus{ outline:none;}
.t3-megamenu li.dropdown::before{/*content: "";position: absolute; left:0;bottom: -20px; width:100%; height:20px;opacity:0;*/}
.t3-megamenu li.dropdown:hover::before{/*opacity:1;animation:fadein4 0.5s;-moz-animation:fadein4 0.5s;-webkit-animation:fadein4 0.5s;-o-animation:fadein4 0.5s;*/}
.t3-megamenu li.dropdown::after{}
.t3-megamenu li.dropdown:hover::after{}
.mainnav-left[class*=' col-']{padding-left:0}
.t3-mainbody{ min-height:60vh;}
.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {margin-left: 3px;}
/*
	=======================================
		HEADER
	=======================================
*/
#t3-header{min-height:64px;-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1); position:relative; padding:5px 0;}
#t3-header.affix{border: 0;border-left: 0;border-right: 0;margin-bottom: 0;border-radius:0;left:0;right:0;top:0;z-index: 999; min-height:55px;animation:fadein 0.5s;-moz-animation:fadein 0.5s;-webkit-animation:fadein 0.5s;-o-animation:fadein 0.5s;	margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0;z-index: 999; position:fixed; padding:5px 0 }
.logo-image img{ max-width:100%;}
.logo {min-height:75px;display: grid; padding-top:0; padding-bottom:0; }
.logo::after {}
#t3-header.affix{}
body.fullwidth #t3-header.affix {-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}
body.fullwidth #t3-header.affix  .container{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

/*
	=======================================
		HIGHLIGHTER
	=======================================
*/
.wrap.highlighter{ min-height:41px;overflow: hidden; padding-top:15px; padding-bottom:15px;}
.highlighter-inner{margin-top:0px;overflow: hidden;} 
.gkHighlighterGK5.exeltis .gkHighlighterInterface.exeltis{background-color:transparent!important}
.gkHighlighterInterface.exeltis span.text {display: block;float: left;margin: 0 6px 0 0px;font-size:12px;font-weight:normal;text-transform: none;line-height:30px;padding:0 10px;}
.gkHighlighterInterface.exeltis div {padding-top:6px;}
.gkHighlighterInterface.exeltis div a {transition:none;display: block;float: left;height: 15px;width: 13px;margin: 2px 0 0 5px;cursor: pointer;}
.gkHighlighterItem.exeltis{min-height:28px;}
.gkHighlighterInterface.exeltis {padding: 0 7px 0 0;}
.gkHighlighterWrapper.exeltis { top:6px;}

/*
	=======================================
		TOP PICTURED MODULE - SLIDER
	=======================================
*/

.jt-cs.exeltis.jt-toppicture .jt-cat-title-text {position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:1;-webkit-transition:all .2s cubic-bezier(.645,.045,.355,1);-khtml-transition:all .2s cubic-bezier(.645,.045,.355,1);-moz-transition:all .2s cubic-bezier(.645,.045,.355,1);-ms-transition:all .2s cubic-bezier(.645,.045,.355,1);-o-transition:all .2s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.845,.045,.355,1);z-index:3;padding:15px;text-align:left;}
.featured .thumb-area a::before, .slider2 .thumb-area a::before, .gallery .thumb-area a::before, .carousel1 .thumb-area a::before, .video .thumb-area a::before, .simple .thumb-area a::before, .jt-cs.exeltis.jt-toppicture .jt-imagecover::after {content:"";background:-webkit-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:-moz-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);position:absolute;height:100%;width:100%;opacity:0.7;transition:all 0.2s  linear 0s;z-index:2;}
.jt-cs.exeltis.jt-toppicture .jt-imagecover:hover::after{opacity:0.85;transition:all 0.2s  linear 0s;}
.jt-cs.exeltis.jt-toppicture  .jt-inner {padding-left:0px;padding-right:0px;}
.jt-cs.exeltis.jt-toppicture .jt-inner .jt-title {margin-bottom:0px;display:block;}
.jt-cs.exeltis.jt-toppicture  .slide {margin-bottom:0px;margin-top:0px;clear:both;padding:5px 0;}

.jt-cs.exeltis.jt-toppicture  .bt-author,.jt-cs.exeltis.jt-toppicture  .jt-category ,.jt-cs.exeltis.jt-toppicture  .jt-date,.jt-cs.exeltis.jt-toppicture  .jt-imagecover .fa  {font-size:11px;padding:3px 7px }
.jt-cs.exeltis.jt-toppicture  .jt-date,.jt-cs.exeltis.jt-toppicture  .jt-imagecover .fa  {padding:0px }
.jt-cs.exeltis.jt-toppicture .bt-row,.subslider-1-2 {padding:5px 0;}
.subslider-1-2 [class*=' col-'] {padding-left:10px;padding-right:10px;}
.subslider-1-2 .module{margin-bottom:0px;}

.jt-cs.exeltis.jt-toppicture-2  .jt-imagecover{ position:relative}
 .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-prev{position:absolute;left:0;z-index:5;opacity:1;text-indent:0;border:0;top:45%;width:32px;height:48px;padding-left:6px;border-radius:0px 3px 3px 0px;}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-next{position:absolute;z-index:5;border:0;top:45%;right:0;width:32px;height:48px;padding-left:9px;border-radius:3px 0px 0px 3px;}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-prev .fa, .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-next .fa {font-size:24px;line-height:48px;}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .fa-chevron-left::before {position:absolute;top:0;left:5px;}
 .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .fa-chevron-right::before {position:absolute;top:0;right:5px;}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .jt-imagecover {border:0;outline:0;margin:0;}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .jt-cat-title-text {height:40%;background:rgba(0,0,0,0.45)}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2  .jt-inner .jt-category {top:30px;left:30px;position:absolute;z-index:5; color:#fff;}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .bt-author, .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .jt-category, .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .jt-date, .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .jt-imagecover .fa {font-size:13px;}
.jt-cs.exeltis.jt-toppicture-2 p.readmore {margin-top:7px;float:right;line-height:1}
.jt-cs.exeltis.jt-toppicture-2 p.readmore a.btn {line-height:1.4}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2  .jt-cat-title-text {font-size:16px}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2  h3 {font-size:20px}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-next, .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-prev{display:block;opacity:1;}
.jt-cs.exeltis.jt-toppicture.jt-toppicture-2  .jt-inner .jt-category ,.jt-cs.exeltis.jt-toppicture.jt-toppicture-2  .jt-inner .jt-category a{color:#fff;}

.jt-cs.exeltis.jt-toppicture .slide {border-bottom:0;}
.jt-cs.exeltis{padding-bottom:15PX;}
.tp-button.red.exeltis{}

.jt-cs.exeltis .owl-carousel .owl-nav .owl-next, .jt-cs.exeltis .owl-carousel .owl-nav .owl-prev,.exeltis .owl2-carousel2 .owl2-nav .owl2-next,.exeltis .owl2-carousel2 .owl2-nav .owl2-prev {width:50px;height:50px;border-radius:100%;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s; text-align:center; background:none;display:grid;place-items:center;}
.exeltis .owl2-carousel2 .owl2-nav .owl2-next:hover,.exeltis .owl2-carousel2 .owl2-nav .owl2-prev:hover {width:50px;height:50px;}
.jt-cs.exeltis  .owl-carousel .owl-nav span { line-height:1; margin:0; padding:0;}
/*
The Leading Company  Fits Your Needs
*/
h4.bordered-title{position:relative; display:inline-block; padding:5px 15px; font-weight:normal; font-family: 'Nunito Sans Regular'!important;}
h4.bordered-title::before{position: absolute; width:100%; height:100%;border-radius:25px;opacity:0.1;content:""; left:0; top:0;}
h1.leading{ font-size:48px;}
.what-we-do .fa{ padding:10px;position:relative; width:45px; height:45px; margin-right:15px;}
.what-we-do .fa::after{position: absolute; width:100%; height:100%;border-radius:100%;opacity:0.1;content:""; left:0; top:0;}
.what-we-do .fa::before{ position:absolute; text-align:center; width:25px; line-height:25px;}
.what-we-do li{ list-style:none; margin:15px 0;display: flex;align-items: center;}
.what-we-do ul{ padding:0;}
.playButton{ display:none}
.jt-carousel.exeltis .jt-carousel-img {padding: 10px;}
/*
Special Work Areas
*/
.special-work li{ list-style:none; margin:15px 0;}
.special-work .fa{margin-right:10px;}

/*
	=====================================================
		JE ORBIT SLIDER -REVOLUTION SLIDER - MAIN SLIDER
	=====================================================
*/
#slidermodul::before,.subslider_bg::before{}
#slidermodul::after,.subslider_bg::after{}
.orbit-container.exeltis h3.slide-title,.orbit-container.exeltis h3 { margin-top:0px;font-size:30px;color:#fff;}
.orbit-container.exeltis .orbit-slides-container > * .orbit-caption {font-size: 100%;background-color: rgba(0, 0, 0, 0.5);padding:15px; color:#fff;font-size:16px;}
.orbit-container.exeltis .orbit-prev, .orbit-container.exeltis .orbit-next {width:18px;height:70px;line-height:70px;}
.orbit-container.exeltis .orbit-prev > span{left:3px;border:0; width:9px; height:17px; background:url(../images/orbit-prev.png) no-repeat;}
.orbit-container.exeltis .orbit-next > span{border:0; background:url(../images/orbit-next.png) no-repeat;width:9px; height:17px;}
.orbit-container.exeltis .orbit-bullets li {background:rgba(255,255,255,0.4);width:10px;height:10px;}
.bfPageIntro h3{ margin-bottom:0px; background:none;}
.bfPageIntro h3::before,.bfPageIntro h3::after{ display:none;}
.rev_slider_wrapper{}

.subslider_bg{ position:relative; margin-top:15px;}
.subslider-2.col-sm-12.col-md-4{}
.subslider_inner.container{}
#slidermodul{ position:relative;}

ul.opening-hours.message-block  {padding-left:0;}
ul.opening-hours.message-block li {list-style: none;text-transform: capitalize;position: relative;display: inline-block;width: 100%;margin-top:10px;padding-bottom: 10px;}
.tp-caption.largeblackbg_exeltis, .largeblackbg_exeltis{min-height:215px;height:auto !important;height:215px;padding:20px;}
.tp-caption.largeblackbg_exeltis .small, .largeblackbg_exeltis .small{ font-size:70%; padding-top:10px;}
/*
	==================================================
		TOPSL - TOPSL-2
	==================================================
*/
.topsl_bg{ position:relative;}
.topsl-2_bg h3.module-title::after{ background:none;}

.topsl-2_inner.container{ position:relative; z-index:1;}
.jt-icon-box .jt-icon-box-icon {width: 30px;height: 30px;text-align: center;vertical-align: middle;font-size: 30px;line-height: 30px;margin-top: 3px;float: left;transition: all 0.3s ease-in-out;}
.jt-icon-box .jt-icon-box-icon img {max-width: 30px;max-height: 30px;}
.jt-icon-box .jt-icon-box-content { margin-left: 50px;}
.jt-icon-box-content .fa-angle-right {margin-left:7px;}
.jt-icon-box-content h3{ font-weight:600;}
a.more-info{ margin-top:10px; display:inline-block}
.topsl-2_bg h3.module-title{ color:#fff;}
.topsl-2_bg .ztTestimonial p.content-testimonial,.topsl-2_bg .name-pos{color: rgba(250, 250, 250, 1); border-bottom:0; }
.topsl-2_bg .ztTestimonial p.content-testimonial::before { display:none;}
.topsl-2_bg .ztTestimonial.exeltis .col-md-12{}
.topsl-2_bg .zt-content{width:80%;}
.topsl-2_bg .name-pos{ text-align:left;}
.ztTestimonial .tw-fb a:hover{background-color:transparent!important;box-shadow: none!important;}
.topsl-2_bg .ztTestimonial.exeltis img.avatar { max-width:80px; border:1px solid rgba(255,255,255,.5)}
.zt-module-testimonial.exeltis .glyphicon-chevron-left::before {content: "\f104"; font-family:'FontAwesome'; font-size:30px;}
.zt-module-testimonial.exeltis .glyphicon-chevron-right::before {content: "\f105";font-family:'FontAwesome'; font-size:30px;}

.topsl-2_bg .zt-module-testimonial.exeltis .carousel-indicators { width:auto; left:25%; right:25%; text-align:center;}

/*
	==================================================
		EVENTS - ICAGENDA
	==================================================
*/
.icrounded_eventlist.exeltis .ic-date-img-box,.icrounded_eventlist.exeltis,#icagenda.ic-event-view.exeltis .ic-info,#icagenda.ic-event-view.exeltis .ic-image img {}
#icagenda.ic-event-view.exeltis .ic-info {border:0; background:none; padding:0;}
#icagenda.ic-event-view .ic-event-header,#icagenda-registration.well{box-shadow:none;}
#icagenda.ic-event-view.exeltis .ic-info .ic-details{ text-align:left; margin:10px;}
.icrounded_eventlist.exeltis,.icrounded_eventlist.exeltis:nth-child(2n+1){ background:none;}
.icrounded_eventlist.exeltis .iceventlist-title {
	padding-top: 3px;
	line-height: 15px !important;
	font-size: 15px;
	font-weight: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}


#exeltis-calendar .ic_exeltis.iccalendar {
	display: block;
	margin: auto;
	padding: 3px;
	border:0;
	border-radius: 0px;
	min-width: 150px;
}
#exeltis-calendar .ic_exeltis .icnav{padding-bottom:0px; padding-top:0px;position:relative;}
#exeltis-calendar .ic_exeltis .icnav .backic, #exeltis-calendar .ic_exeltis .icnav .nextic,#exeltis-calendar  .ic_exeltis .icnav .backicY,#exeltis-calendar  .ic_exeltis .icnav .nexticY{ margin:6px 4px 0px 4px; border:0;border-radius:0px;}
#exeltis-calendar .ic_exeltis .icnav .backicY,#exeltis-calendar .ic_exeltis .icnav .backic,#exeltis-calendar .ic_exeltis .icnav .nextic,#exeltis-calendar .ic_exeltis .icnav .nexticY{ color:#fff;}
#exeltis-calendar .ic_exeltis .icnav .titleic {padding-bottom:4px; padding-top:4px;color:#fff;text-shadow: 0 1px 0 rgba(0,0,0,0.7); text-transform:uppercase;}
#exeltis-calendar .ic_exeltis .icnav::after{content: "";position: absolute; bottom:-10px; left:0; width:100%; height:14px;}
table#icagenda_calendar{ margin-top:4px;}
#exeltis-calendar .ic_exeltis.iccalendar .ic-table th { padding-bottom:5px; padding-top:5px;}
#exeltis-calendar .icagenda_header p{ display:none;}
#exeltis-calendar .ic_exeltis.iccalendar .ic-table td div{border-radius:2px;}
#exeltis-calendar .ic_exeltis.iccalendar div.style_Today{box-shadow:none; background:rgba(0,0,0,0.4);}
/*
	=======================================
		UPERSPOT MODULE
	=======================================
*/
.work-with-us-btn{ margin-top:15px;}
 .work-with-us-btn a.btn{padding-top:8px; padding-bottom:8px; font-size:110%;}
/*
	=======================================
		MAIN-TOP MODULE
	=======================================
*/
.main-top { padding:10px; margin-bottom:40px;}
.main-top h1,.main-top h2, .main-top h3,.main-top h4,.main-top h5,.main-top h6{color:#fff; margin-top:0;}
.main-top .module-title{}
.maintop-image.col-md-5,.maintop-image.col-lg-5,.maintop-image.col-sm-5{ padding-left:0; padding-right:5px} 
.maintop-text.col-md-7,.maintop-text.col-lg-7,.maintop-text.col-sm-7{padding-right:0px} 
.maintop-text{}

/*
	=======================================
		ABOUT-US HOME MODULE
	=======================================
*/
.aboutus-home-image-holder img{transition: all 0.5s linear 0s;}
.aboutus-home-image-holder img:hover {filter: grayscale(100%);transition: all 0.5s linear 0s;}
.aboutus-home-image.col-md-6,.aboutus-home-image.col-lg-6,.aboutus-home-image.col-sm-6{} 
.aboutus-home-text.col-md-6,.aboutus-home-text.col-lg-6,.aboutus-home-text.col-sm-6{} 
.aboutus-home-text .fa{ font-size:50px; line-height:1;}
.aboutus-home-icons{ display:grid;place-items:center; min-height:70px;}
.aboutus-home-text h3,.aboutus-home-banner-meta h3{ margin-top:0;}
.aboutus-home-image img{float:right;}
.aboutus-home-image {padding-left:30px;padding-top:30px;padding-right:0px;position: relative;z-index: 1;}
.aboutus-home-image::before {content: '';position: absolute;top: 0;left: 0;bottom:30px;right:30px;-webkit-box-shadow: 0 0 79px rgba(0,0,0,.45) inset;-khtml-box-shadow: 0 0 79px rgba(0,0,0,.45) inset;-moz-box-shadow: 0 0 79px rgba(0,0,0,.45) inset;-ms-box-shadow: 0 0 79px rgba(0,0,0,.45) inset;-o-box-shadow: 0 0 79px rgba(0,0,0,.45) inset;box-shadow: 0 0 79px rgba(0,0,0,.45) inset;z-index: -1;}
.aboutus-home-imageholder{ position:relative;}
.aboutus-home-banner-holder { position:absolute; right:70px; bottom:-40px; height:140px; width:70%;display: flex;flex-wrap: nowrap;padding:15px;-webkit-border-radius: 5px 5px 0 0;-khtml-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-ms-border-radius: 5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius: 5px 5px 0 0;-webkit-box-shadow: 0 8px 65px rgba(12,12,12,.19);-khtml-box-shadow: 0 8px 65px rgba(12,12,12,.19);-moz-box-shadow: 0 8px 65px rgba(12,12,12,.19);-ms-box-shadow: 0 8px 65px rgba(12,12,12,.19);-o-box-shadow: 0 8px 65px rgba(12,12,12,.19);box-shadow: 0 8px 65px rgba(12,12,12,.19);}
.aboutus-home-banner-icon img {max-width: 54px; margin-right:10px;}
.aboutus-home-text{}
/*
	=======================================
		MODULE WITH ICONS - SUBSLIDER
	=======================================
*/
.iconservices-col,.iconservices-col p{ text-align:center;}
.services-subslider span.hvr-ripple-out{ position:relative;text-align:center; width:100px; height:100px;border-radius:100%; display:block;margin: 0 auto;box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);}

.services-subslider span.hvr-ripple-out::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.iconservices-col:hover span.hvr-ripple-out::before,.iconservices-col:focus  span.hvr-ripple-out::before,.iconservices-col:active span.hvr-ripple-out::before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;border: solid 6px;border-radius: 100% !important;}
.iconservices i{ font-size:32px; }
.services-subslider i{font-size:30px;line-height:100px;}
.services-subslider h4{ margin:25px 0;}

/*
	==========================================
	OUR FEATURED PROJECTS - BT CONTENT SLIDER
	==========================================
*/


.bt-projects .jt-pretext,.bt-projects .jt-pretext p{ font-size:16px; text-align:center; margin-bottom:40px; width:90%; margin:0 auto 30px auto}
.coloredmodule-1 h3.border-centered,.coloredmodule-1 h3 {z-index:1;position: relative;}
.coloredmodule-1 h3.bicolor{ color:#fff; text-indent:15px; margin-top:15px;}
#t3-content .coloredmodule-1 .module-title{padding-top:15px;}
.bt-projects .jt-inner-bg{}
.bt-intro-title-container{padding:15px 15px 15px 20px;}
.bt-arrows.coloredmodule-1 {position: relative;margin-top:60px;}

.bt-arrows-inner{ width:150px;}
.bt-cs.bt-projects a.prev { margin-right:20px;}

/*
	=============================================
		OUR STORY - RUNNING A SUCCESSFUL BUSINESS
	=============================================
*/
.ourstory-text ul{ padding-top:20px; padding-left:0;}
.ourstory-text a.btn{margin-top:20px;}
.ourstory-text li{ list-style:none; padding-left:15px;}
.ourstory-text .fa{ margin-right:4px; }
/*
	=============================================
		COLOREDMODULE -1 //NEOFANS // COUNTER
	=============================================
*/
.wrap.coloredmodule-1{background: url(../images/coloredmodule-bg.jpg) no-repeat top center ;position:relative; background-size:cover; min-height:550px; z-index:1;}
.coloredmodule-1 .container{ background-color:transparent;}
.coloredmodule-1-overlay{position:absolute; height:100%; width:100%; z-index:2;}
.coloredmodule-1-overlay::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity:0.95; background:rgba(0,0,0,0.5) url(../images/neofans-image.png) no-repeat left bottom; z-index:3;}
.coloredmodule-1-inner{ position:relative; z-index:5;}

.zt-module-testimonial-description.exeltis{font-size: 16px; margin:0 auto 40px auto;position: relative;}
.zt-module-testimonial.ourclient img.avatar {float: right;width:80px;height:80px;border:0;padding:0px;border-radius: 50%;}
.zt-module-testimonial.ourclient p.content-testimonial {border-bottom:0;margin:0px 0px 10px 0px; padding-bottom:5px;}
.zt-module-testimonial.ourclient p.content-testimonial::before ,.ztTestimonial p.content-testimonial::after { display:none;}
.zt-module-testimonial.ourclient .image_text_container{ margin-bottom:25px;}
.zt-module-testimonial.exeltis .ztTestimonial .tw-fb a:hover{ background-color:transparent;text-decoration: none;box-shadow:none;}
.zt-module-testimonial.ourclient .ztTestimonial .name{ font-weight:bold;}
.zt-module-testimonial.ourclient p.content-testimonial .fa{font-size:16px;}
.zt-module-testimonial.ourclient p.content-testimonial .fa.fa-quote-left{ margin-right:10px;}
.zt-module-testimonial.ourclient p.content-testimonial .fa.fa-quote-right{ margin-left:10px;}
.wrap.coloredmodule-1 .zt-module-testimonial.ourclient img.avatar {float: right;width:86px;height:86px;border:2px solid rgba(255,255,255,0.4);padding:3px;border-radius: 50%;}
.coloredmodule-1 h3.module-title span{ margin-left:85px}
.coloredmodule-1 h3.module-title::after{ display:none;}
.coloredmodule-1 h3.module-title::before {position: absolute;content: "";height: 1px;top: 50%;right: auto;left:15px;width: 70px;z-index: 1;}
div.neofans {color:#fff;}
.neofans span.neofans-title{ font-style:italic; font-size:72px;  letter-spacing:0.5px;}
div.neofans .fa.fa-comments{ font-size:50px; margin-left:10px; margin-top:20px}
div.neofans  .btn-red {  letter-spacing:0.5px;}
/*
	=============================================
	MIDDLE BLOKC MODULES - BT CONTENT SLIDER
	=============================================
*/

.jtcs_item_wrapper.jt-cs.exeltis .jt-author-date {font-size:85%;}
.jt-cs.exeltis  h3 {text-transform: none;border-bottom: 0; background:none}
.jt-cs.exeltis .bt_handles li{ margin:0 2px!important}

.jt-cs.exeltis .jt-inner { padding-left:0px; padding-right:0px;}
.jt-cs.exeltis .jt-inner img {outline: none;border:0;max-width:100%!important; margin-top:0; margin-bottom:0;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;	transition: all 0.2s linear 0s;opacity: 1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);background: #000;}

.jt-cs.exeltis .jt-inner .jt-title {font-weight:400;text-transform: none;margin-bottom:5px; }
.jt-cs.exeltis .jt-inner .jt-category {font-weight:400;}
.jt-cs.exeltis p.jt-readmore { margin-top:20px; margin-bottom:0;}
.jt-cs.exeltis p.jt-readmore  a.btn,.pretext-button .btn { text-transform:uppercase;}
.jt-cs.exeltis .bt-row-separate {margin:0px 0px;}
.jt-cs.exeltis h3 {line-height:1.2;text-indent: 0px;text-transform: none;height: auto;border:0;margin: 0 !important; padding-bottom:4px;}
.jt-cs.exeltis h3 span{ }


.jt-pretext,.jt-pretext p{ font-size:18px; margin-bottom:10px; text-align:center;}
.t3-sidebar .jt-pretext{  padding-left:15px; margin:0 -10px;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}
h2.pretext_title,.jt-pretext h2,.jt-pretext h1,.jt-pretext h3{}
.pretext-title,.pretext-button{}
.pretext-button{ text-align:right}
.jt-cs.exeltis .bt-extra{ margin-bottom:5px; clear:none}
.jt-cs.exeltis .jt-author{ margin-right:15px;}
.jt-cs.exeltis .jt-date{}
.jt-cs.exeltis .modal,#jt5_headline-news_wrapper .modal{display:inline;position: relative; overflow:inherit!important}

.jt-cs.exeltis .jt-imagecover .fa, .jt-cs.exeltis.bt-projects .jt-imagecover .fa ,.jt-cs.exeltis.blog .jt-imagecover .fa {}

.jt-cs.exeltis.bt-projects .icon-lightbox.exeltis{ position: absolute; bottom:20%; right:15%; width:25%; text-align:center;opacity: 0; z-index:10;transition: all 0.7s  ease-out 0s;}
.jt-cs.exeltis.bt-projects .icon-url.exeltis{ position: absolute; top:20%; left:15%; width:25%; text-align:center;opacity: 0; z-index:11;transition: all 0.7s  ease-out 0s;}

.jt-cs.exeltis.bt-projects .jt-imagecover:hover .icon-lightbox.exeltis{opacity:0.9;transition: all 0.7s  ease-out 0s;bottom:40%; right:25%;}
.jt-cs.exeltis.bt-projects .jt-imagecover:hover .icon-url.exeltis{opacity:0.9;transition: all 0.7s  ease-out 0s;top:40%; left:25%; }

.jt-cs.exeltis .jt-imagecover {overflow: hidden;position: relative;z-index: 7;transition: all 0.7s ease-out 0s;}
.jt-cs.exeltis.bt-projects .jt-inner-overlay {position: absolute;width: 100%;height: 100%;z-index: 8;opacity: 0;top:0;left:0;}
.jt-cs.exeltis.bt-projects .jt-inner-overlay-2{position: absolute;height: 100%;width:100%;z-index: 8;opacity: 0;bottom:0;right:0;}

.jt-inner.exeltis .jt-imagecover:hover .jt-inner-overlay{opacity:0.7;animation: fadein2 0.7s;-moz-animation: fadein2 0.7s; /* Firefox */-webkit-animation: fadein2 0.7s; /* Safari and Chrome */-o-animation: fadein2 0.7s; /* Opera */}
.jt-inner.exeltis .jt-imagecover:hover .jt-inner-overlay-2{opacity:0.7;animation: fadein3 0.7s;-moz-animation: fadein3 0.7s; /* Firefox */-webkit-animation: fadein3 0.7s; /* Safari and Chrome */-o-animation: fadein3 0.7s; /* Opera */}

.jt-cs.exeltis .jt-imagecover:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;}


.bt-cs.bt-subslider .bt-row {padding-bottom:30px;}
.bt-cs.bt-subslider .jt-imagecover[class*=" col-"] {padding-left: 0;padding-right: 0;overflow: hidden;}
.bt-cs.bt-subslider .jt-title-wrap{ padding:30px 30px}
.bt-cs.bt-subslider .jt-introtext{}
.bt-cs.bt-subslider div.readmore{ text-align:right; padding-top:15px;}
.bt-cs.bt-subslider a.readmore-text i{ margin-left:20px; font-size:12px; padding:8px 8px 6px 8px; line-height:1; font-weight:normal;}
.bt-cs.bt-subslider div.readmore .jt-date{ float:left; text-transform:uppercase; font-size:15px; font-weight:600;}

.jt-cs.exeltis .bt-icon.icon-url,.jt-cs.exeltis.blog .bt-icon.icon-url{}
.jt-cs.exeltis .jt-imagecover:hover .bt-icon.icon-url.exeltis,.jt-cs.exeltis.blog .jt-imagecover:hover .bt-icon.icon-url.exeltis{}
.jt-cs.exeltis .bt-icon.icon-lightbox, .jt-cs.exeltis.blog .bt-icon.icon-lightbox  {}
.jt-cs.exeltis .jt-imagecover:hover .bt-icon.icon-lightbox.exeltis, .jt-cs.exeltis.blog .jt-imagecover:hover .bt-icon.icon-lightbox.exeltis{}
.jt-cs.exeltis.blog .owl-dots {counter-reset: dots;}
.jt-cs.exeltis.blog .owl-dot:before {counter-increment:dots;content: counter(dots);}
.jt-cs.exeltis.blog .owl-dot {font-size: 14px;line-height: 33px;height: 35px;width: 35px;float: none; margin-right:10px}
.jt-cs.exeltis.blog .owl-dot span{ display:none}

.jt-cs.exeltis .hover-icons ,.jt-cs.exeltis.blog .hover-icons{/*left:50%;position: absolute;top: 50%;transform: translate(-50%, -50%);background: transparent;z-index: 7;opacity: 0.7; min-width:50px;*/}
.jt-cs.exeltis .bt-icon,.jt-cs.exeltis.blog .bt-icon  {display:inline-block; margin:0px 1px}
.jt-cs.exeltis .jt-imagecover::after,.jt-cs.exeltis.blog .jt-imagecover::after{position: absolute;width: 100%;height: 100%;content: "";z-index: 4;opacity: 0;transition: all 0.2s linear 0s;top: 0;left: 0;}
.jt-cs.exeltis .jt-imagecover:hover::after,.jt-cs.exeltis.blog .jt-imagecover:hover::after{opacity:0.5;}
.jt-cs.exeltis-1 .bt-row {}

.jt-cs.exeltis-1 .jt-inner{ padding-top:20px; padding-bottom:20px; margin:0px;padding:0 15px 0 0;}
.jt-cs.exeltis.exeltis-1 .bt-extra{font-size:11px; position:relative; margin:0; padding:0px;}
.jt-cs.exeltis.exeltis-1 .bt-extra .jt-category {font-weight:600;display: inline-block;width: auto;}
.jt-cs.exeltis .bt-extra i, .jt-cs.exeltis .bt-extra .fa {padding:0px;font-size:12px;border-radius:0%; margin-right:5px;}
.jt-cs.exeltis .jt-author,.jt-cs.exeltis .jt-date {margin-right:7px;}
.jt-cs.exeltis .jt-author,.jt-cs.exeltis  .jt-category ,.jt-cs.exeltis .jt-date {}
.jt-cs.exeltis .pretext-button .btn{font-size:14px;padding-top:7px;padding-bottom:7px;}
.jt-cs.exeltis .jt-inner.exeltis-1 h2,.jt-cs.exeltis .jt-inner.exeltis-2 h2 { margin:0;}
.jt-cs.exeltis.exeltis-1 .jt-date{display:inline-block;line-height:1.2;}

.jt-cs.exeltis.exeltis .jt-imagecover{ position: relative; overflow:hidden; z-index:1;}
.jt-cs.exeltis.exeltis-1 .jt-imagecover{ margin:0}
.jt-cs.exeltis.exeltis-1 .jt-imagecover[class*=' col-']{ padding-left:0; padding-right:0;}
.jt-cs.exeltis.exeltis-1  .bt-introtitle-wrap{padding:15px 15px 8px 30px;}
.jt-cs.exeltis.exeltis .jt-imagecover::before {bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all 0.2s linear;z-index:3;}
.jt-cs.exeltis.exeltis  .jt-imagecover:hover::before,.jt-cs.exeltis.exeltis  .jt-imagecover:hover::before {opacity: 1;transition: all ease-in-out 0.5s;}

.jt-cs.exeltis.exeltis .jt-imagecover::after {bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all 0.2s linear;z-index:3; margin:15px; border:1px solid #fff;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.jt-cs.exeltis.exeltis .jt-inner:hover .jt-imagecover::after {}

.jt-cs.exeltis.exeltis .jt-imagecover:hover img,.jt-cs.exeltis.exeltis .jt-imagecover:hover img {transition: all 0.2s linear 0s;-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.jt-cs.exeltis.exeltis .hover-icons {margin-top: -22px;position: absolute;top: 50%;width: 100%;z-index: 4;text-align: center;}
.jt-cs.exeltis.exeltis .hover-icons  a {display: inline-block;height:44px;line-height:44px;opacity: 0;position:relative;text-align: center;top:0px;width:44px;z-index: 5;border-radius:0px;
-webkit-transition: all .4s ease-in-out;transition: all .5s ease-in-out;font-weight: 400;background: rgba(0,0,0,.7);border-radius: 100%;}
.jt-cs.exeltis.exeltis .hover-icons .fa,#jt5_headline-news_wrapper.exeltis .bt-imagecover .icon-lightbox .fa,#jt5_headline-news_wrapper.exeltis .bt-imagecover .icon-url .fa{font-size:20px;line-height:44px;}
.jt-cs.exeltis.exeltis .hover-icons a.icon-lightbox{ right:-100px;opacity:0; left:auto;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}
.jt-cs.exeltis.exeltis .hover-icons a.icon-url{margin-right:10px;left:-100px;transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;opacity:0}
.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons,.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons {filter: alpha(opacity=100);opacity: 1;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}
.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons a.icon-url,.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons a.icon-url {opacity: 1; left:0;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}
.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons a.icon-lightbox,.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons a.icon-lightbox{opacity: 1; right:0;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}
.jt-cs.exeltis.exeltis .jt-imagecover::before {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 96%, rgba(0,0,0,0.9) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 96%, rgba(0,0,0,0.9) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 96%, rgba(0,0,0,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 );}

.jt-cs.exeltis-2 .jt-inner {border-width:1px;border-style: solid;position: relative;-webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);-khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);-moz-transition: all .25s cubic-bezier(.645,.045,.355,1);-ms-transition: all .25s cubic-bezier(.645,.045,.355,1);-o-transition: all .25s cubic-bezier(.645,.045,.355,1);transition: all .25s cubic-bezier(.645,.045,.355,1);margin:15px 15px;padding:15px 15px 40px 15px;
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.10);-khtml-box-shadow: 0 2px 15px rgba(0,0,0,.10);-moz-box-shadow: 0 2px 15px rgba(0,0,0,.10);-ms-box-shadow: 0 2px 15px rgba(0,0,0,.10);-o-box-shadow: 0 2px 15px rgba(0,0,0,.10);box-shadow: 0 2px 15px rgba(0,0,0,.10);}
.jt-cs.exeltis-2 .jt-inner-bg {padding:0px;}
.jt-cs.exeltis-2 .bt-row-separate{ margin:0px 15px;}
.jt-cs.exeltis-2 .bt-row {padding: 0;}
.jt-cs.exeltis-2 .bt-extra {margin:0px;clear: none;}
.jt-cs.exeltis-2 .jt-inner .jt-title,.jt-cs.exeltis-2 h4{line-height:1; margin:0 0 5px 0;}
.jt-cs.exeltis-2 .bt-row-separate,.jt-cs.exeltis-3 .bt-row-separate{ border:0; height:0; margin:0;}
.jt-cs.exeltis-2 .bt-row-separate-2{ display:none;}
.jt-cs.exeltis.exeltis-2 .jt-introtitle-container{ padding:15px;}
.jt-cs.exeltis.exeltis-2 .jt-imagecover-outer,.jt-cs.exeltis.bt-projects .bt-center{ position:relative;}
.jt-cs.exeltis.exeltis-2 span.title-author-container{ }
.jt-cs.exeltis.exeltis-2 .bt_handles {position: absolute !important;margin: 0 !important;padding: 0 !important;border: 0 !important;z-index: 101;}
.jt-cs.exeltis.exeltis-2 .bt_handles li a {width:10px;height:10px;}
.jt-cs.exeltis.exeltis-2 .bt_handles li.current a {width:12px;height:12px;}

.jt-cs.exeltis-2.projects .jt-inner {padding:0px; border:0;}
.jt-cs.exeltis.exeltis-2.projects .jt-introtitle-container{ padding:10px 25px 30px 25px;}
.jt-cs.exeltis-2.projects a.prev {text-indent:0;position:absolute;z-index:100;margin:0;padding:0;left:0px;top:55%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;}
.jt-cs.exeltis-2.projects a.next {text-indent:0;position:absolute;z-index:100;margin:0;padding:0;right:0px;top:55%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;}
.jt-cs.exeltis-2.projects a.next,.jt-cs.exeltis-2.projects a.prev { display:inline-block;width:50px;height:50px;border-radius:100%;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s; text-align:center; background:none!important}
.jt-cs.exeltis-2.projects a.next i,.jt-cs.exeltis-2.projects a.prev i{ font-size:20px; line-height:48px;}
zt-module-testimonial.exeltis.client.owl-theme .owl-buttons .owl-next:hover,.jt-cs.exeltis-2.projects a.prev:hover {transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}

.jt-cs.exeltis-2.projects:hover a.next{opacity:1; visibility: visible;right:-50px;}
.jt-cs.exeltis-2.projects:hover a.prev {opacity:1;visibility: visible;left:-50px;}
.jt-cs.exeltis.exeltis-2.projects  .jt-category { font-size:16px; margin-bottom:15px;display: block;}
.jt-cs.exeltis.exeltis-2.projects  .jt-category i{ margin-right:7px;} 
.jt-cs.exeltis.exeltis-2.projects .jt-pretext{ text-align:center; position:relative;}
.jt-cs.exeltis.exeltis-2.projects .jt-pretext .pretext-button{position:absolute;top:50%;right:15px;display:inline-block; line-height:1;}
.jt-cs.exeltis.exeltis-2.projects .jt-imagecover{margin-bottom:15px; }

.jt-cs.exeltis-2.news .jt-inner {padding:0px; border:0;}
.jt-cs.exeltis.exeltis-2.news .jt-introtitle-container{ padding:10px 30px 30px 30px;}
.jt-cs.exeltis a.prev {text-indent:0;position:absolute;z-index:100;margin:0;padding:0;left:0px;top:55%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;}
.jt-cs.exeltis a.next {text-indent:0;position:absolute;z-index:100;margin:0;padding:0;right:0px;top:55%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;}
.jt-cs.exeltis a.next,.jt-cs.exeltis a.prev { display:inline-block;width:50px;height:50px;border-radius:100%;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s; text-align:center; background:none!important}
.jt-cs.exeltis  a.next i,.jt-cs.exeltis  a.prev i{ font-size:20px; line-height:48px;}
zt-module-testimonial.exeltis.client.owl-theme .owl-buttons .owl-next:hover,.jt-cs.exeltis-2.news a.prev:hover {transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}

.jt-cs.exeltis:hover a.next{opacity:1; visibility: visible;right:-50px;}
.jt-cs.exeltis:hover a.prev {opacity:1;visibility: visible;left:-50px;}
.jt-cs.exeltis.exeltis-2.news  .jt-category {font-size: 80%;margin-bottom:15px;display:inline-block;}
.jt-cs.exeltis.exeltis-2.news  .jt-category i{margin-right:7px;} 
.jt-cs.exeltis.exeltis-2.news .jt-pretext{ text-align:center; position:relative;}
.jt-cs.exeltis.exeltis-2.news .jt-pretext .pretext-button{position:absolute;top:50%;right:15px;display:inline-block; line-height:1;}
.jt-cs.exeltis.exeltis-2.news .jt-imagecover{margin-bottom:15px; }
.jt-cs.exeltis.exeltis-2.news .jt-date-readmore{ display:block; clear:both;}
.jt-cs.exeltis.exeltis-2.news span.readmore{ text-transform:uppercase;float:right; font-size:14px;}
.jt-cs.exeltis.exeltis-2.news span.jt-date{ display:inline-block; width:50%;}
.jt-cs.exeltis-2.news  .jt-inner.exeltis-2.news .jt-title { margin-bottom:15px;}
.jt-cs.exeltis-2.news .jt-date-readmore{margin-top:20px; padding-top:20px;}
.jt-cs.exeltis-2.news .jt-author{ padding-right:10px;}

.t3-sidebar .jt-cs.exeltis-2 .jt-inner.exeltis-2 {}
.t3-sidebar .jt-cs.exeltis .jt-inner {padding-left:0px;padding-right:0px;}
.t3-sidebar .jt-cs.exeltis-2 .bt-row-separate-2{ margin:0;}
.t3-sidebar .jt-cs.exeltis.exeltis-2 .jt-imagecover{ }

.jt-cs.exeltis.exeltis-3 .jt-date,#jt5_headline-news_wrapper.exeltis .hjt5-dateonimage{font-size:14px; color:#fff; height:64px; width:40px; overflow:hidden;left:15px; position: absolute;top:0px; z-index:8; line-height:1.12; border:0; padding:3px 3px; margin:0;text-shadow:none; font-weight:400;text-align: center;}
#jt5_headline-news_wrapper.exeltis .hjt5-dateonimage{top:0px;}
.jt-cs.exeltis.bt-projects .jt-category { top:25px;left:0px;}
.jt-cs.exeltis.exeltis-3 .jt-date::after,.jt-cs.exeltis.bt-projects .jt-category::after{}

.jt-cs.exeltis .jt-inner.exeltis-2 h2,.jt-cs.exeltis.blog .jt-inner h2 { font-size:22px;}

.jt-cs.exeltis-3 h4{ margin:0px; }
.jt-cs.exeltis-3 h3 {background: none;margin-bottom: 10px;line-height: 1.25;}
.jt-cs.exeltis-3 .jt-imagecover-outer{ position:relative;}
.jt-cs.exeltis-3 .jt-inner-bg { }
.jt-cs.exeltis-3 p.jt-readmore { margin-top:30px;}
.jt-cs.exeltis-3 .bt-intro-title-container{padding:10px 0px 10px 0px;}
a.bt-viewall{position: absolute;right:-11px;top:-47px;padding: 0 5px;text-transform: uppercase;font-weight: bold;font-size: 12px;letter-spacing: 0.5px;}
a.bt-viewall .fa{font-size:14px;}

.jt-cs.exeltis.exeltis-4 .jt-imagecover{ margin-right:15px;}
.wrap.bottomline .container{ background:none;}
.jt-cs.exeltis-2.projects p.jt-readmore  a.btn { margin-right:30px}
.jt-cs.exeltis-2.projects p.jt-readmore{ margin-top:25px;text-align:right; padding-top:30px; margin-right:-25px; margin-left:-25px;}
.jt-cs.exeltis.exeltis-2.projects .jt-author,.jt-cs.exeltis.exeltis-2.projects .jt-date { margin-top:15px; display:inline-block; padding:14px;}
.jt-cs.exeltis.exeltis-2 .jt-author i,.jt-cs.exeltis.exeltis-2 .jt-date i{margin-right:7px;}
/*
	============================================
	 HEADLINE JT5 MODULE - WORLD NEWS
	============================================
*/
#jt5_headline-news_wrapper.exeltis{ position:relative;}
#jt5_headline-news_wrapper.exeltis a.show_all{padding:0px 5px;}
#jt5_headline-news_wrapper.exeltis .show_all_inner,a.more-link  {top:-35px;position: absolute;right:0px;padding:0px;text-transform: uppercase;font-weight: bold;font-size: 12px;letter-spacing: 0.5px;}
#jt5_headline-news_wrapper.exeltis .bt-imagecover{ margin-bottom:15px}
#jt5_headline-news_wrapper.exeltis .hjt5-author,#jt5_headline-news_wrapper.exeltis .hjt5-date{ margin-right:15px;}
#jt5_headline-news_wrapper.exeltis .hjt5-author-date{ margin:5px 0;}
#jt5_headline-news_wrapper.exeltis a.srowreadone {padding:3px 6px;font-weight: normal;margin-top:20px}
#jt5_headline-news_wrapper.exeltis #multiplerowblock p.mrowsintrotext,#jt5_headline-news_wrapper.exeltis #singlerowblock p.srowintrotext {text-align: justify;}
#jt5_headline-news_wrapper.exeltis .multiplerows{ margin-bottom:0;}
#jt5_headline-news_wrapper.exeltis h4 a, .jt5_headline-pagination.exeltis a.toc, #jt5_headline-news_wrapper.exeltis h4{ margin-bottom:8px}

#jt5_headline-news_wrapper.exeltis.linksbottom .bt-imagecover,#jt5_headline-news_wrapper.exeltis.linksbottom .bt-title-text-container{ width:50%; float:left;}
#jt5_headline-news_wrapper.exeltis.linksbottom .bt-title-text-container{ padding:5px 15px 5px 20px}
.jt5_headline-pagination ul.jt5-linksbottom{list-style-type: none;columns: 2;-webkit-columns: 2;-moz-columns: 2;}
.jt5_headline-pagination ul.jt5-linksbottom li{ }
#jt5_headline-news_wrapper.exeltis.linksbottom a.srowreadone {}

#jt5_headline-news_wrapper.exeltis .hover-icons {margin-top: -22px;position: absolute;top: 50%;width: 100%;z-index: 4;text-align: center;}
#jt5_headline-news_wrapper.exeltis .hover-icons a {display: inline-block;height: 44px;line-height: 44px;opacity: 0;position: relative;text-align: center;top: 0px;width: 44px;z-index: 5;border-radius: 0px;-webkit-transition: all .4s ease-in-out;transition: all .5s ease-in-out;font-weight: 400;background: rgba(0,0,0,.7);border-radius: 100%;}

#jt5_headline-news_wrapper.exeltis .bt-imagecover{position:relative}

#jt5_headline-news_wrapper.exeltis .bt-imagecover .icon-url {-webkit-transition: opacity .5s,-webkit-transform .5s;transition: opacity .5s,transform .5s;-webkit-transform:translate3d(100%,250%,0);transform:translate3d(100%,250%,0);display:inline-block;}
#jt5_headline-news_wrapper.exeltis .bt-imagecover .icon-lightbox {transition: opacity .5s,transform .5s;-webkit-transform:translate3d(-100%,250%,0);transform:translate3d(-100%,250%,0);opacity: 0;display:inline-block;}
#jt5_headline-news_wrapper.exeltis .bt-imagecover .overlay {position: absolute;overflow: hidden;width:100%;height:100%;left:0%;top:0%;bottom:0%; right:0%;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
#jt5_headline-news_wrapper.exeltis .bt-imagecover:hover .overlay {opacity: 1;-webkit-transform: scale(1);transform: scale(1);
}
#jt5_headline-news_wrapper.exeltis .bt-imagecover:hover .icon-url,#jt5_headline-news_wrapper.exeltis  .bt-imagecover:hover .icon-lightbox {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#jt5_headline-news_wrapper.exeltis .bt-imagecover:hover img {transition: all 0.2s linear 0s;opacity: 0.7;-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

#jt5_headline-news_wrapper.exeltis.linksbottom-2 .bt-imagecover,#jt5_headline-news_wrapper.exeltis.linksbottom-2 .bt-title-text-container{ width: auto; float: none;}
.jt5_headline-pagination ul.jt5-linksbottom-2{list-style-type: none;columns:1;-webkit-columns:1;-moz-columns:1; margin-top:20px}

#jt5_headline-news_wrapper.exeltis .hjt5-image {background:none; position:relative;}
#jt5_headline-news_wrapper.exeltis .hjt5-image::after{position:absolute; width:100%; height:100%; top:100%; left:0%; opacity:0;transition: all 0.2s  linear 0s; content:"";
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;}
#jt5_headline-news_wrapper.exeltis .bt-imagecover:hover .hjt5-image::after{ opacity:0.5;transition: all 0.2s  linear 0s;top:0%;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;}
/*
	============================================
	 BP GALLERY IMAGE MODULE - PHOTO GALLERY
	============================================
*/
.bpgallery-category.exeltis.bpgallery-category-masonry .items .image-link .inner{}
.bpgallery-category.exeltis.bpgallery-category-masonry .items .image-cover{ overflow:hidden}
.bpgallery-category.exeltis .items .image-link:hover .overlay::after {}
.bpgallery-category.exeltis .items .image-link, .bpgallery-category .items .image-link .inner {display: block;}
.bpgallery-category.exeltis  .counter {border:0;}
.modbpgallery.bpgallery-category.exeltis { position:relative; margin-top:0px; padding:0px}
.modbpgallery.bpgallery-category.exeltis a.more-link { padding-left:5px}
.bpgallery-category.exeltis.bpgallery-category-masonry ul.items {margin:0 -7px 0px 0;}
.mfp-gallery .mfp-image-holder .mfp-figure {animation:fadein 0.5s;-moz-animation:fadein 0.5s;-webkit-animation:fadein 0.5s;-o-animation:fadein 0.5s;}
/*
	=======================================
		SCROLLING NEWS - BT CONTENT SLIDER 
	=======================================
*/
.bt-image-link {position: relative;z-index: 1;}
.jt-cs.exeltis.scrollingnews{ margin-top:0px;padding:5px 0px;}
.jt-inner.exeltis.scrollingnews {padding:0px;-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.10);-khtml-box-shadow: 0 2px 15px rgba(0,0,0,.10);-moz-box-shadow: 0 2px 15px rgba(0,0,0,.10);-ms-box-shadow: 0 2px 15px rgba(0,0,0,.10);-o-box-shadow: 0 2px 15px rgba(0,0,0,.10);box-shadow: 0 2px 15px rgba(0,0,0,.10); margin:15px}
.jt-cs.exeltis.scrollingnews .bt-row {padding:0px 0;}
.slide.exeltis.scrollingnews .navbuttons{ }
.bt-cs.scrollingnews .next,.bt-cs.scrollingnews .prev{width:15px;height:17px;opacity:1;display:inline-block;}
.bt-cs.scrollingnews a.next {}
.bt-cs.scrollingnews a.prev{}
.bt-cs.scrollingnews .next:focus,.bt-cs.scrollingnews .prev:focus{ outline:none;}
.jt-cs.exeltis.scrollingnews .hover-icon.exeltis{left:37.5%;position: absolute;top:100%;background: transparent; z-index:7;opacity:1; width:25%; height:25%; text-align:center}
.jt-cs.exeltis.scrollingnews .jt-inner-overlay{position: absolute; width:100%; height:50%; z-index:8; opacity:0;transition: all 0.2s  linear 0s; }
.jt-cs.exeltis.scrollingnews .jt-inner-overlay-2{position: absolute; bottom:0; width:100%; height:50%; z-index:8; opacity:0;transition: all 0.2s  linear 0s;}
.jt-inner.exeltis.scrollingnews .jt-imagecover:hover .jt-inner-overlay{opacity:0.7;animation: fadein2 0.6s; -moz-animation: fadein2 0.6s; /* Firefox */-webkit-animation: fadein2 0.6s; /* Safari and Chrome */-o-animation: fadein2 0.6s; /* Opera */}
.jt-inner.exeltis.scrollingnews .jt-imagecover:hover .jt-inner-overlay-2{opacity:0.7;animation: fadein3 0.6s;-moz-animation: fadein3 0.6s; /* Firefox */-webkit-animation: fadein3 0.6s; /* Safari and Chrome */-o-animation: fadein3 0.6s; /* Opera */}
.scrollingnews .jt-imagecover{ overflow:hidden;position:relative; z-index:7;transition: all 0.2s  linear 0s;}
.jt-cs.exeltis.scrollingnews .jt-inner-overlay i,.jt-cs.exeltis.scrollingnews .jt-inner-overlay .fa,.jt-cs.exeltis.scrollingnews .jt-inner-overlay-2 i,.jt-cs.exeltis.scrollingnews .jt-inner-overlay-2 .fa{ padding:10px; font-size:20px; color:#fff;border-radius: 50%;}
.jt-cs.exeltis.scrollingnews .jt-imagecover{ margin-bottom:20px; margin-right:0;}
.jt-cs.exeltis.scrollingnews .fa-search{ margin-right:1px;}
.jt-cs.exeltis.scrollingnews.scrollingnews-2 .icon-lightbox.exeltis{ position: absolute;bottom: 3px;left: 37.5%;width: 25%;text-align: center;}
.jt-cs.exeltis.scrollingnews.scrollingnews-2 .icon-url.exeltis{position: absolute;top: 3px;left: 37.5%;width: 25%;text-align: center;}
.jt-inner.exeltis.scrollingnews .jt-date{ background:none; border:none;}
.jt-cs.exeltis.scrollingnews p.jt-readmore  { margin-top:10px; margin-bottom:20px;}
.jt-cs.exeltis.scrollingnews.scrollingnews-2 p.jt-readmore  a{ margin-top:30px}
.jt-cs.exeltis.scrollingnews .jt-introtitle-container{ padding:0 20px 15px 20px}
/*
	=========================================
		 SP TABS MODULE
	=========================================
*/
.tab-exeltis ul.tabs_container li.tab{
border-bottom:0;
margin-right: -1px!important;
padding:4px 10px 4px 10px!important;
font-size:18px;}
.tab-exeltis  h1,.tab-exeltis  h2, .tab-exeltis  h3,.tab-exeltis  h4,.tab-exeltis  h5,.tab-exeltis  h6{color:#fff; margin-top:0;}

.tabs-left .tabs_mask, .tabs-left ul.tabs_container li span{ height:auto!important; line-height: inherit!important;}
.tabs-left.tab-padding.tabs-left{padding-top:8px!important; padding-left:60px!important}
.tabs-left .tabs_buttons{ float:left; width:50%; overflow:visible!important;}
.tabs-left .items_mask{ float:left; width:50%;}
.tabs-left .tabs_buttons li.tab {float: none!important;display:block;cursor: pointer;padding: 0 10px;margin: 0;}
.tabs-left ul.tabs_container li.tab.active {-webkit-box-shadow: 0 6px 70px rgba(12,12,12,.19);-khtml-box-shadow: 0 6px 70px rgba(12,12,12,.19);-moz-box-shadow: 0 6px 70px rgba(12,12,12,.19);-ms-box-shadow: 0 6px 70px rgba(12,12,12,.19);-o-box-shadow: 0 6px 70px rgba(12,12,12,.19);box-shadow: 0 6px 70px rgba(12,12,12,.19);-webkit-transform: translateX(36px);-khtml-transform: translateX(36px);-moz-transform: translateX(36px);-ms-transform: translateX(36px);-o-transform: translateX(36px);transform: translateX(36px);}
.tabs-left ul.tabs_container li.tab {-webkit-transition: .4s cubic-bezier(.24,.74,.58,1);-khtml-transition: .4s cubic-bezier(.24,.74,.58,1);-moz-transition: .4s cubic-bezier(.24,.74,.58,1);-ms-transition: .4s cubic-bezier(.24,.74,.58,1);-o-transition: .4s cubic-bezier(.24,.74,.58,1);transition: .4s cubic-bezier(.24,.74,.58,1);padding: 27px 30px 27px 107px!important;display: flex;flex-wrap: nowrap;align-items: center;cursor: pointer;position: relative;z-index: 99;margin-top:9px!important;height:90px;}
.tabs-left ul.tabs_container li.tab::before{ border-radius:100%;color:#fff;font-family:fontAwesome; font-weight:normal;display:grid;place-items:center;font-size:30px; line-height:44px;position: absolute;width:60px; height:60px; left:27px; top:15px;  content:"\f0f6";}
.tabs-left ul.tabs_container li.tab.active::before{  content:"\f00c";}
.tabs-left ul.tabs_container li.tab.active::after {right: -20px;content: '';width: 0;height: 0;position: absolute;top:35px;border-style: solid;border-width: 10px;-webkit-transition: .4s cubic-bezier(.24,.74,.58,1);-khtml-transition: .4s cubic-bezier(.24,.74,.58,1);-moz-transition: .4s cubic-bezier(.24,.74,.58,1);-ms-transition: .4s cubic-bezier(.24,.74,.58,1);-o-transition: .4s cubic-bezier(.24,.74,.58,1);transition: .4s cubic-bezier(.24,.74,.58,1);z-index: 1;}
/*
	=========================================
		 JT TABS MODULE
	=========================================
*/
.jttabs-wrapper.exeltis.layout-default ul.nav-tabs {padding:0px 10px}
.jttabs-wrapper.exeltis.layout-default ul.nav-tabs > li.nav-item button{border-radius:0px;padding:9px 15px;margin-right:2px;line-height:1;border:0;border-radius:0px;margin-right:1px}
.jttabs-wrapper.exeltis.layout-default .nav-tabs > li {margin-bottom:0px;}
.jttabs-wrapper.exeltis.layout-default .tab-content {padding:10px;}
/*
	=========================================
		 SUBMAIN-8 COLUMN CONTENT MODULES
	=========================================
*/
#t3-content .submain-8 .jt-inner{ padding-left:0px; padding-right:0px;}
#t3-content .submain-8 bt-title ,#t3-content .submain-8 h4 { margin:0;line-height: 1;}
#t3-content .submain-8 h3.module-title::after{}
.submain-8 .jt-cs.exeltis-4 .bt-row-separate {margin: 0px 0px;}
.submain-8 .jt-cs.exeltis-4 .jt-author, .submain-8 .jt-cs.exeltis .jt-date {margin-right: 5px;}
.jt-cs.exeltis-4 .bt-row{ padding:10px 0}
.jt_static_content.exeltis{padding:10px 0}
/*
	=======================================
		PICTURE NEWS
	=======================================
*/
.tooltip-exeltis {position: relative;display:inline-block;text-decoration: none;overflow:visible;margin:0 0px 0px 4px}
.slides_container.exeltis.picturenews,.slides_container.exeltis.picturenews .bt-row{ overflow:visible;}
.t3-sidebar .jt-cs.exeltis.picturenews .jt-inner{line-height:1;}

.tooltip-exeltis:before{ content: attr(data-tooltip);position: absolute;bottom:100%; left:-10%; right:-10%;width: 120%;background-color: #333;background:rgba(0, 0, 0, .85);color: #FFF;padding:7px;opacity: 0;pointer-events: none;transition: opacity .3s ease-in-out;will-change: opacity;z-index:99999;border-radius:3px; margin-bottom: 10px; font-size:15px;font-weight:300; letter-spacing:0.1px;}
.tooltip-exeltis:hover:before {opacity: 1;pointer-events: auto;}

.tooltip-exeltis:after {width: 0; height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid  #333; border-top: 10px solid rgba(0, 0, 0, .85);content: "";position: absolute;transition: opacity .3s ease-in-out;will-change: opacity;z-index:99999;opacity: 0; bottom:100%; left:40%;}

.tooltip-exeltis:hover:after {opacity: 1;pointer-events: auto;}
.bt-row-separate.picturenews{ border-bottom:0; margin:0; height:0;}

.bt-cs .jt-inner.exeltis.picturenews img{ margin:0}
.slide.exeltis.picturenews{ padding-left:0px; margin-left:-2px; margin-top:3px}
.slides_container.picturenews .slides_control{ width:100%!important;}
.picturenews-imagecover{ position:absolute; left:0; top:0;width:100%; height:100%;transition: all 0.2s ease-in-out 0s;}
.picturenews-imagecover i {position: absolute; z-index:3;font-size:18px;backface-visibility: hidden;border: 2px solid #fff;border-radius: 100%;color: #fff;height: 40px;left: 50%;line-height: 35px;margin: -20px 0 0 -20px;opacity: 0;position: absolute;text-align: center;top: 50%;transform: scale(0);transition: all 0.2s ease-in-out 0s;width: 40px;}
.bt-row:hover .picturenews-imagecover{background-color:#333;background:rgba(0, 0, 0, .55);transition: all 0.2s ease-in-out 0s; z-index:1}
.bt-row:hover .picturenews-imagecover i{opacity: 0.85;transform: scale(1);transition: all 0.2s ease-in-out 0s;}
.bt-row:hover .picturenews img{ }
.jt-cs.exeltis .bt-row.picturenews {padding:0px; margin-bottom:2px;}

.jt-cs.exeltis .slide:hover .picturenews-imagecover{background-color:#333;background:rgba(0, 0, 0, .55);transition:all 0.2s ease-in-out 0s;z-index:1}
.jt-cs.exeltis .slide:hover .picturenews-imagecover i{opacity:0.85;transform:scale(1);transition:all 0.2s ease-in-out 0s;}
.jt-cs.exeltis .bt-row.picturenews {padding:0px;margin-bottom:2px;}

.jt-cs.exeltis.picturenews .jt-imagecover {overflow: visible;}
.jt-cs.exeltis.picturenews .jt-imagecover:hover img{transition:all 0.2s linear 0s;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.jt-cs.exeltis.picturenews .jt-imagecover::before {background:none;}
.jt-cs.exeltis.picturenews .jt-imagecover{ border:0; outline:none;}
.jt-cs.exeltis.picturenews .slide {padding:0px 0;
}
/*
	=========================================
		 VERTICALSCROLLER PRO
	=========================================

*/
.vjt1-title h4{ margin-top:0; margin-bottom:0;}
.exeltis a.more_in { font-weight:400!important}
.exeltis p.introtext{ margin-bottom:0}
.navigate.exeltis{ top:-60px!important; right:-11px!important; padding-left:5px!important; padding-top:2px!important; padding-bottom:2px!important;}
.scroller-exeltis .vscr-image{ background:none;}
.navigate.exeltis .arrow-border.exeltis i{ width:27px; height:27px; padding:3px 6px!important;}
/*
	=========================================
		 about us page text - image
	=========================================
*/
.about-us .nav-tabs{ border-bottom:0;margin-top:30px;}
.tab-content{ padding:20px 20px;}
.tab-content li{ margin-bottom:5px;}
.about-us .bfPageIntro{ display:none;}
.m-b-30 {margin-bottom: 30px;}
.about-us .tab-content .bfFormDiv {margin-top: -15px;margin-bottom: -15px;}
.img-aboutimage{position:relative;height:100%;margin-bottom: 110px;}
.aboutimage-1{position: relative;z-index: 1;}
.aboutimage-1 img{ margin-top:30px;
	-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px  5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 1px  5px 10px rgba(0, 0, 0, 0.2);
	border:10px solid rgba(255, 255, 255, 0.5);
}
.since-year-outer{position:relative}
.since-year{
	position: absolute;
	left:0px;
	top: 0px;
	z-index: 1;
}
.since-year span{
	font-size: 40px;
	font-weight: 300;
	display: block;
	line-height: 40px;
	position: relative;
}
.since-year strong{
	font-size: 70px;
	font-weight: 500;
	display: block;
	line-height: 40px;
}

@media only screen and (max-width:991px){
.aboutimage-1{
	margin-right: 0px;
	max-width: 420px;
}
.aboutimage-1 img{
	width:100%;
}

.aboutimage-2 {
    left: auto;
	right:0px;
}
}

@media only screen and (max-width:767px){
.aboutimage-1{margin-top:30px;max-width: 100%;}
.aboutimage-1 img{width:100%;}

.aboutimage-2 {top: 0px;max-width: 100%;	bottom:0px;
}

}

/*
	=========================================
		COLOREDMODULE-2 - BT CONTENT SLIDER
	=========================================
*/
.wrap.coloredmodule-2 {	position: relative;z-index:1;background-size:auto;float: left;width: 100%;}
.coloredmodule-2-overlay::before {background-image: url("../images/coloredmodule-2-bg.png");background-position: center center;background-repeat: no-repeat;width:100%;bottom: 0;content: "";left: 0;position: absolute;z-index:2;right: 0;top: 0;}
.coloredmodule-2-overlay::after {opacity: 1;bottom: 0;content: "";right: 0;position: absolute;z-index:3;right: 0;top: 0;}
.container.coloredmodule-2{ position:relative;z-index:4;}
.colormodule-2-text{ color:#fff;}
.colormodule-2-text p{ padding-top:10px; font-size:16px}
.colormodule-2-text h3,.colormodule-2-phone{line-height:1.2;}
.colormodule-2-text a.btn{ font-size:18px; line-height:1;padding: 10px 12px 7px 12px; margin-top:20px; }

/*
	=========================================
		OUR TOP SERVICES - JT CONTENT SLIDER
	=========================================
*/
.jt-cs.exeltis.jt-services .jt-inner-bg{ padding:20px;}
.jt-cs.exeltis.jt-services .bt-intro-title-container {padding:25px 0 0 0;}
.jt-cs.exeltis.jt-services span.icon{}
.jt-cs.exeltis.jt-services a.btn-primary.services{}
.jt-cs.exeltis.jt-services span.readmore-text{ }
.exeltis.jt-services .bt-arrows.exeltis {position: unset;margin-top:0px;}
.jt-cs.exeltis.jt-services a.prev.exeltis {left: 0;z-index:9;text-indent: 0;top:35%;position: absolute;text-align:center;}
.jt-cs.exeltis.jt-services a.next.exeltis {right: 0%;top:35%;position: absolute;z-index: 2;text-indent: 0;z-index:9;text-align:center;}
.jt-cs.exeltis.jt-services .jt-cat-title-text {position: absolute;top: 100%;left: 0;width: 100%;height: 100%;opacity: 0;	-webkit-transition: all .2s cubic-bezier(.645,.045,.355,1);-khtml-transition: all .2s cubic-bezier(.645,.045,.355,1);-moz-transition: all .2s cubic-bezier(.645,.045,.355,1);-ms-transition: all .2s cubic-bezier(.645,.045,.355,1);-o-transition: all .2s cubic-bezier(.645,.045,.355,1);transition: all .3s cubic-bezier(.845,.045,.355,1);z-index:4;padding:20px 20px;text-align:left;}
.jt-cs.exeltis.jt-services .jt-inner:hover .jt-cat-title-text {top: 0;opacity: 1;}
.jt-cs.exeltis.jt-services  .jt-imagecover{ position:relative;}
.jt-cs.exeltis.jt-services  .jt-imagecover::after{border:0; margin:0;position: absolute;width: 100%;height: 100%;content: "";z-index:1;opacity: 0;top:100%;left: 0;-webkit-transition: all .2s cubic-bezier(.645,.045,.355,1);-khtml-transition: all .2s cubic-bezier(.645,.045,.355,1);-moz-transition: all .2s cubic-bezier(.645,.045,.355,1);-ms-transition: all .2s cubic-bezier(.645,.045,.355,1);-o-transition: all .2s cubic-bezier(.645,.045,.355,1);transition: all .3s cubic-bezier(.845,.045,.355,1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); }
.jt-cs.exeltis.jt-services .bt-row:hover .jt-imagecover::after{opacity:0.5;top:0;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); }
.jt-cs.exeltis.jt-services .bt-row .bt-center  {-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.08);-khtml-box-shadow: 0 3px 12px rgba(0,0,0,.08);-moz-box-shadow: 0 3px 12px rgba(0,0,0,.08);-ms-box-shadow: 0 3px 12px rgba(0,0,0,.08);-o-box-shadow: 0 3px 12px rgba(0,0,0,.08);box-shadow: 0 3px 12px rgba(0,0,0,.08);}
.jt-cs.exeltis.jt-services .bt-row:hover .bt-center  {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.12);
	-khtml-box-shadow: 0 5px 15px rgba(0,0,0,.12);
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.12);
	-ms-box-shadow: 0 5px 15px rgba(0,0,0,.12);
	-o-box-shadow: 0 5px 15px rgba(0,0,0,.12);
	box-shadow: 0 17px 15px rgba(0,0,0,.12);-webkit-transition: all .2s cubic-bezier(.645,.045,.355,1);-khtml-transition: all .2s cubic-bezier(.645,.045,.355,1);-moz-transition: all .2s cubic-bezier(.645,.045,.355,1);-ms-transition: all .2s cubic-bezier(.645,.045,.355,1);-o-transition: all .2s cubic-bezier(.645,.045,.355,1);transition: all .2s cubic-bezier(.645,.045,.355,1);}
.jt-bottom-title{ padding:15px 30px}
.jt-cs.exeltis.jt-services .bt-row{ overflow:visible; padding-bottom:30px;}
.jt-cs.exeltis.jt-services .jt-inner .jt-title {margin-bottom:0px;}
.jtcs_item_wrapper.jt-cs.exeltis.jt-services .jt-author-date{ margin:0}
/*
	=========================================
		COLOREDMODULE-3 - ZT TESTIMONIAL
	=========================================
*/
.coloredmodule-3 {position: relative;z-index:6;}
.coloredmodule-3-bg {position: absolute;z-index:1;width:100%; height:88%;}
.coloredmodule-3-overlay{opacity:1;background-image: url("../images/coloredmodule-3-bg.png");background-position: left bottom;background-repeat: no-repeat; position:absolute; width:100%; height:88%; z-index:1}

.coloredmodule-3-bg::before {position: absolute;z-index:3;width:50%; height:100%; right:0; bottom:0; content:""; top:86px;}
.coloredmodule-3-bg::after{content:"";opacity:0.08;background-image: url("../images/coloredmodule-3-bg2.jpg");background-position: left bottom;background-size:cover;background-repeat: no-repeat; position:absolute; width:50%; height:100%; z-index:4; right:0; bottom:0; top:86px;}
.colored_spot2{ padding-top:72px; padding-left:70px;}

.coloredmodule-3-overlay::after{position: absolute;z-index:3;height:100%; left:0; bottom:0; content:""; width:100%;opacity:0.92}

.zt-module-testimonial.exeltis{}
.ztTestimonial.exeltis .name{ font-weight: 400;line-height: 150%;font-size: 20px;margin-bottom:10px;display: block;}
.ztTestimonial.exeltis img.avatar {width:auto;height: auto;}
.zt-module-testimonial.exeltis .img-circle {}
.zt-module-testimonial.exeltis .col-sm-2.avatar-container,.zt-module-testimonial.exeltis .col-md-2.avatar-container,.zt-module-testimonial.exeltis .col-lg-3.avatarblock { padding-left:0; padding-right:0}
.zt-module-testimonial.exeltis .infoblock{ padding-left:15px}
.zt-module-testimonial.exeltis .zt-info-colon{padding-left:52px;}
.ztTestimonial.exeltis p.content-testimonial{ margin-left:0;border-bottom:0;}
.ztTestimonial.exeltis p.content-testimonial::after,.ztTestimonial.exeltis p.content-testimonial::before { display:none;}
.zt-module-testimonial.exeltis .carousel-indicators {position: absolute;bottom:0px;right:20px;z-index: 15;width: auto;padding-left: 0;margin: 40px 0px 0px 0;text-align: right;list-style: none;}
.ztTestimonial.exeltis ol.carousel-indicators li {display: inline-block;float: none;border:0;height:11px;width:11px;margin: 1px 5px 1px 1px;border-radius:100%;background-color:#fff;}
.ztTestimonial.exeltis ol.carousel-indicators li.active {float: none;border:0;height:11px;width:11px;margin: 1px 5px 1px 1px;}
.zt-module-testimonial.exeltis  .carousel-control .icon-prev, .zt-module-testimonial.exeltis  .carousel-control .glyphicon-chevron-left {left:0%;}
.zt-module-testimonial.exeltis  .carousel-control .icon-next, .zt-module-testimonial.exeltis  .carousel-control .glyphicon-chevron-right {right: 0%;}
.zt-module-testimonial.exeltis .carousel-control .icon-prev, .zt-module-testimonial.exeltis .carousel-control .icon-next, .zt-module-testimonial.exeltis .carousel-control .glyphicon-chevron-left, .zt-module-testimonial.exeltis .carousel-control .glyphicon-chevron-right {top:50%;}
.zt-module-testimonial.exeltis .carousel {padding-bottom: 40px;padding-top: 40px;}
.ztTestimonial.exeltis .tw-fb a i { font-size:20px;padding: 5px 5px;}
.ztTestimonial.exeltis .tw-fb a:hover {background-color:transparent;box-shadow:none;}
.zt-module-testimonial.exeltis .zt-testimonial .zt-information ul.zt-member-social-links{ padding-left:0;}

.ztTestimonial.exeltis-team .name{ font-weight: 400;line-height: 150%;font-size: 20px;margin-bottom:10px;display: block;}
.ztTestimonial.exeltis-team img.avatar {float: right;width:100%;height:100%;border:0;padding:0px;}
.zt-module-testimonial.exeltis-team .img-circle {border-radius:0;}
.zt-module-testimonial.exeltis-team .col-md-3 { padding-left:0; padding-right:0}
.zt-module-testimonial.exeltis-team .zt-info-colon{padding-left:15px; padding-top:20px;}
.ztTestimonial.exeltis-team p.content-testimonial{ margin-left:0;border-bottom:0;}
.ztTestimonial.exeltis-team p.content-testimonial::after,.ztTestimonial.exeltis-team p.content-testimonial::before { display:none;}
.zt-module-testimonial.exeltis-team .carousel-indicators {position: absolute;bottom:-30px;right:20px;z-index: 15;width: auto;padding-left: 0;margin:0px 0px;text-align: right;list-style: none;}
.ztTestimonial.exeltis-team ol.carousel-indicators li {display: inline-block;float: none;border:0;height: 8px;width: 8px;margin: 1px 5px 1px 1px;border-radius:0px;background-color:#fff;}

.ztTestimonial.exeltis-team .carousel-control.right, .ztTestimonial.exeltis-team .carousel-control.left {width:35px;background-image: none;}
.zt-module-testimonial.exeltis-team{ padding-top:38px;}
.ztTestimonial.exeltis-team ol.carousel-indicators li.active {float: none;border:0;height: 8px;width: 8px;margin: 1px 5px 1px 1px;}
.zt-module-testimonial.exeltis-team  .carousel-control .icon-prev, .zt-module-testimonial.exeltis-team  .carousel-control .glyphicon-chevron-left {left:0%;}
.zt-module-testimonial.exeltis-team  .carousel-control .icon-next, .zt-module-testimonial.exeltis-team  .carousel-control .glyphicon-chevron-right {right: 0%;}
.zt-module-testimonial.exeltis-team .carousel-control.left{ left:0}
.zt-module-testimonial.exeltis-team .carousel-control.right {left:35px; right:auto}
.zt-module-testimonial.exeltis-team .carousel-control .icon-prev, .zt-module-testimonial.exeltis-team .carousel-control .icon-next, .zt-module-testimonial.exeltis-team .carousel-control .glyphicon-chevron-left, .zt-module-testimonial.exeltis-team .carousel-control .glyphicon-chevron-right {top:100%;}
.zt-module-testimonial.exeltis-team .carousel {padding-bottom: 40px;}
.ztTestimonial.exeltis-team .tw-fb a i { font-size:20px;padding: 5px 5px;}
.ztTestimonial.exeltis-team .tw-fb a:hover {background-color:transparent;box-shadow:none;}
.zt-module-testimonial.exeltis-team .row { }
.ztTestimonial.exeltis-team .email,.ztTestimonial.exeltis-team .website,.ztTestimonial.exeltis-team .tw-fb a {}
.zt-module-testimonial.exeltis-team .glyphicon {font-family: 'FontAwesome';}
.zt-module-testimonial.exeltis-team .carousel-control{ opacity:1}
.zt-module-testimonial.exeltis-team .glyphicon-chevron-left,.zt-module-testimonial.exeltis-team .glyphicon-chevron-right{ border:1px solid #fff; width:35px; height:35px;}
.zt-module-testimonial.exeltis-team .glyphicon:empty {width:35px;}
.zt-module-testimonial.exeltis-team .glyphicon-chevron-left::before {content: "\f104";}
.zt-module-testimonial.exeltis-team .glyphicon-chevron-right::before {content: "\f105";}
.zt-module-testimonial.exeltis-team .glyphicon-chevron-left{ margin-left:0;}
.zt-module-testimonial.exeltis .zt-testimonial .zt-information .zt-info-name{ margin-bottom:5px;}


/*
	=========================================
		SKILLS - PROGRESS BARs
	=========================================
*/
.what-we-do{}
.glow-wrap{overflow: hidden;position: absolute;width: 100%;height: 100%;top: 0;margin-top: -10px;z-index:3;}
.glow{display: block;position:absolute;width: 40%;height: 200%;background: rgba(255,255,255,.2);top:-50%;filter: blur(5px);transform: rotate(45deg) translate(-450%, 0);transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.what-we-do:hover .glow,.welcome-exeltis:hover .glow,.special-work:hover .glow{transform: rotate(45deg) translate(450%, 0);transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);}
.photo:hover img, .photo:hover .glow-wrap {margin-top: 0;}
.what-we-do:hover img{}
@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0;
  }
  
  to {
   background-position: 44px 0;
  }
}
figure.img-leading{-webkit-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);padding: 0;width: auto;display: inline-block; margin:30px 0 0 0; float:right; position:relative; z-index:2;}
figure.img-leading::before {position: absolute;content: "";width: 100%;height: 100%;top: -35px;left:-35px;z-index: -1;opacity:0.75;}

.ui-progress-bar1 {position: relative;height:2px;padding-right: 2px;margin-top: -5px;margin-bottom:26px;border-radius:0px;}
.ui-progress1 {position: relative;display: block;overflow: visible!important;height:2px;border-radius:0px;}
.ui-progress1 span.ui-label {bottom: -12px;height:24px;font-weight: 300;text-transform: uppercase;font-size: 14px;color: #fff;position: absolute;right: 0;line-height:24px;padding-right:10px; padding-left:10px;white-space: nowrap;}
.ui-progress-bar1.color {height:24px;border-radius: 14px;margin-top: -5px;}
.ui-progress1.color {height:24px;border-radius: 14px;background-color: #e54c4c;}
.coloredmodule-1_bg,.coloredmodule-2_bg{ background:#000; padding-bottom:80px;}
.coloredmodule-3_bg{ background:#0D0D0D;}
body.fullwidth .featherlight .featherlight-content{}
body.fullwidth .featherlight .featherlight-close-icon {position: absolute;z-index: 9999;top: 0;right: 0px;line-height: 25px;width: 25px;cursor: pointer;text-align: center;font: Arial,sans-serif;background: #fff;background: rgba(255,255,255,.3);color: #000;font-size: 16px;}
.featherlight .featherlight-close-icon{}
.featherlight{ z-index:9999!important;}
.filters.btn-toolbar .btn{height:38px;}
span[itemprop="keywords"] { margin-right:5px;}
/*
	=========================================
		BOTTOMSPOT - OUR CLIENTS
	=========================================
*/
.wrap.bottomspot{max-width:100%; overflow:hidden;}
.bottomspot h3.module-title.bicolor{}
.unite-carousel-wrapper{ max-width:100%!important}
.wrap.bottomspot .t3-module .module-ct {border:0;}
.bottomspot::after {}
.wrap.bottomspot{position:relative; border-bottom:10px solid transparent;z-index:1; width:100%;}
.bottomspot .container{ background-color:transparent;}
.bottomspot-overlay{}
.bottomspot-overlay::after {}
.bottomspot-inner{ position:relative; z-index:5;}
/*
	=========================================
		BOTTOMSPOT-2 - GET A FREE QUOTA
	=========================================
*/
.wrap.bottomspot-2 {overflow: hidden;}
.bottomspot-2-module{}
.bfFormDiv{padding:20px 20px 20px 20px;}
.bfFormDiv .bfQuickMode input{ height:29px; width:100%!important;}
.bfFormDiv .bfQuickMode span.bfElemWrap{ width:50%;}
.bfQuickMode span.bfElemWrap {padding: 0px 10px 0px 5px!important;margin: 0px 0px 0px 0px!important;}
.bfFormDiv  textarea{ width:100%!important;}
.bfFormDiv .bfQuickMode .bfSubmitButton{ float:right;font-size:16px;line-height: 1;padding:6px 10px 6px 10px; margin-right:6px; margin-left:5px; margin-top:15px;transition: all 0.2s  linear 0s;border: 1px solid transparent;}
.bfrolloverbg{ background:none; background-color:transparent;border:1px solid red!important}
.contact3 .submain-3 .t3-module{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08);padding:20px 20px 20px 20px;}

/*
NAVHELPER
*/
.wrap.t3-navhelper{ position:relative;}
.wrap.t3-navhelper::before{position: absolute;content: "";width: 100%;height: 50%;left: 0;bottom: 0;z-index:1;}
.wrap.t3-navhelper .container{ position:relative; z-index:2;}
.reliable-company-wrap{ padding:30px 0px 30px 30px}
.wrap.t3-navhelper .btn.bg-white.exeltis {white-space: normal;}

/*
	=========================================
	 NEWSLETTER
	=========================================
*/
.bottomspot-3 h3,.bottomspot-3 h3 span{ background:none;}
.bottomspot-3 .acym_introtext h5,.bottomspot-3 .acymailing_introtext h5{display:inline-block;  color:#fff!important;  font-size:18px; font-weight:600; margin-bottom:0px; margin-top:5px;padding-bottom: 5px;position: relative;}
.bottomspot-3 .acym_introtext h5:before,.bottomspot-3 .acymailing_introtext h5:before{position:absolute;content:"";left:0px;right:0px;bottom:0px;border-bottom:1px solid #fff;width:100%;}
.bottomspot-3  .acyfield_email.acy_requiredField{ margin:0;float:left;}
.bottomspot-3  p.onefield.fieldacyemail { margin:0;}

div.acymailing_module-exeltis div.acymailing_introtext.exeltis,.bottomspot-3 .acymailing_introtext{color:#fff!important; padding:0px!important;}
.bottomspot-3 .acym_introtext .fa,.bottomspot-3 .acymailing_introtext .fa{font-size:60px; margin-right:20px;}
.bottomspot-3 .acym_introtext span,.bottomspot-3 .acymailing_introtext span {display: inline-block;float: left;}
.bottomspot-3{}
.bottomspot-3 .acym_introtext{ width:50%; float:left;}
.bottomspot-3 .acym_form.exeltis{ width:50%; float:left;}
.bottomspot-3 p.acysubbuttons{ display:inline-block;}
#t3-footer  .acym_form.exeltis td.acyfield_text{display:inline-block;width:100%; max-width:100%;cursor:text;}
#t3-footer td.acysubbuttons input{}
#t3-footer .acym_form.exeltis .acyfield_text input{width:100%; max-width:100%;cursor:text;}
#t3-footer .acym_form.exeltis input.button{ float:right;cursor:pointer;}

.bottomspot-3 .acym_form .exeltis input {max-width:100%;cursor:text;}
.wrap.bottomspot-3 .subbutton{ margin-left:30px; transition: all 0.2s  linear 0s;}
.bottomspot-3 .acym_form .exeltis .wrap-acym-wtcorp input#acym__user__edit__email{ background:none; cursor: text!important;}
.acym_form .exeltis input{cursor: text;}
.acym_form .exeltis input.btn{cursor: pointer; margin-top:10px;}
.acymailing_module.exeltis div.acymailing_form.exeltis { margin-top:16px!important}
.acym_module td, .acym_module tr td {border-top:0; padding-top:10px}
table.acymailing_form.exeltis {margin: 0;border: 0px !important;}
.t3-footnav .acym_module{margin-bottom:20px}

div.acymailing_module.exeltis{ display:flex;}
span.acymailing-image-exeltis{ min-width:262px;height:262px;background:url(../images/newsletter-image.png) no-repeat left;flex-grow:1;margin-right:40px;}
.ui-dialog .ui-dialog-titlebar{ display:none;}
.exeltis.ui-dialog-content .ui-dialog-titlebar-close.popupjt {border:0; position:absolute; top:15px; right:15px;margin:0px 0px 0 0;}
.ui-widget.ui-widget-content{ border:0!important}
.ui-widget-overlay {background: #000!important;opacity:.6!important;filter: Alpha(Opacity=60)!important;}
.acym_form.exeltis{ width:100%;min-height:92px;margin-top:15px;}
.acym_module_form .acym_form.exeltis  input {cursor: text;}
/*
	=========================================
	 WEATHER - SP WEATHER
	=========================================
*/
.weather_sp1_c.exeltis p.weather_sp1_city {font-size:20px;line-height: 24px;font-weight:400;}
.weather_sp1_c.exeltis .spw_row{ font-size:12px; line-height:1.4}
.weather_sp1_forecasts.exeltis .block_even,.weather_sp1_forecasts.exeltis .block_odd{ padding-left:1px;margin:2px;}
.weather_sp1_c.exeltis {margin: 0 0 20px;}
.weather_sp1.exeltis  {padding:0px;}
/*
	=========================================
	 COLUMNIST OPINION - COLUMNIST JT
	=========================================
*/
.jt_list_content.exeltis img,.jt_static_content.exeltis img{border-radius:100%;padding:4px;}
.authorname{font-size:13px;display: inline-block;}
.jt_list_content.exeltis{padding-bottom:15px;}
.eranewsdate{ color:#999999; font-size:12px; font-weight:300;}
.jt_list_content a:link, .jt_list_content a:visited, .jt_list_content a:hover, .morearticle a:link, .morearticle a:visited, .morearticle a:hover{font-weight:300; }


/*
	=======================================
		FOOTER - COPYRIGHT 
	=======================================
*/
.t3-footer{ }
.t3-footer-overlay{}
.t3-footer .t3-module .module-ct {border:0; padding:0;}
.t3-footnav.row{ margin-left:0; margin-right:0;}
body.fullwidth .t3-footnav{ z-index:3; position:relative;padding-left:100px;padding-right:100px;}
body.boxed .t3-footnav{padding-left:15px;padding-right:15px;}
.t3-footnav .t3-module h3.module-title span{ margin-left:0; padding-left:0}
.t3-footnav .t3-module h3.module-title,.t3-footnav .t3-module h3.module-title::after  { margin-left:0;padding-left:0;overflow-x: hidden;}
.t3-footnav .t3-module h3.module-title::after{opacity:0.7}
.t3-footnav .t3-module h3.module-title span::before {}
.t3-footnav .t3-module h3.module-title span::before {}
.t3-footnav .t3-module h3.module-title::before,.t3-footnav .t3-module h3.module-title span::after { display:none;}
.t3-footer .footerlogo_social_icon  .fa,.social-icons i{ width:37px; height:37px; font-size:20px;line-height:37px; padding:0 10px; text-align:center;transition: all 0.3s linear 0s;margin-right:5px;}
ul.footerlogo_social_icon li{ display:inline; float:left; margin-right:5px;}
.t3-footnav .t3-module ul.footerlogo_social_icon{ margin-top:20px}
.t3-footnav .t3-module .jt-cs.exeltis .jt-inner .jt-title { margin-bottom:0;}
.t3-footnav .t3-module .jt-cs.exeltis .readmore a.btn{ background:none;border:none; padding:0px;}
.t3-footnav .t3-module .jt-cs.exeltis p.jt-readmore { margin:0;display: inline-block;}
.t3-footnav .t3-module .jt-cs.exeltis .bt-row {padding:10px 0;}
.t3-footnav .t3-module .jt-cs.exeltis .jt-inner {padding-left: 0px;padding-right:0px;}
.t3-footnav .t3-module ul li{ margin:5px 0;}
.t3-footnav .module_menu .nav > li > a,.t3-footnav .module_menu .nav > li > .separator,.t3-footnav .module_menu .nav > li > span {	border-bottom:0;}
#t3-footer .t3-footnav img {outline: none;}
#t3-footer .t3-footnav .jt-imagecover {outline: none;}
.jt-cs.exeltis.footer .jt-imagecover{ margin-right:10px;}
.jt-cs.exeltis.footer h4,.jt-cs.exeltis.footer .bt-extra {line-height: 1.4;margin:0}
.exeltis.articles_count ul{padding-left:0px;}
.exeltis.articles_count ul li {padding:10px 0; list-style:none; margin:0;}
.exeltis.articles_count .fa{margin-right:10px;}
.exeltis.articles_count span.artcount{ float:right;}

.t3-copyright{padding-left:100px;padding-right:100px;}
.t3-copyright p{ margin-bottom:0}
.t3-copyright ul.menu li,.t3-copyright li{display:inline;float:left; margin:0;}
.t3-copyright ul.menu li a,.t3-copyright li a,.t3-copyright li span ,.t3-copyright li.separator{border-radius:0px; padding:0px 30px 0px 0px;}
.t3-copyright p,.top-login { margin:0px;}
.t3-copyright i{ margin-right:10px;}
.t3-copyright ul.menu li a:hover,.t3-copyright li a:hover ,.t3-copyright a:hover{background:none;background-color:transparent;transition: all 0.2s  linear 0s;}
.t3-copyright ul.menu li.active a,.t3-copyright li.active a { background:none}
.t3-copyright ul.dropdown-menu{ border-radius:0px; padding-left:10px; margin-top:0; margin-left:-10px;}
.t3-copyright ul.dropdown-menu li a{padding:10px;}
.t3-copyright .nav  li,.t3-copyright .nav  li a,.t3-copyright .nav  li:hover,.t3-copyright .nav  li a:hover{background:none!important;background-color:transparent!important;}
.t3-copyright ul.menu {float: right;}

.t3-sidebar .acymailing_form.exeltis{ width:100%;}
.acymailing_form.exeltis{ margin:0px 0 0 0;}
.acymailing_module_form.exeltis .acymailing_introtext.exeltis {padding-bottom:25px!important;}
.acymailing_form.exeltis td.acysubbuttons input.btn-primary{height:28px; padding:0px 12px; line-height:1;}
.acymailing_form.exeltis input.inputbox{border-radius:0px; margin-right:10px }
.acymailing_module_form.exeltis.acymailing_module_form td {padding-bottom: 15px;vertical-align: top;}
.acymailing_module_form.exeltis .button.subbutton {float:left;margin-left: 5px;}
.t3-sidebar .acymailing_form.exeltis input.inputbox{background:none;}

.t3-debug{position:fixed; right:0;top:0;z-index:999;min-height:40px;}
.t3-debug .exeltis.hikashop_cart_module{ padding:15px;}
.t3-debug .exeltis.hikashop_cart_module span.hikashop_small_cart_total_title{ padding:15px;}
.t3-debug .exeltis.hikashop_cart_module .hikashop_cart{background:url(../images/shopping-cart.png) no-repeat left 26px; padding-left:40px}
input.hikashop_checkout_coupon_field{ display:inline-block; margin-right:10px;}
.hikashop_checkout_coupon{ margin-top:10px;}


.t3-debug .exeltis.hikashop_cart_module a.hikabtn { display:block;}
.t3-debug .exeltis.hikashop_cart_module .shopping-cart-wrap{ float:right; width:auto;}
.t3-debug .exeltis.hikashop_cart_module .shopping-cart-icon{ float:right; width:40px; height:70px; display:grid;place-items:center; font-size:24px; padding-right:10px; }
/*****/
.footer-right .t3-module h3.module-title{margin-right:-51px; margin-left:-30px; padding:12px 51px 13px 30px;}
ul.footerlogo_social_icon{ margin-left:0!important;}
#exeltis-flickr img {width:77px;height:67px;}
#fancybox-wrap{ width:auto!important;}
.t3-footnav .t3-module .gallery-flickr.exeltis ul li{ margin:0px 0;}
.footer-right .gallery-flickr.exeltis ul li a{float:left;margin:0 5px 10px 5px;padding: 0;background:none;border: 0;}
.gallery-flickr.exeltis ul {margin: 0; padding:0;}
.footer-right.right-2 .t3-module h3.module-title {margin-right: -30px;margin-left: -51px;padding: 12px 30px 13px 51px;}
.footer-right.right-2 .t3-module h3.module-title::after {z-index: 1;content: "";position: absolute;width: 0;height: 0;left: -1px;bottom: -28px;/* width: 0; *//* height: 0; */border-bottom: 27px solid transparent;}
.footer-right.right-2 .t3-module h3.module-title::before {content: "";position: absolute;width: 100%;height: 100%;right: 0;top: 0;-webkit-box-shadow: inset -15px 0px 15px -9px rgba(0,0,0,0.75);-moz-box-shadow: inset -15px 0px 15px -9px rgba(0,0,0,0.75);box-shadow: inset -15px 0px 15px -9px rgba(0,0,0,0.75);}
.footer-right.right-2 .t3-module{ background:url(../images/module-grad-bg2.png) no-repeat top left}

.bottom-socialicons i{ font-size:20px; padding:0 6px}
/*
	=========================================
		COLOREDMODULE-4 - about us
	=========================================
*/

.about-us-title{ margin-top:0}
.wrap.coloredmodule-4{ background-image:url(../images/coloredmodule-4-bg-pic.jpg); background-repeat:no-repeat;background-position:center center; background-size:cover; position:relative; }
.wrap.coloredmodule-4::before{position:absolute; top:0; left:0; right:0; bottom:0; content:""; opacity:0.9;}
/*
	=======================================
		ADMISSIONS - ACCORDION
	=======================================
*/
#accordion .panel-title a:after{content: "";height: 18px;position: absolute;right:0px;top:1px;width:18px;}
#accordion .panel-title a.collapsed::after {height:18px;position: absolute;right:0px;top:1px;width:18px;}
#accordion .panel-title a{display: block;font-size: 14px;position: relative;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;transition: all 700ms ease 0s;border-radius:0px;background:transparent;outline:none;line-height:1.42857;}
#accordion .panel-default > .panel-heading ,#accordion.panel-group .panel{}
#accordion .panel-default > .panel-heading{ padding:8px 10px; }
#accordion .panel-default { border-bottom:0; border-left:0; border-right:0; border-top:0; box-shadow:none;}
#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: transparent;}
#accordion.panel-group .panel + .panel {margin-top:10px;}
#accordion.panel-group .panel-default > .panel-heading{border-radius:0px;}

/*
	=======================================
		COUNTERS
	=======================================
*/

#counter {padding: 0px;text-align: center;font-size: 50px;font-weight: 500; padding:40px 0;position:relative;}
#counter::after{ position:absolute; top:0; left:0; bottom:0; right:0; content:"";opacity:0.1; width:100%; height:100%;}
#counter i {font-size:65px;display:block;margin-bottom: 10px;transition: all 0.2s  linear 0s;}
.counter-value:hover i { transition: all 0.2s  linear 0s;}
#counter h4 {display: block;font-weight: 400;margin: 0px auto 0 auto;padding: 5px 0px 0px 0px; line-height:1; }

.counter-value {padding:15px 10px;position: relative;overflow: hidden;transition: all .8s;-moz-transition: all .8s;-webkit-transition: all .8s;-ms-transition: all .8s;-o-transition: all .8s;z-index: 1; margin:0 0px;border-radius:0px;	-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.08);-khtml-box-shadow: 0 3px 12px rgba(0,0,0,.08);-moz-box-shadow: 0 3px 12px rgba(0,0,0,.08);-ms-box-shadow: 0 3px 12px rgba(0,0,0,.08);-o-box-shadow: 0 3px 12px rgba(0,0,0,.08);box-shadow: 0 3px 12px rgba(0,0,0,.08);}
.counter-value:hover {-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.12);-khtml-box-shadow: 0 5px 15px rgba(0,0,0,.12);-moz-box-shadow: 0 5px 15px rgba(0,0,0,.12);-ms-box-shadow: 0 5px 15px rgba(0,0,0,.12);-o-box-shadow: 0 5px 15px rgba(0,0,0,.12);box-shadow: 0 17px 15px rgba(0,0,0,.12);-webkit-transition: all .2s cubic-bezier(.645,.045,.355,1);-khtml-transition: all .2s cubic-bezier(.645,.045,.355,1);-moz-transition: all .2s cubic-bezier(.645,.045,.355,1);-ms-transition: all .2s cubic-bezier(.645,.045,.355,1);-o-transition: all .2s cubic-bezier(.645,.045,.355,1);transition: all .2s cubic-bezier(.645,.045,.355,1);}
#counter-wrap{ display:flex;place-items:center; height:100%; }
#counter .timer {font-size:46px;line-height:50px;font-weight:600;letter-spacing:1px;}
.coloredmodule-1 .counter-value,.coloredmodule-1 .counter-value:hover {box-shadow:none;}
#counter.homepage{}
.counter-value{text-align: center;font-size:42px;font-weight: 500; padding:20px 0;position:relative;}
.counter-style{padding:15px 10px;}

.uppermain .container,.uppermain-5 .container{ background:none;}
#counter.homepage .counter-value {box-shadow:none;}

/*
UPPERMAIN
*/
.uppermain-6-7{ padding:40px 100px;}
/*
	=========================================================
	MEET TEAM ABOUT US PAGE PLAYERS SQUAD - ZT TESTIMONIAL
	=========================================================
*/
.jt-testimonial.exeltis.client::before{opacity:0.1;font-weight:normal;font-size:130px;font-family:FontAwesome;position:absolute;width:130px;height:130px;left:0px;top:-140px;content:"\f10e";transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);}
.jt-testimonial.exeltis.client::after{opacity:0.1;font-weight:normal;font-size:130px;font-family:FontAwesome;position:absolute;width:130px;height:130px;right:0px;bottom:-80px;content:"\f10e";}

.jt-testimonial.exeltis.team .testimonial_block-image .overlay{visibility:hidden;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;	position:absolute;top:0;left:0;width:100%;height:95%;opacity:0.2;}
.jt-testimonial.exeltis.team .testimonial_block:hover .overlay{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;visibility:visible;opacity:0.7;}

.jt-testimonial.exeltis.team .zt-social-icons{min-height:40px;}
.jt-testimonial.exeltis.team .zt-testimonial:hover  .zt-social-icons{bottom:0;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
.jt-testimonial.exeltis.team .zt-social-icons li{list-style:none;padding:5px 12px !important;font-size:15px;text-align:center;padding:0px 5px!important}
.jt-testimonial.exeltis.team .zt-testimonial .zt-information .jt-social-icons li{padding:0px 5px!important}
.jt-testimonial.exeltis.team p.zt-content{margin-bottom:0;padding:10px 15px}

.jt-testimonial.exeltis.team .name-social-wrap{z-index:3;position:relative;}

.jt-testimonial.exeltis.team .name-info-position.onimage{visibility:hidden;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;position:absolute;top:25px;left:0px;padding:0px 25px;width:100%;font-weight:bold;}
  
.jt-testimonial.exeltis.team .testimonial_block:hover .name-info-position.onimage{visibility:visible;opacity:1;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;z-index:1;display:flex;flex-direction:column;}
.jt-testimonial.exeltis.team .name-info-position.onimage .testimonial_block-name,.jt-testimonial.exeltis.team .name-info-position.onimage .testimonial_block-name h3{background:none;width:100%;color:#fff;}
.jt-testimonial.exeltis.team span.share-icon{position:absolute;display:block;top:-25px;right:26px;width:50px;height:50px;border-radius:100%;text-align:center;
font-size:14px;z-index:3;display:grid;place-items:center;}
.jt-testimonial.exeltis.team  .zt-testimonial .zt-information p.zt-content{border:0;padding:0;}
.jt-testimonial.exeltis.team .zt-testimonial .zt-information .zt-info-name{font-size:24px;}
.jt-testimonial.exeltis.team  .zt-testimonial{margin:0px 0 45px;padding:0px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-khtml-transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-transition:all .3s cubic-bezier(.645,.045,.355,1);-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border-bottom:0;}
.jt-pretext div{font-size:18px;display: flex;align-items: center;}


.jt-testimonial.exeltis.team  .jt-social-icons li{display:inline-block;}
.jt-testimonial.exeltis.team .zt-social-icons h4.zt-info-name{font-size:18px;margin:0;}
.jt-testimonial.exeltis.team a:hover{text-decoration:none;}
.zt-module-testimonial.exeltis .zt-testimonial .zt-information .zt-info-position,.zt-module-testimonial.exeltis .zt-testimonial .zt-information .zt-info-nationality,.zt-module-testimonial.exeltis .zt-testimonial .zt-information .zt-info-dateofbirth{display:block;}

.jt-testimonial.exeltis.team .owl-buttons div{opacity:1;}
.zt-module-testimonial.exeltis{}
.jt-testimonial.exeltis.team .owl-buttons{position:absolute;width:100%;top:30%;}
.jt-testimonial.exeltis.team .owl2-nav .owl2-prev{opacity:1;position:absolute;left:0px;width:43px;height:73px;border-radius:3px;text-align:center;display:grid;place-items:center;border:0;}
.jt-testimonial.exeltis.team .owl2-nav .owl2-next{opacity:1;position:absolute;right:0px;width:43px;height:73px;border-radius:3px;text-align:center;display:grid;place-items:center;border:0;}

.jt-testimonial.exeltis.team .testimonial_block-data{width:100%;margin:0}
.jt-testimonial.exeltis.team .testimonial_block-data div{margin-bottom:0px;}
.jt-testimonial.exeltis.team .jt-social-icons{float:right;width:50%;list-style:none;padding:0px 0 0px 0;display:flex;flex-wrap:wrap;justify-content:center;margin:0;align-items:center;min-height:45px;flex-direction:row;}
.jt-testimonial.exeltis.team .testimonial_block-name{font-weight:bold;margin-bottom:5px;float:left;width:50%;display:flex;flex-wrap:wrap;justify-content:center;margin:0;align-items:center;min-height:40px;flex-direction:row;margin:0; padding-left:5px}
.jt-testimonial.exeltis.team .testimonial_block-data .jt-social-icons .fa{padding:0px 5px;font-size:14px;}

.wrap.bottomspot-2 .container{background:none;padding-top:80px;padding-bottom:80px;}
.jt-testimonial.exeltis.client .jt_testimonial-block-slide{border-radius:10px;padding:30px;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.10);-khtml-box-shadow:0 2px 15px rgba(0,0,0,.10);-moz-box-shadow:0 2px 15px rgba(0,0,0,.10);-ms-box-shadow:0 2px 15px rgba(0,0,0,.10);-o-box-shadow:0 2px 15px rgba(0,0,0,.10);box-shadow:0 2px 15px rgba(0,0,0,.10);}
.jt-testimonial.exeltis.client .testimonial_block-text::after{display:none;}
.jt-testimonial.exeltis.client .jt_testimonial-info-image-wrap{display:flex;}
.jt-testimonial.exeltis.client .testimonial_block-text{line-height:1.7;font-size:18px;margin-bottom:30px;margin-bottom:20px}
.jt-testimonial.exeltis.client .owl2-nav .owl2-next,.jt-testimonial.exeltis.client .owl2-nav .owl2-prev{display:grid;place-items:center;width:32px;height:32px;border-radius:100%;transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;text-align:center;opacity:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);opacity:0;}
.jt-testimonial.exeltis.client:hover .owl2-nav .owl2-next,.jt-testimonial.exeltis.client:hover .owl2-nav .owl2-prev{opacity:1;}
.jt-testimonial.exeltis.client .testimonial_block-position{text-transform:uppercase;font-size:14px;}

.playersquad-entry.exeltis .member h2 { font-size:18px; margin-bottom:5px;}
.playersquad-entry.exeltis .member span {font-size:100%;}
.playersquad-entry.exeltis .member .playersquad-avatar {margin: 0px 0px 15px 0px;}
.playersquad-entry.exeltis .member a.profile-link {text-align: center;padding-right:12px;display: inline-block; margin-top:20px}


/*
	=========================================
	HAPPY CUSTOMERS - JT TESTIMONIAL
	=========================================
*/
.exeltis.customer img.avatar{float:right;width:64px;height:64px;box-shadow:none !important;}
.exeltis.customer .img-circle{border-radius:50%;}
.exeltis.customer  p.content-testimonial{padding:20px;position:relative;margin:0px 0px 0px 0px;min-height:10px;transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;-webkit-transition:all .8s;border-radius:5px; position:relative;}
.exeltis.customer  .testimonial_block-text::after{content:"";position:absolute;width:0;height:0;border-style:solid;bottom:-28px;right:30px;}
.exeltis.customer  .testimonial_block-text::before{content:"";position:absolute;width:0;height:0;bottom:-30px;right:26px;}
.exeltis.customer .tw-fb{display:inline-flex;align-items:center;justify-content:space-between;}
.exeltis.customer .tw-fb a{display:block;padding:12px !important;font-size:18px;text-align:center;}
.exeltis.customer .row.info{padding-right:55px;padding-left:30px}
.exeltis.customer .zt-testimonial,.exeltis.customer .zt-testimonial:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:0;background-color:transparent}
.exeltis.customer .testimonial_block-name{font-weight:500;font-size:16px;margin-bottom:5px}
.exeltis.customer [class*="col-"]{padding-left:0;padding-right:0;}
.exeltis.customer .infoblock{padding-right:15px;display:flex;flex-direction:column;justify-content:center;/* aligns content vertically */align-items:flex-end;/* aligns content horizontally */ min-height:64px;}

.jt-testimonial.exeltis.customer .jt_testimonial-info-image-wrap{display:flex;justify-content:flex-start;width:100%;padding-left:10px;align-items:center;}
.jt-testimonial.exeltis.customer .testimonial_block-image{margin-left:20px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
.jt-testimonial.exeltis.customer .jt_testimonial-block-slide{background:none;}
.jt-testimonial.exeltis.customer .testimonial_block-text::after{}
.jt-testimonial.exeltis.customer .testimonial_block-text::before {content: "";position: absolute;width: 0;height: 0;bottom: -30px;left: 25px;right: auto;margin-right: 10px;}
.jt-testimonial.exeltis.customer .testimonial_block-text::after  {content: "";position: absolute;width: 0;height: 0;border-style: solid;bottom: -28px;left: 23px;right:auto;}
.jt-testimonial.exeltis.customer .jt-social-icons{display:flex; font-size:18px;gap:7px 15px}
.jt-testimonial.exeltis.customer .jt_testimonial-info{ padding-left:15px;}
.jt-testimonial.exeltis.customer .testimonial_block-text {margin-bottom: 50px;}

.playersquad-entry.exeltis .member h2 { font-size:18px; margin-bottom:5px;}
.playersquad-entry.exeltis .member span {font-size:100%;}
.playersquad-entry.exeltis .member .playersquad-avatar {margin: 0px 0px 15px 0px;}
.playersquad-entry.exeltis .member a.profile-link {text-align: center;padding-right:12px;display: inline-block; margin-top:20px}

.wrap.bottomspot-2 .container{ background:none;}

.exeltis.client{ position:relative;}
.exeltis.client .jt-pretext, .jt-pretext p { text-align:center;}
.exeltis.client .testimonial_block-text {line-height:1.7;font-size:18px;margin-bottom:30px;text-indent:15px;}
.exeltis.client .jt_testimonial-block-slide{border-radius: 10px; margin-top:40px; margin-bottom:40px;  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.10);-khtml-box-shadow: 0 2px 15px rgba(0,0,0,.10);
 -moz-box-shadow: 0 2px 15px rgba(0,0,0,.10); -ms-box-shadow: 0 2px 15px rgba(0,0,0,.10); -o-box-shadow: 0 2px 15px rgba(0,0,0,.10); box-shadow: 0 2px 15px rgba(0,0,0,.10);}
.exeltis.client .jt_testimonial-outer.slide{padding:15px;}
.exeltis.client .testimonial_block-name h3{ margin:0;}
.exeltis.client .testimonial_block {justify-content:flex-start;}
.exeltis.client .testimonial_block-text::after{top:-10px;left:-10px;right:auto;bottom:auto;font-size:20px;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.exeltis.client .testimonial_block-position{ text-transform:uppercase; font-size:85%}
.exeltis.client::before{opacity:0.1;font-weight: normal;font-size:130px;font-family: FontAwesome;position: absolute;width:130px;height:130px;left:0px;top:0px;content: "\f10e";transform: scaleX(-1);-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-ms-transform: scaleX(-1);}
.exeltis.client::after{opacity:0.1;font-weight: normal;font-size:130px;font-family: FontAwesome;position: absolute;width:130px;height:130px;right:0px;bottom:0px;content: "\f10e"; }

/*
	=========================================
	PRICING TABLE -  CUSTOM MODULE
	=========================================
*/
.pricingtable-row .row{padding:40px 100px;}
.pricingtable-wrapper.style {box-shadow: 0 0 30px 0 rgba(0,0,0,.1);padding: 30px;}
.no-padding {padding-left: 0;padding-right: 0;}
.pricingtable-inner {text-align: center;}
h4.pricingtable-title {font-size: 22px;line-height: 28px;margin-bottom: 15px; text-align:center;}
.pricingtable-wrapper.style .pricingtable-bx {font-weight: 500;border-radius: 10px;display: inline-block;font-size:16px;margin-top: 20px;padding: 15px 25px;margin-bottom: 20px;}
.pricingtable-wrapper.style .pricingtable-bx span {font-size: 22px;}
.pricingtable-wrapper.style.active {margin: -30px -10px 0;padding: 60px 30px;position: relative;z-index: 1;}
.pricingtable-wrapper.style p {line-height: 28px;margin-bottom: 24px;}
.site-button.white {display: inline-block;padding: 12px 60px;background-color: #fff;border-radius: 100px;-webkit-border-radius: 100px;margin: 0 5px 10px 0;}
.pricingtable-inner .btn-primary{display: inline-block;padding: 12px 60px;border-radius: 100px;-webkit-border-radius: 100px;margin: 0 5px 10px 0;}

/*
	=========================================
	HAPPY CUSTOMERS - ZT TESTIMONIAL
	=========================================
*/
.zt-module-testimonial.exeltis.customer img.avatar {float: right;width:80px;height:80px;padding:4px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
.zt-module-testimonial.exeltis.customer .img-circle {border-radius: 50%;}
.zt-module-testimonial.exeltis.customer  p.content-testimonial {padding:25px;position: relative;margin:0px 0px 50px 0px;min-height: 10px;transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-o-transition: all .8s;-webkit-transition: all .8s;}
.zt-module-testimonial.exeltis.customer  p.content-testimonial::after {content: "";position: absolute;width: 0;height: 0;border-style: solid;bottom: -28px;left:23px;}
.zt-module-testimonial.exeltis.customer  p.content-testimonial::before {content: "";position: absolute;width: 0;height: 0;bottom: -30px;left:24px;margin-right: 10px;}
.zt-module-testimonial.exeltis.customer .tw-fb a {display: block;float: left;padding: 12px !important;font-size: 18px;text-align: center;}
.zt-module-testimonial.exeltis.customer .row.info {padding-left:40px;}
.zt-module-testimonial.exeltis.customer .zt-testimonial,.zt-module-testimonial.exeltis.customer .zt-testimonial:hover {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-bottom:0; background-color:transparent}
.zt-module-testimonial.exeltis.customer .name{ font-weight:500;}

/*
	===========================================
	Our Professional Services -  CUSTOM MODULE
	===========================================
*/
.xl-services-box-wrapper { padding:30px; position:relative;}
.xl-services-box-wrapper::after{position: absolute; width:0%; height:4px;opacity:0;content:""; left:0; bottom:0; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.xl-services-box-wrapper:hover::after{width:100%;opacity:1;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.xl-services-box-wrapper .fa,.xl-services-box-wrapper i{ font-size:80px;}
.services-count-2 span.services-count-number {position: absolute;right:35px;top: 20px;font-size: 120px;font-weight: 700;color: rgba(177, 177, 177, 0.7);opacity: 0.3;line-height: 120px; }
.xl-services-box-wrapper  h4 {font-size: 20px;line-height: 26px;margin-bottom: 15px;margin-top:20px;font-weight: 400;text-transform: none;}
.xl-services-box-wrapper .xl-title{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.xl-services-box-wrapper a.btn{ margin-top:20px;}
.services-content,.align-center{ text-align:center;}
.styled-bg{ position:relative; padding:5px}
.styled-bg::after{position: absolute; width:100%; height:100%;opacity:0.1;content:""; left:0; top:0;}

/*
	===========================================
	Our Best Plans -  CUSTOM MODULE
	===========================================
*/
.row.pricing-table-1{ }
.pricing-table-1 .plan{ padding:20px;border-radius:5px;}
.text-white {color: #FFF;}
.pricing-table-1 .plan-title { color:#fff;position: relative;margin: 0; font-size: 20px;line-height: 26px;}
.pricing-table-1 .plan-price {font-weight: 500;font-size: 38px;margin: 10px 0;display: inline-block;}
.pricing-table-1 .plan-features li {padding: 8px 0px;}
.pricing-table-1 .plan-features {list-style: outside none none;padding: 0 0 20px;margin: 0;list-style: outside none none;font-size: 14px;}
.pricing-table-1 a.btn{}
.pricing-table-1 .plan-features i {margin-right: 8px;color: rgba(255, 255, 255, 0.5);}
.pricing-table-1 .featured {margin-top: -10px; padding-bottom:40px;}
.pricing-table-1 .plan-select {border-top: 1px solid rgba(0, 0, 0, 0.2);padding: 20px;text-align: center;}
/*
	===========================================
	CONTACT PAGE - 
	===========================================
*/
.contact-right .dl-horizontal dt {width: auto;}
.contact-right .dl-horizontal dd {margin-left: 0px;margin-bottom: 20px;}
.contact.exeltis i,.contact.exeltis .fa{ font-size:26px;line-height:1; margin-right:5px; vertical-align:middle}
.contact.exeltis .contact-text{padding-left: 30px;}
.contact.exeltis .info-title{ font-weight:500}
.contact-form.exeltis .well {box-shadow: none; background-color:transparent;}
.contact.exeltis .msc-info{border-style:solid; padding:20px}
.contact.exeltis .form-horizontal .control-group .control-label {text-align: left; width:110px}
.contact.exeltis .form-horizontal .control-group .controls{ margin-left:110px;}
.contact.exeltis label#jform_spacer-lbl{ font-size:12px}
.contact.exeltis label{ font-weight:normal;}
.contact-form.exeltis #jform_contact_message {width: auto;height:155px;}
.contact-form.exeltis input{ height:29px;}
.contact-form.exeltis #jform_contact_emailmsg {width: auto!important;}
.contact-exeltis-h3{ visibility:hidden}
.gm-style .gm-style-iw-c { background-image:url(../images/building-small.png); background-repeat:no-repeat; background-position:5px center; border-radius:0px;padding:17px 18px 18px 50px!important;}
.contact.exeltis .dl-horizontal dd {margin-left: 0;}
.contact.exeltis .contact-miscinfo .dl-horizontal{ margin-bottom:0}

 .qf3form.example2 .qf-exeltis .qf3txt input, .qf3form.example2 .qf-exeltis select, .qf3form.example2  textarea.qf-exeltis  {border-radius:0px;font-size: 82%;}
 .qf3form.example2 .qf3btn input.btn-primary{border-radius:0px;padding:10px 12px;border:0;font-size:100%;}
/*
	===========================================
	    BREADCRUMBS - 
	===========================================
*/
.wrap.t3-breadcrumbs {padding:60px 0;width: 100%;position: relative;}
.t3-breadcrumbs,.t3-breadcrumbs-inner{ position:relative; }
+.t3-breadcrumbs::before{ position:absolute; top:0; left:0; bottom:0; right:0; content:"";opacity:0.6; z-index:0; width:100%; height:100%;}
.t3-breadcrumbs .container{ position:relative;padding:15px;opacity: 0.8; background:none; z-index:3;}
.t3-breadcrumbs-inner::after{ position:absolute; top:0; left:0; bottom:0; right:0; content:"";opacity:0.7; z-index:1; width:100%; height:100%;}
.t3-breadcrumbs-module{position:relative; z-index:2;}
.breadcrumb{background-color:transparent; color:#fff;}
.t3-breadcrumbs h1 {color: #fff;float: left;font-size:42px;font-weight:600;margin: 0;}
.t3-breadcrumbs [class*="col-"]{padding-left:0!important;}
.t3-breadcrumbs .breadcrumb > li,.t3-breadcrumbs .breadcrumb > li + li {margin: 7px 0 0;text-align: left;}
.t3-breadcrumbs .breadcrumb > li.active{color:#fff!important;}
.t3-breadcrumbs .breadcrumb{ float:right;}
.t3-breadcrumbs .breadcrumb a:hover{ color:#fff;}
.breadcrumb > li + li::before { font-size:16px;font-weight: 500;font-family:FontAwesome}


/*
	==================================================
		VIDEO - YENDIF VIEDO SHARE
	==================================================
*/ 
.yendif-video-share.videos.exeltis{ padding:10px 0;}
.yendif-video-share.videos.exeltis .thumbnails .col-md-3,.yendif-video-share.videos.exeltis .thumbnails .col-sm-3{}
.yendif-video-share.videos.exeltis ul.thumbnails,.related-exeltis ul,.yendif-video-share.categories.exeltis ul{ padding:0;}
.yendif-video-share.videos.exeltis .thumbnails li,.related-exeltis li,.yendif-video-share.categories.exeltis li,.yendif-video-share.my-videos.exeltis li{ list-style:none; margin-left:0;}
.yendif-video-share.videos.exeltis .yendif-video-share-image ,.yendif-video-share.categories.exeltis .yendif-video-share-image{display: block;padding: 0px;margin-bottom:15px;line-height:1.42;border:0;border-radius:0px;-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.10);-khtml-box-shadow: 0 2px 15px rgba(0,0,0,.10);-moz-box-shadow: 0 2px 15px rgba(0,0,0,.10);-ms-box-shadow: 0 2px 15px rgba(0,0,0,.10);-o-box-shadow: 0 2px 15px rgba(0,0,0,.10);box-shadow: 0 2px 15px rgba(0,0,0,.10);}
.yendif-video-share.videos.exeltis [class*=' col-']{ padding-left:10px; padding-right:10px;}
.yendif-video-share.videos.exeltis ul{ margin:0;}

.yendif-video-share .yendif-play-icon {position: absolute;width:56px;height:56px;margin: -26px 0px 0px -26px;padding: 0px;top: 50%;left: 50%;z-index: 2;opacity:0.85;}
.yendif-video-share.exeltis a:hover { text-decoration:none;}
.yendif-video-share.exeltis .btn-primary{ text-transform:uppercase;}
.yendif-video-share.videos.exeltis .more_btn{ position:relative; font-size:12px; font-weight:bold;}
.yendif-video-share.videos.exeltis .more_btn-inner{ position:absolute; right:-11px; top:-56px;line-height: 1;padding:2px 5px;}++
.yendif-video-share.category.exeltis ul.thumbnails{ padding:0; display:flex;flex-wrap:wrap;}
.yendif-video-share.category.exeltis ul.thumbnails li{ list-style:none;}
.yendif-video-share.category.exeltis  .yendif-video-share-image,.related-exeltis .yendif-video-share-image,.yendif-video-share.my-videos.exeltis .yendif-video-share-image{display: block;padding: 4px;margin-bottom: 30px;line-height: 1.42;border: 1px solid transparent;border-radius: 0px;-webkit-transition: border 0.2s ease-in-out;-o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out;-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);transition: all 0.2s linear 0s;}
.yendif-video-share.exeltis .radio.inline + .radio.inline, .yendif-video-share.exeltis .checkbox.inline + .checkbox.inline {margin-left: 10px;}
.yendif-video-share.exeltis .radio.inline, .yendif-video-share.exeltis .checkbox.inline {display: inline-block;padding-top: 5px;margin-bottom: 0;vertical-align: middle;}
.yendif-video-share .radio input[type="radio"], .yendif-video-share .checkbox input[type="checkbox"] {margin: 2px 10px 2px 2px; position:relative;}

.yendif-video-share.exeltis .form-search input, .yendif-video-share.exeltis .form-inline input, .yendif-video-share.exeltis .form-horizontal input, .yendif-video-share.exeltis .form-search textarea, .yendif-video-share.exeltis .form-inline textarea, .yendif-video-share.exeltis .form-horizontal textarea, .yendif-video-share.exeltis .form-search select, .yendif-video-share.exeltis .form-inline select, .yendif-video-share.exeltis .form-horizontal select, .yendif-video-share.exeltis .form-search .help-inline, .yendif-video-share.exeltis .form-inline .help-inline, .yendif-video-share.exeltis .form-horizontal .help-inline, .yendif-video-share.exeltis .form-search .uneditable-input, .yendif-video-share.exeltis .form-inline .uneditable-input, .yendif-video-share.exeltis .form-horizontal .uneditable-input, .yendif-video-share.exeltis .form-search .input-prepend, .yendif-video-share.exeltis .form-inline .input-prepend, .yendif-video-share.exeltis .form-horizontal .input-prepend, .yendif-video-share.exeltis .form-search .input-append, .yendif-video-share.exeltis .form-inline .input-append, .yendif-video-share.exeltis .form-horizontal .input-append {display: inline-block;*display: inline;margin-bottom: 0;vertical-align: middle;}
.yendif-video-share.video.exeltis .input-append input, .yendif-video-share.video.exeltis .input-append select, .yendif-video-share.video.exeltis .input-append .uneditable-input {-webkit-border-radius:0x;-moz-border-radius:0px;border-radius:0px;position: relative;display: inline-block;margin-bottom: 0; margin-right:10px;}

.yendif-video-share-related.exeltis{ margin-top:30px}
.yendif-video-share.exeltis .card{ margin-bottom:30px;}
.yendif-video-share.exeltis .card-body{ padding:10px}
.yendif-video-share.exeltis .yendif-video-share-info div,.yendif-video-share.exeltis .card-body div{margin:5px 0;}
.yendif-video-share.exeltis .author-date,.yendif-video-share.exeltis .ratings-likes-wrap{display:flex;gap:15px}

.vjs-playlist.white.exeltis { border-radius:0px 3px 3px 0px;}
.exeltis .yendif-video-share-image{transition: all 0.2s linear 0s;opacity: 1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1); }
.exeltis .yendif-video-share-image:hover   {transition: all 0.2s linear 0s;-webkit-transform: scale(1.15,1.15);-moz-transform: scale(1.15,1.15);-ms-transform: scale(1.15,1.15);-o-transform: scale(1.15,1.15);transform: scale(1.15,1.15);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.exeltis .yendif-video-share-image::before {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 );bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition:all ease-in-out 1s;-webkit-transition: all ease-in-out 0.5s;;z-index: 3;}
.exeltis .yendif-video-share-image:hover::before{opacity: 1;}
a.yendif-video-share-image.exeltis{overflow:hidden;}
.yendif-video-share.category.exeltis .yendif-video-share-image .yendif-video-share-image,.related-exeltis .yendif-video-share-image .yendif-video-share-image {transition: all ease-in-out 0.5s;}
.yendif-video-share.category.exeltis .yendif-video-share-image:hover .yendif-video-share-image,.related-exeltis .yendif-video-share-image:hover .yendif-video-share-image {transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;transform: scale(1.05, 1.05);-webkit-transform: scale(1.05, 1.05);overflow: hidden;}
.yendif-video-share.category.exeltis a.yendif-video-share-image,.related-exeltis a.yendif-video-share-image  {overflow:hidden;}
.yendif-video-share.videos.exeltis .yendif-video-share-image .caption {padding:10px 15px 15px 15px;}

.yendif-video-share.category.exeltis .yendif-video-share-image .yendif-video-share-image::before,.related-exeltis .yendif-video-share-image .yendif-video-share-image::before {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 );bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all ease-in-out 1s;-webkit-transition: all ease-in-out 0.5s;z-index: 3;}
.yendif-video-share.category.exeltis .yendif-video-share-image:hover .yendif-video-share-image::before,.yendif-video-share-image::before,.related-exeltis .yendif-video-share-image:hover .yendif-video-share-image::before {opacity: 1;}
.yendif-video-share.category.exeltis .yendif-video-share-image .yendif-play-icon,.related-exeltis .yendif-video-share-image .yendif-play-icon{position: absolute;width: 56px;height: 56px;margin: -25px 0px 0px -25px;opacity:0.80;}
.t3-wrapper .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,.t3-wrapper  .yendif-video-share-ratings-small .yendif-video-share-ratings-stars .yendif-current-ratings,.t3-wrapper  .yendif-video-share-ratings-small .yendif-ratings-star a:hover {background-image: url(../images/star_small.png) !important;}
.yendif-video-share.exeltis .playlist-item.d-flex{display:flex;gap:10px; padding:10px;}
.yendif-video-share.exeltis .flex-shrink-0{flex:2}
.yendif-video-share.exeltis .flex-grow-1{flex:5}
.yendif-video-share-search-form .input-group{display:flex; margin-bottom:30px;}
/*
	=========================================
		BLOG - BT CONTENT SLIDER
	=========================================
*/
.jt-cs.exeltis.blog .jt-inner img{}
.jt-cs.exeltis .next.exeltis,.jt-cs.exeltis .prev.exeltis{ display:inline-block;bottom:0px; height:35px; width:35px;opacity:1;}
.exeltis .bt-arrows.exeltis{ position:relative;margin-top:40px}
.jt-cs.exeltis .bt_handles_num {position:relative!important; z-index:1; text-align: center;}
.jt-cs.exeltis .bt_handles_num li{float:none; display:inline-block; margin:0 5px!important;}
.jt-cs.exeltis .bt_handles_num li a{ font-size:14px; line-height:33px; height:35px; width:35px; float:none;}
.exeltis .bt_handles_num li a:hover{ color:#fff!important}
.jt-cs.exeltis a.prev.exeltis{left:15%; z-index:2;opacity:1;text-indent:0; background:none!important;}
.jt-cs.exeltis a.next.exeltis{right:15%; z-index:2;opacity:1; text-indent:0;background:none!important;}
.jt-cs.exeltis a.prev.exeltis .fa,.jt-cs.exeltis a.next.exeltis .fa{ font-size:20px; line-height:32px}
.jt-cs.exeltis.blog .bt-intro-title-container {padding:0px 0px;float:none;}
.jt-cs.exeltis.blog .bt-extra {margin-bottom:10px;padding: 0;}
.jt-cs.exeltis.blog .jt-introtext{ text-align:justify;} 
.jt-cs.exeltis.blog .bt-row-separate {margin: 0px 0px 15px 0px; padding-top:15px;}
/*
	====================================================
		PORTFOLIO - SP SIMPLE PORTFOLIO MODULE 
	====================================================
*/

#sp-simpleportfolio {}
.sp-simpleportfolio.exeltis {}
.sp-simpleportfolio.exeltis .sp-simpleportfolio-filter > ul > li > a{border-radius:3px;}
.featherlight .featherlight-content,.featherlight{ z-index:999!important}
.sp-simpleportfolio .sp-simpleportfolio-item.exeltis .sp-simpleportfolio-info{ position:relative;padding:50px 20px 30px 20px;}
.sp-description.exeltis{ clear:both; line-height:1.42; text-align:justify}
.sp-simpleportfolio-created.exeltis-overimage{ font-size:19px;  line-height:1.1; padding-top:7px; text-align:center; width:60px; height:60px; display:block; overflow:hidden; position:absolute;top:-30px; left:20px; z-index:3}
.sp-simpleportfolio .sp-simpleportfolio-item.exeltis .sp-simpleportfolio-info h3 a,.sp-simpleportfolio .sp-simpleportfolio-item.exeltis .sp-simpleportfolio-info h3{ font-weight:bold; font-size:20px; margin-bottom:10px;}
.sp-simpleportfolio-client.exeltis.col-sm-6,.sp-simpleportfolio-client.exeltis.col-md-6{ padding-left:0; padding-right:10px;}
.sp-simpleportfolio-client.exeltis, .sp-simpleportfolio-created.exeltis{ margin-bottom:15px;}
.sp-simpleportfolio-client.exeltis h4, .sp-simpleportfolio-created.exeltis h4{ font-size:13px;}
.sp-simpleportfolio-client.exeltis h4 span, .sp-simpleportfolio-created.exeltis h4 span{ font-weight:bold;}
.sp-simpleportfolio-info.exeltis:hover h4{ color:#fff;}
.sp-simpleportfolio .sp-simpleportfolio-item.exeltis .sp-simpleportfolio-link{ text-align:right; margin-top:30px;}
.sp-simpleportfolio .sp-simpleportfolio-item.exeltis .sp-simpleportfolio-btns a{}
.filters.btn-toolbar .btn{height:38px;}
span[itemprop="keywords"] { margin-right:5px;}
.sp-simpleportfolio .sp-simpleportfolio-description.exeltis{ width:100%; margin-bottom:15px;}
.sp-simpleportfolio-meta.exeltis{ width:100%; padding-left: 0px;}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {margin: 0 5px 10px 5px;}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {color:#fff}
.sp-simpleportfolio .sp-simpleportfolio-meta.exeltis > div { margin-bottom:10px; padding-bottom:10px}
.sp-simpleportfolio-link a.btn{ margin-top:15px; margin-bottom:15px;}

.sp-simpleportfolio.exeltis .sp-simpleportfolio-item .sp-simpleportfolio-btns a {border-radius:0px;}
.sp-simpleportfolio.exeltis .sp-simpleportfolio-meta h4 {font-weight: 400;}
.sp-simpleportfolio.exeltis .sp-simpleportfolio-image[class*=' col-']{ padding-left:0;}
.sp-simpleportfolio.exeltis .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {width: 33.3334%;}
.sp-simpleportfolio.exeltis .sp-simpleportfolio-item:hover .sp-simpleportfolio-info {color: #fff;}

.sp-simpleportfolio.exeltis.specialwork .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
	display: inline-block;
	padding: 3px 6px;
	margin: 3px;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.sp-simpleportfolio.exeltis.specialwork .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a { font-size:14px!important;}
/*
	====================================================
		LOGIN - REGISTRATION
	====================================================
*/
.registration{-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08); padding:15px; }
.registration .form-horizontal .control-group .control-label{ text-align:left}
.registration label {font-weight:400;}
.registration .form-actions,.reset .form-validate p, .remind .form-validate p {}
#login-form li {list-style: none;margin-bottom: 7px;}
#login-form ul.unstyled {padding-left: 0;}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-top-left-radius: 0;border-bottom-left-radius: 0;}
input.validate-email.required{}

div.eduvest{ position:relative; overflow:hidden;}
div.eduvest::before {transition: all 0.5s ease-in-out 0s;
	background-color: #000;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	z-index:5;
	right: 0;
	top: 0;
	opacity:0;
}
div.eduvest:hover::before{opacity: 0.5;transition: all 1s ease-in-out 0s;}
div.eduvest img{transition: all 1s ease-in-out 0s;}
div.eduvest:hover img{transition: all 1s ease-in-out 0s;transform: scale(1.05);}
div.eduvest p{ margin:0;}
div.eduvest a.eduvest-link {
	position: absolute;
	z-index: 6;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
}
/*========================== Color Preset =========================*/
.presetArea{z-index: 9999;padding: 15px 13px 15px 20px; background:#FFF}
.presetArea H3{background:#FFF}
.jpanelHandle {}
.switch:focus{color: #FFF;}
.presetArea h2{color: #fff!important;font-size: 30px!important;font-weight: 700!important;line-height: 23px!important;margin: 0;text-align: left;text-transform: uppercase;}
.presetArea h2 span{font-weight: 100;display: inline-block;width: 100%;}
.accentColor{width: 100%;position: relative;margin-top:0px;}
.psTitle{font-size:18px!important;color:#171e36!important;margin:0px;text-align: left;margin-bottom:15px;font-weight:400;letter-spacing:0.8px;}
.psTitle span{font-weight: 100;display: inline-block;width: 100%;}
.accentColor a{background:#3D566E;display: inline-block;height: 30px;margin-bottom: 6px;margin-right: 6px;width: 30px;position: relative;cursor: pointer;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);}

.accentColor a.color1{background:#2C2C2C;}
.accentColor a.color1::after{border-left-color:#ce2323;}

.accentColor a.color2{background:#213360;}
.accentColor a.color2::after{border-left-color: #21cdc0;}

.accentColor a.color3{background: #111111}
.accentColor a.color3::after{border-left-color: #092591;}

.accentColor a.color4{background: #15191C }
.accentColor a.color4::after{border-left-color:#2098df;}

.accentColor a.color5{background:#444444;}
.accentColor a.color5::after{border-left-color:#29A19C;}

.accentColor a.color6{background:#336179;}
.accentColor a.color6::after{border-left-color: #132F32;}

.accentColor a.color7{background:#0d1d29 ;}
.accentColor a.color7::after{border-left-color: #fd5d00;}

.accentColor a.color8{background:#182641;}
.accentColor a.color8::after{border-left-color: #f3525a;}

.accentColor a.color9{background:#512B58;}
.accentColor a.color9:::after{border-left-color: #FE346E;}

.accentColor a.color10{background:#0c263b;}
.accentColor a.color10::after{border-left-color: #ed1c24;}

.accentColor a.color11{background:#262627;}
.accentColor a.color11::after{border-left-color:#F2503B;}

.accentColor a.color12{background:#25567c;}
.accentColor a.color12::after{border-left-color:#F2C300;}

.accentColor a:focus,.colorChem a:focus,.layoutstyle a:focus{ outline:none;}
.accentColor a:after{border-bottom: 0 solid transparent;border-left: 30px solid #E74C3C;border-top: 30px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}
.colorChem a.dark1{background:#151F28;}
.accentColor a.dark1:after{border-bottom: 0 solid transparent;border-left:41px solid #E01A22;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}
.colorChem a.dark2{background:#212b34;}
.accentColor a.dark2:after{border-bottom: 0 solid transparent;border-left: 41px solid #3f6e9a;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}
.colorChem a.dark3{background:#3d464f;}
.accentColor a.dark3:after{border-bottom: 0 solid transparent;border-left:41px solid #b81e20;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}
.colorChem a.dark4{background:#262626;}
.accentColor a.dark4:after{border-bottom: 0 solid transparent;border-left: 41px solid #ff5000;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}
.colorChem a.dark5{background:#3A4750;}
.accentColor a.dark5:after{border-bottom: 0 solid transparent;border-left: 41px solid #00adb5;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}

.colorChem a.dark6{background:#263859;}
.accentColor a.dark6:after{border-bottom: 0 solid transparent;border-left: 41px solid #ff6768;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}
.accentColor a.active:before, .accentColor a:hover:before,.accentColor a:focus:before{background: url("../images/tick.png") no-repeat scroll center center;bottom: 4px;content: "";height: 8px;left: 4px;position: absolute;width: 11px;z-index: 999;transition: all ease 700ms;-moz-transition: all ease 700ms;-webkit-transition: all ease 700ms;-ms-transition: all ease 700ms;-o-transition: all ease 700ms;}
.colorChem{width: 100%;position: relative;margin-top: 25px;}
.colorChem a{color: #fff;display: inline-block;font-size: 10px;font-weight: 600;height: 40px;line-height: 8px;text-align: center;text-indent:10px;letter-spacing:0.7px;text-transform: uppercase;width: 90px;padding-top: 16px;margin-right:3px;margin-bottom:13px;transition: all ease 700ms;-moz-transition: all ease 700ms;-webkit-transition: all ease 700ms;-ms-transition: all ease 700ms;-o-transition: all ease 700ms;}
.colorChem a:hover, .colorChem a.active{background: rgba(0, 0, 0, 0.8);color: #FFF;}
.colorChem a:last-child{margin-right: 0px;}
.layoutstyle{width: 100%;margin-top: 30px;position: relative;}
.layoutstyle a{display: inline-block;width: auto;height: 30px;font-size: 10px;line-height: 8px;text-transform: uppercase;color: #171e36;font-weight: 600;text-align: left;padding-left: 40px;padding-top: 11px;position: relative;transition: all ease 700ms;-moz-transition: all ease 700ms;-webkit-transition: all ease 700ms;-ms-transition: all ease 700ms;-o-transition: all ease 700ms;}
.layoutstyle a.wide{background: url(../images/wide.png) no-repeat left center;}
.layoutstyle a.Box{background: url(../images/boxed.png) no-repeat left center;}
.layoutstyle a.patterned{background: url(../images/pattern.png) no-repeat left center;display:block;margin:5px 0;}
.layoutstyle a.Box.fixedimage,.layoutstyle a.patterned,.layoutstyle a.solidcolor{ width:100%;}
.layoutstyle a.active:before, .layoutstyle a:hover:before{background: url("../images/tick.png") no-repeat scroll center center rgba(0, 0, 0, 0);bottom: 0;content: "";height: 23px;left: 0;position: absolute;top: 0;width: 32px;z-index: 999;transition: all ease 700ms;-moz-transition: all ease 700ms;-webkit-transition: all ease 700ms;-ms-transition: all ease 700ms;-o-transition: all ease 700ms;}
.layoutstyle a:hover{color: #DE3C2F;}
.presetBorder{width: 100%;height: 1px;background: #5e5e5e;margin: 30px 0;}
.layoutstyle p{font-size: 14px;color: #cccccc;line-height: 11px;margin-bottom: 15px;}
.jpanelHandle{ z-index:9999;box-shadow:none;}
.jpanelContent h2 {display: none;}
.jpanelHandle .fa,.jpanelHandle img{ line-height:100%;padding-top:0px;padding-bottom:4px;}
table.dark-colors td{ padding-right:15px; border-top:0;}
#date-and-doc .bfLabelLeft label{ width:20%;font-weight:400;margin:5px 10px 0px 5px;}
#date-and-doc button.bfCalendar {height: 25px;margin:4px 0px 0px 5px;float:none;border-radius:0px; padding:3px 5px}
#date-and-doc section.bfLabelLeft .bfElementGroupNoWrap{ width:60%;}
#date-and-doc button.bfCalendar [class^="icon-"]::before,#date-and-doc button.bfCalendar [class*=" icon-"]::before {display: block;}
#date-and-doc select.chzn-done{ width:60%;}
.sidepanel-exeltis .ui-slideouttab-handle{ padding-left:15px; padding-right:15px;}
/*
	=======================================
		SOCIAL COUNTER
	=======================================
*/
.sj-social-media-counts.exeltis .sc-wrap.cf{ margin-right:-5px; margin-top:-10px;}
.sj-social-media-counts.exeltis  .sc-wrap .sc-item .sc-item-inner {margin: 0 5px 0 0px;}
.sj-social-media-counts.exeltis .sc-wrap .sc-item{margin-bottom:0px; margin-top:10px}
/*
	=======================================
		MOBILE
	=======================================
*/
@media screen and (max-width:1200px){
.zt-module-testimonial.exeltis.customer img.avatar {float:left;}
.zt-module-testimonial.exeltis.customer img.avatar { margin-bottom:15px;}
body.fullwidth .t3-footnav,.t3-copyright {padding-left:15px;padding-right:15px;}
}
@media screen and (max-width:990px){
.topbar { font-size:12px;}
}
@media screen and (max-width:767px){
.background-patternwrapper{ padding-top:0;}
body.boxed #background-shadow {margin-top:0px;margin-bottom:0px;}
.bg-pattern {padding-top:0px;}
#background-shadow{ margin-top:0;}
.logo::after {right:0px;}
.mainnav-inner.pull-right {float: none !important;}
#t3-mainnav.navbar-default .navbar-nav li > a,#t3-mainnav.navbar-default .navbar-nav li > .separator,#t3-mainnav.navbar-default .navbar-nav li > span{ padding:10px 15px; display:block;}
.t3-mainnav .t3-navbar-collapse .nav .caret{ position:absolute; right:12px;}
.ztTestimonial.exeltis.owl-theme .owl-controls .owl-buttons .owl-prev{ left:0px;}
.ztTestimonial.exeltis.owl-theme .owl-controls .owl-buttons .owl-next{right:0px;}
.off-canvas-toggle{display:none;}
.col-xs-12.col-sm-7.mainnav-con{ padding-left:0; padding-right:0;}
#t3-mainnav.navbar{ border:0;min-height: 0px;}
#t3-mainnav .dropdown-menu,.mainnav-con{margin-top: 0;}
#t3-header {padding: 15px  0;}
#t3-header.affix-top .navbar-toggle,#t3-header.affix .navbar-toggle{position: absolute;right: 0; margin-top:0; z-index:99; top:-41px;}

.navbar-header {}
.navbar-default .navbar-collapse {overflow-y: scroll;max-height: 100vh;}
.t3-header.affix .navbar-header {width:100%; top:0;position: relative; z-index:1; }
#t3-header.affix #t3-mainnav.navbar-default .navbar-nav > li > a,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav li > .separator,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav li > span,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav > li > .nav-header{ line-height:1.42;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {}
.ztTestimonial.exeltis img.avatar {float:left;}
.zt-module-testimonial.exeltis .zt-info-colon {padding-left:15px; margin-top:30px;}
.colored_spot2 {padding-top:20px;padding-left:15px;}
.ztTestimonial.exeltis-team p.content-testimonial{ margin-left:0;border-bottom:0; margin-top:0; margin-bottom:0;}
.ztTestimonial.exeltis-team .name {line-height: 100%;font-size: 16px;margin-bottom:5px;}
.zt-module-testimonial.exeltis-team .carousel-control.left {left:auto;right:35px;}
.zt-module-testimonial.exeltis-team .carousel-control.right {right:0px;left: auto;}
.zt-module-testimonial.exeltis-team .carousel-control {font-size: 30px;}
.ztTestimonial.exeltis p.content-testimonial {margin-bottom:10px;}
.zt-module-testimonial.exeltis .carousel-indicators {margin:0px 0px 0px 0;}
.zt-module-testimonial.exeltis-team {padding-top: 15px;}
.zt-module-testimonial.exeltis .carousel {padding-bottom:20px;}
.zt-module-testimonial.exeltis.ourclient { padding:15px;}

.bottomspot-2-module .bfFormDiv {margin-top: 0px;max-width: 570px;width:auto;float: left;}
.bfQuickMode .bfPageIntro h3,.bottomspot-2-module h3 { font-size:30px;}
.bottomspot-2-module {background: none;padding-bottom:15px;}
.bottomspot-2-module .bfQuickMode textarea,.bottomspot-2-module textarea,.bfQuickMode textarea,.bfQuickMode .bfLabelLeft textarea{ max-width:100%;}
.bottomspot-3 .acym_introtext ,.bottomspot-3 .acymailing_introtext{width: 100%;float:left; margin-bottom:10px!important}
table.acym_form{ float:left;}
.t3-breadcrumbs .breadcrumb {float:left;}
.t3-breadcrumbs {font-size:90%}
.wrap.t3-breadcrumbs {padding:40px 0;}
.pricingtable-row .row {padding:40px 60px;}
.pricing-table-1 .plan ,.iconservices-col{margin-bottom: 30px;}
.t3-copyright ul.menu li a, .t3-copyright li a, .t3-copyright li span, .t3-copyright li.separator {padding: 0px 15px 0px 0px;}
.t3-copyright ul.menu {float: left; margin-top:15px}
.contact.exeltis .form-horizontal .control-group .controls {margin-left: 0;}
.contact-form.exeltis #jform_contact_emailmsg{width:100%!important;}
.contact-form.exeltis #jform_contact_message{width:100%;}

.unite-carousel-wrapper{ max-width:100%!important}
.sp-simpleportfolio.exeltis .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {width:100%;}
div.itemToolbar ul {text-align: left;}
div.itemHeader span.itemAuthor,div.itemCategory {margin-bottom:10px;}
#t3-mainnav.navbar {float: none;}
.col-xs-12.mainnav-con{ padding-left:0; padding-right:0; min-height:0px;}
.col-xs-12.ourstory-text,.col-xs-12.colormodule-2-text,.xl-services-box-wrapper,.counter-style {margin-bottom:30px;}
.colormodule-2-text h1,.colormodule-2-text p.colormodule-2-phone { font-size:24px;}
.topbar {min-height: 0;}
.col-xs-12.topbar-left { margin-top:10px;}
.topbar .col-xs-12{ margin-bottom:15px;}
.topbar .row{display:block;}
.topbar-right[class*=" col-"] {padding-right:15px;padding-left:15px;}
.bfFormDiv{width:100%;}
.navbar-collapse{box-shadow:none}
.jt-imagecover{ max-width:100%!important}
.orbit-container.exeltis .orbit-slides-container > * .orbit-caption {max-height:150px;padding:10px;}
.orbit-container.exeltis h3.slide-title, .orbit-container.exeltis h3 { margin-bottom:5px;font-size:20px; font-weight:400}
.jt-inner.exeltis.scrollingnews {padding: 0 0px 30px 0px;}
.aboutus-home-image img,.aboutus-home-text{ margin-bottom:20px!important;}
.subslider-2.col-sm-12.col-md-4 {margin-top:15px}
.tabs-left .items_mask,.tabs-left .tabs_buttons {float:none;width:100%;}
.tabs-left.tab-padding.tabs-left {padding-left:15px !important;}
.tabs-left .tabs_buttons { margin-bottom:15px;}
.tabs-left ul.tabs_container li.tab {font-size:18px;}
.tabs-left ul.tabs_container li.tab.active {-webkit-transform:none;-khtml-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.tabs-left ul.tabs_container li.tab.active::after { display:none;right:0px;}
span.acymailing-image-exeltis{min-width:122px; height:122px; margin-right:20px;background:url(../images/newsletter-image.png) no-repeat left;flex-grow:1; margin-right:20px; background-size:contain;}
h1.newsletter-title{ font-size:18px;}
.ui-widget.ui-widget-content{ margin-right:30px!important; margin-left:30px!important}
.counters-wrap{ display:block;}
.aboutus-home-text h3,.aboutus-home-banner-meta h3{ font-size:14px;}
.aboutus-home-banner-desc{ font-size:12px; line-height:1.1;}
.aboutus-home-text.col-md-6, .aboutus-home-text.col-lg-6, .aboutus-home-text.col-sm-6 { margin-top:50px}
#t3-mainnav.navbar-default .navbar-nav > li > a, #t3-mainnav.navbar-default .navbar-nav li > .separator, #t3-mainnav.navbar-default .navbar-nav li > span, #t3-mainnav.navbar-default .navbar-nav > li > .nav-header {line-height: 1.2;}
#t3-mainnav.navbar-default li::after,#t3-mainnav .dropdown-menu::before, .t3-megamenu .dropdown.mega.open > .mega-dropdown-menu::before, .t3-megamenu li.dropdown::before{ display:none;}
.bfQuickMode.exeltis-contact input[type="text"], .bfQuickMode.exeltis-contact textarea, .bfQuickMode.exeltis-contact .uneditable-input, .bfQuickMode.exeltis-contact input[type="text"]:hover, .bfQuickMode.exeltis-contact textarea:hover, .bfQuickMode.exeltis-contact .uneditable-input:hover, .bfQuickMode.exeltis-contact input[type="text"]:focus, .bfQuickMode.exeltis-contact textarea:focus, .bfQuickMode.exeltis-contact .uneditable-input:focus {width:100%;max-width: 100%;min-width: 100%;}
.sidepanel-exeltis .ui-slideouttab-handle{ display:none!important;}
.jt-icon-box .jt-icon-box-content {margin-left:0px; margin-bottom:50px}
.topbar ul.menu li a,.topbar li a,.topbar ul.menu li > .separator, .topbar ul.menu li > span {font-weight:300;   padding:0px 10px 0px 0px; cursor:pointer}
.jt-cs.exeltis-1 .jt-inner{margin:0px;padding:0px;}
.yendif-video-share.videos.exeltis .yendif-video-share-images [class*=' col-'], .yendif-video-share.videos.exeltis .thumbnails [class*=' col-'],.jt-cs.exeltis .jt-inner,.contact-right[class*=' col-'],.contact-left[class*=' col-'],.zt-testimonial.exeltis.customer [class*=' col-'],.yendif-video-share.category.exeltis ul.thumbnails li[class*=' col-'],.yendif-video-share.category.exeltis ul.thumbnails{ padding-left:0; padding-right:0;}
.jt-cs.exeltis .jt-inner{ padding-top:0;}
.djl_theme_bootstrap.mod_djl_schedule.exeltis.fixture .owl-carousel .owl-item {padding: 0px 0px;}
.jt-cs.exeltis-2 .jt-inner.news {margin: 15px 0px;padding:0px;}
.jt-cs.exeltis-2.projects a.prev {left: -15px;}
.jt-cs.exeltis-2.projects a.next {right: -15px;}
.hikashop_product.exeltis div.hikashop_container {margin: 10px 0px!important;}
.hikashop_product.exeltis { padding:0;}
#t3-content .item-page img, img {max-width: 100%!important;}
.djl_theme_bootstrap.mod_djl_schedule.exeltis .dj-body{ margin:0 5px}
.t3-debug {right: 60px;}
.jt-cs.exeltis-2 .jt-inner {margin:0px 0px 30px 0px;padding: 15px 15px 40px 15px;}
.counter-value {margin-bottom:30px;}
.yendif-video-share.videos.exeltis .thumbnails li[class*=' col-'], .related-exeltis li[class*=' col-'], .yendif-video-share.categories.exeltis li[class*=' col-'], .yendif-video-share.my-videos.exeltis li [class*=' col-'],.welcome-exeltis [class*=' col-']{
padding-left:0; padding-right:0;}
.djl_schedule.exeltis.djl_theme_bootstrap.djl_schedule table td {padding:4px;}
div.catItemView.exeltis {padding:0px;}

.djl_theme_bootstrap.mod_djl_schedule div.team_home.exeltis span.name, .djl_theme_bootstrap.mod_djl_schedule div.team_away.exeltis span.name {font-size:16px;}
.orbit-container .orbit-slides-container img {max-width: 100%!important;}
.orbit-container.exeltis .orbit-slides-container > * .orbit-caption {font-size: 100%; }
.yendif-video-share.video.exeltis .input-append input{ width:auto!important; max-width:none!important; float:left;}
.yendif-video-share.video.exeltis .input-append{ margin:15px 0;}
.yendif-video-share.video.exeltis .pull-right.exeltis{ float:left!important;}
.topbar ul.menu li a,.topbar li a,.topbar ul.menu li > .separator, .topbar ul.menu li > span {padding:0px 15px 0px 0px;}
#jt5_headline-news_wrapper.exeltis.linksbottom .bt-imagecover,#jt5_headline-news_wrapper.exeltis.linksbottom .bt-title-text-container{ width:100%; float:none;}
.jt5_headline-pagination ul.jt5-linksbottom{list-style-type: none;columns:1;-webkit-columns:1;-moz-columns:1;}
#t3-mainnav .nav-bg-overlay {position: relative;display: none;}
#t3-header.affix.navbar-default .navbar-nav > li > a,#t3-header.affix.navbar-default .navbar-nav li > .separator,#t3-header.affix.navbar-default .navbar-nav li > span,#t3-header.affix.navbar-default .navbar-nav > li > .nav-header{line-height:1.2;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left:0; margin-right:0;}
#jt5_headline-news_wrapper.exeltis .show_all_inner,a.more-link  {top:-49px;}
.acym_form.exeltis {	background:none;}
.acym_form.exeltis {width:80%;}
.aboutimage-1 img{ margin-top:0px; margin-bottom:30px}
.aboutimage-1{ margin-top:0px;}
.bpgallery-category.bpgallery-category-default .items .image-link, .bpgallery-category.bpgallery-category-default .items .image-link img {width: auto;}
.gkHighlighterWrapper.exeltis .gkHighlighterItem a, .gkHighlighterWrapper.exeltis a {font-size: 12px;}
.jt-cs.exeltis.bt-toppicture.bt-toppicture-2  h3 { font-size:16px}
.jt-cs.exeltis.bt-toppicture.bt-toppicture-2 .jt-introtext{ font-size:14px}
.jt-cs.exeltis.bt-toppicture.bt-toppicture-2 .jt-cat-title-text{ overflow:hidden;}
figure.img-leading::before {top: -25px;	left: -25px;}
.col-xs-12.special-work{ margin-bottom:20px;}
.uppermain-6-7 {padding:20px 15px;}
.zt-module-testimonial.exeltis.client.owl-theme:hover .owl-buttons .owl-next {right:-15px;}
.zt-module-testimonial.exeltis.client.owl-theme:hover .owl-buttons .owl-prev {left:-15px;}
.jt-cs.exeltis.exeltis-2.news .jt-pretext .pretext-button {position: relative;}
.jt-cs.exeltis.exeltis-2.projects .jt-pretext .pretext-button {position: absolute;top: auto;bottom: 0; right:0;}
h1.leading {font-size: 38px;margin-bottom:30px;}
}
@media screen and (max-width:650px){
.bt-intro-title-container {padding: 25px 15px;}
.jt-cs.exeltis.exeltis .jt-imagecover img{ max-width:100%; }
}
@media screen and (max-width:540px){
.orbit-container.exeltis .orbit-slides-container > * .orbit-caption {font-size:70%; max-height:75px;padding:5px; line-height:1;}
.orbit-container.exeltis h3.slide-title, .orbit-container.exeltis h3 { margin-bottom:5px;font-size:16px; font-weight:400}
.jt-cs.exeltis h3,h3.module-title {background:none;}
.jt-cs.exeltis h3 span {background: transparent;}
.jt-cs.exeltis.bt-toppicture.bt-toppicture-2  h3 { font-size:14px}
.jt-cs.exeltis.bt-toppicture.bt-toppicture-2 .jt-introtext{ font-size:12px}
}
@media screen and (max-width:480px){
.navbar-header{}
.logo-image{text-align: left;}
.social-top p{text-align:left;}
.logo-image img {}
.topbar .search {float: none;}
.topbar-left-inner{}
.menu-top.col-md-10 {padding-left: 0px;}
.topbar-2 ul.menu li a, .topbar-2 li a, .topbar-2 ul.menu li > .separator, .topbar-2 ul.menu li > span {padding: 10px 10px 10px 10px;}
.menu-top-inner, .topbar-2-right-inner {float: left;}
.menu-top-inner ul{ margin-left:-10px;}
.zt-module-testimonial.ourclient img.avatar,.wrap.coloredmodule-1 .zt-module-testimonial.ourclient img.avatar {width: auto;height: auto;}
.tab-exeltis ul.tabs_container li.tab {padding: 4px 5px 4px 5px !important;font-size:14px;}
span.acymailing-image-exeltis,.acymailing-text-exeltis,div.acymailing_module.exeltis{ display:block;}
.jt-cs.exeltis h3, h3.module-title{ font-size:20px}
.jt-cs.exeltis.exeltis-2.projects .jt-introtitle-container {padding: 15px;display: block;float: left;}
figure.img-leading::before {top: -15px;	left: -15px;}
}
@media screen and (max-width:360px){
.t3-copyright,.wrap.topbar-2 { font-size:90%}
.wrap.topbar { font-size:80%}
.logo-image,#t3-header,.logo {min-height:50px;}
.topbar-2-right-inner .btn-group .dropdown-toggle {padding: 9px 5px 9px 0px;}
.acymailing_form.exeltis input.inputbox {}
.wrap.bottomspot-3 .subbutton {margin-left: 15px;}
.topbar i, .topbar .fa {margin-right:3px;height:18px;width:18px;font-size: 12px;line-height:18px;}
.jptabs-wrapper.exeltis.layout-default .tab-content {overflow: hidden;}
.jt-cs.exeltis.bt-toppicture.bt-toppicture-2  h3 ,.bt-cs.bt-cs-noborder.exeltis.bt-toppicture h4{ font-size:13px}
.jt-cs.exeltis.bt-toppicture.bt-toppicture-2 .jt-introtext{ font-size:11px}

}
@media screen and (max-width:320px){
.bottomspot-3 .acyfield_email.acy_requiredField{width:60%!important}
.wrap.bottomspot-3 .subbutton {margin-left:10px;}
.pricingtable-row .row {padding:30px 40px;}
.logo-image img {max-width:80%;}
}
@media screen and (min-width: 768px) and (max-width:990px){
.t3-mainnav .nav > li > a {padding: 0px 10px 0px 10px;}
.logo {}
#t3-mainnav.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > .separator, .navbar-default .navbar-nav li > span {padding:0px 10px 0px 10px;}
.wrap.t3-breadcrumbs {	padding: 40px 0;}
.counters .timer {font-size: 50px;}
.zt-module-testimonial.exeltis.customer .row.info {}
.zt-module-testimonial.exeltis.customer .zt-testimonial [class*=' col-']{ padding-left:0; padding-right:0}
.bt-intro-title-container {padding: 25px 10px;}
.zt-module-testimonial.exeltis.customer img.avatar {float: left;}
#t3-mainnav.navbar-default .navbar-nav > li > a, #t3-mainnav.navbar-default .navbar-nav li > .separator, #t3-mainnav.navbar-default .navbar-nav li > span, #t3-mainnav.navbar-default .navbar-nav > li > .nav-header {padding: 0px 7px 0px 7px; font-size:15px;}
.topbar ul.menu li a,.topbar li a,.topbar ul.menu li > .separator, .topbar ul.menu li > span {padding:0px 15px 0px 0px;}
.jptabs-wrapper.exeltis.layout-default .nav-tabs > li > a {padding: 9px 5px;font-size: 11px;}
.jt-cs.exeltis.exeltis-3 .jt-date, #jt5_headline-news_wrapper.exeltis .hjt5-dateonimage {font-size:11px;height:40px;width:28px;left: 15px;line-height:1;border: 0;padding: 1px 1px;top: 0px;}
.bpgallery-category.bpgallery-category-default .items .image-link, .bpgallery-category.bpgallery-category-default .items .image-link img {width: auto;}
.jt-cs.exeltis.exeltis-2.projects .jt-introtitle-container {padding: 10px 15px 30px 15px;}
}
@media screen and (min-width: 768px) and (max-width:1200px){
.zt-module-testimonial.exeltis-team .team-block[class*=' col-'],.zt-module-testimonial.exeltis-team .team-block .col-sm-6{ padding-left:0; padding-right:0}
.zt-module-testimonial.exeltis-team .col-sm-6.zt-info-colon { padding-left:7px; padding-top:3px; padding-right:7px; font-size:14px;}
.colored_spot2 {padding-left:20px;}
.ztTestimonial.exeltis-team .name {line-height: 100%;font-size:16px;margin-bottom:5px;}
.ztTestimonial.exeltis-team p.content-testimonial { max-width:85%;padding-bottom: 10px;margin: 0px 0px 0px 0px;}
.ztTestimonial.exeltis-team .name {display: inline-block;}
.mod_djl_schedule.djl_theme_bootstrap.exeltis.fixture .owl-buttons .owl-prev,.zt-module-testimonial.exeltis.team .owl-buttons .owl-prev {left: 0px;}
.mod_djl_schedule.djl_theme_bootstrap.exeltis.fixture .owl-buttons .owl-next,.zt-module-testimonial.exeltis.team .owl-buttons .owl-next {right:0px;}
.jt-cs.exeltis-2.projects a.prev {left: -15px;}
.jt-cs.exeltis-2.projects a.next {right: -15px;}
.t3-sidebar .jt-cs.exeltis.exeltis-4,.t3-sidebar .slides_container.exeltis.exeltis-4,.t3-sidebar .slide.exeltis.exeltis-4{ width:100%!important;}
.mainnav-right .searchwrap input {min-width:170px;}
}
@media screen and (min-width: 991px) and (max-width:1200px){
.bt-cs.bt-subslider .jt-title-wrap {padding: 10px 15px;}
.jt-cs.exeltis .jt-inner .jt-title {line-height: 100%;font-size:16px;margin-bottom:10px;}
.bt-cs.bt-subslider div.readmore {padding-top:7px;}
.colormodule-2-text a.btn{ margin-bottom:20px;}
}
@media screen and (max-height: 700px) {
#t3-mainnav .dropdown-menu span, #t3-mainnav .dropdown-menu span.separator, #t3-mainnav .dropdown li a, #t3-mainnav .dropdown-menu > li > a {line-height:1!important;}
}



/* ==========================================
   EK KATERINIS - WELCOME SECTION
   Joomla 6 / Exeltis T3
   ========================================== */

.ek-welcome {
    --ek-primary: #174b75;
    --ek-secondary: #287db5;
    --ek-text: #34495e;
    --ek-muted: #718096;

    padding: 45px 0;
    width: 100%;
    color: var(--ek-text);
}

/* Main layout */

.ek-welcome__grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 42px;
    align-items: start;
}

/* Image */

.ek-welcome__visual {
    position: relative;
    min-height: 480px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(20, 55, 85, .15);
}

.ek-welcome__visual img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 480px;
    object-fit: cover;
    transition: transform .6s ease;
}

.ek-welcome__visual:hover img {
    transform: scale(1.04);
}

.ek-welcome__image-label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 35px 25px 22px;
    color: #fff;
    font-size: 15px;
    background: linear-gradient(
        transparent,
        rgba(8, 35, 60, .88)
    );
}

.ek-welcome__image-label span {
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 6px;
    color: #8ed3ff;
}

/* Text section */

.ek-welcome__content {
    min-width: 0;
}

.ek-welcome__eyebrow {
    color: var(--ek-secondary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.ek-welcome__content h2 {
    color: var(--ek-primary);
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 18px;
    letter-spacing: -.7px;
}

.ek-welcome__content h2 span {
    display: block;
    color: var(--ek-secondary);
}

.ek-welcome__line {
    width: 75px;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--ek-primary),
        #56b5e5
    );
    border-radius: 5px;
    margin-bottom: 22px;
}

.ek-welcome__content p {
    font-size: 15px;
    line-height: 1.85;
    color: var(--ek-text);
    margin: 0 0 16px;
}

.ek-welcome__content strong {
    color: var(--ek-primary);
    font-weight: 700;
}

/* School units */

.ek-welcome__schools {
    display: grid;
    gap: 9px;
    margin: 20px 0;
}

.ek-welcome__school {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 12px 14px;
    background: #f3f7fb;
    border-left: 3px solid var(--ek-secondary);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    transition: background .2s ease, transform .2s ease;
}

.ek-welcome__school:hover {
    background: #e7f2fa;
    transform: translateX(4px);
}

.ek-welcome__number {
    color: var(--ek-secondary);
    font-size: 17px;
    font-weight: 800;
    min-width: 25px;
}

/* Sectors */

.ek-welcome__sectors-title {
    color: var(--ek-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    margin: 22px 0 12px;
}

.ek-welcome__sectors {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ek-welcome__sectors span {
    display: inline-block;
    padding: 8px 12px;
    background: #edf5fb;
    color: var(--ek-primary);
    border: 1px solid #dceaf5;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    transition: all .2s ease;
}

.ek-welcome__sectors span:hover {
    background: var(--ek-primary);
    color: #fff;
    border-color: var(--ek-primary);
}

/* Statistics */

.ek-welcome__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 35px;
    padding-top: 28px;
    border-top: 1px solid #e5edf3;
}

.ek-welcome__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 12px;
    background: #f4f8fc;
    border-radius: 12px;
    transition: transform .25s ease,
                box-shadow .25s ease;
}

.ek-welcome__stat:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(23, 75, 117, .10);
}

.ek-welcome__stat strong {
    color: var(--ek-primary);
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
}

.ek-welcome__stat span {
    color: var(--ek-muted);
    font-size: 13px;
    margin-top: 7px;
    font-weight: 600;
}

/* Tablet */

@media (max-width: 991px) {
    .ek-welcome__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .ek-welcome__visual {
        min-height: 350px;
    }

    .ek-welcome__visual img {
        min-height: 350px;
        max-height: 450px;
    }
}

/* Mobile */

@media (max-width: 600px) {
    .ek-welcome {
        padding: 25px 0;
    }

    .ek-welcome__visual,
    .ek-welcome__visual img {
        min-height: 260px;
        max-height: 300px;
    }

    .ek-welcome__content h2 {
        font-size: 29px;
    }

    .ek-welcome__content p {
        font-size: 14px;
        text-align: left;
    }

    .ek-welcome__stats {
        gap: 8px;
        margin-top: 25px;
        padding-top: 20px;
    }

    .ek-welcome__stat {
        padding: 15px 5px;
    }

    .ek-welcome__stat strong {
        font-size: 23px;
    }

    .ek-welcome__stat span {
        font-size: 11px;
    }
}



/* ==========================================
   WELCOME - ΤΕΛΙΚΗ ΔΙΑΤΑΞΗ ΦΩΤΟΓΡΑΦΙΩΝ
   ========================================== */

/* Δύο στήλες: φωτογραφίες αριστερά, κείμενο δεξιά */
.ek-welcome__content {
    display: grid !important;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 40px;
    align-items: start;
}

/* Οι φωτογραφίες πάντα η μία κάτω από την άλλη */
.ek-welcome__gallery {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px;
    width: 100%;
}

/* Κοινή εμφάνιση φωτογραφιών */
.ek-welcome__photo {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(20, 55, 85, 0.16);
    background: #edf3f8;
}

.ek-welcome__photo--main {
    height: 285px;
}

.ek-welcome__photo--second {
    height: 235px;
}

.ek-welcome__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: transform 0.5s ease;
}

.ek-welcome__photo:hover img {
    transform: scale(1.04);
}

/* Tablet: διατηρούμε τις δύο στήλες */
@media (max-width: 991px) and (min-width: 768px) {
    .ek-welcome__content {
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important;
        gap: 25px;
    }

    .ek-welcome__gallery {
        display: flex !important;
        flex-direction: column !important;
    }

    .ek-welcome__photo--main {
        height: 245px;
    }

    .ek-welcome__photo--second {
        height: 200px;
    }
}

/* Κινητά: φωτογραφίες πάνω, κείμενο κάτω */
@media (max-width: 767px) {
    .ek-welcome__content {
        grid-template-columns: 1fr !important;
        gap: 28px;
    }

    .ek-welcome__gallery {
        display: flex !important;
        flex-direction: column !important;
    }

    .ek-welcome__photo--main {
        height: 250px;
    }

    .ek-welcome__photo--second {
        height: 220px;
    }
}


/* ==========================================
   EK FOOTER CONTACT MODULE
   ========================================== */

.ek-footer-contact {
    width: 100%;
    color: #ffffff;
    font-size: 13px;
}

.ek-footer-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.ek-footer-logo {
    display: block;
    width: 78px;
    height: 78px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 10px;
}

.ek-footer-brand-name {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

.ek-footer-details {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.ek-footer-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #dce8f2;
    line-height: 1.5;
}

.ek-footer-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    color: #ffffff;
    font-size: 14px;
}

.ek-footer-item a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s ease;
    overflow-wrap: anywhere;
}

.ek-footer-item a:hover {
    color: #8ed0ff;
}

@media (max-width: 767px) {
    .ek-footer-brand {
        justify-content: flex-start;
    }
}


/* ==========================================
   EK KATERINIS - MODERN FOOTER CARDS
   ========================================== */

/* Εξωτερική περιοχή footer */
.t3-footer {
    padding-top: 25px;
    padding-bottom: 20px;
}

/* Τέσσερις στήλες στην ίδια οριζόντια γραμμή */
.t3-footer .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    margin-left: -9px;
    margin-right: -9px;
}

/* Κάθε στήλη */
.t3-footer .row > [class*="col-"] {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 9px;
    padding-right: 9px;
    display: flex;
    min-width: 0;
}

/* Κάρτα module */
.t3-footer .t3-module {
    width: 100%;
    height: 100%;
    margin: 0 !important;
}

/* Εσωτερικό πλαίσιο */
.t3-footer .t3-module .module-inner {
    height: 100%;
    padding: 16px 15px;
    background: rgba(255,255,255,0.055);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 13px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.10);
    transition: background 0.25s ease,
                border-color 0.25s ease;
}

/* Διακριτική αλλαγή στο hover */
.t3-footer .t3-module:hover .module-inner {
    background: rgba(255,255,255,0.085);
    border-color: rgba(255,255,255,0.28);
}

/* Τίτλοι */
.t3-footer .module-title {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 13px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(255,255,255,0.16);
}

/* Κείμενα και σύνδεσμοι */
.t3-footer .t3-module p,
.t3-footer .t3-module li {
    color: #dce8f2;
    font-size: 13px;
    line-height: 1.55;
}

.t3-footer .t3-module a {
    color: #dce8f2;
    text-decoration: none;
    transition: color 0.2s ease;
}

.t3-footer .t3-module a:hover {
    color: #8ed0ff;
}

/* Λίστες μενού */
.t3-footer .t3-module ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.t3-footer .t3-module li {
    margin-bottom: 7px;
}

/* Newsletter */
.t3-footer .t3-module input[type="email"],
.t3-footer .t3-module input[type="text"] {
    max-width: 100%;
    border-radius: 6px;
    min-height: 36px;
}

.t3-footer .t3-module button,
.t3-footer .t3-module input[type="submit"] {
    border-radius: 6px;
}

/* Tablet */
@media (max-width: 991px) {
    .t3-footer .row {
        flex-wrap: wrap;
    }

    .t3-footer .row > [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 16px;
    }
}

/* Κινητά */
@media (max-width: 575px) {
    .t3-footer .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

```css
/* ==========================================
   ΕΡΓΑΣΤΗΡΙΑΚΟ ΚΕΝΤΡΟ ΚΑΤΕΡΙΝΗΣ
   Κάρτες τομέων - Articles Module
   ========================================== */

/* Κεντρικό πλαίσιο */
.ek-sector-cards {
    width: 100%;
    margin: 0 auto;
}

/* Κάθε άρθρο ως κάρτα */
.ek-sector-cards .mod-articles-grid > * {
    background: #ffffff;
    border: 1px solid #e5edf5;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(23, 75, 117, 0.09);
    transition: transform 0.25s ease,
                box-shadow 0.25s ease;
}

/* Εφέ hover */
.ek-sector-cards .mod-articles-grid > *:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(23, 75, 117, 0.16);
}

/* Περιοχή εικόνας */
.ek-sector-cards .mod-articles-image {
    width: 100%;
    height: 215px;
    margin: 0;
    overflow: hidden;
    background: #edf3f8;
}

/* Εικόνες */
.ek-sector-cards .mod-articles-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* Ελαφρύ zoom στην εικόνα */
.ek-sector-cards .mod-articles-grid > *:hover
.mod-articles-image img {
    transform: scale(1.05);
}

/* Τίτλοι άρθρων */
.ek-sector-cards .mod-articles-link {
    display: block;
    padding: 16px 16px 20px;
    color: #174b75;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    text-align: center;
}

/* Hover τίτλου */
.ek-sector-cards .mod-articles-link:hover {
    color: #287db5;
}

/* Tablet */
@media (max-width: 991px) {
    .ek-sector-cards .mod-articles-image {
        height: 190px;
    }
}

/* Κινητά */
@media (max-width: 600px) {
    .ek-sector-cards .mod-articles-image {
        height: 220px;
    }

    .ek-sector-cards .mod-articles-link {
        font-size: 17px;
    }
}
```
```css
/* ==========================================
   ΕΚ ΚΑΤΕΡΙΝΗΣ - ΤΟΜΕΙΣ
   ========================================== */

/* Εξωτερικό block */
.ek-sector-cards {
    background: #f0f5fa !important;
    padding: 35px 25px !important;
    border-radius: 18px;
}

/* Πλέγμα άρθρων - διατηρεί τις ρυθμίσεις Joomla */
.ek-sector-cards .mod-articles-grid {
    gap: 24px !important;
}

/* Κάρτες */
.ek-sector-cards .mod-articles-grid > * {
    display: flex;
    flex-direction: column;
    background: #fff !important;
    border: 1px solid #e3ebf3 !important;
    border-radius: 15px !important;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(23,75,117,.09);
    transition: transform .25s ease, box-shadow .25s ease;
}

.ek-sector-cards .mod-articles-grid > *:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(23,75,117,.15);
}

/* Εικόνες */
.ek-sector-cards .mod-articles-image {
    width: 100%;
    height: 215px;
    margin: 0 !important;
    overflow: hidden;
}

.ek-sector-cards .mod-articles-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.ek-sector-cards .mod-articles-grid > *:hover
.mod-articles-image img {
    transform: scale(1.04);
}

/* Τίτλοι */
.ek-sector-cards .mod-articles-link {
    display: block;
    padding: 17px 12px 8px !important;
    color: #174b75 !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
}

/* Περιοχή Περισσότερα */
.ek-sector-cards .mod-articles-item-readmore,
.ek-sector-cards .mod-articles-item-readmore-wrapper,
.ek-sector-cards .readmore {
    display: flex !important;
    justify-content: center !important;
    margin: auto 0 18px !important;
    padding-top: 12px;
    text-align: center;
}

/* Κουμπί */
.ek-sector-cards .mod-articles-item-readmore a,
.ek-sector-cards .readmore a,
.ek-sector-cards a.btn {
    display: inline-block !important;
    padding: 10px 25px !important;
    background: #174b75 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 8px !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}

/* Αφαίρεση εικονιδίων και βελών */
.ek-sector-cards .readmore a::after,
.ek-sector-cards .readmore a::before,
.ek-sector-cards .mod-articles-item-readmore a::after,
.ek-sector-cards .mod-articles-item-readmore a::before,
.ek-sector-cards .readmore a i,
.ek-sector-cards .readmore a svg,
.ek-sector-cards .mod-articles-item-readmore a i,
.ek-sector-cards .mod-articles-item-readmore a svg {
    display: none !important;
    content: none !important;
}

/* Hover κουμπιού */
.ek-sector-cards .readmore a:hover,
.ek-sector-cards .mod-articles-item-readmore a:hover,
.ek-sector-cards a.btn:hover {
    background: #287db5 !important;
    color: #fff !important;
}

/* Tablet */
@media (max-width: 991px) {
    .ek-sector-cards {
        padding: 25px 15px !important;
    }

    .ek-sector-cards .mod-articles-image {
        height: 190px;
    }
}

/* Κινητά */
@media (max-width: 600px) {
    .ek-sector-cards {
        padding: 18px 10px !important;
    }

    .ek-sector-cards .mod-articles-image {
        height: 220px;
    }
}
```
/* ΤΕΛΕΥΤΑΙΑ ΝΕΑ - ΚΟΥΜΠΙ ΠΕΡΙΣΣΟΤΕΡΑ */

/* Κεντράρισμα κουμπιού */
.ek-news-cards a.btn.btn-default {
    display: table !important;
    margin: 15px auto 18px !important;
    padding: 10px 25px !important;
    background: #174b75 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Απόκρυψη βέλους */
.ek-news-cards a.btn.btn-default .icon-chevron-right {
    display: none !important;
}

/* Απόκρυψη πρόσθετου κειμένου */
.ek-news-cards a.btn.btn-default span span.icon-chevron-right {
    display: none !important;
}

.ek-news-cards a.btn.btn-default {
    font-size: 0 !important;
}

.ek-news-cards a.btn.btn-default span {
    font-size: 14px !important;
}

.ek-news-cards a.btn.btn-default span {
    visibility: hidden;
    position: relative;
}

.ek-news-cards a.btn.btn-default span::after {
    content: "Περισσότερα";
    visibility: visible;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    white-space: nowrap;
}

/* Hover */
.ek-news-cards a.btn.btn-default:hover {
    background: #287db5 !important;
    color: #fff !important;
}

/* Κεντράρισμα κουμπιού μέσα στην κάρτα */
.ek-news-cards .mod-articles-item-readmore,
.ek-news-cards .mod-articles-item-readmore-wrapper,
.ek-news-cards .readmore {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

.ek-news-cards a.btn.btn-default {
    margin-left: auto !important;
    margin-right: auto !important;
}

.t3-mainbody:has(.item-page.ek-homepage) {
    min-height: 0 !important;
}

/* Κουμπιά Περισσότερα – σελίδα Τομείς */
body:has(a[href*="/our-programs/"]) section.readmore {
    text-align: center !important;
}

body:has(a[href*="/our-programs/"]) section.readmore a.btn.btn-default {
    background-color: #174b75 !important;
    border-color: #174b75 !important;
    color: #ffffff !important;
    display: inline-block;
    border-radius: 5px;
    padding: 9px 22px;
    text-decoration: none;
}

body:has(a[href*="/our-programs/"]) section.readmore a.btn.btn-default:hover {
    background-color: #287db5 !important;
    border-color: #287db5 !important;
    color: #ffffff !important;
}

/* Απόκρυψη Off-Canvas Toggle σε desktop */
@media (min-width: 992px) {
    .off-canvas-toggle,
    #t3-off-canvas {
        display: none !important;
    }
}

body:has(.item-page.ek-homepage-en) #t3-mainbody {
    min-height: 0 !important;
    height: auto !important;
}

body:has(.item-page.ek-homepage-en) .item-page.ek-homepage-en {
    min-height: 0 !important;
    height: auto !important;
}

body:has(.item-page.ek-homepage-en) .article-header,
body:has(.item-page.ek-homepage-en) .article-aside {
    display: none !important;
}

```css
/* EUROPEAN PROJECTS SECTION */

.ek-erasmus-section {
    width: 100%;
    padding: 20px 0 30px;
}

/* Section title */
.ek-erasmus-title {
    font-size: 25px;
    font-weight: 700;
    color: #174b75;
    margin: 0 0 25px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e5e5e5;
    position: relative;
}

.ek-erasmus-title::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 75px;
    height: 3px;
    background: #287db5;
}

/* Logos in one horizontal row */
.ek-erasmus-logos {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-around;
    align-items: center;
    gap: 25px;
    width: 100%;
    padding: 15px 10px;
}

.ek-erasmus-logo {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.ek-erasmus-logo img {
    display: block;
    max-width: 100%;
    max-height: 85px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.25s ease;
}

.ek-erasmus-logo:hover img {
    transform: scale(1.06);
}

/* Mobile */
@media (max-width: 575px) {
    .ek-erasmus-section {
        padding: 15px 0;
    }

    .ek-erasmus-title {
        font-size: 21px;
    }

    .ek-erasmus-logos {
        gap: 8px;
        padding: 10px 0;
    }

    .ek-erasmus-logo {
        height: 65px;
    }

    .ek-erasmus-logo img {
        max-height: 55px;
    }
}

```css
/* ==========================================
   ABOUT EK KATERINIS
   ========================================== */

.ek-about {
    --ek-blue: #174b75;
    --ek-dark: #092f4d;
    --ek-light: #f2f6fa;
    --ek-border: #e1e8ef;
    color: #394957;
    line-height: 1.8;
}

.ek-about p {
    margin: 0 0 16px;
    font-size: 16px;
}

/* HERO */

.ek-about-hero {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 35px;
    align-items: center;
    margin-bottom: 55px;
}

.ek-about-eyebrow {
    display: inline-block;
    color: #287db5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.ek-about-hero h2 {
    color: var(--ek-dark);
    font-size: 34px;
    line-height: 1.25;
    font-weight: 800;
    margin: 0 0 18px;
}

.ek-about-lead {
    color: var(--ek-blue);
    font-size: 19px !important;
    font-weight: 600;
    line-height: 1.6;
}

.ek-about-hero-image img {
    width: 100%;
    height: 310px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    box-shadow: 0 8px 25px rgba(9,47,77,.13);
}

/* SECTIONS */

.ek-about-section {
    margin: 0 0 50px;
}

.ek-about-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 22px;
    padding-bottom: 13px;
    border-bottom: 2px solid var(--ek-border);
    position: relative;
}

.ek-about-heading::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 75px;
    height: 3px;
    background: #287db5;
}

.ek-about-heading > span {
    color: #287db5;
    font-size: 18px;
    font-weight: 800;
}

.ek-about-heading h2 {
    color: var(--ek-dark);
    font-size: 24px;
    font-weight: 750;
    margin: 0;
    line-height: 1.4;
}

/* HIGHLIGHT */

.ek-about-highlight {
    background: var(--ek-light);
    border-left: 4px solid #287db5;
    padding: 22px 25px;
    margin: 25px 0;
    border-radius: 0 8px 8px 0;
}

.ek-about-highlight strong {
    display: block;
    color: var(--ek-blue);
    font-size: 19px;
    margin-bottom: 5px;
}

.ek-about-highlight p {
    margin: 0;
}

/* FACILITIES */

.ek-about-facilities {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
}

.ek-about-secondary-image img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 9px;
    display: block;
}

.ek-about-secondary-image span {
    display: block;
    color: #6b7b89;
    font-size: 13px;
    text-align: center;
    margin-top: 9px;
}

/* SCHOOL UNITS */

.ek-about-schools {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 25px;
}

.ek-about-school {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 18px;
    background: #fff;
    border: 1px solid var(--ek-border);
    border-radius: 8px;
    transition: .2s ease;
}

.ek-about-school:hover {
    border-color: #9bbbd4;
    transform: translateY(-2px);
}

.ek-about-school-number {
    color: #287db5;
    font-size: 24px;
    font-weight: 800;
}

.ek-about-school strong {
    display: block;
    color: var(--ek-dark);
    font-size: 16px;
}

.ek-about-school small {
    display: block;
    color: #73818d;
    font-size: 12px;
    line-height: 1.5;
}

/* SECTORS */

.ek-about-sectors {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
    margin-top: 25px;
}

.ek-about-sector {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 85px;
    padding: 15px;
    text-align: center;
    background: var(--ek-light);
    border-radius: 8px;
    border-bottom: 3px solid #287db5;
    color: var(--ek-dark);
    font-weight: 700;
    font-size: 15px;
    line-height: 1.5;
    transition: .2s ease;
}

.ek-about-sector:hover {
    background: #e5eef6;
    transform: translateY(-3px);
}

/* FINAL MANAGEMENT BLOCK */

.ek-about-management {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 30px;
    background: var(--ek-dark);
    color: #fff;
    border-radius: 10px;
    margin-top: 45px;
}

.ek-about-management-logo {
    flex: 0 0 115px;
}

.ek-about-management-logo img {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 8px;
}

.ek-about-management span {
    color: #9dc9e8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ek-about-management h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 750;
    margin: 7px 0 10px;
}

.ek-about-management p {
    color: #e0eaf2;
    margin: 0;
}

/* TABLET */

@media (max-width: 991px) {
    .ek-about-hero {
        grid-template-columns: 1fr 1fr;
        gap: 22px;
    }

    .ek-about-hero h2 {
        font-size: 28px;
    }

    .ek-about-sectors {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .ek-about-hero,
    .ek-about-facilities {
        grid-template-columns: 1fr;
    }

    .ek-about-hero {
        gap: 20px;
        margin-bottom: 40px;
    }

    .ek-about-hero h2 {
        font-size: 27px;
    }

    .ek-about-hero-image img {
        height: 230px;
    }

    .ek-about-heading h2 {
        font-size: 20px;
    }

    .ek-about-schools {
        grid-template-columns: 1fr;
    }

    .ek-about-management {
        flex-direction: column;
        align-items: flex-start;
        padding: 22px;
    }

    .ek-about-management-logo {
        width: 90px;
        flex-basis: auto;
    }
}

@media (max-width: 420px) {
    .ek-about-sectors {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .ek-about-sector {
        min-height: 75px;
        font-size: 13px;
        padding: 10px;
    }
}

/* =========================================
   FEEL PROJECT PAGE
   ========================================= */

.feel-project-page {
    --feel-primary: #173b65;
    --feel-secondary: #2477a8;
    --feel-accent: #e9a83a;
    --feel-text: #34465a;
    --feel-muted: #718096;
    --feel-light: #f3f7fb;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    color: var(--feel-text);
    font-family: inherit;
    line-height: 1.75;
}

.feel-project-page * {
    box-sizing: border-box;
}


/* =========================================
   HERO
   ========================================= */

.feel-project-page .feel-hero {
    position: relative;
    overflow: hidden;
    padding: 55px 30px 60px;
    margin-bottom: 55px;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(135deg, #173b65 0%, #245d88 60%, #287ca5 100%);
    border-radius: 16px;
}

.feel-project-page .feel-hero::before,
.feel-project-page .feel-hero::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    pointer-events: none;
}

.feel-project-page .feel-hero::before {
    width: 360px;
    height: 360px;
    top: -220px;
    right: -100px;
}

.feel-project-page .feel-hero::after {
    width: 300px;
    height: 300px;
    bottom: -220px;
    left: -80px;
}

.feel-project-page .feel-hero-logo {
    position: relative;
    z-index: 1;
    margin: 0 auto 22px;
    text-align: center;
}

.feel-project-page .feel-hero-logo img {
    display: block;
    width: auto;
    max-width: 200px;
    max-height: 100px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.feel-project-page .feel-hero-label {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 15px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.feel-project-page .feel-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 5px;
    color: #ffffff;
    font-size: clamp(48px, 8vw, 76px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 5px;
}

.feel-project-page .feel-hero h2 {
    position: relative;
    z-index: 1;
    margin: 5px 0 20px;
    color: #ffffff;
    font-size: clamp(19px, 3vw, 27px);
    font-weight: 500;
}

.feel-project-page .feel-hero-description {
    position: relative;
    z-index: 1;
    max-width: 750px;
    margin: 0 auto 25px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 17px;
}

.feel-project-page .feel-project-number {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 16px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: 1px;
}


/* =========================================
   GENERAL SECTIONS
   ========================================= */

.feel-project-page .feel-section {
    padding: 15px 20px 45px;
    margin-bottom: 30px;
}

.feel-project-page .feel-section-heading {
    max-width: 800px;
    margin: 0 auto 35px;
    text-align: center;
}

.feel-project-page .feel-section-kicker {
    display: block;
    margin-bottom: 8px;
    color: var(--feel-secondary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.feel-project-page .feel-section-heading h2 {
    margin: 0 0 12px;
    color: var(--feel-primary);
    font-size: clamp(25px, 4vw, 34px);
    font-weight: 750;
    line-height: 1.3;
}

.feel-project-page .feel-section-heading p {
    margin: 0 auto;
    color: var(--feel-muted);
    font-size: 16px;
}


/* =========================================
   ABOUT
   ========================================= */

.feel-project-page .feel-about-content {
    max-width: 950px;
    margin: 0 auto;
    padding: 30px 35px;
    background: var(--feel-light);
    border-left: 4px solid var(--feel-secondary);
    border-radius: 8px;
}

.feel-project-page .feel-about-content p {
    margin: 0 0 18px;
    color: var(--feel-text);
    font-size: 16px;
    line-height: 1.9;
}

.feel-project-page .feel-about-content p:last-child {
    margin-bottom: 0;
}

.feel-project-page .feel-about-content strong {
    color: var(--feel-primary);
}


/* =========================================
   OBJECTIVES
   ========================================= */

.feel-project-page .feel-objectives-section {
    padding-top: 45px;
    padding-bottom: 55px;
    background: var(--feel-light);
    border-radius: 14px;
}

.feel-project-page .feel-objectives-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.feel-project-page .feel-objective-card {
    min-width: 0;
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e5edf4;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(25, 55, 85, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feel-project-page .feel-objective-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(25, 55, 85, 0.10);
}

.feel-project-page .feel-objective-number {
    margin-bottom: 12px;
    color: var(--feel-accent);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.feel-project-page .feel-objective-card h3 {
    margin: 0 0 10px;
    color: var(--feel-primary);
    font-size: 19px;
    font-weight: 700;
}

.feel-project-page .feel-objective-card p {
    margin: 0;
    color: var(--feel-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================
   TIMELINE / ACTIVITIES
   ========================================= */

.feel-project-page .feel-timeline {
    position: relative;
    max-width: 850px;
    margin: 0 auto;
    padding-left: 35px;
}

.feel-project-page .feel-timeline::before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 9px;
    width: 2px;
    background: #d9e5ef;
}

.feel-project-page .feel-timeline-item {
    position: relative;
    display: block;
    padding: 0 0 28px 20px;
    color: inherit;
    text-decoration: none !important;
}

.feel-project-page .feel-timeline-item:last-child {
    padding-bottom: 0;
}

.feel-project-page .feel-timeline-dot {
    position: absolute;
    top: 7px;
    left: -31px;
    width: 14px;
    height: 14px;
    background: var(--feel-secondary);
    border: 3px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--feel-secondary);
}

.feel-project-page .feel-timeline-content {
    padding: 20px 24px;
    background: #ffffff;
    border: 1px solid #e5edf4;
    border-radius: 9px;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.feel-project-page .feel-timeline-item:hover .feel-timeline-content {
    border-color: var(--feel-secondary);
    transform: translateX(4px);
}

.feel-project-page .feel-timeline-category {
    display: block;
    margin-bottom: 7px;
    color: var(--feel-secondary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.feel-project-page .feel-timeline-content h3 {
    margin: 0 0 10px;
    color: var(--feel-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.feel-project-page .feel-timeline-link {
    color: var(--feel-secondary);
    font-size: 14px;
    font-weight: 700;
}


/* =========================================
   RESOURCES
   ========================================= */

.feel-project-page .feel-resources-section {
    padding-top: 35px;
    padding-bottom: 45px;
    background: var(--feel-light);
    border-radius: 14px;
}

.feel-project-page .feel-resources-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    max-width: 850px;
    margin: 0 auto;
}

.feel-project-page .feel-resource-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-width: 0;
    padding: 25px;
    color: inherit;
    text-decoration: none !important;
    background: #ffffff;
    border: 1px solid #e5edf4;
    border-radius: 10px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feel-project-page .feel-resource-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(25, 55, 85, 0.09);
}

.feel-project-page .feel-resource-icon {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #ffffff;
    background: #1877f2;
    border-radius: 50%;
    font-size: 25px;
    font-weight: 800;
}

.feel-project-page .feel-resource-card h3 {
    margin: 0 0 6px;
    color: var(--feel-primary);
    font-size: 18px;
}

.feel-project-page .feel-resource-card p {
    margin: 0 0 10px;
    color: var(--feel-muted);
    font-size: 14px;
    line-height: 1.6;
}

.feel-project-page .feel-resource-card span {
    color: var(--feel-secondary);
    font-size: 13px;
    font-weight: 700;
}


/* =========================================
   FOOTER
   ========================================= */

.feel-project-page .feel-footer {
    padding: 45px 25px;
    margin-top: 35px;
    text-align: center;
    color: #ffffff;
    background: var(--feel-primary);
    border-radius: 14px;
}

.feel-project-page .feel-footer-label {
    margin-bottom: 12px;
    color: #f0c16b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.feel-project-page .feel-footer h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(21px, 3vw, 29px);
    font-weight: 700;
}

.feel-project-page .feel-footer p {
    max-width: 650px;
    margin: 0 auto 20px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 15px;
    line-height: 1.8;
}

.feel-project-page .feel-footer-project-number {
    display: inline-block;
    padding: 7px 14px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 5px;
    font-size: 12px;
    letter-spacing: 1px;
}


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 767px) {

    .feel-project-page .feel-hero {
        padding: 40px 18px 45px;
        margin-bottom: 35px;
        border-radius: 10px;
    }

    .feel-project-page .feel-hero-logo img {
        max-width: 170px;
        max-height: 85px;
    }

    .feel-project-page .feel-hero-description {
        font-size: 15px;
    }

    .feel-project-page .feel-project-number {
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .feel-project-page .feel-section {
        padding: 15px 8px 35px;
        margin-bottom: 20px;
    }

    .feel-project-page .feel-about-content {
        padding: 22px 20px;
    }

    .feel-project-page .feel-objectives-section,
    .feel-project-page .feel-resources-section {
        padding: 30px 18px;
    }

    .feel-project-page .feel-objectives-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .feel-project-page .feel-objective-card {
        padding: 22px;
    }

    .feel-project-page .feel-timeline {
        padding-left: 27px;
    }

    .feel-project-page .feel-timeline-dot {
        left: -27px;
    }

    .feel-project-page .feel-timeline-content {
        padding: 17px;
    }

    .feel-project-page .feel-timeline-content h3 {
        font-size: 16px;
    }

    .feel-project-page .feel-resources-grid {
        grid-template-columns: 1fr;
    }

    .feel-project-page .feel-footer {
        padding: 35px 18px;
    }
}

/* =========================================
   IMPACT PROJECT PAGE
   ========================================= */

.impact-project-page {
    --impact-primary: #173d50;
    --impact-secondary: #27828b;
    --impact-accent: #e5ad50;
    --impact-text: #354b58;
    --impact-muted: #71818a;
    --impact-light: #f1f7f7;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    color: var(--impact-text);
    font-family: inherit;
    line-height: 1.75;
}

.impact-project-page * {
    box-sizing: border-box;
}


/* =========================================
   HERO
   ========================================= */

.impact-project-page .impact-hero {
    position: relative;
    overflow: hidden;
    padding: 55px 30px 60px;
    margin-bottom: 55px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #173d50 0%, #216777 60%, #278b91 100%);
    border-radius: 16px;
}

.impact-project-page .impact-hero::before,
.impact-project-page .impact-hero::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 50%;
    pointer-events: none;
}

.impact-project-page .impact-hero::before {
    width: 360px;
    height: 360px;
    top: -220px;
    right: -100px;
}

.impact-project-page .impact-hero::after {
    width: 300px;
    height: 300px;
    bottom: -220px;
    left: -80px;
}


/* LOGO */

.impact-project-page .impact-hero-logo {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    min-height: 115px;
    padding: 12px 25px;
    margin: 0 auto 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,.16);
}

.impact-project-page .impact-hero-logo img {
    display: block;
    width: auto;
    max-width: 200px;
    max-height: 95px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}


.impact-project-page .impact-hero-label {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 15px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.impact-project-page .impact-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(48px, 8vw, 76px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 5px;
}

.impact-project-page .impact-hero h2 {
    position: relative;
    z-index: 1;
    max-width: 850px;
    margin: 8px auto 20px;
    color: #fff;
    font-size: clamp(17px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.5;
}

.impact-project-page .impact-hero-description {
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 0 auto 25px;
    color: rgba(255,255,255,.92);
    font-size: 17px;
}

.impact-project-page .impact-project-number {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 16px;
    color: #fff;
    background: rgba(255,255,255,.13);
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: 1px;
}


/* =========================================
   GENERAL SECTIONS
   ========================================= */

.impact-project-page .impact-section {
    padding: 15px 20px 45px;
    margin-bottom: 30px;
}

.impact-project-page .impact-section-heading {
    max-width: 850px;
    margin: 0 auto 35px;
    text-align: center;
}

.impact-project-page .impact-section-kicker {
    display: block;
    margin-bottom: 8px;
    color: var(--impact-secondary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.impact-project-page .impact-section-heading h2 {
    margin: 0 0 12px;
    color: var(--impact-primary);
    font-size: clamp(25px, 4vw, 34px);
    font-weight: 750;
    line-height: 1.3;
}

.impact-project-page .impact-section-heading p {
    margin: 0 auto;
    color: var(--impact-muted);
    font-size: 16px;
}


/* =========================================
   ABOUT
   ========================================= */

.impact-project-page .impact-about-content {
    max-width: 950px;
    padding: 30px 35px;
    margin: 0 auto;
    background: var(--impact-light);
    border-left: 4px solid var(--impact-secondary);
    border-radius: 8px;
}

.impact-project-page .impact-about-content p {
    margin: 0 0 18px;
    color: var(--impact-text);
    font-size: 16px;
    line-height: 1.9;
}

.impact-project-page .impact-about-content p:last-child {
    margin-bottom: 0;
}

.impact-project-page .impact-about-content strong {
    color: var(--impact-primary);
}

.impact-project-page .impact-project-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 25px auto 0;
}

.impact-project-page .impact-project-links a {
    display: inline-block;
    padding: 10px 18px;
    color: #fff;
    background: var(--impact-secondary);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease;
}

.impact-project-page .impact-project-links a:hover {
    color: #fff;
    background: var(--impact-primary);
    transform: translateY(-2px);
}


/* =========================================
   OBJECTIVES
   ========================================= */

.impact-project-page .impact-objectives-section {
    padding-top: 45px;
    padding-bottom: 55px;
    background: var(--impact-light);
    border-radius: 14px;
}

.impact-project-page .impact-objectives-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.impact-project-page .impact-objective-card {
    min-width: 0;
    padding: 28px;
    background: #fff;
    border: 1px solid #e0ebeb;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(25,55,65,.05);
    transition: transform .2s ease, box-shadow .2s ease;
}

.impact-project-page .impact-objective-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(25,55,65,.10);
}

.impact-project-page .impact-objective-number {
    margin-bottom: 12px;
    color: var(--impact-accent);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.impact-project-page .impact-objective-card h3 {
    margin: 0 0 10px;
    color: var(--impact-primary);
    font-size: 19px;
    font-weight: 700;
}

.impact-project-page .impact-objective-card p {
    margin: 0;
    color: var(--impact-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================
   TIMELINE
   ========================================= */

.impact-project-page .impact-timeline {
    position: relative;
    max-width: 900px;
    padding-left: 35px;
    margin: 0 auto;
}

.impact-project-page .impact-timeline::before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 9px;
    width: 2px;
    background: #d5e5e5;
}

.impact-project-page .impact-timeline-item {
    position: relative;
    display: block;
    padding: 0 0 25px 20px;
    color: inherit;
    text-decoration: none !important;
}

.impact-project-page .impact-timeline-item:last-child {
    padding-bottom: 0;
}

.impact-project-page .impact-timeline-dot {
    position: absolute;
    top: 7px;
    left: -31px;
    width: 14px;
    height: 14px;
    background: var(--impact-secondary);
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--impact-secondary);
}

.impact-project-page .impact-timeline-content {
    padding: 20px 24px;
    background: #fff;
    border: 1px solid #e0ebeb;
    border-radius: 9px;
    transition: border-color .2s ease, transform .2s ease;
}

.impact-project-page .impact-timeline-item:hover .impact-timeline-content {
    border-color: var(--impact-secondary);
    transform: translateX(4px);
}

.impact-project-page .impact-timeline-category {
    display: block;
    margin-bottom: 7px;
    color: var(--impact-secondary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.impact-project-page .impact-timeline-content h3 {
    margin: 0 0 10px;
    color: var(--impact-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.impact-project-page .impact-timeline-link {
    color: var(--impact-secondary);
    font-size: 14px;
    font-weight: 700;
}


/* =========================================
   RESOURCES
   ========================================= */

.impact-project-page .impact-resources-section {
    padding-top: 40px;
    padding-bottom: 50px;
    background: var(--impact-light);
    border-radius: 14px;
}

.impact-project-page .impact-resources-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
}

.impact-project-page .impact-resource-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-width: 0;
    padding: 24px;
    color: inherit;
    background: #fff;
    border: 1px solid #e0ebeb;
    border-radius: 10px;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.impact-project-page .impact-resource-card:hover {
    color: inherit;
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(25,55,65,.09);
}

.impact-project-page .impact-resource-icon {
    display: flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: #fff;
    background: var(--impact-secondary);
    border-radius: 9px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .5px;
}

.impact-project-page .impact-resource-card h3 {
    margin: 0 0 6px;
    color: var(--impact-primary);
    font-size: 17px;
    font-weight: 700;
}

.impact-project-page .impact-resource-card p {
    margin: 0 0 10px;
    color: var(--impact-muted);
    font-size: 14px;
    line-height: 1.6;
}

.impact-project-page .impact-resource-card span {
    color: var(--impact-secondary);
    font-size: 13px;
    font-weight: 700;
}


/* =========================================
   SOCIAL LINKS
   ========================================= */

.impact-project-page .impact-social-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    max-width: 850px;
    margin: 0 auto;
}

.impact-project-page .impact-social-links a {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px 20px;
    color: var(--impact-text);
    background: #fff;
    border: 1px solid #e0ebeb;
    border-radius: 9px;
    text-decoration: none !important;
    transition: border-color .2s ease, transform .2s ease;
}

.impact-project-page .impact-social-links a:hover {
    color: var(--impact-primary);
    border-color: var(--impact-secondary);
    transform: translateY(-2px);
}

.impact-project-page .impact-social-symbol {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #fff;
    background: var(--impact-primary);
    border-radius: 50%;
    font-size: 20px;
    font-weight: 800;
}

.impact-project-page .impact-social-links strong {
    display: block;
    color: var(--impact-primary);
    font-size: 15px;
}

.impact-project-page .impact-social-links small {
    display: block;
    color: var(--impact-muted);
    font-size: 12px;
}


/* =========================================
   FOOTER
   ========================================= */

.impact-project-page .impact-footer {
    padding: 45px 25px;
    margin-top: 35px;
    text-align: center;
    color: #fff;
    background: var(--impact-primary);
    border-radius: 14px;
}

.impact-project-page .impact-footer-label {
    margin-bottom: 12px;
    color: #f0c16b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.impact-project-page .impact-footer h2 {
    margin: 0 0 15px;
    color: #fff;
    font-size: clamp(21px, 3vw, 29px);
    font-weight: 700;
}

.impact-project-page .impact-footer p {
    max-width: 650px;
    margin: 0 auto 20px;
    color: rgba(255,255,255,.88);
    font-size: 15px;
    line-height: 1.8;
}

.impact-project-page .impact-footer-project-number {
    display: inline-block;
    padding: 7px 14px;
    color: #fff;
    background: rgba(255,255,255,.12);
    border-radius: 5px;
    font-size: 12px;
    letter-spacing: 1px;
}


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 767px) {

    .impact-project-page .impact-hero {
        padding: 40px 18px 45px;
        margin-bottom: 35px;
        border-radius: 10px;
    }

    .impact-project-page .impact-hero-logo {
        min-width: 190px;
        min-height: 95px;
        padding: 10px 20px;
    }

    .impact-project-page .impact-hero-logo img {
        max-width: 170px;
        max-height: 80px;
    }

    .impact-project-page .impact-hero-description {
        font-size: 15px;
    }

    .impact-project-page .impact-project-number {
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .impact-project-page .impact-section {
        padding: 15px 8px 35px;
        margin-bottom: 20px;
    }

    .impact-project-page .impact-about-content {
        padding: 22px 20px;
    }

    .impact-project-page .impact-objectives-section,
    .impact-project-page .impact-resources-section {
        padding: 30px 18px;
    }

    .impact-project-page .impact-objectives-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .impact-project-page .impact-objective-card {
        padding: 22px;
    }

    .impact-project-page .impact-timeline {
        padding-left: 27px;
    }

    .impact-project-page .impact-timeline-dot {
        left: -27px;
    }

    .impact-project-page .impact-timeline-content {
        padding: 17px;
    }

    .impact-project-page .impact-timeline-content h3 {
        font-size: 16px;
    }

    .impact-project-page .impact-resources-grid,
    .impact-project-page .impact-social-links {
        grid-template-columns: 1fr;
    }

    .impact-project-page .impact-resource-card {
        padding: 19px;
    }

    .impact-project-page .impact-footer {
        padding: 35px 18px;
    }
}

/* =========================================
   ERASMUS KA1 2024 PROJECT PAGE
   ========================================= */

.ka1-project-page {
    --ka1-primary: #173e65;
    --ka1-secondary: #2876a5;
    --ka1-accent: #e6a33c;
    --ka1-text: #35485b;
    --ka1-muted: #718096;
    --ka1-light: #f2f6fa;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    color: var(--ka1-text);
    font-family: inherit;
    line-height: 1.75;
}

.ka1-project-page * {
    box-sizing: border-box;
}


/* HERO */

.ka1-project-page .ka1-hero {
    position: relative;
    overflow: hidden;
    padding: 55px 30px 60px;
    margin-bottom: 55px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #173e65 0%, #24618e 60%, #3187a8 100%);
    border-radius: 16px;
}

.ka1-project-page .ka1-hero::before,
.ka1-project-page .ka1-hero::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 50%;
    pointer-events: none;
}

.ka1-project-page .ka1-hero::before {
    width: 360px;
    height: 360px;
    top: -220px;
    right: -100px;
}

.ka1-project-page .ka1-hero::after {
    width: 300px;
    height: 300px;
    bottom: -220px;
    left: -80px;
}


/* LOGO */

.ka1-project-page .ka1-hero-logo {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    min-height: 100px;
    padding: 12px 22px;
    margin: 0 auto 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,.16);
}

.ka1-project-page .ka1-hero-logo img {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 80px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.ka1-project-page .ka1-hero-label {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 15px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.ka1-project-page .ka1-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(42px, 7vw, 65px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 3px;
}

.ka1-project-page .ka1-hero h2 {
    position: relative;
    z-index: 1;
    max-width: 850px;
    margin: 10px auto 20px;
    color: #fff;
    font-size: clamp(19px, 3vw, 27px);
    font-weight: 500;
    line-height: 1.45;
}

.ka1-project-page .ka1-hero-description {
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 0 auto 25px;
    color: rgba(255,255,255,.92);
    font-size: 17px;
}

.ka1-project-page .ka1-project-number {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 16px;
    color: #fff;
    background: rgba(255,255,255,.13);
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: 1px;
}


/* GENERAL SECTIONS */

.ka1-project-page .ka1-section {
    padding: 15px 20px 45px;
    margin-bottom: 30px;
}

.ka1-project-page .ka1-section-heading {
    max-width: 850px;
    margin: 0 auto 35px;
    text-align: center;
}

.ka1-project-page .ka1-kicker {
    display: block;
    margin-bottom: 8px;
    color: var(--ka1-secondary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ka1-project-page .ka1-section-heading h2 {
    margin: 0 0 12px;
    color: var(--ka1-primary);
    font-size: clamp(25px, 4vw, 34px);
    font-weight: 750;
    line-height: 1.3;
}

.ka1-project-page .ka1-section-heading p {
    margin: 0 auto;
    color: var(--ka1-muted);
    font-size: 16px;
}


/* ABOUT */

.ka1-project-page .ka1-about-content {
    max-width: 950px;
    padding: 30px 35px;
    margin: 0 auto;
    background: var(--ka1-light);
    border-left: 4px solid var(--ka1-secondary);
    border-radius: 8px;
}

.ka1-project-page .ka1-about-content p {
    margin: 0 0 18px;
    color: var(--ka1-text);
    font-size: 16px;
    line-height: 1.9;
}

.ka1-project-page .ka1-about-content p:last-child {
    margin-bottom: 0;
}

.ka1-project-page .ka1-about-content strong {
    color: var(--ka1-primary);
}

.ka1-project-page .ka1-project-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 25px auto 0;
}

.ka1-project-page .ka1-project-links a {
    display: inline-block;
    padding: 10px 18px;
    color: #fff;
    background: var(--ka1-secondary);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease;
}

.ka1-project-page .ka1-project-links a:hover {
    color: #fff;
    background: var(--ka1-primary);
    transform: translateY(-2px);
}


/* KEY FACTS */

.ka1-project-page .ka1-facts-section {
    padding-top: 40px;
    padding-bottom: 45px;
    background: var(--ka1-light);
    border-radius: 14px;
}

.ka1-project-page .ka1-facts-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ka1-project-page .ka1-fact-card {
    padding: 25px 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #e3eaf1;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(25,55,85,.05);
}

.ka1-project-page .ka1-fact-number {
    display: block;
    margin-bottom: 8px;
    color: var(--ka1-secondary);
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2;
}

.ka1-project-page .ka1-fact-card h3 {
    margin: 0 0 8px;
    color: var(--ka1-primary);
    font-size: 17px;
}

.ka1-project-page .ka1-fact-card p {
    margin: 0;
    color: var(--ka1-muted);
    font-size: 13px;
    line-height: 1.6;
}


/* OBJECTIVES */

.ka1-project-page .ka1-objectives-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.ka1-project-page .ka1-objective-card {
    min-width: 0;
    padding: 28px;
    background: #fff;
    border: 1px solid #e3eaf1;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(25,55,85,.05);
    transition: transform .2s ease, box-shadow .2s ease;
}

.ka1-project-page .ka1-objective-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(25,55,85,.10);
}

.ka1-project-page .ka1-objective-number {
    margin-bottom: 12px;
    color: var(--ka1-accent);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.ka1-project-page .ka1-objective-card h3 {
    margin: 0 0 10px;
    color: var(--ka1-primary);
    font-size: 19px;
    font-weight: 700;
}

.ka1-project-page .ka1-objective-card p {
    margin: 0;
    color: var(--ka1-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* TIMELINE */

.ka1-project-page .ka1-timeline {
    position: relative;
    max-width: 900px;
    padding-left: 35px;
    margin: 0 auto;
}

.ka1-project-page .ka1-timeline::before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 9px;
    width: 2px;
    background: #d9e5ef;
}

.ka1-project-page .ka1-timeline-item {
    position: relative;
    display: block;
    padding: 0 0 25px 20px;
    color: inherit;
    text-decoration: none !important;
}

.ka1-project-page .ka1-timeline-item:last-child {
    padding-bottom: 0;
}

.ka1-project-page .ka1-timeline-dot {
    position: absolute;
    top: 7px;
    left: -31px;
    width: 14px;
    height: 14px;
    background: var(--ka1-secondary);
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--ka1-secondary);
}

.ka1-project-page .ka1-timeline-content {
    padding: 20px 24px;
    background: #fff;
    border: 1px solid #e3eaf1;
    border-radius: 9px;
    transition: border-color .2s ease, transform .2s ease;
}

.ka1-project-page .ka1-timeline-item:hover .ka1-timeline-content {
    border-color: var(--ka1-secondary);
    transform: translateX(4px);
}

.ka1-project-page .ka1-timeline-category {
    display: block;
    margin-bottom: 7px;
    color: var(--ka1-secondary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.ka1-project-page .ka1-timeline-content h3 {
    margin: 0 0 10px;
    color: var(--ka1-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.ka1-project-page .ka1-timeline-link {
    color: var(--ka1-secondary);
    font-size: 14px;
    font-weight: 700;
}


/* PRESS */

.ka1-project-page .ka1-press-section {
    padding-top: 40px;
    padding-bottom: 45px;
    background: var(--ka1-light);
    border-radius: 14px;
}

.ka1-project-page .ka1-press-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    max-width: 1000px;
    margin: 0 auto;
}

.ka1-project-page .ka1-press-card {
    display: block;
    min-width: 0;
    padding: 25px;
    color: inherit;
    background: #fff;
    border: 1px solid #e3eaf1;
    border-radius: 10px;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.ka1-project-page .ka1-press-card:hover {
    color: inherit;
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(25,55,85,.09);
}

.ka1-project-page .ka1-press-source {
    display: block;
    margin-bottom: 9px;
    color: var(--ka1-secondary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ka1-project-page .ka1-press-card h3 {
    margin: 0 0 15px;
    color: var(--ka1-primary);
    font-size: 17px;
    line-height: 1.55;
}

.ka1-project-page .ka1-press-card > span:last-child {
    color: var(--ka1-secondary);
    font-size: 13px;
    font-weight: 700;
}

.ka1-project-page .ka1-social-link {
    max-width: 500px;
    margin: 25px auto 0;
}

.ka1-project-page .ka1-social-link a {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px 20px;
    color: var(--ka1-primary);
    background: #fff;
    border: 1px solid #e3eaf1;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none !important;
}

.ka1-project-page .ka1-social-link a:hover {
    border-color: var(--ka1-secondary);
}

.ka1-project-page .ka1-social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #fff;
    background: #1877f2;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 800;
}

.ka1-project-page .ka1-social-link a > span:last-child {
    margin-left: auto;
    color: var(--ka1-secondary);
}


/* FOOTER */

.ka1-project-page .ka1-footer {
    padding: 45px 25px;
    margin-top: 35px;
    text-align: center;
    color: #fff;
    background: var(--ka1-primary);
    border-radius: 14px;
}

.ka1-project-page .ka1-footer-label {
    margin-bottom: 12px;
    color: #f0c16b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ka1-project-page .ka1-footer h2 {
    margin: 0 0 15px;
    color: #fff;
    font-size: clamp(21px, 3vw, 29px);
    font-weight: 700;
}

.ka1-project-page .ka1-footer p {
    max-width: 650px;
    margin: 0 auto 20px;
    color: rgba(255,255,255,.88);
    font-size: 15px;
    line-height: 1.8;
}

.ka1-project-page .ka1-footer-number {
    display: inline-block;
    padding: 7px 14px;
    color: #fff;
    background: rgba(255,255,255,.12);
    border-radius: 5px;
    font-size: 12px;
    letter-spacing: 1px;
}


/* RESPONSIVE */

@media (max-width: 767px) {

    .ka1-project-page .ka1-hero {
        padding: 40px 18px 45px;
        margin-bottom: 35px;
        border-radius: 10px;
    }

    .ka1-project-page .ka1-hero-logo {
        min-width: 190px;
        min-height: 90px;
        padding: 10px 18px;
    }

    .ka1-project-page .ka1-hero-logo img {
        max-width: 190px;
        max-height: 70px;
    }

    .ka1-project-page .ka1-hero-description {
        font-size: 15px;
    }

    .ka1-project-page .ka1-project-number {
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .ka1-project-page .ka1-section {
        padding: 15px 8px 35px;
        margin-bottom: 20px;
    }

    .ka1-project-page .ka1-about-content {
        padding: 22px 20px;
    }

    .ka1-project-page .ka1-facts-section,
    .ka1-project-page .ka1-press-section {
        padding: 30px 18px;
    }

    .ka1-project-page .ka1-facts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .ka1-project-page .ka1-fact-card {
        padding: 20px 12px;
    }

    .ka1-project-page .ka1-fact-number {
        font-size: 32px;
    }

    .ka1-project-page .ka1-objectives-grid,
    .ka1-project-page .ka1-press-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .ka1-project-page .ka1-objective-card {
        padding: 22px;
    }

    .ka1-project-page .ka1-timeline {
        padding-left: 27px;
    }

    .ka1-project-page .ka1-timeline-dot {
        left: -27px;
    }

    .ka1-project-page .ka1-timeline-content {
        padding: 17px;
    }

    .ka1-project-page .ka1-timeline-content h3 {
        font-size: 16px;
    }

    .ka1-project-page .ka1-footer {
        padding: 35px 18px;
    }
}


/* ==========================================
   EK KATERINIS - LEGISLATION & DOCUMENTS
   ========================================== */

.ek-law-page {
  --law-primary: #173b63;
  --law-primary-dark: #102c4c;
  --law-accent: #d99b42;
  --law-text: #26384a;
  --law-muted: #718096;
  --law-border: #e4eaf0;
  --law-bg: #f5f8fb;

  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  color: var(--law-text);
  font-family: inherit;
  line-height: 1.65;
}

.ek-law-page * {
  box-sizing: border-box;
}

/* HERO */

.ek-law-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: 265px;
  padding: 45px 55px;
  margin: 0 0 28px;
  overflow: hidden;
  border-radius: 17px;
  color: #fff;
  background:
    radial-gradient(circle at 85% 20%, rgba(255,255,255,.12), transparent 30%),
    linear-gradient(120deg, #102c4c 0%, #1b4c76 58%, #27668a 100%);
}

.ek-law-hero::after {
  content: "";
  position: absolute;
  width: 330px;
  height: 330px;
  right: -105px;
  bottom: -205px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  box-shadow:
    0 0 0 35px rgba(255,255,255,.035),
    0 0 0 70px rgba(255,255,255,.025);
}

.ek-law-hero-content {
  position: relative;
  z-index: 2;
  max-width: 760px;
}

.ek-law-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  color: #f0c77f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
}

.ek-law-hero h1 {
  margin: 0 0 15px !important;
  color: #fff !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.ek-law-hero p {
  max-width: 700px;
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: 16px;
  line-height: 1.8;
}

.ek-law-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 22px;
}

.ek-law-hero-tags span {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 30px;
  color: #fff;
  background: rgba(255,255,255,.08);
  font-size: 12px;
  font-weight: 600;
}

.ek-law-hero-symbol {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 0 0 145px;
  width: 145px;
  height: 145px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  background: rgba(255,255,255,.09);
  box-shadow: 0 12px 35px rgba(0,0,0,.12);
}

.ek-law-hero-symbol span {
  color: #f0c77f;
  font-family: Georgia, serif;
  font-size: 78px;
  line-height: .95;
}

.ek-law-hero-symbol small {
  margin-top: 3px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 3px;
}

/* INTRO */

.ek-law-intro {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 19px 22px;
  margin-bottom: 42px;
  border: 1px solid #e2eaf1;
  border-left: 4px solid var(--law-accent);
  border-radius: 10px;
  background: #f7f9fc;
}

.ek-law-intro-icon {
  display: flex;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: var(--law-primary);
  font-family: Georgia, serif;
  font-weight: bold;
  font-style: italic;
}

.ek-law-intro p {
  margin: 0;
  color: #526477;
  font-size: 14px;
  line-height: 1.8;
}

/* SECTIONS */

.ek-law-section {
  margin: 0 0 48px;
}

.ek-law-section-heading {
  display: flex;
  align-items: center;
  gap: 17px;
  padding-bottom: 20px;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--law-border);
}

.ek-law-section-icon {
  display: flex;
  flex: 0 0 55px;
  width: 55px;
  height: 55px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: #fff;
  background: var(--law-primary);
  font-family: Georgia, serif;
  font-size: 30px;
  box-shadow: 0 5px 15px rgba(23,59,99,.16);
}

.ek-law-kicker {
  display: block;
  margin-bottom: 3px;
  color: #b47b2b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.6px;
}

.ek-law-section-heading h2 {
  margin: 0 0 3px !important;
  color: var(--law-primary) !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.ek-law-section-heading p {
  margin: 0;
  color: var(--law-muted);
  font-size: 13px;
}

/* DOCUMENT GRID */

.ek-law-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.ek-law-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
  min-height: 94px;
  padding: 15px 15px;
  border: 1px solid var(--law-border);
  border-radius: 11px;
  color: var(--law-text) !important;
  background: #fff;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(22,49,77,.025);
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    background .2s ease;
}

.ek-law-card:hover {
  transform: translateY(-3px);
  border-color: #b7cadb;
  color: var(--law-primary) !important;
  background: #fbfdff;
  box-shadow: 0 9px 22px rgba(22,49,77,.09);
}

.ek-law-card-number {
  flex: 0 0 23px;
  align-self: flex-start;
  padding-top: 3px;
  color: #9aa9b7;
  font-size: 11px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.ek-law-file-icon {
  display: flex;
  flex: 0 0 43px;
  width: 43px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .2px;
}

.ek-law-file-icon.pdf {
  color: #b83c3c;
  background: #fff0ef;
  border: 1px solid #f6d9d6;
}

.ek-law-file-icon.doc {
  color: #2865a4;
  background: #edf5ff;
  border: 1px solid #d9e8fa;
}

.ek-law-file-icon.web {
  color: #25816b;
  background: #eaf7f2;
  border: 1px solid #d1eee2;
}

.ek-law-file-icon.info {
  color: #8a682b;
  background: #fff7e8;
  border: 1px solid #f3e5c7;
}

.ek-law-card-content {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

.ek-law-card-content strong {
  display: block;
  color: #253c54;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
  transition: color .2s ease;
}

.ek-law-card:hover .ek-law-card-content strong {
  color: #1c5c89;
}

.ek-law-card-content small {
  display: block;
  color: #8794a2;
  font-size: 11px;
  line-height: 1.5;
}

.ek-law-download {
  flex: 0 0 25px;
  display: flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #71869a;
  background: #f1f5f8;
  font-size: 14px;
  transition: all .2s ease;
}

.ek-law-card:hover .ek-law-download {
  color: #fff;
  background: var(--law-primary);
}

.ek-law-card-static {
  cursor: default;
  background: #fafbfd;
}

.ek-law-card-static:hover {
  transform: none;
  border-color: var(--law-border);
  background: #fafbfd;
  box-shadow: 0 2px 8px rgba(22,49,77,.025);
}

.ek-law-card-static .ek-law-card-content strong {
  color: #536579;
}

/* FORMS SECTION */

.ek-law-forms-section .ek-law-section-icon {
  color: var(--law-primary);
  background: #eaf1f7;
  box-shadow: none;
  font-family: inherit;
  font-size: 26px;
}

.ek-law-bottom-note {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 22px 25px;
  margin: 5px 0 15px;
  border: 1px solid #e5ebf1;
  border-radius: 12px;
  background: #f7f9fb;
}

.ek-law-bottom-icon {
  display: flex;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff;
  background: var(--law-primary);
  font-size: 21px;
}

.ek-law-bottom-note strong {
  display: block;
  margin-bottom: 3px;
  color: var(--law-primary);
  font-size: 14px;
}

.ek-law-bottom-note p {
  margin: 0;
  color: #6e7d8c;
  font-size: 12px;
  line-height: 1.7;
}

/* RESPONSIVE */

@media (max-width: 767px) {
  .ek-law-hero {
    min-height: auto;
    padding: 30px 24px;
    border-radius: 12px;
  }

  .ek-law-hero-symbol {
    display: none;
  }

  .ek-law-hero h1 {
    font-size: 29px !important;
  }

  .ek-law-hero p {
    font-size: 14px;
  }

  .ek-law-hero-tags {
    gap: 7px;
  }

  .ek-law-hero-tags span {
    font-size: 10px;
    padding: 5px 9px;
  }

  .ek-law-intro {
    padding: 15px;
    margin-bottom: 32px;
  }

  .ek-law-section-heading {
    gap: 12px;
  }

  .ek-law-section-icon {
    flex-basis: 45px;
    width: 45px;
    height: 45px;
    font-size: 25px;
  }

  .ek-law-section-heading h2 {
    font-size: 20px !important;
  }

  .ek-law-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ek-law-card {
    min-height: 85px;
    padding: 12px;
    gap: 10px;
  }

  .ek-law-card-content strong {
    font-size: 12px;
  }

  .ek-law-card-content small {
    font-size: 10px;
  }

  .ek-law-section {
    margin-bottom: 38px;
  }

  .ek-law-bottom-note {
    padding: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ek-law-card,
  .ek-law-download {
    transition: none;
  }
}


/* ==========================================
   MECHANICS SECTOR - EK KATERINIS
   ========================================== */

.mech-page {
  --mech-navy: #152f49;
  --mech-blue: #244d70;
  --mech-orange: #e49a3c;
  --mech-text: #34485b;
  --mech-muted: #748394;
  --mech-border: #e4eaf0;

  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  color: var(--mech-text);
  line-height: 1.7;
}

.mech-page * {
  box-sizing: border-box;
}

/* HERO */

.mech-hero {
  position: relative;
  display: flex;
  min-height: 420px;
  align-items: center;
  overflow: hidden;
  margin-bottom: 55px;
  border-radius: 16px;
  background: var(--mech-navy);
  color: #fff;
}

.mech-hero-image {
  position: absolute;
  inset: 0;
  background-image: url("/upgrade6/images/courses/mechanics-sector.jpg");
  background-position: center 48%;
  background-size: cover;
  transform: scale(1.01);
}

.mech-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(10,29,47,.96) 0%,
      rgba(14,39,61,.88) 48%,
      rgba(14,39,61,.32) 100%);
}

.mech-hero-content {
  position: relative;
  z-index: 2;
  max-width: 720px;
  padding: 65px 55px;
}

.mech-eyebrow {
  display: block;
  margin-bottom: 14px;
  color: #f1bd73;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

.mech-hero h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(34px, 5vw, 52px) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

.mech-title-line {
  width: 65px;
  height: 4px;
  margin: 22px 0;
  border-radius: 5px;
  background: var(--mech-orange);
}

.mech-hero-content > p {
  max-width: 580px;
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: 16px;
  line-height: 1.8;
}

.mech-hero-button {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 27px;
  padding: 12px 19px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 6px;
  color: #fff !important;
  background: rgba(255,255,255,.08);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  transition: .2s ease;
}

.mech-hero-button:hover {
  border-color: var(--mech-orange);
  color: #fff !important;
  background: var(--mech-orange);
}

.mech-hero-button span {
  font-size: 18px;
}

.mech-hero-mark {
  position: absolute;
  z-index: 2;
  right: 45px;
  bottom: 35px;
  display: flex;
  width: 105px;
  height: 105px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  background: rgba(10,29,47,.4);
}

.mech-hero-mark span {
  color: #f1bd73;
  font-size: 43px;
  font-weight: 800;
  line-height: 1;
}

.mech-hero-mark small {
  margin-top: 7px;
  color: #fff;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1.4px;
}

/* INTRODUCTION */

.mech-intro {
  display: grid;
  grid-template-columns: .85fr 1.5fr;
  gap: 55px;
  align-items: start;
  padding: 0 20px 48px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--mech-border);
}

.mech-section-label {
  display: block;
  margin-bottom: 10px;
  color: #c17d2d;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 1.8px;
}

.mech-intro-heading h2 {
  margin: 0 !important;
  color: var(--mech-navy) !important;
  font-size: 29px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.mech-intro-text p {
  margin: 0 0 13px;
  color: #5b6b7a;
  font-size: 14px;
  line-height: 1.9;
}

.mech-intro-text p:last-child {
  margin-bottom: 0;
}

/* SECTION HEADING */

.mech-section-heading {
  max-width: 720px;
  margin: 0 auto 32px;
  text-align: center;
}

.mech-section-heading h2 {
  margin: 0 0 10px !important;
  color: var(--mech-navy) !important;
  font-size: 29px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}

.mech-section-heading > p {
  margin: 0;
  color: var(--mech-muted);
  font-size: 14px;
}

/* SPECIALTY CARDS */

.mech-specialties {
  padding: 0 10px 45px;
}

.mech-specialty-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 19px;
}

.mech-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 25px 26px;
  border: 1px solid var(--mech-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(20,48,73,.045);
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.mech-card:hover {
  transform: translateY(-4px);
  border-color: #c5d3df;
  box-shadow: 0 12px 28px rgba(20,48,73,.09);
}

.mech-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 17px;
}

.mech-card-number {
  color: #a4b0bb;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 1px;
}

.mech-card-icon {
  display: flex;
  width: 49px;
  height: 49px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  color: #bd782c;
  background: #fff4e6;
  font-size: 25px;
}

.mech-card h3 {
  margin: 0 0 13px !important;
  color: var(--mech-navy) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

.mech-card > p {
  margin: 0 0 20px;
  color: #637283;
  font-size: 13px;
  line-height: 1.85;
}

.mech-career {
  margin-top: auto;
  padding: 15px 17px;
  border-left: 3px solid var(--mech-orange);
  border-radius: 0 8px 8px 0;
  background: #f7f9fb;
}

.mech-career strong {
  display: block;
  margin-bottom: 5px;
  color: var(--mech-blue);
  font-size: 12px;
  font-weight: 800;
}

.mech-career p {
  margin: 0;
  color: #6c7b89;
  font-size: 12px;
  line-height: 1.8;
}

.mech-card-wide {
  grid-column: 1 / -1;
}

/* BOTTOM */

.mech-bottom {
  display: flex;
  align-items: center;
  gap: 23px;
  padding: 30px 35px;
  margin: 5px 0 20px;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(110deg, #142f49, #285579);
}

.mech-bottom-symbol {
  display: flex;
  flex: 0 0 65px;
  width: 65px;
  height: 65px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 50%;
  color: #f1bd73;
  font-size: 33px;
}

.mech-bottom span {
  display: block;
  margin-bottom: 5px;
  color: #f1bd73;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.mech-bottom h2 {
  margin: 0 0 5px !important;
  color: #fff !important;
  font-size: 21px !important;
  font-weight: 800 !important;
}

.mech-bottom p {
  margin: 0;
  color: rgba(255,255,255,.8);
  font-size: 12px;
}

/* RESPONSIVE */

@media (max-width: 767px) {
  .mech-hero {
    min-height: 380px;
    margin-bottom: 38px;
    border-radius: 11px;
  }

  .mech-hero-overlay {
    background: linear-gradient(
      90deg,
      rgba(10,29,47,.94),
      rgba(14,39,61,.65)
    );
  }

  .mech-hero-content {
    padding: 40px 25px;
  }

  .mech-hero h1 {
    font-size: 34px !important;
  }

  .mech-hero-content > p {
    font-size: 14px;
  }

  .mech-hero-mark {
    display: none;
  }

  .mech-intro {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 0 8px 32px;
  }

  .mech-intro-heading h2 {
    font-size: 24px !important;
  }

  .mech-section-heading h2 {
    font-size: 23px !important;
  }

  .mech-specialties {
    padding: 0 0 30px;
  }

  .mech-specialty-grid {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .mech-card {
    padding: 21px;
  }

  .mech-card-wide {
    grid-column: auto;
  }

  .mech-bottom {
    align-items: flex-start;
    gap: 15px;
    padding: 22px 18px;
  }

  .mech-bottom-symbol {
    flex-basis: 45px;
    width: 45px;
    height: 45px;
    font-size: 23px;
  }

  .mech-bottom h2 {
    font-size: 17px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mech-card,
  .mech-hero-button {
    transition: none;
  }
}


/* ==========================================
   EK KATERINI - AGRICULTURE SECTOR
   Scoped styles: ek-agri-intro / ek-agri-page
========================================== */

.ek-agri-intro,
.ek-agri-page {
  --agri-green: #245b3c;
  --agri-dark: #173d2b;
  --agri-light: #edf5ed;
  --agri-gold: #d7a83e;
  --agri-text: #34443a;
  color: var(--agri-text);
  font-family: inherit;
}

.ek-agri-intro {
  margin: 0 0 35px;
}

.ek-agri-hero {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  min-height: 280px;
  background: #244b34;
  box-shadow: 0 12px 32px rgba(20, 55, 35, .15);
}

.ek-agri-hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 8;
  object-fit: cover;
}

.ek-agri-hero-caption {
  position: absolute;
  inset: auto 0 0;
  padding: 65px 35px 28px;
  color: #fff;
  background: linear-gradient(transparent, rgba(9, 35, 21, .88));
}

.ek-agri-hero-caption span,
.ek-agri-section-heading > span,
.ek-agri-outlook span,
.ek-agri-end > span {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.ek-agri-hero-caption h2 {
  color: #fff;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  margin: 8px 0;
}

.ek-agri-hero-caption p {
  color: #fff;
  margin: 0;
  font-size: 16px;
}

.ek-agri-intro-text {
  max-width: 920px;
  margin: 38px auto 0;
  text-align: center;
}

.ek-agri-kicker {
  color: var(--agri-green);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.6px;
}

.ek-agri-intro-text h2 {
  color: var(--agri-dark);
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 800;
  margin: 10px 0 18px;
}

.ek-agri-intro-text p {
  font-size: 16px;
  line-height: 1.85;
  margin: 0 0 12px;
}

.ek-agri-page {
  margin-top: 35px;
}

.ek-agri-section {
  padding: 20px 0 35px;
}

.ek-agri-section-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 35px;
}

.ek-agri-section-heading > span {
  color: #9a7627;
}

.ek-agri-section-heading h2 {
  color: var(--agri-dark);
  font-size: clamp(27px, 3vw, 36px);
  font-weight: 800;
  margin: 8px 0 10px;
}

.ek-agri-section-heading p {
  color: #68766c;
  font-size: 16px;
  line-height: 1.7;
}

.ek-agri-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ek-agri-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: #fff;
  border: 1px solid #e4ece4;
  border-radius: 17px;
  box-shadow: 0 7px 24px rgba(27, 65, 42, .07);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-agri-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(27, 65, 42, .13);
}

.ek-agri-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: var(--agri-light);
  font-size: 29px;
  margin-bottom: 20px;
}

.ek-agri-number {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #dce7dd;
  font-size: 30px;
  font-weight: 800;
}

.ek-agri-card h3 {
  color: var(--agri-dark);
  font-size: 21px;
  line-height: 1.4;
  font-weight: 800;
  margin: 0 0 14px;
  padding-right: 25px;
}

.ek-agri-card > p {
  color: #58665c;
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 22px;
}

.ek-agri-career {
  margin-top: auto;
  padding: 17px 19px;
  background: #f1f6f0;
  border-left: 4px solid var(--agri-green);
  border-radius: 7px;
}

.ek-agri-career strong {
  display: block;
  color: var(--agri-green);
  font-size: 14px;
  margin-bottom: 7px;
}

.ek-agri-career p {
  color: #58665c;
  font-size: 14px;
  line-height: 1.65;
  margin: 0;
}

.ek-agri-outlook {
  display: grid;
  grid-template-columns: 75px 1fr;
  gap: 24px;
  align-items: start;
  margin: 35px 0;
  padding: 35px;
  background: linear-gradient(135deg, #edf5ed, #f7f8ef);
  border-radius: 18px;
  border: 1px solid #e0ebdf;
}

.ek-agri-outlook-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  background: #fff;
  border-radius: 18px;
  font-size: 34px;
  box-shadow: 0 5px 15px rgba(25, 65, 40, .08);
}

.ek-agri-outlook span {
  color: #9a7627;
}

.ek-agri-outlook h2 {
  color: var(--agri-dark);
  font-size: 25px;
  font-weight: 800;
  margin: 8px 0 13px;
}

.ek-agri-outlook p {
  color: #536257;
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 10px;
}

.ek-agri-end {
  text-align: center;
  padding: 38px 25px;
  margin: 35px 0 10px;
  color: #fff;
  background: linear-gradient(120deg, #173d2b, #2d6845);
  border-radius: 18px;
}

.ek-agri-end > span {
  color: #e8c66f;
}

.ek-agri-end h2 {
  color: #fff;
  font-size: clamp(25px, 3vw, 34px);
  font-weight: 800;
  margin: 10px 0;
}

.ek-agri-end p {
  color: rgba(255,255,255,.88);
  font-size: 15px;
  margin: 0;
}

/* Responsive */
@media (max-width: 767px) {
  .ek-agri-hero {
    min-height: 0;
    border-radius: 13px;
  }

  .ek-agri-hero img {
    aspect-ratio: 4 / 3;
  }

  .ek-agri-hero-caption {
    padding: 45px 18px 18px;
  }

  .ek-agri-hero-caption h2 {
    font-size: 27px;
  }

  .ek-agri-hero-caption p {
    font-size: 13px;
  }

  .ek-agri-intro-text {
    margin-top: 27px;
    padding: 0 5px;
  }

  .ek-agri-intro-text p {
    font-size: 15px;
    text-align: left;
  }

  .ek-agri-grid {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  .ek-agri-card {
    padding: 23px;
  }

  .ek-agri-outlook {
    grid-template-columns: 1fr;
    padding: 25px;
    gap: 15px;
  }

  .ek-agri-outlook h2 {
    font-size: 23px;
  }

  .ek-agri-end {
    padding: 30px 18px;
  }
}


/* ==========================================
   EK KATERINI - IT SECTOR
========================================== */

.ek-it-intro,
.ek-it-page {
  --it-blue: #176b9b;
  --it-dark: #103653;
  --it-light: #eaf4fa;
  --it-cyan: #20a9c5;
  --it-text: #405463;
  color: var(--it-text);
}

.ek-it-intro {
  margin-bottom: 35px;
}

.ek-it-hero {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #102e49;
  box-shadow: 0 12px 32px rgba(16, 54, 83, .16);
}

.ek-it-hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

.ek-it-hero-overlay {
  position: absolute;
  inset: auto 0 0;
  padding: 65px 35px 28px;
  color: white;
  background: linear-gradient(transparent, rgba(5, 25, 45, .9));
}

.ek-it-hero-overlay span,
.ek-it-heading > span,
.ek-it-image-section span,
.ek-it-outlook span,
.ek-it-end > span {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.ek-it-hero-overlay h2 {
  color: white;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  margin: 8px 0;
}

.ek-it-hero-overlay p {
  color: white;
  margin: 0;
  font-size: 16px;
}

.ek-it-intro-text {
  max-width: 920px;
  margin: 38px auto 0;
  text-align: center;
}

.ek-it-kicker {
  color: var(--it-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.ek-it-intro-text h2 {
  color: var(--it-dark);
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 800;
  margin: 10px 0 18px;
}

.ek-it-intro-text p {
  font-size: 16px;
  line-height: 1.85;
  margin: 0 0 12px;
}

.ek-it-page {
  margin-top: 35px;
}

.ek-it-section {
  padding: 20px 0 35px;
}

.ek-it-heading {
  max-width: 780px;
  margin: 0 auto 35px;
  text-align: center;
}

.ek-it-heading > span,
.ek-it-image-section span,
.ek-it-outlook span {
  color: #1684a9;
}

.ek-it-heading h2 {
  color: var(--it-dark);
  font-size: clamp(27px, 3vw, 36px);
  font-weight: 800;
  margin: 9px 0;
}

.ek-it-heading p {
  color: #647785;
  line-height: 1.7;
  font-size: 16px;
}

.ek-it-specialties {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ek-it-card {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 30px;
  background: white;
  border: 1px solid #e1ebf2;
  border-radius: 17px;
  box-shadow: 0 7px 25px rgba(17, 65, 95, .07);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-it-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(17, 65, 95, .13);
}

.ek-it-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.ek-it-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: var(--it-light);
  font-size: 29px;
}

.ek-it-index {
  color: #dce9f1;
  font-size: 32px;
  font-weight: 800;
}

.ek-it-card h3 {
  color: var(--it-dark);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.4;
  margin: 0 0 6px;
}

.ek-it-subtitle {
  color: var(--it-blue);
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 18px;
}

.ek-it-card > p:not(.ek-it-subtitle) {
  color: #586b79;
  font-size: 15px;
  line-height: 1.8;
}

.ek-it-card h4 {
  color: var(--it-dark);
  font-size: 16px;
  font-weight: 800;
  margin: 12px 0 10px;
}

.ek-it-card ul {
  padding-left: 21px;
  margin: 0 0 22px;
}

.ek-it-card li {
  color: #586b79;
  font-size: 14px;
  line-height: 1.75;
  padding-left: 3px;
  margin-bottom: 5px;
}

.ek-it-career {
  margin-top: auto;
  padding: 17px 19px;
  background: #edf5fa;
  border-left: 4px solid var(--it-blue);
  border-radius: 7px;
}

.ek-it-career strong {
  color: var(--it-blue);
  display: block;
  font-size: 14px;
  margin-bottom: 7px;
}

.ek-it-career p {
  color: #536979;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

.ek-it-image-section {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  gap: 30px;
  margin: 35px 0;
  padding: 25px;
  background: linear-gradient(135deg, #edf5fa, #f5f9fc);
  border: 1px solid #e1ebf2;
  border-radius: 18px;
}

.ek-it-image-section img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.ek-it-image-section h2 {
  color: var(--it-dark);
  font-size: 26px;
  font-weight: 800;
  margin: 10px 0;
}

.ek-it-image-section p {
  color: #586b79;
  font-size: 15px;
  line-height: 1.8;
}

.ek-it-presentations {
  margin: 45px 0;
}

.ek-it-presentation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.ek-it-presentation-grid a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 25px;
  background: white;
  border: 1px solid #dce8f0;
  border-radius: 15px;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(17, 65, 95, .06);
  transition: .2s ease;
}

.ek-it-presentation-grid a:hover {
  transform: translateY(-4px);
  border-color: #74b8d4;
  box-shadow: 0 12px 25px rgba(17, 65, 95, .12);
}

.ek-it-presentation-grid a > span {
  font-size: 30px;
}

.ek-it-presentation-grid strong {
  color: var(--it-dark);
  font-size: 18px;
}

.ek-it-presentation-grid small {
  color: #697b88;
  font-size: 14px;
  line-height: 1.5;
}

.ek-it-presentation-grid b {
  color: var(--it-blue);
  font-size: 14px;
  margin-top: 5px;
}

.ek-it-outlook {
  display: grid;
  grid-template-columns: 75px 1fr;
  gap: 24px;
  align-items: start;
  margin: 35px 0;
  padding: 35px;
  background: linear-gradient(135deg, #edf5fa, #f5f9fc);
  border-radius: 18px;
  border: 1px solid #e1ebf2;
}

.ek-it-outlook-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  background: white;
  border-radius: 18px;
  font-size: 34px;
  box-shadow: 0 5px 15px rgba(17, 65, 95, .08);
}

.ek-it-outlook h2 {
  color: var(--it-dark);
  font-size: 25px;
  font-weight: 800;
  margin: 8px 0 13px;
}

.ek-it-outlook p {
  color: #536979;
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 10px;
}

.ek-it-end {
  text-align: center;
  padding: 38px 25px;
  margin: 35px 0 10px;
  color: white;
  background: linear-gradient(120deg, #103653, #176b9b);
  border-radius: 18px;
}

.ek-it-end > span {
  color: #8fe0ee;
}

.ek-it-end h2 {
  color: white;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 800;
  margin: 10px 0;
}

.ek-it-end p {
  color: rgba(255,255,255,.88);
  font-size: 15px;
  margin: 0;
}

/* Responsive */
@media (max-width: 767px) {
  .ek-it-hero {
    border-radius: 13px;
  }

  .ek-it-hero img {
    aspect-ratio: 4 / 3;
  }

  .ek-it-hero-overlay {
    padding: 45px 18px 18px;
  }

  .ek-it-hero-overlay h2 {
    font-size: 27px;
  }

  .ek-it-hero-overlay p {
    font-size: 13px;
  }

  .ek-it-intro-text {
    margin-top: 27px;
  }

  .ek-it-intro-text p {
    font-size: 15px;
    text-align: left;
  }

  .ek-it-specialties,
  .ek-it-presentation-grid,
  .ek-it-image-section {
    grid-template-columns: 1fr;
  }

  .ek-it-card {
    padding: 23px;
  }

  .ek-it-image-section {
    padding: 17px;
  }

  .ek-it-outlook {
    grid-template-columns: 1fr;
    padding: 25px;
    gap: 15px;
  }

  .ek-it-outlook h2 {
    font-size: 23px;
  }

  .ek-it-end {
    padding: 30px 18px;
  }
}


/* ==========================================
   EK KATERINI - ECONOMICS SECTOR
========================================== */

.ek-econ-intro,
.ek-econ-page {
  --econ-orange: #bd702e;
  --econ-dark: #49321f;
  --econ-light: #fbf2e8;
  --econ-text: #5c5148;
  color: var(--econ-text);
}

.ek-econ-intro {
  margin-bottom: 35px;
}

.ek-econ-hero {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #49321f;
  box-shadow: 0 12px 32px rgba(73, 50, 31, .15);
}

.ek-econ-hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

.ek-econ-hero-overlay {
  position: absolute;
  inset: auto 0 0;
  padding: 65px 35px 28px;
  color: white;
  background: linear-gradient(transparent, rgba(40, 25, 13, .88));
}

.ek-econ-hero-overlay span,
.ek-econ-heading > span,
.ek-econ-outlook span,
.ek-econ-end > span {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.ek-econ-hero-overlay h2 {
  color: white;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  margin: 8px 0;
}

.ek-econ-hero-overlay p {
  color: white;
  margin: 0;
  font-size: 16px;
}

.ek-econ-intro-text {
  max-width: 920px;
  margin: 38px auto 0;
  text-align: center;
}

.ek-econ-kicker {
  color: var(--econ-orange);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.ek-econ-intro-text h2 {
  color: var(--econ-dark);
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 800;
  margin: 10px 0 18px;
}

.ek-econ-intro-text p {
  font-size: 16px;
  line-height: 1.85;
  margin: 0 0 12px;
}

.ek-econ-page {
  margin-top: 35px;
}

.ek-econ-section {
  padding: 20px 0 35px;
}

.ek-econ-heading {
  max-width: 780px;
  margin: 0 auto 35px;
  text-align: center;
}

.ek-econ-heading > span,
.ek-econ-outlook span {
  color: #b87837;
}

.ek-econ-heading h2 {
  color: var(--econ-dark);
  font-size: clamp(27px, 3vw, 36px);
  font-weight: 800;
  margin: 9px 0;
}

.ek-econ-heading p {
  color: #786d62;
  line-height: 1.7;
  font-size: 16px;
}

.ek-econ-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ek-econ-card {
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: white;
  border: 1px solid #eee5db;
  border-radius: 17px;
  box-shadow: 0 7px 25px rgba(73, 50, 31, .07);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-econ-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(73, 50, 31, .13);
}

.ek-econ-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.ek-econ-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: var(--econ-light);
  font-size: 29px;
}

.ek-econ-number {
  color: #eadfd3;
  font-size: 32px;
  font-weight: 800;
}

.ek-econ-card h3 {
  color: var(--econ-dark);
  font-size: 21px;
  line-height: 1.4;
  font-weight: 800;
  margin: 0 0 15px;
}

.ek-econ-card > p {
  color: #6b6056;
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 22px;
}

.ek-econ-career {
  margin-top: auto;
  padding: 17px 19px;
  background: #fbf4eb;
  border-left: 4px solid var(--econ-orange);
  border-radius: 7px;
}

.ek-econ-career strong {
  display: block;
  color: #a55e25;
  font-size: 14px;
  margin-bottom: 7px;
}

.ek-econ-career p {
  color: #6b6056;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

.ek-econ-outlook {
  display: grid;
  grid-template-columns: 75px 1fr;
  gap: 24px;
  align-items: start;
  margin: 35px 0;
  padding: 35px;
  background: linear-gradient(135deg, #fbf2e8, #fff9f1);
  border: 1px solid #eee2d2;
  border-radius: 18px;
}

.ek-econ-outlook-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  background: white;
  border-radius: 18px;
  font-size: 34px;
  box-shadow: 0 5px 15px rgba(73, 50, 31, .08);
}

.ek-econ-outlook h2 {
  color: var(--econ-dark);
  font-size: 25px;
  font-weight: 800;
  margin: 8px 0 13px;
}

.ek-econ-outlook p {
  color: #6b6056;
  font-size: 15px;
  line-height: 1.8;
}

.ek-econ-career-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.ek-econ-career-list div {
  padding: 12px 15px;
  background: rgba(255,255,255,.75);
  border-radius: 8px;
  color: #655447;
  font-size: 14px;
  line-height: 1.5;
}

.ek-econ-skills {
  margin: 45px 0;
}

.ek-econ-skills-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.ek-econ-skills-grid > div {
  padding: 23px 17px;
  text-align: center;
  background: white;
  border: 1px solid #eee5db;
  border-radius: 14px;
}

.ek-econ-skills-grid span {
  display: block;
  font-size: 30px;
  margin-bottom: 12px;
}

.ek-econ-skills-grid strong {
  display: block;
  color: var(--econ-dark);
  font-size: 16px;
  margin-bottom: 8px;
}

.ek-econ-skills-grid p {
  color: #76695e;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}

.ek-econ-end {
  text-align: center;
  padding: 38px 25px;
  margin: 35px 0 10px;
  color: white;
  background: linear-gradient(120deg, #49321f, #98602f);
  border-radius: 18px;
}

.ek-econ-end > span {
  color: #f3d09c;
}

.ek-econ-end h2 {
  color: white;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 800;
  margin: 10px 0;
}

.ek-econ-end p {
  color: rgba(255,255,255,.88);
  font-size: 15px;
  margin: 0;
}

/* Responsive */
@media (max-width: 767px) {
  .ek-econ-hero {
    border-radius: 13px;
  }

  .ek-econ-hero img {
    aspect-ratio: 4 / 3;
  }

  .ek-econ-hero-overlay {
    padding: 45px 18px 18px;
  }

  .ek-econ-hero-overlay h2 {
    font-size: 27px;
  }

  .ek-econ-hero-overlay p {
    font-size: 13px;
  }

  .ek-econ-intro-text {
    margin-top: 27px;
  }

  .ek-econ-intro-text p {
    font-size: 15px;
    text-align: left;
  }

  .ek-econ-grid,
  .ek-econ-career-list {
    grid-template-columns: 1fr;
  }

  .ek-econ-card {
    padding: 23px;
  }

  .ek-econ-outlook {
    grid-template-columns: 1fr;
    padding: 25px;
    gap: 15px;
  }

  .ek-econ-skills-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-econ-end {
    padding: 30px 18px;
  }
}


/* =========================================
   EK KATERINI - HEALTH SECTOR
   ========================================= */

.ek-health-intro {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 38px;
  align-items: center;
  margin: 20px 0 35px;
  padding: 28px;
  background: #f1f8f8;
  border-radius: 18px;
  border-left: 5px solid #159b9a;
}

.ek-health-intro-image img {
  display: block;
  width: 100%;
  height: 290px;
  object-fit: cover;
  border-radius: 13px;
}

.ek-health-kicker,
.ek-health-heading > span,
.ek-health-values-content > span {
  display: inline-block;
  color: #159b9a;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 12px;
}

.ek-health-intro-content h2 {
  color: #153d4b;
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 18px;
}

.ek-health-intro-content p {
  color: #53656c;
  font-size: 15px;
  line-height: 1.85;
  margin: 0 0 12px;
}

/* Main content */

.ek-health-page {
  --health-primary: #159b9a;
  --health-dark: #153d4b;
  --health-text: #53656c;
  --health-light: #f1f8f8;
  color: var(--health-text);
}

.ek-health-section {
  margin: 45px 0;
}

.ek-health-heading {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px;
}

.ek-health-heading h2 {
  color: var(--health-dark);
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 12px;
}

.ek-health-heading p {
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

/* Specialty cards */

.ek-health-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.ek-health-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 27px 23px 23px;
  background: #fff;
  border: 1px solid #e4eeee;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(21, 61, 75, 0.055);
  transition: transform .25s ease, box-shadow .25s ease;
  overflow: hidden;
}

.ek-health-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--health-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}

.ek-health-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(21, 61, 75, 0.11);
}

.ek-health-card:hover::before {
  transform: scaleX(1);
}

.ek-health-card-number {
  position: absolute;
  top: 19px;
  right: 21px;
  color: #dcebea;
  font-size: 27px;
  font-weight: 800;
}

.ek-health-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 20px;
  color: #fff;
  background: var(--health-primary);
  border-radius: 14px;
  font-size: 25px;
  font-weight: 700;
}

.ek-health-card h3 {
  color: var(--health-dark);
  font-size: 19px;
  line-height: 1.4;
  font-weight: 800;
  margin: 0 0 13px;
  min-height: 54px;
}

.ek-health-card > p {
  color: var(--health-text);
  font-size: 14px;
  line-height: 1.75;
  margin: 0 0 20px;
}

.ek-health-work {
  margin-top: auto;
  padding: 15px;
  background: var(--health-light);
  border-radius: 10px;
}

.ek-health-work strong {
  display: block;
  color: var(--health-dark);
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 7px;
}

.ek-health-work p {
  color: #61747a;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

/* Skills section */

.ek-health-values {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 35px;
  align-items: center;
  margin: 55px 0;
  padding: 38px;
  background: #f1f8f8;
  border-radius: 18px;
}

.ek-health-values-content h2 {
  color: var(--health-dark);
  font-size: 27px;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 0 16px;
}

.ek-health-values-content p {
  color: var(--health-text);
  font-size: 14px;
  line-height: 1.85;
  margin: 0;
}

.ek-health-values-list {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.ek-health-values-list div {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 12px 15px;
  background: #fff;
  border: 1px solid #e3eeee;
  border-radius: 9px;
  color: var(--health-dark);
  font-size: 14px;
  font-weight: 700;
}

.ek-health-values-list span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  color: #fff;
  background: var(--health-primary);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 800;
}

/* Final banner */

.ek-health-final {
  position: relative;
  text-align: center;
  padding: 42px 30px;
  margin: 45px 0 20px;
  color: #fff;
  background: linear-gradient(125deg, #153d4b, #159b9a);
  border-radius: 18px;
  overflow: hidden;
}

.ek-health-final-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 17px;
  color: #159b9a;
  background: #fff;
  border-radius: 50%;
  font-size: 34px;
  font-weight: 500;
}

.ek-health-final h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 13px;
}

.ek-health-final p {
  max-width: 760px;
  margin: 0 auto 18px;
  color: rgba(255,255,255,.9);
  font-size: 15px;
  line-height: 1.8;
}

.ek-health-final > span {
  display: inline-block;
  color: #c8eeee;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

/* Responsive */

@media (max-width: 991px) {
  .ek-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-health-intro {
    gap: 25px;
  }

  .ek-health-values {
    gap: 25px;
    padding: 28px;
  }
}

@media (max-width: 767px) {
  .ek-health-intro {
    grid-template-columns: 1fr;
    padding: 18px;
    gap: 20px;
  }

  .ek-health-intro-image img {
    height: 220px;
  }

  .ek-health-intro-content h2 {
    font-size: 25px;
  }

  .ek-health-heading h2 {
    font-size: 25px;
  }

  .ek-health-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ek-health-card {
    padding: 23px 20px;
  }

  .ek-health-card h3 {
    min-height: 0;
  }

  .ek-health-values {
    grid-template-columns: 1fr;
    padding: 23px 18px;
    gap: 22px;
  }

  .ek-health-values-content h2 {
    font-size: 23px;
  }

  .ek-health-final {
    padding: 32px 20px;
  }

  .ek-health-final h2 {
    font-size: 24px;
  }
}


/* =========================================
   EK KATERINI - APPLIED ARTS SECTOR
   ========================================= */

.ek-arts-intro {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 36px;
  align-items: center;
  margin: 20px 0 35px;
  padding: 28px;
  background: #f8f4fb;
  border-radius: 18px;
  border-left: 5px solid #8b55ad;
}

.ek-arts-intro-image img {
  display: block;
  width: 100%;
  height: 290px;
  object-fit: cover;
  border-radius: 13px;
}

.ek-arts-kicker,
.ek-arts-heading > span,
.ek-arts-creative-content > span {
  display: inline-block;
  color: #8b55ad;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 12px;
}

.ek-arts-intro-content h2 {
  color: #332443;
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 18px;
}

.ek-arts-intro-content p {
  color: #655b6c;
  font-size: 15px;
  line-height: 1.85;
  margin: 0 0 12px;
}

/* Main page */

.ek-arts-page {
  --arts-primary: #8b55ad;
  --arts-dark: #332443;
  --arts-text: #655b6c;
  --arts-light: #f8f4fb;
  color: var(--arts-text);
}

.ek-arts-section {
  margin: 45px 0;
}

.ek-arts-heading {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px;
}

.ek-arts-heading h2 {
  color: var(--arts-dark);
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 12px;
}

.ek-arts-heading p {
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

/* Cards */

.ek-arts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 23px;
}

.ek-arts-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  border: 1px solid #eee7f1;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(51, 36, 67, .055);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-arts-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(51, 36, 67, .12);
}

.ek-arts-card-image {
  position: relative;
  height: 185px;
  overflow: hidden;
  background: #eee7f1;
}

.ek-arts-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}

.ek-arts-card:hover .ek-arts-card-image img {
  transform: scale(1.045);
}

.ek-arts-card-image > span {
  position: absolute;
  top: 13px;
  left: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #fff;
  background: var(--arts-primary);
  border: 2px solid rgba(255,255,255,.8);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
}

.ek-arts-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #eee3f4, #f9f4fb);
}

.ek-arts-placeholder::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  border: 1px solid rgba(139,85,173,.18);
  border-radius: 50%;
}

.ek-arts-placeholder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  color: #fff;
  background: var(--arts-primary);
  border-radius: 23px;
  font-size: 38px;
  box-shadow: 0 8px 25px rgba(139,85,173,.22);
}

.ek-arts-card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 23px 22px 22px;
}

.ek-arts-category {
  color: var(--arts-primary);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.2px;
  margin-bottom: 10px;
}

.ek-arts-card h3 {
  color: var(--arts-dark);
  font-size: 19px;
  line-height: 1.4;
  font-weight: 800;
  margin: 0 0 13px;
}

.ek-arts-card-body > p {
  color: var(--arts-text);
  font-size: 14px;
  line-height: 1.75;
  margin: 0 0 20px;
}

.ek-arts-career {
  margin-top: auto;
  padding: 15px;
  background: var(--arts-light);
  border-radius: 10px;
  border-left: 3px solid var(--arts-primary);
}

.ek-arts-career strong {
  display: block;
  color: var(--arts-dark);
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 7px;
}

.ek-arts-career p {
  color: #716778;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

/* Creative skills section */

.ek-arts-creative {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 35px;
  align-items: center;
  margin: 55px 0;
  padding: 38px;
  background: #f8f4fb;
  border-radius: 18px;
}

.ek-arts-creative-content h2 {
  color: var(--arts-dark);
  font-size: 27px;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 0 16px;
}

.ek-arts-creative-content p {
  color: var(--arts-text);
  font-size: 14px;
  line-height: 1.85;
  margin: 0;
}

.ek-arts-skills {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.ek-arts-skills div {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 12px 15px;
  background: #fff;
  border: 1px solid #eee7f1;
  border-radius: 9px;
  color: var(--arts-dark);
  font-size: 14px;
  font-weight: 700;
}

.ek-arts-skills span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  color: #fff;
  background: var(--arts-primary);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 800;
}

/* Final banner */

.ek-arts-final {
  text-align: center;
  padding: 42px 30px;
  margin: 45px 0 20px;
  color: #fff;
  background: linear-gradient(125deg, #332443, #8b55ad);
  border-radius: 18px;
}

.ek-arts-final-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 17px;
  color: #8b55ad;
  background: #fff;
  border-radius: 50%;
  font-size: 31px;
}

.ek-arts-final h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 13px;
}

.ek-arts-final p {
  max-width: 760px;
  margin: 0 auto 18px;
  color: rgba(255,255,255,.9);
  font-size: 15px;
  line-height: 1.8;
}

.ek-arts-final > span {
  display: inline-block;
  color: #e5d3f0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

/* Responsive */

@media (max-width: 991px) {
  .ek-arts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-arts-intro {
    gap: 25px;
  }

  .ek-arts-creative {
    gap: 25px;
    padding: 28px;
  }
}

@media (max-width: 767px) {
  .ek-arts-intro {
    grid-template-columns: 1fr;
    padding: 18px;
    gap: 20px;
  }

  .ek-arts-intro-image img {
    height: 220px;
  }

  .ek-arts-intro-content h2 {
    font-size: 25px;
  }

  .ek-arts-heading h2 {
    font-size: 25px;
  }

  .ek-arts-grid {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  .ek-arts-card-image {
    height: 210px;
  }

  .ek-arts-creative {
    grid-template-columns: 1fr;
    padding: 23px 18px;
    gap: 22px;
  }

  .ek-arts-creative-content h2 {
    font-size: 23px;
  }

  .ek-arts-final {
    padding: 32px 20px;
  }

  .ek-arts-final h2 {
    font-size: 24px;
  }
}


/* =========================================
   EK KATERINI - BUILDING WORKS SECTOR
   ========================================= */

.ek-build-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: center;
  margin: 20px 0 35px;
  padding: 28px;
  background: #f3f6f8;
  border-left: 5px solid #d69a32;
  border-radius: 18px;
}

.ek-build-intro-image img {
  display: block;
  width: 100%;
  height: 290px;
  object-fit: cover;
  border-radius: 13px;
}

.ek-build-kicker,
.ek-build-heading > span,
.ek-build-software-content > span,
.ek-build-career-heading > span {
  display: inline-block;
  color: #bd8424;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 12px;
}

.ek-build-intro-content h2 {
  color: #243747;
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 8px;
}

.ek-build-intro-content h3 {
  color: #bd8424;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 17px;
}

.ek-build-intro-content p {
  color: #586873;
  font-size: 15px;
  line-height: 1.85;
  margin: 0 0 12px;
}

/* Main page */

.ek-build-page {
  --build-primary: #bd8424;
  --build-dark: #243747;
  --build-text: #586873;
  --build-light: #f3f6f8;
  color: var(--build-text);
}

.ek-build-section,
.ek-build-skills-section {
  margin: 45px 0;
}

.ek-build-heading {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 32px;
}

.ek-build-heading h2 {
  color: var(--build-dark);
  font-size: 29px;
  line-height: 1.35;
  font-weight: 800;
  margin: 0 0 12px;
}

.ek-build-heading p {
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

/* Specialty feature */

.ek-build-specialty {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 30px;
  align-items: center;
  padding: 25px;
  background: #fff;
  border: 1px solid #e7ebee;
  border-radius: 17px;
  box-shadow: 0 6px 22px rgba(36,55,71,.06);
}

.ek-build-specialty-image img {
  display: block;
  width: 100%;
  height: 340px;
  object-fit: cover;
  border-radius: 12px;
}

.ek-build-label {
  display: inline-block;
  color: var(--build-primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.3px;
  margin-bottom: 12px;
}

.ek-build-specialty-content h3 {
  color: var(--build-dark);
  font-size: 25px;
  line-height: 1.35;
  font-weight: 800;
  margin: 0 0 15px;
}

.ek-build-specialty-content p {
  color: var(--build-text);
  font-size: 14px;
  line-height: 1.85;
  margin: 0 0 12px;
}

/* Skills grid */

.ek-build-skills-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.ek-build-skill {
  padding: 25px 22px;
  background: #fff;
  border: 1px solid #e7ebee;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(36,55,71,.045);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-build-skill:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(36,55,71,.10);
}

.ek-build-skill-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 49px;
  height: 49px;
  margin-bottom: 17px;
  color: #fff;
  background: var(--build-primary);
  border-radius: 13px;
  font-size: 25px;
}

.ek-build-skill h3 {
  color: var(--build-dark);
  font-size: 17px;
  line-height: 1.4;
  font-weight: 800;
  margin: 0 0 10px;
}

.ek-build-skill p {
  color: var(--build-text);
  font-size: 13px;
  line-height: 1.75;
  margin: 0;
}

/* Software section */

.ek-build-software {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  align-items: center;
  margin: 55px 0;
  padding: 35px;
  background: #243747;
  border-radius: 18px;
}

.ek-build-software-content > span {
  color: #e6b75d;
}

.ek-build-software-content h2 {
  color: #fff;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 0 14px;
}

.ek-build-software-content p {
  color: rgba(255,255,255,.82);
  font-size: 14px;
  line-height: 1.85;
  margin: 0;
}

.ek-build-tools {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ek-build-tool {
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 18px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 12px;
}

.ek-build-tool-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 53px;
  width: 53px;
  height: 53px;
  color: #243747;
  background: #e6b75d;
  border-radius: 12px;
  font-size: 25px;
  font-weight: 900;
}

.ek-build-tool h3 {
  color: #fff;
  font-size: 19px;
  font-weight: 800;
  margin: 0 0 4px;
}

.ek-build-tool p {
  color: rgba(255,255,255,.78);
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}

/* Career section */

.ek-build-career {
  margin: 55px 0;
}

.ek-build-career-heading {
  max-width: 750px;
  margin: 0 auto 28px;
  text-align: center;
}

.ek-build-career-heading h2 {
  color: var(--build-dark);
  font-size: 29px;
  font-weight: 800;
  margin: 0 0 12px;
}

.ek-build-career-heading p {
  color: var(--build-text);
  font-size: 14px;
  line-height: 1.75;
  margin: 0;
}

.ek-build-career-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ek-build-career-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 19px;
  background: var(--build-light);
  border: 1px solid #e5ebef;
  border-radius: 12px;
}

.ek-build-career-item > span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 37px;
  width: 37px;
  height: 37px;
  color: #fff;
  background: var(--build-primary);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
}

.ek-build-career-item h3 {
  color: var(--build-dark);
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
}

.ek-build-career-item p {
  color: var(--build-text);
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

/* Final banner */

.ek-build-final {
  text-align: center;
  padding: 42px 30px;
  margin: 45px 0 20px;
  color: #fff;
  background: linear-gradient(125deg, #243747, #bd8424);
  border-radius: 18px;
}

.ek-build-final-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  margin: 0 auto 17px;
  color: #bd8424;
  background: #fff;
  border-radius: 50%;
  font-size: 32px;
}

.ek-build-final h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 13px;
}

.ek-build-final p {
  max-width: 760px;
  margin: 0 auto 18px;
  color: rgba(255,255,255,.9);
  font-size: 15px;
  line-height: 1.8;
}

.ek-build-final > span {
  display: inline-block;
  color: #f5dfb8;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

/* Responsive */

@media (max-width: 991px) {
  .ek-build-skills-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-build-intro,
  .ek-build-specialty {
    gap: 23px;
  }

  .ek-build-software {
    gap: 25px;
    padding: 28px;
  }
}

@media (max-width: 767px) {
  .ek-build-intro {
    grid-template-columns: 1fr;
    padding: 18px;
    gap: 20px;
  }

  .ek-build-intro-image img {
    height: 220px;
  }

  .ek-build-intro-content h2 {
    font-size: 25px;
  }

  .ek-build-heading h2,
  .ek-build-career-heading h2 {
    font-size: 24px;
  }

  .ek-build-specialty {
    grid-template-columns: 1fr;
    padding: 17px;
  }

  .ek-build-specialty-image img {
    height: 240px;
  }

  .ek-build-specialty-content h3 {
    font-size: 22px;
  }

  .ek-build-skills-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .ek-build-software {
    grid-template-columns: 1fr;
    padding: 24px 18px;
    gap: 22px;
  }

  .ek-build-software-content h2 {
    font-size: 23px;
  }

  .ek-build-career-grid {
    grid-template-columns: 1fr;
  }

  .ek-build-final {
    padding: 32px 20px;
  }

  .ek-build-final h2 {
    font-size: 24px;
  }
}


/* =========================================
   EK KATERINI - ELECTROLOGY / ELECTRONICS
   ========================================= */

.ek-electro-intro {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 36px;
  align-items: center;
  margin: 20px 0 35px;
  padding: 28px;
  background: #eef5fa;
  border-left: 5px solid #1686b7;
  border-radius: 18px;
}

.ek-electro-intro-image img {
  display: block;
  width: 100%;
  height: 290px;
  object-fit: cover;
  border-radius: 13px;
}

.ek-electro-kicker,
.ek-electro-heading > span,
.ek-electro-technology-content > span,
.ek-electro-skills-heading > span {
  display: inline-block;
  color: #1686b7;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 12px;
}

.ek-electro-intro-content h2 {
  color: #15374e;
  font-size: 29px;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 17px;
}

.ek-electro-intro-content p {
  color: #526875;
  font-size: 15px;
  line-height: 1.85;
  margin: 0 0 12px;
}

/* Main page */

.ek-electro-page {
  --electro-primary: #1686b7;
  --electro-dark: #15374e;
  --electro-text: #526875;
  --electro-light: #eef5fa;
  color: var(--electro-text);
}

.ek-electro-section {
  margin: 45px 0;
}

.ek-electro-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.ek-electro-heading h2 {
  color: var(--electro-dark);
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 12px;
}

.ek-electro-heading p {
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

/* Specialty cards */

.ek-electro-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

.ek-electro-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  border: 1px solid #e1eaf0;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(21,55,78,.06);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-electro-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(21,55,78,.12);
}

.ek-electro-card-top {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 165px;
  padding: 23px;
  color: #fff;
  background: linear-gradient(135deg, #15374e, #1686b7);
}

.ek-electro-number {
  position: absolute;
  top: 17px;
  right: 19px;
  color: rgba(255,255,255,.22);
  font-size: 32px;
  font-weight: 800;
}

.ek-electro-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 17px;
  color: #15374e;
  background: #fff;
  border-radius: 14px;
  font-size: 28px;
  font-weight: 800;
}

.ek-electro-category {
  color: #c5eafa;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.4px;
}

.ek-electro-card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 23px 21px 21px;
}

.ek-electro-card h3 {
  color: var(--electro-dark);
  font-size: 18px;
  line-height: 1.45;
  font-weight: 800;
  margin: 0 0 14px;
}

.ek-electro-card-body > p {
  color: var(--electro-text);
  font-size: 14px;
  line-height: 1.75;
  margin: 0 0 14px;
}

.ek-electro-card-body ul {
  padding-left: 19px;
  margin: 0 0 20px;
}

.ek-electro-card-body li {
  color: var(--electro-text);
  font-size: 13px;
  line-height: 1.65;
  margin-bottom: 7px;
}

.ek-electro-card-body li::marker {
  color: var(--electro-primary);
}

.ek-electro-career {
  margin-top: auto;
  padding: 15px;
  background: var(--electro-light);
  border-left: 3px solid var(--electro-primary);
  border-radius: 9px;
}

.ek-electro-career strong {
  display: block;
  color: var(--electro-dark);
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 7px;
}

.ek-electro-career p {
  color: #607582;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

/* Technology section */

.ek-electro-technology {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 35px;
  align-items: center;
  margin: 55px 0;
  padding: 36px;
  background: #15374e;
  border-radius: 18px;
}

.ek-electro-technology-content > span {
  color: #69c8ee;
}

.ek-electro-technology-content h2 {
  color: #fff;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 0 15px;
}

.ek-electro-technology-content p {
  color: rgba(255,255,255,.83);
  font-size: 14px;
  line-height: 1.85;
  margin: 0;
}

.ek-electro-technology-list {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.ek-electro-technology-list div {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 12px 15px;
  color: #fff;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
}

.ek-electro-technology-list span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  color: #15374e;
  background: #69c8ee;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 800;
}

/* Skills */

.ek-electro-skills {
  margin: 55px 0;
}

.ek-electro-skills-heading {
  text-align: center;
  margin: 0 auto 30px;
}

.ek-electro-skills-heading h2 {
  color: var(--electro-dark);
  font-size: 28px;
  font-weight: 800;
  margin: 0;
}

.ek-electro-skills-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 17px;
}

.ek-electro-skill {
  padding: 22px;
  background: #fff;
  border: 1px solid #e1eaf0;
  border-radius: 13px;
  box-shadow: 0 4px 15px rgba(21,55,78,.045);
  transition: transform .25s ease;
}

.ek-electro-skill:hover {
  transform: translateY(-4px);
}

.ek-electro-skill > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  margin-bottom: 13px;
  color: #fff;
  background: var(--electro-primary);
  border-radius: 9px;
  font-size: 11px;
  font-weight: 800;
}

.ek-electro-skill h3 {
  color: var(--electro-dark);
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 8px;
}

.ek-electro-skill p {
  color: var(--electro-text);
  font-size: 13px;
  line-height: 1.7;
  margin: 0;
}

/* Final banner */

.ek-electro-final {
  text-align: center;
  padding: 42px 30px;
  margin: 45px 0 20px;
  color: #fff;
  background: linear-gradient(125deg, #15374e, #1686b7);
  border-radius: 18px;
}

.ek-electro-final-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  margin: 0 auto 17px;
  color: #1686b7;
  background: #fff;
  border-radius: 50%;
  font-size: 32px;
}

.ek-electro-final h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 13px;
}

.ek-electro-final p {
  max-width: 760px;
  margin: 0 auto 18px;
  color: rgba(255,255,255,.9);
  font-size: 15px;
  line-height: 1.8;
}

.ek-electro-final > span {
  display: inline-block;
  color: #c5eafa;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

/* Responsive */

@media (max-width: 991px) {
  .ek-electro-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-electro-skills-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-electro-intro {
    gap: 25px;
  }

  .ek-electro-technology {
    gap: 25px;
    padding: 28px;
  }
}

@media (max-width: 767px) {
  .ek-electro-intro {
    grid-template-columns: 1fr;
    padding: 18px;
    gap: 20px;
  }

  .ek-electro-intro-image img {
    height: 220px;
  }

  .ek-electro-intro-content h2 {
    font-size: 25px;
  }

  .ek-electro-heading h2 {
    font-size: 25px;
  }

  .ek-electro-grid,
  .ek-electro-skills-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ek-electro-card-top {
    min-height: 145px;
  }

  .ek-electro-technology {
    grid-template-columns: 1fr;
    padding: 24px 18px;
    gap: 22px;
  }

  .ek-electro-technology-content h2 {
    font-size: 23px;
  }

  .ek-electro-skills-heading h2 {
    font-size: 24px;
  }

  .ek-electro-final {
    padding: 32px 20px;
  }

  .ek-electro-final h2 {
    font-size: 24px;
  }
}


/* ==========================================
   ABOUT LABORATORY CENTER - ENGLISH
   ========================================== */

.ek-about-en {
    --about-navy: #102c46;
    --about-blue: #176b9b;
    --about-cyan: #42b6d5;
    --about-light: #eef5f9;
    --about-text: #33485a;
    --about-muted: #718294;

    color: var(--about-text);
    font-size: 16px;
    line-height: 1.75;
}

.ek-about-en * {
    box-sizing: border-box;
}

.ek-about-en img {
    display: block;
    max-width: 100%;
    height: auto;
}

.ek-about-en h1,
.ek-about-en h2,
.ek-about-en h3 {
    color: var(--about-navy);
    line-height: 1.2;
    font-weight: 750;
}

.ek-about-en p {
    margin-bottom: 16px;
}

.ek-about-en .ek-about-label,
.ek-about-en .ek-about-eyebrow {
    display: inline-block;
    color: var(--about-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* HERO */

.ek-about-en .ek-about-hero {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    min-height: 420px;
    background: var(--about-navy);
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 55px;
    box-shadow: 0 16px 40px rgba(16, 44, 70, 0.14);
}

.ek-about-en .ek-about-hero-image {
    min-height: 420px;
    overflow: hidden;
}

.ek-about-en .ek-about-hero-image img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
}

.ek-about-en .ek-about-hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 45px 42px;
    color: #fff;
}

.ek-about-en .ek-about-eyebrow {
    color: #70d0e8;
    margin-bottom: 18px;
}

.ek-about-en .ek-about-hero h1 {
    color: #fff;
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 800;
    margin: 0 0 20px;
}

.ek-about-en .ek-about-title-line {
    width: 65px;
    height: 4px;
    background: var(--about-cyan);
    border-radius: 5px;
    margin-bottom: 18px;
}

.ek-about-en .ek-about-hero-content p {
    color: rgba(255,255,255,.83);
    font-size: 18px;
    line-height: 1.6;
    max-width: 390px;
    margin-bottom: 25px;
}

.ek-about-en .ek-about-button {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 13px 21px;
    background: var(--about-cyan);
    color: #092a42 !important;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    text-decoration: none !important;
    transition: all .25s ease;
}

.ek-about-en .ek-about-button:hover {
    background: #fff;
    transform: translateY(-2px);
}

/* INTRO */

.ek-about-en .ek-about-intro {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 55px;
    align-items: start;
    margin: 0 0 35px;
}

.ek-about-en .ek-about-intro-heading h2 {
    font-size: clamp(27px, 3vw, 36px);
    margin: 12px 0 0;
}

.ek-about-en .ek-about-intro-text {
    border-left: 3px solid var(--about-cyan);
    padding-left: 25px;
}

.ek-about-en .ek-about-intro-text p {
    margin-bottom: 12px;
}

/* FACTS */

.ek-about-en .ek-about-facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: var(--about-light);
    border-radius: 12px;
    padding: 25px 12px;
    margin: 35px 0 45px;
}

.ek-about-en .ek-about-fact {
    text-align: center;
    padding: 10px 15px;
    border-right: 1px solid #d5e2eb;
}

.ek-about-en .ek-about-fact:last-child {
    border-right: 0;
}

.ek-about-en .ek-about-fact strong {
    display: block;
    color: var(--about-blue);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 8px;
}

.ek-about-en .ek-about-fact span {
    display: block;
    color: var(--about-muted);
    font-size: 13px;
    font-weight: 600;
}

/* SECTION HEADINGS */

.ek-about-en .ek-about-section {
    margin: 75px 0;
}

.ek-about-en .ek-about-section-heading {
    max-width: 680px;
    margin-bottom: 35px;
}

.ek-about-en .ek-about-section-heading h2,
.ek-about-en .ek-about-mission-heading h2,
.ek-about-en .ek-about-facilities h2 {
    font-size: clamp(28px, 3vw, 38px);
    margin: 10px 0 14px;
}

.ek-about-en .ek-about-section-heading p {
    color: var(--about-muted);
    margin-bottom: 0;
}

.ek-about-en .ek-about-centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* WHO WE ARE */

.ek-about-en .ek-about-who {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px;
    align-items: center;
}

.ek-about-en .ek-about-who-image {
    position: relative;
    min-height: 350px;
    border-radius: 14px;
    overflow: hidden;
}

.ek-about-en .ek-about-who-image img {
    width: 100%;
    height: 390px;
    object-fit: cover;
}

.ek-about-en .ek-about-image-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 45px 25px 22px;
    color: #fff;
    background: linear-gradient(transparent, rgba(7, 31, 49, .9));
}

.ek-about-en .ek-about-image-caption span {
    display: block;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 700;
    color: #8cdbed;
}

.ek-about-en .ek-about-image-caption strong {
    display: block;
    font-size: 22px;
    margin-top: 5px;
}

.ek-about-en .ek-about-who-text h3 {
    font-size: 25px;
    margin-bottom: 20px;
}

/* COMMUNITY */

.ek-about-en .ek-about-community {
    position: relative;
    padding: 48px;
    background: var(--about-light);
    border-radius: 16px;
    margin: 75px 0;
    overflow: hidden;
}

.ek-about-en .ek-about-community:after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    right: -90px;
    top: -100px;
    border: 35px solid rgba(66, 182, 213, .10);
    border-radius: 50%;
    pointer-events: none;
}

.ek-about-en .ek-about-community-content {
    position: relative;
    z-index: 1;
    max-width: 850px;
}

.ek-about-en .ek-about-community h2 {
    font-size: 32px;
    margin: 12px 0;
}

.ek-about-en .ek-about-school-list {
    margin-top: 25px;
}

.ek-about-en .ek-about-school {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 17px 0;
    border-bottom: 1px solid #d5e2eb;
}

.ek-about-en .ek-about-school > span {
    color: var(--about-blue);
    font-size: 22px;
    font-weight: 800;
}

.ek-about-en .ek-about-school strong {
    display: block;
    color: var(--about-navy);
    font-size: 16px;
}

.ek-about-en .ek-about-school small {
    display: block;
    color: var(--about-muted);
    font-size: 13px;
    margin-top: 3px;
}

.ek-about-en .ek-about-community-note {
    margin-top: 22px;
    font-size: 14px;
    color: var(--about-muted);
}

/* SECTORS */

.ek-about-en .ek-about-sectors {
    padding: 15px 0;
}

.ek-about-en .ek-about-sector-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.ek-about-en .ek-about-sector {
    position: relative;
    min-height: 245px;
    padding: 28px 23px;
    background: #fff;
    border: 1px solid #e4edf3;
    border-radius: 12px;
    box-shadow: 0 5px 18px rgba(16, 44, 70, .045);
    transition: transform .25s ease, box-shadow .25s ease,
                border-color .25s ease;
}

.ek-about-en .ek-about-sector:hover {
    transform: translateY(-6px);
    border-color: var(--about-cyan);
    box-shadow: 0 14px 28px rgba(16, 44, 70, .10);
}

.ek-about-en .ek-about-sector-number {
    position: absolute;
    top: 17px;
    right: 20px;
    color: #dce8ef;
    font-size: 25px;
    font-weight: 800;
}

.ek-about-en .ek-about-sector-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    border-radius: 10px;
    background: var(--about-light);
    color: var(--about-blue);
    font-size: 27px;
    font-weight: 700;
}

.ek-about-en .ek-about-sector h3 {
    font-size: 18px;
    margin: 0 0 12px;
}

.ek-about-en .ek-about-sector p {
    color: var(--about-muted);
    font-size: 14px;
    line-height: 1.65;
    margin: 0;
}

/* MISSION */

.ek-about-en .ek-about-mission {
    background: var(--about-navy);
    color: #fff;
    border-radius: 16px;
    padding: 50px 45px;
    margin: 75px 0;
}

.ek-about-en .ek-about-mission .ek-about-label {
    color: #70d0e8;
}

.ek-about-en .ek-about-mission-heading {
    max-width: 690px;
}

.ek-about-en .ek-about-mission-heading h2 {
    color: #fff;
}

.ek-about-en .ek-about-mission-heading p {
    color: rgba(255,255,255,.72);
}

.ek-about-en .ek-about-mission-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 35px;
}

.ek-about-en .ek-about-mission-item {
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.22);
}

.ek-about-en .ek-about-mission-item > span {
    color: var(--about-cyan);
    font-size: 25px;
    font-weight: 800;
}

.ek-about-en .ek-about-mission-item h3 {
    color: #fff;
    font-size: 19px;
    margin: 12px 0;
}

.ek-about-en .ek-about-mission-item p {
    color: rgba(255,255,255,.7);
    font-size: 14px;
    margin: 0;
}

/* FACILITIES */

.ek-about-en .ek-about-facilities {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px;
    align-items: center;
    margin: 75px 0;
}

.ek-about-en .ek-about-facilities-content p {
    color: var(--about-text);
}

.ek-about-en .ek-about-facilities-image {
    overflow: hidden;
    border-radius: 14px;
}

.ek-about-en .ek-about-facilities-image img {
    width: 100%;
    height: 330px;
    object-fit: cover;
}

/* FINAL */

.ek-about-en .ek-about-final {
    text-align: center;
    padding: 55px 30px;
    background: linear-gradient(125deg, #12334f, #176b9b);
    border-radius: 16px;
    color: #fff;
    margin: 65px 0 20px;
}

.ek-about-en .ek-about-final > span {
    color: #82d9ed;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ek-about-en .ek-about-final h2 {
    color: #fff;
    font-size: clamp(30px, 4vw, 43px);
    margin: 15px 0;
}

.ek-about-en .ek-about-final p {
    max-width: 600px;
    margin: 0 auto;
    color: rgba(255,255,255,.8);
}

/* RESPONSIVE */

@media (max-width: 991px) {
    .ek-about-en .ek-about-hero {
        grid-template-columns: 1fr 1fr;
    }

    .ek-about-en .ek-about-hero-content {
        padding: 30px;
    }

    .ek-about-en .ek-about-sector-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ek-about-en .ek-about-intro {
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .ek-about-en .ek-about-hero {
        grid-template-columns: 1fr;
    }

    .ek-about-en .ek-about-hero-image,
    .ek-about-en .ek-about-hero-image img {
        min-height: 240px;
        height: 240px;
    }

    .ek-about-en .ek-about-hero-content {
        padding: 32px 25px 38px;
    }

    .ek-about-en .ek-about-intro,
    .ek-about-en .ek-about-who,
    .ek-about-en .ek-about-facilities {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .ek-about-en .ek-about-intro-text {
        padding-left: 18px;
    }

    .ek-about-en .ek-about-facts {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px 0;
    }

    .ek-about-en .ek-about-fact:nth-child(2) {
        border-right: 0;
    }

    .ek-about-en .ek-about-fact:nth-child(3),
    .ek-about-en .ek-about-fact:nth-child(4) {
        border-top: 1px solid #d5e2eb;
        padding-top: 20px;
    }

    .ek-about-en .ek-about-community {
        padding: 30px 23px;
    }

    .ek-about-en .ek-about-sector-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .ek-about-en .ek-about-sector {
        min-height: 230px;
        padding: 22px 17px;
    }

    .ek-about-en .ek-about-sector h3 {
        font-size: 16px;
    }

    .ek-about-en .ek-about-mission {
        padding: 35px 25px;
    }

    .ek-about-en .ek-about-mission-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .ek-about-en .ek-about-section {
        margin: 55px 0;
    }
}

@media (max-width: 420px) {
    .ek-about-en .ek-about-sector-grid {
        grid-template-columns: 1fr;
    }

    .ek-about-en .ek-about-sector {
        min-height: auto;
    }
}


/* ==========================================
   ERASMUS PAGE - ENGLISH
   ========================================== */

.ek-erasmus-en {
    --er-navy: #102d49;
    --er-blue: #176c9c;
    --er-cyan: #42b8d6;
    --er-light: #eff6fa;
    --er-text: #35495b;
    --er-muted: #748596;
    color: var(--er-text);
    font-size: 16px;
    line-height: 1.75;
}

.ek-erasmus-en * {
    box-sizing: border-box;
}

.ek-erasmus-en h1,
.ek-erasmus-en h2,
.ek-erasmus-en h3,
.ek-erasmus-en h4 {
    color: var(--er-navy);
    font-weight: 750;
    line-height: 1.25;
}

.ek-erasmus-en p {
    margin-bottom: 15px;
}

.ek-erasmus-en .ek-erasmus-label,
.ek-erasmus-en .ek-erasmus-eyebrow {
    display: inline-block;
    color: var(--er-blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* HERO */

.ek-erasmus-en .ek-erasmus-hero {
    display: grid;
    grid-template-columns: 1.5fr .7fr;
    min-height: 390px;
    overflow: hidden;
    border-radius: 18px;
    margin-bottom: 60px;
    background: linear-gradient(120deg, #102d49, #176c9c);
    box-shadow: 0 15px 40px rgba(16,45,73,.15);
}

.ek-erasmus-en .ek-erasmus-hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 55px 60px;
}

.ek-erasmus-en .ek-erasmus-eyebrow {
    color: #82d8ec;
    margin-bottom: 18px;
}

.ek-erasmus-en .ek-erasmus-hero h1 {
    color: #fff;
    font-size: clamp(36px, 4.5vw, 54px);
    font-weight: 800;
    margin: 0 0 20px;
}

.ek-erasmus-en .ek-erasmus-line {
    height: 4px;
    width: 65px;
    background: var(--er-cyan);
    border-radius: 5px;
    margin-bottom: 18px;
}

.ek-erasmus-en .ek-erasmus-hero-content p {
    max-width: 530px;
    color: rgba(255,255,255,.83);
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 28px;
}

.ek-erasmus-en .ek-erasmus-button {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 13px 21px;
    border-radius: 6px;
    background: var(--er-cyan);
    color: #092a42 !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    transition: all .25s ease;
}

.ek-erasmus-en .ek-erasmus-button:hover {
    background: #fff;
    transform: translateY(-3px);
}

.ek-erasmus-en .ek-erasmus-hero-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px;
    background: rgba(4,24,42,.24);
    border-left: 1px solid rgba(255,255,255,.13);
    color: #fff;
}

.ek-erasmus-en .ek-erasmus-eu-symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 105px;
    border: 2px solid rgba(255,255,255,.75);
    border-radius: 50%;
    color: #f8d66d;
    font-size: 75px;
    line-height: 1;
    margin-bottom: 20px;
}

.ek-erasmus-en .ek-erasmus-hero-side > span {
    color: #82d8ec;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 4px;
}

.ek-erasmus-en .ek-erasmus-hero-side strong {
    color: #fff;
    font-size: 25px;
    line-height: 1.25;
    margin: 12px 0 25px;
}

.ek-erasmus-en .ek-erasmus-hero-side small {
    color: rgba(255,255,255,.55);
    font-size: 9px;
    letter-spacing: 1.5px;
}

/* INTRO */

.ek-erasmus-en .ek-erasmus-intro {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 55px;
    align-items: start;
    margin-bottom: 35px;
}

.ek-erasmus-en .ek-erasmus-intro h2 {
    font-size: clamp(27px, 3vw, 36px);
    margin: 12px 0;
}

.ek-erasmus-en .ek-erasmus-intro-text {
    padding-left: 25px;
    border-left: 3px solid var(--er-cyan);
}

.ek-erasmus-en .ek-erasmus-intro-text p {
    margin-bottom: 12px;
}

/* HIGHLIGHTS */

.ek-erasmus-en .ek-erasmus-highlights {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 25px 12px;
    margin: 35px 0 55px;
    border-radius: 12px;
    background: var(--er-light);
}

.ek-erasmus-en .ek-erasmus-highlights > div {
    text-align: center;
    padding: 10px 15px;
    border-right: 1px solid #d5e2eb;
}

.ek-erasmus-en .ek-erasmus-highlights > div:last-child {
    border-right: 0;
}

.ek-erasmus-en .ek-erasmus-highlights strong {
    display: block;
    color: var(--er-blue);
    font-size: 24px;
    font-weight: 850;
    margin-bottom: 5px;
}

.ek-erasmus-en .ek-erasmus-highlights span {
    display: block;
    color: var(--er-muted);
    font-size: 12px;
    font-weight: 600;
}

/* SECTION HEADINGS */

.ek-erasmus-en .ek-erasmus-section-heading {
    max-width: 720px;
    margin-bottom: 35px;
}

.ek-erasmus-en .ek-erasmus-section-heading h2 {
    font-size: clamp(29px, 3vw, 39px);
    margin: 10px 0 13px;
}

.ek-erasmus-en .ek-erasmus-section-heading p {
    color: var(--er-muted);
    margin: 0;
}

/* PROJECTS */

.ek-erasmus-en .ek-erasmus-projects {
    margin: 70px 0;
}

.ek-erasmus-en .ek-erasmus-project {
    background: #fff;
    border: 1px solid #e2ebf1;
    border-radius: 14px;
    padding: 28px 32px;
    margin-bottom: 22px;
    box-shadow: 0 6px 20px rgba(16,45,73,.045);
    transition: box-shadow .25s ease, transform .25s ease;
}

.ek-erasmus-en .ek-erasmus-project:hover {
    box-shadow: 0 14px 30px rgba(16,45,73,.09);
    transform: translateY(-3px);
}

.ek-erasmus-en .ek-erasmus-project-featured {
    border-left: 5px solid var(--er-cyan);
    background: linear-gradient(120deg, #f4fafc, #fff);
}

.ek-erasmus-en .ek-erasmus-project-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 18px;
    margin-bottom: 22px;
    border-bottom: 1px solid #e6edf2;
}

.ek-erasmus-en .ek-erasmus-project-type {
    display: inline-block;
    color: var(--er-blue);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 1.5px;
}

.ek-erasmus-en .ek-erasmus-project-period {
    display: inline-block;
    padding: 5px 13px;
    border-radius: 30px;
    background: var(--er-light);
    color: var(--er-blue);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.ek-erasmus-en .ek-erasmus-project-body {
    display: grid;
    grid-template-columns: 75px 1fr;
    gap: 25px;
}

.ek-erasmus-en .ek-erasmus-project-symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 13px;
    background: var(--er-light);
    color: var(--er-blue);
    font-size: 32px;
}

.ek-erasmus-en .ek-erasmus-project h3 {
    font-size: 23px;
    margin: 0 0 12px;
}

.ek-erasmus-en .ek-erasmus-project-lead {
    color: var(--er-blue);
    font-size: 16px;
    font-weight: 650;
    margin-bottom: 15px;
}

.ek-erasmus-en .ek-erasmus-project h4 {
    font-size: 16px;
    margin: 22px 0 12px;
}

.ek-erasmus-en .ek-erasmus-objectives {
    padding-left: 20px;
    margin: 0 0 20px;
}

.ek-erasmus-en .ek-erasmus-objectives li {
    padding-left: 5px;
    margin-bottom: 10px;
}

.ek-erasmus-en .ek-erasmus-objectives li::marker {
    color: var(--er-blue);
}

.ek-erasmus-en .ek-erasmus-results {
    padding: 18px 22px;
    border-radius: 9px;
    background: var(--er-light);
    border-left: 3px solid var(--er-cyan);
    margin-top: 22px;
}

.ek-erasmus-en .ek-erasmus-results strong {
    display: block;
    color: var(--er-navy);
    margin-bottom: 5px;
}

.ek-erasmus-en .ek-erasmus-results p {
    margin: 0;
    font-size: 14px;
}

.ek-erasmus-en .ek-erasmus-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.ek-erasmus-en .ek-erasmus-tags span {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 30px;
    background: var(--er-light);
    color: var(--er-blue);
    font-size: 11px;
    font-weight: 700;
}

/* PREVIOUS PROJECTS */

.ek-erasmus-en .ek-erasmus-previous {
    padding: 55px 40px;
    border-radius: 16px;
    background: #f3f7fa;
    margin: 75px 0;
}

.ek-erasmus-en .ek-erasmus-previous-card {
    display: grid;
    grid-template-columns: 115px 1fr;
    gap: 28px;
    padding: 28px;
    margin-top: 18px;
    background: #fff;
    border: 1px solid #e5edf2;
    border-radius: 12px;
}

.ek-erasmus-en .ek-erasmus-previous-year {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    border-radius: 9px;
    background: var(--er-navy);
    color: #fff;
}

.ek-erasmus-en .ek-erasmus-previous-year strong {
    color: #fff;
    font-size: 27px;
    font-weight: 800;
}

.ek-erasmus-en .ek-erasmus-previous-year span {
    color: #82d8ec;
    font-size: 16px;
    font-weight: 700;
}

.ek-erasmus-en .ek-erasmus-previous-content h3 {
    font-size: 21px;
    margin: 8px 0 15px;
}

.ek-erasmus-en .ek-erasmus-previous-content p:last-child {
    margin-bottom: 0;
}

/* VALUES */

.ek-erasmus-en .ek-erasmus-values {
    margin: 75px 0;
}

.ek-erasmus-en .ek-erasmus-values-heading {
    max-width: 700px;
    margin-bottom: 35px;
}

.ek-erasmus-en .ek-erasmus-values-heading h2 {
    font-size: clamp(28px, 3vw, 37px);
    margin: 10px 0;
}

.ek-erasmus-en .ek-erasmus-values-heading p {
    color: var(--er-muted);
}

.ek-erasmus-en .ek-erasmus-values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.ek-erasmus-en .ek-erasmus-value {
    padding: 25px 22px;
    border-top: 3px solid var(--er-cyan);
    border-radius: 0 0 10px 10px;
    background: var(--er-light);
}

.ek-erasmus-en .ek-erasmus-value > span {
    color: var(--er-blue);
    font-size: 25px;
    font-weight: 850;
}

.ek-erasmus-en .ek-erasmus-value h3 {
    font-size: 18px;
    margin: 15px 0 10px;
}

.ek-erasmus-en .ek-erasmus-value p {
    color: var(--er-muted);
    font-size: 14px;
    margin: 0;
}

/* FINAL */

.ek-erasmus-en .ek-erasmus-final {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 55px 30px;
    margin: 65px 0 20px;
    border-radius: 16px;
    background: linear-gradient(125deg, #102d49, #176c9c);
    color: #fff;
}

.ek-erasmus-en .ek-erasmus-final-symbol {
    color: #f8d66d;
    font-size: 44px;
    line-height: 1;
    margin-bottom: 15px;
}

.ek-erasmus-en .ek-erasmus-final > span {
    color: #82d8ec;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ek-erasmus-en .ek-erasmus-final h2 {
    color: #fff;
    font-size: clamp(30px, 4vw, 43px);
    margin: 17px 0;
}

.ek-erasmus-en .ek-erasmus-final p {
    max-width: 620px;
    margin: 0 auto;
    color: rgba(255,255,255,.8);
}

/* RESPONSIVE */

@media (max-width: 991px) {
    .ek-erasmus-en .ek-erasmus-hero-content {
        padding: 40px 30px;
    }

    .ek-erasmus-en .ek-erasmus-hero {
        grid-template-columns: 1.3fr .7fr;
    }

    .ek-erasmus-en .ek-erasmus-values-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .ek-erasmus-en .ek-erasmus-hero {
        grid-template-columns: 1fr;
    }

    .ek-erasmus-en .ek-erasmus-hero-content {
        padding: 38px 25px;
    }

    .ek-erasmus-en .ek-erasmus-hero-side {
        padding: 30px 20px;
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.15);
    }

    .ek-erasmus-en .ek-erasmus-intro {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ek-erasmus-en .ek-erasmus-intro-text {
        padding-left: 18px;
    }

    .ek-erasmus-en .ek-erasmus-highlights {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px 0;
    }

    .ek-erasmus-en .ek-erasmus-highlights > div:nth-child(2) {
        border-right: 0;
    }

    .ek-erasmus-en .ek-erasmus-highlights > div:nth-child(3),
    .ek-erasmus-en .ek-erasmus-highlights > div:nth-child(4) {
        border-top: 1px solid #d5e2eb;
        padding-top: 20px;
    }

    .ek-erasmus-en .ek-erasmus-project {
        padding: 22px;
    }

    .ek-erasmus-en .ek-erasmus-project-body {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .ek-erasmus-en .ek-erasmus-project-symbol {
        width: 55px;
        height: 55px;
    }

    .ek-erasmus-en .ek-erasmus-project h3 {
        font-size: 20px;
    }

    .ek-erasmus-en .ek-erasmus-previous {
        padding: 35px 20px;
    }

    .ek-erasmus-en .ek-erasmus-previous-card {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
    }

    .ek-erasmus-en .ek-erasmus-previous-year {
        min-height: 70px;
        flex-direction: row;
        gap: 10px;
    }

    .ek-erasmus-en .ek-erasmus-values-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
}

@media (max-width: 420px) {
    .ek-erasmus-en .ek-erasmus-values-grid {
        grid-template-columns: 1fr;
    }

    .ek-erasmus-en .ek-erasmus-project-top {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* ==========================================
   CONSTRUCTION SECTOR - ENGLISH
   ========================================== */

.ek-construction-en {
    --con-navy: #202a32;
    --con-dark: #303d47;
    --con-gold: #e5b52f;
    --con-yellow: #f4cc55;
    --con-light: #f5f6f6;
    --con-text: #47545d;
    --con-muted: #7c8991;

    color: var(--con-text);
    font-size: 16px;
    line-height: 1.75;
}

.ek-construction-en * {
    box-sizing: border-box;
}

.ek-construction-en h1,
.ek-construction-en h2,
.ek-construction-en h3,
.ek-construction-en h4 {
    color: var(--con-navy);
    font-weight: 750;
    line-height: 1.25;
}

.ek-construction-en p {
    margin-bottom: 15px;
}

.ek-construction-en .ek-construction-label,
.ek-construction-en .ek-construction-eyebrow {
    display: inline-block;
    color: #a47c12;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* HERO */

.ek-construction-en .ek-construction-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 420px;
    background: var(--con-navy);
    border-radius: 17px;
    overflow: hidden;
    margin-bottom: 55px;
    box-shadow: 0 15px 38px rgba(32,42,50,.15);
}

.ek-construction-en .ek-construction-hero-image {
    min-height: 420px;
    overflow: hidden;
}

.ek-construction-en .ek-construction-hero-image img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
}

.ek-construction-en .ek-construction-hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 45px;
}

.ek-construction-en .ek-construction-eyebrow {
    color: var(--con-yellow);
    margin-bottom: 18px;
}

.ek-construction-en .ek-construction-hero h1 {
    color: #fff;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 800;
    margin: 0 0 20px;
}

.ek-construction-en .ek-construction-line {
    height: 4px;
    width: 65px;
    border-radius: 5px;
    background: var(--con-gold);
    margin-bottom: 20px;
}

.ek-construction-en .ek-construction-hero-content p {
    color: rgba(255,255,255,.8);
    font-size: 17px;
    max-width: 430px;
    margin-bottom: 25px;
}

.ek-construction-en .ek-construction-button {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 13px 21px;
    border-radius: 5px;
    background: var(--con-gold);
    color: #202a32 !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 1px;
    transition: all .25s ease;
}

.ek-construction-en .ek-construction-button:hover {
    background: #fff;
    transform: translateY(-3px);
}

/* INTRO */

.ek-construction-en .ek-construction-intro {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 50px;
    margin-bottom: 35px;
}

.ek-construction-en .ek-construction-intro h2 {
    font-size: clamp(27px, 3vw, 36px);
    margin: 12px 0;
}

.ek-construction-en .ek-construction-intro-text {
    padding-left: 25px;
    border-left: 3px solid var(--con-gold);
}

.ek-construction-en .ek-construction-intro-text p {
    margin-bottom: 12px;
}

/* HIGHLIGHTS */

.ek-construction-en .ek-construction-highlights {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: var(--con-light);
    border-radius: 10px;
    padding: 24px 12px;
    margin: 35px 0 55px;
}

.ek-construction-en .ek-construction-highlights > div {
    text-align: center;
    padding: 10px 15px;
    border-right: 1px solid #dce0e2;
}

.ek-construction-en .ek-construction-highlights > div:last-child {
    border-right: 0;
}

.ek-construction-en .ek-construction-highlights span {
    display: block;
    color: #b18b29;
    font-size: 25px;
    font-weight: 850;
    margin-bottom: 6px;
}

.ek-construction-en .ek-construction-highlights strong {
    display: block;
    color: var(--con-navy);
    font-size: 13px;
    font-weight: 750;
}

/* SECTION HEADINGS */

.ek-construction-en .ek-construction-section-heading {
    max-width: 720px;
    margin-bottom: 35px;
}

.ek-construction-en .ek-construction-section-heading h2 {
    font-size: clamp(28px, 3vw, 38px);
    margin: 10px 0 13px;
}

.ek-construction-en .ek-construction-section-heading p {
    color: var(--con-muted);
    margin: 0;
}

/* SPECIALTY */

.ek-construction-en .ek-construction-specialty {
    margin: 75px 0;
}

.ek-construction-en .ek-construction-specialty-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 25px;
}

.ek-construction-en .ek-construction-specialty-main {
    position: relative;
    padding: 35px;
    background: #f5f6f6;
    border-radius: 13px;
    overflow: hidden;
}

.ek-construction-en .ek-construction-specialty-number {
    position: absolute;
    right: 20px;
    top: 0;
    color: #e8ebed;
    font-size: 95px;
    font-weight: 850;
    line-height: 1;
}

.ek-construction-en .ek-construction-mini-label {
    position: relative;
    color: #9b771d;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.5px;
}

.ek-construction-en .ek-construction-specialty-main h3 {
    position: relative;
    font-size: 27px;
    margin: 17px 0;
}

.ek-construction-en .ek-construction-specialty-main p {
    position: relative;
}

.ek-construction-en .ek-construction-specialty-side {
    padding: 32px;
    background: var(--con-navy);
    color: #fff;
    border-radius: 13px;
}

.ek-construction-en .ek-construction-side-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(229,181,47,.15);
    color: var(--con-yellow);
    font-size: 35px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.ek-construction-en .ek-construction-specialty-side h3 {
    color: #fff;
    font-size: 23px;
    margin-bottom: 20px;
}

.ek-construction-en .ek-construction-specialty-side ul {
    padding-left: 20px;
    margin: 0;
}

.ek-construction-en .ek-construction-specialty-side li {
    color: rgba(255,255,255,.82);
    margin-bottom: 11px;
    padding-left: 4px;
    font-size: 14px;
}

.ek-construction-en .ek-construction-specialty-side li::marker {
    color: var(--con-yellow);
}

/* SKILLS */

.ek-construction-en .ek-construction-skills {
    margin: 75px 0;
}

.ek-construction-en .ek-construction-skill-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.ek-construction-en .ek-construction-skill {
    padding: 27px 22px;
    border: 1px solid #e5e8e9;
    border-radius: 11px;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}

.ek-construction-en .ek-construction-skill:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(32,42,50,.09);
}

.ek-construction-en .ek-construction-skill-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 9px;
    background: #f9f2dd;
    color: #9b771d;
    font-size: 25px;
    margin-bottom: 20px;
}

.ek-construction-en .ek-construction-skill h3 {
    font-size: 17px;
    margin-bottom: 12px;
}

.ek-construction-en .ek-construction-skill p {
    font-size: 14px;
    color: var(--con-muted);
    margin: 0;
}

/* SOFTWARE */

.ek-construction-en .ek-construction-software {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    background: #f4f5f5;
    border-radius: 15px;
    padding: 40px;
    margin: 75px 0;
}

.ek-construction-en .ek-construction-software-content h2 {
    font-size: 31px;
    margin: 12px 0 17px;
}

.ek-construction-en .ek-construction-software-list {
    margin-top: 25px;
}

.ek-construction-en .ek-construction-software-list > div {
    padding: 13px 0;
    border-bottom: 1px solid #dce0e2;
}

.ek-construction-en .ek-construction-software-list strong {
    display: block;
    color: var(--con-navy);
    font-size: 19px;
}

.ek-construction-en .ek-construction-software-list span {
    display: block;
    color: var(--con-muted);
    font-size: 13px;
}

/* BLUEPRINT VISUAL */

.ek-construction-en .ek-construction-blueprint {
    position: relative;
    min-height: 300px;
    padding: 22px;
    overflow: hidden;
    border-radius: 8px;
    color: #fff;
    background-color: #273c4a;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 22px 22px;
    box-shadow: 0 12px 25px rgba(32,42,50,.13);
}

.ek-construction-en .ek-construction-blueprint-top,
.ek-construction-en .ek-construction-blueprint-bottom {
    display: flex;
    justify-content: space-between;
    color: #f4cc55;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ek-construction-en .ek-construction-blueprint-house {
    position: relative;
    width: 80%;
    height: 185px;
    margin: 22px auto;
    border: 3px solid #fff;
    transform: rotate(-5deg);
}

.ek-construction-en .ek-construction-room {
    position: absolute;
    border: 2px solid rgba(255,255,255,.9);
}

.ek-construction-en .room-one {
    left: 0;
    top: 0;
    width: 55%;
    height: 55%;
}

.ek-construction-en .room-two {
    right: 0;
    top: 0;
    width: 45%;
    height: 55%;
}

.ek-construction-en .room-three {
    left: 0;
    bottom: 0;
    width: 35%;
    height: 45%;
}

.ek-construction-en .room-four {
    left: 35%;
    bottom: 0;
    width: 30%;
    height: 45%;
}

.ek-construction-en .room-five {
    right: 0;
    bottom: 0;
    width: 35%;
    height: 45%;
}

/* CAREER */

.ek-construction-en .ek-construction-career {
    margin: 75px 0;
}

.ek-construction-en .ek-construction-career-heading {
    max-width: 720px;
    margin-bottom: 35px;
}

.ek-construction-en .ek-construction-career-heading h2 {
    font-size: clamp(28px, 3vw, 38px);
    margin: 10px 0;
}

.ek-construction-en .ek-construction-career-heading p {
    color: var(--con-muted);
}

.ek-construction-en .ek-construction-career-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.ek-construction-en .ek-construction-career-item {
    padding: 25px;
    border-radius: 10px;
    background: #f5f6f6;
    border-top: 3px solid var(--con-gold);
}

.ek-construction-en .ek-construction-career-item > span {
    color: #a47c12;
    font-size: 24px;
    font-weight: 850;
}

.ek-construction-en .ek-construction-career-item h3 {
    font-size: 18px;
    margin: 13px 0 9px;
}

.ek-construction-en .ek-construction-career-item p {
    font-size: 14px;
    color: var(--con-muted);
    margin: 0;
}

.ek-construction-en .ek-construction-career-note {
    padding: 20px 24px;
    margin-top: 25px;
    background: #fff8e5;
    border-left: 4px solid var(--con-gold);
    border-radius: 5px;
}

.ek-construction-en .ek-construction-career-note strong {
    color: var(--con-navy);
}

.ek-construction-en .ek-construction-career-note p {
    font-size: 13px;
    margin: 5px 0 0;
}

/* FINAL */

.ek-construction-en .ek-construction-final {
    padding: 55px 30px;
    margin: 65px 0 20px;
    text-align: center;
    border-radius: 15px;
    background: linear-gradient(125deg, #202a32, #48545b);
    color: #fff;
}

.ek-construction-en .ek-construction-final > span {
    color: var(--con-yellow);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 2px;
}

.ek-construction-en .ek-construction-final h2 {
    color: #fff;
    font-size: clamp(32px, 4vw, 44px);
    margin: 15px 0;
}

.ek-construction-en .ek-construction-final p {
    max-width: 600px;
    margin: 0 auto;
    color: rgba(255,255,255,.8);
}

/* RESPONSIVE */

@media (max-width: 991px) {
    .ek-construction-en .ek-construction-skill-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ek-construction-en .ek-construction-hero-content {
        padding: 32px;
    }
}

@media (max-width: 767px) {
    .ek-construction-en .ek-construction-hero,
    .ek-construction-en .ek-construction-intro,
    .ek-construction-en .ek-construction-specialty-grid,
    .ek-construction-en .ek-construction-software {
        grid-template-columns: 1fr;
    }

    .ek-construction-en .ek-construction-hero-image,
    .ek-construction-en .ek-construction-hero-image img {
        min-height: 250px;
        height: 250px;
    }

    .ek-construction-en .ek-construction-hero-content {
        padding: 35px 25px;
    }

    .ek-construction-en .ek-construction-intro {
        gap: 20px;
    }

    .ek-construction-en .ek-construction-intro-text {
        padding-left: 18px;
    }

    .ek-construction-en .ek-construction-highlights {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px 0;
    }

    .ek-construction-en .ek-construction-highlights > div:nth-child(2) {
        border-right: 0;
    }

    .ek-construction-en .ek-construction-highlights > div:nth-child(3),
    .ek-construction-en .ek-construction-highlights > div:nth-child(4) {
        border-top: 1px solid #dce0e2;
        padding-top: 20px;
    }

    .ek-construction-en .ek-construction-specialty-main,
    .ek-construction-en .ek-construction-specialty-side {
        padding: 25px;
    }

    .ek-construction-en .ek-construction-skill-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .ek-construction-en .ek-construction-software {
        padding: 25px;
    }

    .ek-construction-en .ek-construction-career-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 420px) {
    .ek-construction-en .ek-construction-skill-grid,
    .ek-construction-en .ek-construction-career-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================
   MECHANICAL ENGINEERING - ENGLISH
   Prefix: ek-mech-
========================================= */

.ek-mech-en {
  --mech-orange: #e87527;
  --mech-dark: #20262b;
  --mech-dark2: #303940;
  --mech-grey: #68747c;
  --mech-light: #f3f5f6;
  --mech-border: #e3e7e9;
  color: #303940;
  font-family: inherit;
  overflow: hidden;
}

.ek-mech-en * {
  box-sizing: border-box;
}

.ek-mech-en p {
  line-height: 1.8;
}

.ek-mech-en h2,
.ek-mech-en h3 {
  line-height: 1.3;
}

/* HERO */

.ek-mech-hero {
  position: relative;
  min-height: 390px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--mech-dark);
  border-radius: 14px;
  isolation: isolate;
}

.ek-mech-hero-image,
.ek-mech-hero-overlay {
  position: absolute;
  inset: 0;
}

.ek-mech-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
  display: block;
}

.ek-mech-hero-overlay {
  background: linear-gradient(
    90deg,
    rgba(20, 26, 30, .96) 0%,
    rgba(20, 26, 30, .83) 42%,
    rgba(20, 26, 30, .25) 100%
  );
  z-index: 1;
}

.ek-mech-hero-content {
  position: relative;
  z-index: 2;
  padding: 65px 7%;
  max-width: 720px;
  color: #fff;
}

.ek-mech-eyebrow,
.ek-mech-hero-content .ek-mech-eyebrow {
  display: block;
  color: #ffad70;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2.5px;
  margin-bottom: 18px;
}

.ek-mech-hero-content h1 {
  color: #fff;
  font-size: clamp(34px, 5vw, 58px);
  font-weight: 800;
  margin: 0 0 18px;
  line-height: 1.1;
}

.ek-mech-hero-content p {
  color: rgba(255,255,255,.88);
  font-size: 18px;
  max-width: 510px;
  margin: 0;
}

.ek-mech-line {
  display: block;
  width: 65px;
  height: 4px;
  background: var(--mech-orange);
  margin-top: 28px;
  border-radius: 5px;
}

.ek-mech-hero-number {
  position: absolute;
  z-index: 2;
  right: 5%;
  bottom: -48px;
  font-size: 190px;
  font-weight: 900;
  line-height: 1;
  color: rgba(255,255,255,.09);
  pointer-events: none;
}

/* INTRO */

.ek-mech-intro {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 45px;
  padding: 65px 5%;
  align-items: start;
}

.ek-mech-intro-label {
  color: var(--mech-orange);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  padding-top: 10px;
}

.ek-mech-intro-text h2 {
  color: var(--mech-dark);
  font-size: clamp(25px, 3vw, 36px);
  font-weight: 800;
  margin: 0 0 22px;
  max-width: 750px;
}

.ek-mech-intro-text p {
  color: var(--mech-grey);
  font-size: 16px;
  margin: 0 0 14px;
}

/* SECTION HEADING */

.ek-mech-section-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 38px;
}

.ek-mech-section-heading > span,
.ek-mech-skills-heading > span {
  color: var(--mech-orange);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.2px;
}

.ek-mech-section-heading h2,
.ek-mech-skills-heading h2 {
  color: var(--mech-dark);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 800;
  margin: 12px 0;
}

.ek-mech-section-heading p,
.ek-mech-skills-heading > p {
  color: var(--mech-grey);
  font-size: 15px;
  margin: 0;
}

/* SPECIALTIES */

.ek-mech-specialties {
  background: var(--mech-light);
  padding: 65px 5%;
  border-radius: 14px;
}

.ek-mech-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.ek-mech-card {
  display: flex;
  gap: 22px;
  background: #fff;
  border: 1px solid var(--mech-border);
  border-radius: 12px;
  padding: 28px 25px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-mech-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 35px rgba(27,38,45,.09);
}

.ek-mech-card-wide {
  grid-column: 1 / -1;
}

.ek-mech-card-icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff0e6;
  color: var(--mech-orange);
  font-size: 15px;
  font-weight: 900;
}

.ek-mech-card-content {
  min-width: 0;
}

.ek-mech-card-category {
  display: block;
  color: var(--mech-orange);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.2px;
  margin-bottom: 9px;
}

.ek-mech-card h3 {
  color: var(--mech-dark);
  font-size: 19px;
  font-weight: 800;
  margin: 0 0 12px;
}

.ek-mech-card p {
  color: var(--mech-grey);
  font-size: 14px;
  margin: 0 0 18px;
}

.ek-mech-card-footer {
  border-top: 1px solid var(--mech-border);
  padding-top: 13px;
  color: #59636a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2px;
}

/* SKILLS */

.ek-mech-skills {
  padding: 75px 5%;
}

.ek-mech-skills-heading {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 42px;
}

.ek-mech-skills-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.ek-mech-skill {
  padding: 25px 20px;
  border-top: 3px solid var(--mech-orange);
  background: #f7f8f9;
  border-radius: 0 0 10px 10px;
}

.ek-mech-skill-number {
  display: block;
  color: var(--mech-orange);
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 22px;
}

.ek-mech-skill h3 {
  color: var(--mech-dark);
  font-size: 17px;
  font-weight: 800;
  margin: 0 0 10px;
}

.ek-mech-skill p {
  color: var(--mech-grey);
  font-size: 13px;
  margin: 0;
}

/* CAREERS */

.ek-mech-careers {
  display: grid;
  grid-template-columns: 1.5fr .7fr;
  gap: 35px;
  align-items: center;
  padding: 55px 6%;
  background: var(--mech-dark);
  border-radius: 14px;
  color: #fff;
}

.ek-mech-careers .ek-mech-eyebrow {
  color: #ffad70;
}

.ek-mech-careers-content h2 {
  color: #fff;
  font-size: clamp(27px, 3vw, 37px);
  font-weight: 800;
  margin: 0 0 18px;
}

.ek-mech-careers-content > p {
  color: rgba(255,255,255,.72);
  font-size: 15px;
  margin-bottom: 22px;
}

.ek-mech-careers-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ek-mech-careers-content li {
  position: relative;
  padding: 8px 0 8px 27px;
  color: rgba(255,255,255,.9);
  font-size: 14px;
  line-height: 1.6;
}

.ek-mech-careers-content li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 8px;
  color: #ff9957;
  font-weight: 900;
}

.ek-mech-careers-decoration {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}

.ek-mech-gear {
  color: var(--mech-orange);
  font-size: 115px;
  line-height: 1.2;
}

.ek-mech-careers-decoration > span {
  color: rgba(255,255,255,.65);
  text-align: center;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1.8;
}

/* FINAL BANNER */

.ek-mech-banner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  overflow: hidden;
  margin-top: 35px;
  padding: 35px 5%;
  background: #fff4ec;
  border: 1px solid #f6dfcf;
  border-radius: 12px;
}

.ek-mech-banner > div:first-child {
  position: relative;
  z-index: 1;
}

.ek-mech-banner span {
  color: var(--mech-orange);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}

.ek-mech-banner h2 {
  color: var(--mech-dark);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
  margin: 9px 0;
}

.ek-mech-banner p {
  color: var(--mech-grey);
  font-size: 14px;
  margin: 0;
}

.ek-mech-banner-mark {
  color: rgba(232,117,39,.13);
  font-size: 95px;
  font-weight: 900;
  line-height: 1;
}

/* NOTE */

.ek-mech-note {
  color: #78838a;
  font-size: 11px;
  line-height: 1.7;
  margin: 22px 5% 5px;
}

/* RESPONSIVE */

@media (max-width: 900px) {
  .ek-mech-skills-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-mech-intro {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 45px 4%;
  }

  .ek-mech-careers {
    grid-template-columns: 1fr;
  }

  .ek-mech-careers-decoration {
    min-height: 180px;
  }
}

@media (max-width: 600px) {
  .ek-mech-hero {
    min-height: 340px;
    border-radius: 9px;
  }

  .ek-mech-hero-content {
    padding: 45px 7%;
  }

  .ek-mech-hero-content h1 {
    font-size: 36px;
  }

  .ek-mech-hero-content p {
    font-size: 15px;
  }

  .ek-mech-hero-number {
    font-size: 120px;
    right: 3%;
  }

  .ek-mech-specialties,
  .ek-mech-skills {
    padding: 45px 5%;
  }

  .ek-mech-grid {
    grid-template-columns: 1fr;
  }

  .ek-mech-card-wide {
    grid-column: auto;
  }

  .ek-mech-card {
    padding: 22px 17px;
    gap: 14px;
  }

  .ek-mech-card-icon {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }

  .ek-mech-card h3 {
    font-size: 17px;
  }

  .ek-mech-skills-grid {
    grid-template-columns: 1fr;
  }

  .ek-mech-banner {
    padding: 27px 6%;
  }

  .ek-mech-banner-mark {
    font-size: 55px;
  }

  .ek-mech-careers {
    padding: 38px 6%;
  }
}


/* =========================================
   ELECTRICAL ENGINEERING - ELECTRONICS
   ENGLISH PAGE
   Prefix: ek-electronics-
========================================= */

.ek-electronics-en {
  --ee-blue: #1769aa;
  --ee-cyan: #24b8d0;
  --ee-dark: #142a3b;
  --ee-dark2: #203e54;
  --ee-grey: #647581;
  --ee-light: #f1f6f9;
  --ee-border: #dce7ed;
  color: #293d4b;
  overflow: hidden;
}

.ek-electronics-en * {
  box-sizing: border-box;
}

.ek-electronics-en p {
  line-height: 1.8;
}

.ek-electronics-en h2,
.ek-electronics-en h3,
.ek-electronics-en h4 {
  line-height: 1.3;
}

/* HERO */

.ek-electronics-hero {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--ee-dark);
  border-radius: 14px;
  isolation: isolate;
}

.ek-electronics-hero-image,
.ek-electronics-hero-overlay {
  position: absolute;
  inset: 0;
}

.ek-electronics-hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ek-electronics-hero-overlay {
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(10, 29, 45, .96) 0%,
    rgba(10, 29, 45, .83) 43%,
    rgba(10, 29, 45, .22) 100%
  );
}

.ek-electronics-hero-content {
  position: relative;
  z-index: 2;
  max-width: 740px;
  padding: 65px 7%;
  color: #fff;
}

.ek-electronics-eyebrow {
  display: block;
  color: #65d7e7;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.5px;
  margin-bottom: 18px;
}

.ek-electronics-hero-content h1 {
  color: #fff;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.1;
  font-weight: 800;
  margin: 0 0 20px;
}

.ek-electronics-hero-content p {
  color: rgba(255,255,255,.88);
  font-size: 18px;
  max-width: 520px;
  margin: 0;
}

.ek-electronics-accent {
  display: block;
  width: 65px;
  height: 4px;
  margin-top: 28px;
  border-radius: 5px;
  background: var(--ee-cyan);
}

.ek-electronics-hero-symbol {
  position: absolute;
  z-index: 2;
  right: 7%;
  bottom: 15px;
  color: rgba(89,220,238,.25);
  font-size: 180px;
  font-weight: 900;
  pointer-events: none;
}

/* INTRO */

.ek-electronics-intro {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 45px;
  padding: 65px 5%;
  align-items: start;
}

.ek-electronics-intro-label {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 8px;
}

.ek-electronics-intro-label span {
  color: var(--ee-blue);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
}

.ek-electronics-intro-label strong {
  color: #a6b7c1;
  font-size: 28px;
  font-weight: 800;
}

.ek-electronics-intro-content h2 {
  color: var(--ee-dark);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  margin: 0 0 20px;
}

.ek-electronics-intro-content p {
  color: var(--ee-grey);
  font-size: 15px;
  margin: 0 0 14px;
}

/* SECTION HEADING */

.ek-electronics-heading {
  max-width: 760px;
  text-align: center;
  margin: 0 auto 45px;
}

.ek-electronics-heading > span,
.ek-electronics-skills-heading > span {
  color: var(--ee-blue);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
}

.ek-electronics-heading h2,
.ek-electronics-skills-heading h2 {
  color: var(--ee-dark);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 800;
  margin: 12px 0;
}

.ek-electronics-heading p,
.ek-electronics-skills-heading > p {
  color: var(--ee-grey);
  font-size: 15px;
  margin: 0;
}

/* SPECIALTIES */

.ek-electronics-specialties {
  padding: 65px 5%;
  background: var(--ee-light);
  border-radius: 14px;
}

.ek-electronics-specialty {
  display: grid;
  grid-template-columns: 75px 1fr;
  gap: 28px;
  background: #fff;
  border: 1px solid var(--ee-border);
  border-radius: 13px;
  padding: 35px;
  margin-bottom: 22px;
  box-shadow: 0 5px 18px rgba(21,55,77,.035);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-electronics-specialty:last-child {
  margin-bottom: 0;
}

.ek-electronics-specialty:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 35px rgba(21,55,77,.09);
}

.ek-electronics-specialty-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, var(--ee-blue), var(--ee-cyan));
  font-size: 22px;
  font-weight: 900;
}

.ek-electronics-specialty-body {
  min-width: 0;
}

.ek-electronics-category {
  display: block;
  color: var(--ee-blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.3px;
  margin: 2px 0 10px;
}

.ek-electronics-specialty-body > h3 {
  color: var(--ee-dark);
  font-size: 23px;
  font-weight: 800;
  margin: 0 0 16px;
}

.ek-electronics-specialty-body > p {
  color: var(--ee-grey);
  font-size: 14px;
  margin: 0 0 25px;
}

/* DETAIL GRID */

.ek-electronics-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 25px;
}

.ek-electronics-detail-grid > div {
  padding: 19px;
  background: #f5f9fb;
  border-radius: 9px;
  border-left: 3px solid var(--ee-cyan);
}

.ek-electronics-detail-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 7px;
  background: #e1f5f8;
  color: var(--ee-blue);
  font-size: 10px;
  font-weight: 900;
  margin-bottom: 12px;
}

.ek-electronics-detail-grid h4 {
  color: var(--ee-dark);
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 7px;
}

.ek-electronics-detail-grid p {
  color: var(--ee-grey);
  font-size: 12px;
  line-height: 1.7;
  margin: 0;
}

/* CAREER OPPORTUNITIES */

.ek-electronics-career {
  padding: 20px 23px;
  border-radius: 9px;
  background: #edf6fa;
}

.ek-electronics-career strong {
  display: block;
  color: var(--ee-blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.5px;
  margin-bottom: 8px;
}

.ek-electronics-career p {
  color: #526b7b;
  font-size: 13px;
  margin: 0;
}

/* SKILLS */

.ek-electronics-skills {
  padding: 75px 5%;
}

.ek-electronics-skills-heading {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.ek-electronics-skills-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ek-electronics-skill {
  padding: 25px;
  border: 1px solid var(--ee-border);
  border-radius: 11px;
  background: #fff;
  transition: border-color .2s ease, transform .2s ease;
}

.ek-electronics-skill:hover {
  border-color: var(--ee-cyan);
  transform: translateY(-3px);
}

.ek-electronics-skill > span {
  display: block;
  color: var(--ee-cyan);
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 20px;
}

.ek-electronics-skill h3 {
  color: var(--ee-dark);
  font-size: 17px;
  font-weight: 800;
  margin: 0 0 10px;
}

.ek-electronics-skill p {
  color: var(--ee-grey);
  font-size: 13px;
  margin: 0;
}

/* OUTLOOK */

.ek-electronics-outlook {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: center;
  gap: 30px;
  padding: 38px 5%;
  background: var(--ee-dark);
  border-radius: 13px;
}

.ek-electronics-outlook-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  color: #fff;
  font-size: 44px;
  background: linear-gradient(135deg, var(--ee-blue), var(--ee-cyan));
}

.ek-electronics-outlook > div:last-child > span {
  display: block;
  color: #65d7e7;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.ek-electronics-outlook h2 {
  color: #fff;
  font-size: clamp(23px, 3vw, 32px);
  font-weight: 800;
  margin: 0 0 12px;
}

.ek-electronics-outlook p {
  color: rgba(255,255,255,.75);
  font-size: 14px;
  margin: 0;
}

/* FINAL BANNER */

.ek-electronics-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  overflow: hidden;
  margin-top: 35px;
  padding: 35px 5%;
  border: 1px solid #cfe9ef;
  border-radius: 12px;
  background: #eaf7fa;
}

.ek-electronics-banner > div:first-child {
  position: relative;
  z-index: 1;
}

.ek-electronics-banner > div:first-child > span {
  color: var(--ee-blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}

.ek-electronics-banner h2 {
  color: var(--ee-dark);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
  margin: 10px 0;
}

.ek-electronics-banner p {
  color: var(--ee-grey);
  font-size: 14px;
  margin: 0;
}

.ek-electronics-banner-symbol {
  color: rgba(23,105,170,.13);
  font-size: 100px;
  font-weight: 900;
  line-height: 1;
}

.ek-electronics-banner-symbol span {
  color: rgba(36,184,208,.5);
  font-size: 55px;
}

/* NOTE */

.ek-electronics-note {
  color: #788892;
  font-size: 11px;
  line-height: 1.7;
  margin: 22px 5% 5px;
}

/* RESPONSIVE */

@media (max-width: 900px) {
  .ek-electronics-intro {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 45px 4%;
  }

  .ek-electronics-intro-label {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .ek-electronics-skills-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .ek-electronics-hero {
    min-height: 350px;
    border-radius: 9px;
  }

  .ek-electronics-hero-content {
    padding: 42px 7%;
  }

  .ek-electronics-hero-content h1 {
    font-size: 35px;
  }

  .ek-electronics-hero-content p {
    font-size: 15px;
  }

  .ek-electronics-hero-symbol {
    font-size: 110px;
    right: 4%;
  }

  .ek-electronics-specialties,
  .ek-electronics-skills {
    padding: 45px 4%;
  }

  .ek-electronics-specialty {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 23px 18px;
  }

  .ek-electronics-specialty-number {
    width: 48px;
    height: 48px;
    font-size: 17px;
  }

  .ek-electronics-specialty-body > h3 {
    font-size: 20px;
  }

  .ek-electronics-detail-grid {
    grid-template-columns: 1fr;
  }

  .ek-electronics-skills-grid {
    grid-template-columns: 1fr;
  }

  .ek-electronics-outlook {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 30px 6%;
  }

  .ek-electronics-outlook-icon {
    width: 65px;
    height: 65px;
    font-size: 32px;
  }

  .ek-electronics-banner {
    padding: 27px 6%;
  }

  .ek-electronics-banner-symbol {
    font-size: 55px;
  }

  .ek-electronics-banner-symbol span {
    font-size: 30px;
  }
}


/* =========================================
   AGRICULTURE - ENGLISH PAGE
   Prefix: ek-agri-
========================================= */

.ek-agri-en {
  --ag-green: #438b48;
  --ag-green-dark: #285b37;
  --ag-green-light: #e8f2e8;
  --ag-earth: #b58b56;
  --ag-dark: #263b30;
  --ag-grey: #68766d;
  --ag-light: #f3f7f1;
  --ag-border: #dfe8dc;
  color: #34463a;
  overflow: hidden;
}

.ek-agri-en * {
  box-sizing: border-box;
}

.ek-agri-en p {
  line-height: 1.8;
}

.ek-agri-en h2,
.ek-agri-en h3 {
  line-height: 1.3;
}

/* HERO */

.ek-agri-hero {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--ag-dark);
  border-radius: 14px;
  isolation: isolate;
}

.ek-agri-hero-image,
.ek-agri-hero-overlay {
  position: absolute;
  inset: 0;
}

.ek-agri-hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
}

.ek-agri-hero-overlay {
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(24, 52, 32, .95) 0%,
    rgba(24, 52, 32, .82) 43%,
    rgba(24, 52, 32, .15) 100%
  );
}

.ek-agri-hero-content {
  position: relative;
  z-index: 2;
  max-width: 730px;
  padding: 65px 7%;
  color: #fff;
}

.ek-agri-eyebrow {
  display: block;
  color: #b9e4a9;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.5px;
  margin-bottom: 18px;
}

.ek-agri-hero-content h1 {
  color: #fff;
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 20px;
}

.ek-agri-hero-content p {
  color: rgba(255,255,255,.9);
  font-size: 18px;
  max-width: 530px;
  margin: 0;
}

.ek-agri-accent {
  display: block;
  width: 65px;
  height: 4px;
  background: #a8d78f;
  border-radius: 5px;
  margin-top: 28px;
}

.ek-agri-hero-symbol {
  position: absolute;
  z-index: 2;
  right: 5%;
  bottom: -35px;
  color: rgba(255,255,255,.12);
  font-size: 190px;
  font-weight: 900;
  pointer-events: none;
}

/* INTRO */

.ek-agri-intro {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 45px;
  padding: 65px 5%;
  align-items: start;
}

.ek-agri-intro-label {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding-top: 8px;
}

.ek-agri-intro-label span {
  color: var(--ag-green);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
}

.ek-agri-intro-label strong {
  color: #a8bba8;
  font-size: 19px;
  font-weight: 800;
}

.ek-agri-intro-content h2 {
  color: var(--ag-dark);
  font-size: clamp(26px, 3vw, 37px);
  font-weight: 800;
  margin: 0 0 20px;
}

.ek-agri-intro-content p {
  color: var(--ag-grey);
  font-size: 15px;
  margin: 0 0 14px;
}

/* SECTION HEADINGS */

.ek-agri-heading,
.ek-agri-knowledge-heading,
.ek-agri-careers-heading {
  max-width: 760px;
  text-align: center;
  margin: 0 auto 42px;
}

.ek-agri-heading > span,
.ek-agri-knowledge-heading > span,
.ek-agri-careers-heading > span {
  color: var(--ag-green);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
}

.ek-agri-heading h2,
.ek-agri-knowledge-heading h2,
.ek-agri-careers-heading h2 {
  color: var(--ag-dark);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 800;
  margin: 12px 0;
}

.ek-agri-heading p,
.ek-agri-knowledge-heading p,
.ek-agri-careers-heading p {
  color: var(--ag-grey);
  font-size: 15px;
  margin: 0;
}

/* SPECIALTIES */

.ek-agri-specialties {
  padding: 65px 5%;
  background: var(--ag-light);
  border-radius: 14px;
}

.ek-agri-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.ek-agri-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--ag-border);
  border-radius: 13px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-agri-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 35px rgba(39,77,44,.10);
}

.ek-agri-card-top {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 25px;
}

.ek-agri-plant {
  background: linear-gradient(120deg, #2c7845, #6bab61);
}

.ek-agri-animal {
  background: linear-gradient(120deg, #54774a, #91a96b);
}

.ek-agri-flower {
  background: linear-gradient(120deg, #6b8050, #a2ae65);
}

.ek-agri-food {
  background: linear-gradient(120deg, #8b7b45, #c4a767);
}

.ek-agri-card-number {
  color: rgba(255,255,255,.9);
  font-size: 28px;
  font-weight: 900;
}

.ek-agri-card-icon {
  color: rgba(255,255,255,.9);
  font-size: 44px;
  line-height: 1;
}

.ek-agri-card-content {
  padding: 27px;
}

.ek-agri-category {
  display: block;
  color: var(--ag-green);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.2px;
  margin-bottom: 10px;
}

.ek-agri-card h3 {
  color: var(--ag-dark);
  font-size: 21px;
  font-weight: 800;
  margin: 0 0 15px;
}

.ek-agri-card-content > p {
  color: var(--ag-grey);
  font-size: 14px;
  margin: 0 0 22px;
}

.ek-agri-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding-top: 17px;
  border-top: 1px solid var(--ag-border);
}

.ek-agri-topics span {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 20px;
  background: #edf5eb;
  color: #4e7650;
  font-size: 10px;
  font-weight: 700;
}

/* KNOWLEDGE */

.ek-agri-knowledge {
  padding: 75px 5%;
}

.ek-agri-knowledge-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ek-agri-knowledge-item {
  padding: 25px;
  border: 1px solid var(--ag-border);
  border-radius: 11px;
  background: #fff;
  transition: transform .2s ease, border-color .2s ease;
}

.ek-agri-knowledge-item:hover {
  transform: translateY(-4px);
  border-color: #a8c9a3;
}

.ek-agri-knowledge-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  margin-bottom: 19px;
  border-radius: 10px;
  background: var(--ag-green-light);
  color: var(--ag-green);
  font-size: 13px;
  font-weight: 900;
}

.ek-agri-knowledge-item h3 {
  color: var(--ag-dark);
  font-size: 17px;
  font-weight: 800;
  margin: 0 0 10px;
}

.ek-agri-knowledge-item p {
  color: var(--ag-grey);
  font-size: 13px;
  margin: 0;
}

/* SUSTAINABILITY */

.ek-agri-sustainability {
  display: grid;
  grid-template-columns: 1.5fr .7fr;
  align-items: center;
  gap: 35px;
  padding: 50px 6%;
  background: #edf5e9;
  border: 1px solid #dcebd5;
  border-radius: 14px;
}

.ek-agri-sustainability-content > span {
  color: var(--ag-green);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}

.ek-agri-sustainability-content h2 {
  color: var(--ag-dark);
  font-size: clamp(27px, 3vw, 37px);
  font-weight: 800;
  margin: 13px 0 18px;
}

.ek-agri-sustainability-content p {
  color: #617363;
  font-size: 14px;
  margin: 0 0 12px;
}

.ek-agri-sustainability-visual {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 230px;
}

.ek-agri-sustainability-circle {
  width: 205px;
  height: 205px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 2px solid rgba(67,139,72,.35);
  border-radius: 50%;
  background: rgba(255,255,255,.65);
  box-shadow: 0 0 0 13px rgba(67,139,72,.06);
}

.ek-agri-sustainability-circle span {
  color: #83a77a;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 4px;
}

.ek-agri-sustainability-circle strong {
  color: var(--ag-green-dark);
  font-size: 32px;
  font-weight: 900;
}

.ek-agri-sustainability-circle small {
  color: #7b9675;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-top: 5px;
}

/* CAREERS */

.ek-agri-careers {
  padding: 75px 5%;
}

.ek-agri-careers-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 17px;
}

.ek-agri-career {
  padding: 24px;
  background: #f6f8f4;
  border-radius: 10px;
  border-bottom: 3px solid #8eb17e;
}

.ek-agri-career > span {
  display: block;
  color: #87a77b;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 17px;
}

.ek-agri-career h3 {
  color: var(--ag-dark);
  font-size: 17px;
  font-weight: 800;
  margin: 0 0 9px;
}

.ek-agri-career p {
  color: var(--ag-grey);
  font-size: 13px;
  margin: 0;
}

/* FINAL BANNER */

.ek-agri-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  overflow: hidden;
  padding: 35px 5%;
  background: #eaf2e6;
  border: 1px solid #d7e6d1;
  border-radius: 12px;
}

.ek-agri-banner-content {
  position: relative;
  z-index: 1;
}

.ek-agri-banner-content > span {
  color: var(--ag-green);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}

.ek-agri-banner h2 {
  color: var(--ag-dark);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
  margin: 10px 0;
}

.ek-agri-banner p {
  color: var(--ag-grey);
  font-size: 14px;
  margin: 0;
}

.ek-agri-banner-symbol {
  color: rgba(67,139,72,.13);
  font-size: 85px;
  font-weight: 900;
  letter-spacing: -5px;
  line-height: 1;
}

/* NOTE */

.ek-agri-note {
  color: #78877a;
  font-size: 11px;
  line-height: 1.7;
  margin: 22px 5% 5px;
}

/* RESPONSIVE */

@media (max-width: 900px) {
  .ek-agri-intro {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 45px 4%;
  }

  .ek-agri-intro-label {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .ek-agri-knowledge-grid,
  .ek-agri-careers-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-agri-sustainability {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .ek-agri-hero {
    min-height: 350px;
    border-radius: 9px;
  }

  .ek-agri-hero-content {
    padding: 42px 7%;
  }

  .ek-agri-hero-content h1 {
    font-size: 40px;
  }

  .ek-agri-hero-content p {
    font-size: 15px;
  }

  .ek-agri-hero-symbol {
    font-size: 120px;
    right: 4%;
  }

  .ek-agri-specialties,
  .ek-agri-knowledge,
  .ek-agri-careers {
    padding: 45px 4%;
  }

  .ek-agri-grid,
  .ek-agri-knowledge-grid,
  .ek-agri-careers-grid {
    grid-template-columns: 1fr;
  }

  .ek-agri-card-content {
    padding: 22px;
  }

  .ek-agri-card h3 {
    font-size: 19px;
  }

  .ek-agri-sustainability {
    padding: 35px 6%;
  }

  .ek-agri-sustainability-circle {
    width: 175px;
    height: 175px;
  }

  .ek-agri-banner {
    padding: 27px 6%;
  }

  .ek-agri-banner-symbol {
    font-size: 48px;
  }
}


/* =========================================
   APPLIED ARTS - ENGLISH PAGE
   Prefix: ek-arts-
========================================= */

.ek-arts-en {
  --arts-purple: #7950a4;
  --arts-purple-dark: #39274d;
  --arts-gold: #c69b55;
  --arts-grey: #6e6875;
  --arts-light: #f7f4f9;
  --arts-border: #e8e0ed;
  color: #393342;
  overflow: hidden;
}

.ek-arts-en * {
  box-sizing: border-box;
}

.ek-arts-en p {
  line-height: 1.8;
}

.ek-arts-en h2,
.ek-arts-en h3,
.ek-arts-en h4 {
  line-height: 1.3;
}

/* HERO */

.ek-arts-hero {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--arts-purple-dark);
  border-radius: 14px;
  isolation: isolate;
}

.ek-arts-hero-image,
.ek-arts-hero-overlay {
  position: absolute;
  inset: 0;
}

.ek-arts-hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ek-arts-hero-overlay {
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(39, 25, 53, .95) 0%,
    rgba(39, 25, 53, .82) 43%,
    rgba(39, 25, 53, .18) 100%
  );
}

.ek-arts-hero-content {
  position: relative;
  z-index: 2;
  max-width: 700px;
  padding: 65px 7%;
  color: #fff;
}

.ek-arts-eyebrow {
  display: block;
  color: #e7c68e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.5px;
  margin-bottom: 18px;
}

.ek-arts-hero-content h1 {
  color: #fff;
  font-size: clamp(38px, 5vw, 60px);
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 20px;
}

.ek-arts-hero-content p {
  color: rgba(255,255,255,.88);
  font-size: 18px;
  max-width: 500px;
  margin: 0;
}

.ek-arts-accent {
  display: block;
  width: 65px;
  height: 4px;
  margin-top: 28px;
  background: var(--arts-gold);
  border-radius: 5px;
}

.ek-arts-hero-mark {
  position: absolute;
  z-index: 2;
  right: 5%;
  bottom: -35px;
  color: rgba(255,255,255,.10);
  font-size: 150px;
  font-weight: 900;
  letter-spacing: -8px;
  pointer-events: none;
}

/* INTRO */

.ek-arts-intro {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 45px;
  padding: 65px 5%;
  align-items: start;
}

.ek-arts-intro-label {
  padding-top: 8px;
}

.ek-arts-intro-label span {
  display: block;
  color: var(--arts-purple);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 14px;
}

.ek-arts-intro-label strong {
  color: #b5a5c1;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.4;
}

.ek-arts-intro-content h2 {
  color: var(--arts-purple-dark);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  margin: 0 0 20px;
}

.ek-arts-intro-content p {
  color: var(--arts-grey);
  font-size: 15px;
  margin: 0 0 14px;
}

/* SECTION HEADING */

.ek-arts-heading,
.ek-arts-skills-heading {
  max-width: 760px;
  text-align: center;
  margin: 0 auto 45px;
}

.ek-arts-heading > span,
.ek-arts-skills-heading > span {
  color: var(--arts-purple);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
}

.ek-arts-heading h2,
.ek-arts-skills-heading h2 {
  color: var(--arts-purple-dark);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 800;
  margin: 12px 0;
}

.ek-arts-heading p,
.ek-arts-skills-heading > p {
  color: var(--arts-grey);
  font-size: 15px;
  margin: 0;
}

/* SPECIALTIES */

.ek-arts-specialties {
  padding: 65px 5%;
  background: var(--arts-light);
  border-radius: 14px;
}

.ek-arts-card {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 35px;
  align-items: stretch;
  padding: 25px;
  margin-bottom: 24px;
  background: #fff;
  border: 1px solid var(--arts-border);
  border-radius: 13px;
  box-shadow: 0 5px 20px rgba(57,39,77,.035);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-arts-card:last-child {
  margin-bottom: 0;
}

.ek-arts-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 35px rgba(57,39,77,.09);
}

.ek-arts-card-reverse {
  grid-template-columns: 1.15fr .85fr;
}

.ek-arts-card-reverse .ek-arts-card-image {
  order: 2;
}

.ek-arts-card-reverse .ek-arts-card-content {
  order: 1;
}

.ek-arts-card-image {
  position: relative;
  min-height: 285px;
  overflow: hidden;
  border-radius: 9px;
  background: #e9e0ef;
}

.ek-arts-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 285px;
  object-fit: cover;
  transition: transform .4s ease;
}

.ek-arts-card:hover .ek-arts-card-image img {
  transform: scale(1.035);
}

.ek-arts-card-number {
  position: absolute;
  top: 15px;
  left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background: var(--arts-gold);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 3px 12px rgba(0,0,0,.15);
}

.ek-arts-card-content {
  min-width: 0;
  padding: 12px 8px;
}

.ek-arts-category {
  display: block;
  color: var(--arts-purple);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.2px;
  margin: 2px 0 12px;
}

.ek-arts-card-content h3 {
  color: var(--arts-purple-dark);
  font-size: 23px;
  font-weight: 800;
  margin: 0 0 15px;
}

.ek-arts-card-content > p {
  color: var(--arts-grey);
  font-size: 14px;
  margin: 0 0 20px;
}

/* HIGHLIGHT */

.ek-arts-highlight {
  padding: 17px 20px;
  margin-bottom: 14px;
  background: #f8f5fa;
  border-left: 3px solid var(--arts-purple);
  border-radius: 0 8px 8px 0;
}

.ek-arts-highlight strong,
.ek-arts-career strong {
  display: block;
  color: var(--arts-purple);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.3px;
  margin-bottom: 7px;
}

.ek-arts-highlight p {
  color: #655b6c;
  font-size: 13px;
  margin: 0;
}

/* CAREER */

.ek-arts-career {
  padding: 17px 20px;
  background: #fbf7ef;
  border-radius: 8px;
}

.ek-arts-career strong {
  color: #a77c37;
}

.ek-arts-career p {
  color: #71675b;
  font-size: 13px;
  margin: 0;
}

/* CSS VISUALS FOR SPECIALTIES WITHOUT VERIFIED IMAGES */

.ek-arts-image-conservation {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background:
    radial-gradient(circle at 50% 40%, rgba(255,255,255,.18), transparent 35%),
    linear-gradient(145deg, #40334e, #88739a);
}

.ek-arts-art-symbol {
  color: rgba(255,255,255,.85);
  font-size: 125px;
  line-height: 1;
  font-family: Georgia, serif;
}

.ek-arts-image-fashion {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background:
    radial-gradient(circle at 70% 25%, rgba(255,255,255,.28), transparent 25%),
    linear-gradient(145deg, #a96f8c, #5a385b);
}

.ek-arts-fashion-symbol {
  color: rgba(255,255,255,.9);
  font-size: 115px;
  line-height: 1;
}

.ek-arts-image-furniture {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(145deg, #96704e, #49372e);
}

.ek-arts-furniture-symbol {
  color: rgba(255,255,255,.85);
  font-size: 125px;
  line-height: 1;
}

.ek-arts-visual-label {
  position: absolute;
  bottom: 25px;
  color: rgba(255,255,255,.85);
  text-align: center;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 3px;
  line-height: 1.8;
}

/* SKILLS */

.ek-arts-skills {
  padding: 75px 5%;
}

.ek-arts-skills-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ek-arts-skill {
  padding: 25px;
  border: 1px solid var(--arts-border);
  border-radius: 10px;
  background: #fff;
  transition: transform .2s ease, border-color .2s ease;
}

.ek-arts-skill:hover {
  transform: translateY(-3px);
  border-color: var(--arts-gold);
}

.ek-arts-skill > span {
  display: block;
  color: var(--arts-gold);
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 18px;
}

.ek-arts-skill h3 {
  color: var(--arts-purple-dark);
  font-size: 17px;
  font-weight: 800;
  margin: 0 0 10px;
}

.ek-arts-skill p {
  color: var(--arts-grey);
  font-size: 13px;
  margin: 0;
}

/* OUTLOOK */

.ek-arts-outlook {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: center;
  gap: 30px;
  padding: 38px 5%;
  border-radius: 13px;
  background: var(--arts-purple-dark);
}

.ek-arts-outlook-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  color: var(--arts-gold);
  font-size: 52px;
  background: rgba(255,255,255,.06);
}

.ek-arts-outlook > div:last-child > span {
  display: block;
  color: #e5c48c;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.ek-arts-outlook h2 {
  color: #fff;
  font-size: clamp(24px, 3vw, 33px);
  font-weight: 800;
  margin: 0 0 12px;
}

.ek-arts-outlook p {
  color: rgba(255,255,255,.76);
  font-size: 14px;
  margin: 0;
}

/* FINAL BANNER */

.ek-arts-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  overflow: hidden;
  margin-top: 35px;
  padding: 35px 5%;
  border: 1px solid #e9dfed;
  border-radius: 12px;
  background: #f6f0f8;
}

.ek-arts-banner > div:first-child {
  position: relative;
  z-index: 1;
}

.ek-arts-banner > div:first-child > span {
  color: var(--arts-purple);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}

.ek-arts-banner h2 {
  color: var(--arts-purple-dark);
  font-size: clamp(23px, 3vw, 31px);
  font-weight: 800;
  margin: 10px 0;
}

.ek-arts-banner p {
  color: var(--arts-grey);
  font-size: 14px;
  margin: 0;
}

.ek-arts-banner-mark {
  color: rgba(121,80,164,.16);
  font-size: 100px;
  font-weight: 900;
  line-height: 1;
}

.ek-arts-banner-mark span {
  color: rgba(198,155,85,.65);
  font-size: 55px;
}

/* NOTE */

.ek-arts-note {
  color: #817987;
  font-size: 11px;
  line-height: 1.7;
  margin: 22px 5% 5px;
}

/* RESPONSIVE */

@media (max-width: 900px) {
  .ek-arts-intro {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 45px 4%;
  }

  .ek-arts-skills-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-arts-card,
  .ek-arts-card-reverse {
    grid-template-columns: 1fr 1fr;
    gap: 22px;
  }
}

@media (max-width: 600px) {
  .ek-arts-hero {
    min-height: 350px;
    border-radius: 9px;
  }

  .ek-arts-hero-content {
    padding: 42px 7%;
  }

  .ek-arts-hero-content h1 {
    font-size: 38px;
  }

  .ek-arts-hero-content p {
    font-size: 15px;
  }

  .ek-arts-hero-mark {
    font-size: 90px;
  }

  .ek-arts-specialties,
  .ek-arts-skills {
    padding: 45px 4%;
  }

  .ek-arts-card,
  .ek-arts-card-reverse {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 17px;
  }

  .ek-arts-card-reverse .ek-arts-card-image,
  .ek-arts-card-reverse .ek-arts-card-content {
    order: initial;
  }

  .ek-arts-card-image,
  .ek-arts-card-image img {
    min-height: 220px;
  }

  .ek-arts-card-content {
    padding: 8px 3px;
  }

  .ek-arts-card-content h3 {
    font-size: 21px;
  }

  .ek-arts-skills-grid {
    grid-template-columns: 1fr;
  }

  .ek-arts-outlook {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 30px 6%;
  }

  .ek-arts-outlook-symbol {
    width: 65px;
    height: 65px;
    font-size: 37px;
  }

  .ek-arts-banner {
    padding: 27px 6%;
  }

  .ek-arts-banner-mark {
    font-size: 55px;
  }

  .ek-arts-banner-mark span {
    font-size: 30px;
  }
}

/* =========================================
   EK KATERINI - HEALTH & WELFARE EN
   Turquoise / Teal visual identity
========================================= */

.ek-health-en {
  --eh-primary: #087f8c;
  --eh-secondary: #12a6a6;
  --eh-dark: #123b48;
  --eh-light: #eaf7f7;
  --eh-pale: #f5fbfb;
  --eh-text: #455b63;
  --eh-border: #dceced;
  color: var(--eh-text);
  font-family: inherit;
  line-height: 1.75;
}

.ek-health-en * {
  box-sizing: border-box;
}

.ek-health-en h2,
.ek-health-en h3,
.ek-health-en p {
  margin-top: 0;
}

.ek-health-en h2,
.ek-health-en h3 {
  color: var(--eh-dark);
  line-height: 1.3;
}

/* HERO */

.ek-health-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--eh-dark);
  border-radius: 18px;
  overflow: hidden;
  margin: 10px 0 38px;
  min-height: 310px;
  box-shadow: 0 12px 35px rgba(18, 59, 72, .13);
}

.ek-health-hero-image {
  min-height: 310px;
  overflow: hidden;
}

.ek-health-hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 310px;
  object-fit: cover;
}

.ek-health-hero-content {
  padding: 42px 38px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
}

.ek-health-en .ek-health-eyebrow,
.ek-health-en .ek-health-cta > span {
  color: #8ce1df;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-bottom: 12px;
}

.ek-health-hero-content h2 {
  color: #fff;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 800;
  margin-bottom: 10px;
}

.ek-health-hero-content p {
  color: rgba(255,255,255,.84);
  margin-bottom: 12px;
}

.ek-health-hero-content .ek-health-lead {
  color: #9ce6e2;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

.ek-health-hero-link {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 17px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 30px;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
  transition: .25s ease;
}

.ek-health-hero-link:hover {
  background: #fff;
  color: var(--eh-dark) !important;
}

/* INTRO */

.ek-health-intro {
  display: grid;
  grid-template-columns: 68px 1fr;
  gap: 22px;
  align-items: start;
  padding: 28px 30px;
  background: var(--eh-light);
  border-left: 5px solid var(--eh-secondary);
  border-radius: 12px;
  margin-bottom: 38px;
}

.ek-health-intro-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--eh-primary);
  border-radius: 50%;
  font-size: 35px;
  font-weight: 700;
  box-shadow: 0 4px 15px rgba(8,127,140,.10);
}

.ek-health-kicker {
  display: block;
  color: var(--eh-primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.7px;
  margin-bottom: 7px;
}

.ek-health-intro h3 {
  font-size: 23px;
  margin-bottom: 10px;
}

.ek-health-intro p {
  margin-bottom: 0;
}

/* SECTION HEADINGS */

.ek-health-section {
  padding: 10px 0 25px;
}

.ek-health-section-heading,
.ek-health-values-heading {
  max-width: 760px;
  margin: 0 auto 30px;
  text-align: center;
}

.ek-health-section-heading h2,
.ek-health-values-heading h2 {
  font-size: clamp(25px, 3vw, 34px);
  font-weight: 800;
  margin-bottom: 12px;
}

.ek-health-section-heading p,
.ek-health-values-heading p {
  color: #667b82;
  margin-bottom: 0;
}

/* SPECIALTY CARDS */

.ek-health-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.ek-health-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 25px 23px 23px;
  background: #fff;
  border: 1px solid var(--eh-border);
  border-radius: 14px;
  box-shadow: 0 5px 20px rgba(18,59,72,.045);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  min-height: 300px;
}

.ek-health-card:hover {
  transform: translateY(-5px);
  border-color: #9bd7d7;
  box-shadow: 0 12px 28px rgba(18,59,72,.10);
}

.ek-health-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 17px;
}

.ek-health-number {
  color: #83aeb2;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
}

.ek-health-symbol {
  width: 43px;
  height: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--eh-light);
  color: var(--eh-primary);
  border-radius: 12px;
  font-size: 23px;
  font-weight: 700;
}

.ek-health-card h3 {
  font-size: 19px;
  font-weight: 800;
  margin-bottom: 12px;
}

.ek-health-card > p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 20px;
}

.ek-health-careers {
  margin-top: auto;
  padding: 14px 15px;
  background: var(--eh-pale);
  border-radius: 9px;
  border-left: 3px solid var(--eh-secondary);
  font-size: 13px;
  line-height: 1.65;
}

.ek-health-careers strong {
  display: block;
  color: var(--eh-primary);
  font-size: 12px;
  margin-bottom: 5px;
}

.ek-health-careers span {
  display: block;
  color: #5c7077;
}

/* VALUES SECTION */

.ek-health-values {
  margin: 42px 0;
  padding: 38px 30px;
  background: linear-gradient(135deg, #eaf7f7, #f6fbfb);
  border-radius: 17px;
}

.ek-health-values-heading {
  margin-bottom: 28px;
}

.ek-health-values-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.ek-health-values-grid > div {
  display: flex;
  flex-direction: column;
  padding: 20px 17px;
  background: #fff;
  border: 1px solid rgba(8,127,140,.10);
  border-radius: 11px;
}

.ek-health-values-grid span {
  color: var(--eh-secondary);
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 7px;
}

.ek-health-values-grid strong {
  color: var(--eh-dark);
  font-size: 17px;
  margin-bottom: 4px;
}

.ek-health-values-grid small {
  color: #71848a;
  font-size: 12px;
  line-height: 1.5;
}

/* INFORMATION NOTE */

.ek-health-note {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
  align-items: start;
  padding: 22px 24px;
  margin: 35px 0;
  background: #fffaf0;
  border: 1px solid #f1e5c9;
  border-radius: 12px;
}

.ek-health-note-icon {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5e7c7;
  color: #8c6926;
  border-radius: 50%;
  font-weight: 800;
  font-size: 18px;
}

.ek-health-note h3 {
  font-size: 17px;
  margin-bottom: 7px;
  color: #705724;
}

.ek-health-note p {
  color: #776b54;
  font-size: 13px;
  margin-bottom: 0;
}

/* CALL TO ACTION */

.ek-health-cta {
  text-align: center;
  padding: 42px 25px;
  margin: 35px 0 10px;
  background: var(--eh-dark);
  border-radius: 16px;
  color: #fff;
}

.ek-health-cta h2 {
  color: #fff;
  font-size: clamp(23px, 3vw, 31px);
  margin-bottom: 12px;
}

.ek-health-cta p {
  color: rgba(255,255,255,.78);
  margin-bottom: 22px;
}

.ek-health-cta a {
  display: inline-block;
  padding: 11px 27px;
  color: var(--eh-dark) !important;
  background: #9ce6e2;
  border-radius: 30px;
  text-decoration: none !important;
  font-weight: 800;
  transition: .25s ease;
}

.ek-health-cta a:hover {
  background: #fff;
  transform: translateY(-2px);
}

/* RESPONSIVE */

@media (max-width: 991px) {
  .ek-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-health-values-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-health-hero {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .ek-health-hero {
    grid-template-columns: 1fr;
  }

  .ek-health-hero-image,
  .ek-health-hero-image img {
    min-height: 210px;
    max-height: 250px;
  }

  .ek-health-hero-content {
    padding: 28px 24px 32px;
  }

  .ek-health-intro {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 23px;
  }

  .ek-health-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .ek-health-card {
    min-height: auto;
  }

  .ek-health-values {
    padding: 28px 18px;
  }

  .ek-health-values-grid {
    grid-template-columns: 1fr 1fr;
  }

  .ek-health-note {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .ek-health-values-grid {
    grid-template-columns: 1fr;
  }

  .ek-health-hero-content h2 {
    font-size: 30px;
  }
}


/* =========================================
   EK KATERINI - ECONOMICS EN
   Navy blue / Gold visual identity
========================================= */

.ek-economics-en {
  --ee-primary: #b18a43;
  --ee-gold-light: #e7d4a9;
  --ee-dark: #172d46;
  --ee-blue: #244969;
  --ee-light: #f5f7fa;
  --ee-pale: #faf8f3;
  --ee-text: #526170;
  --ee-border: #e2e7ed;
  color: var(--ee-text);
  line-height: 1.75;
}

.ek-economics-en * {
  box-sizing: border-box;
}

.ek-economics-en h2,
.ek-economics-en h3,
.ek-economics-en p {
  margin-top: 0;
}

.ek-economics-en h2,
.ek-economics-en h3 {
  color: var(--ee-dark);
  line-height: 1.3;
}

/* HERO */

.ek-economics-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 310px;
  margin: 10px 0 38px;
  overflow: hidden;
  border-radius: 18px;
  background: var(--ee-dark);
  box-shadow: 0 12px 35px rgba(23,45,70,.13);
}

.ek-economics-hero-image {
  min-height: 310px;
  overflow: hidden;
}

.ek-economics-hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 310px;
  object-fit: cover;
}

.ek-economics-hero-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 42px 38px;
  color: #fff;
}

.ek-economics-eyebrow,
.ek-economics-cta > span {
  margin-bottom: 12px;
  color: var(--ee-gold-light);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

.ek-economics-hero-content h2 {
  margin-bottom: 10px;
  color: #fff;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 800;
}

.ek-economics-hero-content p {
  margin-bottom: 12px;
  color: rgba(255,255,255,.83);
}

.ek-economics-hero-content .ek-economics-lead {
  margin-bottom: 12px;
  color: var(--ee-gold-light);
  font-size: 18px;
  font-weight: 700;
}

.ek-economics-hero-link {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 17px;
  border: 1px solid rgba(231,212,169,.65);
  border-radius: 30px;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
  transition: .25s ease;
}

.ek-economics-hero-link:hover {
  background: var(--ee-gold-light);
  color: var(--ee-dark) !important;
}

/* INTRO */

.ek-economics-intro {
  display: grid;
  grid-template-columns: 68px 1fr;
  gap: 22px;
  align-items: start;
  margin-bottom: 38px;
  padding: 28px 30px;
  border-left: 5px solid var(--ee-primary);
  border-radius: 12px;
  background: var(--ee-pale);
}

.ek-economics-intro-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  color: var(--ee-primary);
  font-size: 30px;
  font-weight: 800;
  box-shadow: 0 4px 15px rgba(177,138,67,.12);
}

.ek-economics-kicker {
  display: block;
  margin-bottom: 7px;
  color: var(--ee-primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.7px;
}

.ek-economics-intro h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.ek-economics-intro p {
  margin-bottom: 0;
}

/* SECTION HEADINGS */

.ek-economics-section {
  padding: 10px 0 25px;
}

.ek-economics-section-heading,
.ek-economics-fields-heading {
  max-width: 760px;
  margin: 0 auto 30px;
  text-align: center;
}

.ek-economics-section-heading h2,
.ek-economics-fields-heading h2,
.ek-economics-skills-heading h2 {
  margin-bottom: 12px;
  font-size: clamp(25px, 3vw, 34px);
  font-weight: 800;
}

.ek-economics-section-heading p,
.ek-economics-fields-heading p {
  margin-bottom: 0;
  color: #71808e;
}

/* SPECIALTY CARDS */

.ek-economics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.ek-economics-card {
  display: flex;
  flex-direction: column;
  min-height: 430px;
  padding: 27px 25px 24px;
  border: 1px solid var(--ee-border);
  border-top: 4px solid var(--ee-primary);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(23,45,70,.045);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-economics-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(23,45,70,.10);
}

.ek-economics-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 17px;
}

.ek-economics-number {
  color: #b5a17d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
}

.ek-economics-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 12px;
  background: var(--ee-light);
  color: var(--ee-blue);
  font-size: 23px;
  font-weight: 700;
}

.ek-economics-card h3 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 800;
}

.ek-economics-card > p {
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 1.75;
}

.ek-economics-skills {
  margin-bottom: 15px;
  padding: 14px 16px;
  border-radius: 9px;
  background: var(--ee-light);
  font-size: 13px;
}

.ek-economics-skills strong,
.ek-economics-careers strong {
  display: block;
  margin-bottom: 7px;
  color: var(--ee-blue);
  font-size: 12px;
  font-weight: 800;
}

.ek-economics-skills ul {
  margin: 0;
  padding-left: 18px;
}

.ek-economics-skills li {
  margin-bottom: 4px;
  line-height: 1.55;
}

.ek-economics-careers {
  margin-top: auto;
  padding: 14px 16px;
  border-left: 3px solid var(--ee-primary);
  border-radius: 8px;
  background: var(--ee-pale);
  font-size: 13px;
  line-height: 1.65;
}

.ek-economics-careers span {
  display: block;
  color: #64717e;
}

/* CAREER FIELDS */

.ek-economics-fields {
  margin: 42px 0;
  padding: 38px 30px;
  border-radius: 17px;
  background: var(--ee-light);
}

.ek-economics-fields-heading {
  margin-bottom: 28px;
}

.ek-economics-fields-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.ek-economics-field {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 185px;
  padding: 21px 18px;
  border: 1px solid #e1e7ed;
  border-radius: 12px;
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-economics-field:hover {
  transform: translateY(-4px);
  box-shadow: 0 9px 20px rgba(23,45,70,.08);
}

.ek-economics-field > span {
  position: absolute;
  top: 13px;
  right: 15px;
  color: #c3b28e;
  font-size: 12px;
  font-weight: 800;
}

.ek-economics-field-icon {
  margin-bottom: 12px;
  color: var(--ee-primary);
  font-size: 27px;
  font-weight: 700;
}

.ek-economics-field strong {
  margin-bottom: 6px;
  color: var(--ee-dark);
  font-size: 15px;
  line-height: 1.4;
}

.ek-economics-field small {
  color: #788491;
  font-size: 12px;
  line-height: 1.5;
}

/* SKILLS SECTION */

.ek-economics-skills-section {
  margin: 40px 0;
  padding: 15px 0;
}

.ek-economics-skills-heading {
  margin-bottom: 23px;
  text-align: center;
}

.ek-economics-skills-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 25px;
  max-width: 850px;
  margin: 0 auto;
}

.ek-economics-skills-list > div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  border-bottom: 1px solid var(--ee-border);
  color: var(--ee-dark);
  font-size: 14px;
  font-weight: 600;
}

.ek-economics-skills-list span {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #f2eadb;
  color: #947139;
  font-size: 13px;
  font-weight: 800;
}

/* INFORMATION NOTE */

.ek-economics-note {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
  align-items: start;
  margin: 35px 0;
  padding: 22px 24px;
  border: 1px solid #eee2c9;
  border-radius: 12px;
  background: #fffaf1;
}

.ek-economics-note-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f2e5c8;
  color: #87652c;
  font-size: 18px;
  font-weight: 800;
}

.ek-economics-note h3 {
  margin-bottom: 7px;
  color: #705724;
  font-size: 17px;
}

.ek-economics-note p {
  margin-bottom: 0;
  color: #776b54;
  font-size: 13px;
}

/* CALL TO ACTION */

.ek-economics-cta {
  margin: 35px 0 10px;
  padding: 42px 25px;
  border-radius: 16px;
  background: var(--ee-dark);
  color: #fff;
  text-align: center;
}

.ek-economics-cta h2 {
  margin-bottom: 12px;
  color: #fff;
  font-size: clamp(24px, 3vw, 32px);
}

.ek-economics-cta p {
  margin-bottom: 0;
  color: rgba(255,255,255,.78);
}

/* RESPONSIVE */

@media (max-width: 991px) {
  .ek-economics-fields-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .ek-economics-hero {
    grid-template-columns: 1fr;
  }

  .ek-economics-hero-image,
  .ek-economics-hero-image img {
    min-height: 210px;
    max-height: 250px;
  }

  .ek-economics-hero-content {
    padding: 28px 24px 32px;
  }

  .ek-economics-intro {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 23px;
  }

  .ek-economics-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ek-economics-card {
    min-height: auto;
  }

  .ek-economics-fields {
    padding: 28px 18px;
  }

  .ek-economics-skills-list {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .ek-economics-note {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .ek-economics-fields-grid {
    grid-template-columns: 1fr;
  }

  .ek-economics-hero-content h2 {
    font-size: 30px;
  }
}


/* =========================================
   EK KATERINI - INFORMATICS EN
   Dark navy / cyan / digital green
========================================= */

.ek-it-en {
  --it-primary: #00a6bd;
  --it-secondary: #39c6a5;
  --it-dark: #102b43;
  --it-blue: #174b70;
  --it-light: #edf7fa;
  --it-pale: #f4fafb;
  --it-text: #526674;
  --it-border: #dce9ed;
  color: var(--it-text);
  line-height: 1.75;
}

.ek-it-en * {
  box-sizing: border-box;
}

.ek-it-en h2,
.ek-it-en h3,
.ek-it-en p {
  margin-top: 0;
}

.ek-it-en h2,
.ek-it-en h3 {
  color: var(--it-dark);
  line-height: 1.3;
}

/* HERO */

.ek-it-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 310px;
  margin: 10px 0 38px;
  overflow: hidden;
  border-radius: 18px;
  background: var(--it-dark);
  box-shadow: 0 12px 35px rgba(16,43,67,.15);
}

.ek-it-hero-image {
  min-height: 310px;
  overflow: hidden;
}

.ek-it-hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 310px;
  object-fit: cover;
}

.ek-it-hero-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 42px 38px;
  color: #fff;
}

.ek-it-eyebrow,
.ek-it-cta > span {
  margin-bottom: 12px;
  color: #76e2d0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

.ek-it-hero-content h2 {
  margin-bottom: 10px;
  color: #fff;
  font-size: clamp(32px, 4vw, 46px);
  font-weight: 800;
}

.ek-it-hero-content p {
  margin-bottom: 12px;
  color: rgba(255,255,255,.84);
}

.ek-it-hero-content .ek-it-lead {
  color: #7ce2d2;
  font-size: 18px;
  font-weight: 700;
}

.ek-it-hero-link {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 17px;
  border: 1px solid rgba(124,226,210,.55);
  border-radius: 30px;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
  transition: .25s ease;
}

.ek-it-hero-link:hover {
  background: #7ce2d2;
  color: var(--it-dark) !important;
}

/* INTRO */

.ek-it-intro {
  display: grid;
  grid-template-columns: 68px 1fr;
  gap: 22px;
  align-items: start;
  margin-bottom: 38px;
  padding: 28px 30px;
  border-left: 5px solid var(--it-primary);
  border-radius: 12px;
  background: var(--it-light);
}

.ek-it-intro-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  color: var(--it-primary);
  font-size: 20px;
  font-weight: 800;
  box-shadow: 0 4px 15px rgba(0,166,189,.12);
}

.ek-it-kicker {
  display: block;
  margin-bottom: 7px;
  color: var(--it-primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.7px;
}

.ek-it-intro h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.ek-it-intro p {
  margin-bottom: 0;
}

/* SECTION HEADINGS */

.ek-it-section {
  padding: 10px 0 25px;
}

.ek-it-section-heading,
.ek-it-tech-heading {
  max-width: 760px;
  margin: 0 auto 30px;
  text-align: center;
}

.ek-it-section-heading h2,
.ek-it-tech-heading h2,
.ek-it-skills-heading h2 {
  margin-bottom: 12px;
  font-size: clamp(25px, 3vw, 34px);
  font-weight: 800;
}

.ek-it-section-heading p,
.ek-it-tech-heading p {
  margin-bottom: 0;
  color: #71818b;
}

/* SPECIALTY CARDS */

.ek-it-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.ek-it-card {
  display: flex;
  flex-direction: column;
  min-height: 570px;
  padding: 27px 25px 24px;
  border: 1px solid var(--it-border);
  border-top: 4px solid var(--it-primary);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(16,43,67,.045);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-it-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(16,43,67,.10);
}

.ek-it-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 17px;
}

.ek-it-number {
  color: #79a6b5;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.2px;
}

.ek-it-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--it-light);
  color: var(--it-primary);
  font-size: 21px;
  font-weight: 800;
}

.ek-it-card h3 {
  margin-bottom: 13px;
  font-size: 21px;
  font-weight: 800;
}

.ek-it-card > p {
  margin-bottom: 19px;
  font-size: 14px;
  line-height: 1.75;
}

.ek-it-feature {
  margin-bottom: 16px;
  padding: 16px 18px;
  border-radius: 10px;
  background: var(--it-light);
  font-size: 13px;
}

.ek-it-feature strong,
.ek-it-careers strong {
  display: block;
  margin-bottom: 9px;
  color: var(--it-blue);
  font-size: 13px;
  font-weight: 800;
}

.ek-it-feature ul {
  margin: 0;
  padding-left: 19px;
}

.ek-it-feature li {
  margin-bottom: 5px;
  line-height: 1.55;
}

.ek-it-project {
  margin-bottom: 16px;
  padding: 15px 17px;
  border: 1px solid #d7eeea;
  border-radius: 9px;
  background: #f4fbf9;
}

.ek-it-project-label {
  display: block;
  margin-bottom: 5px;
  color: #239c83;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.3px;
}

.ek-it-project strong {
  display: block;
  margin-bottom: 5px;
  color: var(--it-dark);
  font-size: 14px;
}

.ek-it-project p {
  margin-bottom: 0;
  color: #627b79;
  font-size: 13px;
  line-height: 1.6;
}

.ek-it-careers {
  margin-top: auto;
  padding: 14px 16px;
  border-left: 3px solid var(--it-secondary);
  border-radius: 8px;
  background: var(--it-pale);
  font-size: 13px;
  line-height: 1.65;
}

.ek-it-careers span {
  display: block;
  color: #62747e;
}

/* TECHNOLOGY AREAS */

.ek-it-tech {
  margin: 42px 0;
  padding: 38px 30px;
  border-radius: 17px;
  background: var(--it-light);
}

.ek-it-tech-heading {
  margin-bottom: 28px;
}

.ek-it-tech-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.ek-it-tech-item {
  display: flex;
  flex-direction: column;
  min-height: 165px;
  padding: 21px 19px;
  border: 1px solid #dfebef;
  border-radius: 12px;
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease;
}

.ek-it-tech-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 9px 20px rgba(16,43,67,.08);
}

.ek-it-tech-icon {
  margin-bottom: 12px;
  color: var(--it-primary);
  font-size: 27px;
  font-weight: 800;
}

.ek-it-tech-item strong {
  margin-bottom: 5px;
  color: var(--it-dark);
  font-size: 16px;
}

.ek-it-tech-item small {
  color: #73838d;
  font-size: 12px;
  line-height: 1.55;
}

/* SKILLS */

.ek-it-skills {
  margin: 40px 0;
  padding: 15px 0;
}

.ek-it-skills-heading {
  margin-bottom: 24px;
  text-align: center;
}

.ek-it-skills-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.ek-it-skills-grid > div {
  display: flex;
  flex-direction: column;
  padding: 19px;
  border: 1px solid var(--it-border);
  border-radius: 11px;
  background: #fff;
}

.ek-it-skills-grid span {
  margin-bottom: 8px;
  color: var(--it-primary);
  font-size: 12px;
  font-weight: 800;
}

.ek-it-skills-grid strong {
  margin-bottom: 5px;
  color: var(--it-dark);
  font-size: 16px;
}

.ek-it-skills-grid small {
  color: #73838d;
  font-size: 12px;
  line-height: 1.55;
}

/* CAREER OUTLOOK */

.ek-it-outlook {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 30px;
  align-items: center;
  margin: 42px 0;
  padding: 35px 30px;
  overflow: hidden;
  border-radius: 16px;
  background: var(--it-dark);
}

.ek-it-outlook-content h2 {
  margin-bottom: 15px;
  color: #fff;
  font-size: clamp(24px, 3vw, 32px);
}

.ek-it-outlook-content p {
  color: rgba(255,255,255,.78);
  font-size: 14px;
}

.ek-it-outlook-content p:last-child {
  margin-bottom: 0;
}

.ek-it-outlook-content .ek-it-kicker {
  color: #76e2d0;
}

.ek-it-outlook-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 260px;
}

.ek-it-orbit {
  position: absolute;
  border: 1px solid rgba(90,204,204,.35);
  border-radius: 50%;
}

.ek-it-orbit-one {
  width: 230px;
  height: 230px;
}

.ek-it-orbit-two {
  width: 165px;
  height: 165px;
  border-style: dashed;
}

.ek-it-orbit-center {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  border: 1px solid rgba(124,226,210,.7);
  border-radius: 22px;
  background: #174b70;
  color: #7ce2d2;
  font-size: 27px;
  font-weight: 800;
  box-shadow: 0 0 35px rgba(0,166,189,.2);
}

.ek-it-orbit-node {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(124,226,210,.6);
  border-radius: 10px;
  background: #174b70;
  color: #7ce2d2;
  font-size: 11px;
  font-weight: 800;
}

.ek-it-node-one {
  top: 14px;
  left: calc(50% - 18px);
}

.ek-it-node-two {
  right: calc(50% - 133px);
  top: calc(50% - 18px);
}

.ek-it-node-three {
  bottom: 14px;
  left: calc(50% - 18px);
}

.ek-it-node-four {
  left: calc(50% - 133px);
  top: calc(50% - 18px);
}

/* INFORMATION NOTE */

.ek-it-note {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
  align-items: start;
  margin: 35px 0;
  padding: 22px 24px;
  border: 1px solid #eee2c9;
  border-radius: 12px;
  background: #fffaf1;
}

.ek-it-note-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f2e5c8;
  color: #87652c;
  font-size: 18px;
  font-weight: 800;
}

.ek-it-note h3 {
  margin-bottom: 7px;
  color: #705724;
  font-size: 17px;
}

.ek-it-note p {
  margin-bottom: 0;
  color: #776b54;
  font-size: 13px;
}

/* CTA */

.ek-it-cta {
  margin: 35px 0 10px;
  padding: 42px 25px;
  border-radius: 16px;
  background: linear-gradient(120deg, #102b43, #174b70);
  color: #fff;
  text-align: center;
}

.ek-it-cta h2 {
  margin-bottom: 12px;
  color: #fff;
  font-size: clamp(24px, 3vw, 32px);
}

.ek-it-cta p {
  margin-bottom: 22px;
  color: rgba(255,255,255,.78);
}

.ek-it-cta a {
  display: inline-block;
  padding: 11px 27px;
  border-radius: 30px;
  background: #7ce2d2;
  color: var(--it-dark) !important;
  font-weight: 800;
  text-decoration: none !important;
  transition: .25s ease;
}

.ek-it-cta a:hover {
  transform: translateY(-2px);
  background: #fff;
}

/* RESPONSIVE */

@media (max-width: 991px) {
  .ek-it-tech-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ek-it-skills-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .ek-it-hero {
    grid-template-columns: 1fr;
  }

  .ek-it-hero-image,
  .ek-it-hero-image img {
    min-height: 210px;
    max-height: 250px;
  }

  .ek-it-hero-content {
    padding: 28px 24px 32px;
  }

  .ek-it-intro {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 23px;
  }

  .ek-it-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ek-it-card {
    min-height: auto;
  }

  .ek-it-tech {
    padding: 28px 18px;
  }

  .ek-it-outlook {
    grid-template-columns: 1fr;
    padding: 28px 22px;
  }

  .ek-it-outlook-visual {
    min-height: 240px;
  }

  .ek-it-note {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .ek-it-tech-grid,
  .ek-it-skills-grid {
    grid-template-columns: 1fr;
  }

  .ek-it-hero-content h2 {
    font-size: 30px;
  }
}

