*{

margin:0;

padding:0;

box-sizing:border-box;

}



body{

font-family:'Poppins',sans-serif;



}
/* ===========================
   ABOUT SECTION
=========================== */

.about-section{
    padding:90px 0;
    background:#f8fafc;
}


.about-container{

    width:92%;
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns: 45% 55%;
    align-items:center;
    gap:60px;

}


/* ===========================
   IMAGE
=========================== */


.about-image{

    position:relative;

}


.about-image img{

    width:100%;
    height:520px;
    object-fit:cover;

    border-radius:20px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.15);

}


/* Image decoration */

.about-image::before{

    content:"";

    position:absolute;

    width:120px;
    height:120px;

    background:#f4b400;

    top:-25px;
    left:-25px;

    border-radius:20px;

    z-index:-1;

}


.about-image::after{

    content:"";

    position:absolute;

    width:120px;
    height:120px;

    background:#003f88;

    bottom:-25px;
    right:-25px;

    border-radius:20px;

    z-index:-1;

}



/* ===========================
   CONTENT
=========================== */


.about-content{

    background:#fff;

    padding:45px;

    border-radius:20px;

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

}


.about-content h1{

    font-size:42px;

    color:#003f88;

    font-weight:700;

    margin-bottom:25px;

    position:relative;

}


.about-content h1::after{

    content:"";

    width:70px;

    height:4px;

    background:#f4b400;

    position:absolute;

    left:0;

    bottom:-12px;

    border-radius:10px;

}



.about-content p{

    font-size:16px;

    line-height:1.9;

    color:#555;

    margin-bottom:18px;

    text-align:justify;

}



/* ===========================
BUTTON
=========================== */


.read-btn{

    display:inline-block;

    margin-top:15px;

    padding:14px 35px;

    background:#003f88;

    color:#fff!important;

    border-radius:30px;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

    transition:.35s;

}


.read-btn:hover{

    background:#f4b400;

    color:#000!important;

    transform:translateY(-5px);

}



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


@media(max-width:1100px){


.about-container{

    grid-template-columns:1fr;

    gap:40px;

}


.about-image img{

    height:450px;

}


.about-content{

    padding:35px;

}


}



@media(max-width:600px){


.about-section{

    padding:50px 0;

}



.about-container{

    width:90%;

}



.about-image img{

    height:300px;

}



.about-image::before,
.about-image::after{

    width:70px;
    height:70px;

}



.about-content{

    padding:25px;

}



.about-content h1{

    font-size:30px;

}



.about-content p{

    font-size:15px;

    line-height:1.7;

}



.read-btn{

    padding:12px 28px;

}



}


/* ===============================
UNIVERSITY HERO SLIDER
================================ */

#homepage-slider{
    width:100%;
    overflow:hidden;
}


.university-slider,
.university-slider .slides,
.university-slider .slides li{
    width:100%;
}


.university-slider .slides li{
    position:relative;
}


.university-slider img{

    width:100%;
    height:650px;

    object-fit:cover;
    object-position:center;

    display:block;

}


/* DARK OVERLAY */

.slider-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        rgba(0,33,71,.75),
        rgba(0,0,0,.15)
    );

    display:flex;

    align-items:center;

}


.slider-content{

    max-width:650px;

    margin-left:8%;

    color:white;

}


.slider-content h1{

    /* font-size:52px; */

    font-weight:700;

    line-height:1.2;

    /* margin-bottom:20px; */

}


.slider-content p{

    font-size:20px;

    line-height:1.6;

    margin-bottom:35px;

}



.slider-btn{

    display:inline-block;

    background:#f4b400;

    color:#002147;

    padding:14px 35px;

    border-radius:30px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}


.slider-btn:hover{

    background:white;

    transform:translateY(-4px);

}



/* ===============================
TABLET
================================ */

@media(max-width:991px){


.university-slider img{

    height:500px;

}


.slider-content{

    margin-left:5%;

    max-width:500px;

}


.slider-content h1{

    font-size:38px;

}


.slider-content p{

    font-size:17px;

}


}


/* ===============================
MOBILE
================================ */


@media(max-width:576px){


.university-slider img{

    height:420px;

    object-fit:cover;

}


.slider-overlay{

    background:
    linear-gradient(
        180deg,
        rgba(0,33,71,.65),
        rgba(0,0,0,.45)
    );

}


.slider-content{

    text-align:center;

    margin:0 auto;

    padding:20px;

}


.slider-content h1{

    font-size:27px;

}


.slider-content p{

    font-size:15px;

}


.slider-btn{

    padding:12px 25px;

}


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

HEADER TOP

========================= */

#homepage-slider {

    /* height: 700px; Change as needed */

    overflow: hidden;

}



#homepage-slider .flexslider,

#homepage-slider .slides,

#homepage-slider .slides li {

    /* height: 700px; */

}



#homepage-slider .slides li img {

    width: 100%;

    height: 700px;

    object-fit: cover;

}


/* =========================================
   UNIVERSAL RESPONSIVE HEADER
========================================= */

header{
    width:100%;
    position:sticky;
    z-index:9999;
}



.header-container{
    width:min(95%,1400px);
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;
}

.left-logo{
    flex-shrink:0;
}

.left-logo img{
    width:clamp(60px,8vw,110px);
    height:auto;
    display:block;
}

.header-title{
    flex:1;
    text-align:center;
}

.header-title h1{

    font-size:clamp(22px,3vw,42px);

    line-height:1.2;

    margin:0;

    color:#fff;

    font-weight:700;
}

.header-title h1::after{

    content:"Excellence in Medical Education & Research";

    display:block;

    font-size:clamp(11px,1vw,16px);

    color:#f8d16b;

    letter-spacing:2px;

    margin-top:8px;

    font-weight:400;

}

.nav-wrapper{

    width:100%;

    margin:0;

    background:#052c53;

}

.navbar{

    width:min(96%,1400px);

    margin:auto;

}

.nav-menu{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:clamp(15px,2vw,45px);

    flex-wrap:wrap;

}

.nav-menu>li>a{

    padding:18px 5px;

    font-size:15px;

}


.nav-menu{

list-style:none;

gap: 120px;

display:flex;

align-items:center;

justify-content:center;

/* flex-wrap:wrap; */

}



.nav-menu > li{

position:relative;

}



.nav-menu > li > a{

text-decoration: none;

color: white;

padding: 10px 9px;

display: flex;

align-items: center;

gap: 5px;

font-size: 15px;

font-weight: 500;

transition: 0.3s;

margin-top: 7px;

}



.nav-menu > li > a:hover{

color:#7e71d8;;

}

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

@media (max-width:991px){

header{
    position:relative;
}

.header-top{
    padding:12px 15px;
}

.header-container{
    width:100%;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:10px;
}

.left-logo{
    position:static;
}

.left-logo img{
    width:80px;
    height:80px;
}

.header-title{
    width:100%;
}

.header-title h1{
    font-size:26px;
    line-height:1.3;
}

.header-title h1::after{
    font-size:12px;
    letter-spacing:1px;
    margin-top:6px;
}

/* Mobile Toggle */

.ruhs-mobile-toggle{
    top:15px;
    right:15px;
}

/* Navbar */

/* .nav-wrapper{
   margin-top: 4px;

    margin-left: 15px;
    padding: 5px;
} */

.navbar{
    width:100%;
}

.nav-menu{
    display:block !important;
}

.nav-menu li{
    width:100%;
}

.nav-menu li a{
    padding:16px 20px;
}

.mega-menu{
    position:static !important;
    width:100% !important;
    transform:none !important;
    border-radius:0;
    box-shadow:none;
}

.mega-column{
    width:100%;
}

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:768px){

.header-top{
    padding:10px;
}

.left-logo img{
    width:70px;
    height:70px;
}

.header-title h1{
    font-size:22px;
}

.header-title h1::after{
    font-size:11px;
}

.ruhs-mobile-toggle{
    width:46px;
    height:46px;
}

.ruhs-mobile-toggle span{
    width:24px;
}

}

/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width:480px){

.header-top{
    padding:8px;
}

.left-logo img{
    width:60px;
    height:60px;
}

.header-title h1{
    font-size:18px;
    line-height:1.4;
}

.header-title h1::after{
    display:none;
}

.nav-menu li a{
    font-size:14px;
    padding:14px 18px;
}

}

@media (min-width:1600px){

.header-container{

max-width:1600px;

}

.navbar{

max-width:1600px;

}

}



@media (max-width:1200px){

.nav-menu{

gap:20px;

}

.header-title h1{

font-size:34px;

}

}


@media (max-width:992px){

.header-container{

flex-direction:column;

text-align:center;

}

.left-logo{

position:static;

}

.nav-menu{

gap:0;

flex-direction:column;

}

.nav-menu li{

width:100%;

}

.nav-menu li a{

padding:15px 20px;

display:block;

}

}


/* =========================

NEW TAG

========================= */



.new-menu{

position:relative;

}



.new-tag{

position:absolute;

top:3px;

left:50%;

transform:translateX(-50%);



background:#ffd400;

color:#000;



font-size:10px;

font-weight:700;



padding:1px 4px;

border-radius:3px;

}



/* =========================

MEGA MENU COMMON

========================= */



.mega-dropdown{

position:relative;

}



/*

IMPORTANT:

AUTO HEIGHT ENABLED

ADD AS MANY LINKS AS YOU WANT

EVERYTHING WILL AUTO ALIGN

*/



/* .mega-menu{

position:absolute;

top:100%;

left:0; */



/* background:#efefef; */



/* border:1px solid #c9c9c9;

border-radius:4px;



padding:14px;



box-shadow:0 10px 30px rgba(0,0,0,0.15);



opacity:0;

visibility:hidden;



transform:translateY(15px);



transition:0.3s ease;



z-index:99999;



height:auto;

} */



/* SHOW */



.mega-dropdown:hover .mega-menu{

opacity:1;

visibility:visible;

/* transform:translateY(0); */

}



/* =========================

TITLE BOX

========================= */



.mega-title{

background:#ecc29f;



padding:10px 14px;



border-radius:4px;



font-size:15px;

font-weight:600;



letter-spacing:1px;



margin-bottom:14px;

}



/* =========================

GRID SYSTEM

========================= */



.mega-grid{

display:grid;

gap:20px;

align-items:start;

}



/* =========================

COLUMN

========================= */



.mega-column{

display:flex;

flex-direction:column;

}



/* =========================

LINKS

========================= */



.mega-column a{

text-decoration:none;

color:#1f1f1f;



padding:12px 8px;

/* 

border-bottom:1px solid #bcbcbc; */



display:flex;

align-items:flex-start;

gap:10px;



font-size:15px;

line-height:1.55;



transition:0.3s;



width:100%;



word-break:break-word;

}



.mega-column a:hover{

/* background:#fafafa; */

color:#0d2d9d;

}



/* =========================

ICON

========================= */



.icon{

font-size:22px;

line-height:1;

font-weight:700;

flex-shrink:0;

}



/* =========================

ABOUT MENU

========================= */



.about-menu{

width:650px;

}



.about-grid{

grid-template-columns:1fr 1fr;

}



/* =========================

ADMIN MENU

========================= */



.admin-menu{

width:1250px;

left:-180px;

}



.admin-grid{

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

}



.invisible-title{

visibility:hidden;

}



/* =========================

ACADEMICS MENU

========================= */



.academics-menu{

width:1250px;

left:-340px;

}



.academics-grid{

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

}



/* =========================

RESEARCH MENU

========================= */



.research-menu{

width:1050px;

left:-250px;

}



.research-grid{

grid-template-columns:1fr 1fr;

}



/* =========================

STUDENT MENU

========================= */



.student-menu{

width:520px;

left:-20px;

}



/* =========================

DEFAULT DROPDOWN

========================= */



.dropdown{

position:relative;

}



.dropdown-menu{

position:absolute;

top:100%;

left:0;



background:#fff;



min-width:230px;



border-radius:8px;



padding:10px 0;



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



opacity:0;

visibility:hidden;



transform:translateY(10px);



transition:0.3s;



z-index:9999;

}



.dropdown:hover .dropdown-menu{

opacity:1;

visibility:visible;

transform:translateY(0);

}



.dropdown-menu li{

width:100%;

list-style:none;

}



.dropdown-menu li a{

text-decoration:none;

color:#1f1f1f;



display:block;



padding:12px 18px;



font-size:15px;



transition:0.3s;

}



.dropdown-menu li a:hover{

background:#f5f5f5;

color:#0d2d9d;

}



/* =========================

SCROLLBAR

========================= */



.nav-menu::-webkit-scrollbar{

height:4px;

}



.nav-menu::-webkit-scrollbar-thumb{

/* background:#999; */

border-radius:10px;

}



/* =========================

RESPONSIVE

========================= */



@media(max-width:1300px){



/* .navbar{

width:96%;

} */



}



@media(max-width:1200px){



.header-title h1{

font-size:30px;



}



.admin-menu,

.academics-menu,

.research-menu{

width:100%;

left:0;

}



.admin-grid,

.academics-grid{

grid-template-columns:1fr 1fr;

}



}



@media(max-width:992px){



.header-container{

/* flex-direction:column; */

text-align:center;

/* gap:15px; */

}



/* .header-title{

margin-left: 65px;

} */



.header-title h1{

font-size:26px;
margin-right: 60px;
margin-bottom:30px


}



.nav-menu{

justify-content:flex-start;

flex-wrap:nowrap;

overflow-x:auto;

}



.nav-menu > li > a{

white-space:nowrap;

}



.mega-menu{

position:static;

width:100% !important;

min-width:100%;

margin-top:10px;

}



.about-grid,

.admin-grid,

.academics-grid,

.research-grid{

grid-template-columns:1fr;

}



}



@media(max-width:600px){



.header-top{

padding:15px;

}



.left-logo img{
width: 96px;
    height: 115px;

  /* margin-bottom: 25px; */

}



.right-logo img{

width:120px;

}



.header-title h1{

font-size:23px;

}



}



.hero-slider{

width:100%;

overflow:hidden;

}



.slider{

position:relative;

width:100%;

height:150px;

}



.slide{

position:absolute;

width:100%;

height:100%;

opacity:0;

/* transition:opacity .2s ease; */

}



/* .slide.active{

opacity:1;

} */



.slide img{

margin-top:10px;

width:100%;

/* height:100%; */

object-fit:cover;

}



.prev,

.next{

position:absolute;

top:50%;

transform:translateY(-50%);

width:50px;

height:50px;

border:none;

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

color:#333;

font-size:35px;

cursor:pointer;

z-index:10;

border-radius:50%;

}



.prev{

left:20px;

}



.next{

right:20px;

}



.prev:hover,

.next:hover{

background:#fff;

}



@media(max-width:768px){



.slider{

height:190px;

}



.prev,

.next{

width:40px;

height:40px;

font-size:24px;

}

}



.ticker-wrapper{

width:100%;

height:62px;

background:#f5f5f5;



display:flex;

align-items:center;

}



/*

Visible area only

15% blank left

15% blank right

*/



.ticker-window{

width:80%;

margin:0 auto;

overflow:hidden;

position:relative;

}



.ticker-track{

display:flex;

width:max-content;



/* slower speed */

animation:tickerScroll 90s linear infinite;

}



.ticker-window:hover .ticker-track{

animation-play-state:paused;

}



.ticker-items{

display:flex;

align-items:center;

white-space:nowrap;

}



.ticker-items a{

text-decoration:none;

color:#111;

font-size:16px;

font-weight:400;



margin-right:90px;



transition:.3s;

}



.ticker-items a:hover{

color:#0056b3;

}



@keyframes tickerScroll{



0%{

transform:translateX(0);

}



100%{

transform:translateX(-50%);

}

}



/* Responsive */



@media(max-width:992px){



.ticker-window{

width:85%;

}



.ticker-items a{

margin-right:60px;

font-size:15px;

}



}



@media(max-width:768px){



.ticker-wrapper{

height:60px;

}



.ticker-window{

width:90%;

}



.ticker-items a{

font-size:14px;

margin-right:50px;

}



}



/* ==========================

RUHS LEADERS SECTION

========================== */



.leaders-section{

position: relative;

padding: 75px 0;

overflow: hidden;

z-index: 1;

}



/* Blurred background layer */

.leaders-section::before{

content: "";

position: absolute;

inset: 0;



background:

linear-gradient(

rgba(240,170,120,.72),

rgba(240,170,120,.72)

),

url("../img/jaipur-bg.webp");



background-size: cover;

background-position: center;



/* filter: blur(4px);

transform: scale(1.05); */

z-index: -1;

}



/* container */



.leaders-container {



width: 78%;

margin: auto;



display: flex;

gap: 48px;



justify-content: center;

align-items: stretch;

}



/* cards */



.leader-card {



flex: 1;



text-align: center;



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



backdrop-filter: blur(6px);

-webkit-backdrop-filter: blur(6px);



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



border-radius: 14px;



padding: 25px 30px 35px;



box-shadow:

0 10px 25px rgba(0,0,0,.08);



transition: .35s ease;

}



.leader-card:hover {



transform: scale(1.04);



box-shadow:

0 15px 35px rgba(0,0,0,.15);

}



/* image */



.leader-image {



width: 110px;

height: 140px;



margin: auto;



border: 2px solid #8e99a6;



border-radius: 6px;



overflow: hidden;



background: #fff;

}



.leader-image img {



width: 100%;

height: 100%;



object-fit: cover;

}



/* heading */



.leader-card h3 {



margin-top: 18px;



font-size: 21px;



font-weight: 700;



color: #000;



line-height: 1.4;

}



/* description */



.leader-card p {



margin-top: 10px;



font-size: 16px;



line-height: 1.8;



color: #111;



font-weight: 500;

}



/* responsive */



@media(max-width:1200px){



.leaders-container{

width:90%;

gap:25px;

}

}



@media(max-width:992px){



.leaders-container{



flex-direction:column;



max-width:650px;

}



.leader-card{

width:100%;

}

}



@media(max-width:576px){



.leaders-section{

padding:50px 15px;

}



.leader-card{



padding:20px;

}



.leader-card h3{



font-size:18px;

}



.leader-card p{



font-size:14px;

}

}



.notice-section{

padding:50px 0;

}



.notice-container{



width:920px;

margin:auto;



display:flex;

gap:35px;

}



/* BOXES */



.notice-box{



flex:1;



height:600px;



border-radius:15px;



border:1px solid #f1b18f;



box-shadow:

0 0 12px rgba(255,140,70,.45);



padding:18px;



overflow-y:scroll;

overflow-x:hidden;



transition:all .45s ease;

}



.notice-box:hover{



transform:translateY(-4px);



box-shadow:

0 0 18px rgba(255,140,70,.60);

}



/* SCROLLBAR */



.notice-box::-webkit-scrollbar{

width:8px;

}



.notice-box::-webkit-scrollbar-track{

background:#e5e5e5;

border-radius:20px;

}



.notice-box::-webkit-scrollbar-thumb{

background:#bcbcbc;

border-radius:20px;

}



.notice-box::-webkit-scrollbar-thumb:hover{

background:#9f9f9f;

}



/* LIST */



.notice-box ul{

list-style:none;

}



.notice-box li{



font-size:15px;



color:#111;



line-height:1.8;



margin-bottom:28px;



cursor:pointer;



transition:.3s;

}



.notice-box li:hover{

color:#d86d1f;

}



/* NEW TAG */



.new-tag{



display:block;



margin-top:2px;



color:#ff9800;



font-size:12px;



font-weight:700;

}



/* RESPONSIVE */



@media(max-width:992px){



.notice-container{



width:95%;



flex-direction:column;

}



.notice-box{

height:450px;

}

}



/* =========================

TOP CTA BAR

========================= */



.ruhs-footer-cta{



border-top:1px solid #bdbdbd;

border-bottom:1px solid #bdbdbd;

margin-bottom:25px

}



.ruhs-footer-cta-wrap{

max-width:1400px;

margin:0 auto;

text-align:center;

padding:12px 15px;

}



.ruhs-footer-cta-link{

font-size: 25px;

font-weight:600;

color:#36317d;

text-decoration:none;

display:inline-block;

}



.ruhs-footer-cta-link:hover{

text-decoration:underline;

}



/* =========================

FOOTER

========================= */



.ruhs-main-footer{

background:#e8ab7c;

padding:38px 0 40px;

}



.ruhs-footer-container{

max-width:1380px;

margin:0 auto;

padding:0 30px;



display:flex;

justify-content:space-between;

align-items:flex-start;

gap:80px;

}



.ruhs-footer-col{

flex:1;

}



.ruhs-footer-heading{

margin:0 0 18px;

color:#36317d;

font-size:20px;

font-weight:600;

line-height:1.4;

}



.ruhs-footer-col p{

margin:0 0 10px;

font-size:16px;

line-height:1.7;

color:#000;

}



.ruhs-footer-col a{

color:#36317d;

text-decoration:none;

}



.ruhs-footer-col a:hover{

text-decoration:underline;

}



/* Center Column */

.ruhs-footer-center{

text-align:center;

}



/* Right Column */

.ruhs-footer-right{

max-width:260px;

}



.ruhs-footer-link{

display:block;

color:#000;

text-decoration:none;

font-size:16px;

font-weight:600;

margin-bottom:16px;

}



.ruhs-footer-link:hover{

color:#36317d;

}



.ruhs-footer-logo{

margin-top:10px;

}



.ruhs-footer-logo img{

width:170px;

height:auto;

display:block;

}



/* =========================

RESPONSIVE

========================= */



@media (max-width:991px){



.ruhs-footer-container{

flex-direction:column;

gap:35px;

}



.ruhs-footer-center{

text-align:left;

}



.ruhs-footer-right{

max-width:100%;

}

}



.examination-dropdown{

position:relative;

}



.exam-arrow{

font-size:11px;

margin-left:4px;

}



