.circle-image {
  width: 160px; /* Adjust size as needed */
  height: 160px; /* Ensure it's a perfect square */
  border-radius: 50%; /* Makes the image circular */
  object-fit: cover; /* Ensures the image fits nicely inside the circle */
  border: 2px solid #ddd; /* Optional: Add a border */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow */
}
.fade-in-circle {
  transform: translateY(150px); /* Start far below the viewport */
  transition: transform 0.8s ease-out; /* Smooth slide-up animation */
  will-change: transform; /* Optimize for smooth performance */
}
.row.icon-set .circle-image {
  border-radius: 50% !important; /* Ensure the image stays circular */
}

.logo-img {
  width: 150px; /* Adjust to your preferred size */
    height: auto; /* Keeps aspect ratio */
}

.hero-container {
  width: 100%;
  text-align: center; /* Center the image */
}

.hero-img {
  width: 80%; /* Reduce the image width to make it smaller */
  max-height: 400px; /* Adjust height as needed */
  object-fit: contain; /* Ensure the full image is visible */
  display: block;
  margin: 0 auto; /* Center horizontally */
}
/* Full-screen video background */
.books-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

#background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; /* Places the video behind content */
  pointer-events: none; /* Makes the video unclickable */
  background: url('images/mobile-image-hero.png') no-repeat center center;
  background-size: cover;
}

/* Optional: Adjustments for mobile */
@media (max-width: 768px) {
  #background-video {
    pointer-events: none; /* Ensures it's unclickable on mobile */
  }
}


.content {
  position: relative; /* Ensure content stays above the video */
  z-index: 1;
}
.author-image {
  margin-top: 30px;
}

.rounded-author-img {
  width: 400px; /* Default size for larger screens */
  height: 400px;
  border-radius: 50%;
  object-fit: cover;
  border: 5px solid #f0f0f0; /* Optional: Add a border for better visibility */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add a soft shadow */
}

/* Responsive Styles for Mobile */
@media (max-width: 768px) {
  .rounded-author-img {
    width: 300px; /* Smaller size for mobile screens */
    height: 300px;
  }
}

@media (max-width: 480px) {
  .rounded-author-img {
    width: 200px; /* Even smaller for very small screens */
    height: 200px;
  }
}
#academy-path {
  background-color: #070707;
}
#academy-path .content {
  background-color: #070707;
}
@media( max-width: 768px){
  #academy-path {
    background-color: #070707;
  }
  #academy-path .content{
    background-color: #070707;
  }
}

@media (max-width: 768px) { /* Mobile view adjustments */
  /* Target only the elements within this section */
  .row .text-center.text-uppercase.heading-b {
      font-size: 0.7rem; /* Increase font size for headings */
      line-height: 1.5; /* Adjust line spacing */
  }

  .row .separator-small {
      margin: 1px 0; /* Add more spacing for the separator */
  }

  .row .hover-overlay .fab {
    font-size: 2.3rem !important; /* Ensure the font size is applied */
    margin: 0 5px; /* Add spacing between icons */
}
 
}




@media (max-width: 768px) {
  
  #process .row.counters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Optional for better alignment */
  }
  
  #process .row.counters .col-md-3 {
    width: 45%; /* Adjust to 50% for two items per row */
    margin: 2.5%; /* Add some spacing between the items */
  }
  
  #process .row.counters .counter {
    margin-bottom: 20px; /* Add spacing below each item */
  }
}




