/* NEW BLOCKS GENERAL SETTINGS */

/* Παραμετροποιήσεις για Full width */

.home-service-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.container, .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container {
    max-width: 100% !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.col-lg-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* END Παραμετροποιήσεις για Full width */

/* Reset */
.alt-font {
    font-family: var(--alt-font) !important;
}
.primary-font {
    font-family: var(--primary-font) !important;
}

@media (min-width: 1200px) {
    .offset-xl-1 {
        margin-left: 0 !important;
    }
}

.mb-9 {
    margin-bottom: 0 !important;
}

.btn.focus, .btn:focus, .btn:hover {
    text-decoration: none !important;
}

a.d-flex.align-items-center.pe-20px.text-dark-gray.fw-600.alt-font.collapsed {
    text-decoration: none !important;
}

.btn {
    border: 0 !important;
}

.btn.btn-large {
    text-align: center !important;
}

.p-14-top-bot {
    padding-top: 14% !important;
    padding-bottom: 14% !important;
}

.home-service-section {
    padding-bottom: 0 !important;
}

@media (max-width: 768px) {
    .w-90 {
        width: 100% !important;
        padding: 5% !important;
    }
}

@media (max-width: 767px) {
    .navbar-collapse.menu_Open {
        top: 100px !important;
    }
}
/* END Reset */

/* Font custom */
.font-style-italic {
    font-style: italic !important;
}
.hover-text {
    display: none !important;
}
b, strong {
    font-weight: 700 !important;
}

/* END Font custom */

/* Gallery 3 */

#ogi-gallery3 .gallery3-container {
  display: grid;
  gap: 0;
}

#ogi-gallery3 .gallery3-item {
  /* για να κρύβουμε τυχόν υπερχείλιση, αν χρειαστεί */
  overflow: hidden;
}

#ogi-gallery3 .gallery3-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;    /* γεμίζει όλο το κουτί */
  object-position: center center;
  display: block;
}

.gallery3-item {
    display: flex !important;
    justify-content: center !important;
    overflow: hidden !important;
    cursor: pointer !important;
}


.gallery3-item {
  position: relative !important;
  display: block !important;
}

.gallery3-item img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transition: transform 0.3s ease !important;
}

.gallery3-item:hover img {
  transform: scale(1.05) !important; /* Ζουμ στην εικόνα */
}

/* Δημιουργία του overlay */
.gallery3-item::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0) !important;
    transition: background-color 0.3s ease !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Όταν κάνεις hover, το overlay γίνεται λευκό με διαφάνεια */
.gallery3-item:hover::before {
  background-color: rgba(255, 255, 255, 0.5) !important; /* Λευκό overlay με 50% opacity */
}

.spotlight img {
  transition: transform 0.9s ease !important;
}

.spotlight:hover img {
  transform: scale(1.05) !important; /* Ζουμ στην εικόνα */
}

/* Κεντραρισμένο icon στο κέντρο της εικόνας */
.spotlight::after {
  content: "\f002" !important;  /* Unicode για το fa-search */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;  /* Απαραίτητο για να εμφανιστεί σωστά το icon στη free έκδοση */
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 40px !important;
  color: #fff !important;  /* Λευκό χρώμα για το icon */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.spotlight:hover::after {
  opacity: 1 !important;
}

/* Styling για το κουμπί κλεισίματος (X) */
.lightbox-close {
  position: absolute;
  top: -40px;
  right: -40px;
  font-size: 2rem;
  color: #fff;
  cursor: pointer;
  background: var(--color1) !important;
  border-radius: 25%;
  padding: 10px;
  z-index: 10;
}


.lightbox-prev,
.lightbox-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 3rem !important;       /* Μεγαλύτερα βελάκια */
  color: white !important;
  cursor: pointer !important;
  padding: 10px !important;
  background: var(--color1) !important;
  border-radius: 25% !important;
  z-index: 11 !important;
}

.lightbox-prev {
  left: 10vw !important;  /* Πιο κοντά στην αριστερή πλευρά */
}

.lightbox-next {
  right: 10vw !important; /* Πιο κοντά στη δεξιά πλευρά */
}

@media (max-width: 768px) {
.lightbox-prev {
  left: 1vw !important;  /* Πιο κοντά στην αριστερή πλευρά */
}

.lightbox-next {
  right: 1vw !important; /* Πιο κοντά στη δεξιά πλευρά */
}

.lightbox-close {
  right: 0px;
}
}