.exam-dropdown-menu{

position:absolute;

top:100%;

left:50%;

transform:translateX(-50%);



width:400px;

background:#efefef;



border:1px solid #cfcfcf;

border-radius:4px;



padding:12px;



opacity:0;

visibility:hidden;



transition:.25s ease;

z-index:9999;



box-shadow:0 4px 12px rgba(0,0,0,.15);

}



.examination-dropdown:hover .exam-dropdown-menu{

opacity:1;

visibility:visible;

top:calc(100% + 10px);

}



.exam-dropdown-title{

background:#e9c2a0;

color:#000;



font-size:18px;

font-weight:700;

letter-spacing:.5px;



padding:12px 15px;

border-radius:4px;



margin-bottom:8px;

}



.exam-dropdown-menu a{

display:flex;

align-items:center;

gap:12px;



padding:14px 0;



color:#000;

text-decoration:none;

font-size:16px;



border-bottom:1px solid #c8c8c8;

}



.exam-dropdown-menu a:last-child{

border-bottom:none;

}



.exam-dropdown-menu a i{

color:#000;

font-size:14px;

width:18px;

}



.exam-dropdown-menu a:hover{

color:#071d9a;

padding-left:8px;

transition:.3s;

}



.admissions-dropdown{

position:relative;

}



.admissions-arrow{

font-size:11px;

margin-left:4px;

}



.admissions-dropdown-menu{

position:absolute;

top:100%;



transform:translateX(-50%);



width:1300px; /* wide dropdown like screenshot */



background:#efefef;

border:1px solid #cfcfcf;

border-radius:3px;



padding:12px;



opacity:0;

visibility:hidden;



transition:.25s ease;

z-index:9999;



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

}



.admissions-dropdown:hover .admissions-dropdown-menu{

opacity:1;

visibility:visible;

top:calc(100% + 8px);

}



.admissions-title{

background:#e9c2a0;

color:#000;



font-size:18px;

font-weight:700;



padding:12px 15px;

border-radius:3px;



margin-bottom:2px;

}



.admissions-dropdown-menu a{

display:flex;

align-items:center;

gap:14px;



padding:14px 25px;



text-decoration:none;

color:#000;

font-size:16px;



border-bottom:1px solid #c6c6c6;

}



.admissions-dropdown-menu a:last-child{

border-bottom:none;

}



.admissions-dropdown-menu a i{

font-size:14px;

color:#000;

width:16px;

}



.admissions-dropdown-menu a:hover{

color:#071d9a;

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

}



.social-dropdown{

position:relative;

}



.social-arrow{

font-size:11px;

margin-left:4px;

}



.social-dropdown-menu{

position:absolute;

top:100%;

right:0;



width:500px;



background:#efefef;

border:1px solid #cfcfcf;

border-radius:3px;



padding:10px;



opacity:0;

visibility:hidden;



transition:.25s ease;

z-index:9999;



box-shadow:0 4px 12px rgba(0,0,0,.15);

}



.social-dropdown:hover .social-dropdown-menu{

opacity:1;

visibility:visible;

top:calc(100% + 8px);

}



.social-dropdown-title{

background:#e9c2a0;

padding:12px 14px;



font-size:18px;

font-weight:700;

color:#000;



border-radius:3px;

margin-bottom:8px;

}



.social-dropdown-menu a{

display:flex;

align-items:center;

gap:18px;



padding:12px 0;



text-decoration:none;

color:#000;

font-size:16px;



border-bottom:1px solid #c4c4c4;

}



.social-dropdown-menu a:last-child{

border-bottom:none;

}



.social-dropdown-menu a i{

width:22px;

font-size:18px;

color:#000;

text-align:center;

}



.social-dropdown-menu a:hover{

color:#071d9a;

}



.social-dropdown-menu a:hover i{

color:#071d9a;

}

@media (max-width:991px){



/* Reset all mega menus */



.mega-menu,

.about-menu,

.admin-menu,

.academics-menu,

.research-menu,

.student-menu{

width:100% !important;

max-width:100% !important;

min-width:100% !important;



position:static !important;



padding:0 !important;

margin:0 !important;



background:#fff !important;



border:none !important;

border-radius:0 !important;

box-shadow:none !important;

}



/* Kill desktop grids */



.mega-grid,

.about-grid,

.admin-grid,

.academics-grid,

.research-grid{

display:block !important;

grid-template-columns:none !important;

}



.mega-column{

width:100% !important;

display:block !important;

}



.mega-column a{

display:block !important;

width:100% !important;



padding:12px 25px !important;



border-bottom:1px solid #eee;



font-size:14px;

color:#333;

background:#fff;

}



.mega-title,

.exam-dropdown-title,

.admissions-title,

.social-dropdown-title{

background:#f3e3d5 !important;

padding:12px 20px !important;

font-weight:700;

}



.invisible-title{

display:none !important;

}



/* dropdown visibility */



.mega-menu,

.exam-dropdown-menu,

.admissions-dropdown-menu,

.social-dropdown-menu{

display:none !important;

}



.mega-dropdown.open > .mega-menu{

display:block !important;

}



.examination-dropdown.open > .exam-dropdown-menu{

display:block !important;

}



.admissions-dropdown.open > .admissions-dropdown-menu{

display:block !important;

}



.social-dropdown.open > .social-dropdown-menu{

display:block !important;

}



}

/* ==========================

MOBILE HAMBURGER

========================== */



.ruhs-mobile-toggle{

display:none;

}



@media (max-width:991px){



.nav-wrapper{

/* position:relative; */

background:#fff;


}



.ruhs-mobile-toggle{

display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 5px;

    width: 56px;

    height: 50px;

    position: absolute;

    top: -50px;

    right: 0px;

    border: 1px solid #444;

    border-radius: 6px;

    background: #fff;

    cursor: pointer;

    z-index: 999999;

}



.ruhs-mobile-toggle span{

width:28px;

height:3px;

background:#444;

margin:0 auto;

}



.navbar{

display:none;

width:100%;

background:#fff;

border-top:1px solid #ddd;

}



.navbar.ruhs-open{

display:block;

}



.nav-menu{

display:block !important;

width:100%;

margin:0;

padding:0;

}



.nav-menu > li{

display:block;

width:100%;

border-bottom:1px solid #ddd;

}



.nav-menu > li > a{

display:flex;

justify-content:space-between;

align-items:center;



width:100%;

padding:16px 18px;

color:#333;

text-decoration:none;

}



/* Hide desktop mega menus */



.mega-menu,

.exam-dropdown-menu,

.admissions-dropdown-menu,

.social-dropdown-menu{

display:none !important;

position:static !important;

width:100% !important;

max-width:100% !important;

box-shadow:none !important;

border:none !important;

background:#f8f8f8 !important;

}



/* Show opened submenu */



.mega-dropdown.ruhs-sub-open > .mega-menu,

.examination-dropdown.ruhs-sub-open > .exam-dropdown-menu,

.admissions-dropdown.ruhs-sub-open > .admissions-dropdown-menu,

.social-dropdown.ruhs-sub-open > .social-dropdown-menu{

display:block !important;

}



.mega-column a,

.exam-dropdown-menu a,

.admissions-dropdown-menu a,

.social-dropdown-menu a{

display:block;

padding:12px 30px;

border-top:1px solid #e6e6e6;

}



.mega-grid{

display:block !important;

}



.admin-grid,

.academics-grid,

.about-grid,

.research-grid{

display:block !important;

}



.invisible-title{

display:none !important;

}

}



.header-container{

display: flex;

align-items: center;

justify-content: center;

position: relative;

}



.header-login{

position:absolute;

top:90px;

right:0px;

}



.ruhs-login-btn{

display:inline-flex;

align-items:center;

gap:8px;



padding:10px 20px;



background:#071d9a;

color:#fff;

text-decoration:none;



border-radius:6px;

font-size:14px;

font-weight:600;

/*

transition:.3s ease; */

}



.ruhs-login-btn:hover{

/* background:#f4b382; */

color:#000;

}



.slide{

opacity:0;

/* transition:opacity 1.5s ease-in-out; */

position:absolute;

width:100%;

}



.slide.active{

opacity:1;

z-index:1;

}

.course-thumbnail.small {

display: table;

padding-bottom: 30px;

}

.course-thumbnail.small h3 {

font-size: 12px;

margin-bottom: 10px;

margin-top: 0;

}

.course-thumbnail.small .image {

float: left;

height: 80px;

width: 80px;

}

.course-thumbnail.small .image .image-wrapper a img {

height: 80px;

}

.course-thumbnail.small .description {

padding-left: 100px;

}

.course-thumbnail.small .description hr {

margin: 5px 0;

}

.course-thumbnail.small .description .btn {

border: none;

min-height: inherit;

padding: 0;

}

.course-thumbnail.small .description .btn:hover {

background-color: transparent;

color: #ea6645;

}



/****

D

****/

.divider {

background-color: #c5c5c5;

height: 1px;

width: 30px;

margin: 10px 0;

}



.discussion-list {

list-style: none;

padding-left: 0;

}

.discussion-list .author-block {

margin: 0 0 10px 0;

}

.discussion-list .author-block .comment-controls {

color: rgba(0, 0, 0, 0.4);

font-size: 11px;

}

.discussion-list .author-block .comment-controls span {

margin-right: 20px;

}

.discussion-list .discussion-child {

list-style: none;

padding-left: 30px;

}



/****

E

****/

.events .event {

border-bottom: 1px solid rgba(0, 0, 0, 0.05);

margin-bottom: 30px;

padding-bottom: 30px;

}

.events .event:last-child {

border-bottom: none;

margin-bottom: 0;

}

.events .event aside {

padding-left: 80px;

}

.events .event aside header {

font-size: 18px;

margin-bottom: 8px;

}

.events .event aside .additional-info {

color: #767676;

font-size: 12px;

margin-bottom: 10px;

}

.events .event aside .description p {

margin: 0 0 10px 0;

}

.events .event .date {

background-color: #012951;

color: #fff;

float: left;

height: 70px;

overflow: hidden;

width: 70px;

}

.events .event .date .day {

bottom: 15px;

font-size: 60px;

font-weight: bold;

position: relative;

right: -12px;

}

.events .event .date .month {

font-size: 14px;

padding-top: 5px;

text-align: center;

text-transform: uppercase;

}

.events.grid .event {

margin-bottom: 40px;

padding-bottom: 50px;

}

.events.grid .event .btn {

position: absolute;

bottom: 0;

margin-bottom: 50px;

}

.events.images .event aside {

padding-left: 190px;

}

.events.images .event .event-thumbnail {

display: inline-block;

float: left;

position: relative;

}

.events.images .event .event-thumbnail .date {

bottom: -10px;

position: absolute;

right: -10px;

}

.events.images .event .event-thumbnail .event-image {

height: 165px;

width: 165px;

overflow: hidden;

text-align: center;

position: relative;

}

.events.images .event .event-thumbnail .event-image:last-child {

margin-right: 0;

}

.events.images .event .event-thumbnail .event-image .image-wrapper {

position: relative;

left: 100%;

margin-left: -200%;

position: relative;

}

.events.images .event .event-thumbnail .event-image .image-wrapper img {

height: 100%;

width: auto;

}

.events.featured .event aside {

padding-left: 0;

}

.events.featured .event aside header {

font-size: 14px;

}

.events.featured .event .event-thumbnail {

float: none;

margin-bottom: 20px;

}

.events.featured .event .event-thumbnail .event-image {

width: 100%;

}

.events.small .link-calendar {

float: right;

position: relative;

top: 25px;

}

.events.small .event {

border: none;

margin-bottom: 40px;

padding: inherit;

}

.events.small .event aside header {

font-size: 14px;

}

.events.small .event aside .additional-info {

color: #767676;

font-size: 12px;

margin-bottom: 0px;

}

.events.small .event .date {

background-color: #c5c5c5;

}

.events.small .event.nearest .date {

background-color: #012951;

}

.events.small .event.nearest-second .date {

background-color: #ea6645;

}



/****

F

****/

.featured-course {

padding-bottom: 40px;

}

.featured-course .image {

border-bottom: 5px solid #ea6645;

width: 100%;

overflow: hidden;

height: 263px;

text-align: center;

}

.featured-course .image .image-wrapper {

left: 100%;

margin-left: -200%;

position: relative;

}

.featured-course .image .image-wrapper a {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

}

.featured-course .image .image-wrapper a img {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

height: 263px;

width: auto;

}

.featured-course .image .image-wrapper a:hover:after {

filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

opacity: 1;

}

.featured-course .image .image-wrapper a:hover img {

-moz-transform: scale(1.07, 1.07);

-ms-transform: scale(1.07, 1.07);

-webkit-transform: scale(1.07, 1.07);

transform: scale(1.07, 1.07);

}

.featured-course .description hr {

margin: 10px 0;

}

.featured-course .description .course-meta {

color: #767676;

margin-bottom: 15px;

}

.featured-course .description .course-meta > span {

margin: 0 5px;

}

.featured-course .description .course-meta .fa {

color: #252525;

margin-right: 5px;

}



/****

G

****/

.gallery-list {

clear: both;

display: table;

list-style: none;

padding: 0;

margin: 0;

margin-bottom: 20px;

}

.gallery-list li {

float: left;

margin-bottom: 7px;

margin-right: 7px;

height: 100px;

width: 100px;

overflow: hidden;

text-align: center;

position: relative;

padding: inherit;

}

.gallery-list li:last-child {

margin-right: 0;

}

.gallery-list li a {

position: relative;

left: 100%;

margin-left: -200%;

position: relative;

}

.gallery-list li a:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

-moz-transition: 0.6s;

-o-transition: 0.6s;

-webkit-transition: 0.6s;

transition: 0.6s;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

opacity: 0;

-moz-border-radius: 50%;

-webkit-border-radius: 50%;

border-radius: 50%;

color: #fff;

content: "\f06e";

display: inline-block;

font-size: 16px;

position: absolute;

width: 30px;

height: 30px;

top: 0;

left: 0;

right: 0;

bottom: 0;

margin: auto;

background-color: #252525;

padding-top: 7px;

margin-top: -7px;

}

.gallery-list li a:hover:after {

filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

opacity: 1;

}

.gallery-list li a:hover img {

-moz-transform: scale(1.08, 1.08);

-ms-transform: scale(1.08, 1.08);

-webkit-transform: scale(1.08, 1.08);

transform: scale(1.08, 1.08);

}

.gallery-list li a img {

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

height: 100%;

width: auto;

}



.gallery {

display: block;

line-height: 0;

text-align: justify;

}

.gallery:after {

content: '';

display: inline-block;

width: 100%;

vertical-align: top;

}

.gallery a {

display: inline-block;

margin-bottom: 7px;

position: relative;

vertical-align: top;

}

.gallery img {

vertical-align: top;

}



/****

H

****/

#home {

margin-bottom: 0;

}



#homepage-slider {

position: relative;

z-index: 0;

}

#homepage-slider .flexslider {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

height: 600px;

overflow: hidden;

border: none;

margin: 0;

}

#homepage-slider .flexslider figure {

height: 600px;

position: absolute;

width: 100%;

text-align: center;

}

#homepage-slider .flexslider figure .inner {

vertical-align: middle;

}

#homepage-slider .flexslider h2 {

display: block;

color: rgba(255, 255, 255, 0.6);

font-size: 24px;

font-weight: bold;

margin-bottom: 10px;

text-transform: uppercase;

}

#homepage-slider .flexslider h2:after {

display: none;

}

#homepage-slider .flexslider h1 {

/* border: 4px solid rgba(255, 255, 255, 0.6); */

color: #fff;

/* font-size: 80px; */

font-weight: bold;

/* padding: 15px 20px; */

text-transform: uppercase;

}

#homepage-slider .flexslider h1:after {

display: none;

}

#homepage-slider .flexslider ul li {

padding: 0;

}

#homepage-slider .flexslider .flex-direction-nav .flex-next, #homepage-slider .flexslider .flex-direction-nav .flex-prev

{

background-color: #fff;

height: 30px;

width: 30px;

}

#homepage-slider .flexslider .flex-direction-nav .flex-next:before, #homepage-slider .flexslider .flex-direction-nav

.flex-prev:before {

display: none;

}

#homepage-slider .flexslider .flex-direction-nav .flex-next:after, #homepage-slider .flexslider .flex-direction-nav

.flex-prev:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #252525;

font-size: 16px;

position: absolute;

right: 11px;

top: 8px;

z-index: 2;

}

#homepage-slider .flexslider .flex-direction-nav .flex-next:after {

content: "\f105";

}

#homepage-slider .flexslider .flex-direction-nav .flex-prev:after {

content: "\f104";

right: 12px;

}



/****

I

****/

.image-carousel .owl-buttons {

bottom: 8px;

position: absolute;

right: 10px;

}

.image-carousel .owl-buttons .owl-prev, .image-carousel .owl-buttons .owl-next {

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

background-color: #ea6645;

display: inline-block;

height: 30px;

width: 30px;

position: relative;

}

.image-carousel .owl-buttons .owl-prev:after, .image-carousel .owl-buttons .owl-next:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #fff;

display: inline-block;

font-size: 16px;

position: absolute;

padding: 7px 13px;

}

.image-carousel .owl-buttons .owl-prev:hover, .image-carousel .owl-buttons .owl-next:hover {

background-color: #e85b37;

}

.image-carousel .owl-buttons .owl-next:after {

content: "\f105";

}

.image-carousel .owl-buttons .owl-prev:after {

content: "\f104";

}



/****

J

****/

/****

K

****/

.knob {

border: none;

background-color: transparent;

}



/****

L

****/

.latest-course {

margin-bottom: 40px;

}

.latest-course aside {

padding-left: 85px;

}

.latest-course aside .course-meta {

color: #767676;

margin-bottom: 15px;

}

.latest-course aside .course-meta > span {

margin-right: 5px;

}

.latest-course aside .course-meta .fa {

color: #252525;

margin-right: 5px;

}

.latest-course p {

color: #c5c5c5;

}

.latest-course hr {

margin: 5px 0;

}

.latest-course .image {

float: left;

width: 70px;

overflow: hidden;

height: 70px;

text-align: center;

}

.latest-course .image .image-wrapper {

left: 100%;

margin-left: -200%;

position: relative;

}

.latest-course .image .image-wrapper img {

height: 70px;

width: auto;

}



.learning-material {

margin-bottom: 40px;

}

.learning-material .learning-material-picture img {

float: left;

width: 70px;

}

.learning-material .learning-material-description {

padding-left: 90px;

}

.learning-material .learning-material-description h4 {

font-weight: bold;

}

.learning-material .learning-material-description p {

margin-top: 10px;

}



.logos {

display: block;

line-height: 0;

margin-top: 10px;

text-align: justify;

}

.logos:after {

content: '';

display: inline-block;

width: 100%;

}

.logos .logo {

display: inline-block;

margin-bottom: 7px;

position: relative;

}

.logos .logo a {

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

opacity: 0.8;

padding: 10px;

}

.logos .logo a:hover {

filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

opacity: 1;

}



/****

M

****/

.map-wrapper {

width: 100%;

height: 100%;

}



.my-profile .profile-avatar {

float: left;

}

.my-profile article {

padding-left: 120px;

}

.my-profile article .my-profile-table {

margin-bottom: 20px;

width: 100%;

}

.my-profile article .my-profile-table tbody tr td {

vertical-align: middle;

height: 40px;

}

.my-profile article .my-profile-table tbody tr td.bio {

vertical-align: text-top;

}

.my-profile article .my-profile-table tbody tr td.title {

font-weight: bold;

width: 130px;

padding-right: 30px;

}

.my-profile article .my-profile-table tbody tr td .input-group {

margin-bottom: 0px;

display: inline-block;

}

.my-profile article .my-profile-table tbody tr td .input-group input[type="text"], .my-profile article .my-profile-table

tbody tr td .input-group textarea {

border-color: transparent;

background-color: transparent;

color: #252525;

padding-left: 0;

}

.my-profile article .my-profile-table tbody tr td .input-group input[type="text"]:hover, .my-profile article

.my-profile-table tbody tr td .input-group textarea:hover {

border-color: #c5c5c5;

padding-left: 9px;

}



/****

N

****/

.nav-tabs {

border-bottom: 2px solid #e2e2e2;

position: relative;

z-index: 1;

}

.nav-tabs > li {

margin-bottom: -2px;

padding: 0;

}

.nav-tabs > li a {

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

border-color: transparent;

border-width: 2px !important;

color: #767676;

}

.nav-tabs > li a:hover {

background-color: transparent;

border-width: 2px;

}

.nav-tabs > li.active a {

border-color: #e2e2e2 #e2e2e2 #fff;

border-width: 2px;

color: #252525;

}

.nav-tabs > li.active a:hover {

border-color: #e2e2e2 #e2e2e2 #fff;

border-width: 2px;

}



.news-small article {

border-bottom: 1px solid rgba(0, 0, 0, 0.1);

color: #c5c5c5;

margin-bottom: 15px;

padding-bottom: 15px;

}

.news-small article:last-child {

border: none;

}

.news-small article header {

padding-left: 15px;

}

.news-small article i {

margin-right: 5px;

}

.news-small article .date {

margin-bottom: 10px;

}



.newsletter {

border: 2px solid whitesmoke;

margin-bottom: 20px;

padding: 20px;

}

.newsletter .input-group {

margin-bottom: 0px;

}



/****

O

****/

/****

P

****/

.panel-group .panel {

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

border-width: 2px;

border-color: #e2e2e2;

}

.panel-group .panel .panel-heading {

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

background-color: whitesmoke;

padding: 0;

position: relative;

}

.panel-group .panel .panel-heading:hover {

background-color: #ebebeb;

}

.panel-group .panel .panel-heading:before {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

bottom: 3px;

color: #ea6645;

content: "\f059";

display: inline-block;

font-size: 12px;

position: absolute;

top: 16px;

left: 16px;

}

