:root {
        --aydin-blue: #0f4b5a;
        --aydin-blue-dark: #082f3a;
        --aydin-cyan: #19a7b8;
        --aydin-orange: #f5a425;
        --aydin-red: #b5373a;
        --aydin-soft: #f3f8fa;
        --aydin-text: #1f272b;
      }

      .main-nav .logo {
        display: flex !important;
        align-items: center;
        letter-spacing: 0;
      }

      .main-nav .logo img {
        max-height: 76px;
        width: auto;
        vertical-align: middle;
      }

      .header-area .main-nav .nav li.desktop-call a {
        background: var(--aydin-orange);
        color: #1f272b !important;
        border-radius: 24px;
        height: auto;
        line-height: 1.2;
        padding: 12px 18px !important;
        margin-top: 26px;
        font-weight: 900;
      }

      .header-area .main-nav .nav li.mobile-nav-cta,
      .header-area .main-nav .nav li.mobile-service-info,
      .header-area .main-nav .nav li.mobile-cta-texts {
        display: none;
      }

      .main-banner #bg-video {
        object-fit: cover;
        width: 100%;
        height: 100%;
        filter: saturate(0.98) contrast(1.05) brightness(0.72);
      }

      .main-banner .caption p {
        max-width: 880px;
        line-height: 1.9;
      }

      .hero-mini-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 24px;
      }

      .hero-mini-list span {
        display: inline-block;
        color: #ffffff;
        background: rgba(255,255,255,0.14);
        border: 1px solid rgba(255,255,255,0.24);
        border-radius: 40px;
        padding: 9px 16px;
        font-size: 13px;
        font-weight: 800;
      }

      body section.upcoming-meetings,
      body section.apply-now,
      body section.our-facts,
      body section.contact-us {
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
      }

      body section.upcoming-meetings {
        background-color: var(--aydin-soft) !important;
        padding-top: 130px;
        padding-bottom: 110px;
      }

      body section.upcoming-meetings .section-heading h2 {
        color: var(--aydin-text) !important;
      }

      body section.apply-now {
        background-color: var(--aydin-blue-dark) !important;
        padding-top: 120px;
        padding-bottom: 110px;
      }

      body section.our-courses {
        background-color: #ffffff !important;
        padding-top: 105px;
        padding-bottom: 110px;
      }

      body section.our-facts {
        background: linear-gradient(135deg, #082f3a 0%, #0f4b5a 54%, #0d2932 100%) !important;
        padding-top: 110px;
        padding-bottom: 110px;
      }

      body section.contact-us {
        background-color: #172027 !important;
        padding-top: 110px;
      }

      .services,
      .our-courses {
        background-image: none !important;
      }

      .services .item .icon {
        width: 72px;
        height: 72px;
        border-radius: 22px;
        background: rgba(25,167,184,0.12);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 18px;
      }

      .services .item .icon i {
        color: var(--aydin-blue);
        font-size: 32px;
      }

      .meeting-item .thumb img,
      .owl-courses-item .item img,
      .video img,
      .footer-brand img,
      .feature-photo-card img {
        object-fit: cover;
      }

      .meeting-item .down-content p,
      .course-item p,
      .owl-courses-item .item .down-content p,
      .accordion-body .content p {
        color: #444444;
      }

      .meeting-item .down-content h4 {
        line-height: 1.35;
      }

      .main-button-red a,
      .main-button-yellow a {
        white-space: normal;
        text-align: center;
      }

      .main-button-red a {
        background-color: var(--aydin-red) !important;
      }

      .main-button-yellow a {
        color: var(--aydin-text) !important;
      }

      .content-lead {
        color: #ffffff;
        line-height: 1.9;
        margin-bottom: 24px;
      }

      .soft-panel {
        background: rgba(255,255,255,0.1);
        border: 1px solid rgba(255,255,255,0.14);
        border-radius: 20px;
        padding: 26px;
        margin-top: 22px;
      }

      .soft-panel h4 {
        color: #ffffff;
        font-size: 18px;
        font-weight: 800;
        margin-bottom: 10px;
      }

      .soft-panel p {
        color: rgba(255,255,255,0.86);
        line-height: 1.8;
        margin-bottom: 0;
      }

      .accordions {
        overflow: hidden;
        border-radius: 22px;
        background: #ffffff;
      }

      .accordions .accordion {
        margin: 0;
        border-bottom: 1px solid #e7e7e7;
      }

      .accordions .accordion.last-accordion {
        border-bottom: 0;
      }

      .accordions .accordion-head {
        min-height: 76px;
        padding: 22px 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
      }

      .accordions .accordion-head span:first-child {
        display: block;
        padding-right: 18px;
        font-size: 18px;
        line-height: 1.35;
        color: var(--aydin-text);
        font-weight: 800;
      }

      .accordions .accordion-head .icon,
      .accordions .accordion-head .icon i {
        flex: 0 0 auto;
        color: var(--aydin-text);
        transition: transform 0.25s ease, color 0.25s ease;
      }

      .accordions .accordion-body {
        display: none !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 !important;
      }

      .accordions .accordion.open .accordion-body {
        display: block !important;
      }

      .accordions .accordion.open .accordion-head span:first-child,
      .accordions .accordion.open .accordion-head .icon,
      .accordions .accordion.open .accordion-head .icon i {
        color: var(--aydin-cyan) !important;
      }

      .accordions .accordion.open .accordion-head .icon i {
        transform: rotate(90deg);
      }

      .accordions .accordion-body .content {
        padding: 0 28px 28px 28px !important;
      }

      .accordions .accordion-body .content p {
        font-size: 15px;
        line-height: 1.85;
        margin: 0;
      }

      .plumbing-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 18px;
      }

      .plumbing-tags span {
        display: inline-block;
        border-radius: 999px;
        background: rgba(245,164,37,0.15);
        border: 1px solid rgba(245,164,37,0.35);
        color: #ffffff;
        padding: 9px 14px;
        font-size: 13px;
        font-weight: 800;
      }

      .district-columns {
        columns: 3;
        -webkit-columns: 3;
        column-gap: 40px;
      }

      .district-columns li {
        break-inside: avoid;
        margin-bottom: 9px;
      }

      .district-columns li a {
        display: inline-block;
        font-size: 16px;
        line-height: 1.55;
        padding-right: 8px;
      }

      .legal-note {
        background: rgba(255,255,255,0.96);
        border-radius: 20px;
        padding: 26px;
        margin-bottom: 30px;
        min-height: 205px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
      }

      .legal-note h4 {
        color: var(--aydin-text);
        font-size: 18px;
        font-weight: 800;
        margin-bottom: 10px;
      }

      .legal-note p {
        color: #4f4f4f;
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 0;
      }

      .legal-note .legal-more {
        display: inline-block;
        margin-top: 14px;
        color: var(--aydin-red);
        font-weight: 800;
        font-size: 13px;
      }

      .legal-note .legal-more:hover {
        color: var(--aydin-orange);
      }

      .upcoming-meetings .meeting-item {
        height: calc(100% - 30px);
      }

      .upcoming-meetings .meeting-item .thumb {
        height: 245px;
        overflow: hidden;
        border-radius: 20px 20px 0 0;
      }

      .upcoming-meetings .meeting-item .thumb a,
      .upcoming-meetings .meeting-item .thumb img {
        display: block;
        width: 100%;
        height: 100%;
      }

      .upcoming-meetings .meeting-item .thumb img {
        object-fit: cover;
      }

      .upcoming-meetings .meeting-item .down-content {
        min-height: 166px;
      }

      .upcoming-meetings .meeting-item .down-content p {
        line-height: 1.7;
      }

      .feature-icon-section {
        background: #f3f8fa;
        padding: 80px 0 55px;
      }

      .feature-icon-section .section-heading h2 {
        color: var(--aydin-text) !important;
      }

      .feature-icon-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }

      .feature-icon-card {
        background: #ffffff;
        border-radius: 22px;
        padding: 28px 24px;
        box-shadow: 0 12px 30px rgba(0,0,0,0.06);
        height: 100%;
      }

      .feature-icon-card .icon {
        width: 64px;
        height: 64px;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(25,167,184,0.15);
        color: var(--aydin-blue);
        font-size: 28px;
        margin-bottom: 18px;
      }

      .feature-icon-card h4 {
        font-size: 22px;
        font-weight: 800;
        color: var(--aydin-text);
        margin-bottom: 12px;
      }

      .feature-icon-card p {
        color: #555555;
        line-height: 1.85;
        margin-bottom: 0;
      }

      .feature-photo-section {
        background: #082f3a;
        padding: 80px 0;
      }

      .feature-photo-section .section-heading h2 {
        color: #ffffff;
      }

      .feature-photo-card {
        background: rgba(255,255,255,0.06);
        border-radius: 22px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,0.10);
        margin-bottom: 30px;
        height: calc(100% - 30px);
      }

      .feature-photo-card img {
        width: 100%;
        height: 240px;
        display: block;
      }

      .feature-photo-card .content {
        padding: 22px 22px 24px;
      }

      .feature-photo-card h4 {
        color: #ffffff;
        font-size: 22px;
        font-weight: 800;
        margin-bottom: 10px;
      }

      .feature-photo-card p {
        color: rgba(255,255,255,0.82);
        line-height: 1.8;
        margin-bottom: 0;
      }

      .mini-note-box {
        background: #ffffff;
        border-radius: 20px;
        padding: 24px;
        margin-top: 20px;
        box-shadow: 0 10px 26px rgba(0,0,0,0.05);
      }

      .mini-note-box h4 {
        color: var(--aydin-text);
        font-size: 20px;
        font-weight: 800;
        margin-bottom: 10px;
      }

      .mini-note-box p {
        color: #555555;
        line-height: 1.8;
        margin-bottom: 0;
      }

      .fact-visual-card {
        background: rgba(255,255,255,0.1);
        border: 1px solid rgba(255,255,255,0.18);
        border-radius: 24px;
        padding: 34px;
        min-height: 320px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .fact-visual-card h3 {
        color: #ffffff;
        font-size: 28px;
        font-weight: 800;
        line-height: 1.25;
        margin-bottom: 18px;
      }

      .fact-visual-card p {
        color: rgba(255,255,255,0.86);
        line-height: 1.85;
        margin-bottom: 20px;
      }

      .fact-visual-card ul {
        margin: 0 0 24px 0;
        padding: 0;
        list-style: none;
      }

      .fact-visual-card li {
        color: #ffffff;
        margin-bottom: 10px;
        font-weight: 700;
      }

      .fact-visual-card li:before {
        content: "✓";
        color: var(--aydin-orange);
        margin-right: 10px;
        font-weight: 900;
      }

      .fact-visual-card a {
        display: inline-block;
        align-self: flex-start;
        background: var(--aydin-orange);
        color: var(--aydin-text);
        border-radius: 24px;
        padding: 12px 20px;
        font-weight: 800;
      }

      .contact-us form#contact-form {
        background: #ffffff;
        border-radius: 20px;
        padding: 40px;
        margin-bottom: 32px;
      }

      .contact-us form#contact-form h2 {
        color: var(--aydin-text);
        font-size: 28px;
        font-weight: 800;
        margin-bottom: 26px;
        text-transform: none;
      }

      .contact-us form#contact-form input,
      .contact-us form#contact-form textarea {
        width: 100%;
        border: none;
        outline: none;
        background: #f7f7f7;
        border-radius: 20px;
        color: #1f272b;
        font-size: 13px;
        font-weight: 500;
        padding: 0 18px;
        margin-bottom: 20px;
      }

      .contact-us form#contact-form input {
        height: 44px;
      }

      .contact-us form#contact-form textarea {
        min-height: 140px;
        padding-top: 16px;
        resize: vertical;
      }

      .contact-us form#contact-form button.button {
        border: none;
        background: var(--aydin-red);
        color: #ffffff;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        border-radius: 22px;
        padding: 12px 30px;
        transition: all 0.25s ease;
      }

      .contact-us form#contact-form button.button:hover {
        background: var(--aydin-orange);
        color: var(--aydin-text);
      }

      .contact-us .right-info {
        overflow-wrap: anywhere;
        margin-top: 0 !important;
        position: relative !important;
        top: auto !important;
      }

      .contact-us .right-info ul li span a {
        color: #ffffff;
      }

      .footer-main {
        margin-top: 70px;
        padding: 48px 0 30px;
        border-top: 1px solid rgba(255,255,255,0.16);
      }

      .footer-grid {
        display: grid;
        grid-template-columns: 1.35fr 1fr 1fr 1fr;
        gap: 30px;
        align-items: start;
      }

      .footer-brand img {
        max-width: 210px;
        height: auto;
        margin-bottom: 18px;
      }

      .footer-main h4 {
        color: #ffffff;
        font-size: 17px;
        font-weight: 800;
        margin-bottom: 18px;
      }

      .footer-main p,
      .footer-main li,
      .footer-main a {
        color: rgba(255,255,255,0.78);
        font-size: 14px;
        line-height: 1.85;
      }

      .footer-main ul {
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .footer-main li {
        margin-bottom: 8px;
      }

      .footer-main a:hover {
        color: var(--aydin-orange);
      }

      .footer-cta {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 18px;
      }

      .footer-cta a {
        display: inline-block;
        border-radius: 26px;
        padding: 10px 14px;
        font-weight: 800;
        line-height: 1.2;
      }

      .footer-cta a:first-child {
        background: var(--aydin-orange);
        color: var(--aydin-text);
      }

      .footer-cta a:last-child {
        background: #198754;
        color: #ffffff;
      }

      .footer-bottom {
        margin-top: 30px;
        padding-top: 22px;
        border-top: 1px solid rgba(255,255,255,0.12);
        display: flex;
        justify-content: space-between;
        gap: 18px;
        flex-wrap: wrap;
      }

      .footer-bottom p {
        margin: 0;
        color: rgba(255,255,255,0.72);
        font-size: 13px;
      }

      .footer-bottom a {
        font-size: 13px;
      }

      .mobile-contact-bar {
        display: none;
      }

      @media (max-width: 991px) {
        .header-area .main-nav .nav li.desktop-call {
          display: none !important;
        }

        .header-area .main-nav .logo img,
        .main-nav .logo img {
          max-height: 82px !important;
          width: auto !important;
        }

        .header-area .main-nav {
          min-height: 104px;
        }

        .header-area .main-nav .logo {
          min-height: 104px;
          display: flex !important;
          align-items: center;
        }

        .header-area .main-nav .menu-trigger {
          top: 35px;
        }

        .header-area .main-nav .nav li.has-sub ul.sub-menu {
          max-height: 380px;
          overflow-y: auto;
        }

        .header-area .main-nav .nav li.mobile-service-info {
          display: block !important;
          height: auto !important;
          padding: 18px 22px 16px !important;
          background: var(--aydin-blue) !important;
          border-top: 1px solid rgba(255,255,255,0.12);
          border-bottom: 1px solid rgba(255,255,255,0.12);
          text-align: center;
        }

        .header-area .main-nav .nav li.mobile-service-info strong {
          display: block;
          color: #ffffff;
          font-size: 16px;
          font-weight: 900;
          line-height: 1.35;
          margin-bottom: 8px;
        }

        .header-area .main-nav .nav li.mobile-service-info span {
          display: block;
          color: #f5a425;
          font-size: 13px;
          font-weight: 800;
          line-height: 1.45;
          margin-top: 4px;
        }

        .header-area .main-nav .nav li.mobile-cta-texts {
          display: grid !important;
          grid-template-columns: 1fr 1fr;
          gap: 10px;
          height: auto !important;
          padding: 14px 18px 4px !important;
          background: #ffffff !important;
          border-bottom: 0;
        }

        .header-area .main-nav .nav li.mobile-cta-texts div {
          background: #f3f8fa;
          border: 1px solid #ececec;
          border-radius: 14px;
          padding: 12px 10px;
          text-align: center;
        }

        .header-area .main-nav .nav li.mobile-cta-texts strong {
          display: block;
          color: #1f272b;
          font-size: 12px;
          font-weight: 900;
          line-height: 1.35;
          margin-bottom: 5px;
        }

        .header-area .main-nav .nav li.mobile-cta-texts span {
          display: block;
          color: #555555;
          font-size: 11px;
          font-weight: 600;
          line-height: 1.45;
        }

        .header-area .main-nav .nav li.mobile-nav-cta {
          display: flex !important;
          gap: 12px;
          padding: 16px 18px 20px !important;
          height: auto !important;
          background: #ffffff !important;
          border-bottom: 1px solid #eeeeee;
        }

        .header-area .main-nav .nav li.mobile-nav-cta a {
          display: flex !important;
          align-items: center;
          justify-content: center;
          flex: 1;
          flex-direction: column;
          gap: 3px;
          height: auto !important;
          min-height: 48px !important;
          line-height: 1.2 !important;
          padding: 14px 10px !important;
          margin: 0 !important;
          border-radius: 14px !important;
          color: #ffffff !important;
          text-align: center;
          font-size: 13px !important;
          font-weight: 900 !important;
          letter-spacing: 0.4px;
          opacity: 1 !important;
          text-transform: uppercase;
          box-shadow: 0 8px 18px rgba(0,0,0,0.12);
        }

        .header-area .main-nav .nav li.mobile-nav-cta a.call-mobile {
          background: var(--aydin-red) !important;
        }

        .header-area .main-nav .nav li.mobile-nav-cta a.wp-mobile {
          background: #198754 !important;
        }

        .header-area .main-nav .nav li.mobile-nav-cta a strong {
          display: block;
          color: #ffffff;
          font-size: 13px;
          font-weight: 900;
          line-height: 1.2;
        }

        .header-area .main-nav .nav li.mobile-nav-cta a span {
          display: block;
          color: rgba(255,255,255,0.92);
          font-size: 11px;
          font-weight: 800;
          line-height: 1.2;
          text-transform: none;
          letter-spacing: 0;
        }

        .footer-grid {
          grid-template-columns: 1fr 1fr;
        }

        .district-columns {
          columns: 2;
          -webkit-columns: 2;
          column-gap: 26px;
        }

        .feature-icon-grid {
          grid-template-columns: repeat(2, 1fr);
        }

        .fact-visual-card {
          margin-top: 28px;
          min-height: auto;
        }
      }

      @media (max-width: 767px) {
        .main-nav .logo img {
          max-height: 76px !important;
        }

        .header-area .main-nav {
          min-height: 98px;
        }

        .header-area .main-nav .logo {
          min-height: 98px;
        }

        .header-area .main-nav .menu-trigger {
          top: 32px;
        }

        .main-banner .caption h2 {
          font-size: 34px;
          line-height: 1.18;
        }

        .main-banner .caption p {
          font-size: 14px;
        }

        .hero-mini-list span {
          font-size: 12px;
          padding: 8px 12px;
        }

        body section.upcoming-meetings,
        body section.apply-now,
        body section.our-courses,
        body section.our-facts,
        body section.contact-us {
          padding-top: 80px;
          padding-bottom: 80px;
        }

        .accordions .accordion-head {
          min-height: 64px;
          padding: 18px 18px;
        }

        .accordions .accordion-head span:first-child {
          font-size: 16px;
          padding-right: 12px;
        }

        .accordions .accordion-body .content {
          padding: 0 18px 22px 18px !important;
        }

        .accordions .accordion-body .content p {
          font-size: 14px;
          line-height: 1.75;
        }

        .district-columns {
          columns: 1;
          -webkit-columns: 1;
        }

        .footer-grid {
          grid-template-columns: 1fr;
          gap: 24px;
        }

        .footer-bottom {
          display: block;
        }

        .footer-bottom p + p {
          margin-top: 10px;
        }

        .feature-icon-section,
        .feature-photo-section {
          padding: 60px 0 40px;
        }

        .feature-icon-grid {
          grid-template-columns: 1fr;
          gap: 18px;
        }

        .feature-photo-card img {
          height: 210px;
        }

        .upcoming-meetings .meeting-item .thumb {
          height: 220px;
        }

        .upcoming-meetings .meeting-item .down-content {
          min-height: auto;
        }

        .contact-us form#contact-form {
          padding: 28px 22px;
        }

        .contact-us form#contact-form h2 {
          font-size: 23px;
        }

        .fact-visual-card h3 {
          font-size: 22px;
        }

        .mobile-contact-bar {
          display: flex;
          position: fixed;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 9999;
          box-shadow: 0 -8px 22px rgba(0,0,0,0.22);
        }

        .mobile-contact-bar a {
          flex: 1;
          text-align: center;
          padding: 13px 8px;
          color: #ffffff;
          font-weight: 900;
        }

        .mobile-contact-bar a:first-child {
          background: var(--aydin-red);
        }

        .mobile-contact-bar a:last-child {
          background: #198754;
        }

        body {
          padding-bottom: 54px;
        }
      }

      @media (max-width: 420px) {
        .header-area .main-nav .logo img,
        .main-nav .logo img {
          max-height: 72px !important;
          max-width: 245px !important;
        }

        .header-area .main-nav .nav li.mobile-service-info,
        .header-area .main-nav .nav li.mobile-nav-cta,
        .header-area .main-nav .nav li.mobile-cta-texts {
          padding-left: 14px !important;
          padding-right: 14px !important;
        }

        .header-area .main-nav .nav li.mobile-cta-texts {
          grid-template-columns: 1fr;
        }
      }

      .services.services-highlight {
        margin-top: 0 !important;
        padding: 58px 0 46px !important;
        background: #ffffff !important;
        position: relative;
        z-index: 8;
      }

      .services.services-highlight .services-intro {
        text-align: center;
        max-width: 760px;
        margin: 0 auto 34px;
      }

      .services.services-highlight .services-intro h2 {
        color: #102a43;
        font-size: 34px;
        font-weight: 800;
        margin-bottom: 12px;
        text-transform: uppercase;
      }

      .services.services-highlight .services-intro p {
        color: #5a6772;
        line-height: 1.8;
        margin-bottom: 0;
      }

      .services-highlight-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 20px;
      }

      .services-highlight-card {
        background: linear-gradient(180deg, #f7fbfd 0%, #eef6f8 100%);
        border: 1px solid #d9eaee;
        border-radius: 24px;
        padding: 28px 20px;
        text-align: center;
        box-shadow: 0 14px 30px rgba(10, 45, 59, 0.08);
        height: 100%;
      }

      .services-highlight-card .icon {
        width: 72px;
        height: 72px;
        border-radius: 22px;
        background: rgba(25,167,184,0.14);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 16px;
      }

      .services-highlight-card .icon i {
        color: var(--aydin-blue);
        font-size: 30px;
      }

      .services-highlight-card h4 {
        color: #102a43;
        font-size: 22px;
        font-weight: 800;
        margin-bottom: 10px;
        line-height: 1.35;
      }

      .services-highlight-card p {
        color: #5a6772;
        line-height: 1.8;
        margin-bottom: 0;
      }

      @media (max-width: 1199px) {
        .services-highlight-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }

      @media (max-width: 767px) {
        .services.services-highlight {
          padding: 46px 0 34px !important;
        }

        .services.services-highlight .services-intro h2 {
          font-size: 28px;
        }

        .services-highlight-grid {
          grid-template-columns: 1fr;
          gap: 16px;
        }

        .services-highlight-card {
          padding: 24px 18px;
          border-radius: 20px;
        }
      }

/* İç sayfa düzenleri */
.inner-hero {
  position: relative;
  background: linear-gradient(135deg, #082f3a 0%, #0f4b5a 55%, #123c49 100%);
  padding: 190px 0 92px;
  overflow: hidden;
}

.inner-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 82% 22%, rgba(245,164,37,0.24), transparent 34%), radial-gradient(circle at 15% 80%, rgba(25,167,184,0.20), transparent 36%);
  pointer-events: none;
}