.lightbox {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;              
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 99;
}
.lightbox-content {
    position: relative;
    width: 70%;
    height: 70%;
    margin: 5% auto;
}
.lightbox-content img {
    border-radius: 7px;
    /*box-shadow: 0 0 3px 0 rgba(225, 225, 225, .25);*/
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.lightbox-prev,
.lightbox-next {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 15px;
    top: 45%;
    cursor: pointer;
}
.lightbox-prev {
    left: 0;
}
.lightbox-next {
    right: 0;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: .8;
}


@media (max-width: 480px) {

    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
}

.w-full img {
    width: 100% !important;
    height: auto !important;
    justify-self: center !important;
    background-size: cover !important;
    object-fit: cover !important;
}

.w-full img:hover {
opacity: 0.85 !important;
}
/* END Gallery 3 */

/* OGI Video Banner 1 */

.videoWrapper {
    position: relative !important;
    padding-bottom: 56.25% !important;
    padding-top: 25px !important;
    height: 0 !important;
    top: -71px !important;
}

.videoWrapper iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.videoWrapper video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.video-background1 {
    background: transparent !important;
    position: relative !important;
    width: 100% !important;
    height: 800px !important;
    margin: 0 auto !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

.video-foreground1,
.video-background1 iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
}

@media (min-aspect-ratio: 16/9) {
    .video-foreground1 {
        height: 300% !important;
        top: -100% !important;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video-foreground1 {
        width: 300% !important;
        left: -100% !important;
    }
}

.content-vid1 {
    padding: 0 25px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    z-index: 2 !important;
    top: 0% !important;
    transform: translate(0%, 30%) !important;
}

  .video-background1 {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    justify-content: center !important; /* Κεντράρισμα οριζόντια */
    align-items: center !important; /* Κεντράρισμα κάθετα */
    height: 100vh !important;
  }

  .video-foreground1 iframe {
    position: absolute !important;
    top: -2.5% !important; /* Κεντράρισμα λόγω του +5% ύψους */
    left: 0 !important;
    width: 100% !important; /* Πλάτος πάντα 100% */
    height: calc(100% + 5%) !important; /* 5% μεγαλύτερο ύψος από το container */
    pointer-events: none !important; /* Αποφυγή αλληλεπίδρασης */
  }

  #white-box-vid {
    position: absolute !important;
    z-index: 2 !important; /* Το box πάνω από το βίντεο */
    width: 100% !important; /* Καταλαμβάνει όλο το διαθέσιμο πλάτος */
    overflow: hidden !important; /* Αποφυγή του υπερβάλλοντος περιεχομένου */
    top: 50% !important; /* Τοποθέτηση από το κέντρο του iframe */
    transform: translateY(-50%) !important; /* Μεταφορά για να είναι ακριβώς στο κέντρο */
    display: flex !important; /* Κεντράρισμα περιεχομένου */
    justify-content: center !important; /* Κεντράρισμα οριζόντια */
    align-items: center !important; /* Κεντράρισμα κάθετα */
  }

  /* Για μικρότερες οθόνες */
  @media (max-width: 992px) {
    .video-background1 {
      justify-content: center !important; /* Κεντράρισμα οριζόντια */
    }

    #white-box-vid {
      width: 100% !important; /* Το box να έχει το φυσικό του πλάτος */
    }
  }

  @media (min-width: 993px) {
    .video-background1 {
      justify-content: flex-start !important; /* Στοιχιση αριστερά */
    }

    #white-box-vid {
      width: 40% !important; /* Το box να έχει το φυσικό του πλάτος */
      left: 4% !important;
    }
  }

@media (min-width: 769px) and (max-width: 993px) {
    #white-box-vid {
height: 80vh !important;
padding: 5% !important;
width: 100% !important; /* Το box να έχει το φυσικό του πλάτος */
    }
  }

/* ΑΛΛΑΓΗ ΓΙΑ WHITE BOX ΚΑΤΩ ΑΠΟ ΤΟ ΒΙΝΤΕΟ ΣΤΟ ΚΙΝΗΤΟ */
/* White box “πάνω” από το βίντεο (για desktop) */
#white-box-vid {
  position: absolute !important;
  z-index: 2 !important;       /* πάνω από το βίντεο */
  width: 40% !important;       /* π.χ. 40% στο desktop */
  left: 4% !important;         /* ό,τι χρειάζεσαι */
  top: 50% !important;         /* κάθετη στο μέσο */
  transform: translateY(-50%) !important;
  overflow: hidden !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Ενδεικτικά styling στο εσωτερικό του box */
#white-box-vid .bg-white {
  background-color: #fff;      /* ή όπως το είχες */
  opacity: 0.9;                /* ημιδιάφανο */
  border-radius: 6px;
  padding: 10px;
  text-align: center;
}

/* ========== OVERRIDES ΓΙΑ MOBILE ========== */
@media (max-width: 768px) {
  /* 1) Το container σε φυσική ροή, αντί για 800px ύψος */
  .video-background1 {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important; /* αφήνουμε το ύψος να μεγαλώνει όσο χρειάζεται */
    overflow: hidden !important;
    margin: 0 !important;    /* αν θες να αφαιρέσεις margin */
  }

  /* 2) Διατηρούμε αναλογία 16:9 */
  .video-foreground1 {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 56.25% !important; /* 16:9 */
    margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important;
  }

  /* 3) Το iframe γεμίζει το .video-foreground1 */
  .video-foreground1 iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
  }

  /* 4) Το white box να “φεύγει” από την absolute θέση */
  #white-box-vid {
    position: static !important;   /* ακυρώνουμε το absolute */
    width: auto !important;        /* ακυρώνουμε το 40% */
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: block !important;     /* block για να μπει σε φυσική ροή */
    margin: 20px auto !important;  /* κεντραρισμένο, με απόσταση από το βίντεο */
    z-index: auto !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
