/*
Theme Name: NYC College
Author: 
Description: Your description goes here
Version: 1.0
Template: twentytwentyfive

This is the child theme for Twenty Twenty-Five theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

@import url("https://fonts.googleapis.com/css2?family=Geologica:wght,CRSV@100..900,0&display=swap");

/* Topbar */
.top-bar {
  display: flex;
  flex-direction: row;
  min-height: 40px;
  font-family: "Geologica", sans-serif;
  overflow: hidden;
}
.blue-bar {
  background-color: #06068f;
  color: #fff;
  display: flex;
  padding-left: 180px;
  padding-right: 30px;
  align-items: center;
  justify-content: space-between;
  flex: 65%;
}
.contact-info,
.red-bar .submenu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
.contact-info a,
.red-bar .submenu a {
  font-family: "Geologica", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  transition: all ease 0.3s;
}
.contact-info a:hover {
  color: #f53240;
}
.logo-link img {
  display: block;
}
.social-icons {
  display: flex;
  gap: 24px;
  align-items: center;
  font-size: 17px;
}
.red-bar {
  background-color: #f53240;
  color: #fff;
  display: flex;
  flex-direction: row;
  padding-right: 180px;
  padding-left: 60px;
  align-items: center;
  justify-content: space-between;
  flex: 35%;
  gap: 40px;
}
.red-bar .ctas {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.language-switcher .lang-list {
  margin: 0;
  list-style: none;
  padding-left: 30px;
}
.language-switcher .lang-list li a {
  pointer-events: none;
  cursor: default;
  user-select: none;
}
.search-toggle {
  font-size: 17px;
}

/****** Main Header ******/
/* .header-line{
    background: linear-gradient(90deg, #06068F 0%, #06068F 65%, #F53240 65%, #F53240 100%);
    height: 10px;
    display: none;
} */
.site-header {
  position: sticky;
  top: -40px;
  z-index: 999;
}
.main-header {
  box-shadow: 0 4px 4px 0 rgba(64, 64, 64, 0.2);
  background: #fff;
  z-index: 999;
}
.header-container {
  max-width: 1560px;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  box-sizing: border-box;
}
.header-container img {
  display: block;
  height: auto;
}
.main-nav .nav-list {
  display: flex;
  flex-direction: row;
  list-style: none;
  font-family: "Geologica", sans-serif;
  gap: 30px;
  margin-bottom: 20px;
}
.main-nav .nav-list a {
  text-decoration: none;
  color: #2e2e38;
  font-size: 18px;
  font-weight: 500;
}
.main-nav .nav-list li {
  position: relative;
  list-style: none;
}
.nav-list .sub-menu {
  position: absolute;
  content: "";
  top: 65px;
  left: 0;
  background-color: #06068f;
  min-width: 245px;
  display: none;
  z-index: 999;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}
.nav-list .sub-menu::before,
.nav-list .mega-menu::before {
  position: absolute;
  content: "";
  top: -45px;
  left: 0;
  background-color: transparent;
  width: 100%;
  display: none;
  z-index: 999;
  padding: 40px 30px 30px 30px;
  flex-direction: column;
  align-items: flex-start;
}
.nav-list li:hover > .sub-menu {
  display: flex;
}
.nav-list li:hover > .sub-menu::before,
.nav-list li:hover > .mega-menu::before {
  display: block;
}
.nav-list .sub-menu > li {
  width: 100%;
}
.nav-list .sub-menu > li > a {
  font-size: 16px;
  font-family: "Geologica", sans-serif;
  padding: 20px 0;
  display: flex;
  color: #f1f1f1;
  font-weight: 400;
  border-bottom: 1px solid rgba(241, 241, 241, 0.2);
  align-items: center;
  justify-content: space-between;
  transition: all ease 0.3s;
}
.nav-list .sub-menu > li:last-child > a {
  border: none;
  padding-bottom: 0;
}
/* .nav-list .sub-menu > li:first-child > a {
  padding-top: 0;
} */
.burger-btn {
  margin-bottom: 20px;
}
.menu-item-has-children > a {
  display: flex;
  gap: 8px;
  align-items: center;
  transition: all ease 0.3s;
}
.menu-item-has-children:hover > a,
.nav-list .sub-menu > li > a:hover {
  color: #f53240;
}
.menu-item-has-children > a svg {
  transition: all ease 0.3s;
  margin-top: 5px;
}
.menu-item-has-children:hover > a svg {
  transform: rotate(180deg);
}
.menu-item-has-children:hover > a svg path,
.nav-list .sub-menu > li > a:hover svg path {
  fill: #f53240;
}

.nav-list .two-columns .sub-menu {
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 560px;
  width: max-content;
  gap: 0 40px;
  left: unset;
  right: 0;
  align-content: flex-start;
  padding: 10px 30px;
}

.nav-list .two-columns:hover .sub-menu {
  display: flex;
}

.nav-list .two-columns .sub-menu li {
  width: 300px;
  flex: 0 0 auto;
}

/****** Megamenu *******/
.nav-list .mega-menu {
  position: absolute;
  content: "";
  top: 65px;
  left: 0;
  min-width: 1560px;
  display: none;
  z-index: 999;
  flex-direction: row;
  transform: translateX(-30%);
  background: #fff;
}
.nav-list li:hover > .mega-menu {
  display: flex;
}
.nav-list .mega-menu .sections {
  padding: 20px 40px;
  gap: 16px;
  display: flex;
  flex-direction: column;
  background: #f1f1f1;
  box-sizing: border-box;
  width: 100%;
}
.nav-list .mega-menu .sections a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #06068f;
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #7e7e7e;
  padding-top: 10px;
  padding-bottom: 16px;
  transition: all ease 0.3s;
}
.nav-list .mega-menu .sections a:hover {
  color: #f53240;
}
.nav-list .mega-menu .sections a svg path {
  fill: #06068f;
  transition: all ease 0.3s;
}
.nav-list .mega-menu .sections a:hover svg path {
  fill: #f53240;
}
.nav-list .mega-menu .sections .terms {
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nav-list .mega-menu .sections .terms a {
  border: none;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  font-family: "Geologica", sans-serif;
  transition: all ease 0.3s;
}
.nav-list .mega-menu .sections .terms li:hover a {
  transform: translateX(10px);
}
.nav-list .mega-menu .sections .terms.categories {
  gap: 30px;
  border-bottom: 1px solid;
  border-image-source: linear-gradient(180deg, #f1f1f1 0%, #fff 100%);
  border-image-slice: 1;
  padding-bottom: 26px;
}
.nav-list .mega-menu .sections .terms.categories a {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.nav-list .mega-menu .sections .terms.categories li:hover a {
  transform: none;
}
.nav-list .mega-menu .sections .terms.eidikothtes {
  column-count: 2;
  column-gap: 20px;
  width: 100%;
  max-height: 500px;
  flex-wrap: wrap;
}
.nav-list .mega-menu .left-section {
  min-width: 360px;
  background-color: #06068f;
}
.nav-list .mega-menu .center-section {
  min-width: 360px;
  border-right: 1px solid #7e7e7e;
}
.nav-list .mega-menu .right-section {
  min-width: 895px;
}
.nav-list .mega-menu .left-section a {
  color: #f1f1f1;
  border-bottom: 1px solid;
  border-image-source: linear-gradient(180deg, #f1f1f1 0%, #fff 100%);
  border-image-slice: 1;
}
.nav-list .mega-menu .left-section a svg path {
  fill: #f1f1f1;
}

/******  Footer  *****/

.site-footer {
  font-family: "Geologica", sans-serif;
  width: 100%;
}
.footer-container {
  max-width: 1560px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
.footer-top {
  background: linear-gradient(
    to right,
    #00007c 0%,
    #00007c 65%,
    #f53240 65%,
    #f53240 100%
  );
  color: #f1f1f1;
}
.footer-newsletter {
  flex: 65%;
  background-color: #00007c;
  padding: 68px 0 81px;
  position: relative;
}
.footer-newsletter::after {
  position: absolute;
  content: "";
  top: 0;
  right: 200px;
  width: 100px;
  height: 60px;
  background: radial-gradient(
    ellipse 100px 60px at 0% 100%,
    transparent 100%,
    #fff 101%
  );
}
.footer-connect {
  flex: 35%;
  background-color: #f53240;
  padding: 68px 0 40px 97px;
}
.footer-connect h2 {
  margin: 0;
  color: #f1f1f1;
  font-size: 42px;
  font-weight: 600;
  line-height: 54px;
}
.footer-connect p {
  margin: 0;
  color: #f1f1f1;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

/* Newsletter Form */

.footer-newsletter .wpforms-container .wpforms-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 40px 0 10px;
  gap: 0;
}
.footer-newsletter .wpforms-field-container,
.footer-newsletter .wpforms-field {
  padding: 0 !important;
  margin: 0 !important;
}
.footer-newsletter .wpforms-field input[type="email"] {
  background: transparent !important;
  border: 1px solid #fff !important;
  border-radius: 8px !important;
  padding: 10px 15px !important;
  color: #fff !important;
  width: 500px !important;
  max-width: 100%;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  font-family: "Geologica", sans-serif;
}
/* (Chrome, Firefox, Edge, Safari) */
.footer-newsletter .wpforms-field input[type="email"]::placeholder {
  color: #c2c2c2;
  font-family: "Geologica", sans-serif;
  opacity: 1;
}
/* Internet Explorer */
.footer-newsletter .wpforms-field input[type="email"]:-ms-input-placeholder {
  color: #c2c2c2;
  font-family: "Geologica", sans-serif;
}
/* Edge */
.footer-newsletter .wpforms-field input[type="email"]::-ms-input-placeholder {
  color: #c2c2c2;
  font-family: "Geologica", sans-serif;
}
.footer-newsletter .wpforms-submit-container {
  margin: 0 !important;
}
.footer-newsletter button.wpforms-submit {
  background: transparent !important;
  border: 1px solid #fff !important;
  color: #f1f1f1 !important;
  padding: 12px 32px !important;
  margin-left: 30px !important;
  cursor: pointer;
  transition: all ease 0.3s !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  font-family: "Geologica", sans-serif !important;
  height: auto !important;
}
.footer-newsletter button.wpforms-submit:hover {
  border: 1px solid transparent !important;
  background-image:
    linear-gradient(90deg, #db212e 0%, #f53240 100%),
    linear-gradient(90deg, #db212e 0%, #f53240 100%) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
}
.footer-newsletter h2 {
  color: #f1f1f1;
  font-size: 42px;
  font-weight: 600;
  line-height: 54px;
  margin: 0;
}
.footer-newsletter p {
  color: #f1f1f1;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin: 0;
}

/* Checkbox Section */
.footer-newsletter .wpforms-field-gdpr-checkbox {
  width: 100%;
  margin-top: 15px !important;
}
.footer-newsletter .wpforms-field-gdpr-checkbox ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.footer-newsletter .wpforms-field-gdpr-checkbox li {
  display: flex !important;
  align-items: center !important;
  gap: 6px;
  margin-top: 13px;
}
.footer-newsletter .wpforms-field-gdpr-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  margin: 0 !important;
}
.footer-newsletter .wpforms-field-gdpr-checkbox input:checked {
  background-color: #f53240;
  border-color: #f53240;
}
.footer-newsletter .wpforms-field-gdpr-checkbox input:checked::after {
  content: "✔";
  color: white;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.footer-newsletter .wpforms-field-gdpr-checkbox label .wpforms-required-label {
  display: none;
}
.footer-newsletter .wpforms-field-gdpr-checkbox .wpforms-field-label-inline {
  color: #c2c2c2 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: "Geologica", sans-serif;
  cursor: pointer;
}

/* Social Icons */
.footer-connect .social-icons {
  display: flex;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 30px;
}
.footer-connect .social-icons a svg {
  height: 26px;
  width: 100%;
}
.footer-connect .social-icons a svg path {
  transition: all ease 0.3s;
}
.footer-connect .social-icons a:hover svg path {
  fill: #00007c;
}
.footer-connect .contact-info a {
  text-decoration: none;
  color: #f1f1f1;
  font-size: 16px;
  font-weight: 400;
  transition: all ease 0.3s;
}
.footer-connect .contact-info a:hover {
  color: #00007c;
}
.footer-connect .contact-info a svg {
  margin-right: 10px;
}
.footer-connect .contact-info a svg path {
  transition: all ease 0.3s;
}
.footer-connect .contact-info a:hover svg path {
  fill: #00007c;
}
.footer-connect .contact-info .separator {
  color: rgba(255, 255, 255, 0.5);
}

/* Section 2: Locations */
.footer-locations {
  background-color: #f8f8f4;
}
.footer-locations .footer-container {
  padding: 50px 20px;
  border-bottom: 1px solid #b7b7b7;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.location-item {
  display: flex;
  align-items: flex-start;
  flex: 1;
  padding: 0 20px;
}
.location-item:not(:first-child) {
  border-left: 1px solid #b7b7b7;
}
.location-item:first-child {
  padding-left: 0;
}
.location-item:last-child {
  padding-right: 0;
}
.location-item svg {
  margin-right: 16px;
  flex-shrink: 0;
}
.location-item h3 {
  color: #00007c;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  margin: 0;
}
.location-item p {
  color: #00007c;
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px; /* Μικρό κενό ανάμεσα σε h3 και p */
}

/* Section 3: Main Links */

.footer-main .footer-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.footer-main {
  background-color: #f8f8f4;
  padding: 50px 0;
}
.footer-col {
  flex: 1;
  padding: 0 40px;
  position: relative;
}
.footer-col:not(:first-child) {
  border-left: 1px solid #b7b7b7;
}
.footer-col:first-child {
  padding-left: 0;
}
.footer-col:last-child {
  padding-right: 0;
}
.footer-col h4 {
  color: #00007c;
  display: block;
  padding-bottom: 14px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.footer-col h4::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #db212e;
  left: 0;
  bottom: 0;
}
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-col ul li {
  margin-top: 14px;
  line-height: normal;
}
.footer-col ul li a {
  text-decoration: none;
  color: #2e2e38;
  font-size: 16px;
  transition: all 0.3s ease;
  display: block;
  font-weight: 400;
  line-height: normal;
}
.footer-col ul li a:hover {
  color: #f53240;
}

/* Bottom Bar */
.footer-bottom {
  background-color: #fff;
  padding: 12px 0;
  font-size: 12px;
  color: #7e7e7e;
}

.footer-bottom .footer-container {
  align-items: center;
}
.bottom-links {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: row;
}
.bottom-links a {
  text-decoration: none;
  color: #7e7e7e;
  padding-right: 14px;
  font-family: "Geologica", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  display: block;
  padding-left: 14px;
  border-right: 1px solid #7e7e7e;
  transition: all ease 0.3s;
}
.bottom-links li:last-child a {
  border-right: none;
}
.bottom-links li:first-child a {
  padding-left: 0;
}
.bottom-links a:hover {
  color: #f53240;
}
.bottom-links .sep {
  margin-right: 14px;
}
.footer-container .copyright {
  text-decoration: none;
  color: #7e7e7e;
  font-size: 13px;
  font-weight: 400;
}

/* Generic */

html {
  scroll-behavior: smooth;
}
.anchor-target {
  scroll-margin-top: 50px;
}
.container {
  max-width: 1560px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: border-box;
}

.small-container {
  max-width: 1280px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}

.button-white {
  display: table;
  padding: 12px 32px;
  background: #fff;
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  border-radius: 8px;
  border: 1.2px solid #00007c;
  margin-top: 60px;
  transition: all ease 0.3s;
}
.button-white:hover {
  background: #00007c;
  color: #fff;
}
.button-transparent-blue-hover {
  background: transparent;
}
.button-link {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  position: relative;
  display: inline-block;
  width: fit-content;
  margin: 30px auto 0;
  transition: all ease 0.3s;
}
.button-link::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #f53240;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
  transform-origin: center;
}
.button-link:hover {
  color: #f53240;
}
.button-link:hover::after {
  transform: scale(1);
}
.button-link.center {
  text-align: center;
}
.button-transparent {
  display: table;
  padding: 12px 32px;
  background: transparent;
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  border-radius: 8px;
  border: 1.2px solid #f1f1f1;
  margin-top: 60px;
  transition: all ease 0.3s;
}
.button-transparent:hover {
  background: linear-gradient(90deg, #db212e 0%, #f53240 100%);
  border-color: #db212e;
  color: #f1f1f1;
}
p b,
p strong {
  color: #404040;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.title-line {
  color: #001f60;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  position: relative;
  padding-bottom: 16px;
  margin: 0 auto;
  max-width: 1008px;
}
.title-line::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 3px;
  background: #db212e;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.title-line-inner-section {
  color: #00007c;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 52px;
  position: relative;
  padding-bottom: 16px;
  margin: 0 auto;
  max-width: 1008px;
}
.title-line-inner-section::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 3px;
  background: #db212e;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.subtitle-inner-section {
  color: #404040;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  max-width: 540px;
  width: 100%;
  margin: 16px auto 0;
}

/* Full Border form */
.full-border-form .wpforms-container .wpforms-form {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 10px;
  gap: 0;
}
.full-border-form .wpforms-container .wpforms-form .wpforms-field-container {
  width: 100%;
}
.full-border-form .wpforms-field input,
.full-border-form .wpforms-field-select select,
.full-border-form .wpforms-field-select-style-classic select,
.full-border-form .wpforms-field textarea {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border: 1px solid #f1f1f1 !important;
  padding: 15px 10px !important;
  color: #f1f1f1 !important;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  font-family: "Geologica", sans-serif;
}
/* (Chrome, Firefox, Edge, Safari) */
.full-border-form .wpforms-field input::placeholder,
.full-border-form .wpforms-field textarea::placeholder {
  color: #f1f1f1 !important;
  font-family: "Geologica", sans-serif;
  opacity: 1 !important;
}
/* Internet Explorer */
.full-border-form .wpforms-field input:-ms-input-placeholder,
.full-border-form .wpforms-field textarea:-ms-input-placeholder {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  opacity: 1 !important;
}
/* Edge */
.full-border-form .wpforms-field input::-ms-input-placeholder,
.full-border-form .wpforms-field textarea::-ms-input-placeholder {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  opacity: 1 !important;
}
.full-border-form .wpforms-field-select select {
  cursor: pointer !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'%3E%3Cpath d='M14.8041 0.227408C14.5334 -0.0649469 14.0805 -0.0758336 13.7948 0.199044L7.49963 6.27062L1.2052 0.199074C0.919475 -0.0765492 0.467318 -0.0649174 0.195888 0.227438C-0.0755409 0.519048 -0.0634123 0.979384 0.223046 1.25572L7.00892 7.80073C7.14606 7.9331 7.32321 8 7.49963 8C7.67606 8 7.85391 7.9331 7.99108 7.80073L14.777 1.25572C15.0634 0.979354 15.0755 0.519048 14.8041 0.227408Z' fill='%23F1F1F1'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 15px) center !important;
  background-size: 15px 8px !important;
  padding-right: 40px !important;
  background-color: transparent !important;
}
/* options μέσα στο select */
.full-border-form .wpforms-field-select select option {
  background-color: #06068f !important;
  color: #f1f1f1 !important;
  padding: 10px;
}
/* Για Firefox και μερικούς Chrome browsers */
.full-border-form .wpforms-field-select select {
  background-color: transparent !important;
}
.full-border-form .wpforms-submit-container {
  margin: 0 !important;
}
.full-border-form button.wpforms-submit {
  background: transparent !important;
  border: 1px solid #f1f1f1 !important;
  color: #f1f1f1 !important;
  padding: 12px 32px !important;
  cursor: pointer;
  transition: all ease 0.3s !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  font-family: "Geologica", sans-serif !important;
  height: auto !important;
  margin-top: 34px;
}
.full-border-form button.wpforms-submit:hover {
  border: 1px solid #f1f1f1 !important;
  background: #f1f1f1 !important;
  color: #1c2962 !important;
}

/* Checkbox Section */
.full-border-form .wpforms-field-gdpr-checkbox {
  width: 100%;
  margin-top: 15px !important;
}
.full-border-form .wpforms-field-gdpr-checkbox ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.full-border-form .wpforms-field-gdpr-checkbox li {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  margin-top: 13px;
}
.full-border-form .wpforms-field-gdpr-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #f1f1f1 !important;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
}
.full-border-form .wpforms-field-gdpr-checkbox input:checked {
  background-color: #f53240;
  border-color: #f53240;
}
.full-border-form .wpforms-field-gdpr-checkbox input[type="checkbox"]::before {
  background: transparent;
}
.full-border-form .wpforms-field-gdpr-checkbox input:checked::after {
  border-left: 4px solid #fff !important;
  border-bottom: 4px solid #fff !important;
}
.full-border-form .wpforms-field-gdpr-checkbox label .wpforms-required-label {
  display: none;
}
.full-border-form .wpforms-field-gdpr-checkbox .wpforms-field-label-inline {
  color: #f1f1f1 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "Geologica", sans-serif;
  cursor: pointer;
  padding: 0 !important;
}

/* Bottom Border form */
.bottom-border-form .wpforms-container .wpforms-form {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 10px;
  gap: 0;
}
.bottom-border-form .wpforms-container .wpforms-form .wpforms-field-container {
  width: 100%;
}
.bottom-border-form .wpforms-field input,
.bottom-border-form .wpforms-field-select select,
.bottom-border-form .wpforms-field-select-style-classic select,
.bottom-border-form .wpforms-field textarea {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #f1f1f1 !important;
  padding: 15px 4px !important;
  color: #f1f1f1 !important;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  font-family: "Geologica", sans-serif;
}
/* (Chrome, Firefox, Edge, Safari) */
.bottom-border-form .wpforms-field input::placeholder,
.bottom-border-form .wpforms-field textarea::placeholder {
  color: #f1f1f1 !important;
  font-family: "Geologica", sans-serif;
  opacity: 1 !important;
}
/* Internet Explorer */
.bottom-border-form .wpforms-field input:-ms-input-placeholder,
.bottom-border-form .wpforms-field textarea:-ms-input-placeholder {
  color: #f1f1f1 !important;
  font-family: "Geologica", sans-serif;
  opacity: 1 !important;
}
/* Edge */
.bottom-border-form .wpforms-field input::-ms-input-placeholder,
.bottom-border-form .wpforms-field textarea::-ms-input-placeholder {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  opacity: 1 !important;
}
.bottom-border-form .wpforms-field-select select {
  cursor: pointer !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'%3E%3Cpath d='M14.8041 0.227408C14.5334 -0.0649469 14.0805 -0.0758336 13.7948 0.199044L7.49963 6.27062L1.2052 0.199074C0.919475 -0.0765492 0.467318 -0.0649174 0.195888 0.227438C-0.0755409 0.519048 -0.0634123 0.979384 0.223046 1.25572L7.00892 7.80073C7.14606 7.9331 7.32321 8 7.49963 8C7.67606 8 7.85391 7.9331 7.99108 7.80073L14.777 1.25572C15.0634 0.979354 15.0755 0.519048 14.8041 0.227408Z' fill='%23F1F1F1'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 15px) center !important;
  background-size: 15px 8px !important;
  padding-right: 40px !important;
  background-color: transparent !important;
}
/* options μέσα στο select */
.bottom-border-form .wpforms-field-select select option {
  background-color: #06068f !important;
  color: #f1f1f1 !important;
  padding: 10px;
}
/* Για Firefox και μερικούς Chrome browsers */
.bottom-border-form .wpforms-field-select select {
  background-color: transparent !important;
}
.bottom-border-form .wpforms-submit-container {
  margin: 0 !important;
}
.bottom-border-form button.wpforms-submit {
  background: transparent !important;
  border: 1px solid #f1f1f1 !important;
  color: #f1f1f1 !important;
  padding: 12px 32px !important;
  cursor: pointer;
  transition: all ease 0.3s !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  font-family: "Geologica", sans-serif !important;
  height: auto !important;
  margin-top: 34px;
}
.bottom-border-form button.wpforms-submit:hover {
  border: 1px solid #05379f !important;
  background-image:
    linear-gradient(270deg, #00007c 0%, #0f15b3 100%),
    linear-gradient(270deg, #00007c 0%, #0f15b3 100%) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
}

/* Checkbox Section */
.bottom-border-form .wpforms-field-gdpr-checkbox {
  width: 100%;
  margin-top: 15px !important;
}
.bottom-border-form .wpforms-field-gdpr-checkbox ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.bottom-border-form .wpforms-field-gdpr-checkbox li {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  margin-top: 13px;
}
.bottom-border-form .wpforms-field-gdpr-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #f1f1f1 !important;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
}
.bottom-border-form .wpforms-field-gdpr-checkbox input:checked {
  background-color: #f53240;
  border-color: #f53240;
}
.bottom-border-form
  .wpforms-field-gdpr-checkbox
  input[type="checkbox"]::before {
  background: transparent;
}
.bottom-border-form .wpforms-field-gdpr-checkbox input:checked::after {
  border-left: 4px solid #fff !important;
  border-bottom: 4px solid #fff !important;
}
.bottom-border-form .wpforms-field-gdpr-checkbox label .wpforms-required-label {
  display: none;
}
.bottom-border-form .wpforms-field-gdpr-checkbox .wpforms-field-label-inline {
  color: #f1f1f1 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "Geologica", sans-serif;
  cursor: pointer;
  padding: 0 !important;
}

/* Homepage */
.nyc-section-img-text {
  padding: 130px 0;
}
.img-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}
.left-image img {
  display: block;
}
.right-text .title {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 68px;
  margin: 0 0 6px 0;
}
.right-text .subtitle {
  color: #db212e;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0;
}
.right-text .text-area {
  color: #404040;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-top: 40px;
}
.nyc-section-video {
  width: 100%;
  height: 820px;
  overflow: hidden;
  position: relative;
}
.nyc-homepage-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.nyc-section-universities {
  display: flex;
  justify-content: center;
}
.box-universities {
  padding: 60px 100px;
  border-radius: 30px;
  background: linear-gradient(180deg, #f8f8f4 0%, #fff 100%);
  display: flex;
  width: 1080px;
  flex-direction: column;
  justify-content: space-between;
  margin-top: -160px;
  z-index: 1;
}
.box-universities .title-uni {
  color: #00007c;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 68px;
  margin: 0 0 6px 0;
}
.box-universities .subtitle-uni {
  color: #db212e;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0;
}
.box-universities .text-area-uni {
  color: #404040;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-top: 40px;
}
.box-universities .text-area-uni p:last-child {
  margin-bottom: 0;
}

.partner-unis {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.partner-unis a img {
  width: 197px;
  height: 100px;
}

.home-schools-section {
  padding: 130px 0 0 0;
  overflow: hidden;
}
.center-title {
  color: #06068f;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  text-transform: uppercase;
  margin: 0 0 40px 0;
}
.expandable-grid {
  display: flex;
  width: 100%;
  height: 440px;
}

.grid-item {
  position: relative;
  width: 320px;
  height: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.grid-item img {
  width: 640px;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: none;
}

.grid-item:hover {
  flex: 2;
}

.grid-item::after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 80.45%,
    rgba(0, 0, 0, 0.7) 100%
  );
  z-index: 1;
}

.item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px 20px;
  color: #f1f1f1;
  z-index: 2;
  box-sizing: border-box;
}

.item-content h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  font-family: "Geologica", sans-serif;
  opacity: 0;
  transform: translateY(30px);
  margin: 0;
  transition: all 0.5s ease;
}

.grid-item:hover .item-content h3 {
  opacity: 1;
  transform: translateY(0);
}

.testimonials-form-section {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}
.testimonials-section {
  position: relative;
  background: #06068f;
  padding: 90px 10px 155px 10px;
  flex: 0 0 66.666%;
  width: 66.666%;
  max-width: 66.666%;
  min-width: 0;
  display: block;
  overflow: hidden;
}
.form-section {
  background: #f53240;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 90px 75px;
  box-sizing: border-box;
}
.testimonials-section::after {
  position: absolute;
  content: "";
  top: 0;
  right: 200px;
  width: 100px;
  height: 60px;
  background: radial-gradient(
    ellipse 100px 60px at 0% 100%,
    transparent 100%,
    #fff 101%
  );
}
.testimonials-section h2,
.form-section h2 {
  color: #f1f1f1;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  text-transform: uppercase;
  margin: 0;
}

.testimonials-swiper {
  display: block;
  width: 100%;
  max-width: 1040px;
  padding-top: 65px;
  padding-bottom: 65px;
}

.testimonial-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  transition: transform 0.3s ease;
}

.t-content p {
  color: #f1f1f1;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}

.t-author h3 {
  color: #ff8e96;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 2px 0;
}

.t-author span {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 auto;
  display: block;
  max-width: 165px;
  text-align: center;
}
.swiper-pagination {
  bottom: 90px !important;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #f1f1f1;
  opacity: 0.7;
  transition: all ease 0.3s;
}
.swiper-pagination-bullet-active {
  border-radius: 100px;
  background: #f53240;
  width: 24px;
  height: 12px;
  opacity: 1;
}

.news-section {
  padding: 60px 10px;
  background: #f8f8f4;
}
.news-title-section,
.events-title-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.news-title-section h2,
.events-title-section h2 {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  text-transform: uppercase;
  margin: 0;
}
.news-title-section .button-link,
.events-title-section .button-link {
  margin: 0;
}

.news-section {
  padding: 80px 0;
  background: #f8f8f4;
  position: relative;
}

.news-title-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

/* Swiper Fixes */
.articles-swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 60px !important;
}

.article-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: transparent;
  border: none;
  border-radius: 0;
  transition: box-shadow 0.3s ease;
}
.article-image {
  position: relative;
  overflow: hidden;
}
.article-image::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0.2) 100%
  );
  top: 0;
  left: 0;
  right: 0;
}
.article-image a {
  display: flex;
}
.article-image img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 0;
  max-height: 300px;
}
.article-date-wrapper {
  display: flex;
  flex-direction: column;
  line-height: 1;
  color: #f1f1f1;
  position: absolute;
  content: "";
  left: 10px;
  top: 20px;
  z-index: 2;
}

