:root {
    --primary-color-m: #005393;
    --primary-color-s: #00378B;
    --primary-color-h: #DDF0FE;
    --secondary-color-m: #D39F10;
    --secondary-color-s: #9A7100;
    --para-text: #484848;
    --heading-text: #2B2B2B;
    --text-black: #0E0E0E;
    --text-white: #ffffff;
	--icon-color: #CF274A;
}

/* * {
    font-family: "Josefin sans";
	font-family: 'Heebo'; 
} */

.mt40 {
    margin-top: 40px;
}
.mb40 {
    margin-bottom: 40px;
}
.m-0 {
    margin: 0;
}
.flex {
    display: flex;
}
.justify-between {
    justify-content: space-between;
}

/* topmost block */
.section1 {
    background: var(--primary-color-h);
}

.smartmenu{
    position: relative;
}

.smartmenu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 150px;   
    right: 150px;  
    height: 1px;
    background: #FFFFFF;
}

/* navbar */
.smartmenu.sm-full-width {
    /* background: #127ab5; */
    background: #1D3B6A;
    display: flex;
    
    justify-content: center;
    padding-left: 0;
    gap:35px;
}

.smartmenu>li.sm-responsive-toggle>span, .smartmenu>li>a {
    padding: 12px 20px 12px 10px;
    font: 600 14px/25px 'Heebo';
    letter-spacing: 0;
    color: var(--heading-text);
    text-transform: uppercase;
    float: left;
}
.smartmenu >li:hover, .smartmenu >li.sm-active, .smartmenu >li.sm-opened {
    background-color: unset;
}
.smartmenu li>a:hover {
    border-bottom: 0 solid #127ab5;
    background: #fff;
    color: var(--secondary-color-m);
}
#mobile_search {
    display: none;
}
#mobile_only P{
    display: none;
}


.smartmenu>li {
    /* padding: 0 15px; */
    padding: 0px 5px;
}

.login_img {
    background: url(../imgs/login.png) top 20px left 0px no-repeat;
    padding-left: unset;
    width: 30px;
    height: 30px;
}
.search_img {
    background: url(../imgs/search.png) top 20px left 0px no-repeat;
    padding-left: unset;
    width: 30px;
    height: 30px;
}

.main_header {
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_right_outer {
    width: calc(100% - 640px);
    padding-top: 10px;
}

.main_right {
    float: right;
    width: unset;
}

.fixed_main-header {
    position: fixed;
    width: 100%;
    z-index: 2!important;
    margin-top: 0px;
    padding-top: 0px;
}

.fixed_nav {
    top: 97px;
    background: white;
    height: unset;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
}
.logo {
    padding: 7px 0px 0px 20px;
}

/* navbar end  */

/* top sec */

.gray_header.sec-bg {
    /* background: url("../imgs/sc-bg.png"); */
    background: #004B85;
    height: 100px;
    /* height: 400px; */
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gray_header .inside_wrapper {
    /* width: unset; */
    margin: unset;
}
.gray_header h1 {
    font: normal 600 42px/46.2px "Josefin sans";
    color: var(--text-white);
    text-align: center;
}

.gray_header .inside_wrapper ul.breadcrumb  {
    text-align: center;
}

ul.breadcrumb li {
    display: inline;
    color: var(--text-white);
    font: normal 400 14px/24.6px 'Heebo';
    padding: 0px 4px 0px 0px;
}
ul.breadcrumb li a {
    color: var(--text-white);
    text-decoration: none;
} 
ul.breadcrumb li a:hover {
    color: var(--secondary-color-m);
}
ul.breadcrumb li.brdcrmb-active {
    color: var(--secondary-color-m);
}
/* end */

/* body sec */

.details1_left {
    margin-left: 35px;
    margin-right: unset;
}

.dept_box li {
    padding: 10px;
    border: 1px solid var(--primary-color-m);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
}
.dept_box a {
    font: normal 500 18px/24.3px  'Heebo'; 
    color: var(--primary-color-m);
    margin: 0px 0px 0px 0px;
    text-align: center;
}
.back_gray {
    background: #F9F9F9;
    padding: 30px 20px 30px 20px;
}
#ref_links {
    width: 100%;
    font: normal 500 20px/26.4px  'Heebo'; 
    padding: 10px 20px;
    text-transform: capitalize;
}
#ref_links a {
    color: var(--text-white);
    text-transform: capitalize;

}
#ref_links:after {
    -ms-transform: unset;
    -webkit-transform: unset;
    transform: unset;
    background: var(--primary-color-m);
}
.ref_inner {
    width: 100%;
    background: #F9F9F9;
    padding: 10px 0px 0px 0px;
}
.ref_inner p {
    font: normal 400 16px/27.2px 'Heebo';
    color: #484848;
    border-bottom: 1px solid #d5d5d5;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
}
.side_menu {
    font:normal 400 16px/18px 'Heebo'!important;
    color: #484848!important;
}
.ref_inner .sm-submenu li a {
    font: normal 400 14px/25px 'Heebo';
    letter-spacing: 0;
    padding: 12px 10px;
    text-align: left;
    color: #484848;
}
.sub_active {
    color: var(--primary-color-m)!important;
}
.ref_inner .sm-submenu li a i {
    margin-right: 5px;
}
.menu_a {
    font: normal 400 16px/27.2px 'Heebo';
}
.details1 h4 {
    font: normal 600 24px/28px  'Heebo'; 
    color: var(--heading-text);
    text-align: left;
    letter-spacing: unset;
}