/* END OGI Video Banner 1 */

/*  OGI Video Banner 2 White box inside */

.video-background2 {
    background: transparent !important;
    position: relative !important;
    width: 100% !important;
    height: 800px !important;
    margin: 0 auto !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

.video-foreground2,
.video-background2 iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
}

@media (min-aspect-ratio: 16/9) {
    .video-foreground2 {
        height: 300% !important;
        top: -100% !important;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video-foreground2 {
        width: 300% !important;
        left: -100% !important;
    }
}

.content-vid2 {
    padding: 0 25px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    z-index: 2 !important;
    top: 0% !important;
    transform: translate(0%, 30%) !important;
}

  .video-background2 {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    justify-content: center !important; /* Κεντράρισμα οριζόντια */
    align-items: center !important; /* Κεντράρισμα κάθετα */
    height: 100vh !important;
  }

  .video-foreground2 iframe {
    position: absolute !important;
    top: -2.5% !important; /* Κεντράρισμα λόγω του +5% ύψους */
    left: 0 !important;
    width: 100% !important; /* Πλάτος πάντα 100% */
    height: calc(100% + 5%) !important; /* 5% μεγαλύτερο ύψος από το container */
    pointer-events: none !important; /* Αποφυγή αλληλεπίδρασης */
  }

  #white-box-vid2 {
    position: absolute !important;
    z-index: 2 !important; /* Το box πάνω από το βίντεο */
    width: 100% !important; /* Καταλαμβάνει όλο το διαθέσιμο πλάτος */
    overflow: hidden !important; /* Αποφυγή του υπερβάλλοντος περιεχομένου */
    top: 50% !important; /* Τοποθέτηση από το κέντρο του iframe */
    transform: translateY(-50%) !important; /* Μεταφορά για να είναι ακριβώς στο κέντρο */
    display: flex !important; /* Κεντράρισμα περιεχομένου */
    justify-content: center !important; /* Κεντράρισμα οριζόντια */
    align-items: center !important; /* Κεντράρισμα κάθετα */
  }

  /* Για μικρότερες οθόνες */
  @media (max-width: 992px) {
    .video-background2 {
      justify-content: center !important; /* Κεντράρισμα οριζόντια */
    }

    #white-box-vid2 {
      width: 100% !important; /* Το box να έχει το φυσικό του πλάτος */
    }
  }

  @media (min-width: 993px) {
    .video-background2 {
      justify-content: flex-start !important; /* Στοιχιση αριστερά */
    }

    #white-box-vid2 {
      width: 40% !important; /* Το box να έχει το φυσικό του πλάτος */
      left: 4% !important;
    }
  }

@media (min-width: 769px) and (max-width: 993px) {
    #white-box-vid2 {
height: 80vh !important;
padding: 5% !important;
width: 100% !important; /* Το box να έχει το φυσικό του πλάτος */
    }
  }
/*  END OGI Video Banner 2 White box inside */

/* OGI About 4 */

@media screen and (min-width: 577px) and (max-width: 1199px) {
#ogi-about4 .col-12 {
        width: 100% !important;
}
}

/* END OGI About 4 */

@media (min-width: 1200px) {
    #ogihero3 .col-lg-10, #ogihero4 .col-lg-10 {
        width: 60% !important;
    }

    section#ogihero4 .container {
        max-width: 80% !important;
    }
}

/* OGI Accordion 1 */

@media (max-width: 808px) {
#accordion-gap {
margin-top: 20px !important;
}
}

@media (min-width: 809px) {
#ogi-accordion1 { 
margin-left: 30px !important;
margin-right: 30px !important;
}
}

/* END OGI Accordion 1 */

/* OGI Accordion 2 */

.accordion-header a {
    text-decoration: none !important;
}

#ogi-accordion2 .icon-small, span.fa-solid.fa-angle-down.icon-small {
    padding: 5px !important;
}

span.fa-solid.icon-small.fa-angle-right {
    padding: 5px !important;
}

@media (min-width: 769px) {

    #ogi-accordion2 .col-12 {
        padding: 7% !important;
    }
}
/* END OGI Accordion 2 */


/*  OGI About 1 */

.ogi-tilt1-container {
    transition: transform 0.3s ease-out;
    transform-style: preserve-3d;
    perspective: 1000px;
}
/* END OGI About 1 */




/* OGI Banner 1 */

#ogi-banner1 img {
        min-height: 80vh !important;
	height: 90vh !important;

}

@media (min-width: 1200px) {
    #ogi-banner1 .col-lg-8 {
        width: 50% !important;
    }
}