.panel-group .panel .panel-heading h4 {

color: #252525;

font-size: 14px;

}

.panel-group .panel .panel-heading h4 a {

display: block;

padding: 15px 15px 15px 35px;

}

.panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:active, .panel-group .panel

.panel-heading h4 a:focus {

color: inherit;

text-decoration: none;

}

.panel-group .panel .panel-collapse .panel-body {

border-top: 2px solid #e2e2e2;

color: #767676;

}



.pagination {

margin: 40px 0;

}

.pagination li a {

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

border: 2px solid rgba(0, 0, 0, 0.4);

color: #252525;

font-size: 14px;

margin-left: 10px;

padding: 10px 16px;

}

.pagination li a:hover {

background-color: transparent;

border: 2px solid rgba(0, 0, 0, 0.8);

color: #252525;

}

.pagination li.active a {

background-color: #012951;

border: 2px solid #012951;

}

.pagination li.active a:hover, .pagination li.active a:focus, .pagination li.active a:active {

background-color: #012951;

border: 2px solid #012951;

}

.pagination li:first-child a, .pagination li:last-child a {

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

}



.details-accordion {

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

cursor: pointer;

color: #012951;

float: right;

position: absolute;

right: 0;

top: 15px;

}

.details-accordion:hover {

color: #ea6645;

}

.details-accordion .fa {

color: #ea6645;

margin-left: 5px;

position: relative;

top: 1px;

}



.details-accordion-content .inner {

background-color: whitesmoke;

padding: 10px;

margin-bottom: 10px;

}

.details-accordion-content .inner .time, .details-accordion-content .inner p {

margin-bottom: 10px;

}



.professor-thumbnail {

border: 2px solid whitesmoke;

padding: 8px;

margin-bottom: 10px;

}

.professor-thumbnail aside {

margin-left: 90px;

}

.professor-thumbnail aside header {

font-size: 14px;

font-weight: bold;

}

.professor-thumbnail aside header figure {

color: #767676;

font-size: 12px;

font-weight: normal;

margin-bottom: 3px;

}

.professor-thumbnail .show-profile {

color: #252525;

font-size: 11px;

}

.professor-thumbnail .professor-image {

float: left;

font-weight: bold;

}



.profile-avatar {

overflow: hidden;

text-align: center;

width: 100px;

}

.profile-avatar .image-wrapper {

left: 100%;

margin-left: -200%;

position: relative;

}

.profile-avatar .image-wrapper img {

height: 100px;

width: auto;

}



.progress {

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

background-color: #f0f0f0;

margin-bottom: 10px;

}

.progress .progress-bar {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

background-color: #ea6645;

}



.price-box {

border: 2px solid whitesmoke;

text-align: center;

}

.price-box h3 {

font-size: 24px;

font-weight: bold;

}

.price-box figure {

color: #012951;

text-transform: uppercase;

}

.price-box .price {

color: #012951;

font-size: 48px;

font-weight: bold;

margin-bottom: 0;

}

.price-box .btn {

margin: 20px 0;

}

.price-box .features {

list-style: none;

padding: 0;

margin-top: 20px;

margin-bottom: 0;

}

.price-box .features li {

border-top: 2px solid whitesmoke;

padding: 15px;

}

.price-box .features li .fa {

color: #c5c5c5;

font-size: 18px;

}

.price-box .features li .fa.available {

color: #ea6645;

}

.price-box.recommended {

border: 4px solid #012951;

position: relative;

top: -2px;

}



/****

Q

****/

/****

R

****/

.rating-individual {

margin-bottom: 10px;

}



.rating-user {

display: inline-block;

}

.rating-user #hint {

margin-top: 20px;

height: 20px;

}



.read-more {

color: #252525;

display: inline-block;

font-size: 14px;

font-weight: bold;

margin-top: 10px;

}

.read-more:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

color: #ea6645;

content: "\f18e";

display: inline-block;

font-size: 16px;

margin-left: 5px;

position: relative;

top: 2px;

}



/****

S

****/

#homepage-carousel {

padding-top: 30px;

}

#homepage-carousel .homepage-carousel-wrapper {

color: #fff;

position: relative;

}

#homepage-carousel .homepage-carousel-wrapper:after {

background-color: #011c38;

content: "";

height: 100%;

left: 0;

position: absolute;

z-index: -1;

top: -30px;

width: 3000px;

}

#homepage-carousel .homepage-carousel-wrapper .slider-content h1 {

font-size: 30px;

line-height: 36px;

margin-bottom: 40px;

}

#homepage-carousel .homepage-carousel-wrapper .slider-content h1:after {

display: none;

}



/****

T

****/

.tab-content {

padding-top: 20px;

position: relative;

top: -2px;

}



th.headerSortUp {

position: relative;

cursor: pointer;

}

th.headerSortUp:before {

display: none;

}

th.headerSortUp:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #252525;

content: "\f0de";

display: inline-block;

font-size: 12px;

position: absolute;

right: 10px;

top: 12px;

z-index: 2;

}



th.headerSortDown {

position: relative;

cursor: pointer;

}

th.headerSortDown:before {

display: none;

}

th.headerSortDown:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #252525;

content: "\f0dd";

display: inline-block;

font-size: 12px;

position: absolute;

right: 10px;

top: 12px;

z-index: 2;

}



th.header {

position: relative;

cursor: pointer;

}

th.header:before {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #c5c5c5;

content: "\f0dc";

display: inline-block;

font-size: 12px;

position: absolute;

right: 10px;

top: 12px;

z-index: -10;

}



.tag {

background-color: transparent;

border: 2px solid #c5c5c5;

color: #252525;

font-weight: bold;

padding: 5px 10px;

}



.social-post header {

font-size: 14px;

border-bottom: 1px solid #c5c5c5;

margin-bottom: 15px;

padding-bottom: 10px;

}

.social-post figure {

font-size: 12px;

margin-bottom: 5px;

}

.social-post a {

text-decoration: underline;

}



/****

U

****/

.universal-button {

background-color: #012951;

color: #fff;

display: table;

margin-bottom: 10px;

padding: 20px;

position: relative;

width: 100%;

}

.universal-button:hover, .universal-button:focus, .universal-button:active {

color: #fff;

}

.universal-button h3 {

display: table-cell;

font-size: 14px;

margin: 0px;

vertical-align: middle;

}

.universal-button figure {

display: table-cell;

background-color: #ea6645;

height: 30px;

margin-left: 20px;

padding: 6px 10px;

width: 30px;

vertical-align: middle;

}

.universal-button.framed {

background-color: transparent;

border: 2px solid whitesmoke;

color: #012951;

}

.universal-button.framed i {

color: #fff;

}



/****

V

****/

/****

W

****/

.wrapper {

overflow: hidden;

}



/****

X

****/

/****

Y

****/

/****

Z

****/

.add-margin {

margin-bottom: 20px;

}



.background {

height: 100%;

position: absolute;

top: 0;

width: 100%;

z-index: -1;

}



.background-color-primary {

background-color: #012951;

}



.background-color-primary-darken {

background-color: #011c38 !important;

}



.background-color-secondary {

background-color: #ea6645;

}



.background-color-grey-dark {

background-color: #252525;

}



.background-color-grey-light {

background-color: #c5c5c5;

}



.background-color-grey-background {

background-color: whitesmoke;

}



.block-dark-background {

background-color: #012951;

padding: 20px 30px;

}



.center {

text-align: center !important;

}



.center-image {

bottom: 0;

display: inline-block !important;

left: 0;

margin: auto;

right: 0;

top: 0;

position: absolute;

width: inherit !important;

}



.element-framed {

border: 2px solid whitesmoke;

margin: 20px 0;

padding: 20px;

}

.element-framed li {

margin-left: 10px;

}



.font-color-light {

color: #fff !important;

}



.font-color-dark {

color: #252525 !important;

}



.font-color-primary {

color: #012951 !important;

}



.font-color-secondary {

color: #ea6645 !important;

}



.font-color-grey-medium {

color: #767676 !important;

}



.font-uppercase {

text-transform: uppercase;

}



.has-dark-background {

color: #fff;

}

.has-dark-background a {

color: #fff;

}

.has-dark-background a:hover {

color: #ea6645;

}

.has-dark-background h2:after {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);

opacity: 0.2;

background-color: #fff;

}

.has-dark-background ul {

color: #fff;

}

.has-dark-background p {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

opacity: 0.8;

color: #fff;

}



.has-opacity {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

opacity: 0.5;

}



.has-subtitle {

margin-bottom: -5px;

}



.link-icon {

color: #252525;

}

.link-icon:hover {

color: #012951;

}

.link-icon .fa {

color: #ea6645;

margin: 0 5px;

font-size: 18px;

position: relative;

top: 2px;

}



.menu-child-align-left {

left: 0 !important;

}



.menu-child-align-right {

right: 0 !important;

}

.menu-child-align-right:after {

left: inherit !important;

right: 30px !important;

}



.no-divider {

margin-bottom: 15px;

}

.no-divider:after {

display: none;

}



.regular-case {

text-transform: none;

}



.reset-margin {

margin: 0 !important;

}



.opacity-1 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);

opacity: 0.01;

}



.opacity-2 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=2);

opacity: 0.02;

}



.opacity-3 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=3);

opacity: 0.03;

}



.opacity-4 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=4);

opacity: 0.04;

}



.opacity-5 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=5);

opacity: 0.05;

}



.opacity-6 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=6);

opacity: 0.06;

}



.opacity-7 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=7);

opacity: 0.07;

}



.opacity-8 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8);

opacity: 0.08;

}



.opacity-9 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=9);

opacity: 0.09;

}



.opacity-10 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);

opacity: 0.1;

}



.opacity-20 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);

opacity: 0.2;

}



.opacity-30 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);

opacity: 0.3;

}



.opacity-40 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

opacity: 0.4;

}



.opacity-50 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

opacity: 0.5;

}



.opacity-60 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

opacity: 0.6;

}



.opacity-70 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

opacity: 0.7;

}



.opacity-80 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

opacity: 0.8;

}



.opacity-90 {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

opacity: 0.9;

}



.stick-to-bottom {

bottom: 0;

position: absolute;

}



.table-wrapper {

display: table;

width: 100%;

height: 100%;

}



.table-cell-wrapper {

display: table-cell;

vertical-align: middle;

}



.vertical-center {

width: 150px;

}



.navigation-wrapper {

color: #fff;

position: relative;

}

.navigation-wrapper a {

color: #fff;

}

.navigation-wrapper a:hover {

color: #ea6645;

}

.navigation-wrapper .background {

background-color: #012951;

overflow: hidden;

}

.navigation-wrapper .secondary-navigation-wrapper {

background-color: rgba(0, 0, 0, 0.1);

border-bottom: 1px solid rgba(255, 255, 255, 0.1);

/*padding: 15px 0;*/

position: relative;

height: 40px;

line-height: 40px;

overflow: hidden;

}

.navigation-wrapper .secondary-navigation-wrapper ul {

margin-bottom: 0;

float: right;

display: inline-block;

}

.navigation-wrapper .secondary-navigation-wrapper ul li {

display: inline-block;

margin-left: 20px;

padding: inherit;

}

.navigation-wrapper .secondary-navigation-wrapper ul li i {

color: #ea6645;

margin-right: 5px;

}

.navigation-wrapper .secondary-navigation-wrapper .search {

float: right;

display: inline-block;

}

.navigation-wrapper .secondary-navigation-wrapper .search .input-group {

-moz-transition: 0.8s;

-o-transition: 0.8s;

-webkit-transition: 0.8s;

transition: 0.8s;

margin-bottom: 0;

width: 1px;

overflow: hidden;

}

.navigation-wrapper .secondary-navigation-wrapper .search .input-group:hover {

width: 240px;

}

.navigation-wrapper .secondary-navigation-wrapper .search .input-group:hover input {

margin-left: 20px;

right: 0;

}

.navigation-wrapper .secondary-navigation-wrapper .search .input-group input {

-moz-transition: 0.8s;

-o-transition: 0.8s;

-webkit-transition: 0.8s;

transition: 0.8s;

border: none;

right: -20px;

position: relative;

}

.navigation-wrapper .secondary-navigation-wrapper .search .input-group .btn {

margin-left: 0 !important;

padding: 8px 12px;

position: relative;

z-index: 2;

}

.navigation-wrapper .primary-navigation-wrapper {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

padding: 30px 0px;

position: relative;

}

.navigation-wrapper .primary-navigation-wrapper header {

border: 0;

margin-bottom: 0;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

padding: 0 0 0 15px;

position: relative;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand img {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

max-height: 50px;

position: relative;

z-index: 1;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

background-color: #fff;

content: "";

height: 190px;

width: 3000px;

position: absolute;

top: -30px;

right: -80px;

z-index: 0;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:after {

background-color: #ea6645;

background-image: url("../img/background-city.png");

background-position: 0;

content: "";

height: 215px;

width: 3000px;

position: absolute;

top: 158px;

overflow: hidden;

right: -80px;

z-index: 0;

}

.navigation-wrapper .primary-navigation-wrapper header nav {

padding: 0;

position: relative;

z-index: 99;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li {

padding: inherit;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a {

font-size: 14px;

padding: 10px;

padding-left: 20px;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a:last-child {

padding-right: 0;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a:hover, .navigation-wrapper

.primary-navigation-wrapper header nav .navbar-nav li a:focus, .navigation-wrapper .primary-navigation-wrapper header

nav .navbar-nav li a:active {

background-color: transparent;

cursor: pointer;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a.has-child:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #fff;

content: "\f107";

display: inline-block;

font-size: 10px;

margin-left: 5px;

margin-right: -10px;

position: relative;

top: 0px;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li.active a {

color: #ea6645;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li:hover .child-navigation {

filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

opacity: 1;

visibility: visible;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

opacity: 0;

-moz-transition: 0.2s;

-o-transition: 0.2s;

-webkit-transition: 0.2s;

transition: 0.2s;

background-color: #011529;

visibility: hidden;

position: absolute;

top: 45px;

min-width: 200px;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li {

border-bottom: 1px solid rgba(255, 255, 255, 0.05);

padding: inherit;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li a {

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

background-color: transparent;

color: #fff;

display: block;

text-transform: none;

padding: 10px;

white-space: nowrap;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li a:hover {

background-color: #ea6645;

color: #fff;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li:first-child a:after {

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

border-color: transparent transparent #011529 transparent;

border-style: solid;

border-width: 0 7.5px 7px 7.5px;

content: "";

height: 0px;

position: absolute;

left: 30px;

top: -7px;

width: 0px;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li:first-child a:before {

background-color: transparent;

content: "";

height: 7px;

width: 100%;

position: absolute;

top: -7px;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li:first-child a:hover:after

{

border-color: transparent transparent #ea6645 transparent;

}

.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li:last-child {

border: none;

}



.btn {

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

background-color: #052c53;

border: 2px solid transparent;

color: #fff;

font-weight: bold;

/*min-height: 40px;*/

outline: none !important;

padding: 8px 18px;

}

.btn:active, .btn:focus {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

color: #fff;

}

.btn:hover {

background-color: #e7532e;

color: #fff;

}

.btn.btn-color-primary {

background-color: #012951;

color: #fff;

}

.btn.btn-color-primary:hover {

background-color: #011c38;

}

.btn.btn-color-grey-dark {

background-color: #252525;

color: #fff;

}

.btn.btn-color-grey-dark:hover {

background-color: #181818;

}

.btn.btn-color-grey-light {

background-color: #c5c5c5;

color: #252525;

}

.btn.btn-color-grey-light:hover {

background-color: #b8b8b8;

}

.btn.btn-framed {

background-color: transparent;

border-color: #ea6645;

color: #ea6645;

}

.btn.btn-framed:hover {

background-color: #ea6645;

color: #fff;

}

.btn.btn-framed.btn-color-primary {

border-color: #012951;

color: #252525;

}

.btn.btn-framed.btn-color-primary:hover {

background-color: #012951;

color: #fff;

}

.btn.btn-framed.btn-color-primary {

border-color: #012951;

color: #012951;

}

.btn.btn-framed.btn-color-primary:hover {

background-color: #012951;

}

.btn.btn-framed.btn-color-grey-dark {

border-color: #252525;

color: #252525;

}

.btn.btn-framed.btn-color-grey-dark:hover {

background-color: #252525;

color: white;

}

.btn.btn-framed.btn-color-grey-light {

border-color: #c5c5c5;

color: #252525;

}

.btn.btn-framed.btn-color-grey-light:hover {

background-color: #c5c5c5;

}

.btn.btn-framed.btn-color-grey {

border-color: #c5c5c5;

color: #252525;

}

.btn.btn-framed.btn-color-grey:hover {

background-color: #c5c5c5;

}

.btn.btn-framed.btn-color-white {

border-color: #fff;

color: #252525;

}

.btn.btn-framed.btn-color-white:hover {

background-color: #fff;

color: #252525 !important;

}

.btn.btn-small {

font-size: 12px;

min-height: 30px;

padding: 5px 10px;

}

.btn.btn-large {

font-size: 16px;

padding: 12px 22px;

}



.input-group-btn .btn {

margin-left: 20px !important;

}



input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="number"], textarea {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

background-color: whitesmoke;

border: 2px solid #c5c5c5;

font-size: 12px;

min-height: 40px;

padding: 10px 9px 9px 9px;

width: 100%;

}

input[type="text"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="password"]:hover,

input[type="number"]:hover, textarea:hover {

border: 2px solid #a6a6a6;

}

input[type="text"]:focus, input[type="text"]:active, input[type="email"]:focus, input[type="email"]:active,

input[type="search"]:focus, input[type="search"]:active, input[type="password"]:focus, input[type="password"]:active,

input[type="number"]:focus, input[type="number"]:active, textarea:focus, textarea:active {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

border-color: #a6a6a6;

background-color: #fff;

}

input[type="text"].has-dark-background, input[type="email"].has-dark-background,

input[type="search"].has-dark-background, input[type="password"].has-dark-background,

input[type="number"].has-dark-background, textarea.has-dark-background {

background-color: rgba(255, 255, 255, 0.1);

border: none;

color: #fff;

}

input[type="text"].has-dark-background:hover, input[type="email"].has-dark-background:hover,

input[type="search"].has-dark-background:hover, input[type="password"].has-dark-background:hover,

input[type="number"].has-dark-background:hover, textarea.has-dark-background:hover {

background-color: rgba(255, 255, 255, 0.15);

}

input[type="text"].has-dark-background:focus, input[type="text"].has-dark-background:active,

input[type="email"].has-dark-background:focus, input[type="email"].has-dark-background:active,

input[type="search"].has-dark-background:focus, input[type="search"].has-dark-background:active,

input[type="password"].has-dark-background:focus, input[type="password"].has-dark-background:active,

input[type="number"].has-dark-background:focus, input[type="number"].has-dark-background:active,

textarea.has-dark-background:focus, textarea.has-dark-background:active {

background-color: #fff;

color: #252525;

}



input {

outline: none !important;

}



.input-group {

margin-bottom: 10px;

position: relative;

width: 100%;

}



.checkbox {

padding-left: 0px;

}



.radio {

padding-left: 0px;

}



.contact-form #form-status {

color: green;

line-height: 45px;

}

.contact-form #form-status #valid .icon {

font-size: 24px;

margin-right: 10px;

vertical-align: middle;

}

.contact-form #form-status #invalid {

color: red;

}

.contact-form label.error {

background-color: red;

bottom: -30px;

color: #fff;

font-size: 12px;

left: 0;

padding: 5px;

position: absolute;

z-index: 2;

}

.contact-form label.error:before {

border-style: solid;

border-width: 0 3.5px 5px 3.5px;

border-color: transparent transparent red transparent;

content: "";

height: 0px;

left: 5px;

position: absolute;

top: -5px;

width: 0px;

}



.icheckbox {

position: relative;

display: inline-block;

vertical-align: middle;

background-color: whitesmoke;

border: 2px solid #c5c5c5;

display: inline-block;

height: 20px;

margin-right: 10px;

position: relative;

width: 20px;

top: -1px;

}

.icheckbox:after {

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

opacity: 0;

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #252525;

content: "\f00c";

position: absolute;

line-height: 15px;

left: 2px;

}

.icheckbox.checked:after {

filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

opacity: 1;

}



.iradio {

-moz-border-radius: 50%;

-webkit-border-radius: 50%;

border-radius: 50%;

position: relative;

display: inline-block;

vertical-align: middle;

background-color: whitesmoke;

border: 2px solid #c5c5c5;

display: inline-block;

height: 20px;

margin-right: 10px;

position: relative;

width: 20px;

top: -1px;

}

.iradio:after {

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

opacity: 0;

-moz-border-radius: 50%;

-webkit-border-radius: 50%;

border-radius: 50%;

width: 8px;

height: 8px;

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

margin: auto;

content: "";

background-color: #252525;

}

.iradio.checked:after {

filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

opacity: 1;

}



#form-status {

margin-top: 10px;

margin-left: 5px;

}



label.error {

background-color: red;

bottom: -30px;

color: #fff;

font-size: 12px;

left: 0;

padding: 5px;

position: absolute;

z-index: 2;

}

label.error:before {

border-style: solid;

border-width: 0 3.5px 5px 3.5px;

border-color: transparent transparent red transparent;

content: "";

height: 0px;

left: 5px;

position: absolute;

top: -5px;

width: 0px;

}



.selectize-control {

height: 40px;

}



.selectize-control .selectize-input {

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

background: inherit;

background-color: whitesmoke;

border: 2px solid #c5c5c5;

height: 40px;

padding: 9px;

}

.selectize-control .selectize-input:after {

cursor: pointer;

}

.selectize-control .selectize-input.full {

background-color: whitesmoke;

}

.selectize-control .selectize-dropdown {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

background-color: whitesmoke;

border-color: #c5c5c5;

border-width: 2px;

margin: -2px 0px 0px;

width: 100% !important;

}

.selectize-control .selectize-input.focus {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

}

.selectize-control .selectize-input.dropdown-active {

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

}

.selectize-control .selectize-input input {

font-size: 12px !important;

}

.selectize-control .selectize-dropdown [data-selectable] {

padding: 8px;

}

.selectize-control .selectize-dropdown {

-moz-transition: 0.3s;

-o-transition: 0.3s;

-webkit-transition: 0.3s;

transition: 0.3s;

}

.selectize-control .selectize-dropdown .active {

color: #252525;

background-color: rgba(0, 0, 0, 0.05);

}

.selectize-control.has-dark-background .selectize-input {

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

background: inherit;

background-color: rgba(255, 255, 255, 0.1);

border: 2px solid rgba(255, 255, 255, 0);

height: 40px;

padding: 9px;

}

.selectize-control.has-dark-background .selectize-input:hover {

background-color: rgba(255, 255, 255, 0.15);

}

.selectize-control.has-dark-background .selectize-input.full {

color: #fff;

}

.selectize-control.has-dark-background .selectize-input.full.focus {

background-color: #fff;

color: #252525;

}

.selectize-control.has-dark-background .selectize-input.full.focus.input-active {

color: #252525;

}

.selectize-control.has-dark-background .selectize-input.not-full input {

color: #fff;

}

.selectize-control.has-dark-background .selectize-input.not-full.focus.input-active {

color: #252525;

background-color: #fff;

}

.selectize-control.has-dark-background .selectize-input.not-full.focus.input-active input {

color: #252525;

}

.selectize-control.has-dark-background .selectize-dropdown {

background-color: #fff;

border-color: whitesmoke;

border-width: 2px;

font-size: 12px !important;

margin: -2px 0px 0px;

width: 100% !important;

}

.selectize-control.has-dark-background .selectize-dropdown .selectize-dropdown-content .option {

color: #252525;

}



.btn-input {

display: block;

}



.btn-input .btn.form-control {

text-align: left;

}



.btn-input .btn.form-control span:first-child {

left: 10px;

overflow: hidden;

position: absolute;

right: 25px;

}



.btn-input .btn.form-control .caret {

margin-top: -1px;

position: absolute;

right: 10px;

top: 50%;

}



#page-footer a {

color: #fff !important;

}

#page-footer a:hover {

color: #ea6645 !important;

}

#page-footer abbr {

color: #fff;

}

#page-footer h4 {

color: #fff;

display: inline-block;

font-size: 24px;

margin-bottom: 35px;

margin-top: 10px;

position: relative;

}

#page-footer h4:after {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);

opacity: 0.2;

background-color: #fff;

bottom: -15px;

content: "";

height: 2px;

left: 0;

width: 30px;

position: absolute;

z-index: 0;

}

#page-footer ul {

color: #fff;

}

#page-footer p {

color: #fff;

margin: 0;

}

