:root {
            --primary: #2563eb;
            --primary-dark: #172554;
            --blue-light: #eff6ff;
            --text: #1e293b;
            --muted: #64748b;
            --bg: #f8fafc;
            --white: #ffffff;
            --border: #e2e8f0;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family:
                Inter,
                Arial,
                Helvetica,
                sans-serif;

            color: var(--text);
            background: #ffffff;
            line-height: 1.7;
        }

        a {
            text-decoration: none;
        }

        img {
            max-width: 100%;
        }


        /* =====================================================
           HEADER
        ===================================================== */

        header:not(.site-header) {
            background: #ffffff;
            border-bottom: 1px solid #e5e7eb;

            position: sticky;
            top: 0;

            z-index: 9999;
        }

        .header-container {

            max-width: 1200px;

            min-height: 70px;

            margin: auto;

            padding: 8px 22px;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 20px;
        }


        /* LOGO */

        .logo-container {

            display: flex;

            align-items: center;

            flex-shrink: 0;
        }

        .logo-container img {

            height: 42px;

            width: auto;

            display: block;

            object-fit: contain;
        }


        /* NAVIGATION */

        .legacy-page-nav {

            display: flex;

            align-items: center;

            gap: 22px;

            margin-left: auto;
        }

        .legacy-page-nav > a,
        .dropdown > a {

            color: #1f2937;

            font-size: 14px;

            font-weight: 500;

            white-space: nowrap;

            transition: .25s ease;
        }

        .legacy-page-nav > a:hover,
        .dropdown > a:hover {

            color: var(--primary);
        }


        /* DROPDOWN */

        .dropdown {

            position: relative;
        }

        .dropdown > a {

            display: flex;

            align-items: center;

            gap: 5px;
        }

        .dropdown-content {

            position: absolute;

            top: calc(100% + 14px);

            left: 50%;

            transform:
                translateX(-50%)
                translateY(8px);

            width: 255px;

            background: white;

            border: 1px solid var(--border);

            border-radius: 9px;

            padding: 8px;

            box-shadow:
                0 18px 40px rgba(15,23,42,.12);

            opacity: 0;

            visibility: hidden;

            transition: .25s ease;

            z-index: 10000;
        }

        .dropdown:hover .dropdown-content {

            opacity: 1;

            visibility: visible;

            transform:
                translateX(-50%)
                translateY(0);
        }

        .dropdown-content a {

            display: block;

            padding: 10px 12px;

            border-radius: 6px;

            color: #334155;

            font-size: 13px;
        }

        .dropdown-content a:hover {

            background: var(--blue-light);

            color: var(--primary);
        }


        /* HEADER BUTTON */

        .header-btn {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            padding: 11px 17px;

            background: var(--primary);

            color: white;

            border-radius: 7px;

            font-size: 11px;

            font-weight: 800;

            white-space: nowrap;

            transition: .25s ease;
        }

        .header-btn:hover {

            background: #1d4ed8;

            transform: translateY(-1px);
        }


        /* =====================================================
           CONTAINER
        ===================================================== */

        .container {

            width: min(1180px, 92%);

            margin: auto;
        }


        /* =====================================================
           HERO
        ===================================================== */

        .services-hero {

            min-height: 580px;

            position: relative;

            display: flex;

            align-items: center;

            overflow: hidden;

            color: white;

            background:

                linear-gradient(
                    90deg,
                    rgba(8,24,62,.96),
                    rgba(8,24,62,.78),
                    rgba(8,24,62,.35)
                ),

                url("eurolux-hostel.jpg")
                center / cover no-repeat;
        }

        .services-hero-content {

            max-width: 720px;

            padding: 90px 0;
        }

        .hero-label {

            display: inline-block;

            color: #93c5fd;

            font-size: 12px;

            font-weight: 800;

            letter-spacing: 2px;

            margin-bottom: 16px;
        }

        .services-hero h1 {

            font-size: clamp(42px, 6vw, 70px);

            line-height: 1.06;

            margin-bottom: 22px;
        }

        .services-hero h1 span {

            color: #93c5fd;
        }

        .services-hero p {

            max-width: 680px;

            color: #e2e8f0;

            font-size: 18px;

            line-height: 1.8;

            margin-bottom: 30px;
        }

        .hero-buttons {

            display: flex;

            flex-wrap: wrap;

            gap: 12px;
        }

        .btn {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            padding: 13px 23px;

            border-radius: 8px;

            font-weight: 700;

            transition: .25s ease;
        }

        .btn-primary {

            background: var(--primary);

            color: white;
        }

        .btn-primary:hover {

            background: #1d4ed8;

            transform: translateY(-2px);
        }

        .btn-white {

            background: white;

            color: var(--primary-dark);
        }

        .btn-white:hover {

            transform: translateY(-2px);
        }


        /* =====================================================
           SECTION
        ===================================================== */

        .section {

            padding: 85px 0;
        }

        .section-light {

            background: var(--bg);
        }

        .section-blue {

            background: var(--blue-light);
        }

        .section-heading {

            margin: 0 auto 45px;

            text-align: center;
        }

        .section-label {

            display: inline-block;

            color: var(--primary);

            font-size: 14px;

            font-weight: 800;

            letter-spacing: 2px;

            margin-bottom: 10px;
        }

        .section-heading h2 {

            color: var(--primary-dark);

            font-size: clamp(32px, 4vw, 45px);

            line-height: 1.2;

            margin-bottom: 15px;
        }

        .section-heading h2 span {

            color: var(--primary);
        }

        .section-heading h3 span {

            color: var(--primary);
        }
        .section-heading p {
            font-size: 18px;
        }


        /* =====================================================
           INTRO
        ===================================================== */

        .intro {

            margin: auto;

            text-align: center;
        }

        .intro p {

            line-height: 1.7;

            margin-bottom: 18px;
        }


        /* =====================================================
           SERVICE CARDS
        ===================================================== */

        .service-grid {

            display: grid;

            grid-template-columns:
                repeat(3, 1fr);

            gap: 20px;
        }

        .service-card {

            background: white;

            border: 1px solid var(--border);

            border-radius: 15px;

            padding: 30px 26px;

            position: relative;

            overflow: hidden;

            transition: .3s ease;
        }

        .service-card::before {

            content: "";

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 3px;

            background: var(--primary);

            transform: scaleX(0);

            transform-origin: left;

            transition: .3s ease;
        }

        .service-card:hover {

            transform: translateY(-6px);

            box-shadow:
                0 18px 40px rgba(15,23,42,.09);
        }

        .service-card:hover::before {

            transform: scaleX(1);
        }

        .service-number {

            color: #bfdbfe;

            font-size: 13px;

            font-weight: 900;

            margin-bottom: 10px;
        }

        .service-icon {

            width: 55px;

            height: 55px;

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 12px;

            background: var(--blue-light);

            font-size: 25px;

            margin-bottom: 17px;
        }

        .service-card h3 {

            color: var(--primary-dark);
            margin-bottom: 9px;
        }

        .service-card h4 {
            margin-bottom: 12px;
        }

        .service-card p {

            line-height: 1.75;

            margin-bottom: 15px;
        }

        .service-card ul {

            list-style: none;
        }

        .service-card li {

            color: #475569;

            margin-bottom: 7px;

            padding-left: 19px;

            position: relative;
        }

        .service-card li::before {

            content: "✓";

            position: absolute;

            left: 0;

            color: var(--primary);

            font-weight: 800;
        }


        /* =====================================================
           HOME COUNSELLING
        ===================================================== */

        .counselling-section {

            background:

                linear-gradient(
                    135deg,
                    rgba(23,37,84,.98),
                    rgba(30,58,138,.94)
                );
        }

        .counselling-grid {

            display: grid;

            grid-template-columns:
                1.1fr .9fr;

            gap: 60px;

            align-items: center;
        }

        .counselling-content .section-label {

            color: #93c5fd;
        }

        .counselling-content h2 {

            color: white;

            font-size: 44px;

            line-height: 1.15;

            margin-bottom: 20px;
        }

        .counselling-content h2 span {

            color: #93c5fd;
        }

        .counselling-content p {

            color: #dbeafe;

            font-size: 16px;

            line-height: 1.85;

            margin-bottom: 18px;
        }

        .counselling-points {

            display: grid;

            grid-template-columns:
                1fr 1fr;

            gap: 12px;

            margin-top: 25px;
        }

        .counselling-point {

            padding: 15px;

            background: rgba(255,255,255,.08);

            border: 1px solid rgba(255,255,255,.12);

            border-radius: 9px;

            color: #e0f2fe;

            font-size: 18px;
        }

        .counselling-card {

            background: white;

            border-radius: 18px;

            padding: 35px;

            box-shadow:
                0 25px 60px rgba(0,0,0,.18);
        }

        .india-badge {

            display: inline-block;

            padding: 8px 13px;

            background: var(--blue-light);

            color: var(--primary);

            border-radius: 30px;

            font-size: 14px;

            font-weight: 800;

            margin-bottom: 18px;
        }

        .counselling-card h3 {

            color: var(--primary-dark);

            margin-bottom: 10px;
        }

        .counselling-card p {

        
            line-height: 1.75;

            margin-bottom: 20px;
        }


        /* =====================================================
           HOSTEL SECTION
        ===================================================== */

        .hostel-section {

            background: white;
        }

        .hostel-grid {

            display: grid;

            grid-template-columns:
                1fr 1fr;

            gap: 55px;

            align-items: center;
        }

        .hostel-images {

            display: grid;

            grid-template-columns:
                1fr 1fr;

            gap: 15px;
        }

        .hostel-main-image {

            grid-column: span 2;

            border-radius: 16px;

            overflow: hidden;

            box-shadow:
                0 20px 45px rgba(15,23,42,.12);
        }

        .hostel-small-image {

            height: 190px;

            border-radius: 14px;

            overflow: hidden;
        }

        .hostel-main-image img,
        .hostel-small-image img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

            transition: .5s ease;
        }

        .hostel-main-image:hover img,
        .hostel-small-image:hover img {

            transform: scale(1.05);
        }

        .hostel-content h2 {

            color: var(--primary-dark);

            font-size: 42px;

            line-height: 1.15;

            margin-bottom: 20px;
        }

        .hostel-content h2 span {

            color: var(--primary);
        }

        .hostel-content p {


            line-height: 1.85;

            margin-bottom: 17px;
               margin-top: 17px;
        }

        .hostel-features {

            display: grid;

            grid-template-columns:
                1fr 1fr;

            gap: 12px;

            margin-top: 25px;
        }

        .hostel-feature {

            padding: 15px;

            background: var(--blue-light);

            border-radius: 9px;

            color: #334155;

            font-size: 16px;

            font-weight: 600;
        }


        /* =====================================================
           ACCOMMODATION HIGHLIGHT
        ===================================================== */

        .accommodation-banner {

            margin-top: 25px;

            padding: 28px;

            border-radius: 15px;

            background: var(--blue-light);

            border-left: 4px solid var(--primary);
        }

        .accommodation-banner strong {

            display: block;

            color: var(--primary-dark);

            margin-bottom: 5px;
        }


        /* =====================================================
           CLINICAL EXPERIENCE
        ===================================================== */

        .clinical-section {

            background: var(--blue-light);
        }

        .clinical-grid {

            display: grid;

            grid-template-columns:
                1fr 1fr;

            gap: 55px;

            align-items: center;
        }

        .clinical-image {
            border-radius: 18px;

            overflow: hidden;

            box-shadow:
                0 20px 50px rgba(15,23,42,.12);
        }

        .clinical-image img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;
        }

        .clinical-content h2 {

            color: var(--primary-dark);

            font-size: 42px;

            line-height: 1.15;

            margin-bottom: 18px;
        }

        .clinical-content h2 span {

            color: var(--primary);
        }

        .clinical-content > p {

            line-height: 1.85;

            margin-bottom: 17px;
        }

        .clinical-list {

            margin-top: 25px;
        }

        .clinical-list-item {

            display: flex;

            gap: 14px;

            padding: 14px 0;

            border-bottom: 1px solid #dbeafe;
        }

        .clinical-list-icon {

            width: 35px;

            height: 35px;

            flex-shrink: 0;

            display: flex;

            align-items: center;

            justify-content: center;

            background: white;

            border-radius: 50%;

            color: var(--primary);

            font-weight: 800;
        }

        .clinical-list-item strong {

            display: block;

            color: var(--primary-dark);
        }


        /* =====================================================
           STUDENT JOURNEY
        ===================================================== */

        .journey {

            display: grid;

            grid-template-columns:
                repeat(5, 1fr);

            gap: 14px;
        }

        .journey-card {

            background: white;

            border: 1px solid var(--border);

            border-radius: 13px;

            padding: 24px 17px;

            text-align: center;
        }

        .journey-number {

            width: 38px;

            height: 38px;

            margin: 0 auto 13px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            background: var(--primary);

            color: white;

            font-size: 12px;

            font-weight: 800;
        }

        .journey-card h3 {

            color: var(--primary-dark);

            font-size: 16px;

            margin-bottom: 6px;
        }

        .journey-card p {

            line-height: 1.6;
        }


        /* =====================================================
           WHY FTO
        ===================================================== */

        .why-grid {

            display: grid;

            grid-template-columns:
                repeat(3, 1fr);

            gap: 20px;
        }

        .why-card {

            background: white;

            border: 1px solid var(--border);

            border-radius: 14px;

            padding: 28px;

            transition: .3s ease;
        }

        .why-card:hover {

            transform: translateY(-5px);

            box-shadow:
                0 15px 35px rgba(15,23,42,.08);
        }

        .why-icon {

            width: 52px;

            height: 52px;

            display: flex;

            align-items: center;

            justify-content: center;

            background: var(--blue-light);

            border-radius: 11px;

            font-size: 25px;

            margin-bottom: 15px;
        }

        .why-card h3 {

            color: var(--primary-dark);

            font-size: 18px;

            margin-bottom: 8px;
        }

        .why-card p {

        
            line-height: 1.7;
        }


        /* =====================================================
           FINAL CTA
        ===================================================== */

        .final-cta {

            padding: 90px 0;

            background:
                linear-gradient(
                    135deg,
                    #172554,
                    #2563eb
                );

            color: white;

            text-align: center;
        }

        .final-cta h2 {

            font-size: 43px;

            line-height: 1.2;

            margin-bottom: 15px;
        }

        .final-cta p {

            margin: 20px auto 28px;

            color: #dbeafe;

            font-size: 16px;
        }


        /* =====================================================
           FOOTER
        ===================================================== */

        footer:not(.site-footer) {

            background: #0f172a;

            color: #94a3b8;

            padding: 55px 0 20px;
        }

        .footer-grid {

            display: grid;

            grid-template-columns:
                2fr 1fr 1fr 1fr;

            gap: 35px;

            margin-bottom: 35px;
        }

        .footer-col h4 {

            color: white;

            font-size: 16px;

            margin-bottom: 14px;
        }

        .footer-col p {

            font-size: 13px;

            line-height: 1.8;
        }

        .footer-col ul {

            list-style: none;
        }

        .footer-col li {

            margin-bottom: 8px;
        }

        .footer-col a {

            color: #94a3b8;

            font-size: 13px;
        }

        .footer-col a:hover {

            color: white;
        }

        .footer-bottom {

            border-top: 1px solid rgba(255,255,255,.1);

            padding-top: 20px;

            text-align: center;

            font-size: 12px;
        }


        /* =====================================================
           RESPONSIVE
        ===================================================== */

        @media (max-width: 1050px) {

            .legacy-page-nav {

                gap: 10px;
            }

            .legacy-page-nav > a,
            .dropdown > a {

                font-size: 12px;
            }

            .header-btn {

                font-size: 9px;

                padding: 10px 12px;
            }

            .service-grid {

                grid-template-columns:
                    repeat(2, 1fr);
            }

            .journey {

                grid-template-columns:
                    repeat(3, 1fr);
            }

            .why-grid {

                grid-template-columns:
                    repeat(2, 1fr);
            }

            .footer-grid {

                grid-template-columns:
                    1fr 1fr;
            }
        }


        @media (max-width: 800px) {

            .header-container {

                justify-content: center;
            }

            .legacy-page-nav,
            .header-btn {

                display: none;
            }

            .services-hero {

                min-height: 550px;
            }

            .counselling-grid,
            .hostel-grid,
            .clinical-grid {

                grid-template-columns: 1fr;
            }

            .hostel-images {

                order: 1;
            }

            .hostel-content {

                order: 2;
            }

            .clinical-image {

                height: 380px;
            }

            .counselling-points {

                grid-template-columns:
                    1fr;
            }
        }


        @media (max-width: 600px) {

            .section {

                padding: 65px 0;
            }

            .service-grid,
            .why-grid {

                grid-template-columns: 1fr;
            }

            .journey {

                grid-template-columns: 1fr;
            }

            .services-hero h1 {

                font-size: 40px;
            }

            .services-hero p {

                font-size: 15px;
            }

            .hostel-images {

                grid-template-columns: 1fr;
            }

            .hostel-main-image {

                grid-column: auto;

                height: 280px;
            }

            .hostel-small-image {

                height: 230px;
            }

            .hostel-features {

                grid-template-columns: 1fr;
            }

            .clinical-image {

                height: 300px;
            }

            .counselling-content h2,
            .hostel-content h2,
            .clinical-content h2 {

                font-size: 32px;
            }

            .final-cta h2 {

                font-size: 32px;
            }

            .footer-grid {

                grid-template-columns: 1fr;
            }
        }