@media (min-width: 992px) {
    #ogi-banner1 .col-lg-8 {
        width: 75% !important;
    }
}

#ogi-banner1 p {
    line-height: 40px !important;
}

section#ogi-phone-banner1 .col-12 {
    min-height: 800px !important;
}

@media (min-width: 809px) {
    .phone-display {
        display: none !important;
    }
}

@media (max-width: 808px) {
    .desktop-display {
        display: none !important;
    }
}

section#ogi-banner1 a:hover {
    background-color: var(--color1) !important;
}

/* END OGI Banner 1 */

/* OGI Slider Banner 1 */

@media (min-width: 992px) {
    #ogi-slider-banner1 .col-lg-8 {
        width: 50% !important;
    }
}

@media (max-width: 991px) {
    #ogi-slider-banner1 .col-lg-8 {
        width: 100% !important;
    }
    #ogi-slider-banner1 .white-box {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
	#ogi-slider-banner1 img {
	min-height: 90vh !important;
	height: 90vh !important;

}
}

#ogi-slider-banner1 img {
	min-height: 90vh !important;
	height: 90vh !important;

}

@media (max-width: 991px) {
    /* Ακυρώνει το absolute positioning ώστε το container να γίνεται block element */
    #ogi-slider-banner1 .swiper-slide .position-absolute {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        padding: 0 !important;
    }
    
    /* Εξασφαλίζει ότι η εικόνα εμφανίζεται ως block element */
    #ogi-slider-banner1 .swiper-slide img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
    }
    
    /* Προσθέτει απόσταση πάνω από το white box αν χρειάζεται */
    #ogi-slider-banner1 .white-box {
        margin-top: 20px !important;
        width: 100% !important;
        position: static !important;
    }
}

@media (max-width: 991px) {
    /* Βεβαιωνόμαστε ότι το swiper container έχει relative θέση */
    #ogi-slider-banner1 .swiper {
         position: relative !important;
    }
    
    /* Τοποθετούμε τα βελάκια πάνω στο white box */
    #ogi-slider-banner1 .swiper-button-prev-01,
    #ogi-slider-banner1 .swiper-button-next-01 {
         position: absolute !important;
         top: 80% !important;  /* Ρύθμισε το ποσοστό ώστε να ευθυγραμμιστούν με το white box */
         transform: translateY(-50%) !important;
         z-index: 100 !important;
         padding: 10px !important;
         border-radius: 50% !important;
    }
    
    /* Τοποθετούμε το αριστερό βελάκι μέσα από το slider container */
    #ogi-slider-banner1 .swiper-button-prev-01 {
         left: 20px !important;
    }
    
    /* Τοποθετούμε το δεξί βελάκι μέσα από το slider container */
    #ogi-slider-banner1 .swiper-button-next-01 {
         right: 20px !important;
    }
}

/* END OGI Slider Banner 1 */


/* OGI HSD-HERO Banner */

.hsd-hero {
  width: 100%;
  height: 100%;
  padding: 10vw;
  position: relative;
  overflow: hidden; /* Αποτρέπει την εικόνα από το να βγει έξω */
}

.hsd-hero-img, .hsd-hero iframe{
  width: 100%;
  height: 100%;
  object-fit: cover; /* Διατηρεί την αναλογία και γεμίζει το container */
  position: absolute; /* Κάνει την εικόνα να καλύψει το παρασκήνιο */
  top: 0;
  left: 0;
}

.hsd-contentWrap {
max-width:1440px;
margin: 0;
padding: 0;
position: relative; /* Διατηρεί το περιεχόμενο πάνω από την εικόνα */
}

.hsd-heroContent {
color: var(--hsd-hero-text-color);
font-size:var(--hero-hero-text-size);
max-width: 35vw;
}

@media screen and (min-width: 1026px) {
.hsd-heroContent {
max-width: 35vw;
width: 35vw;
min-width: min-content;
}
}

.hsd-heroContent h1 {
    color: var(--hsd-hero-text-color);
    font-size: var(--hsd-hero-h1-size) !important;
    line-height: 1.2;
    margin: 18px 0px;
    margin-bottom: 1.5rem;
}
.hsd-heroContent h1 span {
    display: block;
    font-size: 24px;
    margin: 18px 0px;
}
@media screen and (max-width: 1025px) {
  .hsd-contentWrap {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
}

  .hsd-hero-img {
    position: static;
    width: 100%;
    height: auto;
  }

  .hsd-heroContent {
    font-size: 1.2rem;
    text-align: center;
    position: static;
    background: white;
    color: black;
    padding: 20px;
    max-width: 100%;
    margin: 0 auto;
  }

.hsd-heroContent h1 span {
    display: block;
    font-size: 1.2rem;
    margin: 18px 0px;
}
.hsd-heroContent h1 {
    color: #fff !important;
    font-size: 2rem !important;
    line-height: 1.2;
}
  .hsd-hero {
height: auto;
width:100%;
padding: 5vw;
background-size: cover;
  }
}