#page-footer #footer-top {

/* background-color: whitesmoke;

margin-top: 30px; */

padding: 30px 0;

}

#page-footer #footer-top .footer-inner {

display: table;

}

#page-footer #footer-top .footer-inner .footer-social {

display: table-cell;

vertical-align: middle;

width: 100%;

}

#page-footer #footer-top .footer-inner .footer-social figure {

display: inline-block;

font-size: 14px;

vertical-align: top;

}

#page-footer #footer-top .footer-inner .footer-social .icons {

display: inline-block;

}

#page-footer #footer-top .footer-inner .footer-social .icons i {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

opacity: 0.6;

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

color: #252525;

display: inline-block;

float: left;

font-size: 18px;

margin-left: 15px;

padding: 2px 10px;

margin: 0px;

}

#page-footer #footer-top .footer-inner .footer-social .icons i:hover {

filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

opacity: 1;

}

#page-footer #footer-top .footer-inner .input-group {

margin-bottom: 0;

}

#page-footer #footer-top .footer-inner .input-group input {

width: 265px;

}

#page-footer #footer-content {

color: #fff !important;

position: relative;

padding: 40px 0;

}

#page-footer #footer-content .background {

background-color: #012951;

}

#page-footer #footer-bottom {

background-color: #012447;

color: #fff;

padding: 20px 0;

}

#page-footer #footer-bottom .footer-inner {

display: table;

width: 100%;

}

#page-footer #footer-bottom .footer-inner .copyright {

display: table-cell;

vertical-align: middle;

}

#page-footer #footer-bottom nav a {

padding-top: 20px;

padding-bottom: 20px;

}

#page-footer #footer-bottom nav a:hover, #page-footer #footer-bottom nav a:active, #page-footer #footer-bottom nav

a:focus {

background-color: transparent;

}



.wrapper {

display: table;

height: 100%;

width: 100%;

}



#page-content {

display: table-row;

height: 100%;

}



#page-footer {

display: table-row;

height: 1px;

}



.page-sub-page .wrapper .primary-navigation-wrapper, .page-homepage-courses .wrapper .primary-navigation-wrapper,

.page-homepage-events .wrapper .primary-navigation-wrapper {

z-index: 1;

}

.page-sub-page .wrapper .primary-navigation-wrapper .navbar-brand:before, .page-homepage-courses .wrapper

.primary-navigation-wrapper .navbar-brand:before, .page-homepage-events .wrapper .primary-navigation-wrapper

.navbar-brand:before {

height: 110px;

}

.page-sub-page .wrapper .primary-navigation-wrapper .navbar-brand:after, .page-homepage-courses .wrapper

.primary-navigation-wrapper .navbar-brand:after, .page-homepage-events .wrapper .primary-navigation-wrapper

.navbar-brand:after {

height: 10px;

top: 80px;

}



.page-contact .wrapper #page-content section {

margin-bottom: 30px;

}

.page-contact .wrapper #page-content textarea {

min-height: 120px;

}

.page-contact .wrapper #page-content .icons {

display: inline-block;

}

.page-contact .wrapper #page-content .icons i {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

opacity: 0.6;

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

color: #252525;

display: inline-block;

float: left;

font-size: 18px;

margin-left: 15px;

padding: 2px 10px;

margin: 0px;

}

.page-contact .wrapper #page-content .icons i:hover {

filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

opacity: 1;

}



.page-blog-detail #related-articles .blog-listing-post {

margin-bottom: 0;

padding: 0;

}

.page-blog-detail #leave-reply textarea {

min-height: 180px;

}



.page-landing-page .wrapper {

display: block;

height: auto;

width: auto;

}

.page-landing-page #page-content {

display: block;

height: inherit;

}

.page-landing-page #page-footer {

display: block;

height: inherit;

}



.page-my-account h3 {

margin-bottom: 20px;

}



.page-shortcodes article {

border-bottom: 1px solid whitesmoke;

margin-bottom: 40px;

padding-bottom: 30px;

}



.page-course-listing-images .course-listing .row {

margin-bottom: 60px;

}



.sidebar > aside {

margin-bottom: 30px;

}

.sidebar > aside:first-child header h2 {

margin-top: 10px;

}



.sidebar .author-block {

clear: both;

display: table;

margin: 20px 0;

padding: 15px;

}

.sidebar .author-block figure {

float: left;

}

.sidebar .author-block figure img {

-moz-border-radius: 50%;

-webkit-border-radius: 50%;

border-radius: 50%;

border: 3px solid #fff;

width: 60px;

}

.sidebar .author-block article {

padding-left: 25px;

}

.sidebar .author-block article header {

color: #012951;

margin-bottom: 10px;

}

.sidebar .author-block article p {

color: #767676;

line-height: 18px;

}

.sidebar .author-block .paragraph-wrapper {

display: table-cell;

vertical-align: middle;

}

.sidebar .author-block .paragraph-wrapper header {

font-size: 16px;

margin-bottom: 0;

}

.sidebar .author-block .paragraph-wrapper figure {

display: block;

width: 100%;

margin-bottom: 10px;

}



.page-landing-page #homepage-slider {

margin-top: 70px;

height: 750px;

overflow: hidden;

text-align: center;

position: relative;

}

.page-landing-page #homepage-slider .flexslider {

height: 750px;

}

.page-landing-page #homepage-slider .flexslider .flex-direction-nav {

display: none;

}

.page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-next, .page-landing-page #homepage-slider

.flexslider .flex-direction-nav .flex-prev {

background-color: #fff;

height: 30px;

width: 30px;

}

.page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-next:before, .page-landing-page

#homepage-slider .flexslider .flex-direction-nav .flex-prev:before {

display: none;

}

.page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-next:after, .page-landing-page

#homepage-slider .flexslider .flex-direction-nav .flex-prev:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #252525;

font-size: 16px;

position: absolute;

right: 11px;

top: 6px;

z-index: 2;

}

.page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-next:after {

content: "\f105";

}

.page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-prev:after {

content: "\f104";

right: 12px;

}

.page-landing-page #homepage-slider .slides {

padding-left: 0;

}

.page-landing-page #homepage-slider .landing-page-input {

position: absolute;

top: 270px;

bottom: 0px;

height: 50px;

margin: auto;

z-index: 3;

right: 0px;

left: 0px;

}

.page-landing-page #homepage-slider .landing-page-input .input-group {

font-weight: bold;

margin: auto;

width: 550px;

}

.page-landing-page #homepage-slider .landing-page-input .input-group input {

border: none;

font-size: 18px;

height: 70px;

padding: 20px;

}

.page-landing-page #homepage-slider .landing-page-input .input-group .btn {

font-size: 18px;

height: 70px;

margin-left: 0 !important;

width: 70px;

}

.page-landing-page #homepage-slider .landing-page-input .input-group #form-status {

position: absolute;

color: #fff;

width: 100%;

left: 0;

right: 0;

margin-top: 15px;

}

.page-landing-page #homepage-slider .scroll-down {

color: #fff;

position: absolute;

bottom: -60px;

left: 0;

right: 0;

margin: auto;

}

.page-landing-page #homepage-slider .scroll-down .fa {

font-size: 24px;

}

.page-landing-page .block {

padding: 90px 0;

}

.page-landing-page .navbar-brand:after {

display: none;

}

.page-landing-page .navbar-brand:before {

height: 125px !important;

}

.page-landing-page #count-down .background {

background-color: #011c38;

}

.page-landing-page #count-down h2 {

color: #fff;

margin-bottom: 60px;

text-transform: uppercase;

}

.page-landing-page #count-down h2:after {

display: none;

}

.page-landing-page .course-info h2 {

color: #012951;

font-size: 36px;

margin: 0px;

}

.page-landing-page .course-info h2:after {

display: none;

}

.page-landing-page .course-info .time {

font-size: 24px;

}

.page-landing-page .course-info .length {

font-size: 14px;

margin-bottom: 30px;

}

.page-landing-page .author-carousel {

background: none;

}

.page-landing-page .author-carousel .author {

background-color: transparent;

}

.page-landing-page .author-carousel p {

font-size: 14px;

}

.page-landing-page .author-carousel figure {

font-size: 12px;

font-weight: bold;

}

.page-landing-page .navigation-wrapper {

background-color: #012951;

position: fixed;

width: 100%;

z-index: 1;

}

.page-landing-page .navigation-wrapper .secondary-navigation-wrapper {

display: none;

}

.page-landing-page .navigation-wrapper .primary-navigation-wrapper {

padding: 10px 0px;

}

.page-landing-page .navigation-wrapper .primary-navigation-wrapper .navbar-brand:before {

height: 100px !important;

}

.page-landing-page .pricing h3 {

font-size: 24px;

font-weight: bold;

}

.page-landing-page .pricing .features-description {

bottom: 2px;

display: block;

list-style: none;

padding: 0 30px 0 0;

margin-top: 20px;

margin-bottom: 0;

position: absolute;

width: 100%;

}

.page-landing-page .pricing .features-description li {

border-top: 2px solid whitesmoke;

color: #767676;

font-size: 14px;

font-weight: bold;

padding: 15px 0;

}

.page-landing-page .navigation-fixed {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

background-color: #012951;

padding: 10px 0px 5px 0px !important;

position: fixed;

width: 100%;

top: 0;

z-index: 999;

}

.page-landing-page .navigation-fixed .navbar-brand {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

}

.page-landing-page .navigation-fixed .navbar-brand img {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

max-height: 35px !important;

}

.page-landing-page .navigation-fixed .navbar-brand:before {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

top: -65px !important;

}



.page-microsite .image-carousel .image-carousel-slide img {

width: 100%;

}

.page-microsite .navigation-wrapper .branding {

padding-top: 10px;

padding-bottom: 20px;

}

.page-microsite .navigation-wrapper .branding .navbar-brand img {

max-width: 200px;

}

.page-microsite .navigation-wrapper .branding .search {

margin-top: 20px;

}

.page-microsite .navigation-wrapper .branding .search .input-group {

width: 300px;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper {

background-color: #012951;

padding: 10px 0px;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper .navbar {

min-height: inherit;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper .navbar li {

margin-right: 25px;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper .navbar li a {

padding: 10px 0;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper .navbar .social {

line-height: 40px;

float: right;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper .navbar .social .fa {

font-size: 18px;

margin-left: 15px;

}

.page-microsite .navigation-wrapper .secondary-navigation-wrapper {

background-color: whitesmoke;

color: #252525;

font-size: 11px;

padding: 5px 0;

}

.page-microsite #slider {

background-color: #011c38;

padding-bottom: 30px;

padding-top: 30px;

}

.page-microsite #slider h1, .page-microsite #slider h2 {

color: #fff;

}

.page-microsite #slider p {

color: #fff;

}

.page-microsite #slider a {

color: #fff;

}

.page-microsite #slider a:hover {

color: #ea6645;

}

.page-microsite #slider .slider-wrapper:after {

background-color: transparent;

}

.page-microsite #slider .news-small article {

border-bottom-color: rgba(255, 255, 255, 0.1);

}

.page-microsite #slider .news-small article header {

padding-left: 0;

}

.page-microsite #slider .news-small article i {

float: left;

display: inline-block;

position: relative;

top: 3px;

}

.page-microsite #slider .news-small article a {

padding-left: 20px;

display: block;

}



@media (min-width: 992px) and (max-width: 1199px) {

.navigation-wrapper .primary-navigation-wrapper {

padding: 15px 0px;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:after, .navigation-wrapper

.primary-navigation-wrapper header .navbar-brand:before {

right: -40px;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:after {

top: 65px !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

top: -15px !important;

height: 80px !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand img {

max-width: 180px;

}



.page-microsite #slider h1 {

font-size: 24px !important;

}

}

@media (min-width: 768px) and (max-width: 991px) {

.navigation-wrapper .primary-navigation-wrapper {

padding: 5px 0px;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand {

margin-bottom: 25px;

padding-top: 5px;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:after, .navigation-wrapper

.primary-navigation-wrapper header .navbar-brand:before {

right: -40px;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:after {

top: 65px !important;

height: 10px !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

top: -5px !important;

height: 80px !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand img {

max-width: 180px;

}

.navigation-wrapper .primary-navigation-wrapper .navbar-right {

float: left !important;

}



.course-image, .event-image {

margin-bottom: 20px;

}



.featured-course .btn {

display: none;

}

.featured-course .stick-to-bottom {

position: absolute !important;

}

.featured-course .image {

height: 160px !important;

}

.featured-course .image .image-wrapper img {

height: 160px !important;

}



.flexslider {

height: auto !important;

}

.flexslider figure .inner {

display: block !important;

}

.flexslider h1 {

font-size: 28px !important;

}

.flexslider h2 {

font-size: 18px !important;

}



.homepage-carousel-wrapper:after {

display: none !important;

background-color: transparent;

width: 0 !important;

}



#homepage-carousel {

background-color: #011c38;

padding-bottom: 20px;

}



.stick-to-bottom {

position: relative;

}



.slider-content h1 {

font-size: 18px !important;

line-height: 24px !important;

margin-bottom: 25px !important;

}



.course-info h2 {

font-size: 26px !important;

}



#page-footer {

font-size: 11px !important;

}

#page-footer h4 {

font-size: 16px !important;

}



#footer-content .logo {

text-align: center;

margin-bottom: 40px;

position: relative !important;

}

#footer-content .logo img {

position: relative !important;

}



.page-microsite .news-small {

margin-top: 30px;

}

.page-microsite .navbar .social {

display: none;

}

.page-microsite .navbar-nav li a {

font-size: 12px !important;

}



.page-landing-page .navigation-fixed {

padding: 0 !important;

}

.page-landing-page .navigation-wrapper .primary-navigation-wrapper {

padding: 0 !important;

}

.page-landing-page .navigation-wrapper .primary-navigation-wrapper nav {

float: right !important;

padding: 15px 0 !important;

}

.page-landing-page .navigation-wrapper .primary-navigation-wrapper .navbar-brand:before {

top: 0px !important;

}

.page-landing-page .navigation-wrapper .primary-navigation-wrapper .navbar-brand img {

padding-top: 5px;

}



.navbar-header {

float: none !important;

}



.navbar-brand:before {

right: -40px !important;

}



#landing-page-head-image {

height: 500px;

}

#landing-page-head-image h1 {

font-size: 50px;

margin: 20px 50px;

}



.page-microsite #slider h1 {

font-size: 24px !important;

}

}

@media (max-width: 767px) {

body {

font-size: 14px;

}



img {

width: 100%;

}



iframe {

width: 100%;

}



footer section {

margin-bottom: inherit;

}



section {

margin-bottom: 0 !important;

}



.author {

margin-bottom: 20px;

}



.account-block {

padding: 0 !important;

}



.wrapper {

display: inherit !important;

overflow: visible !important;

}



#page-content {

display: inherit !important;

height: auto !important;

}



#page-footer {

display: inherit !important;

}



.background img {

display: none;

}



.block-dark-background {

margin-left: -15px;

margin-right: -15px;

}



.connect-block .nav-pills {

margin-bottom: 20px;

}

.connect-block .tab-content .tab-pane > div {

margin-bottom: 20px;

}



.blog-listing-post {

margin-bottom: 0px !important;

}



.course-count-down .btn {

margin: 10px 0 !important;

width: 100% !important;

position: relative !important;

top: inherit !important;

}



.course-summary {

display: block;

margin-bottom: 10px;

}



.course-search-box .form-group {

width: 100% !important;

}



.event-image, .course-image {

margin-bottom: 20px;

height: auto !important;

}

.event-image .image-wrapper, .course-image .image-wrapper {

left: inherit !important;

margin-left: inherit !important;

}

.event-image .image-wrapper img, .course-image .image-wrapper img {

height: auto !important;

width: 100% !important;

}



.events .event {

margin-bottom: 20px !important;

padding-bottom: 20px !important;

}

.events .event a {

position: relative !important;

}

.events .event aside {

padding-left: 60px;

}

.events .event .date {

height: 50px;

width: 50px;

}

.events .event .date .month {

font-size: 10px;

}

.events .event .date .day {

bottom: 11px;

font-size: 42px;

right: -12px;

}

.events.images .event aside {

padding-left: 0;

}

.events.images .event aside .additional-info {

margin-bottom: 20px;

}

.events.images .event .event-thumbnail {

float: none;

width: 100%;

margin-bottom: 20px;

}

.events.images .event .event-thumbnail .event-image {

height: inherit;

width: 100%;

}

.events.images .event .event-thumbnail .event-image .image-wrapper {

left: inherit;

margin-left: inherit;

}

.events.images .event .event-thumbnail .event-image .image-wrapper img {

height: inherit;

width: 100%;

}



.featured-course .image {

height: auto !important;

}

.featured-course .image .image-wrapper {

left: inherit !important;

margin-left: inherit !important;

}

.featured-course .image .image-wrapper img {

width: 100% !important;

height: auto !important;

}



.flexslider h1 {

font-size: 18px !important;

}

.flexslider h2 {

font-size: 14px !important;

}

.flexslider .flex-direction-nav {

position: absolute !important;

bottom: 50%;

width: 100%;

}

.flexslider .flex-direction-nav .flex-prev {

left: 20px;

}

.flexslider .flex-direction-nav .flex-next {

right: 20px;

}

.flexslider .slides figure {

height: 100% !important;

}

.flexslider .slides figure .inner {

display: block !important;

width: 100%;

}

/* .flexslider .slides img {

width: auto !important;

display: block;

position: relative;

z-index: -1;

left: 100%;

margin-left: -200%;

} */



footer img {

width: inherit;

position: relative !important;

}

footer #footer-top .footer-inner {

display: block;

text-align: center;

}

footer #footer-top .footer-inner .footer-social {

display: block !important;

margin-bottom: 20px;

width: 100%;

}

footer #footer-top .footer-inner .footer-social figure {

display: block;

margin-bottom: 10px;

}

footer #footer-top .footer-inner .footer-social .icons .fa {

font-size: 30px;

padding: 2px 20px;

}

footer #footer-top .footer-inner .search {

float: none !important;

}

footer #footer-top .footer-inner .search .input-group input {

width: 100% !important;

}

footer #footer-content aside {

margin-bottom: 30px;

}

footer #footer-content .logo {

display: block;

text-align: center;

}



.logos {

text-align: center;

}

.logos .logo {

display: block;

margin-bottom: 30px;

}

.logos .logo a img {

width: inherit;

max-width: 100%;

}



#landing-page-head-image {

margin-top: 0;

}

#landing-page-head-image h1 {

font-size: 24px !important;

}

#landing-page-head-image h2 {

font-size: 18px !important;

}

#landing-page-head-image img {

height: 100% !important;

width: auto !important;

}

#landing-page-head-image .wrapper, #landing-page-head-image .inner {

display: block !important;

}



.landing-page-input .input-group {

width: calc(100% - 40px) !important;

}

.landing-page-input .input-group input {

font-size: 14px !important;

}



.member-detail figure {

float: none !important;

display: block;

}