.date-day {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 47px;
  font-style: normal;
  font-weight: 500;
}

.date-month-year {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.article-category {
  color: #404040;
  font-family: "Geologica", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.article-title {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 12px 0;
}
.article-title a {
  text-decoration: none;
}

.article-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #404040;
  font-family: "Geologica", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 14px;
  min-height: 60px;
}
.read-more.button-link {
  margin: 0;
}
.article-content {
  padding: 14px 0 0 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.articles-pagination .swiper-pagination.articles-pagination {
  bottom: 47px !important;
}
.articles-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #c2c2c2;
  opacity: 0.7;
  transition: all ease 0.3s;
}
.articles-pagination .swiper-pagination-bullet-active {
  border-radius: 100px;
  background: #db212e;
  width: 24px;
  height: 12px;
  opacity: 1;
}

.events-section {
  padding: 110px 0;
}

.events-container {
  display: flex;
  /* flex-wrap: wrap;  */
  background-color: #f8f8f4;
  overflow: hidden;
  margin-top: 40px;
}

.events-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.event-item {
  display: flex;
  align-items: center;
  padding: 0;
  text-decoration: none;
  transition: all ease 0.3s;
}

.event-item:hover {
  background: #00007c;
}

.event-date-box {
  min-width: 114px;
  padding-right: 20px;
  border-right: 2px solid #06068f;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 33px;
  padding-bottom: 33px;
  transition: all ease 0.3s;
}
.event-item:hover .event-date-box {
  border-color: #fff;
}

.event-date-box .day {
  display: block;
  color: #06068f;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 52px;
  transition: all ease 0.3s;
}

.event-date-box .month-year {
  color: #2e2e38;
  font-family: "Geologica", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-transform: uppercase;
  transition: all ease 0.3s;
}

.event-info {
  padding: 16px 24px;
}
.event-info h3 {
  color: #06068f;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0;
  transition: all ease 0.3s;
}

.event-item:hover .event-info h3,
.event-item:hover .event-date-box .day,
.event-item:hover .event-date-box .month-year {
  color: #f1f1f1;
}
.event-meta {
  display: flex;
  flex-direction: row;
  margin-top: 6px;
  gap: 20px;
}
.event-meta span {
  color: #2e2e38;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: all ease 0.3s;
}
.event-item:hover .event-meta span {
  color: #c2c2c2;
}

.events-featured-image {
  flex: 1;
  min-height: 300px;
  width: 650px;
  height: 435px;
}

.events-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#main-event-image {
  transition: all ease 0.3s;
}