@media screen and (max-width: 768px) {
  .hsd-hero {
padding: 0;
  }
}


@media screen and (min-width: 3000px) {
    .hsd-heroContent {
padding:15% !important;
}
}

/* OGI HSD-HERO Banner */



/* OGI About 3 */

@media (min-width: 1200px) {
    #ogi-about3 .col-lg-6 {
        width: 33.3333333% !important;
    }
}
#ogi-about3 .col-lg-6, #ogi-about-resp .col-lg-6 {
    min-height: 384px !important;
}

#ogi-about3 .col-lg-6, #ogi-about3 .col-md-6 {
padding-left: 0 !important;
padding-right: 0 !important;
}

@media (max-width: 1199px) {
    #ogi-about3 .col-lg-6{
        width: 100% !important;
    }
}

/* END OGI About 3 */


/* OGI About Resp */


#ogi-about-resp .col-lg-6, #ogi-about-resp .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#ogi-about-resp img {
    object-fit: cover !important;
    object-position: center !important;
}

#ogi-about-resp .row {
    display: flex !important;
    align-items: stretch !important;
}

#ogi-about-resp .col-12 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

#ogi-about-resp .col-12 p, #ogi-about-resp .col-12 h5 {
    display: flex !important;
    flex: 1 !important;
    margin: 0 !important; /* Αφαίρεση περιθωρίων για καλύτερη ευθυγράμμιση */
    padding: 0 !important; /* Αφαίρεση padding για να γεμίσει σωστά το ύψος */
}

#ogi-about-resp .col-12 a, #ogi-about-resp .about-up-title {
    font-size: clamp(10px, 2vh, 150px) !important; /* Ρύθμιση γραμματοσειράς με βάση το ύψος της οθόνης */
}

.resp-btn {
    font-size: clamp(10px, 2vh, 200px) !important; /* Ρύθμιση γραμματοσειράς με βάση το ύψος της οθόνης */
    padding-top: 2% !important;
    padding-bottom: 2% !important;
}

#ogi-about-resp .col-12 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

    .atropos-inner {
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); /* Glow effect */
        transition: transform 0.9s ease !important;;
        position: relative !important;;
    }

    .atropos:hover .atropos-inner {
        transform: scale(1.05) !important; /* Hover Zoom-in */
    }

/* END OGI About Resp */


/* OGI Testimonials 1 */

#testimonials1 em {
    font-size: 25px !important;
    color: white !important;
    background-color: var(--color1) !important;
    height: 40px !important;
    padding-top: 5px !important;
    padding-left: 7px !important;
}

@media (min-width: 809px) {

#testimonials1 {
padding-left: 20px !important;
padding-right: 20px !important;
}

#testimonials1 em {
    margin-left: 75px !important;
    margin-top: 20px !important;
}
.testimonials1-border {
border-radius: 100px !important;
}
.testimonials1-text {
padding-left: 40px !important;
}
}

@media (max-width: 808px) {
#testimonials1 {
padding-left: 20px !important;
padding-right: 20px !important;
}
#testimonials1 em {
margin-left: -25px !important;
    margin-top: 10px !important;
}

.testimonials1-border{
border-radius: 0 !important;
}
}

.swiper-button-prev, .swiper-button-next
 {
    font-size: 18pt !important;
 }

/* END OGI Testimonials 1 */

/* OGI Testimonials 2 */

.shadow-effect-testimonials2 {
    background: #fff !important;
    padding: 20px !important;
    border-radius: 4px !important;
    text-align: center !important;
    border: 1px solid #ECECEC !important;
    box-shadow: 0 19px 38px rgba(0,0,0,0.10) !important, 0 15px 12px rgba(0,0,0,0.02) !important;
}
#customers-testimonials2 .shadow-effect-testimonials2 p {
    font-family: inherit !important;
    margin: 0 0 17px 0 !important;
    font-weight: 300 !important;
}
.testimonials2-name {
    margin: -17px auto 0 !important;
    display: table !important;
    width: auto !important;
    background: var(--color1) !important;
    padding: 9px 35px !important;
    border-radius: 12px !important;
    text-align: center !important;
    color: #fff !important;
    box-shadow: 0 9px 18px rgba(0,0,0,0.12) !important, 0 5px 7px rgba(0,0,0,0.05) !important;
}
#customers-testimonials2 .item {
    text-align: center !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
    opacity: .2 !important;
    -webkit-transform: scale3d(0.8, 0.8, 1) !important;
    transform: scale3d(0.8, 0.8, 1) !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}