.acad_para p {
    text-align: left;
    color: var(--para-text);
    font: normal 400 16px/27.2px 'Heebo';
    letter-spacing: 0px;
    margin: 0px 0px 15px 0px;
    text-transform: none;
}
/* commented code */
/* .details1_left .fac {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    background: var(--text-white);
}
.fac_details h5 {
    color: var(--heading-text);
    font: normal 600 34px/40.8px 'Heebo';
}
.fac_details h6 {
    color: var(--heading-text);
    font: normal 400 14px/24.6px 'Heebo';
}
.fac_contact_left {
     border-right: unset;
}
.fac_blue a {
    color: var(--para-text);
    font: normal 400 14px/24.6px 'Heebo';
}
.fac_details-top-block {
    display: flex;
    justify-content: space-between;
}
.vewprof {
    color: var(--primary-color-m);
    text-align: center;
    font: normal 600 12px/24.6px 'Heebo';
    letter-spacing: 1.2px;
    text-transform: uppercase;
    border: 1px solid var(--primary-color-m);
    width: 22%;
    height: 45px;
    background: var(--text-white);
    cursor: pointer;
}
.vewprof:hover {
    background: var(--primary-color-m);
    color: var(--text-white);
} */

/* --- UPDATED GLOBAL PROFILE CARDS --- */

/* 1. Force the container to be side-by-side using Flexbox */
.fac {
    display: flex !important;
    background: var(--text-white) !important;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10) !important;
    margin-bottom: 30px !important;
    align-items: stretch !important; /* Image and text always match height */
    overflow: hidden !important;
    border: 1px solid #eee;
}

/* 2. Fix the image width and prevent distortion */
.fac_img {
    flex: 0 0 260px !important; 
    margin: 0 !important;
}

.fac_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 3. The content box (Flex-Column allows pinning contact to bottom) */
.fac_details {
    flex: 1 !important;
    padding: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
}

/* 4. Name and Profile Button Row */
.fac_details-top-block {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 10px !important;
}

.fac_details h5 {
    color: var(--heading-text) !important;
    font: normal 500 28px/1.5 'Fraunces', serif !important;
    margin: 0 !important;
}

/* 5. Modern Button Styling */
.vewprof {
    color: var(--primary-color-m) !important;
    border: 1.5px solid var(--primary-color-m) !important;
    padding: 8px 15px !important;
    font: normal 600 11px/1 'Heebo' !important;
    text-transform: uppercase !important;
    background: transparent !important;
    text-decoration: none !important;
    width: auto !important;
    height: auto !important;
}

.vewprof:hover {
    background: var(--primary-color-m) !important;
    color: var(--text-white) !important;
}

/* 6. Contact Info - This PINS IT to the absolute bottom */
.fac_contact {
    margin-top: auto !important; 
    display: flex !important;
    gap: 30px !important;
    padding-top: 20px !important;
    border-top: 1px dashed #cbd5e0 !important;
}

.fac_contact_left, .fac_contact_right {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: none !important;
}

.fac_blue a {
    color: var(--para-text) !important;
    font: normal 400 14px/1 'Heebo' !important;
    text-decoration: none !important;
}

/* Tablet & Mobile Layout Adjustment */
@media only screen and (max-width: 1024px) {
    .fac { flex-direction: column !important; }
    .fac_img { width: 100% !important; flex: 0 0 auto !important; height: 350px; }
    .fac_details-top-block { flex-direction: column !important; gap: 15px; }
}

.details1_left .txt-prmy {
    color: var(--primary-color-m);
    font: normal 500 22px/26.4px 'Josefin Sans';
}
.unicort-bx {
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
}
.unicort-bx .stat {
    width: unset;
    padding: 20px;
    border-bottom: unset;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    background: var(--text-white);
}

.unicort-bx .stat .vewprof {
    width: 32%;
}
.gunwshdw-box {
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
}
.gunwshdw-box .stat {
    width: unset;
    padding: 20px;
    border-bottom: unset;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    background: var(--text-white);
}
.guschunishwd-bx .hgt {
    height: 50px;
}
.guschunishwd-bx .stat h5  {
    font: 500 16px/22px 'Josefin Sans';
    color: var(--heading-text);
}
.guschunishwd-bx .stat h5 a {
    color: var(--heading-text);
}
.guschunishwd-bx .stat h5 a:hover {
    color: var(--primary-color-m);
}
.stat h6 {
    color: var(--para-text);
    font: normal 400 14px/24.2px 'Heebo';
    letter-spacing: 0px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    text-transform: none;
    padding: 0px 0px 0px 0px;
}

.details1 .dl {
    width: 100%;
    padding: 40px 0px 40px 0px;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 20px;
}

.details1 .dl  .dl_in {
    width: unset;
    float: unset;
    margin: unset;
    padding: 20px;
    border-bottom: unset;
    /* box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10); */
    background: var(--text-white);
    border: 0.5px solid #484848;
}

/* .details1 .dl .dl_in a {
    color: var(--para-text);
    font: normal 500 22px/24.2px 'Josefin Sans';
    letter-spacing: 0px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
} */