.inner-hero .container {
  position: relative;
  z-index: 2;
}

.inner-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 15px;
  border-radius: 999px;
  background: rgba(255,255,255,0.13);
  color: rgba(255,255,255,0.88);
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 22px;
}

.inner-hero h1 {
  color: #ffffff;
  font-size: 48px;
  line-height: 1.12;
  font-weight: 900;
  margin-bottom: 18px;
  max-width: 980px;
}

.inner-hero p {
  color: rgba(255,255,255,0.88);
  font-size: 17px;
  line-height: 1.9;
  max-width: 950px;
  margin-bottom: 0;
}

.inner-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.inner-cta-row a {
  display: inline-block;
  border-radius: 28px;
  padding: 13px 22px;
  font-weight: 900;
  line-height: 1.2;
}

.inner-cta-row a:first-child {
  background: var(--aydin-orange);
  color: var(--aydin-text);
}

.inner-cta-row a:last-child {
  background: #198754;
  color: #ffffff;
}

.content-section {
  padding: 88px 0;
  background: #ffffff;
}

.content-section.soft-bg {
  background: #f3f8fa;
}

.content-section.dark-bg {
  background: #082f3a;
}

.content-section.dark-bg h2,
.content-section.dark-bg h3,
.content-section.dark-bg h4 {
  color: #ffffff;
}