#customers-testimonials2 .owl-item.active.center .item {
    opacity: 1 !important;
    -webkit-transform: scale3d(1.0, 1.0, 1) !important;
    transform: scale3d(1.0, 1.0, 1) !important;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d !important;
    max-width: 90px !important;
    margin: 0 auto 17px !important;
}
#customers-testimonials2.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials2.owl-carousel .owl-dots .owl-dot:hover span {
    background: var(--color1) !important;
    transform: translate3d(0px, -50%, 0px) scale(0.7) !important;
}
#customers-testimonials2.owl-carousel .owl-dots {
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
}
#customers-testimonials2.owl-carousel .owl-dots .owl-dot {
    display: inline-block !important;
}
#customers-testimonials2.owl-carousel .owl-dots .owl-dot span {
    background: var(--color1) !important;
    display: inline-block !important;
    height: 20px !important;
    margin: 0 2px 5px !important;
    transform: translate3d(0px, -50%, 0px) scale(0.3) !important;
    transform-origin: 50% 50% 0 !important;
    transition: all 250ms ease-out 0s !important;
    width: 20px !important;
}

.testimonials2 .owl-nav {
    position: absolute !important;
    top: 50% !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    transform: translateY(-100%) !important;
}
.testimonials2 .owl-next, .testimonials2 .owl-prev {
    font-size: 36px !important;
    color: #fff !important;
    background: var(--base-color) !important;
    border-radius: 25% !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important;
    cursor: pointer !important;
    padding: 5px 10px 12px !important;
}

@media (max-width: 768px) {
.testimonials2 .owl-nav {
    transform: translateY(-50%) !important;
    transform: translateX(10%) !important;
    width: 85% !important;
    top: 15% !important;

}
}


/* END OGI Testimonials 2 */


/* OGI Testimonials 4 */

.ogi-test-heading4 {
    text-align: center !important;
    color: #454343 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    position: relative !important;
    margin-bottom: 70px !important;
    text-transform: uppercase !important;
    z-index: 999 !important;
}
.ogi-test-white-heading4 {
    color: #ffffff !important;
}
.ogi-test-heading4:after {
    content: ' ' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    height: 40px !important;
    width: 180px !important;
    border-radius: 4px !important;
    transform: translateX(-50%) !important;
    background: url(img/heading-line.html) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.ogi-test-white-heading4:after {
    background: url(../../i.ibb.co/d7tSD1R/heading-line-white.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.ogi-test-heading4 span {
    font-size: 18px !important;
    display: block !important;
    font-weight: 500 !important;
}
.white-ogi-test-heading4 span {
    color: #ffffff !important;
}
/*-----Testimonial-------*/

#ogi-testimonials4:after {
    position: absolute !important;
    top: -0 !important;
    left: 0 !important;
    content: " " !important;
    background: url(img/testimonial.bg-top.html) !important;
    background-size: 100% 100px !important;
    width: 100% !important;
    height: 100px !important;
    float: left !important;
    z-index: 99 !important;
}

#ogi-testimonials4 {
    min-height: 375px !important;
    position: relative !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    background-position: center !important;
    background-size: cover !important;
}
#ogi-test4 .carousel-inner:hover {
  cursor: -moz-grab !important;
  cursor: -webkit-grab !important;
}
#ogi-test4 .carousel-inner:active {
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
}
#ogi-test4 .carousel-inner .item {
  overflow: hidden !important;
}

.ogi-test4_indicators .carousel-indicators {
  left: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  font-size: 0 !important;
  height: 20px !important;
  bottom: 15px !important;
  padding: 0 5px !important;
  cursor: e-resize !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  position: absolute !important;
  text-align: center !important;
  white-space: nowrap !important;
}
.ogi-test4_indicators .carousel-indicators li {
  padding: 0 !important;
  width: 14px !important;
  height: 14px !important;
  border: none !important;
  text-indent: 0 !important;
  margin: 2px 3px !important;
  cursor: pointer !important;
  display: inline-block !important;
  background: #ffffff !important;
  -webkit-border-radius: 100% !important;
  border-radius: 100% !important;
}
.ogi-test4_indicators .carousel-indicators .active {
  padding: 0 !important;
  width: 14px !important;
  height: 14px !important;
  border: none !important;
  margin: 2px 3px !important;
  background-color: #9dd3af !important;
  -webkit-border-radius: 100% !important;
  border-radius: 100% !important;
}
.ogi-test4_indicators .carousel-indicators::-webkit-scrollbar {
  height: 3px !important;
}
.ogi-test4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
  background: #eeeeee !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.ogitest4_control_button .carousel-control {
  top: 175px !important;
  opacity: 1 !important;
  width: 40px !important;
  bottom: auto !important;
  height: 40px !important;
  font-size: 10px !important;
  cursor: pointer !important;
  font-weight: 700 !important;
  overflow: hidden !important;
  line-height: 38px !important;
  text-shadow: none !important;
  text-align: center !important;
  position: absolute !important;
  background: transparent !important;
  border: 2px solid #ffffff !important;
  text-transform: uppercase !important;
  -webkit-border-radius: 100% !important;
  border-radius: 100% !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1) !important;
  transition: all 0.6s cubic-bezier(0.3,1,0,1) !important;
}
.ogi-test4_control_button .carousel-control.left {
  left: 7% !important;
  top: 50% !important;
  right: auto !important;
}
.ogi-test4_control_button .carousel-control.right {
  right: 7% !important;
  top: 50% !important;
  left: auto !important;
}
.ogi-test4_control_button .carousel-control.left:hover,
.ogi-test4_control_button .carousel-control.right:hover {
  color: #000 !important;
  background: #fff !important;
  border: 2px solid #fff !important;
}

