.top-bar-area .logo a::after{
    background:transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.top-bar-area .logo img{
    height: 100px;
    width: auto;
    border-radius: 8px;
}
.top-bar-area {
    padding: 5px 0;
    overflow: hidden;
}
.attr-nav.inc-btn > ul > li:last-child > a {
    color: black;
}
.attr-nav.inc-btn > ul > li > a {
    font-size: 12px;
    border: 1px solid #e7e7e7;
    padding: 7px 25px !important;
    text-transform: uppercase;
    color: #232323;
    font-weight: 600;
}
@media (max-width: 1023px) {
    .navbar-brand > img {
        height: 60px !important;
    }
}
.navbar-toggle {
    background-color: transparent !important;
    border: none !important;
    padding: 10px !important;
}

.navbar-toggle i,
.navbar-toggle .fa,
.navbar-toggle .fa-bars {
    font-size: 25px !important;
    line-height: 40px !important;
}

/* =========================
   Slider Fix
========================= */

#schoolSlider {
    position: relative;
}

#schoolSlider .carousel-indicators {
    bottom: 20px !important;
    z-index: 9999 !important;
}

#schoolSlider .carousel-indicators li {
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.5) !important;
    border: 2px solid #fff !important;
    margin: 0 5px !important;
}

#schoolSlider .carousel-indicators .active {
    background: #fff !important;
}

/* Controls */
#schoolSlider .carousel-control {
    background: none !important;
    opacity: 1 !important;
    width: 60px !important;
    z-index: 9999 !important;
}

#schoolSlider .carousel-control:hover {
    background: none !important;
}

#schoolSlider .carousel-control i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px !important;
    color: #fff !important;
    text-shadow: 0 0 10px rgba(0,0,0,0.8);
}

#schoolSlider .left.carousel-control i {
    left: 15px;
}

#schoolSlider .right.carousel-control i {
    right: 15px;
}

/* Image */
#schoolSlider .item img {
    width: 100%;
    height: 600px;
    /*object-fit: cover;*/
}

@media(max-width:768px){

    #schoolSlider .item img{
        height:250px;
    }

    #schoolSlider .carousel-control i{
        font-size:40px !important;
    }
}
/* About Section */
.about-section{
    padding:60px 0;
}

.about-section h2{
    text-align:center;
    font-size:38px;
    font-weight:700;
    margin-bottom:40px;
    color:#002147;
}

.about_image{
    width:100%;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.about_desc{
    font-size:16px;
    line-height:30px;
    color:#555;
    text-align:justify;
}

.about-btn{
    display:inline-block;
    margin-top:20px;
    background:#e63946;
    color:#fff !important;
    padding:12px 30px;
    border-radius:5px;
    text-decoration:none;
    font-weight:600;
}

.about-btn:hover{
    background:#002147;
    color:#fff !important;
}

@media(max-width:768px){

    .about-section{
        padding:40px 0;
    }

    .about-section h2{
        font-size:28px;
    }

    .about_image{
        margin-bottom:25px;
    }
}
.portfolio-items .item-effect img{
    width:100%;
    height:280px;
    /*object-fit:cover;*/
}

.overlay h4{
    color:#fff;
}
/* Equal height testimonial cards */
.testimonial-carousel .owl-stage{
    display: flex;
}

.testimonial-carousel .owl-item{
    display: flex;
}

.testimonial-carousel .item{
    display: flex;
    width: 100%;
}

.testimonial-carousel .content{
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* ===========================
   Campus Life Section
=========================== */

.blog-items .single-item{
    margin-bottom:30px;
}

.blog-items .single-item .item{
    position:relative;
    overflow:hidden;
    border-radius:12px;
    background:#fff;
    transition:all .45s ease;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.blog-items .single-item .item:hover{
    transform:translateY(-12px) scale(1.02);
    box-shadow:0 20px 45px rgba(0,0,0,.18);
}

/* Image */

.blog-items .single-item .thumb{
    overflow:hidden;
    position:relative;
}

.blog-items .single-item .thumb img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:all .7s ease;
}

/* Dark overlay */

.blog-items .single-item .thumb:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,33,71,.15);
    opacity:0;
    transition:.5s;
}

.blog-items .single-item:hover .thumb:after{
    opacity:1;
}

/* Image zoom */

.blog-items .single-item:hover .thumb img{
    transform:scale(1.12) rotate(1deg);
}

/* Content */

.blog-items .single-item .info{
    transition:.4s;
}

.blog-items .single-item:hover .info{
    background:#fff;
}

/* Heading */

.blog-items .single-item .content h4{
    transition:.35s;
    font-weight:700;
}

.blog-items .single-item:hover h4{
    color:#ffb606;
    transform:translateX(8px);
}