.member-detail .paragraph-wrapper {

display: block !important;

padding-left: 0 !important;

margin-top: 20px;

}



.navigation-wrapper {

top: 0;

}

.navigation-wrapper .primary-navigation-wrapper {

padding: 10px 0px;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav {

padding: 0 !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav .has-child:after {

position: absolute !important;

right: 45px;

top: 17px !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav li {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

border-bottom: 1px solid rgba(255, 255, 255, 0.05);

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav li a {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav li a:hover {

background-color: #ea6645 !important;

color: #fff !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav li.active a {

color: #ea6645;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav li:last-child {

border: none;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav li:hover .child-navigation {

filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

opacity: 1;

height: auto !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav li .child-navigation {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

opacity: 0;

visibility: visible !important;

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

background-color: #000f1f !important;

height: 0;

min-width: inherit;

overflow: hidden;

position: relative !important;

top: 0px !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav li .child-navigation li {

margin-left: -5px;

margin-right: -5px;

padding: 0px 20px;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav li .child-navigation li a {

padding-left: 20px !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-nav li .child-navigation li a:after {

display: none;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand {

padding-top: 5px;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:after {

height: 15px;

right: -40px;

top: 60px !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

right: -40px;

height: 90px !important;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand img {

max-width: 150px;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-collapse {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

border: 0;

height: auto;

background-color: #011529;

max-height: inherit;

margin-bottom: -15px;

position: relative;

overflow: hidden;

margin-top: 10px;

padding-bottom: 5px;

position: relative;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-collapse:after {

content: "";

width: 0px;

height: 0px;

border-style: solid;

border-width: 0 5px 8px 5px;

border-color: transparent transparent #011529 transparent;

position: absolute;

top: -8px;

right: 32px;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-collapse .navbar-nav {

margin: 0px -15px;

padding: 5px 0;

}

.navigation-wrapper .primary-navigation-wrapper header .navbar-collapse .navbar-nav li a {

padding: 10px 30px;

}

.navigation-wrapper .primary-navigation-wrapper header .collapsing ul {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

opacity: 0;

}

.navigation-wrapper .primary-navigation-wrapper header .collapse.in ul {

-moz-transition: 0.4s;

-o-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;

filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

opacity: 1;

}



.navbar-toggle .icon-bar {

background-color: #fff;

}



.nav-tabs > li {

display: block !important;

float: none !important;

}

.nav-tabs > li.active a {

border-color: #e2e2e2 !important;

}



.navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation a {

padding-left: 50px !important;

}



.pagination {

margin: 20px 0;

}



.page-landing-page .navigation-wrapper .primary-navigation-wrapper {

padding: 5px 0px !important;

}

.page-landing-page .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

top: -35px !important;

}

.page-landing-page .background img {

display: block !important;

}

.page-landing-page .features-description {

position: relative !important;

margin-bottom: 30px;

}

.page-landing-page .price-box {

margin-bottom: 60px;

}



.page-microsite .navbar-brand {

height: auto !important;

padding: 0 !important;

}

.page-microsite .navbar-brand img {

max-width: 180px;

padding-top: 5;

}

.page-microsite .navbar .social {

display: none;

}

.page-microsite .search {

display: none;

}

.page-microsite .image-carousel-slide {

margin-top: 20px;

margin-bottom: 30px;

}



.rating-user img, .rating-individual img {

width: auto;

}



.secondary-navigation-wrapper {

display: none;

}



.page-course-detail .secondary-navigation-wrapper, .page-course-listing .secondary-navigation-wrapper,

.page-homepage-courses .secondary-navigation-wrapper, .page-my-account .secondary-navigation-wrapper {

display: block !important;

}

.page-course-detail .secondary-navigation-wrapper .navigation-contact, .page-course-listing

.secondary-navigation-wrapper .navigation-contact, .page-homepage-courses .secondary-navigation-wrapper

.navigation-contact, .page-my-account .secondary-navigation-wrapper .navigation-contact {

display: none;

}

.page-course-detail .secondary-navigation-wrapper .secondary-navigation li, .page-course-listing

.secondary-navigation-wrapper .secondary-navigation li, .page-homepage-courses .secondary-navigation-wrapper

.secondary-navigation li, .page-my-account .secondary-navigation-wrapper .secondary-navigation li {

display: none;

}

.page-course-detail .secondary-navigation-wrapper .secondary-navigation li:first-child, .page-course-listing

.secondary-navigation-wrapper .secondary-navigation li:first-child, .page-homepage-courses .secondary-navigation-wrapper

.secondary-navigation li:first-child, .page-my-account .secondary-navigation-wrapper .secondary-navigation

li:first-child {

display: block !important;

}

.page-course-detail .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before, .page-course-listing

.navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before, .page-homepage-courses .navigation-wrapper

.primary-navigation-wrapper header .navbar-brand:before, .page-my-account .navigation-wrapper

.primary-navigation-wrapper header .navbar-brand:before {

top: -10px !important;

height: 70px !important;

}



section {

margin-bottom: 30px;

}



.homepage-carousel-wrapper:after {

display: none !important;

background-color: transparent;

width: 0 !important;

}



#homepage-carousel {

background-color: #011c38;

padding-bottom: 20px;

}



.stick-to-bottom {

position: relative;

}



.author {

text-align: center;

}

.author figure {

display: block;

float: none;

margin-bottom: 20px;

}

.author figure img {

width: inherit;

}

.author article {

display: block;

padding-left: 0;

}

.author article header {

font-size: 14px;

}

}

@-moz-document url-prefix() {

th.headerSortUp:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #252525;

content: "\f0de";

display: inline-block;

position: relative;

right: 10px;

right: -15px;

top: inherit;

}



th.headerSortDown:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #252525;

content: "\f0dd";

display: inline-block;

position: relative;

right: 10px;

right: -15px;

top: inherit;

}



th.header:before {

display: none;

}

th.header:hover:after {

text-shadow: none;

-webkit-font-smoothing: antialiased;

font-family: 'fontawesome';

speak: none;

font-weight: normal;

font-variant: normal;

line-height: 1;

text-transform: none;

color: #c5c5c5;

content: "\f0dc";

display: inline-block;

font-size: 12px;

position: relative;

right: 10px;

right: -15px;

top: inherit;

}

}

/* ===========================

CERTIFICATE BANNER

=========================== */



.certificate-banner{

position: relative;

background: url('../images/certificate-banner.jpg') center center/cover no-repeat;

min-height: 280px;

display: flex;

align-items: center;

justify-content: center;

overflow: hidden;

}



.banner-overlay{

position: absolute;

inset: 0;

background: rgba(20, 32, 56, 0.75);

}



.banner-content{

position: relative;

z-index: 2;

text-align: center;

color: #fff;

}



.banner-content h1{

font-size: 42px;

font-weight: 700;

margin-bottom: 12px;

}



.banner-content p{

font-size: 18px;

opacity: .9;

margin: 0;

}



/* ===========================

SECTION

=========================== */



.certificate-section{

background: #f5f7fb;

padding: 80px 15px;

}



.certificate-wrapper{

max-width: 550px;

margin: auto;

}



/* ===========================

CARD

=========================== */



.certificate-card{

background: #fff;

border-radius: 20px;

padding: 40px;

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

border: 1px solid #eef1f5;

}



/* ===========================

HEADER

=========================== */



.certificate-header{

text-align: center;

margin-bottom: 35px;

}



.certificate-icon{

width: 80px;

height: 80px;

margin: 0 auto 20px;

border-radius: 50%;

background: linear-gradient(135deg,#0d6efd,#0a58ca);

display: flex;

align-items: center;

justify-content: center;

}



.certificate-icon i{

color: #fff;

font-size: 36px;

}



.certificate-header h3{

font-size: 28px;

font-weight: 700;

color: #1e293b;

margin-bottom: 10px;

}



.certificate-header p{

color: #64748b;

margin: 0;

font-size: 15px;

}



/* ===========================

FORM

=========================== */



.form-label{

color: #1e293b;

margin-top: 20px;

font-size: 15px;

}



.custom-input{

height: 55px;

border-radius: 10px;

border: 1px solid #dbe2ea;

padding: 12px 16px;

font-size: 15px;

transition: all .3s ease;

box-shadow: none;

}



.custom-input:focus{

border-color: #0d6efd;

box-shadow: 0 0 0 4px rgba(13,110,253,.12);

}



/* ===========================

BUTTON

=========================== */



.certificate-btn{

width: 100%;

height: 56px;

border: none;

border-radius: 10px;

background: linear-gradient(135deg,#0d6efd,#0a58ca);

color: #fff;

font-size: 16px;

font-weight: 600;

transition: .3s ease;

margin-top: 15px;

}



.certificate-btn:hover{

transform: translateY(-2px);

box-shadow: 0 10px 25px rgba(13,110,253,.25);

}



/* ===========================

ALERTS

=========================== */



.alert{

border-radius: 10px;

padding: 14px 18px;

margin-bottom: 20px;

font-size: 14px;

}



.alert-success{

background: #e8f8ef;

color: #1b7f46;

border: 1px solid #bde7ce;

}



.alert-danger{

background: #fff1f2;

color: #c62828;

border: 1px solid #ffcdd2;

}



/* ===========================

RESPONSIVE

=========================== */



@media(max-width:768px){



.certificate-banner{

min-height: 220px;

}



.banner-content h1{

font-size: 32px;

}



.banner-content p{

font-size: 15px;

}



.certificate-card{

padding: 25px;

}



.certificate-header h3{

font-size: 24px;

}

}



@media(max-width:576px){



.certificate-section{

padding: 50px 10px;

}



.certificate-card{

padding: 20px;

border-radius: 15px;

}



.certificate-icon{

width: 65px;

height: 65px;

}



.certificate-icon i{

font-size: 28px;

}



.banner-content h1{

font-size: 28px;

}

}

#testimonials{

padding:80px 0;

background:#f8f9fa;

}



.author{

background:#fff;

padding:40px;

border-radius:16px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.author-picture{

text-align:center;

margin-bottom:25px;

}



.author-picture img{

width:120px;

height:120px;

border-radius:50%;

object-fit:cover;

border:4px solid #fff;

box-shadow:0 5px 20px rgba(0,0,0,.15);

}



.paragraph-wrapper header{

font-size:18px;

line-height:1.8;

color:#444;

text-align:center;

}



.paragraph-wrapper footer{

margin-top:20px;

text-align:center;

font-weight:600;

color:#0d6efd;

}

/* ==========================

Course Main Card

========================== */

.course-table-container {

background: #ffffff;

padding: 20px 20px 25px;

border-radius: 8px;

box-shadow: 0px 3px 10px rgba(0,0,0,0.18);

border-bottom: 6px solid #e7a263;

margin-top: 35px;

}



/* ==========================

Heading

========================== */

.course-heading {

font-size: 26px;

font-weight: 400;

color: #8d6c69;

margin-bottom: 25px;

position: relative;

font-family: Georgia, serif;

}



.course-heading::before {

content: "";

position: absolute;

left: 0;

bottom: -8px;

width: 115px;

height: 3px;

background: #24288d;

}



.course-heading::after {

content: "";

position: absolute;

left: 120px;

bottom: -8px;

width: 28px;

height: 3px;

background: #e3a059;

}



/* ==========================

Table

========================== */

.exact-table {

width: 100%;

border-collapse: collapse;

margin-top: 25px;

background: #ffffff;

}



/* Table Header */

.exact-table th {

background: #e8cbb0;

color: #2d2d2d;

font-size: 14px;

font-weight: 600;

text-align: left;

padding: 13px 10px;

border: 1px solid #5f5f5f;

vertical-align: middle;

}



/* Table Body */

.exact-table td {

font-size: 14px;

color: #333333;

padding: 11px 10px;

border: 1px solid #5f5f5f;

vertical-align: middle;

line-height: 1.5;

}



/* Serial Number */

.exact-table td:first-child,

.exact-table th:first-child {

width: 60px;

text-align: center;

}



/* Code Column */

.exact-table td:nth-child(2) {

width: 90px;

}



/* Short Name */

.exact-table td:nth-child(3) {

width: 150px;

}



/* Full Course Name */

.exact-table td:nth-child(4) {

width: 380px;

}



/* Duration */

.exact-table td:nth-child(5) {

width: 120px;

}



/* Details */

.exact-table td:last-child,

.exact-table th:last-child {

width: 90px;

text-align: center;

}



/* PDF Icon */

.pdf-btn {

color: #d32020;

font-size: 20px;

text-decoration: none;

}



.pdf-btn:hover {

color: #a50000;

}



/* ==========================

Responsive

========================== */

@media (max-width: 768px) {



.course-heading {

font-size: 20px;

}



.exact-table {

min-width: 700px;

}



.exact-table th,

.exact-table td {

font-size: 12px;

padding: 8px;

}

}

/* Background */

.courses-page {

background: #f2f2f2;

min-height: 100vh;

padding-bottom: 50px;

}



/* Top Banner */

.course-header {

height: 220px;

background: #052c53;

display: flex;

align-items: center;

justify-content: center;

}



.course-header h1 {

color:white;

font-size: 48px;

font-weight: 600;

letter-spacing: 2px;

}



/* Card */

.course-card {

background: #fff;

margin-top: 50px;

padding: 20px;

border-radius: 10px;

box-shadow: 0 0 12px rgba(0,0,0,0.15);

border-bottom: 10px solid #052c53;;

}



/* Title */

.section-title {

font-size: 22px;

color: #8b5d5d;

margin-bottom: 25px;

position: relative;

}



.section-title::before {

content: "";

position: absolute;

left: 0;

bottom: -8px;

width: 110px;

height: 3px;

background: #2628a6;

}



.section-title::after {

content: "";

position: absolute;

left: 120px;

bottom: -8px;

width: 25px;

height: 3px;

background: #e69a55;

}



/* Table */

.custom-course-table {

width: 100%;

border-collapse: collapse;

}



.custom-course-table th {

background: #052c53;

padding: 12px;

border: 1px solid #666;

text-align: left;

color: white;

}



.custom-course-table td {

padding: 12px;

border: 1px solid #666;

}



/* PDF */

.pdf-btn {

color: red;

font-size: 22px;

text-decoration: none;

}



/* Mobile */

@media(max-width:768px) {



.course-header h1 {

font-size: 30px;

}



.section-title {

font-size: 18px;

}



.custom-course-table th,

.custom-course-table td {

font-size: 13px;

padding: 8px;

}

}



/* Reset */

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}



/* Main Section */

.about-section {

width: 100%;





}



/* Container */

.about-container {

width: 85%;

margin: auto;

display: flex;

align-items: flex-start;

gap: 35px;

}



/* Left Side Image */

.about-image {

flex: 0 0 48%;

}



.about-image img {

width: 100%;

height: 630px;

object-fit: cover;

display: block;

}



/* Right Content */

.about-content {

flex: 0 0 52%;

display: flex;

flex-direction: column;

}



/* Heading */

.about-content h1 {

font-size: 44px;

font-weight: 300;

color: #222;

margin-bottom: 25px;

font-family: "Poppins", sans-serif;

}



/* Paragraphs */

.about-content p {

font-size: 15px;

line-height: 1.9;

color: #444;

text-align: justify;

margin-bottom: 18px;

font-family: "Poppins", sans-serif;

}



/* Read More Button */

.read-btn {

width: fit-content;

background: #052c53;

color: #fff;

padding: 10px 18px;

text-decoration: none;

font-size: 15px;

font-weight: 600;

transition: 0.3s;

font-family: "Poppins", sans-serif;

}



.read-btn:hover {

background: #d8d8d8;

}



/* Responsive */

@media (max-width: 992px) {



.about-container {

width: 90%;

flex-direction: column;

gap: 25px;

}



.about-image,

.about-content {

flex: 100%;

}



.about-image img {

height: auto;

}



.about-content h1 {

font-size: 36px;

}

}



@media (max-width: 576px) {



.about-section {

padding: 30px 0;

}



.about-content h1 {

font-size: 30px;

}



.about-content p {

font-size: 14px;

line-height: 1.8;

}

}

/* Required */

.nav-wrapper{

position: relative;

}



/* Academics parent */

.mega-dropdown {

position: static;

}



/* Mega box */

.mega-menu {



position: absolute;

/* left: 50%; */

transform: translateX(-50%);

top: 100%;



width: 1020px;

background: #f4f4f4;



border: 1px solid #d8d8d8;

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



padding: 15px;



display: flex;

gap: 20px;



opacity: 0;

visibility: hidden;



transition: 0.3s ease;



z-index: 9999;

}



/* Show on hover */

.mega-dropdown:hover .mega-menu {



opacity: 1;

visibility: visible;

}



/* Columns */

.mega-column {



flex: 1;

}



/* Top heading */

.mega-column h4 {



background: #052c53;

padding: 12px;

font-size: 14px;

font-weight: 700;

text-transform: uppercase;

margin-bottom: 10px;

border-radius: 3px;

color: white;

}



/* Remove bullets */

.mega-column ul {



list-style: none;

padding: 0;

margin: 0;

}



/* Each row */

.mega-column li {



border-bottom: 1px solid #cfcfcf;

}



/* Links */

.mega-column a {



display: flex;

align-items: flex-start;



text-decoration: none;



color: #222;



padding: 13px 0;



font-size: 15px;



line-height: 1.4;

}



/* Double arrow */

.mega-column ul li a::before {



content: "»";



font-size: 24px;



margin-right: 15px;



font-weight: bold;



color: #000;

}



/* Hover */

.mega-column ul li a:hover {



color: #b86b35;

}



/* Mobile */

@media(max-width:991px){



.mega-menu{



position: static;



width: 100%;



transform: none;



flex-direction: column;



opacity: 1;



visibility: visible;



display: none;



box-shadow: none;

}



.mega-dropdown:hover .mega-menu{



display: flex;

}



}

.exam-menu-box {

width: 400px;

left: 0;

transform: none;

}

.about-content h2 {

font-size: 24px;

margin: 25px 0 15px;

color: #222;

}



.about-content ul {

padding-left: 25px;

margin-bottom: 20px;

}



.about-content li {

margin-bottom: 8px;

line-height: 1.7;

}



.flexslider {

    height: auto !important;

}



/* Top Section */



.medicine-info {

  background: #052c53;

  padding: 55px 0;

}





.container {

    width: 100%;

    margin: auto;

}





.medicine-info h1 {

    color: #d2d1f7;

    font-size: 44px;

    font-weight: 600;

    text-decoration: underline;

    margin-bottom: 18px;

}





.medicine-info p {

    max-width: 1200px;

    line-height: 1.6;

    font-size: 18px;

    color: #fff;

    margin-bottom: 25px;

}





.medicine-info ul {

    list-style: none;

}





.medicine-info li {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 16px;

    color: #fff;

}







/* Courses */



.course-wrapper {

    background: #ececec;

    border-top: 8px solid #f5f5f5;

}





.course-wrapper h2 {

    text-align: center;

    color: #2d2b85;

    font-size: 42px;

    font-weight: 600;

    padding: 18px 0;

}





.course-row {

    display: flex;

    border-top: 1px solid #9b9b9b;

}





.course-name {

    width: 65%;

    padding: 42px 160px;

    font-size: 22px;

    font-weight: 500;

}





.course-btn {

    width: 35%;

    border-left: 1px solid #9b9b9b;

    display: flex;

    align-items: center;

    padding-left: 35px;

}





.course-btn a {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    background: #052c53;

    border: 8px solid #052c53;

    color: #fff;

    text-decoration: none;

    font-size: 48px;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .3s;

}





.course-btn a:hover {

    transform: scale(1.08);

    background: #000;

}





/* Responsive */



@media(max-width:768px){



    /* .container {

        width: 90%;

    } */



    .medicine-info h1,

    .course-wrapper h2 {

        font-size: 30px;

    }





    .course-row {

        flex-direction: column;

    }





    .course-name,

    .course-btn {

        width: 100%;

        padding: 25px;

        justify-content: center;

    }





    .course-btn {

        border-left: none;

        border-top: 1px solid #999;

    }



}



/* Main Section */

.ug-course-section{

    width:100%;

    padding:35px 0;

}





/* Card */

.ug-card{

    width:92%;

    margin:auto;

    background:#efefef;

    border-radius:0 0 12px 12px;

    padding:22px;

    box-shadow:0 2px 12px rgba(0,0,0,0.15);

    border-bottom:6px solid #052c53;

}





/* Heading */

.ug-title{

    font-size:24px;

    font-weight:600;

    margin-bottom:8px;



    background:linear-gradient(90deg,#bb7b66,#37308f);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}





/* Divider */

.title-divider{

    display:flex;

    align-items:center;

    width:340px;

    margin-bottom:22px;

}



.title-divider::before,

.title-divider::after{

    content:"";

    flex:1;

    height:3px;

    background:#3d3a9c;

}



.title-divider span{

    width:32px;

    height:6px;

    background:#e0a46f;

    margin:0 8px;

    border-radius:5px;

}





/* Table */

.ug-table{

    width:100%;

    border-collapse:collapse;

    background:#fff;

}







.ug-table td{

    border:1px solid #444;

    text-align:left;

    padding:18px 14px;

    font-size:14px;

    color:#000;

}

.ug-table th{

     color:#fff;

     border:1px solid #444;

    text-align:left;

    padding:18px 14px;

    font-size:14px;

}



/* Header */

.ug-table th{

    background:#052c53;

    font-size:15px;

    font-weight:600;

}





/* Body */

.ug-table td{

    background:#f4f4f4;

    font-weight:400;

    line-height:1.5;

}





/* Column widths */

.ug-table th:nth-child(1),

.ug-table td:nth-child(1){

    width:13%;

}





.ug-table th:nth-child(2),

.ug-table td:nth-child(2){

    width:38%;

}





.ug-table th:nth-child(3),

.ug-table td:nth-child(3){

    width:35%;

}





.ug-table th:nth-child(4),

.ug-table td:nth-child(4){

    width:14%;

}





/* Table */

.ug-table{

    width:100%;

    border-collapse:collapse;

    background:#fff;

}



/* Mobile */

@media(max-width:768px){



    .ug-card{

        width:100%;

        padding:15px;

        overflow:hidden;

    }



    .title-divider{

        width:220px;

    }



    .ug-table{

        display:block;

        width:100%;

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;

    }



    .ug-table table{

        min-width:700px;

    }



    .ug-table th,

    .ug-table td{

        padding:10px 8px;

        font-size:12px;

        white-space:normal;

    }

}





.admission-section{

    display:flex;

    gap:15px;

    margin-top:30px;

}



.left-menu{

    width:300px;

    background:#fff;

    border-radius:12px;

    overflow:hidden;

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

    border-bottom:6px solid #052c53;

}



.left-menu .tab-btn{

    width:100%;

    text-align:left;

    padding:18px 25px;

    background:#e4b48f;

    border:none;

    border-bottom:1px solid #6e6e6e;

    cursor:pointer;

    font-size:18px;

    font-weight:500;

    transition:.3s;

 

}



.left-menu .tab-btn:hover{

    background:#e4b48f;

}



.left-menu .tab-btn.active{

  

    background:#e7b184;

    font-weight:600;

}



.right-content{

   flex: 1;

  background: #fff;

  border-radius: 12px;

  padding: 20px 40px;

  min-height: 440px;

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

  border-bottom: 6px solid #052c53;

  /* font-size: 20px; */

}



.tab-content{

    display:none;

}



.tab-content.active{

    display:block;

}



.tab-content h2{

    color:#7d6779;

    font-size:20px;

    margin-bottom:8px;

    font-weight:600;

}



.tab-divider{

    display:flex;

    align-items:center;

    margin-bottom:25px;

}



.tab-divider::before,

.tab-divider::after{

    content:"";

    height:3px;

    background:#3425d0;

    flex:1;

}



.tab-divider span{

    width:30px;

    height:8px;

    background:#e79a62;

    border-radius:4px;

    margin:0 10px;

}



.tab-links{

    list-style:none;

    padding:0;

    margin:0;

}



.tab-links li{

    margin-bottom:18px;

}



.tab-links a{

    color:#000;

    text-decoration:none;

    font-size:17px;

    transition:.3s;

}



.tab-links a:hover{

    color:#1f2ec9;

}



.tab-links a::before{

    content:"›";

    font-size:22px;

    color:#000;

    margin-right:10px;

    font-weight:bold;

}

.admission-wrapper{

    max-width: 1380px;

    margin: 40px auto;

    padding: 0 15px;

}



.admission-section{

    display:flex;

    gap:15px;

}

.stats-section{

    width:100%;

    display:flex;

    justify-content:center;

    margin:40px 0;

}



.stats-card{

    width:90%;

    max-width:1380px;

    background:#fff;

    border-radius:15px;

    padding:25px 35px;

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

    border-bottom:6px solid #e79a62;

}



.stats-card h2{

    margin:0;

    color:#7b6678;

    font-size:38px;

    font-weight:600;

}



.title-divider{

    display:flex;

    align-items:center;

    margin:15px 0 30px;

    max-width:500px;

}



.title-divider::before,

.title-divider::after{

    content:"";

    flex:1;

    height:3px;

    background:#3528cf;

}



.title-divider span{

    width:35px;

    height:8px;

    background:#e79a62;

    border-radius:10px;

    margin:0 12px;

}



.stats-list{

    list-style:none;

    padding:0;

    margin:0;

}



.stats-list li{

    font-size:15px;

    margin-bottom:25px;

    color:#222;

    /* display:flex;

    

    align-items:flex-start; */

    font-weight: 700;

}



.stats-list li::before{

    content:"›";

    font-size:20px;

    margin-right:12px;

    color:#000;

    font-weight:700;

}



.admission-banner{

    background: linear-gradient(135deg,#1e3c72,#2a5298);

    padding: 80px 20px;

    text-align: center;

    position: relative;

    overflow: hidden;

}



.admission-banner::before{

    content:'';

    position:absolute;

    inset:0;

    background:rgba(0,0,0,0.25);

}



.banner-content{

    position:relative;

    z-index:2;

}



.banner-content h1{

    color:#fff;

    font-size:48px;

    font-weight:700;

    margin-bottom:10px;

    text-transform:uppercase;

}



.banner-content p{

    color:#fff;

    font-size:18px;

    margin:0;

}





.admission-section{

    display: flex;

    align-items: flex-start;

}

.tab-content{

    display:none !important;

}



.tab-content.active{

    display:block !important;

}

/* Tablet */

@media (max-width: 992px){



    .admission-section{

        flex-direction: column;

    }



    .left-menu{

        width:100%;

    }



    .right-content{

        width:100%;

        padding:20px;

    }



    .left-menu .tab-btn{

        font-size:16px;

        padding:15px 20px;

    }



    .stats-card{

        width:100%;

        padding:20px;

    }



    .stats-card h2{

        font-size:30px;

    }

}





/* Mobile */

@media (max-width: 768px){



    .admission-wrapper{

        padding:0 10px;

    }



    .left-menu{

        width:100%;

    }



    .right-content{

        padding:15px;

        min-height:auto;

    }



    .tab-content h2{

        font-size:18px;

    }



    .tab-content h3{

        font-size:17px;

    }



    .tab-content h4{

        font-size:16px;

    }



    .tab-content ul{

        padding-left:18px;

    }



    .tab-content li{

        margin-bottom:10px;

    }



    .tab-content a{

        font-size:14px;

        word-break:break-word;

    }



    .left-menu .tab-btn{

        font-size:15px;

        padding:14px 16px;

    }



    .stats-card h2{

        font-size:24px;

    }



    .stats-list li{

        font-size:14px;

    }



    .banner-content h1{

        font-size:28px;

    }



    .banner-content p{

        font-size:14px;

    }

}





/* Small Mobile */

@media (max-width: 480px){



    .left-menu .tab-btn{

        font-size:14px;

        padding:12px 14px;

    }



    .right-content{

        padding:12px;

    }



    .tab-content h2{

        font-size:16px;

    }



    .tab-content a{

        font-size:13px;

    }



    .stats-card{

        padding:15px;

    }



    .stats-card h2{

        font-size:20px;

    }

}

.mm-page-wrapper {

    display: flex;

    max-width: 1200px;

    margin: 20px auto;

    background: #fff;

    box-shadow: 0 0 10px rgba(0,0,0,0.1);

}



.mm-sidebar {

    width: 260px;

    background: #f4c7a1;

    padding: 20px 0;

    min-height: 100vh;

}



.mm-sidebar ul {

    list-style: none;

}



.mm-sidebar ul li {

    border-bottom: 1px solid rgba(0,0,0,0.08);

}



.mm-sidebar ul li a {

    display: block;

    padding: 12px 20px;

    text-decoration: none;

    color: #333;

    font-size: 14px;

    font-weight: 500;

}



.mm-sidebar ul li a:hover {

    background: rgba(255,255,255,0.4);

}



.mm-content {

    flex: 1;

    padding: 30px 40px;

}



/* TEXT */

.mm-h2 {

    font-size: 20px;

    margin-bottom: 10px;

    color: #222;

    text-align: center;

}



.mm-p {

    font-size: 14px;

    line-height: 1.8;

    color: #444;

    margin-bottom: 10px;

}



.mm-section {

    margin-bottom: 40px;

}



.mm-ol {

    padding-left: 18px;

}



.mm-ol li {

    font-size: 14px;

    line-height: 1.8;

    margin-bottom: 10px;

}



/* BODY */

.mm-body {

    font-family: Arial, sans-serif;

    background: #f5f5f5;

    margin: 0;

    padding: 20px;

}



/* TABLE WRAPPER */

.mm-table-container {

    max-width: 1200px;

    margin: auto;

    background: #fff;

    padding: 20px;

    box-shadow: 0 2px 10px rgba(0,0,0,0.1);

    border-radius: 8px;

}



/* TABLE */

.mm-table {

    width: 100%;

    border-collapse: collapse;

    font-size: 14px;

    min-width: 900px;

}



.mm-table thead {

    background: #f7cdb5;

}



.mm-table th,

.mm-table td {

    border: 1px solid #ddd;

    padding: 10px;

    text-align: left;

    vertical-align: top;

}



.mm-table th {

    font-weight: 600;

    color: #222;

}



.mm-table tbody tr:nth-child(even) {

    background: #fafafa;

}



.mm-table tbody tr:hover {

    background: #f1f1f1;

}



/* SCROLL */

.mm-table-wrapper {

    overflow-x: auto;

}



.left-logo a,

.left-logo a:focus,

.left-logo a:active,

.left-logo a:focus-visible {

    outline: none;

    border: none;

    box-shadow: none;

    text-decoration: none;

}



.left-logo img {

    display: block;

    border: none;

}

.table-container{

    max-width: 1250px;

    margin: 50px auto;

    padding: 0 15px;

}



.table-container h2{

    font-size: 32px;

    font-weight: 700;

    margin-bottom: 25px;

    color: #222;

    text-align: center;

}



.table-wrapper{

    overflow-x: auto;

}



.table-wrapper table{

    width: 100%;

    border-collapse: separate;

    border-spacing: 2px;

    background: #d8d8d8;

}



.table-wrapper th,

.table-wrapper td{

    padding: 10px 12px;

    text-align: left;

    vertical-align: middle;

    font-size: 14px;

    line-height: 1.7;

}



.table-wrapper th{

    background: #182f59;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    border: 1px solid #bdbdbd;

}



.table-wrapper td{

    background: #f2f2f2;

    color: #222;

    border: 1px solid #c6c6c6;

}



.table-wrapper tbody tr:hover td{

    background: #ececec;

}



.table-wrapper th:nth-child(1),

.table-wrapper td:nth-child(1){

    width: 70px;

    text-align: left;

}



.table-wrapper th:nth-child(2),

.table-wrapper td:nth-child(2){

    width: 420px;

}



.table-wrapper th:nth-child(3),

.table-wrapper td:nth-child(3){

    width: 560px;

}



.table-wrapper th:nth-child(4),

.table-wrapper td:nth-child(4){

    width: 150px;

}



.table-wrapper th:nth-child(5),

.table-wrapper td:nth-child(5){

    width: 140px;

}



@media(max-width:991px){



    .table-container h2{

        font-size: 26px;

    }



    .table-wrapper table{

        min-width: 1200px;

    }



    .table-wrapper th,

    .table-wrapper td{

        font-size: 13px;

        padding: 8px 10px;

    }

}



.certificate-section{

    padding:80px 20px;

}



.container{

    max-width:1540px;

    margin:auto;

}



.section-title{

    text-align:center;

    font-size:36px;

    color:#1a2b49;

    margin-bottom:10px;

}



.section-subtitle{

    text-align:center;

    color:#666;

    margin-bottom:50px;

}



.card-wrapper{

    display:flex;

    justify-content:center;

    gap:30px;

    flex-wrap:wrap;

}



.certificate-card1{

    background:#fff;

    width:320px;

    padding:35px 25px;

    border-radius:15px;

    text-align:center;

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

    transition:all 0.3s ease;

    border-top:5px solid #003366;

}



.certificate-card:hover{

    transform:translateY(-10px);

    box-shadow:0 15px 35px rgba(0,0,0,0.15);

}



.card-icon{

    font-size:55px;

    margin-bottom:20px;

}



.certificate-card h3{

    color:#003366;

    margin-bottom:15px;

    font-size:24px;

}



.certificate-card p{

    color:#666;

    line-height:1.6;

    margin-bottom:25px;

}



.btn-view{

    display:inline-block;

    padding:12px 28px;

    background:#003366;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    transition:0.3s;

}



.btn-view:hover{

    background:#0055aa;

}

@media (max-width: 768px){



    .certificate-section{

        padding:50px 15px;

    }



    .section-title{

        font-size:28px;

    }



    .section-subtitle{

        font-size:15px;

    }



    .certificate-card{

        padding:30px 20px;

    }



    .certificate-card h3{

        font-size:22px;

    }



    .card-icon{

        font-size:45px;

    }



}



@media (max-width: 480px){



    .section-title{

        font-size:24px;

    }



    .certificate-card{

        padding:25px 15px;

    }



    .certificate-card h3{

        font-size:20px;

    }



    .btn-view{

        width:100%;

        text-align:center;

    }



}



.zk-links-section{

  

    padding:180px 40px;

   

}



.zk-links-wrapper{

    max-width:1510px;

    margin:auto;

    display:flex;

    gap:20px;

}



.zk-link-card{

    flex:1;

    background:#3a6895;

    border:1px solid #666;

    border-radius:16px;

    padding:16px;

    min-height:550px;

}



.zk-card-title{

    margin:0;

    font-size:28px;

    font-weight:600;

    color:#fff;

    line-height:1.2;

}



.zk-title-line{

    width:145px;

    height:2px;

    background:#003366;

    margin:10px 0 25px;

}



.zk-scroll-box{

    height:450px;

    overflow-y:auto;

    padding-right:8px;

}



.zk-scroll-box::-webkit-scrollbar{

    width:8px;

}



.zk-scroll-box::-webkit-scrollbar-track{

    background:#d9d9d9;

}



.zk-scroll-box::-webkit-scrollbar-thumb{

    background:#bcbcbc;

    border-radius:20px;

}



.zk-link-list,

.zk-static-list{

    list-style:none;

    margin:0;

    padding:0;

}



.zk-link-list li,

.zk-static-list li{

    margin-bottom:18px;

}



.zk-link-list a,

.zk-static-list a{

    text-decoration:none;

    color:#fff;

    font-size:15px;

    line-height:1.7;

    display:block;

    transition:.3s;

}



.zk-link-list a:hover,

.zk-static-list a:hover{

    color:#35348c;

}



.zk-new-tag{

    display:block;

    font-size:11px;

    font-weight:700;

    color:#ff9900;

    text-transform:uppercase;

    margin-top:2px;

}


/* Tablet */
@media (max-width: 992px) {

    .zk-links-section{
        padding:40px 15px;
    }

    .zk-links-wrapper{
        flex-direction:column;
        gap:20px;
    }

    .zk-link-card{
        min-height:auto;
    }

    .zk-scroll-box{
        height:320px;
    }

    .zk-card-title{
        font-size:24px;
    }
}

/* Mobile */
@media (max-width: 768px){

    .zk-links-section{
        padding:30px 12px;
    }

    .zk-link-card{
        padding:15px;
        border-radius:12px;
    }

    .zk-card-title{
        font-size:22px;
    }

    .zk-title-line{
        width:110px;
        margin:8px 0 18px;
    }

    .zk-scroll-box{
        height:260px;
    }

    .zk-link-list a,
    .zk-static-list a{
        font-size:14px;
        line-height:1.6;
    }

    .zk-link-list li,
    .zk-static-list li{
        margin-bottom:14px;
    }

    .zk-new-tag{
        font-size:10px;
    }
}

/* Small Mobile */
@media (max-width: 480px){

    .zk-links-section{
        padding:25px 10px;
    }

    .zk-link-card{
        padding:12px;
        border-radius:10px;
    }

    .zk-card-title{
        font-size:20px;
    }

    .zk-title-line{
        width:90px;
    }

    .zk-scroll-box{
        height:220px;
    }

    .zk-link-list a,
    .zk-static-list a{
        font-size:13px;
        line-height:1.5;
    }

    .zk-link-list li,
    .zk-static-list li{
        margin-bottom:12px;
    }
}

#course-list {

  background: #f9f9f9;

}

.copyright {

  text-align: center;

}



.qrx8v_topstories_wrap{

    width:100%;

    background:#f9f9f9;

    



    display:grid;

    grid-template-columns:280px 1fr;



    overflow:hidden;

}



.qrx8v_left_panel{

    padding:5px 20px 5px 60px;

}



.qrx8v_big_title{

    margin:0;

    /* font-size:48px; */

    line-height:1;

    font-weight:300;

    color:#6c6c6c;

}



.qrx8v_small_title{

    display:flex;

    align-items:center;

    gap:12px;

    margin-top:8px;

}



.qrx8v_dot{

    width:10px;

    height:10px;

    border-radius:50%;

    background:red;

}



.qrx8v_small_title span:last-child{

    font-size:18px;

    font-weight:700;

    color:#000;

}



.qrx8v_news_area{

    position:relative;

    overflow:hidden;

    white-space:nowrap;

}



.qrx8v_news_track{

    position:absolute;

    top:50%;

    left:0;

    transform:translateY(-50%);



    display:inline-flex;

    align-items:center;

    gap:120px;



    animation:qrx8v_marquee 30s linear infinite;

}



.qrx8v_news_track span{

    font-size:14px;

    color:#666;

}



@keyframes qrx8v_marquee{



    0%{

        transform:translate(100%, -50%);

    }



    100%{

        transform:translate(-100%, -50%);

    }



}



.news-wrapper{

    width:95%;

    margin:65px auto;

    background:#fff;

}



.news-header{

    background:#003366;

    color:#fff;

    font-size:20px;

    padding:10px 15px;

    font-weight:500;

}



.news-box{

    border:2px solid #003366;

    min-height:450px;

    position:relative;

    overflow:hidden;

    background:#fff;

}



.news-title{

    text-align:center;

    font-size:32px;

    font-weight:600;

    color:#333;

    padding:30px 0;

}



.news-ticker{

    height:300px;

    overflow:hidden;

    position:relative;

    width:80%;

    margin:0 auto;

}



.news-track{

    animation: scrollUp 18s linear infinite;

}



.news-item{

    font-size:22px;

    color:#666;

    line-height:1.8;

    padding:40px 0;

}



.news-ticker:hover .news-track{

    animation-play-state: paused;

}



@keyframes scrollUp{

    0%{

        transform:translateY(0);

    }

    100%{

        transform:translateY(-50%);

    }

}



.header-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.header-login {

    margin-left: auto;

}



@media (max-width: 576px) {

    .header-top {

        flex-direction: column;

        gap: 10px;

    }



    .header-login {

        margin-left: 0;

    }

}



/*===============================

      IMPORTANT WEBSITES

================================*/



.important-websites{

   

    background:#fff;

    overflow:hidden;

}



.section-title{

    position:relative;

    display:inline-block;

    font-size:36px;

    font-weight:700;

    color:#1b2f83;

    text-transform:uppercase;

    margin-bottom:45px;

}



.section-title::after{

    content:"";

    position:absolute;

    left:100%;

    top:50%;

    margin-left:20px;

    width:220px;

    height:2px;

    background:#bcbcbc;

    transform:translateY(-50%);

}



.slider{

    width:100%;

    overflow:hidden;

    position:relative;

}



.slide-track{

    display:flex;

    width:max-content;

    animation:scroll 35s linear infinite;

}



.slider:hover .slide-track{

    animation-play-state:paused;

}



/*============================

        CARD

=============================*/



.website-card{

    width:185px;

    height:130px;

    margin-right:22px;

    background:#fff;

    border-radius:12px;

    border:1px solid #d8d8d8;

    box-shadow:

        0 4px 10px rgba(0,0,0,.12);

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

    transition:.35s;

    overflow:hidden;

    text-decoration:none;

}



.website-card:hover{

    transform:translateY(-8px);

    box-shadow:

        0 12px 28px rgba(0,0,0,.20);

}



.website-card img{

    width:80%;

    height:80%;

    object-fit:contain;

    transition:.35s;

}



.website-card:hover img{

    transform:scale(1.05);

}



/*==========================

      ANIMATION

===========================*/



@keyframes scroll{



    from{

        transform:translateX(0);

    }



    to{

        transform:translateX(-50%);

    }



}

/*===============================

      IMPORTANT WEBSITES

================================*/



.important-websites{



    background:#fff;

    overflow:hidden;

}



.section-title{

    position:relative;

    display:inline-block;

    font-size:36px;

    font-weight:700;

    color:#1b2f83;

    text-transform:uppercase;

    margin-bottom:45px;

}



.section-title::after{

    content:"";

    position:absolute;

    left:100%;

    top:50%;

    margin-left:20px;

    width:220px;

    height:2px;

    background:#bcbcbc;

    transform:translateY(-50%);

}



.slider{

    width:100%;

    overflow:hidden;

    position:relative;

}



.slide-track{

    display:flex;

    width:max-content;

    animation:scroll 35s linear infinite;

}



.slider:hover .slide-track{

    animation-play-state:paused;

}



/*============================

        CARD

=============================*/



.website-card{

    width:185px;

    height:130px;

    margin-right:22px;

    background:#fff;

    border-radius:12px;

    border:1px solid #d8d8d8;

    box-shadow:

        0 4px 10px rgba(0,0,0,.12);

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

    transition:.35s;

    overflow:hidden;

    text-decoration:none;

}



.website-card:hover{

    transform:translateY(-8px);

    box-shadow:

        0 12px 28px rgba(0,0,0,.20);

}



.website-card img{

    width:80%;

    height:80%;

    object-fit:contain;

    transition:.35s;

}



.website-card:hover img{

    transform:scale(1.05);

}



/*==========================

      ANIMATION

===========================*/



@keyframes scroll{



    from{

        transform:translateX(0);

    }



    to{

        transform:translateX(-50%);

    }



}



/*=========================================

            TESTIMONIAL SECTION

==========================================*/



.testimonial-section{

    padding:80px 0;

    background:#f6f6f6;

    overflow:hidden;

}



/*=========================================

                HEADING

==========================================*/



.testimonial-title{

    text-align:center;

    margin-bottom:60px;

}



.testimonial-title h2{

    font-size:52px;

    font-weight:800;

    color:#25206d;

    margin-bottom:8px;

    text-transform:uppercase;

    letter-spacing:.5px;

}



.testimonial-title p{

    font-size:24px;

    color:#c6c6c6;

    font-weight:700;

    margin:0;

}



/*=========================================

              TESTIMONIAL CARD

==========================================*/



.testimonial-card{



    background:#fff;



    width:300px;



    min-height:355px;



    padding:22px;



    border-radius:2px;



    position:relative;



    transition:.35s;



    box-shadow:0 4px 14px rgba(0,0,0,.08);



}



.testimonial-card:hover{



    transform:translateY(-10px);



    box-shadow:0 12px 30px rgba(0,0,0,.15);



}



/*=========================================

              QUOTE ICON

==========================================*/



.quote-icon{



    color:#f7941d;



    font-size:26px;



    margin-bottom:10px;



}



.quote-icon i{



    font-size:24px;



}



/*=========================================

             TESTIMONIAL TEXT

==========================================*/



.testimonial-text{



    font-size:15px;



    line-height:1.8;



    color:#23236b;



    text-align:left;



    margin-bottom:40px;



    min-height:170px;



}



/*=========================================

               STUDENT

==========================================*/



.student{



    display:flex;



    align-items:center;



    position:absolute;



    left:22px;



    right:22px;



    bottom:18px;



}



.student img{



    width:38px;



    height:38px;



    border-radius:50%;



    object-fit:cover;



    margin-right:18px;



}



.student h5{



    font-size:15px;



    font-weight:700;



    color:#23236b;



    margin:0;



}



/*=========================================

            OWL CAROUSEL

==========================================*/



.testimonial-slider .owl-stage{



    display:flex;



}



.testimonial-slider .owl-item{



    display:flex;



    justify-content:center;



}



.testimonial-slider .owl-item{



    padding:8px;



}

.testimonial-grid{

    display:grid;

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

    gap:30px;

}



.testimonial-card{

    background:#fff;

    padding:25px;

    min-height:350px;

    position:relative;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}



.quote-icon{

    color:#f7941d;

    font-size:24px;

    margin-bottom:15px;

}



.testimonial-text{

    color:#24306f;

    line-height:1.8;

    font-size:15px;

    margin-bottom:70px;

}



.student{

    position:absolute;

    left:25px;

    bottom:25px;

    display:flex;

    align-items:center;

}



.student img{

    width:45px;

    height:45px;

    border-radius:50%;

    object-fit:cover;

    margin-right:15px;

}



.student h5{

    margin:0;

    font-size:16px;

    color:#24306f;

    font-weight:600;

}


/* Large Tablets */
@media (max-width: 1200px){

    .testimonial-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .testimonial-card{
        width: 100%;
    }

}

/* Tablets */
@media (max-width: 992px){

    .testimonial-title h2{
        font-size: 42px;
    }

    .testimonial-title p{
        font-size: 20px;
    }

    .testimonial-card{
        width:100%;
        min-height:330px;
        padding:20px;
    }

}

/* Mobile */
@media (max-width: 768px){

    .testimonial-section{
        padding:60px 15px;
    }

    .testimonial-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .testimonial-title{
        margin-bottom:40px;
    }

    .testimonial-title h2{
        font-size:32px;
    }

    .testimonial-title p{
        font-size:18px;
    }

    .testimonial-card{
        width:100%;
        min-height:auto;
        padding:20px;
    }

    .testimonial-text{
        min-height:auto;
        margin-bottom:60px;
        font-size:14px;
    }

    .student{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .student img{
        width:42px;
        height:42px;
    }

    .student h5{
        font-size:15px;
    }
}

/* Small Mobile */
@media (max-width:480px){

    .testimonial-title h2{
        font-size:26px;
    }

    .testimonial-title p{
        font-size:15px;
    }

    .testimonial-card{
        padding:18px;
    }

    .testimonial-text{
        font-size:13px;
        line-height:1.7;
    }

    .student img{
        width:38px;
        height:38px;
    }

    .student h5{
        font-size:14px;
    }
}


/*==================================================

                    CONTACT SECTION

==================================================*/

/*=====================================

        CONTACT SECTION

======================================*/



/* Form spacing */

.aiu-enquiry-box form > .mb-3,

.aiu-enquiry-box form > .row{

    margin-bottom:20px !important;

}



.aiu-enquiry-box .row{

    --bs-gutter-x:20px;

}



.aiu-enquiry-box .row:last-of-type{

    margin-bottom:20px !important;

}



.aiu-enroll-btn{

    margin-top:5px;

}





.aiu-contact-section{

    background:#f4efe4;

    padding:90px 0;

}



.aiu-contact-wrapper{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 45px rgba(0,0,0,.12);

    transition:.35s ease;

}



.aiu-contact-wrapper:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 50px rgba(0,0,0,.18);

}



/*=====================================

        LEFT CONTENT

======================================*/



.aiu-contact-content{

    padding:70px 60px;

}



.aiu-small-title{

    color:#f5a623;

    font-size:20px;

    font-weight:600;

    margin-bottom:20px;

}



.aiu-main-title{

    font-size:46px;

    font-weight:700;

    line-height:1.2;

    color:#2b2376;

    margin-bottom:20px;

}



.aiu-main-title span{

    color:#f5a623;

}



.aiu-help-title{

    font-size:28px;

    color:#2b2376;

    font-weight:700;

    margin-bottom:20px;

}



.aiu-description{

    color:#666;

    font-size:18px;

    line-height:1.8;

    margin-bottom:25px;

}



.aiu-contact-phone{

    margin:30px 0;

}



.aiu-contact-phone h4{

    color:#f5a623;

    font-size:30px;

    font-weight:700;

    margin-bottom:8px;

}



.aiu-mail{

    color:#555;

}



.aiu-mail strong{

    color:#2b2376;

}



/*=====================================

        RIGHT CONTENT

======================================*/



.aiu-enquiry-box{

    background:#052c53;

    padding:60px 45px;

    height:100%;

}



.aiu-form-title{

    color:#fff;

    font-size:34px;

    font-weight:700;

    margin-bottom:10px;

}



.aiu-form-text{

    color:#fff;

    font-size:15px;

    line-height:1.7;

    margin-bottom:25px;

}



/*=====================================

        FORM

======================================*/



.aiu-form-control,

.aiu-form-select{

    width:100%;

    height:55px;

    border:none;

    border-radius:8px;

    padding:0 18px;

    font-size:15px;

    color:#333;

    background:#fff;

    transition:.3s;

    box-shadow:none !important;

}



.aiu-form-control:focus,

.aiu-form-select:focus{

    outline:none;

    box-shadow:0 0 0 3px rgba(43,35,118,.15) !important;

}



.aiu-form-control::placeholder{

    color:#8b8b8b;

}



.aiu-form-select{

    background-position:right 15px center;

}



/*=====================================

        BUTTON

======================================*/



.aiu-enroll-btn{

    width:100%;

    height:55px;

    border:none;

    border-radius:8px;

    background:#fff;

    color:#000;

    font-size:18px;

    font-weight:600;

    letter-spacing:.3px;

    cursor:pointer;

    transition:.3s;

}



.aiu-enroll-btn:hover{

    background: #95d3ec;

    transform:translateY(-2px);

}



/*=====================================

        CHECKBOX

======================================*/



.aiu-check-box{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-top:20px;

}



.aiu-check-box input{

    margin-top:4px;

}



.aiu-check-box span{

    color:#fff;

    font-size:13px;

    line-height:1.6;

}



/*=====================================

        SELECTIZE SUPPORT

======================================*/



.aiu-enquiry-box .selectize-control{

    width:100%;

}



.aiu-enquiry-box .selectize-input{

    background:#fff !important;

    color:#333 !important;

    border:none !important;

    border-radius:8px !important;

    min-height:55px;

    display:flex;

    align-items:center;

    box-shadow:none !important;

}



.aiu-enquiry-box .selectize-input input{

    color:#333 !important;

}



.aiu-enquiry-box .selectize-dropdown{

    background:#fff !important;

    border:none !important;

    border-radius:8px !important;

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

}



.aiu-enquiry-box .selectize-dropdown .option{

    background:#fff !important;

    color:#333 !important;

    padding:10px 15px;

}



.aiu-enquiry-box .selectize-dropdown .option:hover,

.aiu-enquiry-box .selectize-dropdown .active{

    background:#f5f5f5 !important;

}





/*=====================================

        RESPONSIVE

======================================*/



@media(max-width:1399px){



    .aiu-contact-content{

        padding:60px 45px;

    }



    .aiu-enquiry-box{

        padding:55px 35px;

    }



}



@media(max-width:1199px){



    .aiu-main-title{

        font-size:38px;

    }



    .aiu-contact-phone h4{

        font-size:26px;

    }



    .aiu-enquiry-box{

        padding:45px 30px;

    }



}



@media(max-width:991px){



    .aiu-contact-wrapper{

        border-radius:15px;

    }



    .aiu-contact-content{

        padding:50px 35px;

        text-align:center;

    }



    .aiu-contact-phone{

        margin:25px 0;

    }



    .aiu-enquiry-box{

        border-radius:0;

    }



}



@media(max-width:767px){



    .aiu-contact-section{

        padding:60px 0;

    }



    .aiu-contact-content{

        padding:40px 25px;

    }



    .aiu-main-title{

        font-size:32px;

    }



    .aiu-help-title{

        font-size:24px;

    }



    .aiu-contact-phone h4{

        font-size:22px;

    }



    .aiu-enquiry-box{

        padding:35px 25px;

    }



}



@media(max-width:575px){



    .aiu-main-title{

        font-size:28px;

    }



    .aiu-description{

        font-size:16px;

    }



    .aiu-form-title{

        font-size:28px;

    }



    .aiu-form-control,

    .aiu-form-select,

    .aiu-enroll-btn{

        height:50px;

        font-size:14px;

    }



}





/*=========================================

  Academic Session Form

=========================================*/



.academic-session-card{

    background:#fff;

    border:1px solid #e9ecef;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

}



.academic-session-header{

    background:#0d6efd;

    color:#fff;

    padding:18px 25px;

}



.academic-session-header h5{

    margin:0;

    font-size:18px;

    font-weight:600;

}



.academic-session-body{

    padding:30px;

}



.academic-form-group{

    margin-bottom:22px;

}



.academic-form-group label{

    display:block;

    font-size:14px;

    font-weight:600;

    color:#495057;

    margin-bottom:8px;

}



.academic-form-group .form-control{

    height:50px;

    border:1px solid #ced4da;

    border-radius:8px;

    padding:0 15px;

    font-size:14px;

    transition:all .3s ease;

    box-shadow:none;

}



.academic-form-group .form-control:focus{

    border-color:#0d6efd;

    box-shadow:0 0 0 4px rgba(13,110,253,.12);

}



.academic-form-group .form-control::placeholder{

    color:#adb5bd;

}



.academic-btn-area{

    display:flex;

    justify-content:flex-end;

    margin-top:10px;

}



.academic-save-btn{

    background:#0d6efd;

    color:#fff;

    border:none;

    border-radius:8px;

    padding:12px 28px;

    font-size:15px;

    font-weight:600;

    transition:.3s ease;

}



.academic-save-btn:hover{

    background:#0b5ed7;

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(13,110,253,.25);

}



.academic-save-btn:focus{

    box-shadow:none;

}



/* Optional Required Field */

.academic-required{

    color:#dc3545;

    margin-left:2px;

}



/* Responsive */



@media(max-width:768px){



    .academic-session-body{

        padding:20px;

    }



    .academic-btn-area{

        justify-content:center;

    }



    .academic-save-btn{

        width:100%;

    }



}



/* =====================================

   Academic Session Table

===================================== */



.academic-table-card{

    background:#ffffff;

    border-radius:16px;

    border:1px solid #edf0f5;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}





/* Header */



.academic-table-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:24px 28px;

    background:#fff;

    border-bottom:1px solid #edf0f5;

}



.academic-table-header h4{

    margin:0;

    color:#1e293b;

    font-size:21px;

    font-weight:700;

}



.academic-table-header p{

    margin:6px 0 0;

    color:#64748b;

    font-size:14px;

}





/* Add Button */



.academic-add-btn{



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

    color:#fff;



    padding:11px 22px;

    border-radius:10px;



    border:none;

    font-size:14px;

    font-weight:600;



    display:flex;

    align-items:center;

    gap:7px;



    transition:.3s;

}





.academic-add-btn:hover{



    color:#fff;

    transform:translateY(-2px);



    box-shadow:

    0 8px 18px rgba(37,99,235,.25);



}







/* Table */



.academic-table{



    margin:0;

    border-collapse:separate;

    border-spacing:0;

}







.academic-table thead th{



    background:#f8fafc;



    color:#475569;



    padding:16px 22px;



    font-size:13px;

    text-transform:uppercase;



    letter-spacing:.4px;



    font-weight:700;



    border-bottom:1px solid #e2e8f0;



}







.academic-table tbody td{



    padding:18px 22px;



    color:#334155;



    font-size:14px;



    border-bottom:1px solid #f1f5f9;



}







.academic-table tbody tr{



    transition:.25s;



}







.academic-table tbody tr:hover{



    background:#f8fbff;



}







/* Session Name */



.academic-session-name{



    font-weight:600;

    color:#1e293b;



}







/* Status Badge */



.academic-status{



    padding:6px 14px;



    border-radius:30px;



    font-size:12px;



    font-weight:600;



}







.academic-status.active{



    background:#dcfce7;

    color:#15803d;



}







.academic-status.closed{



    background:#e2e8f0;

    color:#475569;



}







/* Action Buttons */



.academic-action-btn{



    width:38px;

    height:38px;



    display:inline-flex;



    justify-content:center;

    align-items:center;



    border-radius:8px;



    border:none;



    margin-right:6px;



    transition:.3s;



}







.academic-edit-btn{



    background:#fff7ed;

    color:#ea580c;



}







.academic-delete-btn{



    background:#fee2e2;

    color:#dc2626;



}







.academic-action-btn:hover{



    transform:translateY(-2px);



}







/* Responsive */



@media(max-width:768px){



    .academic-table-header{



        flex-direction:column;



        align-items:flex-start;



        gap:15px;



    }





    .academic-add-btn{



        width:100%;



        justify-content:center;



    }



}

/* =====================================

   Academic Session Form

===================================== */



.academic-session-card{

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    border:1px solid #e5e7eb;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}





.academic-session-header{

    background:#2563eb;

    color:#fff;

    padding:20px 25px;

}





.academic-session-header h5{

    margin:0;

    font-size:20px;

    font-weight:700;

}





.academic-session-body{

    padding:30px;

}





.academic-form-group{

    margin-bottom:22px;

}





.academic-form-group label{

    display:block;

    margin-bottom:8px;

    font-size:14px;

    font-weight:600;

    color:#334155;

}





.academic-required{

    color:red;

}





.academic-form-group .form-control{



    width:100%;

    height:50px;



    border:1px solid #d1d5db;



    border-radius:10px;



    padding:0 15px;



    font-size:14px;



}





.academic-form-group .form-control:focus{



    border-color:#2563eb;



    box-shadow:0 0 0 4px rgba(37,99,235,.15);



    outline:none;



}







.academic-btn-area{



    display:flex;



    justify-content:flex-end;



    margin-top:15px;



}







.academic-save-btn{



    background:#2563eb !important;



    color:#fff !important;



    border:none !important;



    padding:13px 30px;



    border-radius:10px;



    font-size:15px;



    font-weight:600;



    cursor:pointer;



    transition:.3s;



}





.academic-save-btn:hover{



    background:#1d4ed8 !important;



    transform:translateY(-2px);



    box-shadow:0 8px 20px rgba(37,99,235,.3);



    

}





/*==========================================

            CAMPUS LIFE SECTION

==========================================*/



.campus-life-section {

    background: #fff;

    padding: 70px 0;

}



/*============================

        HEADING

=============================*/



.campus-heading {

    text-align: center;

    margin-bottom: 50px;

}



.campus-badge {

    display: inline-block;

    background: #052c53;

    color: #fff;

    padding: 8px 22px;

    font-size: 14px;

    font-weight: 500;

    border-radius: 4px;

    margin-bottom: 18px;

}



.campus-heading h2 {

    font-size: 45px;

    font-weight: 700;

    color: #2d1f7a;

    margin-bottom: 15px;

}



.campus-heading h2 span {

    color: #f58220;

}



.campus-divider {

    width: 180px;

    height: 2px;

    background: #2d1f7a;

    margin: 0 auto;

    position: relative;

}



.campus-divider span {

    position: absolute;

    width: 70px;

    height: 4px;

    background: #f58220;

    left: 50%;

    top: -1px;

    transform: translateX(-50%);

    border-radius: 50px;

}



/*============================

        ROW SPACING

=============================*/



.row > .col-lg-6:first-child {

    padding-right: 25px;

}



.row > .col-lg-6:last-child {

    padding-left: 25px;

}



/*============================

        FEATURE ITEM

=============================*/



.campus-item {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-bottom: 30px;

    transition: .3s ease;

}



.campus-item:hover {

    transform: translateY(-4px);

}



/*============================

        ICON

=============================*/



.campus-icon {

    width: 70px;

    height: 70px;

    min-width: 70px;

    border-radius: 50%;

    background: #052c53;

    display: flex;

    justify-content: center;

    align-items: center;

}



.campus-icon img {

    width: 34px;

    height: 34px;

    object-fit: contain;

    filter: brightness(0) invert(1);

}



/*============================

        CONTENT

=============================*/



.campus-content h4 {

    font-size: 18px;

    font-weight: 700;

    color: #052c53;

    margin-bottom: 8px;

}



.campus-content p {

    font-size: 15px;

    line-height: 1.7;

    color: #555;

    margin: 0;

}



/*============================

        RESPONSIVE

=============================*/



@media (max-width: 991px) {



    .row > .col-lg-6:first-child,

    .row > .col-lg-6:last-child {

        padding: 15px;

    }



    .campus-heading h2 {

        font-size: 28px;

    }



    .campus-item {

        margin-bottom: 25px;

    }



}



@media (max-width: 768px) {



    .campus-life-section {

        padding: 50px 0;

    }



    .campus-heading h2 {

        font-size: 24px;

    }



    .campus-badge {

        font-size: 13px;

        padding: 7px 18px;

    }



    .campus-icon {

        width: 60px;

        height: 60px;

        min-width: 60px;

    }



    .campus-icon img {

        width: 28px;

        height: 28px;

    }



    .campus-content h4 {

        font-size: 16px;

    }



    .campus-content p {

        font-size: 13px;

        line-height: 1.6;

    }



}



@media (max-width: 576px) {



    .campus-item {

        flex-direction: column;

        align-items: center;

        text-align: center;

    }



    .campus-icon {

        margin-bottom: 10px;

    }



    .campus-heading h2 {

        font-size: 22px;

    }



}

/*==================================================

            INSTITUTION HIGHLIGHTS

==================================================*/



.institution-section{

    position:relative;

    padding:80px 0;

    background-image: url('/asset/img/bg_ih.png');

background-size: cover;

background-position: center;

background-repeat: no-repeat;

/* margin-top: 50px; */

    overflow:hidden;

}



.institution-overlay{

    position:absolute;

    inset:0;

   

}



.institution-section .container{

    position:relative;

    z-index:2;

}



/*=========================

        Heading

==========================*/



.section-heading{

    text-align:center;

    margin-bottom:45px;

}



.section-heading h2{

    font-size:46px;

    font-weight:800;

    color:#2b2277;

    margin-bottom:12px;

}



.section-heading h2 span{

    color:#f58220;

}



.section-heading p{

    max-width:760px;

    margin:auto;

    font-size:19px;

    color:#333;

    line-height:1.7;

}



/*=========================

        Slider

==========================*/



.institution-slider{

    position:relative;

}



.highlight-wrapper{



    display:flex;

    justify-content:center;

    align-items:stretch;

    gap:95px;

    flex-wrap:wrap;



}



/*=========================

        Card

==========================*/



.highlight-card{



    width:220px;

    background:#fff;

    border:1.5px solid #2b2277;

    border-radius:12px;

    text-align:center;

    padding:22px 18px 25px;

    transition:.35s;



}



.highlight-card:hover{



    transform:translateY(-8px);



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



}



/*=========================

        Icon

==========================*/



.highlight-icon{



    width:80px;

    height:80px;



    margin:auto auto 18px;



    display:flex;

    justify-content:center;

    align-items:center;



}



.highlight-icon img{



    width:60px;

    transition:.35s;



}



.highlight-card:hover img{



    transform:scale(1.12);



}



/*=========================

        Title

==========================*/



.highlight-card h3{



    font-size:18px;

    color:#2b2277;

    font-weight:700;

    margin-bottom:14px;



}



/*=========================

        Text

==========================*/



.highlight-card p{



    font-size:14px;

    color:#444;

    line-height:1.7;

    margin:0;



}



/*=========================

        Arrows

==========================*/



.slider-arrow{



    position:absolute;



    top:50%;



    transform:translateY(-50%);



    width:42px;

    height:42px;



    border:none;



    background:#d9d9d9;



    color:#fff;



    border-radius:50%;



    cursor:pointer;



    transition:.3s;



    z-index:5;



}



.slider-arrow:hover{



    background:#f58220;



}



.left-arrow{



    left:-45px;



}



.right-arrow{



    right:-45px;



}



/*=========================

        Responsive

==========================*/



@media(max-width:1200px){



.highlight-wrapper{



gap:25px;



}



.highlight-card{



width:205px;



}



}



@media(max-width:992px){



.section-heading h2{



font-size:36px;



}



.section-heading p{



font-size:16px;



}



.highlight-wrapper{



justify-content:center;



}



.left-arrow,

.right-arrow{



display:none;



}



}



@media(max-width:768px){



.institution-section{



padding:60px 0;



}



.section-heading h2{



font-size:30px;



}



.highlight-card{



width:100%;



max-width:340px;



}



}



@media(max-width:576px){



.section-heading h2{



font-size:26px;



}



.section-heading p{



font-size:14px;



}



.highlight-card{



padding:20px;



}



.highlight-card h3{



font-size:17px;



}



.highlight-card p{



font-size:13px;



}



}



#page-footer #footer-top .footer-inner {

    display: flex !important;

    justify-content: center;

    align-items: center;

}



#page-footer #footer-top .footer-inner .footer-social {

    display: flex !important;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    gap: 20px;

    width: 100%;

    text-align: center;

}



#page-footer #footer-top .footer-inner .footer-social figure {

    margin: 0;

}



#page-footer #footer-top .footer-inner .footer-social .icons {

    display: flex;

    align-items: center;

    gap: 10px;

}



#page-footer #footer-top .footer-inner .footer-social .search {

    float: none !important;

    margin-left: 20px;

}



#page-footer #footer-top .footer-inner .footer-social .input-group {

    width: 280px;

}

/* Tablets */
@media (max-width: 768px) {
    .qr-code {
        width: 55px;
        height: 55px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .qr-code {
        margin-top:10px;
        width: 50px;
        height: 50px;
    }
}

/* ==========================================
   GLOBAL
========================================== */



@media (max-width:1400px){

.container{
    max-width:1140px;
}

}

@media (max-width:1200px){

.container{
    max-width:960px;
}

}

@media (max-width:992px){

.container{
    max-width:720px;
}

}

@media (max-width:768px){

.container{
    max-width:100%;
}

}

.best-features{
    display:flex;
    width:100%;
    min-height:560px;
    overflow:hidden;
}

/* LEFT */

.bf-left{
    width:50%;
    background:#0a3547;
    position:relative;
    display:flex;
    align-items:center;
    padding:70px 60px;
    overflow:hidden;
}

.bf-content{
    position:relative;
    z-index:2;
    max-width:560px;
}

.bf-content h2{
    font-size:52px;
    color:#fff;
    font-weight:700;
    margin-bottom:18px;
    line-height:1.2;
}

.bf-intro{
    color:#a6bac5;
    font-size:18px;
    line-height:1.8;
    margin-bottom:45px;
}

.feature-item{
    display:flex;
    gap:22px;
    margin-bottom:38px;
}

.feature-item:last-child{
    margin-bottom:0;
}

.feature-icon{
    width:74px;
    height:74px;
    flex-shrink:0;
    border-radius:50%;
    background:#ff7148;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:28px;
}

.feature-text h3{
    color:#fff;
    font-size:34px;
    margin:0 0 8px;
    font-weight:700;
}

.feature-text p{
    color:#a6bac5;
    font-size:18px;
    line-height:1.7;
    margin:0;
}

.bg-icon{
    position:absolute;
    left:-70px;
    bottom:-60px;
    font-size:280px;
    color:rgba(255,255,255,.04);
    z-index:1;
}

/* RIGHT */

.bf-right{
    width:50%;
}

.bf-right img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Hover */

.feature-item:hover .feature-icon{
    transform:translateY(-5px);
    transition:.3s;
}

.feature-item:hover h3{
    color:#ff7148;
    transition:.3s;
}

/* ---------- 1200px ---------- */

@media (max-width:1200px){

.bf-left{
    padding:60px 40px;
}

.bf-content h2{
    font-size:44px;
}

.feature-text h3{
    font-size:28px;
}

}

/* ---------- 992px ---------- */

@media (max-width:992px){

.best-features{
    flex-direction:column;
}

.bf-left,
.bf-right{
    width:100%;
}

.bf-right{
    height:450px;
}

.bf-left{
    padding:50px 30px;
}

.bf-content{
    max-width:100%;
}

.bg-icon{
    font-size:220px;
    left:-50px;
    bottom:-40px;
}

}

/* ---------- 768px ---------- */

@media (max-width:768px){

.bf-content h2{
    font-size:38px;
}

.bf-intro{
    font-size:16px;
}

.feature-item{
    gap:18px;
    margin-bottom:30px;
}

.feature-icon{
    width:65px;
    height:65px;
    font-size:24px;
}

.feature-text h3{
    font-size:24px;
}

.feature-text p{
    font-size:15px;
}

.bf-right{
    height:350px;
}

}

/* ---------- 576px ---------- */

@media (max-width:576px){

.bf-left{
    padding:40px 20px;
}

.feature-item{
    flex-direction:column;
    text-align:center;
    align-items:center;
}

.feature-text h3{
    font-size:22px;
}

.feature-text p{
    font-size:15px;
}

.bf-content h2{
    font-size:32px;
    text-align:center;
}

.bf-intro{
    text-align:center;
}

.bg-icon{
    display:none;
}

.bf-right{
    height:280px;
}

}

/* ==========================
   HiDPI Laptop Fix
   1024px - 1440px
========================== */
/* ===============================
   LAPTOPS (1024px - 1600px)
================================= */

@media screen and (min-width:1024px) and (max-width:1599px){

    /* Main containers */
    .container,
    .header-container,
    .about-container,
    .news-wrapper,
    .footer-container,
    .highlight-wrapper{
        max-width:1400px;
    }

    /* Header */
    .left-logo img{
        width:90px;
        height:auto;
    }

    .header-title h1{
        font-size:32px;
        text-align:center;
    }

    /* Navigation */
    .nav-wrapper{
        margin-top:0;
    }

    .navbar{
        max-width:1400px;
    }

    .nav-menu{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:60px;
    }

    .nav-menu > li > a{
        font-size:15px;
        padding:12px 8px;
    }

    /* Slider */
    #homepage-slider,
    #homepage-slider .flexslider,
    #homepage-slider .flexslider figure{
        width:100%;
        height:70vh;
        min-height:450px;
        max-height:650px;
    }

    #homepage-slider img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    /* About */
    .about-container{
        display:flex;
        gap:30px;
        align-items:center;
    }

    .about-image,
    .about-content{
        flex:1;
    }

    .about-image img{
        width:100%;
        height:auto;
        object-fit:cover;
    }

    .about-content h1{
        font-size:38px;
    }

    .about-content p{
        font-size:16px;
        line-height:1.8;
    }

    /* Highlights */
    .highlight-wrapper{
        display:grid;
        grid-template-columns:repeat(5,1fr);
        gap:25px;
    }

    /* Campus */
    .campus-item{
        width:100%;
    }

    /* Images */
    img{
        max-width:100%;
        height:auto;
    }

}



@media (min-width:992px) and (max-width:1199px){

    .nav-menu{
        gap:15px;
    }

    .nav-menu > li > a{
        font-size:14px;
        padding:10px 6px;
        white-space:nowrap;
    }

}


/* =====================================================
   Large Laptop / HiDPI
   1400px - 1600px
===================================================== */

@media screen and (min-width:1400px) and (max-width:1600px){

    /* .header-container,
    .about-container,
    .container{
        width:95%;
        max-width:1450px;
        margin:auto;
    } */

    .nav-menu{
        gap:35px;
    }

    .header-title h1{
        font-size:34px;
    }

    #homepage-slider,
    #homepage-slider .flexslider,
    #homepage-slider .flexslider figure{
        height:70vh;
        min-height:550px;
    }

}


/* =====================================================
   Standard Laptop / MDPI
   1200px - 1399px
===================================================== */

@media screen and (min-width:1200px) and (max-width:1399px){

    .header-container,
    .about-container,
    .container{
        /* width:96%; */
        max-width:1280px;
    }

    /* .nav-menu{
        gap:25px;
    } */

    .nav-menu>li>a{
        font-size:14px;
        padding:10px 6px;
    }

    .header-title h1{
        font-size:30px;
    }

    #homepage-slider,
    #homepage-slider .flexslider,
    #homepage-slider .flexslider figure{
        height:60vh;
        min-height:500px;
    }

    .about-container{
        gap:25px;
    }

    .about-image img{
        height:auto;
    }

}


/* =====================================================
   Small Laptop
   992px - 1199px
===================================================== */

@media screen and (min-width:992px) and (max-width:1199px){

    /* .header-container,
    .about-container,
    .container{
        width:96%;
    } */

    .zk-links-section {
  padding: 50px;
}

    /* .nav-menu{
        gap:18px;
    } */

    .nav-menu>li>a{
        font-size:13px;
        padding:10px 5px;
    }

    .header-title h1{
        font-size:26px;
        margin-bottom: 50px;
    }

    .about-container{
        flex-direction:column;
    }

    .about-image,
    .about-content{
        flex:1 1 100%;
    }

    .about-image img{
        height:auto;
    }

    .highlight-wrapper{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:20px;
    }

}

@media (min-width:992px) and (max-width:1199px){

    *{
        max-width:100%;
    }

    img{
        max-width:100%;
        height:auto;
    }

    .row{
        flex-wrap:wrap;
    }

    .container{
        overflow:hidden;
    }

}

#homepage-slider {
    width:100%;
    overflow:hidden;
}


#homepage-slider .flexslider {
    width:100%;
    margin:0;
    padding:0;
}


#homepage-slider .slides {
    width:100%;
}


#homepage-slider .slides li {
    width:100%;
    position:relative;
}


#homepage-slider .slides li img {

    width:100%;
    height:700px;
    object-fit:cover;
    display:block;

}


/* Tablet */
@media(max-width:991px){

    #homepage-slider .slides li img {

        height:500px;
        object-fit:cover;

    }

}



/* Mobile */
@media(max-width:576px){

    #homepage-slider .slides li img {

        height:250px;
        width:100%;
        object-fit:contain;


    }


    #homepage-slider .flexslider {

        height:auto !important;
        padding: 8px;

    }

    .news-wrapper{
       margin: 10px auto;
    }

}
@media(max-width:1100px){

.header-container{
    flex-direction:column;
    gap:10px;
}

.left-logo{
    position:static;
}

.left-logo img{
    width:80px;
    height:80px;
}


.header-title h1{
    font-size:28px;
}


.nav-menu{
    gap:20px;
}


.nav-menu>li>a{
    font-size:14px;
    height:60px;
}


}