.details1 .dl .dl_in a {
    color: var(--para-text);
    font: normal 400 18px/24.2px 'Fraunces';
    letter-spacing: 0px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
}
.hod {
    width: calc(100% - 0px);
    border: unset;
    /* box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10); */
    background-color: #F9F9F9;
}
.hod_left .dep_details h4 {
    font: normal 600 14px/28px "Heebo";
    color: var(--primary-color-m);
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.hod_left .dep_details h4 a.black_font {
    color: var(--primary-color-m) !important;
}

.hod_left .dep_details h5 a , .hod_left .dep_details h5 a:hover {
    color: var(--heading-text);
    font: normal 600 26px/26px 'Josefin Sans';
    letter-spacing: 0px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    text-transform: none;
    opacity: 1;
}

.dep_details h6 {
    color: var(--para-text);
    font: normal 400 16px / 27.2px "Heebo";
    letter-spacing: 0px;
    text-align: left;
    margin: 0px 0px 8px 0px;
    text-transform: none;
    padding: 0px 0px 5px 0px;
    border-bottom: 0.5px solid #48484852;
}
.dep_details h5{
    padding: 8px 0px 0px 0px;
}

.hod_right p {
    font: normal 400 16px/32px 'Heebo';
    color: var(--para-text);
    text-align: left;
    border-bottom: 1px solid #cccccc;
    margin: 0px 0px 8px 20px;
    position: relative;
    padding: 0px 0px 5px 0px;
}
.hod_right p.date::before {
    content: url(../imgs/date.png);
    position: absolute;
    /* margin-right: 10px; */
    left: -28px;
    top: 4px;
}
.hod_right p.call::before {
    content: url(../imgs/Call.png);
    position: absolute;
    /* margin-right: 10px; */
    left: -28px;
    top: 4px;
}
.hod_right p.email::before {
    content: url(../imgs/Email.png);
    position: absolute;
    /* margin-right: 10px; */
    left: -28px;
    top: 4px;
}
.hod_right {
    border-left: unset;
}
.vsms-box  {
    padding: 20px;
    margin: 20px 0;
}
.vsonmson-blk .vsms-box h5 {
    color: var(--text-white);
    font: normal 500 18px/24.3px 'Josefin Sans';
    text-transform: capitalize;
}
.vsonmson-blk .vsms-box p {
    color:#F9F9F9;
    font: normal 300 14px/27.2px 'Heebo';
}

.vsonmson-blk .vision-bx {
    background: var(--primary-color-m);
}
.vsonmson-blk .mission-bx {
    background: var(--secondary-color-m);
}
.hod_left {
    width: 46%;
}
.hod_right a, .hod_right a:hover {
    font: 400 15px/32px 'Heebo';
    color: var(--para-text);
    text-align: left;
    margin: 0px 0px 0px 0px;
}

.fac_shadow li {
    box-shadow: 1px 1px 5px 2px #e3dddd;
    padding: 10px;
    background: unset;
    width: 20%;
    font: normal 300 16px/30px 'Josefin Sans';
    border: 1px solid var(--primary-color-m);
    -webkit-border-radius: 25px ;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-align: center;
    margin: 0px 10px 10px 0px;
}
.dept_about {
    padding: 40px 0px 40px 0px;
}
.txt-cap {
    text-transform: capitalize !important;
}
.guclr-outer-block {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.guclr-outer-block .guclr-inner-box {
    width: 250px;
    height: 146px;
    padding: 16px;
}
.guclr-outer-block .guclr-box:nth-child(even) {
    background: rgba(254, 246, 225, 1)
}
.guclr-outer-block .guclr-box:nth-child(even) .prog-links a{
   color: var(--secondary-color-m);
}
.guclr-outer-block .guclr-box:nth-child(odd) {
    background:#DDF0FE;
}
.guclr-outer-block .guclr-box:nth-child(odd) .prog-links a{
   color: var(--primary-color-m) ;
}
.guclr-outer-block .guclr-inner-box h5{
    font: normal 600 16px/22.4px 'Josefin Sans';
    color: var(--heading-text);
    letter-spacing: unset;
    text-transform: unset;
}
.guclr-outer-block .guclr-inner-box p{
    font: normal 400 14px/24.2px 'Heebo';
    color: var(--para-textt)
}
/* .guclr-outer-block .guclr-box .vewprof{
    width: 50%;
} */
.guclr-outer-block .guclr-inner-box .mrb10 {
    margin-bottom: 10px;
}
.guclr-outer-block .guclr-box .prog-links a {
    font: normal 400 14px/24.2px 'Heebo';
    letter-spacing: 1px;
}

.guclr-faculty-outer-block .guclr-faclty-inner-box {
    width: 45.4%;
    height: unset;
    padding: 16px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
}
.guclr-faculty-outer-block .guclr-faclty-inner-box .vewprof {
    width: 30%;
}
.guclr-faculty-outer-block .guclr-faclty-inner-box h5 a{
    font: normal 600 18px/24.6px 'Josefin Sans';
    color: var(--heading-text);
    letter-spacing: unset;
    text-transform: unset;
}

.map_setting {
    top: 150px;
}
.box1 {
    width: auto;
    border: 0px solid #933;
    background: #fff;
    padding: 20px 20px 20px 20px;
    position: relative;
    margin-top: 30px;
}
.pre_title {
    width: 100%;
    position: unset;
    left: 0px;
    /* margin-left: unset; */
    /* text-align: center; */
    text-align: left;
}
#red_flag {
    padding: unset;
    position: relative;
    color:var(--primary-color-s);
    background: #fff;
    font: normal 600 14px/38px "Heebo";
    float: unset; 
    z-index: unset;
    width: unset;
    text-align: center;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
#red_flag:after {
    content: unset;
}
.search_prog {
    padding: 20px 0px 20px 0px;
}
.search_label {
    font: normal 400 14px/24px 'Heebo';
    color: var(--heading-text);
    text-align: left;
}
select.srch_prog {
    border: 1px solid var(--para-text);
    color: var(--para-text)!important;
    font: 400 14px/20px 'Heebo';
}
.coll_list_left h5.white_font {
    color: var(--primary-color-m);
    margin-top: 20px;
    font: normal 500 18px/24.3px 'Josefin Sans';
    text-transform: capitalize;

}
.course_band {
    background: #DDF0FE;
    padding: 22px 18px;
}
.coll_list_left h4.blue_font {
    font: normal 500 22px/26.4px 'Josefin Sans';
    color: var(--heading-text);
    text-transform: capitalize;
}
.progms-coll_info {
    padding-top: 10px;
}
.progms-coll_info p {
    font: normal 400 16px/26.4px 'Heebo';
    color: var(--para-text);
    padding: 0 0 10px 32px;
    position: relative;

}
.progms-coll_info p.call::before {
    content: url(../imgs/Call.png);
    position: absolute;
    margin-right: 10px;
    left: 0px;
    top: 4px;
}
.progms-coll_info p.email::before {
    content: url(../imgs/Email.png);
    position: absolute;
    margin-right: 10px;
    left: 0px;
    top: 4px;
}
.progms-coll_info p.loca::before {
    content: url(../imgs/loca.png);
    position: absolute;
    margin-right: 10px;
    left: 0px;
    top: 4px;
}
.progms-coll_info p.prsn::before {
    content: url(../imgs/prsn.png);
    position: absolute;
    margin-right: 10px;
    left: 0px;
    top: 4px;
}
.coll_info-subtxt {
    font: normal 500 18px/24.3px 'Josefin Sans' !important;
    color: var(--heading-text) !important;
}

.coll_info {
    padding: 20px 0 20px 0;
}
.cep_table {
    border-spacing: 5px;
}
.cep_table td {
    font: normal 400 16px/24px 'Heebo';
    color: var(--para-text);
    text-align: left;
    padding: 7px 0px 7px 20px;
    background: #F9F9F9;

}
.cep_table th {
    background: var(--primary-color-m);
    font: normal 400 16px/24px 'Heebo';
    color: var(--text-white);
    text-align: left;
    padding: 10px 0px 10px 20px;
    /* margin: 20px; */
    border-spacing: 10px;
    width: 33.3%;
}
.fac_table {
    border-spacing: 5px;
}
.fac_table td {
    font: normal 400 16px/24px 'Heebo';
    color: var(--para-text);
    text-align: left;
    padding: 7px 0px 7px 20px;
    background: #F9F9F9;
}
.fac_table th {
    background: var(--primary-color-m);
    font: normal 400 16px/24px 'Heebo';
    color: var(--text-white);
    text-align: left;
    padding: 10px 0px 10px 20px;
    /* margin: 20px; */
    border-spacing: 10px;
    /* width: 33.3%; */
}
.cms_gap a h4 {
    padding-top: 10px;
}
.gunw-custouter-box {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 20px;
    margin: 10px 0;
}
.gunw-custouter-box .gunw-custinr-box {
    padding: 20px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    background: var(--text-white);
}
.gunw-custouter-box .gunw-custinr-box .custmb {
    margin: 0 0 5px 0;
}


/* body sec end  */

/* homepage */
.relative {
    position: relative;
}
.cust-slider2_main {
    width: 50%;
    height: 56px;
    z-index: 1;
    text-align: right;
    position: absolute;
    top: 0px;
    overflow: hidden;
    background:var(--secondary-color-m)
}
.cust-slider2_main .cust-slider2-inner {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cust-slider2_main .cust-slider2-inner p{
    text-align: center;
    font: normal 500 18px / 24.3px 'Josefin Sans';
    color: var(--text-white);
    letter-spacing: unset;
    margin: 0;
}

.banner-inner-blk {
    display: flex;
    position: relative;
}
.bnr-one-box {
    width: 50%;
    height: 527px;
    text-align: center;
}
.bnr-right-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* -webkit-box-reflect: left 0px linear-gradient(to bottom, rgba(3,84,147,0.5), rgba(0,0,0,1)); */
}
.bnr-left-box  {
    background-color: var(--primary-color-m);
    /* opacity: 0.2; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.bnr-left-box .bnr-left-inner-bx {
    padding: 0 100px;
    text-align: left;
}
.scndry-txtcol {
    color: var(--secondary-color-m);
}
.prmy-txtcol {
        color: var(--primary-color-m);
}
.bnr-left-box .bnr-left-inner-bx h6 {
    font: normal 600 14px/24.2px 'Heebo';
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.bnr-left-box .bnr-left-inner-bx .bnr-heading-txt {
    font: normal 600 42px/46.2px 'Josefin Sans';
    color: var(--text-white);
    letter-spacing: unset;
    text-transform: capitalize;
}
.bnr-left-box .bnr-left-inner-bx .bnr-para-txt  {
    font: normal 200 16px/27.2px 'Heebo';
    color: var(--text-white);
    margin: 20px 0;
}
.gubtn {
    padding: 11px 35px;
    display: inline-block;
}
.btn-learn-more{
    font: normal 600 12px/27.2px 'Heebo';
    color: var(--text-white);
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    background-color: var(--secondary-color-m);
}
#owl-demo3.owl-theme .owl-controls {
    position: absolute;
    right: 22%;
    top: unset;
  }
.sec-wrapper
{
    padding: 80px 100px;
} 
.section-about {
    padding: 80px 100px 190px;
}
.section-about .about-outer-block .about-inner-box {
    display: flex;
}
.about-one-box  {
    width: 50%;
}
.section-about .about-outer-block .about-inner-box .about-img-box img {
    height: 100%;
}
.aboutright-content-box {
    padding: 20px 40px;
}
.about-right-box .aboutright-content-box h6{
    font: normal 600 14px/27.2px 'Heebo';
    color: var(--primary-color-m);
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.about-right-box .aboutright-content-box h5 {
    font: normal 600 34px/40.8px 'Josefin Sans' !important;
    color: var(--heading-text);
    letter-spacing: unset;
    text-transform: capitalize;
    display: grid;
}
.about-right-box .aboutright-content-box p  {
    font: normal 400 16px/27.2px 'Heebo';
    color: var(--para-text);
    margin: 20px 0;
}
.about-right-box .aboutright-content-box .btn-read-more {
    font: normal 600 12px/27.2px 'Heebo';
    color: var(--text-white);
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    background-color: var(--primary-color-m);
}
.section-awards  {
    padding: 30px 80px;
    width: 50%;
    background: var(--primary-color-m);
    position: absolute;
    top: -110px;
    left: 20%;
}
.section-awards .awards-outer-block .awards-inner-box {
    display: flex;
    gap: 15px;
    /* flex-wrap: wrap; */
    margin: 15px 0 0;
}
.section-awards .awards-outer-block {
    text-align: center;
}
.section-awards .awards-outer-block  h4 {
    font: normal 500 24px/26.4px 'Josefin Sans';
    color: var(--text-white);
    text-align: center;
    text-transform: capitalize;
}
.section-awards .awards-outer-block .awards-inner-box .rnksawrd-img-box img {
    width: 100%;
}
.section-program {
    padding: 190px 100px 20px;
    position: relative;
    background-color: #F9F9F9;
}
.program-list-block {
    display: flex;
    text-align: center;
    gap: 40px;
}
.program-list-block .programlist-one-bx {
    width: 100%;
}
.program-list-block .programlist-one-bx .program-img-bx img {
    width: 100%;
}
.section-program .program-outer-block .program-inner-block h6 {
    font: normal 600 14px/24.2px 'Heebo';
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.section-program .program-outer-block .program-inner-block h5 {
    font: normal 600 34px/40.8px 'Josefin Sans';
    color: var(--heading-text);
    letter-spacing: unset;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.prog-content-box {
    background:  #FFF;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    width: 80%;
    position: relative;
    margin: auto;
    bottom: 70px;
    padding: 20px;
}
.prog-content-box .pcb-imgdiv {
    position: relative;
    height: 40px;
}
.prog-content-box .pcb-imgdiv img {
    position: absolute;
    bottom: 55%;
    left: 43%;
}
.program-list-block .programlist-one-bx .prog-content-box h5 {
    font: normal 500 24px/26.4px 'Josefin Sans';
    color: var(--heading-text);
    margin-bottom: 10px;
}
.program-list-block .programlist-one-bx .prog-content-box p {
    font: normal 400 14px/27.2px 'Heebo';
    color: var(--para-text);
}
.program-list-block .programlist-one-bx .prog-content-box .prog-readmorebtn {
    font: normal 600 12px/26.4px 'Heebo';
    text-align: center;
    letter-spacing: 1.2px;
    text-decoration-line: underline;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}
.section-events  .events-outer-block .events-inner-block h6 {
    font: normal 600 14px/24.2px 'Heebo';
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    text-align: center;
}
.section-events  .events-outer-block .events-inner-block h5 {
    font: normal 600 34px/40.8px 'Josefin Sans';
    color: var(--heading-text);
    letter-spacing: unset;
    text-transform: capitalize;
    margin-bottom: 20px;
    text-align: center;
}
.events-disp-block {
    margin: 50px 0;
    display: flex;
    gap: 40px;
}
.events-disp-block .event-disp-one-bx {
    width: 50%;
}
.events-disp-block .event-disp-one-right {
   display: grid;
   gap: 40px
}
.events-disp-block .event-disp-one-left img {
    width: 100%;
    height: 100%;
}
.events-disp-block .event-disp-one-left  {
    position: relative;
}
.events-disp-block .event-poabs-box {
    position: absolute;
    width: 90%;
    bottom: 30px;
    left: 5%;
}
.events-disp-block .event-poabs-box .evntpoabs-date-bx {
    width: 14%;
    text-align: center;
    background: #fff;
    padding: 10px;
}
.events-disp-block .event-poabs-box .evntpoabs-date-bx h5 {
    font: normal 600 34px/40.8px 'Josefin Sans';
    color: var(--primary-color-m);
    margin: 0;
}
.events-disp-block .event-poabs-box .evntpoabs-date-bx p {
    font: normal 400 16px/27.2px 'Heebo';
    margin: 0;
}
.events-disp-block .event-poabs-box .eventpoabs-content-box {
    margin: 15px 0 10px;
}
.events-disp-block .event-poabs-box .eventpoabs-content-box .eventpoabs-venuetime-bx{
    display: flex;
    gap: 20px
}
.events-disp-block .event-poabs-box .eventpoabs-content-box .eventpoabs-venuetime-bx p{
    font: normal 100 14px/20.56px 'Heebo';
    color: var(--text-white);
    width: 25%;
}
.events-disp-block .event-poabs-box .eventpoabs-content-box h6 {
    font: normal 500 24px/26.4px 'Josefin Sans';
    color: var(--text-white);
    text-align: left;
    text-transform: capitalize;
}
.events-disp-block .event-vewdetails {
    font: normal 600 12px/20.56px 'Heebo';
    text-align: center;
    letter-spacing: 1.2px;
    text-decoration-line: underline;
    text-transform: uppercase;
}
.events-disp-block .event-disp-one-bx .event-disp-list-box {
    display: flex;
    gap: 20px;
}
.events-disp-block .event-disp-one-bx .event-disp-list-box .eventOne-date-box{
    background: var(--primary-color-m);
    width: 25%;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
}
.events-disp-block .event-disp-one-bx .event-disp-list-box .eventOne-content-box {
    width: 100%;
}

.events-disp-block .event-disp-one-bx .event-disp-list-box .eventOne-date-box h5 {
    font: normal 600 34px/40.8px 'Josefin Sans';
    color: var(--text-white);
    margin: 0;
}
.events-disp-block .event-disp-one-bx .event-disp-list-box .eventOne-date-box p {
    font: normal 400 16px/27.2px 'Heebo';
    margin: 0;
}
.events-disp-block .event-disp-one-bx .event-disp-list-box .eventOne-content-box .eventOne-venuetime-bx {
    display: flex;
    gap: 20px;
}
.events-disp-block .event-disp-one-bx .event-disp-list-box .eventOne-content-box .eventOne-venuetime-bx p {
    font: normal 400 14px/20.56px 'Heebo';
    color: var(--para-text);
    width: 30%;
}
.events-disp-block .event-disp-one-bx .event-disp-list-box .eventOne-content-box h6 {
    font: normal 500 18px/24.3px 'Josefin Sans';
    color: var(--heading-text);
    text-align: left;
    text-transform: capitalize;
}
.events-inner-block  .events-viewlink-box {
    text-align: center;
}
.events-inner-block  .events-viewlink-box .btn-view-all {
    font: normal 600 12px/27.2px 'Heebo';
    color: var(--text-white);
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    background-color: var(--secondary-color-m);
}
.locIcon::before {
    content: url(../imgs/locnw.png);
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.timeIcon::before {
    content: url(../imgs/time.png);
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.section-news {
    background-color: #F9F9F9;
}
.section-news .news-outer-block .news-inner-block h6 {
    font: normal 600 14px/24.2px 'Heebo';
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    text-align: center;
}
.section-news .news-outer-block .news-inner-block h5 {
    font: normal 600 34px/40.8px 'Josefin Sans';
    color: var(--heading-text);
    letter-spacing: unset;
    text-transform: capitalize;
    margin-bottom: 20px;
    text-align: center;
}
.news-disp-block .latest-news-box {
    position: relative;
}
.news-disp-block .latest-news-box img {
    width: 100%;
}
.news-disp-block .latest-news-box .newspoabs-box  {
    position: absolute;
    width: 90%;
    bottom: 15%;
    left: 5%;
}
.news-disp-block .latest-news-box .newspoabs-content-box H6 {
    font: normal 500 24px/26.4px 'Josefin Sans';
    color: var(--text-white);
    text-align: left;
    text-transform: capitalize;
}
.news-disp-block .latest-news-box .newspoabs-content-box p {
    font: normal 100 14px/20.56px 'Heebo';
    color: var(--text-white);
}
.news-disp-block .latest-news-box .newspoabs-content-box .news-readmorebtn{
    font: normal 600 12px/20.56px 'Heebo';
    text-align: center;
    letter-spacing: 1.2px;
    text-decoration-line: underline;
    text-transform: uppercase;
}
#owl-demo4 .owl-controls.clickable {
    left: 45%;
    top: 100%;
    position: absolute;
}
#owl-demo4 .owl-wrapper-outer {
    padding-bottom: 90px;
}
.news-disp-block {
    margin: 40px 0 20px;
}
.news-card-box {padding: 10px;}
.news-card-contents{padding-top: 10px;}
.news-card-box .news-card-contents p {
    font: normal 400 14px/20.56px 'Heebo';
    color: var(--para-text);
}
.section-news .news-card-box .news-card-contents h6 {
    font: normal 400 16px/27.2px 'Heebo';
    margin: 0 0 10px 0;
    text-align: left;
    color: var(--heading-text);
    letter-spacing: unset;
    text-transform: unset;
}
.section-news .news-card-box .news-card-contents .news-readmorebtn {
    font: normal 600 12px/20.56px 'Heebo';
    text-align: center;
    letter-spacing: 1.2px;
    text-decoration-line: underline;
    text-transform: uppercase;
}
.section-sustainable .sustenbl-outer-block .sustenbl-inner-block .sec-subheading-txt {
    font: normal 600 14px/24.2px 'Heebo';
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    text-align: center;
}
.section-sustainable .sustenbl-outer-block .sustenbl-inner-block .sec-heading-txt {
    font: normal 600 34px/40.8px 'Josefin Sans';
    color: var(--heading-text);
    letter-spacing: unset;
    text-transform: capitalize;
    margin-bottom: 20px;
    text-align: center;
}
.sustenbl-disp-block {
    margin: 40px 0 50px;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 20px;
}
.sustenbl-disp-block .sus-card-one-box {
    width:100%;
}
.sustenbl-disp-block .sus-card-one-box img {
    width: 100%;
}
.sustenbl-disp-block .sus-card-one-box .sus-card-contents h6 {
    font: normal 500 18px/24.3px 'Josefin Sans';
    color: var(--heading-text);
    margin: 10px 0 10px 0;
}
.sustenbl-disp-block .sus-card-one-box .sus-card-contents p {
    font: normal 400 16px/27.2px 'Heebo';
    color: var(--para-text);
}
.sustenbl-disp-block .sus-card-one-box .sus-card-contents .sus-readmorebtn {
    font: normal 600 12px/20.56px 'Heebo';
    text-align: center;
    letter-spacing: 1.2px;
    text-decoration-line: underline;
    text-transform: uppercase;
}
.sustenbl-inner-block .sus-viewlink-box {
    text-align: center;
}
.sustenbl-inner-block .sus-viewlink-box .btn-view-all {
    font: normal 600 12px/27.2px 'Heebo';
    color: var(--text-white);
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    background-color: var(--primary-color-m);
}
.section-admission .admission-inner-block{
    display: flex;
}
.section-admission .admission-inner-block .admission-one-box {
    width: 50%;
}
.admission-inner-block .admission-one-left img {
    width: 100%;
    height: 100%;
}
.admission-one-right .admsrgtflxbx{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}
.admission-one-right .admsrgtflxbx .adms-bgprmy-colbx {
    background: var(--primary-color-m);
}
.admission-one-right .admsrgtflxbx .adms-bgscndry-colbx {
    background: var(--secondary-color-m);
}
.admission-one-right .admsrgtflxbx .admsrgt-col4-bx {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.admission-one-right .admsrgtflxbx .admsrgtcol4-imgbx img {
    width: 100%;
    height: 100%;
}
.admission-one-right .admsrgtflxbx .admsrgt-col4-bx .admsrgt-col4-innerbx  {
    padding: 0 50px;
}
.admission-one-right .admsrgtflxbx .admsrgt-col4-bx .admsrgt-col4-innerbx h6 {
    font: normal 500 24px/26.4px 'Josefin Sans';
    color: var(--text-white);
    margin: 0 0 5px 0;
}
.admission-one-right .admsrgtflxbx .admsrgt-col4-bx .admsrgt-col4-innerbx p {
    font: normal 100 16px/27.2px 'Heebo';
    color: #F9F9F9;
}
.admission-one-right .admsrgtflxbx .admsrgt-col4-bx .admsrgt-col4-innerbx .admscol4-btn {
    font: normal 600 12px/27.2px 'Heebo';
    color: var(--text-white);
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    border: 1px solid var(--text-white);
    background: transparent;
    padding: 5px 20px;
    cursor: pointer;
}
.section-admission .admission-inner-block .admission-one-left {
    position: relative;
}
.admission-one-left .adms-poabs-box  {
    position: absolute;
    bottom: 10%;
    width: 90%;
    left: 5%;
}
.admission-one-left .adms-poabs-box .admspoabs-content-box p {
    font: normal 600 14px/27.2px 'Heebo';
    color: var(--secondary-color-m);
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.admission-one-left .adms-poabs-box .admspoabs-content-box h6 {
    font: normal 600 34px/40.8px 'Josefin Sans';
    color: var(--text-white);
    margin: 0;
}


/* end */

/*  footer */
.footer {
    padding: 50px 0px 20px 0px;
    display: flex;
    justify-content: center;
}
.footer .footer_col3 {
    padding: 0;
    width: 25%;
}
.footer .footer-col3-wdmdfy {
    width: 16%;
}
.bottom_footer {
    /* background: var(--primary-color-m); */
    background-color: #1D3B6A;
    display: flex;
    justify-content: center;
}
.bottom_footer .footer_col3_left {
    width: 10%;
    padding: 0;
}
.bottom_footer  .footer_col3_center {
    width: 19%;
}
.footer_col3_left {
    width: 15%;
}
.footer_col3_center {
    width: 23%;
}
.footer h5 {
    color: var(--secondary-color-m);
    font: 500 18px/24.3px 'Heebo'; /*"Josefin sans";*/
    margin: 0px 0px 10px 0px;
    text-align: left;
    text-transform: capitalize;
}
.footer_col3 p {
    color: #F9F9F9;
    font: normal 300 14px/27.2px 'Heebo';
    text-align: left;
}
.footer ul li {
    color: #F9F9F9;
    font: normal 300 14px/27.2px 'Heebo';
    text-align: left;
    background: unset;
}
ul.gulsttypshw {
    list-style-type: disc;
    padding-left: 28px;

}
ul.gulsttypshw li {
    padding: 0px;
}
.bottom_footer p {
    color: #F9F9F9;
    font: normal 300 12px/20px 'Heebo';
}
.yellow_footer {
    color: var(--secondary-color-m);
    font: normal 400 22px/24.2px 'Josefin Sans';
}
.divider-blk {
    background: var(--primary-color-m);
    display: flex;
    justify-content: center;
}
.divider-blk .line {
    width: 83%;
    border-bottom: 1px solid #fff;
    opacity: 0.3;
}

/* footer end  */
   
   

.flx1{
    display: flex;
    align-items: center;
    gap: 20px;
}


.ai-center{
    align-items: center;
}






@media only screen and (max-width: 600px) {
    .flx1{
        justify-content: center !important;
    }
  }


/* new styling */
   .eimg {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.container-news .date {
       gap: 6px;
}
.container-event .date {
   gap: 6px;
}

/* ===================================================
   MOBILE RESPONSIVE FIX — Faculty Profile Page
   Goa University (unigoa.ac.in)
   Scope: max-width 768px and 480px only — desktop untouched
   =================================================== */

@media (max-width: 768px) {

  /* FIX 1: Header was rendering 30px wider than viewport
     (content-box + padding bug) — caused entire page to be
     off-center */
  .main_header {
    box-sizing: border-box !important;
    width: 100% !important;
  }

  /* FIX 2: Hamburger menu icon was overflowing past the
     right edge of the screen */
  .mobile-hamburger {
    position: fixed !important;
    top: 25px !important;
    right: 15px !important;
    left: auto !important;
    float: none !important;
    margin: 0 !important;
    z-index: 9999 !important;
  }

  /* General page container */
  .inside_wrapper {
    width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }
  .gray_header h1 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
  .breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }
  .breadcrumb li {
    white-space: normal !important;
  }

  /* FIX 3: details1_left had a hardcoded 35px left margin
     (desktop-only sidebar spacing) pushing the card off-screen */
  .details1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .details1_right {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 2 !important;
    margin: 20px 0 0 0 !important;
    box-sizing: border-box !important;
  }
  .details1_left {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 1 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Faculty card */
  .fac {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 30px 0 !important;
    padding: 15px !important;
    box-sizing: border-box !important;
  }
  .fac_img {
    float: none !important;
    width: auto !important;
    max-width: 180px !important;
    height: auto !important;
    margin: 0 auto 15px !important;
  }
  .fac_img img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }
  .fac_details {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .fac_details-top-block {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .facdetls-bx,
  .facdetls-bx h5,
  .facdetls-bx h6 {
    text-align: center !important;
    width: 100% !important;
  }
  .fac_details > p {
    text-align: center !important;
    padding: 0 15px !important;
  }
  .fac_details p:empty,
  .details1_left p:empty {
    display: none !important;
    margin: 0 !important;
    height: 0 !important;
  }

  .fac_contact {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }
  .fac_contact_left,
  .fac_contact_right {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 8px !important;
  }
  .fac_contact p {
    text-align: center !important;
  }

  .fac_info, .fac_shadow {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* Pill buttons: Awards / Projects / Publications / etc. */
  .fac_shadow ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  .fac_shadow li {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80% !important;
    max-width: 260px !important;
    min-height: 50px !important;
    margin: 8px auto !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .details1_left p,
  .fac_info p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    word-wrap: break-word !important;
  }
  img {
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .gray_header h1 { font-size: 18px !important; }
  .fac_img { max-width: 130px !important; }
  .fac_shadow li { width: 90% !important; }
}


/* SCHOOLS LISTING - 2 CARDS PER ROW MOBILE FIX */
@media only screen and (max-width: 767px) {
    .details1 .dl {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding: 10px !important;
        width: 100% !important;
    }

    .details1 .dl .dl_in {
        width: 100% !important;
        min-height: 140px !important;
        padding: 15px 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        background: #ffffff !important;
        border: 0.5px solid #484848 !important;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08) !important;
    }
}

/* CENTER BREADCRUMBS ON MOBILE */
@media only screen and (max-width: 991px) {
    .breadcrumb {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto 10px auto !important;
    }
    
    .gray_header h1, .gray_header h3 {
        text-align: center !important;
    }
}

/* SURGICAL FIX: CENTER FACULTY CARDS ON MOBILE */
@media only screen and (max-width: 991px) {
    .guclr-faclty-inner-box {
        float: none !important;
        display: block !important;
        width: 90% !important;
        max-width: 350px !important;
        margin: 0 auto 20px auto !important;
    }
    
    .guclr-faclty-inner-box h5, 
    .guclr-faclty-inner-box h6, 
    .guclr-faclty-inner-box p {
        text-align: center !important;
    }

    .guclr-faclty-inner-box .vewprof {
        margin: 10px auto !important;
        display: table !important;
    }
}
/* ============================================================
   UNIFIED MOBILE HEADER & BREADCRUMB FIX
   Ensures title and breadcrumbs are centered and wrapped on blue.
   ============================================================ */
@media only screen and (max-width: 991px) {
    
    /* 1. FORCE THE BLUE HEADER TO GROW AND FIT CONTENT */
    .gray_header, .sec-bg {
        background-color: #003366 !important; /* Uniform site blue */
        height: auto !important; 
        min-height: unset !important;
        padding: 20px 15px 30px 15px !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        margin: 0 !important;
    }

    /* 2. CENTER AND SIZE THE TITLE */
    .gray_header h1, .gray_header h3 {
        color: #ffffff !important;
        font-size: 20px !important;
        line-height: 1.4 !important;
        margin: 0 0 10px 0 !important;
        display: block !important;
        width: 100% !important;
    }

    /* 3. FIX BREADCRUMBS (Allow wrapping and centering) */
    .breadcrumb {
        display: flex !important;
        flex-wrap: wrap !important; /* Forces long text to wrap to a new line */
        justify-content: center !important; /* Centers the text string */
        align-items: center !important;
        background: transparent !important; /* Removes white/grey leaks */
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
        list-style: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* 4. STYLE BREADCRUMB ITEMS */
    .breadcrumb li, 
    .breadcrumb li a {
        color: #ffffff !important;
        font-size: 13px !important;
        display: inline-block !important;
        padding: 2px 4px !important;
        background: transparent !important;
        text-decoration: none !important;
    }

    /* 5. GOLD COLOR FOR ACTIVE/LAST PAGE */
    .breadcrumb li:last-child, 
    .breadcrumb li.brdcrmb-active,
    .breadcrumb li.brdcrmb-active a {
        color: #ffcc00 !important; /* Gold */
        background: transparent !important; 
        font-weight: bold !important;
        display: inline-block !important;
    }
}