.vip-swiper {
  margin-top: 40px;
  padding-bottom: 52px;
  margin-bottom: 120px;
}
.vip-pagination {
  bottom: 0px !important;
}
.vip-pagination .swiper-pagination-bullet {
  background: #c2c2c2;
}
.vip-pagination .swiper-pagination-bullet-active {
  background: #db212e;
}
.vip-card {
  position: relative;
  overflow: hidden;
}

.vip-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(5, 55, 159, 0.7) 0%,
    rgba(0, 31, 96, 0.7) 100%
  );
  color: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  opacity: 0;
  box-sizing: border-box;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  transition: all 0.3s ease;
}

.vip-card:hover .vip-overlay {
  opacity: 1;
}

.vip-image img {
  width: 100%;
  height: auto;
  display: block;
}

.vip-lightbox-item {
  text-decoration: none;
  display: block;
  color: inherit;
  cursor: zoom-in;
}

.vip-lightbox-item:hover {
  text-decoration: none;
  color: inherit;
}

.search-bar-section {
  background: linear-gradient(270deg, #00007c 0%, #0f15b3 100%);
}
.search-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}

.search-title {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0;
}
.filter-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 40px;
  margin-top: 30px;
}
.filter-row select {
  width: 344px;
  height: 50px;
  padding: 7px 18px;
  border-radius: 8px;
  border: 1px solid #f1f1f1;
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none"><path d="M14.8041 0.227408C14.5334 -0.0649469 14.0805 -0.0758336 13.7948 0.199044L7.49963 6.27062L1.2052 0.199074C0.919475 -0.0765492 0.467318 -0.0649174 0.195888 0.227438C-0.0755409 0.519048 -0.0634123 0.979384 0.223046 1.25572L7.00892 7.80073C7.14606 7.9331 7.32321 8 7.49963 8C7.67606 8 7.85391 7.9331 7.99108 7.80073L14.777 1.25572C15.0634 0.979354 15.0755 0.519048 14.8041 0.227408Z" fill="%23F1F1F1"/></svg>');
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 15px 8px;
  padding-right: 40px;
}