header{
    width:100%;
    position:sticky;
    top:0;
    z-index:9999;
}

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


/* ===============================
LOGO
================================= */

.left-logo{
    position:absolute;
    left:0;
}

.left-logo img{
    width:95px;
    height:95px;
    object-fit:contain;
    transition:.4s;
}

.left-logo img:hover{
    transform:scale(1.08);
}

/* ===============================
TITLE
================================= */
.header-top{
background: linear-gradient(135deg,#052c53 0%,#052c53 55%,#0b5fa5 100%);
    color:#fff;
    padding:22px 0;
    border-bottom:4px solid #f4b400;
    box-shadow:0 8px 25px rgba(0,0,0,.18);
    position:relative;
    overflow:hidden;
}

/* Decorative light effect */
.header-top::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:320px;
    height:320px;
    /* background:rgba(255,255,255,.08); */
    border-radius:50%;
}

.header-top::after{
    content:"";
    position:absolute;
    bottom:-90px;
    left:-90px;
    width:240px;
    height:240px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
}

.header-container{
    width:min(92%,1450px);
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
}

.header-title{
    text-align:center;
}

.header-title h1{
    font-size:42px;
    font-weight:700;
    color:#fff;
    letter-spacing:1px;
    margin:0;
    text-shadow:0 3px 10px rgba(0,0,0,.35);
}