.content-section.dark-bg p,
.content-section.dark-bg li {
  color: rgba(255,255,255,0.84);
}

.section-kicker {
  display: inline-block;
  color: var(--aydin-red);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-bottom: 10px;
}

.content-section h2 {
  color: var(--aydin-text);
  font-size: 36px;
  line-height: 1.22;
  font-weight: 900;
  margin-bottom: 22px;
}

.content-section h3 {
  color: var(--aydin-text);
  font-size: 24px;
  line-height: 1.35;
  font-weight: 900;
  margin-bottom: 14px;
}

.content-section p {
  color: #525d63;
  line-height: 1.92;
  margin-bottom: 18px;
}

.inner-photo-mosaic {
  background: #f3f8fa;
  padding: 44px 0 14px;
}

.photo-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.photo-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  min-height: 260px;
  box-shadow: 0 18px 38px rgba(12,48,58,0.16);
  background: #dce9ec;
}

.photo-card img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.photo-card:hover img {
  transform: scale(1.04);
}

.photo-card span {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  display: block;
  border-radius: 16px;
  padding: 12px 14px;
  background: rgba(8,47,58,0.84);
  color: #ffffff;
  font-weight: 900;
  line-height: 1.35;
}

.content-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 28px;
}

.info-card {
  background: #ffffff;
  border: 1px solid #e6eef1;
  border-radius: 24px;
  padding: 28px 24px;
  height: 100%;
  box-shadow: 0 12px 30px rgba(12,48,58,0.07);
}