/* Fix για να μην εξαφανίζεται το βέλος στον IE */
.filter-row select::-ms-expand {
  display: none;
}
.filter-row select option {
  background-color: #06068f !important;
  color: #f1f1f1 !important;
}

/* Fix για τον IE */
.select-wrapper select::-ms-expand {
  display: none;
}

.filter-submit-btn {
  background: transparent;
  border: none;
  cursor: pointer;
}

.search-bar-container {
  flex: 0 0 78%;
  padding-right: 58px;
  padding-left: 180px;
  box-sizing: border-box;
}
.learn-more-section {
  padding: 51px 0;
  flex: 0 0 22%;
  border-left: 1px solid #f1f1f1;
  padding-left: 70px;
  overflow: hidden;
  z-index: 1;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  transition: all 0.3s ease;
}
.learn-more-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f53240;
  z-index: -1;
  transform: translateX(-100%);
  transition: transform 0.4s ease-out;
}

.learn-more-section:hover::before {
  transform: translateX(0);
}

.learn-more-btn {
  opacity: 0;
  transform: translateX(0);
  transition: all 0.4s ease-in-out;
  display: flex;
  align-items: center;
}

/* Hover effects */
.learn-more-section:hover .learn-more-btn {
  opacity: 1;
  transform: translateX(30px);
}