.header-title h1::after{
    content:"Excellence in Medical Education & Research";
    display:block;
    margin-top:12px;
    font-size:15px;
    font-weight:500;
    color:#ffd76a;
    letter-spacing:3px;
    text-transform:uppercase;
}

/* Responsive */
@media (max-width:992px){

    .header-top{
        padding:18px 0;
    }

    .header-title h1{
        font-size:32px;
    }

    .header-title h1::after{
        font-size:13px;
        letter-spacing:2px;
    }
}

@media (max-width:576px){

    .header-title h1{
        font-size:24px;
    }

    .header-title h1::after{
        font-size:11px;
        letter-spacing:1px;
    }
}
/* ===============================
NAVBAR
================================= */

.nav-wrapper{
    background:#ffffff;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}
.navbar{
    width:92%;
    max-width:1450px;
    margin:auto;
}

.nav-menu{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:45px;
}

.nav-menu>li{
    position:relative;
}

.nav-menu>li>a{
    display:flex;
    align-items:center;
    height:70px;
    font-size:15px;
    font-weight:600;
    color:#1d3557;
    transition:.3s;
    position:relative;
}

.nav-menu>li>a::after{
    content:'';
    position:absolute;
    bottom:16px;
    left:0;
    width:0%;
    height:3px;

    transition:.35s;
    border-radius:10px;
}

.nav-menu>li:hover>a{
    color:#003f88;
}

.nav-menu>li:hover>a::after{
    width:100%;
}

.active>a{
    color:#003f88!important;
}

.active>a::after{
    width:100%!important;
}

/* ===============================
MEGA MENU
================================= */

.mega-menu{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:100%;
    width:660px;
    background:#fff;
    display:flex;
    gap:40px;
    padding:35px;
    border-radius:12px;
    box-shadow:0 18px 45px rgba(0,0,0,.18);
    opacity:0;
    visibility:hidden;
    transition:.35s;
    margin-top:20px;
}

.exam-menu-box{
    width:320px;
}

.mega-dropdown:hover .mega-menu{
    opacity:1;
    visibility:visible;
    margin-top:0;
}

.mega-column{
    flex:1;
}

.mega-column h4{
    /* color:#003f88; */
    font-size:18px;
    margin-bottom:18px;
    border-left:4px solid #f4b400;
    padding-left:12px;
}

.mega-column ul li{
    margin-bottom:10px;
}

.mega-column ul li:last-child{
    margin-bottom:0;
}

.mega-column ul li a{
    display:block;
    color:#555;
    font-size:14px;
    padding:10px 12px;
    border-radius:8px;
    transition:.3s;
    line-height:1.5;
}

.mega-column ul li a:hover{
    background:#eef5ff;
    color:#003f88;
    transform:translateX(8px);
}

/* ===============================
MOBILE BUTTON
================================= */

.ruhs-mobile-toggle{
    display:none;
    background:none;
    border:none;
    cursor:pointer;
}

.ruhs-mobile-toggle span{
    width:28px;
    height:3px;
    background:#fff;
    display:block;
    margin:6px;
    transition:.3s;
}

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

@media(max-width:1100px){

.header-title h1{
    font-size:30px;
}

.nav-menu{
    gap:25px;
}

.mega-menu{
    width:700px;
}

}

@media(max-width:991px){

.header-container{
    flex-direction:column;
    gap:15px;
}

.left-logo{
    position:static;
}

.header-title h1{
    font-size:28px;
}

/* .nav-wrapper{
    padding:12px 20px;
} */

.ruhs-mobile-toggle{
    display:block;
    margin:auto;
}

.navbar{
    display:none;
    width:100%;
}

.navbar.active{
    display:block;
}

.nav-menu{
    flex-direction:column;
    gap:0;
}

.nav-menu li{
    width:100%;
}

.nav-menu li a{
    height:auto;
    padding:18px;
    border-bottom:1px solid #eee;
}

.mega-menu{
    position:relative;
    left:0;
    transform:none;
    width:100%;
    display:none;
    box-shadow:none;
    padding:20px;
    opacity:1;
    visibility:visible;
    margin-top:0;
    flex-direction:column;
}

.mega-dropdown:hover .mega-menu{
    display:flex;
}

}

@media(max-width:576px){

.left-logo img{
    width:70px;
}

.header-title h1{
    font-size:22px;
}

.header-title h1::after{
    font-size:8px;
    letter-spacing:1px;
}

}

html,
body{
    width:100%;
    overflow-x:hidden; /* only hide horizontal overflow */
}

.site-wrapper{
    width:100%;
    max-width:100%;
    overflow:visible; /* or simply remove this line */
}

.main-content{
    width:100%;
}

@media(max-width:768px){

#homepage-slider img{

    width:100%;
    height:auto;
    object-fit:contain;

}


.flexslider,
.flex-viewport,
.slides,
.slides li{

    height:auto!important;

}


}