/* CSP-safe: converted inline style attributes */
.csp-ser-1{color:#172554;
                font-size:42px;
                line-height:1.2;
                margin-bottom:20px}
.csp-ser-2{color:#2563eb}
.csp-ser-3{display:block;
                margin-top:25px;
                color:#172554;
                font-size:20px}
.csp-ser-4{color:#93c5fd}
.csp-ser-5{justify-content:center}
.csp-ser-6{margin-top:10px}




/* Base Paragraph / Body Text */
p {
  font-size: 1.125rem !important; /* 18px */
  line-height: 1.6;
}

/* h1 - Main Page Title */
h1 {
  font-size: clamp(2.5rem, 2rem + 2vw, 3.5rem) !important; /* ~40px to 56px */
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.01em;
}

/* h2 - Section Headings */
h2 {
  font-size: clamp(2rem, 1.6rem + 1.5vw, 2.75rem) !important; /* ~32px to 44px */
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.01em;
}

/* h3 - Sub-sections */
h3 {
  font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem) !important; /* ~24px to 32px */
  font-weight: 600;
  line-height: 1.3;
}

/* Base Paragraph Text (18px) */
p {
  font-size: 1.125rem !important; /* 18px */
  line-height: 1.6;
}

/* h6 - Paragraph-a vida konjam perusu (20px) */
h6 {
  font-size: 1.25rem !important; /* 20px */
  font-weight: 700;
  line-height: 1.4;
  font-family: var(--font-family);
  color: var(--primary-color);
  margin: 0 0 12px;
}

/* h5 - (22px) */
h5 {
  font-size: 1.375rem !important; /* 22px */
  font-weight: 600;
  line-height: 1.4;
  font-family: var(--font-family);
  color: var(--primary-color);
  margin: 0 0 14px;
  text-wrap: balance;
}

/* h4 - (24px) */
h4 {
  font-size: 1.5rem !important; /* 24px */
  font-weight: 600;
  line-height: 1.4;
  font-family: var(--font-family);
  color: var(--primary-color);
  margin: 0 0 16px;
  text-wrap: balance;
}


  .journey-card h6 {
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-bottom: 8px !important;
  }