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

body{
    font-family:'Poppins',sans-serif;
    background:#fff;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

img{
    max-width:100%;
}

.container{
    max-width:1320px;
}

.top-bar{

background:#00569d;

padding:10px 0;

}

.india{

display:flex;

align-items:center;

gap:10px;

}

.india img{

width:35px;

}

.india span{

color:#fff;

font-size:20px;

font-weight:500;

}

.top-bar a{

width:38px;

height:38px;

display:inline-flex;

align-items:center;

justify-content:center;

border:1px solid #fff;

border-radius:50%;

color:#fff;

margin-left:10px;

transition:.3s;

}

.top-bar a:hover{

background:#fff;

color:#00569d;

}


/*=========================
 Main Header
=========================*/

.main-header{

    background:#ffffff;

    padding:18px 0;

    border-bottom:1px solid #e8e8e8;

}

.logo-area{

    display:flex;

    align-items:center;

    gap:20px;

}

.ministry-logo{

    width:150px;

}

.main-logo{

    width:280px;

}

.header-buttons{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

}

.btn-white{

    border:2px solid #0b5ca9;

    padding:12px 24px;

    border-radius:12px;

    color:#0b5ca9;

    font-weight:500;

    transition:.3s;

}

.btn-white:hover{

    background:#0b5ca9;

    color:#fff;

}

.btn-login{

    background:#0b5ca9;

    color:#fff;

    border:none;

    padding:12px 28px;

    border-radius:12px;

    font-weight:600;

}

.btn-login:hover{

    background:#084d8f;

}

.dropdown-menu{

    border-radius:10px;

    border:none;

    box-shadow:0 8px 25px rgba(0,0,0,.15);

}

.dropdown-item{

    padding:10px 20px;

}
/*=========================
        Navigation
=========================*/

.custom-navbar{

    background:#ffffff;

    box-shadow:0 3px 15px rgba(0,0,0,.08);

    z-index:999;

}

.custom-navbar .navbar-nav{

    gap:12px;

}

.custom-navbar .nav-link{

    color:#222;

    font-size:16px;

    font-weight:500;

    padding:18px 10px;

    transition:.3s;

}

.custom-navbar .nav-link:hover{

    color:#0b5ca9;

}

.custom-navbar .nav-link.active{

    color:#0b5ca9;

    font-weight:600;

}

.custom-navbar .dropdown-menu{

    border:none;

    border-radius:12px;

    box-shadow:0 10px 25px rgba(0,0,0,.12);

    padding:10px 0;

}

.custom-navbar .dropdown-item{

    padding:10px 20px;

    transition:.3s;

}

.custom-navbar .dropdown-item:hover{

    background:#0b5ca9;

    color:#fff;

}

.navbar-toggler{

    border:none;

}

.navbar-toggler:focus{

    box-shadow:none;

}

.navbar-toggler-icon{

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300569d' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,86,157,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

}

/*=========================
        Hero Section
=========================*/

.hero-section{

    position:relative;

    padding:10px 0 120px;

    background:linear-gradient(135deg, #ffffff, #ffffff);

    overflow:hidden;

}

/* Dot Pattern */

.hero-pattern{

    position:absolute;

    top:60px;

    left:60px;

    width:220px;

    height:220px;

    background-image:radial-gradient(#9bc6f0 2px, transparent 2px);

    background-size:18px 18px;

    opacity:.5;

}

/* Orange Circle */

.hero-circle{

    position:absolute;

    right:-120px;

    top:-60px;

    width:360px;

    height:360px;

    background:#f9b233;

    border-radius:50%;

    opacity:.18;

}

/* Wave Bottom */

.hero-wave{

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:90px;

    background:#ffffff;

    border-top-left-radius:100% 80px;

    border-top-right-radius:100% 80px;

}

.hero-content{

    position:relative;

    z-index:2;

    padding-right:30px;

}

.hero-tag{

    display:inline-block;

    background:#0b5ca9;

    color:#fff;

    padding:10px 22px;

    border-radius:50px;

    font-size:15px;

    font-weight:600;

    margin-bottom:22px;

}

.hero-content h1{

    font-size:34px;

    font-weight:700;

    color:#0b5ca9;

    line-height:1.15;

    margin-bottom:20px;

}

.hero-content p{

  font-size: 14px !important;
    color: #000;
    line-height: 24px;
    margin-bottom: 0px;

}

.hero-btn{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.apply-btn{

    background:#0b5ca9;

    color:#fff;

    padding:15px 34px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.apply-btn:hover{

    background:#084c8b;

    color:#fff;

}

.video-btn{

    border:2px solid #0b5ca9;

    color:#0b5ca9;

    padding:15px 30px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.video-btn:hover{

    background:#0b5ca9;

    color:#fff;

}

.hero-image{

    position:relative;

    text-align:center;

    z-index:2;

}

.image-bg{

    position:absolute;

    right:20px;

    top:20px;

    width:420px;

    height:420px;

    background:#0b5ca9;

    border-radius:50%;

    opacity:.08;

}

.hero-image img{

    position:relative;

    width:520px;

    max-width:100%;

    filter:drop-shadow(0 20px 35px rgba(0,0,0,.18));

}
.navbar-brand{
display: none;
}

@media only screen and (max-width: 767px) {
.navbar-brand{
    display: block !important;
}
.main-header{
display: none;


}
.social-media
{
display:none;
}
.hero-content
{
padding-right:0;
text-align:center;
}
.mobile-vvvvvvv{
display: none;
}
.hero-content p
{
text-align:left;
}
}
.registration-section{
    background:#f4f7fb;
}

.registration-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.form-header{
    background:linear-gradient(135deg,#0056a6,#0a76d5);
    color:#fff;
    text-align:center;
    padding:28px 20px;
}

.form-header h2{
    margin:0;
    font-weight:700;
    font-size:30px;
}

.form-header p{
    margin:8px 0 0;
    opacity:.9;
}

.registration-card form{
    padding:30px;
}

.form-label{
    font-weight:600;
    color:#1f2d3d;
    margin-bottom:8px;
}

.form-label span{
    color:#dc3545;
}

.input-group-text{
    background:#eef4fb;
    border:1px solid #d7e3f3;
    color:#0056a6;
}

.form-control,
.form-select{
    border:1px solid #d7e3f3;
    padding:12px 14px;
    font-size:15px;
}

.form-control:focus,
.form-select:focus{
    border-color:#0a76d5;
    box-shadow:0 0 0 .2rem rgba(10,118,213,.15);
}

.btn-register{
    background:linear-gradient(135deg,#0056a6,#0a76d5);
    color:#fff;
    border:none;
    padding:14px 34px;
    border-radius:50px;
    font-size:17px;
    font-weight:600;
    transition:.3s;
}

.btn-register:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(10,118,213,.25);
}

@media (max-width:768px){
    .registration-card form{
        padding:22px;
    }

    .form-header h2{
        font-size:24px;
    }

    .btn-register{
        width:100%;
    }
}