/* Single Language Preparation Styles */
#Subheader { display: none !important; }
.breadcrumbs.no-link {
  display: block !important;
  padding: 15px 0;
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 20px;
}
.breadcrumbs.no-link .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.breadcrumbs.no-link a {
  color: #6c757d;
  text-decoration: none;
}
.breadcrumbs.no-link a:hover {
  color: #495057;
  text-decoration: underline;
}
.breadcrumbs.no-link .current {
  color: #495057;
  font-weight: 500;
}

body { font-family: 'Inter', sans-serif; background-color: #f9fafb; }
.hero-section { position: relative; color: white; background-size: cover; background-position: center; }
.hero-overlay {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-image: linear-gradient(to top, rgba(17,24,39,0.9) 0%, rgba(17,24,39,0.4) 70%, rgba(17,24,39,0.2) 100%);
  z-index: 0;
}
.hero-content-wrapper { position: relative; z-index: 2; }
.hero-slider { width: 100%; height: 100%; }
.slider-item {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background-size: cover; background-position: center; background-repeat: no-repeat;
  opacity: 0; transform: scale(1.15); filter: blur(2px) brightness(0.8);
  transition: opacity 2s ease-in-out, transform 8s ease-out, filter 2.5s ease-in-out;
  z-index: 1; animation: slidePrep 0.5s ease-out;
}
.slider-item.active {
  opacity: 1; transform: scale(1); filter: blur(0px) brightness(1);
  z-index: 2; animation: slideIn 2s ease-out;
}
.slider-item.prev {
  opacity: 0; transform: scale(1.05); filter: blur(1px) brightness(0.9);
  z-index: 1; animation: slideOut 1.5s ease-in;
}
@keyframes slideIn {
  0% { opacity: 0; transform: scale(1.2); filter: blur(3px) brightness(0.7); }
  50% { opacity: 0.7; transform: scale(1.05); filter: blur(1px) brightness(0.9); }
  100% { opacity: 1; transform: scale(1); filter: blur(0px) brightness(1); }
}
@keyframes slideOut {
  0% { opacity: 1; transform: scale(1); filter: blur(0px) brightness(1); }
  100% { opacity: 0; transform: scale(1.1); filter: blur(2px) brightness(0.8); }
}
@keyframes slidePrep {
  0% { transform: scale(1.3); filter: blur(4px) brightness(0.6); }
  100% { transform: scale(1.15); filter: blur(2px) brightness(0.8); }
}
.featured-overlay, .static-background {
  width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;
}
.language-profit { width: 100px; margin-right: 10px; }
.intl-tel-input .selected-flag .iti-arrow,
.intl-tel-input.separate-dial-code .selected-dial-code { display: none; }
.intl-tel-input.separate-dial-code.allow-dropdown .selected-flag { width: 42px !important; }
.intl-tel-input.separate-dial-code.allow-dropdown input,
.intl-tel-input.separate-dial-code.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown input[type=text] { padding-left: 55px !important; }
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] summary .plus-icon { transform: rotate(45deg); }
.tutor-card-video { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; }
.tutor-card:hover .tutor-card-video { display: block; }
.tutor-card:hover .tutor-card-image { display: none; }
.why-us-section {
  background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 20px 20px;
}
.deco-triangles {
  position: absolute; width: 60px; height: 60px;
  --triangle-color-light: rgba(76, 175, 80, 0.1);
  --triangle-color-dark: rgba(255, 255, 255, 0.1);
  background-image:
    linear-gradient(315deg, var(--triangle-color) 25%, transparent 25%),
    linear-gradient(45deg, var(--triangle-color) 25%, transparent 25%),
    linear-gradient(315deg, transparent 75%, var(--triangle-color) 75%),
    linear-gradient(45deg, transparent 75%, var(--triangle-color) 75%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 0, 0 10px, 10px 10px;
  opacity: 0.7; user-select: none;
}
.deco-top-right { top: 15%; right: 5%; --triangle-color: var(--triangle-color-light); }
.deco-bottom-left { bottom: 30%; left: 5%; --triangle-color: var(--triangle-color-dark); }
.deco-bottom-right { bottom: 30%; right: 5%; --triangle-color: var(--triangle-color-dark); }