/*==========================================
  UNIVERSITY INFORMATION CENTER
==========================================*/

.university-information{
    width:100%;
    max-width:1400px;
    margin:60px auto;
    padding:0 20px;
}

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

.ui-header{
    text-align:center;
    margin-bottom:60px;
}

.ui-header span{
    display:inline-block;
    background:#e8f2ff;
    color:#0b5ed7;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    padding:8px 20px;
    border-radius:50px;
    text-transform:uppercase;
}

.ui-header h2{
    font-size:42px;
    color:#052c53;
    margin:20px 0 15px;
    font-weight:700;
    line-height:1.2;
}

.ui-header p{
    max-width:750px;
    margin:auto;
    font-size:17px;
    line-height:1.8;
    color:#6c757d;
}

/*==========================================
  GRID
==========================================*/

.ui-grid{

    display:grid;

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

    gap:30px;

}

/*==========================================
  CARD
==========================================*/

/* .ui-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

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

    transition:.35s;

    position:relative;

} */

.ui-card{

    display:flex;

    flex-direction:column;

}
.ui-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#052c53,#0b5ed7);

}

.ui-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 60px rgba(0,0,0,.15);

}

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

.ui-card-top{

    display:flex;

    align-items:center;

    gap:18px;

    padding:28px;

    border-bottom:1px solid #eef2f7;

}

.ui-icon{

    width:65px;

    height:65px;

    border-radius:18px;

    background:linear-gradient(135deg,#052c53,#0b5ed7);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;

    flex-shrink:0;

}

.ui-card-top h3{

    margin:0;

    color:#052c53;

    font-size:24px;

    font-weight:700;

}

.ui-card-top p{

    margin:5px 0 0;

    color:#7d8792;

    font-size:14px;

}


/*==========================================
  CARD CONTENT
==========================================*/

.zk-scroll-box{

    flex:1;

    overflow-y:auto;

    padding:20px;

}
.zk-static-list{
    list-style:none;
    margin:0;
    padding:0 25px 25px;
}

.zk-link-list{
    list-style:none;
    margin:0;
    padding:0;
}

.zk-link-list li,
.zk-static-list li{

    margin-bottom:14px;

}

/*==========================================
  LINKS
==========================================*/

.zk-link-list li a,
.zk-static-list li a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:15px;

    text-decoration:none;

    color:#243447;

    font-size:15px;

    line-height:1.7;

    background:#f8fbff;

    border:1px solid #edf2f7;

    border-radius:14px;

    padding:16px 18px;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

/* left blue bar */

.zk-link-list li a::before,
.zk-static-list li a::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:100%;

    background:#0b5ed7;

    transform:scaleY(0);

    transition:.35s;

}

.zk-link-list li a:hover,
.zk-static-list li a:hover{

    background:#ffffff;

    border-color:#0b5ed7;

    color:#052c53;

    transform:translateX(8px);

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

}

.zk-link-list li a:hover::before,
.zk-static-list li a:hover::before{

    transform:scaleY(1);

}

/*==========================================
  NEW TAG
==========================================*/

.zk-new-tag{

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

    color:#fff;

    font-size:10px;

    font-weight:700;

    padding:5px 10px;

    border-radius:30px;

    letter-spacing:1px;

    text-transform:uppercase;

    flex-shrink:0;

    box-shadow:0 6px 15px rgba(255,90,0,.30);

}

/*==========================================
  CUSTOM SCROLLBAR
==========================================*/

.zk-scroll-box::-webkit-scrollbar{

    width:8px;

}

.zk-scroll-box::-webkit-scrollbar-track{

    background:#edf2f7;

    border-radius:30px;

}

.zk-scroll-box::-webkit-scrollbar-thumb{

    background:#0b5ed7;

    border-radius:30px;

}

.zk-scroll-box::-webkit-scrollbar-thumb:hover{

    background:#052c53;

}

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

.zk-links-section{

    position:relative;

    padding:100px 0;

    background:linear-gradient(180deg,#f7f9fc 0%,#ffffff 100%);

    overflow:hidden;

}

/* Decorative Circle */

.zk-links-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(11,94,215,.05);

    top:-180px;

    right:-150px;

}

/* Decorative Circle */

.zk-links-section::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    background:rgba(5,44,83,.04);

    bottom:-120px;

    left:-100px;

}

/* Bring content above circles */

.university-information{
/* 
    position:relative; */

    z-index:2;

}

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

@media(max-width:1200px){

.ui-grid{

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

}

}

@media(max-width:768px){

.ui-header h2{

font-size:32px;

}

.ui-grid{

grid-template-columns:1fr;

gap:25px;

}

.ui-card{

border-radius:18px;

}

.ui-card-top{

padding:22px;

}

.ui-icon{

width:55px;

height:55px;

font-size:22px;

}

.zk-scroll-box{

max-height:350px;

}

}

@media(max-width:576px){

.zk-links-section{

padding:70px 0;

}

.university-information{

padding:0 15px;

}

.ui-header span{

font-size:12px;

}

.ui-header h2{

font-size:28px;

}

.ui-header p{

font-size:15px;

}

.ui-card-top h3{

font-size:20px;

}

.zk-link-list li a,

.zk-static-list li a{

padding:14px;

font-size:14px;

}

.zk-new-tag{

font-size:9px;

padding:4px 8px;

}

}


/*==================================
NEWS ITEM
==================================*/

.ui-news{

display:flex;

align-items:center;

gap:15px;

}

.ui-news-icon{

width:48px;

height:48px;

border-radius:12px;

background:#eaf3ff;

display:flex;

align-items:center;

justify-content:center;

color:#0b5ed7;

font-size:20px;

flex-shrink:0;

transition:.3s;

}

.zk-link-list li a:hover .ui-news-icon{

background:#0b5ed7;

color:#fff;

transform:rotate(-8deg);

}

.ui-news-content{

flex:1;

}

.ui-news-content h5{

margin:0;

font-size:15px;

font-weight:600;

color:#052c53;

line-height:1.5;

}

.ui-news-content small{

display:block;

margin-top:4px;

font-size:12px;

color:#8b97a7;

}