/* Newsletter container styling */
.newsletter {
  text-align: center;
  background-color: #f9f9f900;
  padding: 20px 15px;
  border-radius: 8px;
  max-width: 400px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

/* Newsletter heading */
.newsletter h3 {
  margin-bottom: 10px;
  font-size: 24px;
  color: #ffffff;
}

/* Newsletter description */
.newsletter p {
  margin-bottom: 20px;
  font-size: 16px;
  color: #d1cbcb;
}

/* Form input styling */
.newsletter-form input[type="email"] {
  width: 60%;
  padding: 10px;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 14px;
  
}

/* Form button styling */
.newsletter-form button {
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #8b9fb800;
  color: #b68f6e;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Button hover effect */
.newsletter-form button:hover {
  background-color: #0057b300;
  color: #fff;

}
.read-more-link {
  display: inline-block !important; /* Makes the link appear inline with text */
  color: #007bff !important; /* Custom color for the link */
  text-decoration: none !important; /* Remove underline */
  font-weight: bold !important; /* Make it stand out */
  margin-top: 10px !important; /* Add some space from the text */
}

/* Hover effect for the Read More link */
.read-more-link:hover {
  text-decoration: underline !important; /* Add underline on hover */
  color: #0056b3 !important; /* Darken the color on hover */
}

#translation-banner {
  display: none;
  position: fixed;
  bottom: 15px;
  left: 0;
  right: 0;
  background-color: #333;
  color: #fff;
  padding: 15px;
  text-align: center;
  z-index: 1000;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

#translation-banner.show {
  display: block;
}

#translation-banner button {
  margin: 0 10px;
  padding: 8px 15px;
  background-color: #fff;
  color: #333;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#translation-banner button:hover {
  background-color: #ddd;
}

@media (max-width: 768px) {
  #translation-banner {
      bottom: 0; /* Ensures it stays at the bottom */
      padding-bottom: 15px; /* Adds a bit of extra spacing inside */
  }
}
.control-group {
  position: relative;
  margin-bottom: 15px;
}

.control-group select, 
.control-group input, 
.control-group textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #fff; /* Adjust for your theme */
  background: transparent;
  color: white;
  font-size: 16px;
}

.control-group select {
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none;
  background-color: transparent;
}

.control-group option {
  background: black; /* Ensures dropdown items are visible */
  color: white;
}

.alt-placeholder {
  position: absolute;
  top: 12px;
  left: 15px;
  font-size: 14px;
  color: white;
  pointer-events: none;
  transition: 0.3s ease-in-out;
}

.control-group input:focus + .alt-placeholder,
.control-group select:focus + .alt-placeholder,
.control-group textarea:focus + .alt-placeholder {
  top: -10px;
  font-size: 12px;
  color: gray;
}
.highlight {
  max-width: 600px;
  font-size: 16px;
  line-height: 1.5;
}
#moreText {
  display: none;
}
.read-more-btn {
  background-color: #007bff00;
  color: white;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  border-radius: 5px;
}
.g-recaptcha {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.tabs {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}

.tabs button {
  background: transparent;
  border: 2px solid #dbab83;
  padding: 10px 25px;
  border-radius: 30px;
  font-size: 18px;
  color: #dbab83;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
}

.tabs button.active,
.tabs button:hover {
  background: #dbab83;
  color: #0c0c0c;
}


* {
  box-sizing: border-box;
}

.infinite-gallery {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.scroll-row {
  width: 100%;
  overflow: hidden;
  height: 400px;
  position: relative;
}

.scroll-track {
  display: flex;
  width: max-content;
  animation-duration: 60s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.scroll-left .scroll-track {
  animation-name: scrollLeft;
}

.scroll-right .scroll-track {
  animation-name: scrollRight;
}

.scroll-track img {
  width: 400px !important;
  height: 400px !important;
  object-fit: cover;
  display: block;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  max-width: none;
  max-height: none;
}

/* Animations */
@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes scrollRight {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

.gallery-heading {
  text-align: center;
  padding: 40px 20px;
}

.gallery-heading h2 {
  font-size: 2.5rem;
  color: #e6b58e;
  margin-bottom: 10px;
}

.gallery-heading p {
  color: #ccc;
  font-size: 1rem;
  max-width: 700px;
  margin: 0 auto;
}

/* ✅ Mobile responsive tweaks */
@media (max-width: 768px) {
  .gallery-heading h2 {
    font-size: 3rem!important; /* Λίγο πιο μικρό σε κινητό */
  }

  .gallery-heading p {
    margin-top: 12px!important; /* Κενό ανάμεσα στον τίτλο και το κείμενο */
    font-size: 1.3rem!important;
  }
}