/* Description */

.blog-items .single-item .content p{
    transition:.35s;
}

.blog-items .single-item:hover p{
    color:#333;
}

/* Icon */

.blog-items .single-item .meta i{
    transition:.6s;
    color:#002147;
}

.blog-items .single-item:hover .meta i{
    color:#ffb606;
    transform:rotate(360deg) scale(1.3);
}

/* Meta text */

.blog-items .single-item .meta{
    transition:.35s;
}

.blog-items .single-item:hover .meta{
    letter-spacing:.5px;
}

/* Animated line */

.blog-items .single-item .content h4:after{
    content:"";
    display:block;
    width:0;
    height:3px;
    background:#ffb606;
    margin-top:8px;
    transition:.4s;
}

.blog-items .single-item:hover h4:after{
    width:70px;
}

/* Shine Effect */

.blog-items .single-item .thumb:before{
    content:'';
    position:absolute;
    top:0;
    left:-75%;
    width:50%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.5),
        transparent
    );
    transform:skewX(-25deg);
    z-index:2;
}

.blog-items .single-item:hover .thumb:before{
    animation:shine .9s;
}

@keyframes shine{
    100%{
        left:125%;
    }
}
.testimonial-profile img{
    width:90px;
    height:90px;
    border-radius:50%;
    object-fit:cover;
    margin:20px auto;
}

/* Vision & Mission */

.vision-row{
    display:flex;
    flex-wrap:wrap;
}

.vision-row > div{
    display:flex;
    margin-bottom:30px;
}

.vision-card{
    width:100%;
    min-height:340px;
    padding:40px;
    background:rgba(255,255,255,.08);
    border-radius:10px;
    text-align:center;

    display:flex;
    flex-direction:column;
    justify-content:center;

    transition:.4s;
}

.vision-card:hover{
    transform:translateY(-10px);
    background:rgba(255,255,255,.15);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

.vision-card i{
    font-size:55px;
    color:#ffb606;
    margin-bottom:20px;
    transition:.4s;
}

.vision-card:hover i{
    transform:scale(1.2) rotate(10deg);
}

.vision-card h3{
    color:#fff;
    margin-bottom:20px;
    font-weight:700;
}

.vision-card p{
    color:#f5f5f5;
    line-height:30px;
    margin:0;
}

/* Mobile */

@media(max-width:767px){

    .vision-row{
        display:block;
    }

    .vision-row > div{
        display:block;
    }

    .vision-card{
        min-height:auto;
        margin-bottom:25px;
    }

}
/* ==========================
   Why Choose Us Features
========================== */

.features .item{
    position:relative;
    overflow:hidden;
    transition:all .45s ease;
    border-radius:10px;
}

.features .item:before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.25),
        transparent
    );
    transition:.8s;
}

.features .item:hover:before{
    left:120%;
}

.features .item:hover{
    transform:translateY(-12px) scale(1.04);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

/* Icon */

.features .icon{
    transition:.45s;
}

.features .item:hover .icon{
    transform:scale(1.25) rotate(12deg);
}

.features .icon i{
    transition:.45s;
}

.features .item:hover .icon i{
    color:#fff;
}

/* Number */

.features .info h2{
    transition:.35s;
}

.features .item:hover .info h2{
    transform:scale(1.12);
    letter-spacing:2px;
}

/* Heading */

.features .info h4{
    transition:.35s;
}

.features .item:hover .info h4{
    color:#fff;
}

/* Entire card */

.features .item a{
    display:block;
    transition:.35s;
}

/* Floating animation */

.features .item:hover{
    animation:featureFloat .8s ease;
}

@keyframes featureFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-16px);
    }

    100%{
        transform:translateY(-12px);
    }

}

/* Pulse Icon */

.features .item:hover .icon{
    animation:pulseIcon 1s infinite alternate;
}

@keyframes pulseIcon{

    from{
        transform:scale(1.15);
    }

    to{
        transform:scale(1.28);
    }

}

/* Soft glow */

.features .item:hover{
    filter:brightness(1.05);
}

/* Cursor */

.features .item{
    cursor:pointer;
}