.learn-more-section h3 {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  max-width: 150px;
  width: 100%;
  margin: 0;
}

.learn-more-btn svg {
  width: 40px;
  height: 40px;
}

#contact-form-popup {
  background: linear-gradient(270deg, #00007c 0%, #0f15b3 100%);
  padding: 80px;
  position: relative;
  box-sizing: border-box;
}

#contact-form-popup::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 100%;
  background: #db212e;
  left: 0;
  top: 0;
}

#contact-form-popup::after {
  position: absolute;
  content: "";
  top: 0;
  right: 200px;
  width: 100px;
  height: 60px;
  background: radial-gradient(
    ellipse 100px 60px at 0% 100%,
    transparent 100%,
    #030202 101%
  );
}

/* Proptyxiaka */
.hero-image {
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.hero-section {
  max-width: 850px;
}
.hero-section h2 {
  color: #f1f1f1;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 68px;
  text-transform: uppercase;
}
.hero-section h1 {
  color: #f1f1f1;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 2.24px;
  text-transform: uppercase;
}
.main-section .breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
}
.main-section .breadcrumb a,
.main-section .breadcrumb span {
  text-decoration: none;
  color: #1f1f1f;
  font-family: "Geologica", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.13px;
  text-transform: uppercase;
}
.main-section .term-details {
  display: flex;
  flex-direction: row;
  padding: 80px 10px 110px 10px;
  gap: 60px;
  box-sizing: border-box;
}
.main-section .term-details .term-details-left {
  flex: 32%;
}