.info-card .num,
.info-card .icon-round {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: rgba(25,167,184,0.14);
  color: var(--aydin-blue);
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 18px;
}

.info-card h4 {
  color: var(--aydin-text);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 900;
  margin-bottom: 10px;
}

.info-card p {
  margin-bottom: 0;
  line-height: 1.78;
}

.check-list {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.check-list li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  color: #4f5c62;
  line-height: 1.75;
}

.check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--aydin-orange);
  font-weight: 900;
}

.side-panel {
  background: linear-gradient(180deg, #0f4b5a 0%, #082f3a 100%);
  border-radius: 28px;
  padding: 32px 28px;
  position: sticky;
  top: 120px;
}

.side-panel h3,
.side-panel h4 {
  color: #ffffff;
}

.side-panel p,
.side-panel li {
  color: rgba(255,255,255,0.84);
}

.side-panel ul {
  padding-left: 18px;
  margin-bottom: 24px;
}

.side-panel a {
  display: block;
  text-align: center;
  border-radius: 24px;
  background: var(--aydin-orange);
  color: var(--aydin-text);
  font-weight: 900;
  padding: 13px 18px;
}

.process-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 26px;
}

.process-step {
  background: rgba(255,255,255,0.09);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 22px;
  padding: 24px 20px;
}

