body { font-family: 'Segoe UI', sans-serif; background: #f9f9f9; }
    header { color: black; }
    .logo-text { font-weight: bold; font-size: 1.5rem; }
    .hero-img { height: 300px; object-fit: cover; border-radius: 10px; }
    section { padding: 60px 0; }
    footer { background: #2c2c2c; color: white; padding: 40px 0; }
    footer a { color: #ccc; text-decoration: none; }
    footer a:hover { color: white; text-decoration: underline; }
    .animated { transition: all 0.5s ease-in-out; }
    .card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
    .icon-box { font-size: 2rem; color: #FFA500; }
    .section-title {
      font-size: 2.25rem;
      font-weight: 700;
      color: #333;
      position: relative;
      margin-bottom: 5rem;
    }
    .section-title::after {
      content: '';
      width: 60px;
      height: 4px;
      background-color: #FFA500;
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
    }
    .alt-layout {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }
    .alt-layout .text, .alt-layout .img {
      flex: 1 1 45%;
    }
    .alt-layout .img img {
      max-width: 100%;
      border-radius: 12px;
    }
	.logotype{
	max-height: 83.6px;
	}