.ogi-test4_header {
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 550px !important;
  display: block !important;
  margin: 30px auto !important;
  text-align: center !important;
  position: relative !important;
}
.ogi-test4_header h4 {
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  position: relative !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.ogi-test4_slide {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 70% !important;
  margin: auto !important;
  padding: 20px !important;
  position: relative !important;
  text-align: center !important;
}
.ogi-test4_slide img {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 136px !important;
    height: 136px !important;
    margin: auto !important;
    display: block !important;
    color: #f2f2f2 !important;
    font-size: 18px !important;
    line-height: 46px !important;
    text-align: center !important;
    position: relative !important;
    border-radius: 50% !important;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23) !important;
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23) !important;
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23) !important;
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23) !important;
}
.ogi-test4_slide p {
    color: #ffffff !important;
    line-height: 1.4 !important;
    margin: 40px 0 20px 0 !important;
}
.ogi-test4_slide h4 {
  color: #ffffff !important;
}

#ogi-testimonials4 .carousel {
	padding-bottom:50px !important;
}
#ogi-testimonials4 .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px !important;
    height: 35px !important;
}
.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}
/* ------testimonial  close-------*/

/* END OGI Testimonials 4 */

/* START OGI Services Carousel */

@media (min-width: 809px) {
#ogi-services-carousel h3 {
padding-left: 60px;
}
}
/* END OGI Services Carousel */


/* OGI Lists */

.list-style-one{
  position:relative;
}


.list-style-one li{
  position:relative;
  color: #000;
  font-weight:400;
  padding-left: 5%;
  margin-bottom: 12px;
list-style: inside none !important;
}

.list-style-one li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    padding: 0px;
    color: var(--color1);
    font-weight: 600;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}


@media (max-width: 808px) {
.list-style-one li:before {
    left: -15px;
}
}

.list-style-one li a:hover{
  color: #44bce2;
}

/* END OGI Lists */


/* OGI Image Rotate Box */

@media screen and (min-width: 1200px) {
.ogi-img-rotate .rotate-box to-left {
min-height: 50vh !important;
}
}

/* END OGI Image Rotate Box */


/* OGI Service Box Style 03 */

.services-box-style-03:hover img, .services-box-style-02:hover img {
    -webkit-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
    -webkit-transition: all 500ms cubic-bezier(61, 10, 88, 10) !important;
    transition: all 500ms cubic-bezier(61, 10, 88, 10) !important;
}

.services-box-style-03 a:hover  {
color: var(--color1) !important;
}

/* END OGI Service Box Style 03 */



/* OGI Logo Carousel */

