*{
            font-family: 'Poppins', sans-serif;
        }

        body {
			background: #f4f7fb;
			color: #333;
			
		}

        .navbar {
            background: #0b2e59;
        }

        .navbar-brand img {
            height: 60px;
        }

        .hero-section {
            background: linear-gradient(rgba(8, 29, 59, 0.85), rgba(8, 29, 59, 0.85)), url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?q=80&w=1400&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
            min-height: 100vh;
            display: flex;
            align-items: center;
            color: #fff;
            padding: 80px 0;
        }

        .hero-title {
            font-size: 3.2rem;
            font-weight: 700;
            line-height: 1.3;
        }

        .hero-subtitle {
            font-size: 1.1rem;
            margin-top: 20px;
            line-height: 1.8;
        }

        .admission-badge {
            background: #ffc107;
            color: #000;
            display: inline-block;
            padding: 10px 18px;
            border-radius: 50px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .form-box {
            background: #fff;
            padding: 35px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            color: #333;
        }

        .form-box h3 {
            font-weight: 700;
            margin-bottom: 25px;
            color: #0b2e59;
			text-align: center;
        }

        .btn-custom {
            background: #0b2e59;
            color: #fff;
            padding: 12px;
            font-weight: 600;
            border-radius: 10px;
        }

        .btn-custom:hover {
            background: #061d3b;
            color: #fff;
        }

        .section-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .section-title h2 {
            font-weight: 700;
            color: #0b2e59;
        }

        .course-card {
            background: #fff;
            border-radius: 18px;
            padding: 30px;
            box-shadow: 0 6px 20px rgba(0,0,0,0.08);
            transition: 0.3s;
            height: 100%;
        }

        .course-card:hover {
            transform: translateY(-8px);
        }

        .course-card i {
            font-size: 40px;
            color: #0b2e59;
            margin-bottom: 15px;
        }

        .course-card h5 {
            font-weight: 700;
            margin-bottom: 15px;
        }

        .about-section {
            background: #fff;
            padding: 80px 0;
        }

        .feature-box {
            background: #f8f9fa;
            padding: 25px;
            border-radius: 15px;
            text-align: center;
            height: 100%;
        }

        .feature-box i {
            font-size: 40px;
            color: #0b2e59;
            margin-bottom: 15px;
        }

        .cta-section {
            background: linear-gradient(135deg, #0b2e59, #164d8d);
            color: #fff;
            padding: 70px 0;
            text-align: center;
        }

        footer {
            background: #061d3b;
            color: #fff;
            padding: 25px 0;
            text-align: center;
        }

        @media(max-width: 768px) {
            .hero-title {
                font-size: 2.2rem;
            }

            .hero-section {
                text-align: center;
            }

            .form-box {
                margin-top: 40px;
            }
        }
		/*Floating button*/
		
		.floating-buttons{
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			z-index: 9999;
			display: flex;
		}

		.float-btn{
			width: 50%;
			text-align: center;
			padding: 14px 10px;
			color: #fff;
			font-weight: 600;
			text-decoration: none;
			font-size: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			border-radius: 3px;
		}

		.call-btn{
			background: #006EA1;
		}

		.whatsapp-btn{
			background: #25D366;
		}

		.float-btn:hover{
			color: #fff;
		}

		/* Desktop Width */
		@media(min-width:768px){
			.floating-buttons{
				width: 420px;
			}
		}
		
		
		/*--------Programs Offered--------------*/
		.program-box{
			background: linear-gradient(135deg, #0b2e59, #164d8d);
			border-radius: 18px;
			padding: 30px;
			height: 100%;
			box-shadow: 0 6px 20px rgba(0,0,0,0.15);
			transition: 0.3s ease;
			color: #fff;
		}

		.program-box:hover{
			transform: translateY(-6px);
		}

		.program-box h4{
			color: #ffc107;
			font-weight: 700;
			margin-bottom: 20px;
			font-size: 22px;
		}

		.program-box h4 i{
			margin-right: 10px;
		}

		.program-list{
			list-style: none;
			padding-left: 0;
			margin: 0;
		}

		.program-list li{
			padding: 12px 0;
			border-bottom: 1px solid rgba(255,255,255,0.15);
			font-size: 15px;
			position: relative;
			padding-left: 22px;
			color: #fff;
		}

		.program-list li:last-child{
			border-bottom: none;
		}

		.program-list li::before{
			content: "•";
			position: absolute;
			left: 0;
			color: #ffc107;
			font-size: 22px;
			line-height: 18px;
		}
		
		.program-list li a{
			color: #fff;
			text-decoration: none;
			display: block;
			transition: 0.3s ease;
		}

		.program-list li a:hover{
			color: #ffc107;
			padding-left: 5px;
		}

		@media(max-width:768px){
			.program-box{
				margin-bottom: 20px;
			}
		}
		
		/*-----------Address Section------------*/
		.contact-box{
			background: rgba(255,255,255,0.08);
			padding: 35px 25px;
			border-radius: 18px;
			height: 100%;
			transition: 0.3s ease;
			color: #fff;
			backdrop-filter: blur(4px);
		}

		.contact-box:hover{
			transform: translateY(-5px);
			background: rgba(255,255,255,0.12);
		}

		.contact-box i{
			font-size: 42px;
			color: #ffc107;
			margin-bottom: 18px;
		}

		.contact-box h4{
			font-weight: 700;
			margin-bottom: 15px;
		}

		.contact-box p{
			margin: 0;
			line-height: 1.8;
			color: #f1f1f1;
			font-size: 16px;
		}
		
		
/*----------index page------------*/
		.campus-card{
    background:#fff;
    padding:30px 20px;
    border-radius:20px;
    height:100%;
    transition:all .4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    }

    .campus-card:hover{
        transform:translateY(-10px);
        box-shadow:0 20px 40px rgba(0,0,0,.15);
    }
    
    .campus-icon{
        width:80px;
        height:80px;
        margin:auto;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-bottom:20px;
    }
    
    .campus-icon i{
        color:#fff;
        font-size:35px;
    }
    
    .campus-card h5{
        font-weight:700;
        margin-bottom:15px;
        color:#0b2e59;
    }
    
    .campus-card p{
        color:#666;
        line-height:1.7;
        margin-bottom:0;
    }