.process-step strong {
  display: block;
  color: var(--aydin-orange);
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 12px;
}

.process-step h4 {
  font-size: 19px;
}

.process-step p {
  margin-bottom: 0;
  line-height: 1.75;
}

.cta-band {
  background: linear-gradient(135deg, var(--aydin-red) 0%, #8d242a 100%);
  color: #ffffff;
  border-radius: 30px;
  padding: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.cta-band h2,
.cta-band p {
  color: #ffffff;
  margin-bottom: 0;
}

.cta-band p {
  max-width: 760px;
  margin-top: 10px;
}

.cta-band a {
  flex: 0 0 auto;
  display: inline-block;
  border-radius: 28px;
  background: var(--aydin-orange);
  color: var(--aydin-text);
  font-weight: 900;
  padding: 14px 22px;
}

.area-list-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 26px;
}

.area-chip {
  display: block;
  background: #ffffff;
  color: var(--aydin-text);
  border: 1px solid #e4edf0;
  border-radius: 18px;
  padding: 14px 16px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(12,48,58,0.05);
}

.area-chip:hover {
  color: var(--aydin-red);
}

.faq-list .accordion {
  background: #ffffff;
}

.legal-layout article {
  background: #ffffff;
  border-radius: 28px;
  padding: 36px;
  box-shadow: 0 14px 34px rgba(12,48,58,0.07);
}

.legal-layout article h2 {
  font-size: 30px;
}

.legal-layout article h3 {
  margin-top: 28px;
}

.contact-mini-box {
  background: #ffffff;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 12px 30px rgba(12,48,58,0.07);
  height: 100%;
}

.contact-mini-box h3 {
  font-size: 22px;
}

.contact-mini-box a {
  font-weight: 900;
  color: var(--aydin-red);
}

@media (max-width: 1199px) {
  .photo-grid-4,
  .process-timeline,
  .area-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .inner-hero {
    padding-top: 158px;
  }
  .inner-hero h1 {
    font-size: 40px;
  }
  .content-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .side-panel {
    position: static;
    margin-top: 26px;
  }
  .cta-band {
    display: block;
  }
  .cta-band a {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .inner-hero {
    padding: 138px 0 64px;
  }
  .inner-hero h1 {
    font-size: 31px;
  }
  .inner-hero p {
    font-size: 15px;
  }
  .content-section {
    padding: 62px 0;
  }
  .content-section h2 {
    font-size: 27px;
  }
  .photo-grid-4,
  .content-card-grid,
  .process-timeline,
  .area-list-grid {
    grid-template-columns: 1fr;
  }
  .photo-card,
  .photo-card img {
    min-height: 230px;
  }
  .legal-layout article {
    padding: 26px 20px;
  }
  .cta-band {
    border-radius: 22px;
    padding: 28px 20px;
  }
}