/* Top Bar */
.top-bar{
    background:#0d1b2a;
    font-size:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.top-bar i{
    color:#28a745;
}

.top-bar .social-icon{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    margin-left:8px;
    transition:.3s;
    text-decoration:none;
}

.top-bar .social-icon:hover{
    background:#28a745;
    border-color:#28a745;
    color:#fff;
    transform:translateY(-2px);
}

.top-bar .me-4,
.top-bar div{
    line-height:34px;
}

@media (max-width:991px){
    .top-bar{
        display:none;
    }
}
/* Navbar */
nav.navbar.bootsnav{
    background:#fff;
    border:none;
}

/* Logo */
nav.navbar.bootsnav .navbar-brand{
    padding:5px 15px;
    height:auto;
    display:block !important;
}

nav.navbar.bootsnav .navbar-brand img{
    height:70px;
    width:auto;
}

/* Header width */
@media(min-width:992px){

    nav.navbar.bootsnav .navbar-header{
        width:180px;
    }

    nav.navbar.bootsnav .navbar-collapse{
        margin-left:180px;
    }

    /* Remove extra spacing */
    nav.navbar.bootsnav ul.nav{
        margin-top:0;
    }

    nav.navbar.bootsnav ul.nav > li > a{
        padding:35px 16px;
        line-height:20px;
    }

    /* Keep original login button */
    nav.navbar.bootsnav .attr-nav{
        margin-top:0;
    }

    nav.navbar.bootsnav .attr-nav > ul > li > a{
        padding:4px 7px !important;
        margin-left:3px;
        
    }
}



/* Mobile */

/* ==========================
   Mobile Navbar Fix
========================== */

@media (max-width:991px){

    nav.navbar.bootsnav{
        min-height:65px;
        background:#fff;
    }

    .navbar-header{
        height:65px;
    }

    .navbar-brand{
        padding:8px 0;
        margin-left:55px;
    }

    .navbar-brand img{
        width:120px;
        height:auto;
    }

    .navbar-toggle{
        margin:15px 0 0 15px;
        padding:0;
    }

    .navbar-toggle i{
        font-size:24px !important;
    }

    .attr-nav{
        position:absolute;
        /*right:10px;*/
        top:4px;
        margin:0;
    }

    .attr-nav > ul > li > a{
        padding:5px 12px !important;
        font-size:12px;
        border-radius:5px;
    }

    nav.navbar.bootsnav .navbar-collapse{
        background:#fff;
        margin-top:5px;
    }

    nav.navbar.bootsnav ul.nav>li>a{
        padding:14px 20px;
    }

}

/* Login Button */
.attr-nav > ul > li > a{
    border: 2px solid #0d6efd;
    border-radius: 5px;
    padding: 8px 20px !important;
    color: #0d6efd !important;
    background: transparent;
    font-weight: 600;
    transition: all .3s ease;
}

.attr-nav > ul > li > a:hover{
    background: #0d6efd;
    color: #fff !important;
    border-color: #0d6efd;
}
.default-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}
.reg-form form {
    padding: 50px 30px;
    background: #ffffff;
    border-radius: 10px;
    position: relative;
    box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
/* ==========================
   Equal Height Campus Cards
========================== */

.blog-items{
    display:flex;
    flex-wrap:wrap;
}

.blog-items .single-item{
    display:flex;
    margin-bottom:30px;
}

.blog-items .single-item .item{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.blog-items .single-item .thumb img{
    width:100%;
    height:250px;
    object-fit:cover;
}

.blog-items .single-item .info{
    display:flex;
    flex:1;
}

.blog-items .single-item .content{
    display:flex;
    flex-direction:column;
    width:100%;
    padding:25px;
}

.blog-items .single-item .content h4{
    min-height:60px;
    margin-bottom:15px;
}

.blog-items .single-item .content div{
    flex:1;
    line-height:26px;
}

.blog-items .single-item .content .btn{
    margin-top:20px;
    align-self:flex-start;
}
/* ===========================
   Latest Updates Bar
=========================== */

.notice-bar{
    background:linear-gradient(90deg,#002147,#004080);
    color:#fff;
    box-shadow:0 3px 10px rgba(0,0,0,.15);
    position:relative;
    z-index:99;
}

.notice-bar .container{
    display:flex;
    align-items:center;
    padding:0;
}

.notice-label{
    background:#ffb606;
    color:#002147;
    font-weight:700;
    font-size:16px;
    padding:12px 22px;
    white-space:nowrap;
    text-transform:uppercase;
    letter-spacing:1px;
}

.notice-label i{
    margin-right:8px;
    animation:pulseBell 1.2s infinite;
}

.notice-marquee{
    flex:1;
    padding:10px 15px;
    font-size:15px;
    font-weight:500;
}

.notice-item{
    margin-right:60px;
    color:#fff;
}

.notice-item i{
    color:#ffb606;
    margin-right:8px;
}

@keyframes pulseBell{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.2);
    }

    100%{
        transform:scale(1);
    }

}

@media(max-width:768px){

    .notice-label{
        font-size:13px;
        padding:10px 15px;
    }

    .notice-marquee{
        font-size:13px;
    }

}
a, a:active, a:focus, a:hover {
    outline: none;
    text-decoration: none;
    color: #ffb606;
}