/* ===== EDUCATION & PROFESSIONAL DETAILS COMPONENT CSS ===== */

/* No local variable definitions. All theme variables come from global theme files. */

.education-profession-section {
  padding: 30px;
  position: relative;
}

@keyframes rotateIcon {
  0%, 100% { transform: translateY(-50%) rotate(-20deg); }
  50% { transform: translateY(-50%) rotate(20deg); }
}

/* ==================== RESPONSIVE DESIGN ==================== */
@media (max-width: 768px) {
  .education-profession-section {
    padding: 25px 20px;
  }
}