.main-section .term-details .term-details-right {
  flex: 68%;
}

.main-section .term-details .term-details-left h2 {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 52px;
  margin-bottom: 16px;
}
.main-section .term-details .term-details-left h3 {
  color: #db212e;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
}

.main-section .term-details .term-details-right p {
  color: #404040;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.main-section .term-details .term-details-right p a {
  color: #0f15b3;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* text-decoration-line: underline;
  text-decoration-style: solid; */
}

.main-section .term-details .term-details-right .cta-actions {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.sxoles-section {
  background: #f8f8f4;
  display: flex;
  flex-direction: column;
  padding: 80px 0;
  box-sizing: border-box;
}

.custom-accordion {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto 80px;
}

.accordion-item {
  border: 1px solid #00007c;
  margin-bottom: 20px;
}

.accordion-header {
  padding: 20px;
  background: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: 0.4s;
}

.accordion-header h3 {
  margin: 0;
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.accordion-item.active .accordion-header h3 {
  color: #db212e;
}

.accordion-content {
  display: none;
  padding: 0 20px 0 0;
  border-left: 4px solid #db212e;
  margin-left: 20px;
  margin-bottom: 20px;
}
.course-list {
  padding-left: 24px;
}
.course-item {
  list-style: none;
  padding: 15px 0;
  border-bottom: 1px solid #c2c2c2;
}

.course-item:last-child {
  border: none;
}

.course-item a {
  text-decoration: none;
}

.course-item a h4 {
  margin: 0;
  color: #404040;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: all ease 0.4s;
}
.course-item a h4 span {
  transition: all ease 0.4s;
  transform: translateX(-7px);
  display: block;
}
.course-item a h4 svg {
  opacity: 0;
  transition: all ease 0.4s;
}
.course-item a:hover h4 {
  color: #db212e;
}
.course-item a:hover h4 span {
  transform: translateX(7px);
}
.course-item a:hover h4 svg {
  opacity: 1;
}

.uni-name {
  margin: 8px 0 0;
  color: #7e7e7e;
  font-family: "Geologica", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

/*Course Inner*/
.course-details {
  padding-top: 80px;
  padding-bottom: 110px;
  display: flex;
  flex-direction: row;
  gap: 66px;
  width: 100%;
}
.course-details-left {
  flex: 0 0 468px;
  width: 468px;
}
.course-details-right {
  flex: 1;
  padding-top: 55px;
}
.course-form {
  background: linear-gradient(270deg, #00007c 0%, #0f15b3 100%);
  max-width: 486px;
  width: 100%;
  padding: 63px 43px;
  box-sizing: border-box;
  position: relative;
}

.course-form .form-title {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 8px;
}
.course-form .form-subtitle {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  margin-bottom: 20px;
}
.course-form .form-gdpr {
  color: #c2c2c2;
  font-family: "Geologica", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  margin-top: 30px;
}

.course-form.bottom-border-form .wpforms-field input,
.course-form.bottom-border-form .wpforms-field-select select,
.course-form.bottom-border-form .wpforms-field-select-style-classic select,
.course-form.bottom-border-form .wpforms-field textarea {
  color: #c2c2c2 !important;
}
/* (Chrome, Firefox, Edge, Safari) */
.course-form.bottom-border-form .wpforms-field input::placeholder,
.course-form.bottom-border-form .wpforms-field textarea::placeholder {
  color: #c2c2c2 !important;
}
/* Internet Explorer */
.course-form.bottom-border-form .wpforms-field input:-ms-input-placeholder,
.course-form.bottom-border-form .wpforms-field textarea:-ms-input-placeholder {
  color: #c2c2c2 !important;
}
/* Edge */
.course-form.bottom-border-form .wpforms-field input::-ms-input-placeholder,
.course-form.bottom-border-form .wpforms-field textarea::-ms-input-placeholder {
  color: #c2c2c2 !important;
}
.course-form.bottom-border-form .wpforms-field-select select option {
  color: #c2c2c2 !important;
}

.course-form.bottom-border-form button.wpforms-submit:hover {
  border: 1px solid #db212e !important;
  background: linear-gradient(90deg, #db212e 0%, #f53240 100%) !important;
}

.course-form::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 100%;
  background: #db212e;
  left: 0;
  top: 0;
}

.course-form::after {
  position: absolute;
  content: "";
  top: 0;
  right: 100px;
  width: 100px;
  height: 50px;
  background: radial-gradient(
    ellipse 100px 50px at 0% 100%,
    transparent 100%,
    #fff 101%
  );
}
.course-details-title {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 52px;
  margin: 0 0 6px 0;
}

.course-details-subtitle {
  color: #db212e;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0 0 40px 0;
}

.course-details-content {
  color: #404040;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.course-details-content h1,
.course-details-content h2,
.course-details-content h3,
.course-details-content h4,
.course-details-content h5,
.course-details-content h6 {
  color: #db212e;
  font-family: "Geologica", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
}
.course-details-content b,
.course-details-content strong {
  font-weight: 600;
}
.multimedia-section {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.video-container,
.related-courses {
  flex: 1 1 37.5%;
}

.document-container {
  flex: 1 1 25%;
}

.video-container iframe {
  width: 100% !important;
  height: unset !important;
  min-height: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  display: block;
}
.learn-more-section.document-container {
  background: #f53240;
  text-decoration: none;
  align-items: center;
  border: none;
  padding: 62px 0;
  padding-left: 50px;
}
.learn-more-section.document-container .left {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
}
.learn-more-section.document-container::before {
  background: linear-gradient(90deg, #db212e 0%, #f53240 100%);
}
.learn-more-section.document-container h3 {
  max-width: 200px;
}
.course-img {
  min-height: 360px;
  background-position: center;
  background-repeat: no-repeat;
}
.related-courses {
  background: linear-gradient(270deg, #00007c 0%, #0f15b3 100%);
  padding: 58px 160px;
  box-sizing: border-box;
}
.related-courses h3 {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  text-transform: uppercase;
  margin: 0 0 4px 0;
}
.related-courses p {
  color: #db212e;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}
.button-transparent.more-diplomas-btn {
  margin-top: 40px;
}

.info-section {
  padding: 120px 0;
}
.info-section-main {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.info-section-main .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #7e7e7e;
}
.info-section-main .header h2 {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 52px;
  margin: 0;
  padding-bottom: 20px;
}

.tabs-container {
  display: flex;
  gap: 50px;
  align-items: flex-start;
  margin: 40px 0;
}

.tab-link {
  margin: 0;
  margin-bottom: 20px;
  cursor: pointer;
}

.tabs-content {
  flex: 1;
}

.tab-pane {
  display: none;
  animation: fadeIn 0.4s ease;
}

.tab-pane.active {
  display: block;
}

.pane-title {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
}

.pane-title b,
.pane-title strong {
  font-weight: 600;
}

.pane-text {
  color: #404040;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.pane-text h1,
.pane-text h2,
.pane-text h3,
.pane-text h4,
.pane-text h5,
.pane-text h6 {
  color: #db212e;
  font-family: "Geologica", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 12px;
}
.pane-text ul {
  padding: 0 0 0 15px;
}
.pdf-wrapper {
  margin-bottom: 30px;
}
.pdf-wrapper a {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.uni-featured-image {
  margin-top: 30px;
}

.related-courses-list {
  margin: 40px 0 0 0;
  padding: 0;
  list-style: none;
}
.related-courses-list li {
  padding: 15px 0;
  border-bottom: 1px solid rgba(241, 241, 241, 0.4);
}
.related-courses-list li a {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  transition: all ease 0.4s;
}
.related-courses-list li a span {
  transition: all ease 0.4s;
}
.related-courses-list li a svg path {
  transition: all ease 0.4s;
}
.related-courses-list li:hover a {
  color: #f53240;
}
.related-courses-list li:hover a span {
  transform: translateX(10px);
}
.related-courses-list li:hover a svg path {
  fill: #f53240;
}

/* Programmata Spoudwn main page */
.full-width-banner {
  background-size: cover;
  background-position: center;
  transition: background-image 0.4s ease-in-out;
  will-change: background-image;
  position: relative;
}

.full-width-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(0, 31, 96, 0.3) 0%,
    rgba(0, 31, 96, 0.3) 100%
  );
}
.full-width-banner > * {
  position: relative;
  z-index: 2;
}
.terms-banner {
  display: flex;
  flex-direction: row;
  padding: 80px 10px 110px 10px;
  gap: 60px;
  box-sizing: border-box;
}
.terms-banner-details {
  flex: 32%;
}
.terms-banner-details h2 {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 52px;
  margin: 0 0 6px 0;
}
.terms-banner-details h3 {
  color: #db212e;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0 0 24px 0;
}
.terms-banner-details p {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}

.terms-banner-list {
  flex: 68%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
}
.terms-banner-list .term-box {
  padding: 117px 37px;
  width: 220px;
  color: #f1f1f1;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  border: 1.2px solid #f1f1f1;
  background: linear-gradient(
    90deg,
    rgba(5, 55, 159, 0.1) 0%,
    rgba(0, 31, 96, 0.1) 100%
  );
  backdrop-filter: blur(0px);
  box-sizing: border-box;
  text-decoration: none;
}
.eidikothtes-list-section {
  padding: 90px 15px 120px 15px;
  box-sizing: border-box;
}
.eidikothtes-list {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px 24px;
}

.eidikothta-item {
  display: flex;
  text-decoration: none;
  height: 50px;
  padding: 7px 10px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-left: 3px solid #00007c;
  background: #f1f1f1;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.eidikothta-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(270deg, #00007c 0%, #0f15b3 100%);
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease;
}

.eidikothta-item:hover::before {
  opacity: 1;
}
.eidikothta-item span {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all ease 0.3s;
}
.eidikothta-item:hover span {
  color: #f1f1f1;
}
.eidikothta-item svg {
  width: 15px;
  transition: all ease 0.3s;
}
.eidikothta-item svg path {
  fill: #00007c;
  transition: all ease 0.3s;
}
.eidikothta-item:hover svg path {
  fill: #f1f1f1;
}

/* Sxolh Inner */
.ptyxia-list {
  padding: 80px 15px;
  box-sizing: border-box;
}
.courses-list-scroll {
  background: #f8f8f4;
  display: flex;
  flex-direction: column;
  padding: 20px;
  align-items: flex-start;
  box-sizing: border-box;
}

.courses-list-scroll .course-item {
  padding: 20px 0;
  width: 100%;
}

.courses-list-scroll .course-item a h4 {
  color: #00007c;
  transition: all ease 0.4s;
}
.courses-list-scroll .course-item a:hover h4 {
  color: #f53240;
}
.courses-list-scroll .course-item a:hover h4 svg path {
  fill: #f53240;
}
.courses-list-scroll .uni-name {
  color: #404040;
}
.sxolh-details {
  padding: 80px 15px;
  background: linear-gradient(270deg, #00007c 0%, #0f15b3 100%);
  box-sizing: border-box;
}

.title-line-inner-section.grey {
  color: #f1f1f1;
}

.sxolh-details .details-grid {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 130px;
}

.sxolh-details .details-grid .details-item h3 {
  color: #f53240;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}

.sxolh-details .details-grid .details-item p {
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.sxolh-details .cta-actions {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.main-section.grey-section {
  background: #f8f8f4;
}

.main-section.grey-section .term-details {
  padding-bottom: 192px;
}

.blue-statistics-section {
  max-width: 1080px;
  width: 100%;
  display: flex;
  padding: 60px;
  align-items: center;
  gap: 20px;
  background: linear-gradient(270deg, #00007c 0%, #0f15b3 100%);
  border-radius: 40px;
  margin: 0 auto;
  box-sizing: border-box;
  transform: translateY(-50%);
}
.statistic-item {
  display: flex;
  width: 100%;
  max-width: 240px;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1;
  color: #db212e;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
}
.statistic-item .top-statistic {
  display: flex;
  flex-direction: row;
  color: #f1f1f1;
  font-family: "Geologica", sans-serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 74px;
  text-transform: uppercase;
  gap: 20px;
}

.main-section .term-details .term-details-left .small-title {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
}
.main-section .term-details .term-details-left .small-subtitle {
  color: #253fb1;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-top: 8px;
}
.main-section .term-details .term-details-left .side-menu {
  margin-top: 20px;
  border-left: 6px solid #db212e;
  padding-left: 20px;
}
.main-section .term-details .term-details-left .side-menu .sidebar-menu-sxoles {
  max-width: 344px;
}

.main-section
  .term-details
  .term-details-left
  .side-menu
  .sidebar-menu-sxoles
  ul {
  list-style: none;
  padding: 0;
}
.main-section
  .term-details
  .term-details-left
  .side-menu
  .sidebar-menu-sxoles
  ul
  li {
  padding: 15px 8px;
  border-bottom: 1px solid #c2c2c2;
}
.main-section
  .term-details
  .term-details-left
  .side-menu
  .sidebar-menu-sxoles
  ul
  li
  a {
  color: #00007c;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 15px;
  box-sizing: border-box;
}

.main-section .term-details .term-details-right .grid-title {
  color: #00007c;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 120% */
  text-transform: uppercase;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */

@media only screen and (max-width: 1765px) {
  .blue-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
  .red-bar {
    padding-right: 20px;
    padding-left: 20px;
    gap: 20px;
  }
}

@media only screen and (max-width: 1700px) {
  .nav-list .mega-menu .sections {
    padding: 20px;
    gap: 5px;
  }
  .nav-list .mega-menu .sections .terms.eidikothtes {
    column-gap: 10px;
  }
  .nav-list .mega-menu .left-section {
    min-width: 1px;
    max-width: 300px;
  }
  .nav-list .mega-menu .center-section {
    max-width: 340px;
    min-width: 1px;
  }
  .nav-list .mega-menu .right-section {
    max-width: 795px;
    min-width: 1px;
  }
  .nav-list .mega-menu {
    min-width: 1360px;
    overflow: hidden;
  }
  .nav-list .mega-menu .sections .terms a {
    font-size: 15px;
  }
  .nav-list .mega-menu .sections a {
    font-size: 17px;
  }
  .search-bar-container {
    flex: 0 0 75%;
    padding-right: 25px;
    padding-left: 25px;
  }
  .filter-row select {
    width: 280px;
  }
  .filter-row {
    gap: 15px;
  }
  .learn-more-section {
    flex: 0 0 25%;
    padding-left: 40px;
  }
  .related-courses {
    padding: 60px;
    flex: 30%;
  }
  .learn-more-section.document-container {
    padding-left: 25px;
  }
}

.otgs-development-site-front-end {
  display: none;
}