@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Outfit:wght@100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

html {
    overflow-x: hidden;
    font-size: 100%;
}
/* for theme change for dark mode start */
body.dark-theme{
    background:#121212 !important;
    color:#ffffff !important;
}

/* header */
body.dark-theme .top-nav{
    background:#000 !important;
}
body.dark-theme #cssmenu ul ul li a{
    background:#000 !important;
}

body.dark-theme #cssmenu ul ul ul li a{
    background:#000 !important;
}


body.dark-theme .main-nav{
    background:#111 !important;
}

body.dark-theme h3.bold-logo{
    color:#fff !important;
}

body.dark-theme h3.light-logo{
    color:#fff !important;
}

body.dark-theme small{
    color:#fff !important;
}
body.dark-theme h6{
    color:#fff !important;
}
/* menu links */
body.dark-theme a{
    color:#fff !important;
}
body.dark-theme .navbar3{
    background:#000 !important;
}

/* dropdown menu */


/* panels */
body.dark-theme .info-panel{
    background:#1e1e1e;
    color:#fff;
}
body.dark-theme .banner{
background:#000;}
body.dark-theme .notice-wrapper{
background:#272727;}
body.dark-theme .profile-item{
background:#000 !important;
}
body.dark-theme .notice-box{
background:#000;}
body.dark-theme .notice-item{
background:#000;}

body.dark-theme .tab-btn{
color:#fff;}
body.dark-theme .rewardss{
background:#000;}


body.dark-theme .tab-pane h2{
color:#fff !important;}

body.dark-theme .tab-pane p{
color:#fff !important;}


body.dark-theme .annum-report{
background:#000;}


body.dark-theme .card.gall-card{
background:#000;}

body.dark-theme .content{
background:#000;}

body.dark-theme .gall{
background:#272727;}
body.dark-theme .footer{
background:#000;}
body.dark-theme h3.story-h3.text-center.aos-init.aos-animate{
color:#fff;}
body.dark-theme .mob{
background:#000;}
body.dark-theme .hero-section{
background:#000;}
body.dark-theme .copyright{
background:#fff;}

body.dark-theme .copyright p.copy-p{
color:#fff;}
/* for theme change for dark mode end */
body {
    font-size: 1rem;

    
    /* adjust to exact height of navbar3 */


}


h3,
h6,
p,
.read-btn {
    /* font-family: "Outfit", sans-serif; */
    font-family: "Geist", sans-serif;
}


html.font-small {
    font-size: 87.5%;
    /* 14px */
}

html.font-medium {
    font-size: 100%;
    /* 16px */
}

html.font-large {
    font-size: 112.5%;
    /* 18px */
}

.top-nav,
.main-nav,
.navbar3,
.banner,
.announcement-container,
.director,
.annum-report,
.data-tab,
.gall,
.footer,
.copy-right {
    float: left;
    width: 100%;
}

/* owl slider css start  */
.banner-owl-carousel {
    position: relative;
}

/* .owl-carousel .item {
    height: 100%;
    border-top-left-radius: 31px;
    border-bottom-right-radius: 31px;
    border: 1px solid #F15A29;
} */
.banner-owl-carousel .item {
    position: relative;
    height: 100%;
    border-top-left-radius: 31px;
    border-bottom-right-radius: 31px;
    background: white;
    z-index: 1;
    overflow: hidden;
    padding: 3px;
}

.banner-owl-carousel .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    /* border thickness */
    background: linear-gradient(135deg,
            #204667 0%,
            #204667 15%,
            transparent 30%,
            transparent 70%,
            #204667 85%,
            #204667 100%);
    border-top-left-radius: 31px;
    border-bottom-right-radius: 31px;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.banner-owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-top-left-radius: 31px;
    border-bottom-right-radius: 31px;
}

/* Vertical nav */
.banner-owl-carousel .owl-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 9%;
    top: 361px;
    bottom: 0;
    transform: translateX(-50%);
    gap: 0px;
    z-index: 2;
}

/* Optional: Customize nav buttons */
.banner-owl-carousel .owl-nav button.owl-prev,
.banner-owl-carousel .owl-nav button.owl-next {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 8px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

/* Optional: Icons for nav */
.banner-owl-carousel .owl-nav button.owl-prev::before {
    content: "↑";
    /* up arrow */
}

.banner-owl-carousel .owl-nav button.owl-next::before {
    content: "↓";
    /* down arrow */
}

.banner-owl-carousel .owl-dots {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -40px;
    top: 48%;
    transform: translateY(-50%);
    gap: 10px;
    z-index: 9;
}

.banner-owl-carousel .owl-prev span,
.banner-owl-carousel .owl-next span {
    display: none;
}

.banner-owl-carousel.owl-dot.active {
    background: #F15A29;
}

.owl-carousel.banner-owl-carousel.owl-theme.owl-loaded.owl-drag button.owl-prev,
.owl-carousel.banner-owl-carousel.owl-theme.owl-loaded.owl-drag button.owl-next {
    background: #F15A29 !important;
    color: white !important;
    padding: 10px 20px !important;
}

.banner-owl-carousel.owl-theme .owl-dots .owl-dot span {
    width: 9px !important;
    height: 9px !important;
    background: #ffffff !important;
}

.banner-owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.banner-owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #204667 !important;
}

/* owl slider css end  */
/* top navbar start  */
.top-nav-con {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.ind-sp {
    margin-right: 10px;
}

.spects {
    margin-left: 30px;
}

.skip-ul,
.font-a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.skip-ul span a {
    color: black;
    text-decoration: none;
    font-size: 0.75rem;
    text-align: center;
}

.skip-ul span a:hover,
.font-a span a:hover {
    color: #F15A29;
}

.skip-ul {
    margin-right: 25px;
}

.font-a span a {
    color: black;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

.font-a {
    margin-right: 20px;
}

.skip-ul span {
    color: black;
}

.color-a .light-a {
    background-color: white;
    padding: 3px 7px;
}

.light-a a {
    color: black;
}

.lang-form select {
    padding: 3px 17px;
    margin-left: 20px;
    background-color: #ebffeb;
    color: #380419;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
}

.color-a span a {
    text-decoration: none;
}

.color-a .dark-a {
    background-color: #000;
    padding: 3px 7px;
}

.dark-a a {
    color: white;
}

.dark-a a:hover,
.light-a a:hover {
    color: #05D1FF;
}

img.ind-sp {
    width: 15%;
}

.gov {
    font-size: 0.75rem !important;
    ;
    color: black;
}

a.nav-link.link-dark {
    color: #ffffff !important;
    font-size: 0.75rem !important;
}

.india.me-auto {
    display: flex;
    align-items: center;
}

.top-nav {
    background-color: #ff9646 !important;
padding: 10px 0px;
}

.container.bg-dark {
    background-color: #dfdfdf !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* top navbar end  */
/* main navbar start  */
.search-container {
    float: right;
    background: #FAFCFD;
    border-radius: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
    padding-left: 10px;
    margin-top: 2px;
    margin-left: 112px;
}

.search-container input[type=text] {
    /* padding: 6px;
  margin-top: 8px;
  font-size: 17px; */
    border: none;
    padding: 7px;
}

.search-container button {
    float: right;
    /* padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px; */
    background-image: linear-gradient(to bottom, #4346E9, #0742D9);
    border-radius: 19px;
    color: white;
    padding: 9px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.05rem;
    border: none;
    cursor: pointer;
}

.search-container button:hover {
    background: #ccc;
}


.logo {
    width: 16%;
}

.nav-head {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

h3.bold-logo {
    color: #000;
    margin: 0px;
}

h3.light-logo {
    font-size: 18px !important;
    font-weight: 300 !important;
    font-style: normal;
}

.logo-name h3 {
    font-size: 28px;
    font-weight: 600;
    margin-left: 10px;
}

.emr-h5 {
    font-weight: 600;
    font-size: 15px;
    margin: 0px;
    color: black;
}

.home-icon {
    width: 30px;
    height: 30px;
    padding-bottom: 10px !important;
}

.home-a {
    padding-bottom: 0px !important;
}

.amb-img img {
    width: 75px;
    height: 75px;
}

.emer-div.col-12.col-lg-auto.mb-3.mb-lg-0 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.amb-num {
    color: black;
    font-weight: 400;
    font-size: 12px;
}

.cm {
    margin-left: 10px;
}

/* main navbar end */
/* nav3 start  */


a.nav-link {
    color: #000000;
    font-weight: 600;
    font-size: 0.95rem;
}

a.nav-link:hover {
    color: #F15A29 !important;
}

a.reg-btn {
    text-decoration: none;
    color: white !important;
    background: linear-gradient(to bottom, #FF8276, #A14334);
    padding: 10px 30px;
    border-radius: 55px;
}

a.reg-btn:hover {
    color: white;
    background: linear-gradient(to bottom, #A14334, #FF8276);
}

nav.navbar.navbar-expand-lg.navbar-dark.border {
    padding: 0;
}

nav.navbar.navbar-expand-lg.navbar-dark.border.container {
    padding: 0;
}

.nav-3-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.navbar-nav.mb-2.mb-lg-0 {
    gap: 11px;
}

a.nav-link.active {
    color: #F15A29 !important;
    font-weight: 600;
}

.nav-link {
    position: relative;
    display: inline-block;
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-link::after {
    content: "";
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 3px;
    border-radius: 10px;
    background-color: #F15A29;
    transition: width 0.3s ease;
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 100%;
}

/* nav3 end  */
/* banner section start  */
.banner {
    position: relative;
    padding: 40px 60px;
}

.fixed {
    position: fixed;
    top: 40%;
    left: 0;
    width: 8%;
    height: auto;
    z-index: 999;
}

/* Button */
.side-button {
    display: block;
    border: 0;
    line-height: 3;
    margin-bottom: 0.3em;
    outline: none;
    text-decoration: none;
    background-color: #fff;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.15);
    width: 50%;
    font-size: 16px;
    border-radius: 0 10px 10px 0;
    /* LEFT side radius */
}

/* Button Inner Div */
.buttonDiv {
    padding: 0 11px;
    border-radius: 0 30px 30px 0;
    transition: all 0.5s ease;
}

/* Hover Slide Effect */
.buttonDiv:hover {
    background: #fff;
    margin-right: -20px;
    background: linear-gradient(45deg, #fda582, #f7cf68);
}



.banner {
    background: #1f364b url(../../assets/images/bg-img/footer-pattern.png);
    width: 100%;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 80px 60px 80px 60px;


}

.hd-gov {
    justify-content: flex-end;
}

/* animation for footer start */
.ft-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ft-ul li {
    margin-bottom: 8px;
}

.ft-ul li a {
    position: relative;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    padding-bottom: 4px;
    display: inline-block;
}

.ft-ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #ff9646;
    /* underline color */
    transition: width 0.35s ease;
}

.ft-ul li a:hover::after {
    width: 100%;
}

/* animation for footer end*/

.slide-con .owl-nav {
    display: none;
}

.row.banner-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h3.light-txt2 {
    font-weight: 100;
    text-transform: none;
}

.banner-h3 {
    color: white;
    line-height: 1.5;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 2.5rem;
}

.cp-img {
    text-align: center;
}

.banner-txt-con {
    padding-bottom: 40px;
}

.read-icon {
    margin-left: 18px;
}

.banner-p {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-size: 17px;
    text-align: justify;
    font-weight: 400;
    color: white;
}

.line {
    background-color: #F8D3C5;
    width: 1px;
    height: 62px;
}

/* a.read-btn {
    padding: 20px 60px;
    border-radius: 50px;
    border-top-left-radius: 0px;
    background: linear-gradient(to right, #FFB464, #F15A29);
    text-decoration: none;
    color: white;
} */
a.read-btn {
    position: relative;
    display: inline-block;
    padding: 16px 40px;
    letter-spacing: 3px;
    font-size: 18px;
    border-radius: 10px;
    
    background: #204667;
    color: white;
    text-decoration: none;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(241, 90, 41, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.svg-tooltip {
    position: relative;
    cursor: pointer;
}

.svg-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.svg-tooltip::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #000;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.svg-tooltip:hover::after,
.svg-tooltip:hover::before {
    opacity: 1;
}

/* Gradient border with top-left transparency */
a.read-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    /* border thickness */
    border-radius: 50px;
    border-top-left-radius: 0px;
    /* background: linear-gradient(135deg,
            transparent 0%,
            #E81A13 30%,
            #E81A13 100%); */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

/* Hover effect */
a.read-btn:hover {
    transform: translateY(-4px);
    /* lift effect */
    box-shadow: 0 12px 20px rgba(105, 65, 52, 0.274);
    /* deeper shadow on hover */
    background-color: #5e5e5e;


}



a.read-btn:hover {
    background-color: #ff9646;

}

.read-text {
    color: #05D1FF;
}

/* banner section end  */
/* announcement section start  */
.announcement-container {
    display: flex;
    align-items: center;
    background-color: #0B38AA;
    border: 1px solid #3A3EAF;
    overflow: hidden;
    height: 50px;
}

.card-con p {
    font-family: "Roboto", sans-serif;
}

.announcement-icon {
    font-family: "Mulish", sans-serif;
    flex-shrink: 0;
    padding: 0 50px;
    padding-left: 114px;
    font-size: 22px;
    font-weight: 300;
    color: white;
    background-image: linear-gradient(to right, #3A3EAF, #4346E9);
    border-right: 1px solid #3A3EAF;
    border-radius: 0px 25px 25px 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.announcement-wrapper {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.announcement-track {
    display: flex;
    animation: scrollLeft 20s linear infinite;
}

.announcement-wrapper:hover .announcement-track {
    animation-play-state: paused;
}

.announcement-set {
    display: flex;
}

.announcement {
    padding: 0 10px;
    font-size: 1rem;
    color: white;
    white-space: nowrap;
    transition: color 0.3s ease;
    cursor: pointer;
}

.announcement::before {
    content: "• ";
    color: white;
    margin-right: 8px;
}

.announcement:hover {
    color: rgb(252, 193, 16);
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* announcement section end  */
.dir-row {
    display: flex;
    flex-direction: row;
}

.dir-row .col-md-3 {
    position: relative;
    padding: 12px 20px;
}

/* Partition line between each column */
/* .dir-row .col-md-3:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;
    background-color: #000;
} */

/* director section start  */
/* .director {
    background-image: url('../../assets/images/bg-img/layer-1.png');
    background-color: #FFF8F4;
    width: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding: 80px 0px;
    padding-top: 0px;
} */

.police-card.card {
    background-image: url('../../assets/images/bg-img/card-bg.png');
    width: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 8px;
    border: 2px solid #F0B064;
    padding: 25px;
    position: relative;
    overflow: hidden;
    transition: border-color 0.4s ease, transform 0.4s ease;
}

/* overlay */
.police-card.card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
            rgb(255, 207, 148),
            rgba(81, 61, 214, 0.85));
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.police-card.card:hover::before {
    opacity: 1;
}

.police-card.card:hover {
    border-color: #2f2574;
    transform: translateY(-6px);
    color: white;
    font-weight: 600;
}

/* keep content above overlay */
.police-card.card>* {
    position: relative;
    z-index: 1;
}

.text-line {
    background-color: #DBDBDB;
    height: 1px;
    margin-bottom: 10px;
    width: 100%;
}

.city-card.card {
    position: relative;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
    max-height: 184px;
    overflow: hidden;
    background: #fff;
    transition: color 0.4s ease;
}

/* Gradient layer */
.city-card.card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
            #CC136C,
            #F15929);
    transform: translateX(-100%);
    transition: transform 0.4s ease;
    z-index: 0;
}

/* Hover animation */
.city-card.card:hover::before {
    transform: translateX(0);
}

.city-card.card:hover {
    color: #fff;
}

/* Content above gradient */
.city-card.card>* {
    position: relative;
    z-index: 1;
}

.city-card.card img {
    transition: filter 0.4s ease;
}

.city-card.card:hover img {
    filter: brightness(0) invert(1);
}

.city-card.card:hover p {
    color: white;
}

.city-p {
    font-size: 14px;
    color: #F15A29;
}

.learn-p {
    font-size: 12px;
}

.learn-p {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* Arrow image after text */
.learn-p::after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 16px;
    margin-left: 8px;
    background-image: url('../../assets/images/icons/arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: filter 0.3s ease;
}

/* On hover */
.city-card.card:hover .learn-p::after {
    filter: brightness(0) invert(1);
}

/* .amb-img {
    border: 2px solid #945029;
    border-radius: 50px;
    border-style: dashed;
    padding: 4px;
} */
.amb-img,
.mm-img {
    text-align: center;
}

.mm-img img {
    width: 225px;
    height: 225px;
    border-radius: 100%;
}

.mm-img h6 {
    font-size: 18px;
}

.mm-img p {
    font-size: 16px;
}

.fims-text h6 {
    font-size: 13px;
}

.fims-text p {
    margin-top: 10px;
    font-size: 13px;
    text-align: justify;
}

.amb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    background: #fff;
    filter: drop-shadow(0px 0px 0.4rem #3a3a3a);
}

.amb-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 25px 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.35s ease;
    height: 100%;
}

.amb-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

.amb-img {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #0b5ed7, #198754);
    padding: 5px;
}

.dir-card {
    /* background-image: url('../../assets/images/bg-img/layer-2.png'); */
    background-color: #ebffeb;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    padding: 60px 0px;
}

.citizen {
    float: left !important;
    width: 100% !important;
    padding-top: 40px;
    text-align: center;
}

.col-md-3.citizen-col {
    position: relative;
}

/* Vertical separator line */
.col-md-3.citizen-col::after {
    content: "";
    position: absolute;
    top: 10%;
    right: 0;
    width: 1px;
    height: 80%;
    background-color: #F0B064;
}

img.rural-img {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
}

.citizen h3 {
    color: white;
    text-align: center;
}

.citizen-h3 {
    font-family: "Geist", sans-serif;
    font-size: 55px;
    font-weight: 100;
}

.card-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-con {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.light-txt {
    font-weight: 200;
}

.light-txt2 {
    font-weight: 200;
}

.dir-h3 {
    margin-bottom: 20px;
    color: #000000;
    font-weight: 700;
}

.card.dir-card {
    background-color: #FFF9F4;
    border: none;
    padding: 10px;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card.dir-card:hover {
    transform: translateY(2px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);

}

.content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.dir-name {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin-top: 0px;
}

.img-div {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.img-div img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
}

/*css for map start*/
.map-image-wrapper {
    position: relative;
    width: 100%;
    height: 350px;
    /* 🔴 REQUIRED */
    overflow: hidden;
}

.map-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    transition: transform 0.5s ease;
}

.map-image.active {
    transform: translateX(0);
}

.map-image.from-right {
    transform: translateX(100%);
}

.map-image.from-left {
    transform: translateX(-100%);
}

.map-image.to-left {
    transform: translateX(-100%);
}

.map-image.to-right {
    transform: translateX(100%);
}

/*css for map start*/

.img-div:hover img {
    transform: scale(1.2);
}

.dir-position {
    font-size: 14px;
    color: #555;
    margin-bottom: 0;
}

/* director section end  */
/* annual-report section start  */
/* map start  */
.objects {
    position: relative;
}

.object-label {
    position: absolute;
    width: 10px;
    height: 10px;
    background-image: url(../../assets/images/bg-img/Vector.svg);
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    left: 68%;
    top: 21%;
    display: none;
}

.wow {
    /* visibility: visible; */
    display: none;
    animation-name: fadeInUp;
}

.mayurbhanj {
    color: #000000;
    margin: auto;
    text-align: center;
    position: absolute;
    font-size: 11px;
    font-family: inherit;
    margin-left: -26px;
    margin-top: 27px;
    font-weight: 600;
}

/* map end  */
.annum-report {
    background-image: url('../../assets/images/nursee.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f4f4f4;

    text-align: center;

}

.annum-report h3 {
    color: white;
    font-weight: 600;
    font-size: 50px;
}

.achv-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.circle-shape {
    background-color: #F15929;
    border-radius: 50px;
    padding: 13px;
}

.achv-text {
    color: white;
    text-align: start;
    margin-left: 10px;
}

.achv-text p {
    font-size: 14px;
    margin: 0px;
}

.circle-shape img {
    width: 38px;
    height: 38px;
}

/* annual-report section end  */
/* tab content style start  */
.data-tab {
    background-color: #F4F4F4;
    width: 100%;
    height: auto;

}

.data-tab {
    padding-top: 80px;
    padding-bottom: 0px;
}

.tab {
    display: inline-block;
    padding: 0px 48px;
    cursor: pointer;
    /* border: 1px solid #FF7139;
    background-color: white;
    border-radius:50px; */
}

.tab-name {
    text-align: center;
}

.tab-name {
    /* display: flex; */
    gap: 30px;
}

.tab p {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding-bottom: 6px;
}

/* underline */
.tab p::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #0b096a;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

/* hover effect */
.tab:hover p::after {
    transform: scaleX(1);
}

/* active tab underline */
.tab.active p::after {
    transform: scaleX(1);
}

.tab p {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 28px;
    color: #4D4D4D;
    font-family: "Raleway", sans-serif;
}

.tab-content {

    padding: 20px 153px;
    margin-top: 0px !important;
}

.tab:hover,
.tab.active:hover {
    /* background: linear-gradient(90deg, #FF6A00, #EE0979); */
    color: rgb(0, 0, 0);
}

.tab.active {
    /* background-color: #204667; */
    color: #000 !important;
}

.tab.active p {
    color: #000;

}

.tab-content {
    display: none;
    margin-top: 10px;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
}

.tab-content.active {
    display: block;
}

.tab-content p {
    margin: 0;
    line-height: 2.6;
    font-size: 16px;
}

.tab-content {
    background-color: transparent;
    box-shadow: none;
    text-align: center;
}

.tab-card {
    margin-bottom: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tab-card:hover {
    transform: translateY(2px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.date-card {
    border: 1px solid #CCCCCC;
}

.date-card.badge {
    color: black;
    font-size: 18px;
}

.card.dashboard-card {
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #f15b2973;
    box-shadow: 0 6px 6px -3px rgba(128, 128, 128, 0.4);
    margin: 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.card-figure {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 30px;
    overflow: hidden;
}

.figure-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.figure-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    color: #000;
    transition: color 0.3s ease;
    height: 100%;
}

figcaption h5 {
    margin-top: 15px;
    font-size: 1rem;
    font-weight: 600;
    transition: color 0.3s ease;
    color: #E15617;
}

.card.dashboard-card:hover .figure-image {
    opacity: 1;
    filter: brightness(0.4);
}

.card.dashboard-card:hover .figure-content {
    color: white;
}

.card.dashboard-card:hover figcaption h5 {
    color: white;
}

.card.dashboard-card:hover .tab-img {
    filter: brightness(0) invert(1);
}

.img-con {
    width: 90px;
    height: 90px;
}

.tab-img {
    width: 100%;
    height: auto;
    transition: filter 0.3s ease;
}

a.viewall-btn {
    padding: 15px 77px;
    background-color: #204667;
    border-radius: 5px;
    text-decoration: none;
    color: white;
    margin-top: 27px;
    font-weight: 600;
}

a.viewall-btn:hover {
    background-color: #5e5e5e;
    color: white;
}

/* tab content style end  */
/* inner page banner section start  */
.breadcrumb-banner {
    position: relative;
    height: 200px;
}

.breadcrumb-banner figure {
    height: 100%;
}

.breadcrumb-banner figure img {
    height: 100%;
    object-fit: cover;
}

.breadcrumb-banner .content {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    color: #fff;
    z-index: 11;
    width: max-content;
    left: 8%;
}

.breadcrumb-banner .about-h3 {
    color: #fff;
    font-size: 30px;
}

nav {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.breadcrumb-item a {
    color: #fff;
}

.breadcrumb-item.active {
    color: #e25d21;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #e25d21;
}

/* inner page banner section end  */
/* footer section start  */
.footer {
    background: #204667 url('../../assets/images/bg-img/footer-pattern.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 60px 20px 60px !important;
    overlay: #000;
}

.footer h5 {
    color: #fff;
}

.visit {
    background-color: olivedrab;
    padding: 10px;
    text-align: center;
}

.ftr-addr {
    display: flex;
}

.addr-p {
    margin-left: 20px;
}

/* .footer {
    position: relative;
    color: #fff;
    padding: 40px 60px;

    /* base background */
/* background-color: #204667;
    background-image:
        url("../assets/images/patterns/footer-pattern.png"),
        url("../assets/images/bg-img/footer-background.jpg");

    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center, center;
} */


.ft-ul {
    list-style: none;
    padding-left: 0;
}

.ft-ul li::before {
    content: "›";
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-right: 10px;
}


.ft-ul li {
    margin-bottom: 10px;
}

.ft-ul a {
    color: white;
    text-decoration: none;
}

.ft-ul a:hover {
    color: #fff;
}

.ft-ul-add {
    color: white;
    list-style: none;
    margin-top: 20px;
    margin-left: -13px !important;
}

.ft-ul-add li {
    margin-bottom: 10px;
}

.ft-icon {
    width: 33px;
    height: 33px;
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 100%;
}

.ft-logo {
    width: 100%;
    padding-right: 30px;
}

.footer .row {
    display: flex;
}

.h-ln {
    width: 140px;
    height: 2px;
    background: linear-gradient(90deg, #ff9646, #00457c, #ff9646);
    background-size: 200% 100%;
    animation: slideBar 3s linear infinite;
    border-radius: 10px;
    margin-bottom: 16px;
}

@keyframes slideBar {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 200% 50%;
    }
}


.logo-card {
    min-height: 150px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-card img {
    width: 100%;
    height: auto;
}

h3.light-logo {
    color: #000;
}

.light-logo1 {
    color: #FFf;
    font-weight: 200 !important;
    font-size: 15px !important;
}

.social-div {
    display: flex;
    align-items: center;
}

.social-shape {
    width: 37px;
    height: 37px;
    margin-right: 10px;
    background-color: rgba(56, 19, 10, 0);
    border: 1px solid white;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.social-shape img {
    width: 18px;
    height: 37px;
}

.auto-multi-carousel .owl-dot {
    display: none !important;
}

/* footer section end  */
/* copyright section start  */
.copyright p.copy-p {
    margin: 0;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 12px;
}

.copy-h6 {
    font-size: 14px;
    padding: 20px 19px 0;
    float: right;
    font-weight: bold;
}

.copy-h6 {
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
}

.foot-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #0000004b;
    list-style: none;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgb(255 150 70)
}

.foot-ul li {
    position: relative;
    padding: 0 15px;
}

/* Partition line */
.foot-ul li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50px;
    background-color: rgb(255 150 70);
}

.copy-right {
    padding-top: 16px;
    font-size: 14px;
}

.copyright {
    background-color: #ff9646;
    border-radius: 10px;
}

h6 span.update {
    color: #e3325b;
}

h6.visitor-count {
    font-size: 14px;
    color: #e3325b;
    font-weight: bold;
   
    text-align: left;
padding-top:20px;
}

.copy-ul li {
    display: inline;
    margin-right: 20px;
}
.nurs_clg{
    display: flex;
    gap: 10px;
}

.nursing-btn{
    background: #204667;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
}

.nursing-btn:hover{
    background: #0056b3;
}
.copy-ul a {
    color: white;
    text-decoration: none;
}

.copy-ul a:hover {
    color: #000000;
}

.sp-span {
    margin-left: 3px;
    margin-right: 3px;
}

/* copyright section end  */

/* profile  details page start  */
.profile-card {
    padding: 10px;
}

.data-span {
    display: flex;
}

.data-span p {
    margin-left: 10px;
}

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

.icon-list1 {
    list-style: none;
    padding-left: 0;
}

.icon-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}

.icon-list1 li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}

.icon-list li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('https://cdn-icons-png.flaticon.com/128/610/610333.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-list1 li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('https://cdn-icons-png.flaticon.com/128/5610/5610944.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.card.tab-card.profile-tab-card {
    padding: 20px !important;
}

/* profile details page end  */
/* contact page style start  */
.contact-form {
    padding: 50px;
}

.form-card {
    padding: 30px;
}

/* contact page style end  */
/* gallery section start  */
.gallery-h3 {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
    font-size: 40px;
}

.gall-text {
    text-align: center;
    margin: 14px;
}

.gallery-h6 {
    text-align: center;
    margin-top: 10px;
}

.gallery-date {
    font-weight: 600;
    font-size: 15px;
}

.gall {
    background-color: #204667;
}

.gall-text2 {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s, transform 1s;
}

.gall-text2.visible {
    opacity: 1;
    transform: translateY(0);
}

.slick-prev.gall-sec-prev,
.slick-next.gall-sec-next {
    color: #000000 !important;
    border: 1px solid #000000 !important;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.slick-prev.gall-sec-prev:hover,
.slick-next.gall-sec-next:hover {
    background-color: #ff9646;
    color: white !important;
}

div#photos-btn {
    position: relative;
}

.slick-prev.gall-sec-prev {
    position: absolute;
    left: 0;
    top: 10px;
    padding: 30px;
    /* transform: translateY(-50%); */
}

.slick-prev.gall-sec-prev i.fa-solid.fa-arrow-left {
    position: absolute;
    top: 24px;
    left: 23px;
}

.slick-next.gall-sec-next {
    position: absolute;
    left: 68px;
    top: 10px;
    padding: 30px;
    /* transform: translateY(-50%); */
}

.slick-next.gall-sec-next i.fa-solid.fa-arrow-right {
    position: absolute;
    top: 24px;
    left: 23px;
}

.slick-next:before {
    display: none;
}

.slick-prev:before {
    display: none;
}

section.gall {
    background-image: linear-gradient(to right, #fff, #ff9646a4);
    padding: 22px 60px 140px 22px;
}

.story-light {
    font-weight: 300;
}

.story-h3 {
    color: #70032F;
    font-size: 50px;
    font-weight: 600;
}

.profile-img img {
    width: 163px;
    height: 163px;
    border-radius: 100%;
}

.profile-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.read-more {
    color: #000000;
    text-decoration: none;
    display: inline-flex;
}

.read-more img {
    margin-left: 10px;
    margin-top: 3px;
}

.article-container3 {
    width: 100%;
    height: 182px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    color: white;
}

.glance-h2 {
    font-size: 60px;
    color: #dcdcdc8c;
    font-family: "Oswald", serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 25px;
    position: relative;
    top: 60px;
    text-align: center;
    /* z-index: -1; */
}

section.gall-sec.slider.slick-initialized.slick-slider {
    padding-top: 40px;
    /* border-top: 1px solid #e6582d; */
}

.gall-icon {
    width: 80px;
    height: 88px;
}

.gall-text2 {
    color: black;
    font-size: 55px;
    margin-bottom: 20px;
}

.gall-text1 {
    font-weight: 300;
    color: black;
}

.gall-ovr-text {
    text-decoration: line-through;
}

.gall-p {
    margin: 5px 0px 0px 0px;
    font-size: 16px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    max-width: 30ch;
}

.card.gall-card {
    padding: 25px 10px 41px 10px;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease, 0.6s ease;
}

.card.gall-card:hover {
    background: linear-gradient(135deg, #f1db967c, #f1db967c, #85e7f0, #85e7f0, #f1db967c);
    background-size: 400% 400%;
    animation: gradientAnimation 5s ease forwards;
    /* transform: scale(1.05);  */
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.card.gall-card:hover .date-card-sp {
    color: white;
    background-color: #f15b2977;
}

.gall-span {
    font-weight: 200;
}

.gallery-tab-buttons {
    display: flex;
    justify-content: center;
}

.media-tab-button {
    border: none;
    padding: 23px 81px;
    margin-right: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    font-size: 20px;
    margin-bottom: -2px;
    position: relative;
    overflow: hidden;
    /* Ensure the animation stays inside the button */
}

/* .media-tab-button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #e6582d;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease;
} */

.media-tab-button:hover::before,
.media-tab-button.active::before {
    transform: scaleX(1);
    /* Expand to full width */
    transform-origin: bottom left;
}

.media-tab-button:hover,
.media-tab-button.active:hover {
    color: white;
    background-image: linear-gradient(to left, #4D33E0, #2023AC);
}

.media-tab-button.active {
    color: white;
    background-image: linear-gradient(to right, #4D33E0, #2023AC);
}

.media-tab-button {
    border: 2px solid #4D33E0;
}

/* .media-tab-button {
  padding: 19px 71px;
  margin-right: 2px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  font-size: 21px;
  cursor: pointer;
  background-color: white;
  border: 1px solid #33669b;
  transition: background-color 0.3s;
}

.media-tab-button.active {
  background-color: #33669b;
  color: white;
  font-weight: 600;
}

.media-tab-button:hover {
  background-color: #33669b;
  color: white;
} */

.visit-pg a {
    width: 160px;
    padding: 20px;
    background-color: black !important;
    position: relative;
    top: 10px;
    float: right;
}

.gall-con {
    padding-top: 0px !important;
}

.visit-pg a:hover {
    background-color: #f15929 !important;
    border-color: #f15929 !important;
}

div#vdos-btn {
    position: relative;
}

.glance-c {
    width: 100%;
    height: 183px;
    overflow: hidden;
}

.glance-c img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.glance-c {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
}

/* Image */
.glance-c img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.overlay{
    pointer-events:none;
}
/* Gradient Overlay */
.glance-c::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(61, 9, 9, 0.812), rgba(1, 27, 68, 0.538));
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* View More Text */
.view-more {
    cursor: pointer;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Hover Effects */
.glance-c:hover::after {
    opacity: 1;
}

.glance-c:hover img {
    transform: scale(1.1);
}

.glance-c:hover .view-more {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* gallery section end  */
/* story section start  */
.image-card {
    position: relative;
    width: 100%;
    height:392px;

    overflow: hidden;
    cursor: pointer;
    margin-top: 40px;
}

/* Image from HTML */
.image-card img {
    width: 100%;
    height: 392px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* Red transparent overlay */
.image-card .overlay {
    position: absolute;
    inset: 0;
    background: rgba(155, 61, 61, 0.021);
    transition: background 0.4s ease;
}

/* Text content */
.image-card .content {
    
    inset: 0;
    z-index: 2;
    color: #fff;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    /* LEFT align items */
    text-align: left;
    /* LEFT align text */
}


.image-card h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

.image-card p {
    margin: 6px 0 12px;
    font-size: 14px;
    opacity: 0.9;
}

.image-card .btn {
    align-self: flex-start;
    color: white;
    padding: 0px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    line-height: 9.5px;
}

.btn span {
    margin-right: 10px;
}

.image-card .btn:hover {
    color: #05D1FF;
}

img.img-svg {
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
}

.image-card:hover img {
    transform: scale(1.12);
}

.image-card:hover .overlay {
    background: linear-gradient(45deg, #2046674a, #ff9646f7);
}

/* story section end  */
/* Tab header wrapper */
.my-tabs {
    display: flex;
    gap: 2px;
}

/* Tab button */
.my-tab {
    display: inline-block;
    padding: 15px 48px;
    cursor: pointer;
    border: 1px solid #CDE6FF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #fff;
}

/* Tab text */
.my-tab span {
    font-weight: 500;
    font-size: 18px;
    color: #4D4D4D;
}

/* Hover */
.my-tab:hover,
.my-tab.active:hover {
    background-image: linear-gradient(to right, #b1b87b, #f7eab2);
}

.my-tab:hover span {
    color: #fff !important;
}

/* Active tab */
.my-tab.active {
    background-color: black;
}

.my-tab.active span {
    color: #fff;
}

/* Content area */
.my-tab-content {
    display: none;
    margin-top: 10px;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
}

span.fb-text {
    color: #1877F2;
}

span.insta-text {
    background: linear-gradient(to right, #A71AE9, #FF4602);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Active content */
.my-tab-content.active {
    display: block;
}

.social-shape:hover {
    background-color: #09627fc6;
}

/* =====================================
   LEFT → RIGHT ROLL ANIMATION (FIXED)
   ===================================== */

h3.story-h3.text-center.aos-init.aos-animate {
    color: #204667;
}

.profile-card {
    background: #fff;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
    height: 100%;
}

.profile-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}

/* Image box */
.profile-img {
    border-radius: 14px;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 100%;
}

.profile-img img {
    width: 30%;
    height: 100px;
    object-fit: cover;
    border-radius: 12px;
}

/* Text */
.dir-name {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}

.dir-position {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-bottom: 0;
}

.profile-desc {
    font-size: 13px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 10px;
}

.profile-img img {
    object-fit: cover;
    
}

.cm1 img {
    height: 275px !important;
}

.date-card img {
    width: 20px;
}

/* social icons*/
/* mobile menu align start*/

/* mobile menu align end*/

/* ===============================
   DROPDOWN MENU HOVER EFFECT
   =============================== */

/* Base dropdown */
#cssmenu ul ul {
    background: #ffffff;
    min-width: 240px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

/* Dropdown item */
#cssmenu ul ul li {
    position: relative;
    overflow: visible;
}

/* Dropdown link */
#cssmenu ul ul li a {
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    display: block;
    transition: all 0.35s ease;
}

/* Hover background + text */
#cssmenu ul ul li:hover>a {
    background: #f2f6ff;
    color: #0b5ed7;
    padding-left: 26px;
}

/* Left accent bar */
#cssmenu ul ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(to bottom, #204667, #ff9646);
    transition: width 0.3s ease;
}

#cssmenu ul ul li:hover>a::before {
    width: 4px;
}

/* ===============================
   NESTED DROPDOWN (LEVEL 2+)
   =============================== */
#cssmenu ul ul ul {
    left: 100%;
    top: 0;
    border-radius: 6px;
}

#cssmenu ul ul ul li a {
    font-size: 13.5px;
}

/* ===============================
   TOP MENU HOVER (OPTIONAL)
   =============================== */



/* Responsive code start */
@media (min-width: 570px) and (max-width: 1024px) {
    .profile-box {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
        gap: 20px;
    }

    .container.top-nav-con.d-flex.flex-wrap.hd-gov {
        max-width: unset;
        padding: 0px 40px;
    }

    .container.d-flex.flex-wrap.justify-conten-start.logo-con {
        max-width: unset;
    }

    .container.banhome {
        max-width: unset;

    }

    .container.notix {
        max-width: unset;
        padding: 0px 40px;
    }

    .container.annualreport {
        max-width: unset;
        padding: 0px 40px;
    }

    .container.gall-con {
        max-width: unset;

    }

    .container.footpart {
        max-width: unset;

    }

    .container.copyright {
        max-width: unset;
    }

    .profile-item {
        width: 100% !important;
        padding: 20px !important;
    }

    .notice-wrapper {
        padding: 0px 40px;
    }
}

/* Responsive code for banner text */

.read-more-inline {
    color: #0066cc;
    font-weight: 500;
    cursor: pointer;
}

/* Tablet & Mobile */
@media (max-width: 1024px) {

    .banner-p.expanded {
        -webkit-line-clamp: unset;
        overflow: visible;
    }

    #cssmenu>ul>li>a {
        padding: 10px 2px 10px 17px;
        font-size: 18px;
        letter-spacing: 1px;
        text-decoration: none;
        color: black;
        font-weight: 400;
        padding-right: 23px;
        border: 1px solid #a6a6a6;

    }

    #cssmenu>ul>li:hover>a,
    #cssmenu ul li.active a {
        padding: 10px 2px 10px 17px !important;
    }

    #cssmenu>ul>li.has-sub>a {
        padding-right: 23px;
        border: 1px solid #a6a6a6;
        padding: 10px 2px 10px 17px;
    }

    #cssmenu>ul>li:hover>a,
    #cssmenu ul li.active a {
        color: black;
        padding: 10px 2px 10px 17px !important;
        border: 1px solid #a6a6a6;
    }

    a.home-a:hover {
        background: red;
    }

    #cssmenu>ul>li {
        padding-left: 0px !important;
    }

    a.read-btn {
        padding: 10px 20px;
        font-size: 13px;

    }

    ul.mob.open {
        display: grid !important;
    }

    .foot-ul li {
        width: 16%;
    }

    .col-md-3 {
        width: 50%;
    }

    #cssmenu>ul>li:hover>a {
        background-color: #ff9646;
    }

    #cssmenu ul li>ul {
        left: 0 !important;
        top: 25px !important;
    }
}

@media (min-width: 570px) and (max-width: 1024px) {
    .mal-card {
        width: 50% !important;
    }

    .tab-card .row {
        display: contents;
    }

    .date-card.badge {
        display: contents;
    }

    .footer .row.pb-4 {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .footer .row.pb-4>div {
        width: 50% !important;
        /* 2 columns = 50% */
        max-width: 50% !important;
        margin-bottom: 20px;
    }

    /* Make last column full width if needed */
    .footer .row.pb-4>div:last-child {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Center copyright section */
    .copy-right .col-md-8,
    .copy-right .col-md-4 {
        width: 100%;
        text-align: center;
    }

    .footer {
        padding: 20px 40px !important;
    }

    section.gall {
        padding: 20px 40px;
    }

    .tab-content {
        padding: 20px 40px;
    }

    .tab-name .tab p {
        font-size: 22px;
    }

    .owl-nav {
        display: none !important;
    }

    .dir-card {
        padding: 20px 40px !important;
    }

    .annum-report {
        padding: 20px 40px;
    }

    .banner {
        padding: 100px 40px;
    }

    .logo-con {
        padding: 4px 40px !important;
    }

}


/* ===== FOOTER RESPONSIVE FIX ===== */

/* =====================================
   TABLET VIEW (≤1024px) – GALLERY FIX
   ===================================== */
@media (max-width: 1024px) {

    /* Stack layout */
    .gall .row {
        display: flex;
        flex-direction: column;
    }

    /* Success Story slider – full width */
    .gall .row>.col-md-4 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
    }

    /* Media Gallery moves below */
    .gall .row>.col-md-8 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 40px;
    }

    /* Padding adjust */
    .gall {
        padding: 20px 40px;
    }

    /* Reduce heading size */
    .story-h3 {
        font-size: 32px;
    }

    /* Media gallery inner cards */
    .gall .col-md-8 .row {
        flex-direction: row;
    }

    .gall .col-md-8 .row>.col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* Image height adjust */
    .image-card img {
        height: 213px;
    }
}


/* Responsive code end */

.dir-card {
    padding: 40px 60px;
    background-color: #e7fbe7;
}

.logo-con {
    padding: 10px 60px;
}

.flex-wrap {
    flex-wrap: wrap !important;

}

.container-fluid.d-flex.flex-wrap.justify-content-center.logo-con {
    padding: 4px 40px;
}

/* sticky header start */
.fixed-header {
    /* position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #ffffff;
}
.navbar3 {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #204667;
}

/* sticky header end */
body {
   
    /* total height of top-nav + logo + menu */
}

/* Normal state */
.navbar3 {
    width: 100%;
    transition: all 0.3s ease;
}

/* When sticky activates */
.navbar3.sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* blog button start */

/* blog button end */
a.d-flex.align-items-center.mb-3.mb-lg-0.me-lg-auto.text-dark.text-decoration-none {
    gap: 5px;
}

.container-fluid.top-nav-con.d-flex.flex-wrap {
    padding: 4px 60px;
}

/* dir card animation */
/* =====================================
   PROFILE CARD – ANIMATED BORDER
   ===================================== */

.profile-card {
    position: relative;
    background: #ffffff;
    border-radius: 18px;
    padding: 18px;
    z-index: 1;
    overflow: hidden;
}

/* Animated border layer */
.profile-card::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    /* border thickness */
    border-radius: 18px;

    background: linear-gradient(270deg,
            #ff7a18,
            #ffb347,
            #204667,
            #00c6ff,
            #ff7a18);
    background-size: 400% 400%;
    animation: profileBorderMove 6s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    z-index: -1;
}

/* Hover effect (faster + glow) */
.profile-card:hover::before {
    animation-duration: 2.5s;
    filter: drop-shadow(0 0 10px rgba(58, 141, 208, 0.6));
}

/* Animation */
@keyframes profileBorderMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* dir card animation */

/* new bar width */
.card.tab-card {
    max-width: 67%;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px auto;
}


/* new bar width */

@media (min-width: 1024px) and (max-width: 1366px) {
    .card.tab-card {
        max-width: 85%;
        align-items: center;
        justify-content: center;
        margin: 0 auto 15px auto;
    }
}

/* FIX ONLY NAVBAR3 */
.navbar3 {
   
    top: 0;
    /* sticks to viewport top */
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #ffffff;
    /* avoid transparency issues */
  
}


/* Show only direct child menu */
#cssmenu li>ul {
    display: none;
}

#cssmenu li:hover>ul {
    display: block;
}

/* FIX: keep 3rd level inside same dropdown */
#cssmenu ul ul ul {
    position: static;
    left: auto;
    top: auto;
    background: #2f78b5;
    box-shadow: none;
}

/* Indent 3rd level items */
#cssmenu ul ul ul li a {
    padding-left: 35px;
    background: #204667;
}

/* for footer style start */

/* for footer style end */
/* ===============================
   SECTION BACKGROUND
================================ */
.notice-wrapper {
    background: #eaf3fb;
    padding: 40px 0px;
    font-family: 'Segoe UI', sans-serif;
}

/* ===============================
   LEFT NOTICE BOX
================================ */
.notice-box {
    background: #ffffff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

/* ===============================
   TABS
================================ */
.notice-tabs {
    display: flex;
    gap: 12px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.tab-btn {
    border: none;
    background: #f2f2f2;
    padding: 8px 8px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
}

.tab-btn:hover {
    background: #ff9646;
    color: #fff;
}

.tab-btn.active {
    background: #204667;
    color: #ffffff;
}

/* ===============================
   TAB CONTENT
================================ */
.notice-content {
    display: none;
    max-height: 330px;
    overflow-y: auto;
    padding-right: 5px;
}

.notice-content.active {
    display: block;
}

/* Scrollbar */
.notice-content::-webkit-scrollbar {
    width: 6px;
}

.notice-content::-webkit-scrollbar-thumb {
    background: #b5c7df;
    border-radius: 10px;
}

/* ===============================
   NOTICE ITEM
================================ */
.notice-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 14px 10px;
    border-bottom: 1px solid #eeeeee;
}

.notice-item:last-child {
    border-bottom: none;
}

.notice-item p {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.notice-item span {
    font-size: 12px;
    color: #666666;
}

/* ===============================
   BUTTONS
================================ */
.view-btn {
    border: 1px solid #204667;
    padding: 5px 16px;
    border-radius: 4px;
    font-size: 13px;
    color: #204667;
    white-space: nowrap;
    text-decoration: none;
    transition: 0.3s;
}

.view-btn:hover {
    background: #ff9646;
    color: #ffffff;
}

.view-all {
    float: right;
    margin-top: 15px;
    background: #204667;
    padding: 6px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

.view-all:hover {
    background-color: #ff9646;
    color: #fff;
}

/* ===============================
   RIGHT PROFILE CARD
================================ */
.profile-box {

    display: flex;
    border-radius: 10px;
    padding: 25px 0px 0px 0px;


    text-align: center;
    align-items: center;
    justify-content: space-between;

}

.rewardss .tab-btn.active {
    margin-top: 20px;
}

.profile-item {
    display: flex;
    align-items: center;
    gap: 7px;
    background-color: #fff;
    padding: 20px 20px 20px 20px;
    border-radius: 15px;
    text-align: left;
    width: 30%;
}

.rewardss {
    background-color: #fff;
    padding-bottom: 20px;
}

.profile-items {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 22px;
    right: 0;
    position: relative;
    color: #000;
    top: 17px;
}

a.d-flex.align-items-center.mb-lg-0.text-dark.text-decoration-none {
    margin-right: auto;
}

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

.profile-item img {
  object-fit: cover !important;
    object-position: center center !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    border: 3px solid #eaf3fb !important;
    display: block !important;
    max-width: 70px !important;
    max-height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
}

.profile-item small {
    display: block;
    font-size: 13px;
    color: #777;
}

.profile-item h6 {
    margin: 3px 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #222;
}

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


    .profile-box {
        margin-top: 20px;
    }
}

@media(max-width: 576px) {
    .notice-item {
        flex-direction: column;
        align-items: flex-start;
    }

.nav-head{
padding:0px 20px !important;}
    .copyright p.copy-p {
        text-align: center;
    }

    .copy-h6 {
        font-size: 14px;
        display: flex;
        justify-content: flex-end;
        padding: 0;
        text-align: center;
        justify-content: center !important;
        float: unset
    }

    .notice-tabs {
        flex-wrap: wrap;
    }

    .tab-btn {
        padding: 10px !important;
    }

    .view-btn {
        align-self: flex-start;
    }

    .profile-box {
        display: block;
    }


    .profile-box {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
        gap: 20px;
    }

    .container.top-nav-con.d-flex.flex-wrap.hd-gov {
        max-width: unset;
        padding: 10px 10px;
        justify-content: center;
    }
.symbol_details {
  position:relative !important;
     bottom: 0px !important;
}
    .container.d-flex.flex-wrap.justify-conten-start.logo-con {
        max-width: unset;
    }

    .container.banhome {
        max-width: unset;

    }

    .container.notix {
        max-width: unset;

    }

    .container.annualreport {
        max-width: unset;
        padding: 0px 20px;
    }

    .container.gall-con {
        max-width: unset;
        padding: 0;

    }

    .container.footpart {
        max-width: unset;
        padding: 0;

    }

    .col-lg-8.notpad {
        padding: 0;
    }

    .col-md-7.slidee {
        padding: 0;
    }

    .col-md-4.foot-pad.styy {
        padding: 0;
    }

    .col-md-4.foot-pad {
        padding: 0px 20px;
    }

    .container.copyright {
        max-width: unset;
    }

    .notice-wrapper {
        background: #eaf3fb;
        padding: 40px 20px;
        font-family: 'Segoe UI', sans-serif;
    }

    .notpad {
        max-width: unset;
    }
}



div#photos-btn {
    position: relative;
    right: 0;
    bottom: 91px;
    transform: translate(65%, 0);
}

.gall .row {
    row-gap: 100px;
}

@media(max-width: 991px) {
    div#photos-btn {
        position: relative;
        left: 50%;
        top: 28px;
        transform: translate(-9%, 0);
    }
}

@media(max-width: 767px) {
    div#photos-btn {
        position: relative;
        left: 50%;
        top: 28px;
        transform: translate(-20%, 0);
    }

    .media.text-center {
        margin-top: 34px !important;
    }

    .citizen img,
    .annum-report img {
        object-fit: contain;
    }

    .gall .row>.col-md-8 {
        margin-top: 0;
    }

    .profile-item {
        width: 100% !important;
        padding: 20px !important;
        margin-bottom: 10px;
    }
}

.parent {
    display: flex;
    justify-content: center;
    align-items: center;
}

body {
    overflow-x: hidden;
}

@media (min-width:991px) and (max-width:1024px) {
    div#photos-btn {
        position: relative;
        left: 42%;
        top: 0px;
        transform: translate(0%, 0);
    }

    .header-right-img {

        width: 50%;
    }

    @media (min-width:1024px) {
        span#closeMenuBtn {
            display: none;
        }
    }

    .close-menu {
        display: visible;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 100;
        font-size: 2rem;
        cursor: pointer;
        color: #fff;
    }


    .mobile_menu .navbar3 {
        display: none !important;
    }
}

.amb1-img img {
    width: 53px;
}

.spects img {
    width: 110px;
}

/* hide images of header start */

@media (max-width:1024px) {
    .amb1-img {
        display: none !important;
    }

    .profile-items {
        display: none;
    }

    .spects {
        display: none !important;
    }

    .container.d-flex.flex-wrap.justify-conten-start.logo-con {
        display: grid !important;
        grid-template-columns: 3fr 1fr;
    }

    a.d-flex.align-items-center.mb-3.mb-lg-0.me-lg-auto.text-dark.text-decoration-none {
        gap: 5px;
        width: 100%;
    }

    .emer-div.col-12.col-lg-auto.mb-lg-0 {
        display: flex;
        align-items: center;
        justify-content: right;
        width: 100%;
    }

    .logo-name h3 {
        font-size: 21px;
        font-weight: 600;
        margin-left: 10px;
    }

    h3.light-logo {
        font-size: 16px !important;
        font-weight: 300 !important;
        font-style: normal;
        margin-bottom: auto;
    }

    .mb-3 {
        margin-bottom: 0rem !important;
    }
}

/* hide images of header end */
@media (min-width:1024px) {
    .emer-div.col-12.col-lg-auto.mb-lg-0 {
        display: contents !important;
    }
}

@media (max-width:1024px) {
    body {
        padding-top: 0px;
    }

    .fixed-header {
        position: relative;
    }
}

/* button animation start */
/* ===== READ MORE BUTTON ANIMATION ===== */

/* text animation */
.read-btn span {
    display: inline-block;
    transition: transform 0.4s ease;
}

/* arrow animation */
.read-btn .read-icon {
    width: 16px;
    margin-left: 14px;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

/* hover motion */
.read-btn:hover span {
    transform: translateX(6px);
}

.read-btn:hover .read-icon {
    transform: translateX(10px);
    opacity: 1;
}

/* shine sweep effect */
.read-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(120deg,
            transparent,
            rgba(255, 255, 255, 0.35),
            transparent);
    transition: left 0.6s ease;
    z-index: 0;
}

.read-btn:hover::after {
    left: 120%;
}

/* keep content above shine */
.read-btn span,
.read-btn img {
    position: relative;
    z-index: 1;
}

@keyframes arrowPulse {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(6px);
    }

    100% {
        transform: translateX(0);
    }
}

.read-btn .read-icon {
    animation: arrowPulse 1.6s infinite;
}

/* button animation end */
/* mal animation start */
/* TAB BUTTON BASE */
.notice-tabs {
    display: flex;
    gap: 14px;
}

.tab-btn {
    position: relative;
    padding: 10px 22px;
    border: none;
    background: transparent;
    font-weight: 600;
    cursor: pointer;
    color: #444;
    overflow: hidden;
    transition: color 0.3s ease, transform 0.2s ease;
}

/* UNDERLINE */
.tab-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #ff7a18, #ffb347);
    transition: all 0.4s ease;
    transform: translateX(-50%);
}

/* HOVER EFFECT */
.tab-btn:hover {
    color: #fff;
    transform: translateY(-2px);
}

.tab-btn:hover::after {
    width: 100%;
}

/* ACTIVE TAB */
.tab-btn.active {
    color: #fff;
}

.tab-btn.active::after {
    width: 100%;
}

/* CLICK RIPPLE */
.tab-btn:active {
    transform: scale(0.95);
}

.view-all {
    position: relative;
    display: inline-block;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    padding-bottom: 4px;
    overflow: hidden;
    transition: color 0.3s ease;
}

/* underline slide */
.view-all::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #ff7a18, #ffb347);
    transition: width 0.4s ease;
}

/* flash sweep */
.view-all::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -120%;
    width: 120%;
    height: 200%;
    background: linear-gradient(120deg,
            transparent,
            rgba(255, 255, 255, 0.5),
            transparent);
    transform: translateY(-50%);
    transition: left 0.6s ease;
}

/* hover effects */
.view-all:hover {
    color: #fff;
}

.view-all:hover::after {
    width: 100%;
}

.view-all:hover::before {
    left: 120%;
}

/* mal animation end */
/* blog button animation start */
/* SLIDER BUTTON WRAPPER */
#photos-btn {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

/* BASE BUTTON STYLE */
#photos-btn button {
    width: 48px;
    height: 48px;

    border: none;
    background: #204667;
    color: #fff !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ICON */
#photos-btn button i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

/* HOVER EFFECT */
#photos-btn button:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

#photos-btn button:hover i {
    transform: translateX(3px);
}

/* LEFT ARROW FIX */
#photos-btn .slick-prev:hover i {
    transform: translateX(-3px);
}

/* CLICK EFFECT */
#photos-btn button:active {
    transform: scale(0.9);
}

/* PULSE ATTENTION (OPTIONAL) */
@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
    }

    50% {
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
    }

    100% {
        box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
    }
}

#photos-btn button {
    animation: pulseGlow 2.5s infinite;
}

/* blog button animation end */
/* only items that HAVE a dropdown */
li:has(ul)>a {
    position: relative;
    padding-right: 18px;
}

/* chevron mark */
/* li:has(ul)>a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
} */

/* rotate on hover */
li:has(ul):hover>a::after {
    transform: translateY(-50%) rotate(-135deg);
}

/* only items that HAVE a dropdown */
li:has(ul)>a {
    position: relative;
    padding-right: 18px;
}

/* chevron mark */
li:has(ul)>a::after {
    content: "";
    position: absolute;
    right: -12px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    height: 400px;
}

/* rotate on hover */
li:has(ul):hover>a::after {
    transform: translateY(-50%) rotate(-135deg);
}

/* HEADER POSITION FIX */
.nav-head {
    position: relative;
    overflow: hidden;
}

/* RIGHT IMAGE CONTAINER */
.header-right-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    pointer-events: none;
    /* menu remains clickable */
}

/* IMAGE STYLE */
.header-right-img img {
    height: 100%;
    max-height: 114px;
    /* adjust based on header height */
    object-fit: contain;
}

/* RESPONSIVE: HIDE ON MOBILE */
@media (max-width: 991px) {
    .header-right-img {
        display: none;
    }



}

@media (max-width: 1024px) {
    .header-right-img {
        display: none;
    }
}

@media (max-width:1400px) {
    .profile-img img {
        width: 53%;
        height: 100px;
        object-fit: cover;
        border-radius: 12px;

    }

    .banner-p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* visible lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        height: 307px;

    }
}

@media (min-width: 1024px) and (max-width: 1440px) {
    a.d-flex.align-items-center.mb-lg-0.me-lg-auto.text-dark.text-decoration-none {
        margin-right: 0 !important;
    }

    .spects {
        margin-left: 0 !important;

    }


}

/* header image animation start */
/* ensure header positioning */
.nav-head {
    position: relative;
    overflow: hidden;
}

/* RIGHT IMAGE CONTAINER */
.header-right-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    pointer-events: none;


    /* ENTRY ANIMATION */
    animation: slideInRight 1.2s ease-out forwards;
}

/* IMAGE STYLE + FLOAT */
.header-right-img img {
    height: 100%;
    max-height: 130px;
    object-fit: contain;

    /* subtle floating animation */
    animation: floatY 6s ease-in-out infinite;
}

/* SLIDE-IN KEYFRAME */
@keyframes slideInRight {
    0% {
        transform: translateX(120px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* FLOATING EFFECT */
@keyframes floatY {
    0% {
        transform: translateY(0);
    }

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

    100% {
        transform: translateY(0);
    }
}

/* MOBILE: HIDE IMAGE */
@media (max-width: 991px) {
    .header-right-img {
        display: none;
    }
}

/* header image animation end */
/* banner text animation start */
.banner-h3 {
    position: relative;
    display: inline-block;
}

@media (max-width:465px) {
    .logo-name {
        
    }
}

@media (min-width: 1025px) {
    .mobile_menu {
        display: none;
    }

    .navbar3 .button {
        display: none;
    }

    span#closeMenuBtn {
        display: none !important;
    }

    div#photos-btn {
        right: 31px;
    }


}

@media (min-width:768px) and (max-width:1024px) {
    .footer .row {
        display: flex;

        justify-content: space-between;
    }

    .col-md-4.ft-1.foot-pad {
        width: 50%;
    }
}

/* remove arrow only for Facilities */
li.no-arrow:after {}

ul ul>li.no-arrow::after {}

/* arrow on Nursing Education & Clinical Nursing */
#cssmenu ul ul>li>a {
    position: relative;
    padding-right: 28px;
}

/* Arrow ONLY for Nursing Education */
li.no-arrow>a {
    position: relative;
    padding-right: 18px;
}

li.no-arrow>a::after {
    content: "";
    position: absolute;
    right: 22px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}

/* rotate on hover */
li.no-arrow:hover>a::after {
    transform: translateY(-50%) rotate(-135deg);
}

.spects {
    width: 13%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.amb1-img {
    width: 4%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width:1440px) {
    .spects {
        width: 13%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .amb1-img {
        width: 4%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #cssmenu>ul>li {
        float: left;
        padding-left: 20px;
    }
}

/* @media (max-width:1440px) {
    #cssmenu>ul>li {
        padding-left: 20px !important;
    }
} */


span#closeMenuBtn {
    position: absolute;
    right: 15px;
    color: #fff;
    font-size: 28px;
    top: 22px;
}


.profile-img img {
    width: 100% !important;
    height: 100% !important;
}

.profile-img {
    width: 100%;
    margin: auto;
}

@media (max-width:1024px) {
    .foot-ul {
        display: none !important;
    }
}

/* Hide offcanvas close (X) after 1024px */
@media (min-width: 1025px) {
    .btn-close {
        display: none !important;
    }
}

/* Desktop: completely remove offcanvas close button */
@media (min-width: 1025px) {
    .offcanvas-header {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .offcanvas .btn-close {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

.bind {
    display: contents;
}

.banner-owl-carousel .item {
 height: 414px;
    width: 746px;
}


.banner-owl-carousel .item img {
    height: 100%;
    width: 100%;
   
    /* keeps image nicely cropped */
}

.awardss{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#204667;
    color:#fff;
    padding:10px 15px;
    font-weight:600;
border-radius: 20px 20px 0px 0px;
}

.notices {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 14px 10px;
    border-bottom: 1px solid #eeeeee;
}

.notices p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
}

.achievements {
    display: none;
    max-height: 330px;
    overflow-y: auto;
    padding-right: 5px;

}

.achievements.active {
    display: block;

}

/* menu hover animation end */

/*  banner text animation end */
.arrw_place li:has(ul)>a::after {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}



/* citizen start */
.hero-section {
    /* background: linear-gradient(135deg, #003366, #204667);     */
    background-image: url(../images/bckgrd.png);
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    margin-top: 186px;
}
.hero-section-inner {
    /* background: linear-gradient(135deg, #003366, #204667);     */
    background-image: url(../images/bckgrd.png);
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0;

}
section.academics-section {
    padding: 40px 0px;
}
.hero-section h1 {
    font-weight: 700;
}

.hero-section p {
    margin-top: 15px;
    font-size: 16px;
}

/* SECTION TITLE */
.section-title {
    font-weight: 700;
    color: #003366;
    margin-bottom: 20px;
}

/* CARDS */
.custom-card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: 0.3s ease;
}

.custom-card:hover {
    transform: translateY(-6px);
}

.card-header-box {
    background: #204667;
    color: #fff;
    font-weight: 600;
    border-radius: 12px 12px 0 0 !important;
    padding: 10px;
}

.card-body ul {
    padding-left: 18px;
}

.card-body ul li {
    margin-bottom: 8px;
}

/* FOOTER */
.footer {
   
    color: #fff;
    padding: 20px;

}

::marker {
    color: #ff9646;
}

.abtt {
    background: url("./assets/images/Frame\ 3934.png");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (min-width:576px) and (max-width:1024px) {
    .container.py-5.aboutt {
        padding: 40px 40px;
        /* width: unset; */
        max-width: unset;
    }

    .hero-section {

        margin-top: 120px;
    }
}

@media (max-width:575px) {
    .container.py-5.aboutt {
        padding: 20px 20px;
        /* width: unset; */
        max-width: unset;
    }
.col-lg-4.rewardss {
   
    padding: 0px 0px 10px 0px;
}
.simple-slider{margin-top: 21px !important;}
.nursing-btn{padding:10px 16px;}
    .hero-section {

        margin-top: 158px;
    }
}

/* citizen end */

/* listcollges start */

.title-box-name {
    background: linear-gradient(135deg, #002855, #00509e);
    color: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.title-box-name h2 {
    font-weight: 600;
    margin-bottom: 5px;
}

/* Table Container */
.table-container {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.list-bd {
    background: url("../images/Frame\ 3934.png");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* Table Styling */
.custom-table thead {
    background-color: #002855;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

.custom-table tbody tr {
    transition: 0.3s;
}

.custom-table tbody tr:hover {
    background-color: #f0f7ff;
   
}

/* Serial Number Style */
.slno {
    background-color: #00509e;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: bold;
    margin: auto;
}

/* District Badge */
.badge-district {
    background-color: #e6f0ff;
    color: #002855;
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 600;
}

.district-link {
    text-decoration: none;
}

.district-link:hover .badge-district {
    background: #204667;
    color: #fff;
    transition: 0.3s ease;
}

@media (min-width:576px) and (max-width:1024px) {
    .container.py-5.total_list {
        padding: 40px 40px;
        max-width: unset;
    }
     .banner-owl-carousel .item {
 height:315px;
    width: 100%;
}
}

@media (max-width: 768px) {
    .custom-table {
        font-size: 14px;
    }
}

@media (max-width:575px) {
    .container.py-5.total_list {
        padding: 20px 20px;
    }
    .banner-owl-carousel .item {
 height:315px;
    width: 100%;
}


}


/* Responsive */


/* listcolleges end */
/* who is who start */


.section-title-name {
    font-weight: 700;
    color: #0b3d91;
}

.section-subtitle-nm {
    color: #6c757d;
    font-size: 15px;
}

.staff-card {
    border-radius: 12px;
    overflow: hidden;
}

.custom-header {
    background: linear-gradient(45deg, #0b3d91, #1f6fb2);
    color: #fff;
}

.custom-header th {
    padding: 15px;
    font-weight: 600;
    font-size: 15px;
}

#navbar3.sticky,
.navbar3.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #204667;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    transition: all 0.3s ease;
}
.table tbody tr:hover {
    background-color: #e9f2ff;
    
}

.table td {
    padding: 14px 15px;
    font-size: 14px;
    color: #333;
}

.table tbody tr:nth-child(even) {
    background-color: #f8fbff;

}

@media (min-width:576px) and (max-width:1024px) {
    section.staff-section.py-5 {
       
        padding: 40px 40px;
    }

    .container.who {
        padding: 0;
        max-width: unset;
    }
}

@media (max-width:575px) {
    section.staff-section.py-5 {
        max-width: unset;
        padding: 20px 20px;
    }

    .container.who {
        padding: 0;
        max-width: unset;
    }
}

/* who is who end */
/*anm training start*/
.course-wrapper {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* Header */
.course-header {
    background: linear-gradient(135deg, #204667, #0a58ca);
    color: #fff;
    padding: 30px;
}

.course-header h2 {
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.course-header p {
    font-size: 14px;
    margin-bottom: 8px;
    color: #fff;
}

.session {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 13px;
    color: #fff;
}

/* Body */
.course-body {
    padding: 30px;
}

.info-card {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid #204667;
    height: 100%;
}

.info-card h6 {
    font-weight: 600;
    color: #204667;
}

.badge-box {
    display: inline-block;
    background: #e7f1ff;
    color: #204667;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

/* Eligibility */
.eligibility-section h5 {
    color: #204667;
    font-weight: 600;
    margin-bottom: 15px;
}

.eligibility-section ul {
    padding-left: 20px;
}

.eligibility-section ul li {
    margin-bottom: 10px;
    font-size: 14px;
}

/* Selection */
.selection-box {
    background: #f1f5ff;
    padding: 15px;
    border-radius: 8px;
    border-left: 4px solid #0a58ca;
}

.selection-box h6 {
    font-weight: 600;
    color: #0a58ca;
}
@media (min-width:576px) and (max-width:1024px){
    .container.anmmtraining.my-5 {
    max-width: unset;
    padding: 0;
}
.anmt {
    padding: 0px 40px;
}
}
@media (max-width:575px) {
    .container.anmmtraining.my-5 {
    max-width: unset;
    padding: 0;
}
.anmt {
    padding: 0px 20px;
}
}
/*anm training end*/
/* skill- lab start */
.custom-card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.custom-card:hover {
    transform: translateY(-5px);
}

.card-header {
    background-color: #204667;
    color: #fff;
    font-weight: 600;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.card-body ul {
    padding-left: 20px;
}

.card-body ul li {
    margin-bottom: 8px;
}

.btn-primary {
    background-color: #204667;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
}

.btn-outline-primary {
    border-radius: 8px;
    padding: 10px 20px;
}
@media (min-width:576px) and (max-width:1024px){
    .container.skill.my-5 {
    max-width: unset;
    padding: 0;
}
.lab {
    padding: 0px 40px;
}
}
@media (max-width:575px) {
    .container.skill.my-5{
    max-width: unset;
    padding: 0;
}
.lab {
    padding: 0px 20px;
}
}
/* skill-lab end */

/* tenders start */
.tender-box {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

/* Each Item */
.tender-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-radius: 15px;
    transition: 0.3s ease;
    margin-bottom: 20px;
    background: #ffffff;
}

.tender-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(13, 110, 253, 0.15);
}

/* Content */
.tender-content h5 {
    font-size: 16px;
    font-weight: 600;
    color: #0d3b66;
    margin-bottom: 8px;
}

.tender-meta {
    font-size: 14px;
    color: #6c757d;
}

/* Download Button */
.btn-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(45deg, #0d6efd, #084298);
    color: #fff;
    padding: 10px 22px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s ease;
    white-space: nowrap;
}


.btn-download:hover {
    background: linear-gradient(45deg, #084298, #0d6efd);
    transform: scale(1.05);
}

/* NEW Badge */


/* Responsive */

@media (min-width:576px) and (max-width:1024px){
    .container.tendd {
    max-width: unset;
    padding: 0;
}
.tender-section {
    padding: 0px 40px;
}
}
@media (max-width:575px) {
    .container.tendd{
    max-width: unset;
    padding: 0;
}
.tender-section {
    padding: 0px 20px;
}

}
/* tenders end */
/* advertisement start */
.page-title {
    font-weight: 700;
    color: #1e6a93;
    border-left: 5px solid #1e6a93;
    padding-left: 12px;
}

/* Table Styling */
.adv-table thead {
    background-color: #1e6a93;
    color: #ffffff;
}

.adv-table th {
    font-weight: 600;
    padding: 14px;
    font-size: 14px;
}

.adv-table td {
    padding: 14px;
    font-size: 14px;
    vertical-align: middle;
}
@media (max-width: 1024px) {
   .adv-section {
      display: none;
   }
}

/* Alternate Row Colors */
.adv-table tbody tr:nth-child(odd) {
    background-color: #eaf2f8;
}

.adv-table tbody tr:nth-child(even) {
    background-color: #d6e6f2;
}

/* Hover Effect */
.adv-table tbody tr:hover {
    background-color: #c2dff0;
    transition: 0.3s;
}

/* Download Link */
.download-link {
    text-decoration: none;
    color: #204667;
    font-weight: 500;
}

.download-link i {
    color: #dc3545;
    margin-right: 6px;
}

.download-link:hover {
    text-decoration: underline;
}

/* Pagination */
.custom-pagination .page-link {
    color: #1e6a93;
    border: 1px solid #dee2e6;
}

.custom-pagination .page-item.active .page-link {
    background-color: #1e6a93;
    border-color: #1e6a93;
    color: #fff;
}

@media (min-width:576px) and (max-width:1024px){
    .container.advrtrsmnt.my-5 {
    max-width: unset;
    padding: 0;
}
.advertise {
    padding: 0px 40px;
}
}
@media (max-width:575px) {
    .container.advrtrsmnt.my-5{
    max-width: unset;
    padding: 0;
}
.advertise {
    padding: 0px 20px;
}
}
/* advertisement end */
/* organogran start */
.org-section {
    background: linear-gradient(135deg, #e9f1ff, #ffffff);
}

.org-title {
    font-weight: 700;
    color: #1c3d6e;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.org-subtitle {
    color: #6c757d;
    font-size: 16px;
}

.org-card {
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #dee2e6;
    transition: 0.3s ease-in-out;
}

.org-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

.org-image {
    width: 100%;
    border-radius: 8px;
    border: 4px solid #1c3d6e;
}
.org-card.shadow-lg{
    text-align: center;
}
/* organogran end */
/* guidelines start */
.ragging-card {
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    position: relative;
    transition: 0.3s;
    height: 100%;
}

.ragging-card:hover {
    transform: translateY(-5px);
}

.ragging-card .badge {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 10px 14px;
    font-size: 14px;
}

/* Info Card */
.info-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    height: 100%;
}

/* Member Cards */
.member-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    height: 100%;
    transition: 0.3s;
}

.member-card:hover {
    transform: translateY(-5px);
}

/* Email Box */
.email-box {
    display: inline-block;
    background: #003366;
    color: #fff;
    padding: 15px 25px;
    border-radius: 30px;
    font-weight: 500;
}

@media (min-width:576px) and (max-width:1024px){
 .container.guide.py-5 {
    max-width: unset;
    padding: 0;
}
.guidelines {
    padding: 0px 40px;
}
}
@media (max-width:575px) {
 .container.guide.py-5{
    max-width: unset;
    padding: 0;
}
.guidelines {
    padding: 0px 20px;
}
}
/* guidelines end */
/*About Us start*/
.custom-card-about {
    background: #ffffff;
    border: none;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    padding: 30px;
}

/* List Icon Style */
.list-icon li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.list-icon li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #0d6efd;
    font-weight: bold;
}

/* Highlight Boxes */
.highlight-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
    transition: 0.3s;
    text-align: center;
    font-weight: 600;
}

.highlight-box:hover {
    transform: translateY(-5px);
    background: #0d6efd;
    color: #ffffff;
}
/*About us end*/
nav ul li > a {
    position: relative;   /* important */
    padding-right: 30px;  /* give space for arrow */
}
.col-lg-4.rewardss {
    border-radius: 40px 40px 20px 20px;
    padding: 0;
}

/* inner page start */


/* owl slider css start  */
.banner-owl-carousel {
    position: relative;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* hover animation for menus start */
/* Make dropdown open on hover */
.main-nav-inner .btn-group {
    position: relative;
}

.main-nav-inner .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.35s ease;
    margin-top: 36px;
}

/* Show on hover */
.main-nav-inner .btn-group:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Smooth button hover */
.main-nav-inner .nav-btn {
    transition: all 0.3s ease;
}

.main-nav-inner .btn-group:hover .nav-btn {
    color: #c0392b; /* change color if needed */
}

/* hover animation for menus end */

.slides {
    position: relative;
    width: 100%;
    height: 100%;
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.slide.active {
    opacity: 1;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Purple Gradient Overlay */
.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  
    background: linear-gradient(to top,
            rgba(83, 37, 150, 0.9),
            rgba(83, 37, 150, 0.3),
            transparent);
}

/* Curved white shape */
.wave-shape {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 120px;
    background: white;
    border-top-left-radius: 100% 100px;
    border-top-right-radius: 100% 100px;
}

/* Navigation dots */
.nav {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
    /* display: block !important; */
}

.nav .dot {
    width: 12px;
    height: 12px;
    background: #ddd;
    border-radius: 50%;
    cursor: pointer;
}

.nav .dot.active {
    background: #532596;
}

/* .owl-carousel .item {
    height: 100%;
    border-top-left-radius: 31px;
    border-bottom-right-radius: 31px;
    border: 1px solid #F15A29;
} */

/* owl slider css end  */
/* top navbar start  */
/* .top-nav-con {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
} */

.ind-sp {
    margin-right: 10px;
}

.spects {
    margin-left: 30px;
}

.skip-ul,
.font-a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.skip-ul span a {
    color: black;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
}

.skip-ul span a:hover,
.font-a span a:hover {
    color: #F15A29;
}

.skip-ul {
    margin-right: 25px;
}

.font-a span a {
    color: black;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

.font-a {
    margin-right: 20px;
}

.skip-ul span {
    color: black;
}

.color-a .light-a {
    background-color: white;
    padding: 3px 7px;
}

.light-a a {
    color: black;
}

/* .lang-form select {
    padding: 3px 17px;
    margin-left: 20px;
    background-color: #FCB4A7;
    color: #380419;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
} */

.color-a span a {
    text-decoration: none;
}

.color-a .dark-a {
    background-color: #000;
    padding: 3px 7px;
}

.dark-a a {
    color: white;
}

.dark-a a:hover,
.light-a a:hover {
    color: #05D1FF;
}

img.ind-sp {
    width: 15%;
}

.gov {
    font-size: 12px !important;
    color: black;
}

a.nav-link.link-dark {
    color: #ffffff !important;
    font-size: 12px !important;
}

.india.me-auto {
    display: flex;
    align-items: center;
}

/* .top-nav {
    background-color: #FFE8C8 !important;
} */

.container.bg-dark {
    background-color: #FFE8C8 !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* top navbar end  */
/* main navbar start  */
.search-container {
    float: right;
    background: #FAFCFD;
    border-radius: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
    padding-left: 10px;
    margin-top: 2px;
    margin-left: 112px;
}

.search-container input[type=text] {
    /* padding: 6px;
  margin-top: 8px;
  font-size: 17px; */
    border: none;
    padding: 7px;
}

.search-container button {
    float: right;
    /* padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px; */
    background-image: linear-gradient(to bottom, #4346E9, #0742D9);
    border-radius: 19px;
    color: white;
    padding: 9px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.search-container button:hover {
    background: #ccc;
}


.logo {
    width: 16%;
}

.nav-head {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}



h3.light-logo {
    font-size: 18px !important;
    font-weight: 300 !important;
    font-style: normal;
}



.emr-h5 {
    font-weight: 600;
    font-size: 15px;
    margin: 0px;
    color: black;
}

.home-icon {
    width: 30px;
    height: 30px;
    padding-bottom: 10px !important;
}

.home-a {
    padding-bottom: 0px !important;
}

.amb-img img {
    width: 75px;
    height: 75px;
}

.emer-div.col-12.col-lg-auto.mb-3.mb-lg-0 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.amb-num {
    color: black;
    font-weight: 400;
    font-size: 12px;
}

.cm {
    margin-left: 10px;
}

/* main navbar end */
/* nav3 start  */


a.nav-link {
    color: #000000;
    font-weight: 600;
    font-size: 15px;
}

a.nav-link:hover {
    color: #F15A29 !important;
}

a.reg-btn {
    text-decoration: none;
    color: white !important;
    background: linear-gradient(to bottom, #FF8276, #A14334);
    padding: 10px 30px;
    border-radius: 55px;
}

a.reg-btn:hover {
    color: white;
    background: linear-gradient(to bottom, #A14334, #FF8276);
}

nav.navbar.navbar-expand-lg.navbar-dark.border {
    padding: 0;
}

nav.navbar.navbar-expand-lg.navbar-dark.border.container {
    padding: 0;
}

.nav-3-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.navbar-nav.mb-2.mb-lg-0 {
    gap: 11px;
}

a.nav-link.active {
    color: #F15A29 !important;
    font-weight: 600;
}

.nav-link {
    position: relative;
    display: inline-block;
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-link::after {
    content: "";
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 3px;
    border-radius: 10px;
    background-color: #F15A29;
    transition: width 0.3s ease;
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 100%;
}

/* nav3 end  */
/* banner section start  */


.fixed {
    position: fixed;
    top: 40%;
    left: 0;
    width: 8%;
    height: auto;
    z-index: 999;
}

/* Button */
.side-button {
    display: block;
    border: 0;
    line-height: 3;
    margin-bottom: 0.3em;
    outline: none;
    text-decoration: none;
    background-color: #fff;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.15);
    width: 50%;
    font-size: 16px;
    border-radius: 0 10px 10px 0;
    /* LEFT side radius */
}

/* Button Inner Div */
.buttonDiv {
    padding: 0 11px;
    border-radius: 0 30px 30px 0;
    transition: all 0.5s ease;
}

/* Hover Slide Effect */
.buttonDiv:hover {
    background: #fff;
    margin-right: -20px;
    background: linear-gradient(45deg, #fda582, #f7cf68);
}


.hero-slider {
    position: relative;
    width: 100%;
    height: 720px;
    overflow: hidden;
}

.slides,
.slide {
    width: 100%;
    height: 100%;
}

.slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slide.active {
    opacity: 1;
}

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

/* Purple overlay */
.overlay {
    position: absolute;

    background: linear-gradient(to top,
            rgba(84, 36, 147, 0.9),
            rgba(84, 36, 147, 0.4),
            transparent);
}

/* White wave */
.wave {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 79px;
    z-index: 5;
}

.wave path {
    fill: #fde1c8;
}

.align-items-center {
    padding-top: 49px;
}

.icon_changes span {
    font-weight: 700;
}

.col-lg-6.mb-4.mb-lg-0 {
    padding-right: 80px;
}

/* Dots */
.nav {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

.dot {
    width: 12px;
    height: 12px;
    background: #d3d3d3;
    border-radius: 50%;
    cursor: pointer;
}

.dot.active {
    background: #542493;
}

.anm-section {
    padding: 60px 0;
}

.anm-title {
    font-size: 32px;
    font-weight: 700;
}

.anm-title span {
    color: #c94b00;
}

.anm-text {
    color: #555;
    line-height: 1.7;
    margin: 20px 0;
    font-size: 16px;
}

.btn-read {
    background: #ff6a21;
    color: #fff;
    padding: 10px 25px;
    font-weight: 600;
    border-radius: 4px;
}

a.btn.btn-read {
    padding: 10px 33px;
    background: #ff7a18;
    border-radius: 0px;
    box-shadow: rgb(0 0 0 / 29%) 4.95px 5.95px 1.6px;
    color: #fff;
    font-weight: 500;
}

/* ICON BOX */
.icon-box {
    background: #3a0a78;
    border-radius: 12px;
    height: 130px;
    padding: 15px;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
    box-shadow: rgb(0 0 0 / 29%) 5.95px 4.95px 4.6px;
    margin-bottom: 11px;
}

.icon-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.icon-box img {
    width: 78px;
    margin: 0 auto;
}

.icon-box span {
    font-size: 14px;
    font-weight: 600;
}

.icon-box {
    background: #3a0a78;
    border-radius: 12px;
    height: 130px;
    display: flex;
    align-items: center;
    /* vertical center */
    justify-content: center;
    /* horizontal center */
}

.icon-box img {
    width: 78px;
}

.course-section {
    background: linear-gradient(180deg, #3d2a7a 0%, #f36b2100 100%);
    position: relative;
    padding: 40px 60px;
}

.course-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 300px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.course-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.course-card .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.1),
            rgba(243, 107, 33, 0.85));
    top: 122px;
}


.section-btn {
    background: #6f42c1;
    color: #fff;
    border-radius: 4px;
    padding: 6px 16px;
    font-size: 14px;
}

.view-all-btn{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    background:#f16f1f;
    padding:5px 12px;
    border-radius:4px;
}
.view-all-btn:hover{
    background:#d95f17;
}

/* News card */

/* modified */
/* Main News */
.news-card img {
    height: 260px;
    object-fit: cover;
}

.news-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    border-radius: 0 0 8px 8px;
}

.news-date {
    background: #6f42c1;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 6px;
}

/* Thumbnail News */
.thumb-news img {
    height: 80px;
    width: 100%;
    object-fit: cover;
}

.thumb-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    margin-top: 33px;
    align-items: center;
    padding: 10px;
    border-radius: 8px;
}

.thumb-overlay p {
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    margin: 0;
}

.news-card {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.news-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

/* White box */
.news-content {
    position: relative;
    bottom: 35px;
    left: 0px;
    right: 15px;
    background: #fff;
    padding: 14px;
    margin: 0px 10px 0px 10px;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

/* Date pill */
.news-date {
    display: inline-block;
    background: #e8e2fb;
    color: #3f2b96;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 6px;
    margin-bottom: 6px;
}

/* Title */
.news-content h6 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
    color: #000;
}

/* modified end */

.notice-date span {
    font-weight: 700;
    color: #000;
}

.news-card {
    border-radius: 6px;
    overflow: hidden;
    /* border: 1px solid #e5e5e5; */
}

.news-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.news-date {
    background: #6f42c1;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 6px;
}

/* Thumbnail list */
.thumb-list img {
    width: 100%;
    height: 75px;
    object-fit: cover;
    border-radius: 4px;
}

/* Notices */
.notice-item {
    border: 1px solid #eee;
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.notice-date {
    font-size: 12px;
    color: #6c757d;
    white-space: nowrap;
}

.notice-text {
    font-size: 16px;
}


.course-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.notice-item {
    border: 1px solid #eee;
    padding: 12px 14px;
    border-radius: 6px;
    margin-bottom: 10px;
    background: #fff;
}

.notice-date {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #6c757d;
    white-space: nowrap;
}

.notice-date i {
    font-size: 15px;
    color: #000;
}

.notice-text {
    font-size: 14px;
    line-height: 1.5;
}


.slide-con .owl-nav {
    display: none;
}

.row.banner-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h3.light-txt2 {
    font-weight: 100;
    text-transform: none;
}

.banner-h3 {
    color: white;
    line-height: 1.5;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 40px;
}

.cp-img {
    text-align: center;
}

.banner-txt-con {
    padding-bottom: 40px;
}

.read-icon {
    margin-left: 18px;
}

.banner-p {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-size: 15px;
    text-align: justify;
    font-weight: 300;
    color: white;
}

.line {
    background-color: #F8D3C5;
    width: 1px;
    height: 62px;
}
.main-nav-ine {
    position: absolute;
    left: 40%;
    justify-content: right;
    transform: translateX(-50%);
    display: flex;
    gap: 22px;
}
.main-nav{
    background-color: #fff;
}
/* a.read-btn {
    padding: 20px 60px;
    border-radius: 50px;
    border-top-left-radius: 0px;
    background: linear-gradient(to right, #FFB464, #F15A29);
    text-decoration: none;
    color: white;
} */
/* a.read-btn {
    position: relative;
    display: inline-block;
    padding: 20px 60px;
    letter-spacing: 3px;
    font-size: 18px;
    border-radius: 50px;
    border-bottom-right-radius: 0;
    background: linear-gradient(to right, #FA6C07, #E81A13);
    color: white;
    text-decoration: none;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(241, 90, 41, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
} */


/* Gradient border with top-left transparency */
/* a.read-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
   
    border-radius: 50px;
    border-top-left-radius: 0px;
    background: linear-gradient(135deg,
            transparent 0%,
            #E81A13 30%,
            #E81A13 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
} */

/* Hover effect */




.read-text {
    color: #05D1FF;
}

/* banner section end  */
/* announcement section start  */
.announcement-container {
    display: flex;
    align-items: center;
    background-color: #0B38AA;
    border: 1px solid #3A3EAF;
    overflow: hidden;
    height: 50px;
}

.card-con p {
    font-family: "Roboto", sans-serif;
}

.announcement-icon {
    font-family: "Mulish", sans-serif;
    flex-shrink: 0;
    padding: 0 50px;
    padding-left: 114px;
    font-size: 22px;
    font-weight: 300;
    color: white;
    background-image: linear-gradient(to right, #3A3EAF, #4346E9);
    border-right: 1px solid #3A3EAF;
    border-radius: 0px 25px 25px 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.announcement-wrapper {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.announcement-track {
    display: flex;
    animation: scrollLeft 20s linear infinite;
}

.announcement-wrapper:hover .announcement-track {
    animation-play-state: paused;
}

.announcement-set {
    display: flex;
}

.announcement {
    padding: 0 10px;
    font-size: 1rem;
    color: white;
    white-space: nowrap;
    transition: color 0.3s ease;
    cursor: pointer;
}

.announcement::before {
    content: "• ";
    color: white;
    margin-right: 8px;
}

.announcement:hover {
    color: rgb(252, 193, 16);
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* announcement section end  */


.dir-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.dir-row .col-md-3 {
    position: relative;
    padding: 12px 20px;
}

/* Partition line between each column */
.dir-row .col-md-3:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;

}

/* director section start  */
/* .director {
    background-image: url('../../assets/images/bg-img/layer-1.png');
    background-color: #FFF8F4;
    width: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding: 80px 0px;
    padding-top: 0px;
} */

.police-card.card {
    background-image: url('../../assets/images/bg-img/card-bg.png');
    width: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 8px;
    border: 2px solid #F0B064;
    padding: 25px;
    position: relative;
    overflow: hidden;
    transition: border-color 0.4s ease, transform 0.4s ease;
}

/* overlay */
.police-card.card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
            rgb(255, 207, 148),
            rgba(81, 61, 214, 0.85));
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.police-card.card:hover::before {
    opacity: 1;
}

.police-card.card:hover {
    border-color: #2f2574;
    transform: translateY(-6px);
    color: white;
    font-weight: 600;
}

/* keep content above overlay */
.police-card.card>* {
    position: relative;
    z-index: 1;
}

.text-line {
    background-color: #DBDBDB;
    height: 1px;
    margin-bottom: 10px;
    width: 100%;
}

.city-card.card {
    position: relative;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
    max-height: 184px;
    overflow: hidden;
    background: #fff;
    transition: color 0.4s ease;
}

/* Gradient layer */
.city-card.card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
            #CC136C,
            #F15929);
    transform: translateX(-100%);
    transition: transform 0.4s ease;
    z-index: 0;
}

/* Hover animation */
.city-card.card:hover::before {
    transform: translateX(0);
}

.city-card.card:hover {
    color: #fff;
}

/* Content above gradient */
.city-card.card>* {
    position: relative;
    z-index: 1;
}

.city-card.card img {
    transition: filter 0.4s ease;
}

.city-card.card:hover img {
    filter: brightness(0) invert(1);
}

.city-card.card:hover p {
    color: white;
}

.city-p {
    font-size: 14px;
    color: #F15A29;
}

.learn-p {
    font-size: 12px;
}

.learn-p {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* Arrow image after text */
.learn-p::after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 16px;
    margin-left: 8px;
    background-image: url('../../assets/images/icons/arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: filter 0.3s ease;
}

/* On hover */
.city-card.card:hover .learn-p::after {
    filter: brightness(0) invert(1);
}

/* .amb-img {
    border: 2px solid #945029;
    border-radius: 50px;
    border-style: dashed;
    padding: 4px;
} */
.mm-img img {
    width: 80%;
}

.amb-img,
.mm-img {
    text-align: center;
}

.mm-img h6 {
    font-size: 18px;
}

.mm-img p {
    font-size: 16px;
}

.fims-text h6 {
    font-size: 13px;
}

.fims-text p {
    margin-top: 10px;
    font-size: 13px;
    text-align: justify;
}

.amb-img img {
    width: 275px;
    height: 275px;
}

.dir-card {
    background-image: url('../../assets/images/bg-img/layer-2.png');
    background-color: #FFF1EE;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    padding: 60px 0px;
}

.citizen {
    float: left !important;
    width: 100% !important;
    padding-top: 40px;
    text-align: center;
}

.col-md-3.citizen-col {
    position: relative;
}

/* Vertical separator line */
.col-md-3.citizen-col::after {
    content: "";
    position: absolute;
    top: 10%;
    right: 0;
    width: 1px;
    height: 80%;
    background-color: #F0B064;
}

img.rural-img {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
}

.citizen h3 {
    color: white;
    text-align: center;
}

.citizen-h3 {
    font-family: "Geist", sans-serif;
    font-size: 55px;
    font-weight: 100;
}

.card-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-con {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.light-txt {
    font-weight: 200;
}

.light-txt2 {
    font-weight: 200;
}

.dir-h3 {
    margin-bottom: 20px;
    color: #000000;
    font-weight: 700;
}

.card.dir-card {
    background-color: #FFF9F4;
    border: none;
    padding: 10px;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card.dir-card:hover {
    transform: translateY(2px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);

}

.content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.dir-name {
    color: #000000;
    font-weight: 700;
    font-size: 22px;
}

.img-div {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.img-div img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
}

.img-div:hover img {
    transform: scale(1.2);
}

.dir-position {
    margin: 0;
    padding: 0;
    font-size: 20px;
}

/* director section end  */
/* annual-report section start  */
/* map start  */
.objects {
    position: relative;
}

.object-label {
    position: absolute;
    width: 10px;
    height: 10px;
    background-image: url(../../assets/images/bg-img/Vector.svg);
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    left: 68%;
    top: 21%;
    display: none;
}

.wow {
    /* visibility: visible; */
    display: none;
    animation-name: fadeInUp;
}

.mayurbhanj {
    color: #000000;
    margin: auto;
    text-align: center;
    position: absolute;
    font-size: 11px;
    font-family: inherit;
    margin-left: -26px;
    margin-top: 27px;
    font-weight: 600;
}

/* map end  */

.annum-report h3 {
    color: white;
    font-weight: 600;
    font-size: 50px;
}

.achv-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.circle-shape {
    background-color: #F15929;
    border-radius: 50px;
    padding: 13px;
}

.achv-text {
    color: white;
    text-align: start;
    margin-left: 10px;
}

.achv-text p {
    font-size: 14px;
    margin: 0px;
}

.circle-shape img {
    width: 38px;
    height: 38px;
}

/* annual-report section end  */
/* tab content style start  */
.data-tab {
    background-color: #F4F4F4;
    width: 100%;
    height: auto;

}

.data-tab {
    padding-top: 80px;
    padding-bottom: 80px;
}

.tab {
    display: inline-block;
    padding: 15px 48px;
    cursor: pointer;
    border: 1px solid #FF7139;
    background-color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tab-name {
    text-align: center;
}

.tab p {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 28px;
    color: #4D4D4D;
    font-family: "Raleway", sans-serif;
}

.tab-content {
    border-top: 1px solid #FF7139;
    padding: 20px 100px;
    margin-top: 0px !important;
}

.tab:hover,
.tab.active:hover {
    background-color: #000;
    color: white;

}

.tab.active {
    background-color: #000;
    color: white !important;
}

.tab.active p {
    color: white;
}

.tab-content {
    display: none;
    margin-top: 10px;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
}

.tab-content.active {
    display: block;
}

.tab-content p {
    margin: 0;
    line-height: 2.6;
    font-size: 17px;
}

.tab-content {
    background-color: transparent;
    box-shadow: none;
    text-align: center;
}

.tab-card {
    margin-bottom: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tab-card:hover {
    transform: translateY(2px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.date-card {
    border: 1px solid #CCCCCC;
}

.date-card.badge {
    color: black;
    font-size: 18px;
}

.card.dashboard-card {
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #f15b2973;
    box-shadow: 0 6px 6px -3px rgba(128, 128, 128, 0.4);
    margin: 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.card-figure {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 30px;
    overflow: hidden;
}

.figure-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.figure-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    color: #000;
    transition: color 0.3s ease;
    height: 100%;
}

figcaption h5 {
    margin-top: 15px;
    font-size: 1rem;
    font-weight: 600;
    transition: color 0.3s ease;
    color: #E15617;
}

.card.dashboard-card:hover .figure-image {
    opacity: 1;
    filter: brightness(0.4);
}

.card.dashboard-card:hover .figure-content {
    color: white;
}

.card.dashboard-card:hover figcaption h5 {
    color: white;
}

.card.dashboard-card:hover .tab-img {
    filter: brightness(0) invert(1);
}

.img-con {
    width: 90px;
    height: 90px;
}

.tab-img {
    width: 100%;
    height: auto;
    transition: filter 0.3s ease;
}

a.viewall-btn {
    padding: 15px 77px;
    background-color: black;
    border-radius: 5px;
    text-decoration: none;
    color: white;
    font-weight: 600;
}

a.viewall-btn:hover {
    background-color: #E15617;
    color: white;
}

/* tab content style end  */
/* inner page banner section start  */
.breadcrumb-banner {
    position: relative;
    height: 200px;
}

.breadcrumb-banner figure {
    height: 100%;
}

.breadcrumb-banner figure img {
    height: 100%;
    object-fit: cover;
}

.breadcrumb-banner .content {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    color: #fff;
    z-index: 11;
    width: max-content;
    left: 8%;
}

.breadcrumb-banner .about-h3 {
    color: #fff;
    font-size: 30px;
}

nav {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.breadcrumb-item a {
    color: #fff;
}

.breadcrumb-item.active {
    color: #e25d21;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #e25d21;
}

/* inner page banner section end  */
/* footer section start  */
footer {
    background-image: url('../../assets/images/bg-img/ft-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.visit {
    background-color: olivedrab;
    padding: 10px;
    text-align: center;
}

.ftr-addr {
    display: flex;
}

.addr-p {
    margin-left: 20px;
}

.footer {
    padding-bottom: 0px;
    color: white;
}

.ft-ul {
    margin-top: 20px;
}

.ft-ul li {
    margin-bottom: 10px;
}

.ft-ul a {
    color: white;
    text-decoration: none;
}

.ft-ul a:hover {
    color: #29c2f1;
}

.ft-ul-add {
    color: white;
    list-style: none;
    margin-top: 20px;
    margin-left: -20px !important;
}

.ft-ul-add li {
    margin-bottom: 10px;
}

.ft-icon {
    width: 30px;
    height: 30px;
}

.ft-logo {
    width: 20%;
}

.footer .row {
    display: flex;
}

.h-ln {
    width: 140px;
    height: 2px;
    background-color: #B39095;
}

.logo-card {
    min-height: 150px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-card img {
    width: 100%;
    height: auto;
}

.light-logo1 {
    color: #FFB68F;
    font-weight: 200 !important;
    font-size: 15px !important;
}

.social-div {
    display: flex;
    align-items: center;
}

.social-shape {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-color: rgba(56, 19, 10, 0);
    border: 1px solid white;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.auto-multi-carousel .owl-dot {
    display: none !important;
}

/* footer section end  */
/* copyright section start  */
.copy-p {
    font-size: 13px;
}

.copy-h6 {
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
}

.foot-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #0000004b;
    list-style: none;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgb(57, 6, 6);
}

.foot-ul li {
    position: relative;
    padding: 0 15px;
}

/* Partition line */
.foot-ul li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.599);
}



h6 span.update {
    font-weight: 600 !important;
}

.copy-ul li {
    display: inline;
    margin-right: 20px;
}

.copy-ul a {
    color: white;
    text-decoration: none;
}

.copy-ul a:hover {
    color: #000000;
}

.sp-span {
    margin-left: 3px;
    margin-right: 3px;
}

/* copyright section end  */

/* profile  details page start  */
.profile-card {
    padding: 10px;
}

.data-span {
    display: flex;
}

.data-span p {
    margin-left: 10px;
}

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

.icon-list1 {
    list-style: none;
    padding-left: 0;
}

.icon-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}

.icon-list1 li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}

.icon-list li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('https://cdn-icons-png.flaticon.com/128/610/610333.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-list1 li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('https://cdn-icons-png.flaticon.com/128/5610/5610944.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.card.tab-card.profile-tab-card {
    padding: 20px !important;
}

/* profile details page end  */
/* contact page style start  */
.contact-form {
    padding: 50px;
}

.form-card {
    padding: 30px;
}

/* contact page style end  */
/* gallery section start  */
.gallery-h3 {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
    font-size: 40px;
}

.gall-text {
    text-align: center;
    margin: 14px;
}

.gallery-h6 {
    text-align: center;
    margin-top: 10px;
}

.gallery-date {
    font-weight: 600;
    font-size: 15px;
}

.gall {
    background-color: #f0f0f0;
}

.gall-text2 {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s, transform 1s;
}

.gall-text2.visible {
    opacity: 1;
    transform: translateY(0);
}

.slick-prev.gall-sec-prev,
.slick-next.gall-sec-next {
    color: #F24E1E !important;
    border: 1px solid #F24E1E !important;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.slick-prev.gall-sec-prev:hover,
.slick-next.gall-sec-next:hover {
    background-color: #F24E1E;
    color: white !important;
}

div#photos-btn {
    position: relative;
}

.slick-prev.gall-sec-prev {
    position: absolute;
    left: 0;
    top: 10px;
    padding: 30px;
    /* transform: translateY(-50%); */
}

.slick-prev.gall-sec-prev i.fa-solid.fa-arrow-left {
    position: absolute;
    top: 24px;
    left: 23px;
}

.slick-next.gall-sec-next {
    position: absolute;
    left: 68px;
    top: 10px;
    padding: 30px;
    /* transform: translateY(-50%); */
}

.slick-next.gall-sec-next i.fa-solid.fa-arrow-right {
    position: absolute;
    top: 24px;
    left: 23px;
}

.slick-next:before {
    display: none;
}

.slick-prev:before {
    display: none;
}

section.gall {
    background-image: linear-gradient(to right, #FFE9F1, #b5daec);
    padding: 80px 0px 140px 0px;
}

.story-light {
    font-weight: 300;
}

.story-h3 {
    color: #70032F;
    font-size: 50px;
    font-weight: 600;
}

.profile-img img {
    width: 100% !important;
    height: 248px !important;
    object-fit: cover;
    object-position: center;
}
.profile-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.read-more {
    color: #8B3D11;
    text-decoration: none;
    display: inline-flex;
}

.read-more img {
    margin-left: 10px;
    margin-top: 3px;
}

.article-container3 {
    width: 100%;
    height: 182px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    color: white;
}

.glance-h2 {
    font-size: 60px;
    color: #dcdcdc8c;
    font-family: "Oswald", serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 25px;
    position: relative;
    top: 60px;
    text-align: center;
    /* z-index: -1; */
}

section.gall-sec.slider.slick-initialized.slick-slider {
    padding-top: 40px;
    /* border-top: 1px solid #e6582d; */
}

.gall-icon {
    width: 80px;
    height: 88px;
}

.gall-text2 {
    color: black;
    font-size: 55px;
    margin-bottom: 20px;
}

.gall-text1 {
    font-weight: 300;
    color: black;
}

.gall-ovr-text {
    text-decoration: line-through;
}


/* bar footer starts */
/* Mobile phones */
@media (min-width: 576px) and (max-width: 767px) {
    .ft-bottom {
        /* padding: 40px; */
        text-align: center;
        display: block;
    }
}

/* Tablets and up */

/* bar footer ends */
.gall-p {
    margin: 5px 0px 0px 0px;
    font-size: 16px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    max-width: 30ch;
}


.card.gall-card:hover {
    background: linear-gradient(135deg, #f1db967c, #f1db967c, #85e7f0, #85e7f0, #f1db967c);
    background-size: 400% 400%;
    animation: gradientAnimation 5s ease forwards;
    /* transform: scale(1.05);  */
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.card.gall-card:hover .date-card-sp {
    color: white;
    background-color: #f15b2977;
}

.gall-span {
    font-weight: 200;
}

.gallery-tab-buttons {
    display: flex;
    justify-content: center;
}

.media-tab-button {
    border: none;
    padding: 23px 81px;
    margin-right: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    font-size: 20px;
    margin-bottom: -2px;
    position: relative;
    overflow: hidden;
    /* Ensure the animation stays inside the button */
}

/* .media-tab-button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #e6582d;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease;
} */

.media-tab-button:hover::before,
.media-tab-button.active::before {
    transform: scaleX(1);
    /* Expand to full width */
    transform-origin: bottom left;
}

.media-tab-button:hover,
.media-tab-button.active:hover {
    color: white;
    background-image: linear-gradient(to left, #4D33E0, #2023AC);
}

.media-tab-button.active {
    color: white;
    background-image: linear-gradient(to right, #4D33E0, #2023AC);
}

.media-tab-button {
    border: 2px solid #4D33E0;
}

/* .media-tab-button {
  padding: 19px 71px;
  margin-right: 2px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  font-size: 21px;
  cursor: pointer;
  background-color: white;
  border: 1px solid #33669b;
  transition: background-color 0.3s;
}

.media-tab-button.active {
  background-color: #33669b;
  color: white;
  font-weight: 600;
}

.media-tab-button:hover {
  background-color: #33669b;
  color: white;
} */

.visit-pg a {
    width: 160px;
    padding: 20px;
    background-color: black !important;
    position: relative;
    top: 10px;
    float: right;
}

.gall-con {
    padding-top: 0px !important;
}

.visit-pg a:hover {
    background-color: #f15929 !important;
    border-color: #f15929 !important;
}

div#vdos-btn {
    position: relative;
}

.glance-c {
    width: 100%;
    height: 183px;
    overflow: hidden;
}

.glance-c img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.glance-c {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
}

/* Image */
.glance-c img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Gradient Overlay */
.glance-c::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(61, 9, 9, 0.812), rgba(1, 27, 68, 0.538));
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* View More Text */
.view-more {
    cursor: pointer;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Hover Effects */
.glance-c:hover::after {
    opacity: 1;
}

.glance-c:hover img {
    transform: scale(1.1);
}

.glance-c:hover .view-more {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* gallery section end  */
/* story section start  */


/* Image from HTML */
.image-card img {
    width: 100%;
    height: 392px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* Red transparent overlay */
/* .image-card .overlay {
    position: absolute;
    inset: 0;
    background: rgba(155, 61, 61, 0.021);
    transition: background 0.4s ease;
} */

/* Text content */
.content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    inset: 0;
    z-index: 2;
    color: #fff;
    padding: 19px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    background: #204667;
    /* margin-bottom: 2px; */
    /* margin-top: -1px; */
    border-radius: 0px 0px 10px 10px;
}

.content_gall {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    inset: 0;
    z-index: 2;
    color: #fff;
    padding: 19px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    background: #3a0a78;
    /* margin-bottom: 2px; */
    /* margin-top: -1px; */
    border-radius: 0px 0px 10px 10px;
}
.content p{
line-height: 17px;
    font-size: 14px;
}
a.btn.hom {
padding:0px;
    color: #fff;
}
.image-card h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

.image-card p {
    margin: 6px 0 12px;
    font-size: 14px;
    opacity: 0.9;
}

.image-card .btn {
    align-self: flex-start;
    color: white;
    padding: 0px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    line-height: 9.5px;
}

.btn span {
    margin-right: 10px;
}

.image-card .btn:hover {
    color: #05D1FF;
}

img.img-svg {
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
}

.image-card:hover img {
    transform: scale(1.12);
}

/* .image-card:hover .overlay {
    background: rgba(30, 9, 85, 0.653);
} */

/* story section end  */
/* Tab header wrapper */
.my-tabs {
    display: flex;
    gap: 2px;
}

/* Tab button */
.my-tab {
    display: inline-block;
    padding: 15px 48px;
    cursor: pointer;
    border: 1px solid #CDE6FF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #fff;
}

/* Tab text */
.my-tab span {
    font-weight: 500;
    font-size: 18px;
    color: #4D4D4D;
}

/* Hover */
.my-tab:hover,
.my-tab.active:hover {
    background-image: linear-gradient(to right, #b1b87b, #f7eab2);
}

.my-tab:hover span {
    color: #fff !important;
}

/* Active tab */
.my-tab.active {
    background-color: black;
}

.my-tab.active span {
    color: #fff;
}

/* Content area */
.my-tab-content {
    display: none;
    margin-top: 10px;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
}

span.fb-text {
    color: #1877F2;
}

span.insta-text {
    background: linear-gradient(to right, #A71AE9, #FF4602);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Active content */
.my-tab-content.active {
    display: block;
}

.social-shape:hover {
    background-color: #09627fc6;
}

/* blog start*/
.media-section {
    padding: 0;
    max-width: 1300px;
    margin: 0 auto;
    /* 🔥 CENTER */
}

.media-container {
    background: linear-gradient(135deg, #fde6ff, #e8f4ff);
    border-radius: 30px;
    padding: 60px;
    display: grid;
    grid-template-columns: 1.2fr 1.8fr;
    gap: 30px;
}


/* TOP BAR */
.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.tabs {
    display: flex;
    gap: 10px;
}

.tab {
    padding: 8px 16px;
    border-radius: 5px;
    background: #e6e6e6;
    font-size: 14px;
    cursor: pointer;
}

.tab.active {
    background: #5b3cc4;
    color: #fff;
}

.view-all-inner {
    background: #000;
    color: #fff;
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: rgb(0 0 0 / 29%) 4.95px 5.95px 1.6px;
}

.view-all.dark {
    background: #000;
}

/* BLOG */
.blog-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    height: 393px;
}

.blog-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(92, 0, 122, 0.9), rgba(0, 0, 0, 0.2));
    padding: 25px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.blog-overlay h2 {
    font-size: 28px;
    color: #f8c14d;
}

.blog-overlay h3 {
    font-size: 20px;
    margin: 5px 0;
}

.blog-overlay p {
    font-size: 13px;
    opacity: 0.9;
}

.blog-meta {
    display: flex;
    gap: 20px;
    margin-top: 15px;
    font-size: 12px;
}

/* GALLERY */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.gallery-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.gallery-item img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
}

/* Overlay cards only */
.gallery-item.has-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1;
}

/* Overlay text */
.gallery-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

/* Hover zoom */
.gallery-item img {
    transition: transform 0.4s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

/* Responsive */
@media (max-width: 991px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .authority-content {
        display: block;
    }
}

@media (max-width: 576px) {
    .gallery-grid {
        grid-template-columns: 1fr;
    }
}


/* RESPONSIVE */
@media (max-width: 992px) {
    .media-container {
        grid-template-columns: 1fr;
    }
}

/* blog end*/

/* Heading */
.govt-top-bar {
    background: #ff5a1f;
    color: #fff;
    font-size: 12px;
}

.govt-inner {
    max-width: 100%;
    margin: auto;
    padding: 6px 98px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #e63535;
    color: #fff;
}

.govt-left {
    display: block;
    align-items: center;
    gap: 8px;
}

.govt-left img {
    height: 14px;
}

.govt-right a {
    color: #FFF;
    text-decoration: none;
    margin: 0 4px;
}

.font-control {
    border: 1px solid #fff;
    padding: 1px 4px;
    margin-left: 4px;
    position: relative;
    z-index: 10;
}

/* ===== MAIN HEADER ===== */
.main-header {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    width: 100%;
}

/* Tablet */
@media (min-width:576px) and (max-width: 991px) {
    .header-inner {
        gap: 15px;
    }

    .main-nav-inner {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .govt-inner {
        gap: 12px;
        display: block;
    }


}

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

    .govt-inner {
        display: block !important;
        padding: 20px !important;
    }
    .ft-inner {
    grid-template-columns: unset;
    /* gap: 30px; */
}
.ft-inner {
    grid-template-columns: 1fr !important;
    gap: 0;
    padding: 20px !important;
}
    .header-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .logo-area {
        justify-content: center;
    }

    .main-nav-inner {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .main-nav-inner a {
        font-size: 14px;
    }
}

.header-inner {
    max-width: 1350px;
    margin: auto;
    padding: 35px 15px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between;
}

/* LOGO */
.logo-area {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 38px;
    min-width: 305px;
    position: absolute;
    background: #fff;
    top: 0px;
    transform: translateX(40%);
    padding: 11px;
}

.logo-area img {
    height: 85px;
}

.logo-title {
    font-size: 16px;
    font-weight: bold;
    color: #c84700;
}

.logo-sub {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

/* MENU */
/* .main-nav-inner{
    display:flex;
    gap:20px;
    justify-content: end;
} */
.main-nav-inner a {
    font-size: 20px;
    color: #7a2d12;
    text-decoration: none;
    font-weight: 500;
    padding-left: 0px;
    padding: 3px 10px 3px 10px;
}

/* ===== DESKTOP (>1024px) ===== */
.align-items-center {
    padding: 0px 0px;
}

.notice-item.d-flex.align-items-center.gap-3 {
    padding-left: 20px;
}

.main-nav-inner {
    position: absolute;
    left: 40%;
    justify-content: right;
    transform: translateX(-50%);
    display: flex;
    gap: 22px;
}

/* Hide hamburger on desktop */
.menu-toggle {
    display: none;
}
button.nav-btn.dropdown-toggle {
    font-size: 20px;
}
.main-nav-inner {
    align-items: center;
}

/* ===== HAMBURGER MODE (≤1024px) ===== */
@media (max-width: 1024px) {

    .ntc-bar {
        padding: 0 !important;
    }

    .ntc-label {
        left: unset !important;
        
    }

    .main-nav-inner {
        display: none !important;
    }

    .dir-row::after {
        display: none;
    }

    .menu-toggle {
        display: flex;
        flex-direction: column;
        gap: 5px;
        background: none;
        border: none;
        cursor: pointer;
    }

    .menu-toggle span {
        width: 26px;
        height: 3px;
        background: #7a2d12;
    }

    .main-nav-inner {
        display: none;
        width: 100%;
        flex-direction: column;
        background: #fff;
        padding: 15px 0;
        border-top: 1px solid #eee;
    }

    .main-nav-inner.active {
        display: flex;
    }

    .main-nav-inner a {
        padding: 8px 0;
        text-align: center;
    }

    .main-nav-inner {
        display: none;
        width: 100%;
        flex-direction: column;
        background: #fff;
    }

    .main-nav-inner.active {
        display: flex !important;
    }
}

@media (max-width: 1024px) {
    .container-fluid.neww {
        display: flex;
    }
}

/* hamburg starts*/
/* Hamburger */
.menu-toggle {
    width: 36px;
    height: 28px;
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}

.menu-toggle span {
    height: 3px;
    background: #000;
    border-radius: 2px;
}

/* Offcanvas menu links */
.mobile-nav a {
    display: block;
    padding: 12px 0;
    font-size: 16px;
    color: #222;
    text-decoration: none;
    border-bottom: 1px solid #eee;
}

.mobile-nav a:hover {
    color: #0d6efd;
}

/* ===== HAMBURGER ICON ===== */
.menu-toggle {
    display: none;
    width: 36px;
    height: 28px;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.menu-toggle span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #7a2d12;
    border-radius: 3px;
    transition: 0.3s ease;
}

/* lines position */
.menu-toggle span:nth-child(1) {
    top: 0;
}

.menu-toggle span:nth-child(2) {
    top: 12px;
}

.menu-toggle span:nth-child(3) {
    top: 24px;
}

/* ===== DESKTOP ===== */
.main-nav-inner {
    display: flex;
    gap: 18px;
}

/* ===== SHOW HAMBURGER AFTER 1024px ===== */
@media (max-width: 1024px) {

    .menu-toggle {
        display: block;
    }

    .logo-area {
        display: flex;
        align-items: center;
        gap: 10px;
        padding-bottom: 38px;
        min-width: 244px;
        position: absolute;
        background: transparent;
        top: 66px;
        transform: translateX(40%);
        padding: 0;
    }

    .main-nav-inner {
        display: none;
        width: 100%;
        flex-direction: column;
        background: #fff;
        padding: 15px 0;
        border-top: 1px solid #eee;
    }



    .main-nav-inner a {
        text-align: center;
        padding: 8px 0;
    }
}

/* ===== ANIMATION TO X ===== */
.menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 12px;
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg);
    top: 12px;
}

/* header responSive starts*/
/* ============================= */
/* RESPONSIVE FIXES ONLY */
/* ============================= */

/* ===== TABLET & BELOW ===== */
@media (max-width: 1024px) {

    /* show hamburger */
    .menu-toggle {
        display: block;
    }

    /* stack header items properly */
    .header-inner {
        justify-content: space-between;
    }

    /* FIX absolute logo issue */
    .logo-area {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        padding-bottom: 0;
        background: transparent;
    }

    /* hide menu by default */
    .main-nav-inner {
        position: absolute;
        top: 39%;
        left: 49%;
        width: 93%;
        flex-direction: column;
        /* background: #fff; */
        z-index: 999;
    }

    .main-nav-inner a {
        background-color: #000 !important;
        color: #fff !important;
    }

    /* show menu on click */
    .main-nav-inner.active {
        display: flex !important;
    }

    .main-nav-inner a {
        text-align: center;
        padding: 10px 0;
    }
}

/* ===== MOBILE ===== */
@media (max-width: 575px) {
    .main-header {
        padding: 20px 20px;
    }
.row.g-4.newss {
    flex-direction: column;
}

.top-bar {
    display: flex;
    text-align: center;
    flex-direction: column;
    gap: 20px;
}
.ntc-label {
    
    padding: 4px 15px;
    font-size: 9px;
   
    margin: 0 !important;
}
section.course-section.py-5 {
    margin-bottom: 20px;
    padding: 0;
}
.ft-inner {
    grid-template-columns: 1fr;
    padding: 20px 20px;
    text-align: left;
}
    .media-container {
        padding: 20px;
    }

    .govt-inner {
        padding: 20px !important;
    }

    .ft-bottom {
        background: #000000;
        text-align: center;
        display: block !important;

        font-size: 12px;
        justify-content: space-between;
    }

    .blog-overlay {
        position: relative;
    }

    .gov-logos {
        justify-content: center;
    }

    .top-bar {
        display: flex;
        text-align: center;
    }

    .tabs {
        margin-bottom: 10px;
    }

    .view-all-inner {
        text-align: center;
    }

    .media-section {
        padding: 20px !important;
    }

    .header-inner {
        flex-direction: column;
        align-items: center;
    }

    .logo-area {
        justify-content: flex-start;
        text-align: center;
    }
}

/* header responSive ends */
/* hamburg ends */

/* ===== NOTICE BAR ===== */
.ntc-bar {
    width: 100%;
    background:#3a0a78;
    overflow: hidden;
    padding: 5px 95px 5px 330px;
    box-sizing: border-box;

}

.ntc-mask {
    width: 100%;
    overflow: hidden;
}

.ntc-scroll {
    display: flex;
    width: max-content;
    animation: ntc-slide 18s linear infinite;
}

.ntc-text {
    white-space: nowrap;
    font-size: 16px;
    color: #ffffff;
    padding-right: 80px;
    font-family: Arial, sans-serif;
}

/* .ntc-link {
    color: #ffd200;
    font-weight: 600;
    margin-left: 6px;
    cursor: pointer;
} */

/* .ntc-link:hover {
    text-decoration: underline;
} */

/* ===== KEYFRAMES ===== */
@keyframes ntc-slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* ===== RESPONSIVE SPEED ===== */
@media (max-width: 768px) {
    .ntc-scroll {
        animation-duration: 25s;
    }
}

/* govt code start*/
.gov-section {
    width: 100%;
    background-color: #ffffff;
    border-top: 1px solid #eaeaea;
}

/* Wrapper */
.gov-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 40px 60px 40px 0px;
}

/* Title */
.gov-title h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #7a1c1c;
    line-height: 1.25;
}

.gov-title h4 span {
    color: #7a1c1c;
}

.gov-title p {
    margin: 0;
    font-size: 16px;
    color: #7a1c1c;
}

/* Divider */
.gov-line {
    width: 1px;
    height: 65px;
    background-color: #dcdcdc;
}

/* SLIDER OUTER (Viewport) */
.gov-logos-outer {
    width: 100%;
    overflow: hidden;
}

/* SLIDING LOGO ROW */
.gov-logos {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: nowrap;
    /* IMPORTANT for sliding */
    animation: gov-slide 20s linear infinite;
}

/* Pause on hover */
.gov-logos:hover {
    animation-play-state: paused;
}

/* Logo Box */
.gov-logo-box {
    width: 135px;
    height: 70px;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.gov-logo-box img {
    max-width: 80%;
    max-height: 50px;
    object-fit: contain;
}

/* Hover Effect */
.gov-logo-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}

/* Sliding Animation */
@keyframes gov-slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .gov-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .gov-line {
        width: 60px;
        height: 1px;
    }

    .gov-logo-box {
        width: 110px;
        height: 60px;
    }

    .gov-logos {
        animation-duration: 30s;
        /* slower on mobile */
    }
}

/* govt code end*/

.ft-wrap {
    background: linear-gradient(135deg, #0f1c3f, #0b1530);
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}

.ft-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(45deg,
            rgba(255, 255, 255, 0.04),
            rgba(255, 255, 255, 0.04) 1px,
            transparent 1px,
            transparent 14px);
    pointer-events: none;
}

.ft-inner {
    max-width: 100%;
    margin: auto;
    padding: 40px 60px;
    display: grid;
    grid-template-columns: 2.2fr 1fr 1fr 1fr;
    gap: 40px;
    position: relative;
    z-index: 2;
}

/* BRAND */
.ft-brand {
    display: flex;
    align-items: center;
    gap: 0px;
    margin-bottom: 16px;
}



.ft-title h4 {
    margin: 0;
    font-size: 22px;
}

.ft-title span {
    font-size: 15px;
    opacity: 0.8;
}

.ft-address {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 14px;
}

.ft-contact-list {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    font-size: 14px;
}

.ft-contact-list li {
    margin-bottom: 6px;
}

/* SOCIAL */
.ft-social {
    display: flex;
    gap: 10px;
}

.ft-social-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

/* LINKS */
.ft-head {
    font-size: 22px;
    position: relative;
    font-weight: bold;
    margin: 0 0 35px;
}

.ft-head::after {
    content: "";
    width: 36px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    left: 0;
    bottom: -6px;
}

.ft-links {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 12px;
}

.ft-links li {
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 14px;
    position: relative;
}

.custom-list {
    list-style: none;
    padding: 0;
}

.custom-list li {
    position: relative;
    padding-left: 28px;
    /* space for arrow */
}

.custom-list li::before {
    content: "➤";
    /* arrow */
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 20px;
    /* 🔼 increase arrow size */
    color: #000;
}

.ft-links li::before {
    content: "›";
    position: absolute;
    left: 0;
    color: #9bb2ff;
    width: 20%;
}

/* BOTTOM */
.ft-bottom {
    background: #000000;
    text-align: center;
    display: flex;
    padding: 14px 100px 0px 100px;
    font-size: 12px;
    justify-content: space-between;
}


.ft-policy {
    opacity: 0.8;
}

.ft-links li a {
    color: #fff;
    text-decoration: none;
}

/* FOOTER COLUMN DIVIDERS */
.ft-inner {
    position: relative;
}

.ft-col {
    position: relative;
    padding-right: 28px;
}

/* vertical divider after each column except last */
.ft-col:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.18);
}

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

/* ---------- Tablets (<=1024px) ---------- */
@media (min-width:576px) and (max-width: 1024px) {
    .ft-inner {
        grid-template-columns: 1.5fr 1fr;
        gap: 30px;
        padding: 50px 40px;
    }
.container.coursee {
    max-width: unset;
    padding: 0;
}
.course-section{
    padding: 40px 40px;
}

.container.anm {
    max-width: unset;
    padding: 0;
}
.anm-section{
    padding: 40px 40px;
}

.container.neww {
    max-width: unset;
    padding: 0;
}
section.hii.py-5{
    padding: 40px 40px;
}

.media-container.blg {
    max-width: unset;
    padding: 40px 40px;

}
section.hii.py-5{
    padding: 40px 40px;
}
.gov-wrapper{
    padding: 40px 40px;
}
footer.container.ft-wrap{
      max-width: unset;
    padding: 0;
}
.ft-secc{
    padding: 40px 40px;
}
    .main-header {
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        display: flex;
        /* width: 100%; */
        /* flex-direction: row-reverse; */
        justify-content: flex-end;
        padding-left: 40px;
    }

    .header-inner {
        max-width: 1350px;
        margin: auto;
        padding: 22px 40px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: right;
        width: 100%;
    }

    .logo-title {
        display: none;
    }

    .logo-sub {
        display: none;
    }

    /* hide divider after 3rd column */
    .ft-col:nth-child(3)::after {
        display: none;
    }
}

/* ---------- Small Tablets / Large Mobile (<=768px) ---------- */
@media (max-width: 768px) {
    .ft-inner {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    /* remove all vertical dividers */
    .ft-col::after {
        display: none;
    }

    .ft-col {
        padding-right: 0;
    }

    /* brand center */
    .ft-col-brand {
        grid-column: 1 / -1;
    }

    .ft-brand {
        gap: 12px;
    }

    .ft-title h4 {
        font-size: 20px;
    }

    .ft-address {
        font-size: 15px;
    }
}

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


    .ft-brand {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .ft-social {
        justify-content: center;
    }

    .ft-head {
        margin-top: 20px;
    }

    .ft-head::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .ft-links li {
        padding-left: 0;
    }

    .ft-links li::before {
        display: none;
    }

    .ft-bottom {
        font-size: 11px;
        line-height: 1.6;

        display: block !important;
    }
}

@media (max-width: 480px) {
    .ft-bottom {

        text-align: center;
        display: block !important;
    }

    .ft-bottom p {
        text-align: center !important;
    }
}

@media (max-width: 425px) {
    .logo-area {
        justify-content: right;
    }
}


/* govt responSive start*/
/* =========================
   RESPONSIVE ONLY
========================= */

/* Tablet */
@media (max-width: 992px) {
    .govt-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .govt-right {
        flex-wrap: wrap;
        gap: 6px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .govt-inner {
        align-items: center;
        text-align: center;
        padding: 20px 20px;
    }

    .govt-left {
        flex-wrap: wrap;
        justify-content: center;
    }

    .govt-right {
        justify-content: center;
        font-size: 12px;
    }

    .govt-right a {
        white-space: nowrap;
    }
}

/* govt responSive end*/

/* for sliding starts*/
/* Mobile slider only */
/* ===============================
   COURSE SLIDER — MOBILE ONLY
================================ */
@media (max-width: 767px) {

    .course-slider {
        display: flex !important;
        flex-wrap: nowrap !important;
        /* 🔥 override Bootstrap */
        overflow-x: auto !important;
        gap: 16px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 14px;
    }

    .course-slider::-webkit-scrollbar {
        display: none;
    }

    .course-slider>.col-md-4 {
        flex: 0 0 85% !important;
        max-width: 85% !important;
        scroll-snap-align: center;
    }

    .ft-bottom {
        padding: 25px 20px !important;
    }
}

/* for sliding ends */

/* Gallery Sliding starts */
/* ===============================
   GALLERY SLIDER — MOBILE ONLY
================================ */
@media (max-width: 767px) {

    .gallery-grid {
        display: flex !important;
        /* override grid */
        grid-template-columns: none !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 14px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 12px;
    }

    .gallery-grid::-webkit-scrollbar {
        display: none;
    }

    .gallery-item {
        flex: 0 0 80%;
        max-width: 80%;
        scroll-snap-align: center;
    }

    .gallery-item img {
        height: 220px;
        object-fit: cover;
    }


}

/* Gallery sliding ends */
/* =========================
   MOBILE OVERRIDES (LAST)
========================= */
@media (max-width: 575px) {
    .thumb-news img {
        height: 120px;
    }

    .header-inner {
        max-width: 1350px;
        margin: unset;
        padding: 22px 15px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: space-between;
    }

    header.main-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .hero-slider {
 
    height: 320px;
   
}

    .notice-date {
        display: grid;

    }

    .notice-date i {
        text-align: center;
    }

}

@media (min-width: 767px) and (max-width: 1024px) {
    .ft-bottom {
        background: #000000;
        text-align: center;
        display: flex;
        gap: 20px;
        padding: 14px 40px 0px 40px;
        font-size: 12px;
        justify-content: space-between;
        align-items: center;
    }

    .govt-inner {
        padding: 20px 40px;
    }

    .media-container {
        display: block;
    }

    .blog-section {
        margin-bottom: 20px;
    }

    .container-fluid.neww {
        padding: 20px 40px;
    }

    .row.g-4.newss {
        display: block;
    }

}

@media (max-width: 767px) {
    .ft-bottom {
        padding: 25px 20px !important;
        display: block;
    }

    section.course-section.py-5 {
        margin-bottom: 20px;
    }
}

/* FORCE BLINK WITH COLOR */
.ntc-link {
    animation: ntcBlink 1.2s infinite !important;
}

@keyframes ntcBlink {
    0% {
        color: #ffd200;
    }

    50% {
        color: #ff0000;
    }

    100% {
        color: #ffd200;
    }
}

/* bootstap menu start*/
.main-nav-inner {
    display: flex;
    justify-content: right;
    gap: 0px;
    padding: 0px;


}

.nav-btn {
    background: transparent;
    border: none;
    color: #8b2e1d;
    font-size: 15px;
    font-weight: 500;
    padding: 6px 10px;
}

.nav-btn:hover,
.nav-btn:focus {
    color: #c0392b;
}

.dropdown-menu {
    margin-top: 8px;
}

/* bootstrap menu end*/

.dir-row {
    position: relative;
    margin-top: 50px;
    gap: 30px;
}

/* Main Card */
.authority-card {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    width: max-content;
    justify-content: normal;
    left: 74px;
    position: absolute;
    right: 80px;
    bottom: 2px;
    left: auto;
    z-index: 9;
}

.authority-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}
/* SECTION start amenities */

.facility-area{
padding:90px 0;

background:
linear-gradient(135deg, #3a0a78, rgb(138 108 241 / 69%)), url(../assets/images/amenities_bg.png);

background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.facility-title{
text-align:center;
color:#fff;
font-size:36px;
font-weight:700;
margin-bottom:60px;
}

/* GRID */

.facility-container{
width:1320px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

/* CARD */

.facility-box{
position:relative;
background:rgba(255,255,255,0.15);
border-radius:20px;
overflow:visible;
box-shadow:0 15px 35px rgba(0,0,0,0.25);
transition:0.4s;
}

.facility-box:hover .facility-icon{
transform:translateX(-50%) rotate(360deg);
}

/* IMAGE */

.facility-img img{
width:100%;
height:220px;
object-fit:cover;
border-radius:20px 20px 0 0;
}

/* ICON */

.facility-icon{
position:absolute;
left:50%;
top:200px;
transform:translateX(-50%);
background:#ff7a18;
color:#fff;
width:60px;
height:60px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
box-shadow:0 10px 25px rgba(0,0,0,0.3);
z-index:10;
transition:0.6s;
}

/* TEXT */

.facility-info{
padding:50px 25px 30px;
text-align:center;
color:#fff;
}

.facility-info h4{
font-size:20px;
margin-bottom:8px;
}

.facility-info p{
font-size:14px;
opacity:0.9;
}
/* section end amenities*/
/* Vertical Role Strip */
.role-strip {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
    background: #1e88e5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.role-strip span {
    transform: rotate(-90deg);
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 13px;
}

/* Content */
.authority-content {
    display: flex;
    gap: 8px;
    padding: 15px 15px;
    align-items: center;
    width: 350px;
}
/* Image */
.authority-img img {
    width: 97px;
    height: 97px;
    object-fit: contain;
    border-radius: 8px;

}

/* Text */
.authority-text .dir-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #111;
}

.authority-text .dir-position {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
}

/* Mobile */
@media (max-width: 767px) {
    .authority-content {
        flex-direction: column;
        text-align: center;
        padding-left: 25px;
    }

    .role-strip {
        width: 100%;
        height: 45px;
    }

    .role-strip span {
        transform: none;
    }
}




/* ===== FOOTER LINK UNDERLINE FIX ===== */
/* ===== FOOTER LINK UNDERLINE (WORKING) ===== */
.ft-links a {
    position: relative;
    display: inline-block;
    padding-bottom: 6px;
    color: #fff;
    text-decoration: none;
}

/* underline */
.ft-links a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #29c2f1;
    transition: width 0.35s ease;
}

/* hover */
.ft-links a:hover::after {
    width: 100%;
}

.ft-links a:hover {
    color: #29c2f1;
}

/* notification strat */
/* wrapper */
.ntc-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    background: #ffffff;
    border:  1px solid #3a0a78;
}
/* notification label */
.ntc-label {
    background: #ff7a18;
    padding: 7px 18px;
    font-weight: 600;
    font-size: 15px;
    position: absolute;
    color: #ffffff;
    /* border-right: 1px solid #ddd; */
    white-space: nowrap;
    margin-right: 20px;
    z-index: 9999;
    left: 424px;
}

/* slider area */
.ntc-bar {
    flex: 1;
    overflow: hidden;
}

/* notification end */
/* FIX BOOTSTRAP DROPDOWN VISIBILITY */
.main-header {
    position: relative;
    z-index: 9999;
}

.main-nav-inner {

    z-index: 10000;
}

.dropdown-menu {
    z-index: 10001;
}

/* .dropdown-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 0;
    background: #f15a29;
    transform: translateY(-50%);
    transition: height 0.3s ease;
} */

.dropdown-item:hover::before {
    height: 70%;
}

.dropdown-item::after {
    content: "›";
    position: absolute;
    left: 0px;
    opacity: 0;
    transform: translateX(-6px);
    transition: all 0.3s ease;
    font-size: 18px;
}

.dropdown-item:hover::after {
    opacity: 1;
    transform: translateX(0);
}

a.dropdown-item:hover {
    background-color: #cb4700;
    color: #fff;
}

div#mobileMenu {
    z-index: 9999;
}

/* mobile menu start */
.mobile-nav .dropdown {
    width: 100%;
}

.mobile-btn {
    width: 100%;
    text-align: left;
    padding: 12px 0;
    background: none;
    border: none;
    font-weight: 500;
    border-bottom: 1px solid #eee;
}

.mobile-nav .dropdown-menu {
    position: static !important;
    float: none;
    width: 100%;
    border: none;
    box-shadow: none;
    padding-left: 15px;
}

.mobile-nav .dropdown-item {
    padding: 8px 0;
}

/* mobile menu end */
ul.dropdown-menu.show {
    transform: translate3d(0px, 0px, 0px) !important;
}

section.director {
    background: #fff1ee;
}

/* director section animated start */

/* director section animated end */


@media (min-width: 1440px) and (max-width: 1920px) {}

@media (max-width: 991px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .authority-content {
        display: block;
    }
}

.ft-secc {
    background-color: #3a0a78;

    padding-top: 40px;

}

/* bottom slider section start*/
.gov-logos-outer {
    overflow: hidden;
    width: 100%;
}

.gov-logos {
    display: flex;
    align-items: center;
    gap: 60px;
    width: max-content;
    will-change: transform;
}

.gov-logo-box {
    flex-shrink: 0;
}

.gov-logo-box img {
    height: 60px;
    width: auto;
    object-fit: contain;
}


/* bottom slider section end*/

/* button shadow start */


/* button shadow end */

/* 3card animation effect start */
.course-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 300px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.course-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.course-card .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.1),
            rgba(243, 107, 33, 0.85));
    top: 0;
    opacity: 0.7;
    height: 307px;
    transition: opacity 0.5s ease;
}

.course-card .course-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    transform: translateY(20px);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

/* Hover effects */
.course-card:hover img {
    transform: scale(1.1);
    /* Slight zoom */
}

.course-card:hover .overlay {
    opacity: 0.9;
    /* Darker overlay */
}

.course-card:hover .course-title {
    transform: translateY(0);
    opacity: 1;
    /* Slide title up */
}

.course-card:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);
    transform: translateY(-5px);
    /* Slight lift effect */
}

.course-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 300px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.course-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.course-card .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.1),
            rgba(243, 107, 33, 0.85));
    opacity: 0.5;
    transition: opacity 0.5s ease;
}

.course-card .course-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    transform: translateY(20px);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

/* Hover effects */
.course-card:hover img {
    transform: scale(1.1);
}

.course-card:hover .overlay {
    opacity: 0.8;
}

.course-card:hover .course-title {
    transform: translateY(0);
    opacity: 1;
}

.course-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);
}

/* 3card animation effect end */
/* play/pause button for loop start */
.gov-logos-outer {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.gov-logos {
    display: flex;
    gap: 30px;
}

.gov-logo-box img {
    width: 100px;
    height: auto;
    display: block;
}

/* Play/Pause Button */
.gov-play-pause-btn {
    position: absolute;
    top: 63px;
    right: 10px;
    background: #3a0a78;
    color: #fff;
    border: none;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 12px;
    z-index: 1000;
}

/* Visually indicate paused state */
.gov-play-pause-btn.paused {
    background: #ff7a18;
    box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.12);
}

.gov-play-pause-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 135, 199, 0.18);
}

/* play/pause button for loop end */
.ft-bottom p {
    color: #fff;
}

footer.container.ft-wrap {
    border: 1px solid#fff;
    border-radius: 20px;
    margin-bottom: 30px;
background: #582a93;
}

ul.dropdown-menu.show {
    top: 39px !important;
}

.gov-logos {
    display: flex;
    gap: 40px;
    white-space: nowrap;
    will-change: transform;
}

.visitor-count {
    padding-bottom: 14px;
    color: #fff;

}
/* inner page end */
/* SVG underline */
.tab-content-map li{text-align: left;
    font-size: 20px;
    
}
ul.nurs_clg {
   
    justify-content: space-around;
}
ul.nurs_clg b {
   padding-right: 10px;
 
   font-size: 20px;
}

/* events page start */
.event-section {
    padding: 60px 0;
    background-color: #f5f5f5;
}

.section-title {
    font-weight: 600;
    margin-bottom: 40px;
    color: #003366; /* Govt Dark Blue */
}

.event-link {
    text-decoration: none;
    color: inherit;
}

.event-card {
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    overflow: hidden;
    transition: 0.3s ease;
}

.event-card:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.event-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.event-body {
    padding: 15px;
}

.event-date {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

.event-title {
    font-size: 17px;
    font-weight: 600;
    color: #003366;
    margin: 0;
}

/* events page end */
/* gallery inner page start */


.section-title {
    font-weight: 600;
    color: #003366; /* Govt dark blue */
}

.gallery-card {
    background: #ffffff;
    border: 1px solid #dcdcdc;
}

.gallery-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.gallery-info {
    padding: 12px;
}

.gallery-date {
    font-size: 13px;
    color: #666;
    margin-bottom: 4px;
}

.gallery-title {
    font-size: 15px;
    font-weight: 600;
    color: #003366;
    margin: 0;
}

/* gallery inner page end */
.banner-h3 li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 14px;

    background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 20'>\
<path d='M0 10 Q100 18 200 10 T400 10' fill='none' stroke='%23ff7a18' stroke-width='4' stroke-linecap='round'/>\
</svg>") no-repeat center;
    background-size: 0% 100%;
    animation: svgUnderlineDraw 1.4s ease forwards;
}

/* animation */
@keyframes svgUnderlineDraw {
    to {
        background-size: 100% 100%;
    }
}


.breadcrumb-custom {
    font-size: 14px;
    color: #fff;
}

.breadcrumb-custom a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;

}

.breadcrumb-custom a:hover {
    text-decoration: underline;
}
/* galler inner page start */
.inner-page {
    padding: 60px 0;
    background: #f8f9fa;
}

.page-title h2 {
    font-weight: 700;
    color: #0d6efd;
}

.event-date {
    color: #6c757d;
    font-size: 16px;
    margin-top: 5px;
}

.gallery-img {
    overflow: hidden;
    border-radius: 6px;
}

.gallery-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: 0.3s ease;
}

.gallery-img:hover img {
    transform: scale(1.05);
}
/* gallery inner page end */
/* events inner page start */
.event-detail {
    padding: 60px 0;
    background: #f8f9fa;
}

/* Header */
.event-header h2 {
    font-weight: 700;
    color: #0d6efd;
}

.event-date {
    color: #6c757d;
    font-size: 16px;
}

/* Description */
.event-description {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

/* Main Image */
.event-main-image img {
    width: 100%;
    border-radius: 6px;
}

/* Gallery */
.gallery-heading {
    font-weight: 600;
    margin-bottom: 15px;
    border-left: 4px solid #0d6efd;
    padding-left: 10px;
}
/* student on roll start */
.student-section {
    padding: 60px 0;
}

.section-title {
    font-weight: 700;
    color: #0d6efd;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-subtitle {
    color: #6c757d;
    margin-bottom: 30px;
}

.table-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.table thead {
    background: #204667;
    color: #ffffff;
}

.table thead th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
color:#fff;
}

.table tbody tr:hover {
    background-color: #eef4ff;
    transition: 0.3s ease;
}

.table td,
.table th {
    vertical-align: middle;
    text-align: center;
}

.table td:nth-child(2),
.table td:nth-child(3) {
    text-align: left;
}

.table-light {
    background-color: #f8f9fa !important;
}
/* student on roll end */
.gallery-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 6px;
    transition: 0.3s ease;
}

.gallery-img:hover {
    transform: scale(1.05);
}
/* eventsinner page end */
/* rule start */
.exam-section {
    padding: 60px 0;
}

.section-title {
    font-weight: 700;
    color: #0b3c5d;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-subtitle {
    color: #6c757d;
    margin-bottom: 30px;
}

.table-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.table thead {
    background: #204667;
    color: #ffffff;
}

.table thead th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.table tbody tr:hover {
    background-color: #eef4ff;
    transition: 0.3s ease;
}

.table td,
.table th {
    vertical-align: middle;
    text-align: center;
}

.table td:nth-child(2),
.table td:nth-child(4) {
    text-align: left;
}

.exam-type {
    font-weight: 600;
    color: #0d6efd;
}

.annual {
    color: #198754;
}
/* rule end */

/* about page berhampur start */
.card-custom {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

.card-custom:hover {
    transform: translateY(-5px);
}

.timeline {
    border-left: 4px solid #0d6efd;
    padding-left: 20px;
}

.timeline-item {
    margin-bottom: 15px;
}

.infra-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}
.miission{
color:#0b3c5d;}

/* about page berhampur end */

/* fee stracture start */
.fee-section {
    padding: 60px 0;
}

.fee-card {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.fee-header {
    background: #0b3c5d;
    color: #ffffff;
    padding: 25px;
}

.fee-header h3 {
    margin-bottom: 5px;
    font-weight: 600;
}

.fee-header p {
    margin: 0;
    font-size: 14px;
    opacity: 0.9;
}

.fee-body {
    padding: 30px;
}

.table thead {
    background-color:#204667;
    color: #ffffff;
}

.table td, 
.table th {
    vertical-align: middle;
}

.action-buttons {
    margin-top: 25px;
}

.action-buttons .btn {
    padding: 8px 20px;
    border-radius: 30px;
    margin: 5px;
    font-weight: 500;
}
/* fee stracture end */
.semester-card {
  background: #ffffff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* Title */
.semester-title {
  font-weight: 700;
  color: #0b3d91;
  margin-bottom: 20px;
  border-left: 5px solid #0b3d91;
  padding-left: 12px;
}

/* Table */
.custom-table thead th {
  background: linear-gradient(135deg, #0b3d91, #1456c3);
  color: white;
  text-align: center;
  font-size: 14px;
}

.custom-table td {
  vertical-align: middle;
  font-size: 14px;
}

/* Section rows (Theory/Practical) */
.section-row td {
  background: #e9f1ff;
  font-weight: 600;
  text-align: center;
}

/* Hover */
.custom-table tbody tr:hover {
  background: #f4f8ff;
  transition: 0.25s;
}/* download eforms end */
/* ethica committee start */
.research-section .card {
    border-radius: 12px;
    transition: 0.3s ease;
}

.research-section .card:hover {
    transform: translateY(-5px);
}

.research-section h2 {
    letter-spacing: 1px;
}
/* ethical committe end */
/* enotification start */
.info-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
}

.info-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}


.custom-table {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.table-header th {
  background: linear-gradient(135deg, #0b3d91, #1456c3);
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}
.simple-slider {
    position: relative;
    width: 100%;
    height: 200px !important;
    max-height: 200px !important;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 62px;
    border: 5px solid #ff964659;
}
.simple-slider img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 200px !important;   /* Force image height */
    object-fit: cover !important;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.simple-slider img.active {
    opacity: 1;
}.slider-dots {
    text-align: center;
    margin-top: 10px;
}

.slider-dots span {
    height: 10px;
    width: 10px;
    margin: 0 4px;
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
}

.slider-dots span.active-dot {
    background-color: #007bff;
}

.custom-table td {
  font-size: 14px;
  padding: 14px;
}

.custom-table tbody tr:hover {
  background: #f1f6ff;
  transition: 0.3s;
}

/* Total row */
.total-row {
  background: #e8f0ff;
  font-size: 16px;
}
/* enotification end */
/* awards and achievements start */
.medalist-section {
    background: #f8f9fa;
}

.course-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s ease;
}

.course-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.1);
}

.card-header-custom {
    padding: 15px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.tabuul{    padding: 16px;
    color: #fff;}
/* awards and achievements end */
/* berhampur contact start */
.contact-section {
    background: #f8f9fa;
}

.section-title {
    color: #0b3c5d;
}

.title-underline {
    width: 70px;
    height: 4px;
    background: #0b3c5d;
    border-radius: 5px;
}

.contact-info,
.contact-form {
    background: #ffffff;
    padding: 35px;
    border-radius: 15px;
}

.info-item {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
    justify-content: space-between;
    grid-template-columns: 0.5fr 2fr;
}



.btn-theme {
    background: #0b3c5d;
    color: #fff;
    padding: 10px 25px;
    border-radius: 8px;
    transition: 0.3s;
}

.btn-theme:hover {
    background: #092f47;
    color: #fff;
}

.form-control {
    border-radius: 8px;
}
.icon-box-berham {
    background: #0b3c5d;
    border-radius: 12px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67px;
color:#fff;
}
/* strat example */
.image-card{
    position:relative;
    width:100%;
    height:300px;
    overflow:hidden;
}

.card-video{
    width:100%;
    height:100%;
    object-fit:cover;
background: url("../assets/images/video_image.png");
}
/* end example */
.contact-info:hover,
.contact-form:hover {
    transform: translateY(-5px);
    transition: 0.3s ease;
}
button.btn.btn-theme.mispad.w-100{padding: 13px;
    background: #0b3c5d;
    color: #fff;}
/* berhampur contact end */
.card-video {
    width: 100%;
    height: 100%;
    object-fit: fill;   /* makes video fill like image */
}
.info-panel{
text-align:left;}
/* css for map start */
.map-selected {
    stroke: #ffffff;
    stroke-width: 1px !important;
    cursor: pointer !important;
    transition: all var(--transition-speed) ease;
    pointer-events: all !important;
    cursor: pointer !important;
    z-index: 9999 !important;
}
/* css for map end */
/* map details' button start */
.nurs_clg{
    display:flex;
    gap:15px;
}

.nursing-btn{
    position:relative;
    background:#204667;
    color:#fff;
    padding:10px 20px;
    border-radius:6px;
    font-weight:600;
    text-decoration:none;
    overflow:hidden;
    transition:0.3s;
}

/* Shine animation */
.nursing-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);
    transition:0.6s;
}

.nursing-btn:hover::before{
    left:100%;
}

.nursing-btn:hover{
    background:#16384f;
    transform:scale(1.05);
}/* map details's button end */
.media img{width:auto !important;}
.content img{width:auto !important;}
/* map text start */
.triangle-text::before{
    content:"▶";
    color:red;
    display:inline-block;
    margin-right:6px;
    transform: rotate(155deg); /* rotate triangle */
}
.symbol_details {
    text-align: center;
    position: relative;
    /* top: 9px; */
    bottom: 78px;
}
.symbol_details p{color:#fff;}
/* map text end */

/* theme color change start */

/* theme color change end */
/* syllabus start */
.table-container {
    max-width: 900px;
    margin: 40px auto;
}

.syllabus-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.syllabus-table th{
    background:#204667;
    color:#fff;
    padding:12px;
    text-align:center;
}

.syllabus-table td{
    padding:12px;
    text-align:center;
    border-bottom:1px solid #ddd;
}

.syllabus-table tr:hover{
    background:#f1f7fb;
}

.pdf-btn{
    background:#f16f1f;
    color:#fff;
    padding:6px 12px;
    text-decoration:none;
    border-radius:4px;
    font-size:14px;
}

.pdf-btn:hover{
    background:#d85c14;
}
/* syllabus end */
/* examination start */
.affiliation-section{
padding:40px 0;
}

.affiliation-title{
font-weight:600;
margin-bottom:10px;
}

.affiliation-table{
border:1px solid #000;
}

.affiliation-table th,
.affiliation-table td{
border:1px solid #000;
padding:10px;
vertical-align:top;
}

.affiliation-table th{
background:#f2f2f2;
font-weight:600;
}


/* examination end */
/* nursing course start */
.course-section{
padding:40px 0;

margin:auto;
}

.section-title{
font-weight:600;
margin-bottom:10px;
}

.course-table{
border:1px solid #000;
}

.course-table th,
.course-table td{
border:1px solid #000;
padding:10px;
vertical-align:top;
}

.course-table th{
background:#f2f2f2;
font-weight:600;
}

.col-md-4.foot-pad.fourth {
    margin-top: 30px;
}
/* nursing course end */



.google_map {
	display: flex;
	flex-direction: column;
	gap: 8px;
}



/*new-css-04/04/2026*/

.carousel-item img {
            height: 700px;
            object-fit: cover;
        }

        .slider_demo,
        .carousel,
        .carousel-inner,
        .carousel-item {
            background: #000;
        }

        .carousel-caption h5 {
            font-size: 40px !important;
            color: #fff;
        }

        .carousel-item {
            position: relative;
        }

        .carousel-item::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.35);
            z-index: 1;
        }

        /* Keep text above overlay */
        .carousel-caption {
            z-index: 2;
        }

        /* Custom next button */
        .slider_demo .carousel-control-next {
            background-color: aqua !important;
            width: 50px !important;
            height: 50px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
        }

        /* Custom prev button */
        .slider_demo .carousel-control-prev {
            background-color: aqua;
            width: 50px;
            height: 50px;
            top: 50%;
            transform: translateY(-50%);
        }
		
		
		/* SECTION GAP */
























 .amenitiesWrapProZ {
            margin: 0;
            font-family: Arial;
            background: linear-gradient(135deg, #5f2c82, #8a73c9);
            background: linear-gradient(135deg, #3a0a78, rgb(138 108 241 / 69%)), url(../assets/images/amenities_bg.png);
        }

        /* SECTION */
        .amenitiesWrapProZ {
            padding: 60px 30px;
            text-align: center;
            color: #fff;
        }

        .amenitiesTitleProZ {
            font-size: 40px;
            margin-bottom: 40px;
        }

        /* GRID */
        .facilityGridProZ {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        /* CARD */
        .facilityCardProZ {
            background: rgba(255, 255, 255, 0.15);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
            transition: 0.3s;
            position: relative;
        }

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

        /* SLIDER */
        .sliderBoxProZ .item {
            height: 220px;
        }

        .sliderBoxProZ img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* CUSTOM NAV */
        .sliderBoxProZ .owl-nav button {
            position: absolute;
            top: 45%;
            transform: translateY(-50%);
            width: 38px;
            height: 38px;
            border-radius: 50% !important;
            border: none !important;
            background: rgba(0, 0, 0, 0.5) !important;
            color: #fff !important;
            transition: 0.3s;
        }

        /* LEFT */
        .sliderBoxProZ .owl-prev {
            left: 10px;
        }

        /* RIGHT */
        .sliderBoxProZ .owl-next {
            right: 10px;
        }

        /* HOVER EFFECT */
        .sliderBoxProZ .owl-nav button:hover {
            background: #ff7a00 !important;
            transform: translateY(-50%) scale(1.1);
        }

        /* ICON ROTATION (different direction style) */
        .sliderBoxProZ .owl-prev i {
            transform: rotate(180deg);
        }

        /* ICON SIZE */
        .sliderBoxProZ .owl-nav i {
            font-size: 14px;
        }

        /* ICON */
     .facilityIconProZ {
    width: 60px;
    height: 60px;
    background: #ff7a00;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -30px auto 10px;
    font-size: 22px;
    z-index: 9;
    position: relative;
}

        /* TEXT */
        .facilityInfoProZ {
            padding: 20px;
        }

        /* RESPONSIVE */
        @media(max-width:992px) {
            .facilityGridProZ {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media(max-width:600px) {
            .facilityGridProZ {
                grid-template-columns: 1fr;
            }
        }
		
		.owl-carousel .owl-stage-outer {
    height: auto;
}
.facilityCardProZ .owl-nav {
    display: block !important;
}

.clg_name a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
}
td.dist_name {
    text-align: center !IMPORTANT;
}

.dhenkanal .carousel-item img {
    height: 700px;
    object-fit: cover;
    object-position: bottom;
}

ul.mob {
    display: flex !important;
    gap: 50px !important;
}
ul.mob li{
Padding: 0 !important;
}
ul.mob ul{
    left: 0 !important;
}

/* incumbency */
.nursing-incumbency-wrapper {
    font-family: Arial, sans-serif;
    max-width: 1000px;
    margin: 20px auto;
    border: 2px solid #007bff;
    padding: 15px;
}

/* TITLE */
.nursing-incumbency-wrapper .nic-title {
    text-align: center;
    color: #007bff;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* TABLE */
.nursing-incumbency-wrapper .nic-table {
    width: 100%;
    border-collapse: collapse;
}

/* HEADER */
.nursing-incumbency-wrapper .nic-table thead th {
    background-color: #007bff;
    color: #fff;
    padding: 10px;
    border: 1px solid #007bff;
    font-size: 14px;
}

/* BODY */
.nursing-incumbency-wrapper .nic-table tbody td {
    border: 1px solid #007bff;
    padding: 8px;
    font-size: 14px;
}

/* SMALL TEXT */
.nursing-incumbency-wrapper .nic-small {
    font-size: 12px;
    color: #555;
}

/* ROW HOVER */
.nursing-incumbency-wrapper .nic-table tbody tr:hover {
    background: #f2f8ff;
}

/* derectory */
.emp-blue-wrapper {
    font-family: Arial, sans-serif;
    max-width: 1000px;
    margin: 20px auto;
    border: 2px solid #007bff;
    padding: 15px;
}

/* TITLE */
.emp-blue-wrapper .emp-blue-title {
    text-align: center;
    color: #007bff;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* TABLE */
.emp-blue-wrapper .emp-blue-table {
    width: 100%;
    border-collapse: collapse;
}

/* HEADER */
.emp-blue-wrapper .emp-blue-table thead th {
    background-color: #007bff;
    color: #fff;
    padding: 10px;
    border: 1px solid #007bff;
    font-size: 14px;
}

/* BODY */
.emp-blue-wrapper .emp-blue-table tbody td {
    border: 1px solid #007bff;
    padding: 8px;
    font-size: 14px;
}

/* HOVER EFFECT */
.emp-blue-wrapper .emp-blue-table tbody tr:hover {
    background: #f2f8ff;
}

/* CENTER ALIGN FIRST COLUMN */
.emp-blue-wrapper .emp-blue-table tbody td:first-child {
    text-align: center;
    width: 80px;
}



    /* Card */
    .magic-nursing-wrapper .magic-card {
        width: 400px;
        padding: 20px;
        border-radius: 16px;
        display: flex;
        gap: 20px;
        align-items: center;
        position: relative;
        background: rgb(255 255 255 / 36%);
        backdrop-filter: blur(2px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        transition: all 0.4s ease;
        overflow: hidden;
    }

    /* Glow */
    .magic-nursing-wrapper .magic-card::before {
        content: "";
        position: absolute;
        width: auto;
        height: auto;
        background: radial-gradient(circle, rgba(47, 128, 237, 0.2), transparent 70%);
        top: -50%;
        left: -50%;
        opacity: 0;
        transition: 0.5s;
    }

    /* Hover */
    .magic-nursing-wrapper .magic-card:hover {
        transform: translateY(-8px) scale(1.02);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }

    .magic-nursing-wrapper .magic-card:hover::before {
        opacity: 1;
    }

    /* Icon */
	.magic-nursing-wrapper .magic-icon {
		width: 85px;
		height: 85px;
		border-radius: 100%;
		background: linear-gradient(135deg, #2f80ed, #56ccf2);
		text-align: center;
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

    /* Image */
    .magic-nursing-wrapper .magic-icon img {
        width: 70px;
        height: 70px;
        object-fit: contain;
        border-radius: 100%;
    }


    /* Content */
    .magic-nursing-wrapper .magic-content h3 {
        margin: 0;
        font-size: 22px;
        font-weight: 700;
        color: #fff;
    }

    .magic-nursing-wrapper .magic-content h4 {
        margin: 6px 0;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
    }

    .magic-nursing-wrapper .magic-content p {
        margin: 0;
        font-size: 14px;
        color: #6b7280;
    }

    /* Shine */
    .magic-nursing-wrapper .magic-card::after {
        content: "";
        position: absolute;
        width: 120%;
        height: 2px;
        background: linear-gradient(90deg, transparent, #2f80ed, transparent);
        top: 0;
        left: -100%;
        transition: 0.6s;
    }

    .magic-nursing-wrapper .magic-card:hover::after {
        left: 100%;
    }

    .slider_demo {
        position: relative;
    }

	.magic-nursing-wrapper {
		position: absolute;
		right: 30px;
		bottom: 20px;
		z-index: 99;
	}
	.fw-bold {
		font-weight: 700!important;
		text-align: left;
	}
	p.small.mb-0 {
		text-align: left;
	}
	.card-body.p-4 p{
		margin: 0 !important;
	}
	/* Wrapper */
.magic-values {
    max-width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 30px;
}

/* Title */
.magic-values h2 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
    color: #1e293b;
}

/* List */
.magic-values ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

/* List Item Card */
.magic-values ul li {
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #334155;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* Gradient Glow Effect */
.magic-values ul li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #6366f1, #06b6d4);
    top: 0;
    left: -100%;
    transition: 0.4s;
    z-index: 0;
}

/* Hover */
.magic-values ul li:hover::before {
    left: 0;
}

.magic-values ul li:hover {
    color: #fff;
    transform: translateY(-8px) scale(1.02);
}

/* Text above gradient */
.magic-values ul li span {
    position: relative;
    z-index: 1;
}

.research-section {
    margin: 40px auto;
    padding: 20px;
}

/* Title */
.research-title {
    font-size: 28px;
    font-weight: bold;
    color: #003366;
    border-bottom: 3px solid #003366;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

/* Card */
.research-card {
    background: #ffffff;
    border: 1px solid #dcdcdc;
    padding: 20px;
    margin-bottom: 25px;
}

/* Sub Title */
.research-card h3 {
    font-size: 18px;
    color: #0a2e5c;
    margin-bottom: 10px;
}

/* List */
.research-list {
    padding-left: 18px;
    margin: 0;
}

.research-list li {
    margin-bottom: 12px;
    line-height: 1.6;
    font-size: 14px;
}

/* Group Highlight */
.group-title {
    font-weight: bold;
    color: #000;
}

/* MAIN WRAPPER */
.syllabus-wrapper {
    font-family: Arial, sans-serif;
    background: #f4f6f9;
    padding: 40px 0;
}

/* CONTAINER */
.syllabus-wrapper .container {
    width: 90%;
    max-width: 1000px;
    margin: auto;
}

/* TITLE */
/* TITLE */
.syllabus-wrapper .page-title {
    text-align: center;
    font-size: 26px;
    color: #002147;
    margin-bottom: 25px;
    font-weight: bold;
    position: relative;
}

/* TITLE UNDERLINE */
.syllabus-wrapper .page-title::after {
    content: "";
    width: 80px;
    height: 3px;
    background: #002147;
    display: block;
    margin: 8px auto 0;
}

/* TABLE BOX */
.syllabus-wrapper .table-box {
    background: #fff;
    border: 1px solid #d6dbe1;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.3s;
}

.syllabus-wrapper .table-box:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* TABLE */
.syllabus-wrapper table {
    width: 100%;
    border-collapse: collapse;
}

/* HEADER */
.syllabus-wrapper thead {
    background: linear-gradient(90deg, #002147, #003366);
    color: #fff;
}

.syllabus-wrapper th {
    padding: 16px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left; /* FIXED */
}

/* BODY */
.syllabus-wrapper td {
    padding: 15px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

/* ROW HOVER */
.syllabus-wrapper tbody tr:hover {
    background: #f2f7ff;
}

/* PDF BUTTON */
.syllabus-wrapper a {
    display: inline-block;
    padding: 6px 12px;
    font-size: 13px;
    background: #ff7a18;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: 0.3s;
}

/* BUTTON HOVER */
.syllabus-wrapper a:hover {
    background: #004080;
}

.syllabus-wrapper .page-title {
	border: none;
}


.video-wrapper_ {
    position: relative;
    width: 400px;
    height: 392px;
    overflow: hidden;
    border-radius: 10px;
}

/* video */
.video-wrapper_ .card-video_ {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-wrapper_ .video-controls_ {
    position: absolute;
    bottom: 112px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* buttons */
.video-wrapper_ .video-controls_ button {
    background: rgba(0,0,0,0.6);
    color: #fff;
    border: none;
    padding: 6px 10px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
    transition: 0.3s;
}

.video-wrapper_ .video-controls_ button:hover {
    background: rgba(0,0,0,0.8);
}


        .main_section{
            padding:70px 0;
        }

        .page_title{
            text-align:center;
            margin-bottom:45px;
        }

        .page_title h1{
            font-size:44px;
            font-weight:700;
            color:#0b2c6a;
            margin-bottom:12px;
        }

        .page_title p{
            font-size:16px;
            color:#666;
        }

        /* Government Instruction */

        .govt_instruction{
            background:linear-gradient(135deg,#0b2c6a,#1d4ed8);
            padding:30px;
            border-radius:20px;
            color:#fff;
            margin-bottom:40px;
            position:relative;
            overflow:hidden;
            box-shadow:0 10px 30px rgba(0,0,0,0.15);
            border-left:8px solid #ffd54f;
        }

        .govt_instruction::before{
            content:'';
            position:absolute;
            width:220px;
            height:220px;
            background:rgba(255,255,255,0.08);
            border-radius:50%;
            top:-80px;
            right:-80px;
        }

        .govt_instruction h4{
            font-size:30px;
            font-weight:700;
            margin-bottom:12px;
            position:relative;
            z-index:2;
        }

        .govt_instruction p{
            font-size:16px;
            line-height:1.9;
            position:relative;
            z-index:2;
            margin:0;
        }

        /* Course Card */

        .course_card{
            background:#fff;
            border-radius:22px;
            padding:35px;
            margin-bottom:35px;
            box-shadow:0 10px 30px rgba(0,0,0,0.08);
            transition:0.4s;
            position:relative;
            overflow:hidden;
        }

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

        .course_card::before{
            content:'';
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:6px;
            background:linear-gradient(to right,#0b2c6a,#2563eb);
        }

        .course_title{
            font-size:30px;
            font-weight:700;
            color:#0b2c6a;
            margin-bottom:25px;
        }

        .course_card ol{
            padding-left:20px;
            margin-bottom:0;
        }

        .course_card ol li{
            font-size:15px;
            line-height:1.9;
            color:#333;
            margin-bottom:16px;
        }

        .highlight_text{
            color:#0b2c6a;
            font-weight:700;
        }

        @media(max-width:768px){

            .main_section{
                padding:45px 0;
            }

            .page_title h1{
                font-size:30px;
            }

            .govt_instruction{
                padding:22px;
            }

            .govt_instruction h4{
                font-size:24px;
            }

            .course_card{
                padding:22px;
            }

            .course_title{
                font-size:24px;
            }

        }