/* Hero Section */
        .hero {
            background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url("https://via.placeholder.com/1600x650") center/cover no-repeat;
            color: white;
            padding: 110px 0;
            text-align: center;
                position: relative;
        }
        .hero img{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
        .hero:after{
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.25);
            z-index: 1;
            }

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

        .hero h1 {
            font-size: 38px;
            margin-bottom: 16px;
            color: #fff;
        }
        .hero p {
            font-size: 18px;
            max-width: 750px;
            margin: 0 auto 32px;
        }
        .hero .btn {
            display: inline-block;
            background: #235789;
            color: #fff;
            padding: 14px 32px;
            border-radius: 4px;
            text-decoration: none;
            font-weight: 600;
            transition: background 0.3s ease;
        }
        .hero .btn:hover {
            background: #194269;
        }
        .hero .btn-outline {
            background: transparent;
            border: 2px solid #235789;
            color: #235789;
            margin-left:14px;
        }
        .hero .btn-outline:hover {
            background: #235789;
            color:#fff;
        }

        /* Common Section Style */
        .section {
            padding:70px 0;
        }
        .section-gray {
            background-color: #f7f9fa;
        }
        .section-title {
            font-size:28px;
            margin-bottom:24px;
            color:#222;
        }
        .section p {
            font-size:17px;
            margin-bottom:16px;
        }
        .section  ul {
            padding-left:22px;
            font-size:17px;
        }
        .section ul li {
            margin-bottom:12px;
        }

        /* Milestone timeline */
        .milestone-wrap {
            margin-top:30px;
        }
        .milestone-block {
            background:#fff;
            padding:26px;
            border-left:4px solid var(--color-primary);
            margin-bottom:22px;
            box-shadow: 0 2px 12px #0000000c;
        }
        .milestone-block h4 {
            font-size:20px;
            margin-bottom:12px;
            color:var(--color-primary);
        }

        /* Bottom CTA Banner */
        .cta-banner {
            background:#1f2d3d;
            color:white;
            text-align:center;
            padding:75px 20px;
        }
        .cta-banner h2 {
            font-size:30px;
            margin-bottom:16px;
            color: #fff;
        }
        .cta-banner p {
            max-width:850px;
            margin:0 auto 36px;
            font-size:17px;
            opacity:0.92;
        }

        @media(max-width:768px){
            .hero h1 {
                font-size:28px;
            }
            .section-title {
                font-size:24px;
            }
            .btn-outline {
                margin:16px 0 0 0;
                display:block;
            }
        }