@keyframes scroll-thecolabs {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-300px * 7));
  }
}
.thecolabs-slider {
  background: transparent;
  height: 250px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.thecolabs-slider::before, .thecolabs-slider::after {
  background: transparent;
  content: "";
  height: 300px;
  position: absolute;
  width: 300px;
  z-index: 2;
}
.thecolabs-slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.thecolabs-slider::before {
  left: 0;
  top: 0;
}
.thecolabs-slider .thecolabs-slide-track {
  animation: scroll-thecolabs 30s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.thecolabs-slider .thecolabs-slide {
  height: 300px;
  width: 350px;
    margin-left: 1%;
}
/* END OGI Logo Carousel */


/* OGI Team Classic */

.team-classic {
	position: relative;
	overflow: hidden;
	text-align: left;
	max-width: 370px;
	margin-left: auto;
	margin-right: auto;
}

.team-classic-2 .team-classic-status {
	color: #7796ff;
}

.team-classic-figure {
	display: block;
}

.team-classic-figure img {
	width: 100%;
	filter: grayscale(0%);
	transition: all .3s ease;
}

.team-classic-caption {
	position: absolute;
	overflow: hidden;
	bottom: 27px;
	width: 80%;
	min-width: 300px;
	padding: 15px 20px 15px 50px;
	transition: all .3s ease;
	z-index: 1;
}

.team-classic-caption::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(17, 17, 17, 0.5);
	transform: skew(10deg);
	transform-origin: 50% 100%;
	z-index: -1;
}

.team-classic-name {
	color: #ffffff;
}

.team-classic-name a, .team-classic-name a:focus, .team-classic-name a:active {
	color: inherit;
}

.team-classic-name a:hover {
	color: #a3b8ff;
}

.team-classic-status {
	line-height: 1.5;
	color: #ffffff;
	letter-spacing: .025em;
	font-weight: 400;
}

* + .team-classic-status {
	margin-top: 0;
}

@media (min-width: 576px) {
	.team-classic-lg {
		max-width: 420px;
	}
	.team-classic-lg .team-classic-caption {
		bottom: 44px;
		margin-left: -30px;
		padding: 15px 20px 15px 85px;
	}
}

@media (min-width: 992px) {
	.desktop .team-classic:hover .team-classic-figure img {
		filter: grayscale(0);
	}
	.desktop .team-classic:hover .team-classic-caption {
		margin-left: 0;
	}
}

@media (min-width: 1200px) {
	.team-classic-lg .team-classic-caption {
		bottom: 10%;
		padding: 15px 6% 15px 18%;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.team-classic-lg .team-classic-caption {
		min-width: 260px;
	}
}

h4.team-classic-name {
margin-bottom: 0 !important;
}

/* END OGI Team Classic */


/* OGI Services Half Image */

@media screen and (min-width: 1px) and (max-width: 1199px) {
  .ogi-services-half .col-sm-6  {
        width: 100% !important;
    }
}

/* END OGI Services Half Image */


/* OGI Icons Style 01 */

.icon-with-text-style-05:hover * {
color: white !important;
}

.feature-box.feature-box-left-icon .feature-box-icon {
margin-right: 0 !important;
}

.row.icon-with-text-style-01 {
padding: 5% !important;
}

.icon-with-text-style-01 {
padding: 7% !important;
}


.icon-with-text-style-01 em {
color: var|(--color1) !important;
}

.icon-with-text-style-01:hover {
background-color: var(--color1) !important;
border-radius: 25px !important;
}

.icon-with-text-style-01:hover *{
color: white !important;
}

/* END OGI Icons Style 01 */


/* OGI Icons Style 05 */

.icon-with-text-style-05:hover * {
color: white !important;
}

/* END OGI Icons Style 05 */


/* OGI Newsletter */

.newsletter-style-01 {
background-color: white !important;
}

.newsletter-style-01 form {
padding: 10px !important;
border: 0 !important;
background-color: white !important;
max-width: 80% !important;
}
.newsletter-style-01 .form-control
{
padding: 10px !important;
border: 0 !important;
    box-shadow: none !important;
}

.newsletter-style-01 select {
    box-shadow: none !important;
    border: 0 !important;
    color: white !important;
}

.newsletter-style-01 input::placeholder  {
    box-shadow: none !important;
    border: 0 !important;
}

.newsletter-style-01 input  {
overflow: hidden !important;
}

@media (min-width: 1200px) {
#ogi-sub-form .col-lg-8 {
        width: 50% !important;
    }
}

@media (max-width: 1199px) {
#ogi-sub-form .col-lg-8 {
        width: 90% !important;
    }

.newsletter-style-01 form {
max-width: 50% !important;
}
}

/* END OGI Newsletter */



/* OGI Popup */

input#email {
    height: 50px !important;
}

@media (min-width: 809px) {
 #subscribe-popup .col-md-10 {
padding: 0 !important;
}
#subscribe-popup .container {
max-width: 80% !important;
}
}

@media (max-width: 809px) {
 #subscribe-popup .container {
max-width: 100% !important;
}
}

 #subscribe-popup .btn.btn-dark-gray:hover,  #subscribe-popup .btn.btn-dark-gray:active, #subscribe-popup .btn.btn-dark-gray:focus {
color: var(--white) !important;
}

#subscribe-popup .col-lg-6, #subscribe-popup .col-md-6, #subscribe-popup .col-md-10 {
padding-left: 0;
padding-right: 0;
}

@media (min-width: 1600px) {
input[type="checkbox"]
{
padding:10px !important;
width: 15px !important;
height: 15px !important;
}
}

@media (min-width: 2000px) {
input[type="checkbox"]
{
width: 20px !important;
height: 20px !important;
}
}

@media (min-width: 3000px) {
input[type="checkbox"]
{
width: 40px !important;
height: 40px !important;
}
}

.newsletter-popup {
padding-left: 5% !important;
padding-right: 5% !important;
}

.resp-text, .resp-popup {
padding-top: 2% !important;
padding-bottom: 2% !important;
}

.resp-input, button.resp-popup.mfp-close::before {
padding: 4% !important;
}
/* END OGI Popup */


/* Important General - Always Last */

@media screen and (min-width: 500px) and (max-width: 1199px) {

.col-md-3 {
        width: 50% !important;
}
}

@media screen and (min-width: 577px) and (max-width: 991px) {
.col-md-4 {
        width: 50% !important;
}
}

p, span, li {
line-height: 1.5 !important;
}

.resp-text {
    display: flex !important;
    flex: 1 !important;
    margin: 0 !important; /* Αφαίρεση περιθωρίων για καλύτερη ευθυγράμμιση */
    padding: 0 !important; /* Αφαίρεση padding για να γεμίσει σωστά το ύψος */
    font-size: clamp(16px, 3vh, 100px) !important; /* Ρύθμιση γραμματοσειράς με βάση το ύψος της οθόνης */
}

.vercontentblock h1, h2, h3, h4, h5, h6 {
    margin-top: 0px !important;
}

/* END Important General - Always Last */

/* END NEW BLOCKS */