/*!
Theme Name: themefsi
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: themefsi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

themefsi is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
 
 /*  
 font-family: 'Nunito', sans-serif;
 font-family: "Libre Baskerville", serif;
 font-family: "Montserrat", sans-serif;
 */
body {
  margin: 0; font-family: "Montserrat", sans-serif; font-style: normal;  font-weight: 400;font-size: 16px;  line-height: 24px; color: rgb(51, 51, 51);
}


h1, h2, h3, h4{}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

pre {
	font-family: monospace,monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	outline: none;
	color: rgb(51, 51, 51); 
}

a:hover {
	text-decoration: none;
}

ul,ol{ list-style:none; padding:0; margin:0; }

ul.list-bulit {
    list-style: inside;
}

h1, h2, h3, h4 {
    position: relative;
}

li, p{    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(51, 51, 51);}

.btn-arrow {display: inline-flex;  padding: 6px 6px 5px 13px; border-radius: 50px;color: #fff; font-weight: 600; margin: auto 0 auto auto; font-size: 16px;}
.btn-arrow span.icon-m {    color: #fff;
    border-radius: 50px;
    margin: 0 0px 0 5px;
    transition: all .3s ease;
    position: relative;
    top: -1px;
    font-size: 20px;
    right: 0px;}
.btn-arrow:hover span.icon-m { background: #fff;color: #662e08; margin: 0 0px 0 10px;}
.btn-arrow:hover{color:#fff;}
.btn-arrow-red{background: #662e08;}
.btn-arrow-red span.icon-m{background: #7b7b7b; border: 1px solid #7b7b7b;}
.btn-arrow-yellow{background:#7b7b7b;}
.btn-arrow-yellow span.icon-m{background: #662e08; border: 1px solid #662e08;}
.btn-arrow-white{background: #fff; color:#000;}
.btn-arrow-white span.icon-m{background: #662e08; border: 1px solid #662e08;}
.btn-arrow-white:hover{color: #662e08;}


    
.head-search-btn{
border-radius: 50px;
width: 40px;
height: 40px;
border: none;
background: #662e08;
color: #fff;
position: absolute;
right: 20px;
top: 10px;
    padding: 4px 0 0 0;
    border:1px solid #662e08;
}
.head-search-btn:hover{
background: #fff;
color:  #662e08;
}
h2.heading-h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    color:#662e08;
	 font-family: "Libre Baskerville", serif;
    letter-spacing: 0; margin: 0;
	
}

.div-table{display:table; width:100%; vertical-align:middle; }
.div-table aside{display:table-cell; vertical-align:middle;}

.page-divtable{display:table; width:100%; vertical-align:top;}
.page-divtable .cell{display:table-cell;  vertical-align:top;}
.page-divtable aside.side-nav-cell { width: 25%;background: #293b45;}
.page-divtable aside.content-cell  { padding:0 0 0 30px;}

.top-alert-info:before{ display:none; }
.top-alert-info {position:relative; margin:0; padding:6px 0 0 0; border-radius:0;color: #fff; background-color: #662e08;border-color: #662e08;}
.top-alert-info .close{ opacity: 1 !important;position: absolute; top: 2px; right: 30px; font-size: 26px; color: #fff; }
.top-alert-info .close span {
    font-weight: lighter;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 4px;
    font-size: 16px;
    top: -2px;
    position: relative;
}

.top-alert-info .close:hover span {
    border: 1px solid #662e08;
    color:#662e08;
	background:#fff;
}

.top-alert-info .marque a{     color: #fff;
    margin: 0 0 0 8px;
    border-right: 2px solid #fff;
    display: inline-block;
    padding: 0 11px 0 0;}
	
.top-alert-info .marque a:last-child{ border-right: 0px solid #fff;}	
.top-alert-info .marque a:hover{color:#fff; opacity: 0.9;}
.top-alert-info .container{ line-height:normal; }

.header-search{    padding: 40px;
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    background: #fff;
    left: 0;    box-shadow: 0 0px 5px rgb(249 198 78 / 31%); }

.header-search h2.search-title {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    width: fit-content;
    padding-bottom: 10px;
}

.header-search h2.search-title  span.material-symbols-outlined {
    font-size: 20px;
    position: relative;
    top: 3px;
    color: #c00404;
}

.header-search h2.search-title:before {
    position: absolute;
    top: 100%;
    left: 50%;
    border: 6px solid transparent;
    border-top-color: #C00404;
    content: "";
    margin-top: 6px;
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.header-search h2.search-title:after {
	    height: 6px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #B7B09C;
    content: "";
    display: block;
    -webkit-transition: background .25s, border .25s;
    transition: background .25s, border .25s;
    background: #C00404;
    border-color: #C00404;
}

#header {  position: sticky; padding: 0 0px; z-index: 999; top: 0; width: 100%;  background: #fff; box-shadow: 0 0px 5px rgb(249 198 78 / 31%);}
#header .navbar-right {margin-right: 50px;}

header .navbar-brand .image-cell{ width:40px; }
header .navbar-brand .image-cell img{ width:100%;}
header .navbar-brand .text-cell {position: relative;}
header .navbar-brand .text-cell h2{font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #000000;
    /* transform: scaleY(1.7) scaleX(1.2); */
    line-height: normal;
    padding: 0px 0 0 8px;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0px; }
header .navbar-brand .text-cell h2 span {
        display: block;
    font-size: 11px;
    letter-spacing: 1px;
    opacity: 0.6;
    text-transform: initial;
    font-weight: 500;
}	
header  .navbar-brand {
    height: auto;
    padding: 10px 15px;
}    

header .navbar-default { background-color: transparent;}
header .navbar {
    position: relative;
    min-height: auto;
    margin-bottom: 0;
    border: 0px solid transparent;
}
header .navbar-collapse.collapse { height: auto !important; padding-bottom: 0;}

header .navbar-default .navbar-nav>li>a {
    color: #000;
    line-height: 30px;
    letter-spacing: 0.2px;
    font-weight: 400;
    font-size: 15px;
	padding: 15px 10px;
}

/* =====================================
   MOBILE – NAVBAR COLLAPSE PADDING FIX
   ===================================== */
@media (max-width: 768px) {
  .navbar-collapse {
    padding: 0 !important;
  }
  .side-nav-cell ul.menu li a {
    font-size: 15px;
    border-radius: 10px;
}
}


header .navbar-default .navbar-nav>li>a:focus, 
header .navbar-default .navbar-nav>li>a:hover {background: rgba(54, 54, 120, .059);}
header .navbar-default .navbar-nav>li.active>a,
header .navbar-default .navbar-nav>li.active>a:focus,
header .navbar-default .navbar-nav>li.active>a:hover{ color: #ffffff; background: #662e08 ;}

header .navbar-default .navbar-nav>li.current-menu-item>a,
header .navbar-default .navbar-nav>li.current-menu-item>a:focus,
header .navbar-default .navbar-nav>li.current-menu-item>a:hover{ color: #ffffff; background: #662e08 ;}


header .sub-menu {
    opacity: 1;
    margin: 0;
    padding: 10px !important;
    background: #fff;
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, .2);
    margin-top: 1.5rem;
    padding: 1rem;
    border-radius: .75rem;
    position: absolute;
	RIGHT:0;
    width: 280px;
    display: none;
    
}

header .sub-menu li a {
    display: block;
    padding: 5px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
     padding: 5px 10px;
    white-space: nowrap;
    margin: 0 0 4px 0;
    border-radius: .75rem;
    font-weight: 600;}
header .sub-menu li a:hover {
    background: #662e0863;
    color: #662e08;
}

header .menu-item-has-children .sub-menu li a:focus,
header .menu-item-has-children .sub-menu li a:hover{outline: none; text-decoration: none;}
header .menu-item-has-children .sub-menu li a{      
	   color: #000;
    line-height: 22px;
    letter-spacing: 0.2px;
    font-weight: 500;
    font-size: 14px;
    white-space: break-spaces;}

header .menu-item-has-children.open .sub-menu { display: block;}

header .menu-item-has-children.open.menu-item-280 .sub-menu {overflow: auto; height:70vh; }
header .menu-item-has-children.open {position:relative;}
header .menu-item-has-children.open .sub-menu .menu-item-has-children{position: relative;}
header .menu-item-has-children.open .sub-menu .menu-item-has-children a:after {
        content: "chevron_right";
    font-family: 'Material Symbols Outlined', sans-serif;
    font-weight: normal;
    font-size: 18px;
    margin-left: 8px;
    position: absolute;
    top: 5px;
    right: 0;
}

header .menu-item-has-children.open .sub-menu .menu-item-has-children .sub-menu a:after {
      content: ""; 
    font-family: 'Material Symbols Outlined', sans-serif;
    font-weight: normal;
    font-size: 18px;
    margin-left: 8px;
    position: relative;
    top: 4px;
	display:none !important;
}

header .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu:before {
   content: "";
    width: 50px;
    left: -40px;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
}

header .menu-item-has-children.open .sub-menu .menu-item-has-children.open .sub-menu,
header .menu-item-has-children.open .sub-menu .menu-item-has-children:hover .sub-menu {     display: block;
    position: absolute;
    top: 0;
    left: 100%;
       min-height: auto;
    overflow-y: auto;
    max-height: 250px; }

header .menu-item-has-children.open .sub-menu .menu-item-has-children .sub-menu{display: none;} 


header .menu-item-has-children:last-child .sub-menu {right: 0;}
/*========== 2.1 Top bar ========== */
.top-bar {
        background:#f2f2f2 !important;
    color: #333;
    font-size: 15px;
    height: 40px;

}
.top-bar .list-inline > li {
    padding-top: 0px ;
	vertical-align:middle;
}
.top-bar .top-social-bar li:hover {
    background: #008aff;
    color: #fff;
}
.top-bar .list-inline > li a{
    color: #333;
	font-size: 13px;
}
.top-bar .top-social-bar li a:hover {
    background: #008aff;
    color: #002566;
}
.top-bar p,
.top-bar p a {
    margin: 0px;
    color: #333;
    font-size: 15px;
}
.top-bar ul {
     margin-top:2px;
    margin-bottom: 6px;
}
.top-bar ul.list-inline{display:inline-block;}
.top-bar1 {
    margin-top:4px !important;
    margin-bottom: 0px !important;
}
.top-bar ul i {
   color: #662e08;
    margin-right: 4px;
    font-size: 18px;
}
.top-bar-left.pull-left li {
 padding:0; margin:0; margin-right: 12px;
}
.top-bar .list-inline > li.special a {
    font-weight:600;
    color: #735748;
    text-transform: uppercase;
    position: relative;
    padding: 0 4px;
}
.top-bar .list-inline > li.special a:after {
           height: 2px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: 100%;
    background: #B7B09C;
    content: "";
    margin: 1px 0 0 8px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
	
.top-bar .list-inline > li.special:last-child a:after{display:none;}	
.top-bar .list-inline > li.special a span{ position:relative;  }

.top-bar .list-inline > li.special a span:after {
    height: 3px;
    width: 100%;
    position: absolute;
    bottom:-9px;
    left: 0;
    background:#e7ab10;
    content: "";
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.top-bar .list-inline > li.special a span:hover:after{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.top-bar .list-inline > li a.btn-arrow{color: #fff; padding: 4px 8px;position: relative;}
.top-bar .list-inline > li a.btn-arrow span.icon-m {     position: relative;
    top: 2px;
    font-size: 18px;
    margin: 0 -4px 0px 5px;
    height: max-content;}
.top-bar-left.pull-left {
    padding: 0px 0 0 0;
}

.top-bar .top-bar-left .list-inline > li.special:last-child a:after{ display:none;}

header .sub-menu .menu-item-has-children .sub-menu .menu-item-has-children a:after {
      content: "chevron_right";
	display:none;
}

.top-bar .list-inline > li.special {
    padding-top: 6px;
}
.hero-sec{height: calc(100vh - 140px); position: relative; overflow: hidden;}
.hero-sec video {position: relative;overflow: hidden; z-index:1; width: 100%; }
.hero-sec .hero-txt-area{
    background: rgb(0 0 0 / 50%);
    padding: 20px;
    border-radius: 8px;
    width: 45%;
    position: absolute;
    bottom: 0%;
    z-index: 1;
    left: 5%;}

  .hero-sec .hero-txt-area h2{ font-size: 32px;
    letter-spacing: 0.70px;
    line-height: 34px !important;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    font-weight: 400;
    width: 100%;
    color: #fff; margin:0px 0 0 0;}

      .hero-sec .hero-txt-area p{      color: #fff;
    opacity: 1;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.8px;
    width: 100%;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    margin: 10px 0;}

  .about-sec { padding:4% 0; background:#f2f2f2; position:relative; }

.about-sec img.abot-logo-img {
    width: 150px;
    margin:auto auto 10px auto;
}

.about-sec:before{
    content: '';
 background-image: url(https://cnlurevamp.testingscrew.com/wp-content/themes/themefsi/images/fold.svg);
        background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    display: block;
    position: absolute;
    left: 0;
    transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
    height: 100px;
    left: 0;
    margin: 0 auto;
    /* mask-image: url(/assets/img/fold.svg); */
    position: absolute;
    right: 0;
    top: -28px;
    transform: rotate(90deg);
    transition: all 0.2s ease;
    transition-delay: 0.2s;
    width: 50px;
    z-index: 0;
}
.about-sec h2{ margin:0 0 30px 0; }
.about-sec p{    font: var(--font-p);
    margin: auto auto 15px auto;
       font-size: 18px;
    line-height: 26px;
    opacity: 0.9;
    letter-spacing: 1px;
    font-weight: 500;
    width: 94%;}
.about-sec p.btn-sec{ margin-top:15px; }


.numbers {
    width: 100%;
     display: block;
    padding: 0;
    border-top: 0px solid #fff;
    margin: 30px auto auto auto;
}
.numbers aside .in-block {
    background: #662e08 linear-gradient(180deg, #662e08 4%, #662e08 63%);
    border-radius: 16px;
    height: 100%;
    max-height: 301px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.numbers .text_block {
  padding:20px;
  /* line-height: 24px; */
  display: block;
}
.numbers .text_block h6{
         font-size: 16px;
    line-height: 1.3;
    color: #fff;
    font-weight: 700;
}
.numbers .text_block h4 {
    font-size: 46px;
    margin: 40px 0 20px 0;
    text-align: center;
    color: #fff;
       font-weight: 600;
    letter-spacing: 1px;
}
  

  .explore-sec{ padding:4% 0;  }

.explore-sec .item .img-block {
    border-radius: 16px;
    height:325px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
}

.explore-sec .item .img-block::before {
  content: '';
  background-image: url(https://cnlurevamp.testingscrew.com/wp-content/uploads/2025/04/hover.webp);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  height: 0%;
  width: 0%;
  display: block;
  position: absolute;
  top: 0;
  left: 0; /* Start from the top-left corner */
  transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
}

.explore-sec .item:before {
    content: 'add';
    font-family: 'Material Symbols Outlined';
    display: block;
    position: absolute;
    top: 10px; /* Adjusted for consistency */
    left: 17px;
    transition: width 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.6s ease-in-out; /* Include opacity transition */
    color: #662e08;
    font-size: 30px;
    z-index: 50;
    width: 20px;
    height: 20px;
    opacity: 0; /* Initially hidden */
}

.explore-sec .item:hover:before {
    opacity: 1; /* Reveal on hover */
}


/* Ensure the parent container is positioned */
.explore-sec .item .img-block {
  position: relative;
  overflow: hidden; /* Ensures it doesn't exceed the parent container */
}

/* Hover effect - Expands diagonally */
.explore-sec .item:hover .img-block::before {
  height: 120px;
  width: 120px;
}

.explore-sec .item .inblock{ position:relative;  }
.explore-sec .item .img-block img{ display:none; }
.explore-sec .item .inblock a.block-link{    background: transparent; position:absolute; width:100%; height:100%; left:0; top:0;  }
.explore-sec .item  h3{  font-family: "Libre Baskerville", serif; margin: 10px 0 5px 0px;font-size: 22px; color: #000; font-weight: 600;}
.explore-sec .item:hover h3{color: #662e08;} 
.explore-sec .owl-item{position: relative;}
.explore-sec .owl-item:nth-child(odd) {margin-top: 50px;}
.explore-sec .explore-carousel{ margin-top:0%;  }


.owl-nav-in .owl-theme .owl-dots{     width: 30%;
    margin: auto;
    top: 12px;
    position: relative;
   overflow-y: hidden;
    overflow-x: auto;}
.owl-nav-in .owl-theme .owl-nav {width: 40%; margin: 0 auto; position: absolute; right: 0; left: 0;}
.owl-nav-in .owl-theme .owl-nav button,
.owl-nav-in .owl-theme .owl-nav button:focus{     position: absolute;
    font-size: 30px;
    background: transparent;
    color: #662e08;
    font-weight: bold; width:30px; border-radius: 0;    outline: none;}
.owl-nav-in .owl-theme .owl-nav button span{background: #f2f2f2; border-radius:50px;}    
.owl-nav-in .owl-theme .owl-nav button.owl-next:hover{color: #662e08; background: transparent; margin-right:-0.5px; transition: all .1s ease;}
.owl-nav-in .owl-theme .owl-nav button.owl-prev:hover{color: #662e08; background: transparent; margin-left:-0.5px; transition: all .1s ease;}
.owl-nav-in .owl-theme .owl-nav button.owl-next{ right: 0;     top: 8px;
}
.owl-nav-in .owl-theme .owl-nav button.owl-prev{ left: 0;     top: 8px;
}
.owl-nav-in .owl-theme .owl-dots .owl-dot span{
border: 0px solid #c6cad1;
    width: 80px;
    height: 3px;
    background: #c6cad1 !important;
        margin: 5px 1px !important;top: 8px;
    
}

.owl-nav-in .owl-theme .owl-dots .owl-dot.active span,
.owl-nav-in .owl-theme .owl-dots .owl-dot:hover span{
  background: #662e08 !important;
}

.owl-nav-in .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 40px !important;
}


.notify-sec {padding: 4% 0 0 0;}
.notify-sec {
  background-size: cover;
  display: block !important;
}
.notify-sec .heading-title h2 {
  padding-top:0%;
  width: 310px !important;
  font-size: 44px !important;
  line-height: 51px !important;
  margin-left:0%;
}
.notify-sec .announcement {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  margin: auto;
  box-shadow: 0 4px 32px rgba(0, 10, 61, 0.16);
}
.notify-sec .announcement .heading-title {
  background: linear-gradient(45deg, #662e08 30.07%, #662e08 88.1%);
  text-align: center;
  margin: 0;
}
.notify-sec .announcement:hover .heading-title {
  background: #e92829;
}
.notify-sec .announcement .heading-title h3 {
	 font-family: "Libre Baskerville", serif;
  color: #fff !important;
    margin: 0;
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    padding: 6px 0 0 0;    font-weight: 600;
}
.notify-sec .notify-blk-in {
    padding:20px 8px 0px 20px;
    height: 490px;
    overflow: auto;
}
.notify-sec .announcement .btn-sec {
  padding: 13px 0 10px 0;
    box-shadow: 0 4px 32px rgba(0, 10, 61, 0.16);
    position: relative;
}

.notify-sec .announcement .downloadable-file-tiles__row {
    position: relative !important;
    background: #fff;
    border-radius: 10px;
    border: .5px solid #c4c4c4;
    padding: 10px;
    margin: 0 0 10px 0;
}
.notify-sec .announcement .downloadable-file-tiles__row:hover{ box-shadow: 0 0px 5px rgb(176 111 70);}
.notify-sec .announcement .downloadable-file-tiles__row span.date {
    display: inline-block;
    color: #ec262f;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    padding: 4px 0 2px 0;
    letter-spacing: 1px;
}

.notify-sec .announcement .downloadable-file-tiles__row .new-tag-desk {
     font-size: 11px;
    font-weight: 700;
    color: #fff;
    background-color: #00c853;
    display: inline-block;
    border-radius: 2px;
    background-repeat: no-repeat;
    padding: 2px 3px 0 3px;
    line-height: 12px; animation: blinkBackground 1s infinite; border-radius:4px;
}


@keyframes blinkBackground {
    0%, 100% {
        background-color: #00c853; /* Original green color */
    }
    50% {
        background-color: #140d58; /* Blinking red color */
    }
}
.notify-sec span.category-name {
    background: #662e08;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
}
.notify-sec .downloadable-file-tiles__left-content__text{ position:relative; }
.notify-sec .downloadable-file-tiles__left-content__text a{position: absolute; width: 100%; height: 100%; top:0; height: 100%;}
.notify-sec .announcement .downloadable-file-tiles__row .text-title {padding: 10px 0px 0 0; line-height:20px;}
.notify-sec .announcement .downloadable-file-tiles__row .downloadable-file-tiles__right-content { position: absolute;
    right: 5px;
    top: 6px;}
.notify-sec .announcement .downloadable-file-tiles__row .downloadable-file-tiles__right-content  span.downloadable-file-tiles__right-content__icon {
        background:#cbb5a5;
    width: 20px;
    text-align: center;
    color: #fff;
    padding: 1px 2px 0px 4px;
    border-radius: 4px;
    line-height: 15px;
}
.notify-sec .announcement .downloadable-file-tiles__row:hover .downloadable-file-tiles__right-content  span.downloadable-file-tiles__right-content__icon {
    background: #662e08;
}


.events-sec{ padding:4% 0;   overflow: hidden;}

.events-sec .item .img-block {
    border-radius: 16px;
    height:325px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
}

.events-sec .item .img-block::before {
  content: '';
  background-image: url(https://cnlurevamp.testingscrew.com/wp-content/uploads/2025/04/hover.webp);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  height: 0%;
  width: 0%;
  display: block;
  position: absolute;
  top: 0;
  left: 0; /* Start from the top-left corner */
  transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
}

.events-sec .item:before {
    content: 'chevron_right';
    font-family: 'Material Symbols Outlined';
    display: block;
    position: absolute;
    top: 10px; /* Adjusted for consistency */
    left: 17px;
    transition: width 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.6s ease-in-out; /* Include opacity transition */
    color: #662e08;
    font-size: 30px;
    z-index: 50;
    width: 20px;
    height: 20px;
    opacity: 0; /* Initially hidden */
}

.events-sec .item:hover:before {
    opacity: 0; /* Reveal on hover */
}


/* Ensure the parent container is positioned */
.events-sec .item .img-block {
  position: relative;
  overflow: hidden; /* Ensures it doesn't exceed the parent container */
}

/* Hover effect - Expands diagonally */
.events-sec .item:hover .img-block::before {
  height: 120px;
  width: 120px;
}

.events-sec .item .inblock{ position: relative;
    border: 1px solid;
    border-color: #c9c9c9;
    padding: 10px;transition: all .2s ease;
       border-radius: 16px;
    margin: 0 0 20px 0; 
    padding:0px;     
    background: #fff; overflow:hidden; }
.events-sec .item:hover .inblock{
    box-shadow: 0 10px 30px -8px rgba(33, 30, 30, .15);
    background: #fff; 
    transition: all .2s ease;
}

.events-sec .item .inblock h3{     font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    padding: 15px;
    color: #000;
    min-height: 140px;}
.events-sec .item .img-block img{ display:none; }
.events-sec .item .inblock a.block-link{    background: transparent; position:absolute; width:100%; height:100%; left:0; top:0;  }
.events-sec .item  h3{ font-weight: 300; margin: 10px 0 5px 0px; font-size: 26px;  }
.events-sec .item  span.date {
      display: block;
    padding: 15px;
    color: #fff;
    background:#662e08;
    font-weight: 600;
}
.events-sec .item  p.btn-sec{ padding:0px 15px 10px 15px;  }
.events-sec .owl-item{position: relative;}
.events-sec .owl-item:nth-child(even) {margin-top: 20px;}
.events-sec .owl-item:nth-child(odd) {margin-top: 20px;}
.events-sec .explore-carousel{ margin-top:5%;  }
.events-sec .gallery-carousel.owl-carousel .owl-stage-outer {  overflow: visible;}
.events-sec .gallery-carousel .item .inblock{ padding:0; overflow:hidden;  }
.events-sec .gallery-carousel .item .inblock .txt-blk{padding: 15px;}
.events-sec .gallery-carousel .item .inblock .txt-blk span.date {
margin: 0;
    display: inline-block !important;
    position: relative;
    bottom: 0;
    background: transparent;
    color: #ababab;
    padding: 0;
}

.events-sec .gallery-carousel .item p.btn-sec {
    padding: 0;
}

.events-sec .gallery-carousel .item .inblock .txt-blk h3{margin: 0 0 15px 0;
    padding: 0;
    font-size: 18px;
    color: #000;
    min-height: 50px;}

.events-sec .gallery-carousel .item .image-blk:before {
  content: '';
  background-image: url(https://cnlurevamp.testingscrew.com/wp-content/uploads/2025/04/hover.webp);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  height: 0%;
  width: 0%;
  display: block;
  position: absolute;
  top: 0;
  left: 0; /* Start from the top-left corner */
  transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
}

.events-sec .gallery-carousel .item:before {
    content: 'chevron_right';
    font-family: 'Material Symbols Outlined';
    display: block;
    position: absolute;
    top: 10px; /* Adjusted for consistency */
    left: 17px;
    transition: width 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.6s ease-in-out; /* Include opacity transition */
    color: #662e08;
    font-size: 30px;
    z-index: 50;
    width: 20px;
    height: 20px;
    opacity: 0; /* Initially hidden */
}

.events-sec .gallery-carousel .item:hover:before {
    opacity: 1; /* Reveal on hover */
}

/* Ensure the parent container is positioned */
.events-sec .gallery-carousel .item .img-block {
  position: relative;
  overflow: hidden; /* Ensures it doesn't exceed the parent container */
}

/* Hover effect - Expands diagonally */
.events-sec .gallery-carousel .item:hover .image-blk:before{
  height: 120px;
  width: 120px;
}

.events-sec .owl-carousel .owl-stage-outer {overflow: visible;}



.message-sec {padding: 4% 0 0 0;}
.message-sec .heading-title{ position:relative;    font-size: 14px;  }
.message-sec .heading-title:before {
   content: "";
    position: absolute;
    top: calc(0% - 100px);
    left: auto;
    right: 0px;
    width: 130px;
    height: 227px;
    pointer-events: none;
    background: url(../images/quote1.e81dfca4.png) 50% center / contain no-repeat;
}

.message-sec {
  background-size: cover;
  display: block !important;
}
.message-sec .heading-title h2 {
  padding-top:0%;
  width: 310px !important;
  font-size: 44px !important;
  line-height: 51px !important;
  margin-left:0%;
}

.message-sec .heading-title h6 {
  margin:0%;
}
.message-sec section {
     background: #fff;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    margin: auto;
    box-shadow: 0 4px 32px rgba(0, 10, 61, 0.16);
    border: 1px solid #c23a40;
    padding:20px;
}

.message-sec .img-sec {
    position: relative;
    margin-bottom:0px;
    overflow: hidden;
    text-align: center;

}

.message-sec .img-sec img{
position: relative;
}
.message-sec .img-sec:before {
    content: "";
    width: 98%;
    height: 110%;
    border-radius: 50%;
    background: #ffc7413b;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -70px;
}

.message-sec section:hover .heading-title {
  background: #e92829;
}

.message-sec .message-blk h3{ margin:0 0 10px 0;    color: #662e08;
    font-family: "Libre Baskerville", serif;
    font-size: 22px;
    font-weight: 600;  }
.message-sec .message-blk h6 {
    font-size: 15px;
    opacity: 1.5;
    margin: 0 0 15px 0;
}
.latestNewsGrid {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
}

.latestNewsGrid  .media-grid_wrap{
    overflow: hidden;
    margin: 20px 0 0 0;
}
.latestNewsGrid .row {
    margin: 0 -8px;
}

.latestNewsGrid .col-12 {
    padding: 0 8px;
}

.latestNewsGrid .media-card.media--hero .media__content {
    bottom: 0;
    top: auto;
    background: #0000008a;
}

.latestNewsGrid .media-card.media--hero .media__title {
     font-size: 18px;
    margin: 0;
    line-height: 26px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    font-family: "Libre Baskerville", serif;
    letter-spacing: 0.6px;
}

@media screen and (max-width:767px) {
    .latestNewsGrid .media-card.media--hero .media__title {
        font-size: 1em;
    }
}

.latestNewsGrid .media-card.media--hero img {
    height: 377.33px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

@media screen and (max-width:767px) {
    .latestNewsGrid .media-card.media--hero img {
        height: auto;
    }
}

.latestNewsGrid .media-card {
    position: relative;
    border-radius:0px !important;
    overflow: hidden;
}

.latestNewsGrid .media-card.mb8{ margin:0 0 8px 0; }
.latestNewsGrid .media-card:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}

@media screen and (max-width:767px) {
    .latestNewsGrid .media-card:after {
        height: 100%!important;
    }
}

@media screen and (max-width:991px) {
    .latestNewsGrid .media-card:after {
        height: 50%;
    }
}

.latestNewsGrid .media-card.media--hero:after {
    height: 50%;
}

@media screen and (max-width:767px) {
    .latestNewsGrid .media-card.media--hero:after {

        height: 100%;
    }
}
.latestNewsGrid .media-card  .responsive-image{
  transform: scale(1); /* Slight zoom-out effect */
    transition: transform 1s ease; /* Smooth transition */

}
.latestNewsGrid .media-card:hover  .responsive-image{
  transform: scale(1.1); /* Slight zoom-out effect */
    transition: transform 2s ease; /* Smooth transition */

}
.latestNewsGrid .media-card .responsive-image{ height:400px; background-size: cover; background-position: center center;}
.latestNewsGrid .media-card .responsive-image.h50p{ height:196px;}

.latestNewsGrid .media-card .block-link{position: absolute; width: 100%; height: 100%; left:0; top: 0; z-index: 2}
.latestNewsGrid .media-card .responsive-image img {
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;
    width: 100%;
    display: none;
}

.latestNewsGrid .media-card .media__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 135%;
    text-transform: none;
    margin: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #fff;
}

@media screen and (max-width:767px) {
    .latestNewsGrid .media-card .media__title {
        font-size: 1em;
        -webkit-line-clamp: 3;
    }
}

@media screen and (min-width:992px) {
    .latestNewsGrid .media-card .media__title {
        font-size:16px;
    }
}

.latestNewsGrid .media-card .media__link {
    color: #fff;
}

.latestNewsGrid .media-card .media__content--date {
    color: #fcc420;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 300;
}

.latestNewsGrid .media-card .media__content {
    padding:10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    background: #0000008a;
}
.latestNewsGrid .media-card .media__content a.block-link{ position:absolute; width:100%; height:100%; left:0; top:0;  }
@media screen and (max-width:991px) {
    .latestNewsGrid .media-card .media__content {
        bottom: 0;
        top: auto;
    }
}



.latestNewsGrid .media-card .responsive-image:before {
content: '';
    background-image: url(https://cnlurevamp.testingscrew.com/wp-content/uploads/2025/04/hover.webp);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
    height: 0%;
    width: 0%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
    z-index: 1;
}

.latestNewsGrid .media-card:before {
    content: 'add';
    font-family: 'Material Symbols Outlined';
    display: block;
    position: absolute;
    top: 10px; /* Adjusted for consistency */
    left: 17px;
    transition: width 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.6s ease-in-out; /* Include opacity transition */
    color: #662e08;
    font-size: 30px;
    z-index: 50;
    width: 20px;
    height: 20px;
    opacity: 0; /* Initially hidden */
}

.latestNewsGrid .media-card:hover:before {
    opacity: 1; /* Reveal on hover */
}


/* Ensure the parent container is positioned */
.latestNewsGrid .media-card .responsive-image {
  position: relative;
  overflow: hidden; /* Ensures it doesn't exceed the parent container */
}

/* Hover effect - Expands diagonally */
.latestNewsGrid .media-card:hover .responsive-image:before {
  height: 120px;
  width: 120px;
}

.center-sec {padding:4% 0; background:#f2f2f2; }
.center-sec .grid{
    display: grid;
    gap:30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.center-sec .grid aside {
    background-color: #fff;
    border: 1px solid rgb(251 250 252);

    padding:15px;
    justify-content: space-between;
    flex-direction: column;
    display: flex;
    gap: 30px;
    border-radius: 16px !important;
    display: block;
}
.center-sec .grid aside:hover{
       background: #fff;
    box-shadow: 0 10px 30px -8px #9d9d9c;
    color: #002068;}

.center-sec .grid aside h3 {
	font-size: 18px;
    margin: 0;
    line-height: 26px; font-weight:500;
    -webkit-line-clamp: 3;
    font-family: "Libre Baskerville", serif;
    letter-spacing: 0.6px;
}

.center-sec .grid aside .in-block{position: relative;    padding: 0 0 0 50px;}
.center-sec .grid aside .in-block img{      height: auto;  width: 40px;
    position: absolute;
    left: 0;
    top: 0;
    margin:0px 0 0 0;}
.center-sec .grid aside .in-block a{position: absolute; width: 100%; height: 100%; top:0; left:0;}
.center-sec ul.nav.nav-pills {
        background: #662e08 linear-gradient(180deg, #662e08 0%, #662e08 100%);
    margin: 0;
    width: max-content;
    border-radius: 50px;
    margin: auto;
    overflow: hidden;
    padding: 4px;
}

.center-sec ul.nav.nav-pills li {
    float: left;
    margin: 0;
    border-radius: 50px;
    overflow: hidden;
}

.center-sec ul.nav.nav-pills li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
   
}
.center-sec ul.nav.nav-pills li{ margin-right: 5px;}
.center-sec ul.nav.nav-pills li:last-child{
    margin-right:0px;
}
.center-sec ul.nav.nav-pills li.active a{  background-color: #fff; color:#662e08;  }
.center-sec ul.nav.nav-pills li a:focus,
.center-sec ul.nav.nav-pills li a:hover{ background-color: #fff; color:#662e08; } 


.social-sec{ padding:4% 0;  }

.social-sec .in-social-block .heading-title {
  background: linear-gradient(45deg, #662e08 30.07%, #662e08 88.1%);
  text-align: center;
  margin: 0;
}

.social-sec .in-social-block .heading-title h3 {
  color: #fff !important;
    margin: 0;
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    padding: 6px 0 0 0;    font-weight: 600;
}



.social-sec .in-social-block{border-radius: 16px;overflow: hidden;    margin: 15px 0; border: 2px solid #662e08; }
.social-sec .in-social-block .feed-wedget{height: 400px !important;}
.feed-wedget-twitter {
  overflow: hidden;
  position: relative !important;
}
.feed-wedget-instagram {
 overflow: auto;
  position: relative !important;
}
.feed-wedget-instagram iframe#instagram-embed-0 {
  width: 100%;
}
.feed-wedget-instagram iframe#instagram-embed-0 .xwxc41k {
  padding: 0 10px !important;
}

.feed-wedget img.icon-media {
    position: absolute;
    right: 28px;
    top: 14px;
    width: 40px;
}


body .sk-ww-linkedin-page-post .sk-header-picture {  width: 80px !important; height: 80px !important;}
    body .sk-ww-linkedin-page-post .sk-header-top {
        flex-direction: row;
        justify-content: flex-start;
        gap: 7px;
    }
	
p.socialp{ margin:10px 0 30px 0; display:block;  }
p.socialp a { margin:0 5px;  }
p.socialp a img{ width:30px; border-radius:6px; }
p.socialp a img:hover;{box-shadow: 0 10px 30px -8px #9d9d9c;}

/*Know More*/
.know_more_blocks {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding:40px 0 30px 0;
  justify-content: space-between;
}
.know_more_blocks .text_block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  flex:1;
}

.know_more_blocks .more_block h5{ margin:0 0 10px 0; font-size:24px; color:#fff; font-weight:600;  }
.know_more_blocks .more_block p{color:#fff; font-weight:600; }
.know_more .more_blocks {
  display: flex;
  gap: 24px;
}

.know_more a.btn-arrow-btn {
    background: #fff;
    padding: 8px 15px 15px 15px;
    border-radius: 50px;
    font-size: 18px;
    color: #000;
    line-height: 22px;
    font-weight: 600;
}

.know_more .more_block {
      background: #92928F linear-gradient(180deg, #bfbdb9 4%, #662e08 63%);
  color: #fff;
  display: flex;
  padding: 48px;
  justify-items: center;
  align-items: center;
  border-radius: 16px;
  gap: 24px;
  flex: 1;
}
.more_block>div {
  flex: 1;
  display: flex;
  gap: 24px;
}
.know_more .more_block .btn-white-brd {
  text-align: center;
}
.know_more .more_block img{
  height: 60px;
  width: 60px;
  filter: brightness(100);
}



.faculty-banner-sec{ position: relative; overflow: hidden;     height: 360px;}
.faculty-banner-sec img.user-bg{ width: 100%; height: auto; }
.faculty-banner-sec img.user-img {
    position: absolute;
    right: 15%;
    bottom: -10px;
    width: 300px;
}
.faculty-banner-sec .hero_text {
    position: absolute;
    width: 100%;
    bottom: 25%;
    left: 0;
}

.faculty-banner-sec .hero_text h4{font-size:36px; color: #fff; }
.faculty-banner-sec .hero_text h4 .scial-icon{    width: 30px;
    position: relative;
    top: -10px;
    left: 10px; border:1px solid #fff;}
    .faculty-banner-sec .hero_text h4 a:hover img{ opacity: 0.8; }    
.faculty-banner-sec .hero_text h6{ font-size:1.6rem ; margin-top:20px;color: #fff;  }

.breadcrumb{ margin:0; padding:0; }
.breadcrumb #cookie-trail { width: 100%;}
.breadcrumb #cookie-trail .btn-arrow-red {}
.breadcrumb #cookie-trail .fbc-wrap{position:relative;}
.breadcrumb #cookie-trail .fbc-wrap p.uon-wide-feature-content-links { position: absolute; right: 0px;     top: 8px;}
.breadcrumb #cookie-trail .fbc-wrap p.uon-wide-feature-content-links .btn-arrow { padding: 6px 14px 5px 2px;}
.breadcrumb #cookie-trail .fbc-wrap p.uon-wide-feature-content-links .btn-arrow:hover {
    padding: 6px 14px 5px 2px;
}
.signarture-sec{text-align: right; width: 340px; margin: 20px 0 auto auto ; }
.signarture-sec img{ width:70%; margin:auto 0 auto  auto ;}
.signarture-sec h3{margin: 0;}
h1.underlined, 
h2.underlined, 
h3.underlined {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: 1;
}
h2.underlined {
    text-align: left;
    color: #662e08;
}

h1.underlined::after, 
h2.underlined::after, 
h3.underlined::after, 
h4.underlined::after, 
h5.underlined::after, 
h6.underlined::after {
     content: "";
    position: absolute;
    left: 0;
    background: #b3b0af;
    height: 4px;
    border-radius: 4px;
    bottom: 0;
    width: 50px;
}


.hero.inner-banner {
 height: 300px;
    box-shadow: 0px -4px 15px rgb(7 43 125 / 24%);
    background-position: bottom;
    background-color: #fff;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
}
.hero.inner-banner:before{
  content: "";
  background-color: #000;
  opacity: 0.4;
  position: absolute;
  width: 100%;
  height: 100%;
}

.hero.inner-banner .hero_text {
text-align: left;
    margin-top: 0;
    z-index: 1;
    position: absolute;
    bottom:4%;
    max-width: 100%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay:1s;
	left: 30px;
}
.hero.inner-banner .hero_text h1{color:#fff;}
.hero.inner-banner .hero_text h4 {
    font-size: 42px;
    color:#fff;
}

/* new menu styles */
#uon-body #uon-side-menu.body-menu > ol {position:sticky;top:100px;}
#uon-area-header + #page-header + #uon-body #uon-side-menu.body-menu > ol {top: 140px;}
#uon-side-menu ul, #uon-side-menu ol {list-style-type:none;padding:0 0 0 15px;margin:10px 0 20px;font-size:14px;display:block;border-left:1px solid #D9DBE0;     border-bottom: 0px solid #f2f2f2;}
#uon-side-menu ul:first-child, #uon-side-menu ol:first-child{border-left:0px solid #D9DBE0; padding:0 0 0 0px;}
#uon-side-menu > ul, #uon-side-menu > ol {border:none;padding:15px;background:#F6F7F9;margin:0 20px 0 0;border-radius:3px;}
#uon-side-menu li {display:block;min-height:auto;}
#uon-side-menu li#side-menu-title {font-size:20px;font-weight:bold;position:relative;margin-bottom:30px;text-transform:none;background:none;}
#uon-side-menu li#side-menu-title::after {content:"";width:40px;height:3px;background:#b3b0af;border-radius:3px;position:absolute;bottom:-15px;left:0;}
#uon-side-menu li+li {margin-top:10px;}
#uon-side-menu li a {color:#ffffff;text-decoration:none;}
#uon-side-menu li.current-menu-item a,
#uon-side-menu li a.parent, #uon-side-menu li a.current {font-weight:bold; color:#ffffff;}
#uon-side-menu li a:hover {color:#ffffff;}
#uon-side-menu .menu-toggle {display:none;}
#uon-side-menu { position: sticky; top: 140px;}

#uon-side-menu .nav-tabs li { width: 100%; padding: 0 !important;}
#uon-side-menu .nav-tabs li a{background-color: transparent;
    border: 0px solid #ddd;
    border-bottom-color: transparent;padding:0 !important; }
#uon-side-menu .nav-tabs li.active a, 
#uon-side-menu .nav-tabs li.active a:focus, 
#uon-side-menu .nav-tabs li.active a:hover {
    color: #ffffff;
    cursor: default;
    background-color: transparent;
    border: 0px solid #ddd;
    border-bottom-color: transparent; padding:0 !important;
}
#uon-side-menu .nav-tabs li.active a{ font-weight: bold;
    color: #ffffff !important; }
.faculties-sec aside .faculty-in{  position:relative; min-height: 285px;}
.faculties-sec aside .faculty-in .img-blk{
    position: relative;
    margin-bottom: 0px;
    overflow: hidden;
    text-align: center;    height: 200px;
}
.faculties-sec aside .faculty-in .img-blk img {
    height: 200px; position:relative;
    width: auto;
}

.faculties-sec aside .faculty-in .img-blk:before {
     content: "";
    width: 270px;
    height: 240px;
    border-radius: 50%;
  /*  background: #ffc7413b; */
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -90px;
}

.faculties-sec aside .faculty-in  .content-blk {
    width: 100%;min-height: auto;
    background: #fff;
    position: relative;
    bottom: 0;
    margin: 0;
    margin-left: 0;
    text-align: center;
    padding:12px;    font-size: 14px;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);     transition: all .3s ease;
}

.faculties-sec aside .faculty-in:hover .content-blk{ transition: all .3s ease; box-shadow: 0 10px 15px rgba(0,0,0,.1);
}


.faculties-sec aside .faculty-in  .content-blk h4{    margin: 10px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;}
.faculties-sec aside .faculty-in  .content-blk p{ margin:0px 0; }
.faculties-sec aside .faculty-in  a{ position:absolute; width:100%; height:100%; top:0; left:0; }
.faculties-sec aside{ margin:15px 0; }

/* ======================================
   FACULTY DIRECTORY – NLU STYLE OVERRIDES
   ====================================== */

/* Card wrapper */
.faculties-sec aside .faculty-in {
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Subtle lift on hover (optional but premium) */
.faculties-sec aside .faculty-in:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

/* Image container – THIS is the key */
.faculties-sec aside .faculty-in .img-blk {
    width: 100%;
    height: 360px;              /* lock visual consistency */
    overflow: hidden;
    background: #f2f2f2;
}

/* Image behavior */
.faculties-sec aside .faculty-in .img-blk img {
    width: 100%;
    height: 100%;
    object-fit: cover;          /* NLU-style crop */
    object-position: top center;
    display: block;
    filter: grayscale(100%);
    transition: filter 0.4s ease;
}

/* Hover → image turns color */
.faculties-sec aside .faculty-in:hover .img-blk img {
    filter: grayscale(0%);
}

/* Dark bottom bar like NLU */
.faculties-sec aside .faculty-in .content-blk {
    background: #243f4d; /* institutional blue */
    box-shadow: none;
    padding: 14px 10px;
    text-align: center;
}

/* Faculty name styling */
.faculties-sec aside .faculty-in .content-blk h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin: 6px 0;
}

/* Remove paragraph text if any spacing exists */
.faculties-sec aside .faculty-in .content-blk p {
    display: none;
}
/* =========================================
   PERSONNEL SIDE MENU – HOVER CONTRAST FIX
   ========================================= */

/* Normal state (optional safety) */
.menu-people-side-menu-container .menu li a {
  color: #ffffff; /* default on dark bg */
}

/* Hover + Active state */
.menu-people-side-menu-container .menu li a:hover,
.menu-people-side-menu-container .menu li.current-menu-item a,
.menu-people-side-menu-container .menu li.current_page_item a {
  background: #655448;
  color: #4a2a0a; /* DARKER BROWN for contrast */
}



/* ==============================
   FACULTY PAGE – FIXED LAYOUT
   ============================== */

/* ---- Main two-column layout ---- */
/* ONLY for single faculty pages */
body.single-faculty .page-divtable {
  display: grid;
  grid-template-columns: 70% 30%;
  gap: 30px;
  align-items: flex-start;
}
.page-divtable{
  padding: 15px;
}


/* ---- LEFT CONTENT ---- */
.facultydetails .content-cell.cell {
  padding: 0;
}

/* ---- RIGHT DETAILS MENU ---- */
.facultydetails .side-nav-cell {
  background: #662e08;
  border-radius: 16px;
  padding: 15px;
}

/* Menu title */
#side-menu-title a {
  font-size: 18px;
  font-weight: 700;
  color: #662e08;
  pointer-events: none;
}

/* Menu list */
.facultydetails .side-nav-cell ul.menu {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}

.facultydetails .side-nav-cell ul.menu li {
  margin-bottom: 6px;
}

.facultydetails .side-nav-cell ul.menu li a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  background: #ffffff;
  color: #333;
  font-size: 15px;
  transition: all 0.2s ease;
  text-decoration: none;
}

.facultydetails .side-nav-cell ul.menu li.active a,
.facultydetails .side-nav-cell ul.menu li a:hover {
  background: #655448;
  color: #662e08;
}

/* ---- CONTENT AREA ---- */
.facultydetails .tab-content {
  margin-top: 20px;
}

.facultydetails .tab-pane {
  display: none;
}

.facultydetails .tab-pane.active {
  display: block;
}

/* ==============================
   MOBILE BEHAVIOUR
   ============================== */
@media (max-width: 768px) {

  /* Stack layout */
  .page-divtable {
    grid-template-columns: 1fr;
    padding:0px;
  }

  /* Details Menu becomes dropdown */
  .facultydetails .side-nav-cell {
    order: -1;
    margin-bottom: 20px;
  }

  /* Toggle button styling */
  .facultydetails .navbar-toggle {
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
  }

  /* Hide menu by default */
  .facultydetails #side-menu {
    margin-top: 10px;
  }

  /* Menu items in dropdown */
  .facultydetails .side-nav-cell ul.menu li a {
    background: #f7f7f7;
  }
}
/* ===============================
   FACULTY LAYOUT – FINAL FIX
   =============================== */

/* Use FLEX instead of GRID (Bootstrap-safe) */
.faculty-layout-flex {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

/* LEFT column (profile + content) */
.faculty-left {
  width: 70%;
}

/* RIGHT column (Details Menu) */
.side-nav-cell {
  width: 30%;
  background: #263a44;
  border-radius: 16px;
  padding: 20px;
  color: #fff;
}

/* FORCE menu visible on desktop */
@media (min-width: 769px) {
  #side-menu {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .navbar-toggle {
    display: none;
  }
}

/* Menu links */
.side-nav-cell ul.menu {
  list-style: none;
  padding: 0;
  margin: 15px 0 0;
}

.side-nav-cell ul.menu li {
  margin-bottom: 8px;
}

.side-nav-cell ul.menu li a {
  display: block;
  padding: 10px 14px;
  border-radius: 8px;
  background: #2f4651;
  color: #ffffff;
  text-decoration: none;
  transition: background 0.2s ease;
}

.side-nav-cell ul.menu li.active a,
.side-nav-cell ul.menu li a:hover {
  background: #655448;
  color: #662e08;
}

/* ===============================
   MOBILE BEHAVIOUR (UNCHANGED)
   =============================== */
@media (max-width: 768px) {

  .faculty-layout-flex {
    flex-direction: column;
  }

  .faculty-left,
  .side-nav-cell {
    width: 100%;
  }

  .navbar-toggle {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #ffffff;
    color: #000;
    border-radius: 12px;
    padding: 12px 15px;
  }
}
/* ==============================
   FACULTY PROFILE CARD – FINAL
   ============================== */

/* Card container */
.facultydetails .profile-header {
  background: #fff0e3; /* soft beige */
  border-radius: 22px;
  padding: 30px 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

/* Align items nicely */
.facultydetails .profile-header .row {
  align-items: center;
}

/* ---------- IMAGE SIDE ---------- */
.facultydetails .image-cell {
  position: relative;
  text-align: center;
}



/* Faculty image */
.facultydetails .image-cell img {
  position: relative;
  z-index: 1;
  max-width: 200px;
  height: auto;
}

/* ---------- CONTENT SIDE ---------- */
.facultydetails .profile-header .content-cell {
  padding-left: 30px;
  padding-top: 50px;
}

/* Name */
.facultydetails .profile-header h3 {
  font-size: 28px;
  font-weight: 700;
  color: #2b2b2b;
  margin-bottom: 6px;
}

/* Designation */
.facultydetails .profile-header .position {
  font-size: 16px;
  color: #6b6b6b;
  margin-bottom: 16px;
}

/* Divider line (between designation & email) */
.facultydetails .profile-header .content-cell::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 420px;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin: 18px 0;
}

/* Email / contact row */
.facultydetails .profile-header .bborder {
  margin: 0;
  font-size: 15px;
  color: #333;
}

/* Email text */
.facultydetails .profile-header .bborder .txt {
  font-weight: 400;
  letter-spacing: 0.2px;
}

/* Icon */
.facultydetails .profile-header .bborder .material-symbols-outlined {
  font-size: 18px;
  vertical-align: middle;
  margin-left: 6px;
  color: #662e08;
}

/* LinkedIn icon */
.facultydetails .scial-icon {
  width: 26px;
  margin-left: 10px;
  vertical-align: middle;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
  .facultydetails .profile-header {
    padding: 25px 20px;
  }

  .facultydetails .profile-header .content-cell {
    padding-left: 0;
    padding-top: 0;
    margin-top: 20px;
    text-align: center;
  }

  .facultydetails .profile-header .content-cell::after {
    margin-left: auto;
    margin-right: auto;
  }
}
.facultydetails{
  padding : 50px 0px 50px 0px;
}


/* ================= FACULTY HERO ================= */

.faculty-hero-full {
  background: #f6f3ee;
  padding: 120px 0;
}

.faculty-hero-grid {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 60px;
  display: grid;
  grid-template-columns: 1fr 480px;
  align-items: center;
}

.faculty-name-lg {
  font-size: 64px;
  font-weight: 800;
  line-height: 1.05;
  margin-bottom: 24px;
}

.faculty-designation-lg {
  font-size: 22px;
  font-weight: 700;
  color: #6b4e2e;
  margin-bottom: 28px;
}

.faculty-contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.faculty-contact-list li {
  font-size: 16px;
  margin-bottom: 10px;
}

.faculty-contact-list a {
  color: #6b4e2e;
  text-decoration: none;
}

.faculty-contact-list a:hover {
  text-decoration: underline;
}

/* IMAGE */
.faculty-hero-image {
  display: flex;
  justify-content: center;
}

.faculty-image-bg {
  background: #6b4e2e;
  padding: 40px;
  border-radius:15px;
}

.faculty-image-bg img {
  max-width: 320px;
  display: block;
}

/* ================= BODY LAYOUT ================= */

.faculty-body {
  padding: 80px 0;
}

.faculty-layout {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 60px;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 60px;
}

/* MENU */
.faculty-menu {
  position: sticky;
  top: 140px;
}

.faculty-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.faculty-menu-list li {
  margin-bottom: 14px;
}

.faculty-menu-link {
  color: #333;
  text-decoration: none;
  font-size: 15px;
}

.faculty-menu-link.active {
  font-weight: 700;
  border-left: 3px solid #6b4e2e;
  padding-left: 12px;
}

/* CONTENT */
.faculty-content .faculty-section {
  display: none !important;
}

.faculty-content .faculty-section.active {
  display: block !important;
}

.faculty-section p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 16px;
}

/* MOBILE */
.faculty-menu-pill {
  display: none;
}

@media (max-width: 991px) {

  .faculty-hero-grid,
  .faculty-layout {
    grid-template-columns: 1fr;
    padding: 0 20px;
  }
.faculty-hero-full {
  padding: 30px 0;
}
  .faculty-body {
    padding: 30px 0px 0px 0px;
}
  .faculty-name-lg {
    font-size: 30px;
  }
 .faculty-layout {
    gap: 0px;
}
      .faculty-content {
  padding:0px;
  }
  .faculty-menu-pill {
    display: block;
    width: 100%;
    padding: 12px;
    background: #6b4e2e;
    color: #fff;
    border: none;
    margin-bottom: 10px;
  }

  .faculty-menu-list {
    display: none;
    border: 1px solid #ddd;
    padding: 10px;
  }

  .faculty-menu-list.open {
    display: block;
  }
}
    .faculty-hero-content{
      padding-left : 10px;
}
/* ================= FIX LEFT MENU STICKY ================= */

.faculty-menu {
  position: sticky;
  top: 160px; /* below header */
  align-self: flex-start;
  height: fit-content;
}
/* ================= MOBILE PILL + TITLE FIX ================= */
@media (max-width: 991px) {

  .faculty-menu-pill {
    position: sticky;
    top: 120px;
    z-index: 20;
    margin-bottom: 20px;
  }

  .faculty-section-title {
    margin-top: 10px;
  }
}
/* ================= MOBILE CONTENT PADDING FIX ================= */
@media (max-width: 991px) {

  .faculty-content {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ================= FACULTY IMAGE SIZE FIX (DESKTOP) ================= */

/* Increase image size on desktop */
.faculty-image-bg img {
  max-width: 300px;   /* was 320px */
  width: 100%;
  height: auto;
}

/* Slightly reduce padding so image breathes */
.faculty-image-bg {
  padding: 30px;
}

/* ================= MOBILE ORDER & IMAGE FIX ================= */
@media (max-width: 991px) {

  /* Reorder hero items: image first */
  .faculty-hero-grid {
    display: flex;
    flex-direction: column;
  }

  .faculty-hero-image {
    order: 1;
    margin-bottom: 30px;
  }

  .faculty-hero-content {
    order: 2;
  }

  /* Make image larger on mobile */
  .faculty-image-bg {
    padding: 16px;
    width: 100%;
  }

  .faculty-image-bg img {
    max-width: 100%;
  }

}
/* ================= MOBILE FULL-WIDTH IMAGE FIX ================= */
@media (max-width: 991px) {

  /* Remove container padding effect */
  .faculty-hero-full {
    padding-left: 0;
    padding-right: 0;
  }

  .faculty-hero-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .faculty-hero-image {
    width: 100%;
  }

  .faculty-image-bg {
    width: 100%;
    padding: 24px 0;        /* vertical padding only */
    display: flex;
    justify-content: center;
  }

  .faculty-image-bg img {
    width: 100%;
    max-width: 320px;      /* keeps face natural */
  }
  /* ================= MENU PILL ARROW ================= */

.faculty-menu-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
  .faculty-menu {
    z-index: 10;
}

.faculty-pill-arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.faculty-menu-list.open {
        background: white;
    }
/* Rotate arrow when menu opens */
.faculty-menu-list.open ~ .faculty-menu-pill .faculty-pill-arrow,
.faculty-menu.open + .faculty-menu-pill .faculty-pill-arrow {
  transform: rotate(180deg);
}
}


/* ================= FACULTY CONTENT LIST FIX ================= */

.faculty-section ul {
  list-style: disc;
  margin-left: 22px;
  margin-bottom: 20px;
}

.faculty-section ol {
  list-style: decimal;
  margin-left: 22px;
  margin-bottom: 20px;
}

.faculty-section li {
  margin-bottom: 8px;
  line-height: 1.6;
}
/* ================= FACULTY SECTION TITLE ================= */

.faculty-section-title {
  font-size: 26px;
  font-weight: 700;
  color: #6b4e2e;
  margin-bottom: 20px;
  border-bottom: 2px solid #e5dccf;
  padding-bottom: 8px;
}
/* ================= NO DATA MESSAGE ================= */

.faculty-no-data {
  font-style: italic;
  color: #777;
  background: #f7f4ef;
  padding: 12px 16px;
  border-left: 4px solid #c4b29a;
}



div#comments {
    display: none;
}

.contact-cardadd{padding: 4% 0 2% 0;}
.contact-cardadd ifream{ border-radius:12px;  }
.contact-cardadd h4{font-size: 26px; font-weight: 700;}

.c-filtering .tabs {
	display: -webkit-box;
	margin: 30px 0 0 0;
	padding: 0;
}

.c-filtering .tabs .tab-link{
    -webkit-box-flex: 1;
	cursor: pointer;
	display: block;
	flex: 1 1 auto;
	float: none;
	position: relative; margin: 0;     border-radius: 0; }
.c-filtering .tabs .tab-link a{
	-webkit-box-flex: 1;
	background: #fff;
	border-right: 1px solid #d6d6d6;
	border-top: 2px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
	cursor: pointer;
	display: block;
	flex: 1 1 auto;
    border-radius: 0;
	float: none;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 20px 15px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
    color: var(--black);
    font-weight: 600;
}

.c-filtering .tabs .tab-link:last-child a{
border-right: 0px solid #d6d6d6;
}
.c-filtering .tabs .tab-link.active a {
background: transparent;
    color: var(--red-color);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
    border-bottom: 2px solid var(--red-color);
	 border-top: 2px solid var(--red-color);
}


.c-filtering .tab-content {
	background: #f9f9f9!important;
    padding: 20px 30px;
	    padding: 30px 30px 10px 30px;
    box-shadow: 0 4px 20px rgba(0,10,61,.16);
    transition: all .2s ease;
    border-radius: 20px;
    background: #fff !important;
}

.c-filtering .tab-pane{ display: none; }
.c-filtering .tab-pane.active{ display:block; }

.c-filtering .tab-content  .statutory-blue{
    background-color: #cc4c51;
    padding: 20px;
}

.c-filtering .tab-content  .statutory-blue h4{color: #fff;}
.c-filtering .tab-content  .statutory-blue p,
.c-filtering .tab-content  .statutory-blue p strong{color: #fff; opacity: 1;}
.c-filtering .tab-content  .statutory-blue a{ color: #fff; opacity: 1; text-decoration: underline; text-underline-offset:2px;  } 
.c-filtering .tab-content  .statutory-blue a:hover{ text-decoration: none; }
.c-filtering .form-control,
.c-filtering .PhoneInputInput  {
    background: #ededed !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 3px !important;
    color: #66696d !important;
    font-size: 14px;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
    padding: 12px 10px !important;
    width: 100% !important;
    height: 46px;
}
.c-filtering label{ font-weight: 500; opacity: 0.9; margin: 0; }
.c-filtering label sup{     color: var(--red);
    font-size: 13px; }
.c-filtering .form-control{height: auto;}
.c-filtering .PhoneInput {
    display: flex;
    align-items: center;
    height: 46px; 
}

.c-filtering .PhoneInput .PhoneInputInput{ margin-top: 10px; }
.c-filtering ::-webkit-input-placeholder {
	color: #333;
	text-transform: uppercase;
    margin-top: 10px;
    height: 46px
}

.c-filtering :-moz-placeholder,::-moz-placeholder {
	color: #333;
	text-transform: uppercase;
}

.c-filtering :-ms-input-placeholder {
	color: #333;
	text-transform: uppercase;
}

.c-filtering button.hvr-bounce-to-right {
    background: #072b7d;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 24px;
    border-radius: 4px;
    border: none;
    overflow: hidden;
}

.c-filtering .gm-style .gm-style-iw-c{ max-width: 90% !important;}
.c-filtering .mapsec .map-address-content p {
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 20px;
    color: #000 !important;
    margin: 0 !important;
}

.c-filtering .mapsec .map-address-content p a{ color: #000; opacity: 1; text-decoration: underline; text-underline-offset:2px;  } 
.c-filtering .mapsec .map-address-content p a:hover{ text-decoration: none; }

.c-filtering label sup {
    color: var(--red-color);
    font-size: 13px;
}

.c-filtering .iti {
    position: relative;
    display: block;
}

.c-filtering .iti input{ padding-left: 86px !important;}


.c-filtering textarea.wpcf7-textarea{
    height: 100px;
}



.mapsec{ position: relative; height: 350px; }
.gm-style .gm-style-iw-d{ min-height: 140px; }
.mapsec .map-address-content h3{ margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 600; line-height: normal;}
.mapsec .map-address-content p {
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 20px; color: #000;
}



.contact-cards {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 60px;
}

.contact-card.contact-card--support {
  width: 100%;
}

.contact-card--support, .contact-card--white {
  border-radius: 20px;
  background-color: white;
  padding: 30px 20px;
}

.contact-card--support.dark-theme {
  background-color: #000129;
  color: white;
      margin: 00px 0 0 0;
}

.contact-card--red {
  background-color: #DB333E;
}

.contact-card--ghost {
  max-width: 430px;
  margin-left: 35px;
}

.contact-card .contact-card h4{ margin:0 ; color:#fff;  }

.contact-card--support .contact-card__content {
  max-width: 400px;
}

.contact-card--support .contact-card__content.dark-theme {
  background-color: transparent;
}

.contact-card--support.dark-theme .contact-card__content .cta-button.cta-button--tertiary {
  color: #fff;
  background-image: url(https://www.mimecast.com/dist/e04557dae5fe925694a0.svg);
}
.contact-card__content p{ color:#fff; opacity: 1; font-weight: 300;}
.contact-card__content .app-h5 {
color: #fff;
    opacity: 1;
    font-size: 24px;
    font-weight: 700;
}
.rich-text .contact-card__content .app-h5 {
  margin-bottom: 0.6em;
  font-weight: 600; color:#fff;
}

.contact-card__ctas {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}

.contact-card__ctas .cta-button.cta-button--secondary-transparent {
  margin-left: -10px;
}

.contact-card__ctas .cta-button + .cta-button--tertiary {
  margin-left: 10px;
}

.contact-card__ctas:has(+ p) .cta-button + .cta-button--tertiary {
  margin-left: 0px;
}

.contact-card__ctas + p {
  margin-top: 10px;
  padding-bottom: 0px!important;
}


.contact-card a.btn-arrow {
       background: #c10202;
    padding: 5px 15px 12px;
    border-radius: 50px;
    border-bottom: 0px solid transparent;
    color: #fff;
}

.contact-card a.btn-arrow span.icon-m {
    background: #fff;
    color: #bf0202;
    border-radius: 50px;
    margin: 0 0 0 0;
    border: 1px solid #f9c64e;
    transition: all .3s ease;
    position: relative;
    top: -4px;
    font-size: 19px;
    padding: 4px;
}

.contact-card a.btn-arrow:hover{ color:#fff; text-decoration: none; }
.contact-card a.btn-arrow:hover span.icon-m {background:#f9c64e;  color: #fff; margin-left:5px;}

    .contact-card--ghost .contact-card--ghost .app-h5.blakck {
        font-weight: 500; color:#000;
    }

 .contact-card--ghost .contact-card--ghost p.blakck {
       color:#000;
    }
	.contact-tab-sec input.wpcf7-submit,
	.contact-card a.btn-arrow {
    background: #c10202;
    padding: 14px 15px 6px 15px;
    border-radius: 50px;
    border-bottom: 0px solid transparent;
    color: #fff;
    margin: 0;
}

.c-filtering input.wpcf7-submit{
    background: #c10202 !important;
    padding: 14px 15px 6px 15px !important;
    border-radius: 50px !important;
    border-bottom: 0px solid transparent !important;
    color: #fff !important;
    margin: 0 !important;
}

.c-filtering input.btn-arrow span.icon-m {
    background: #fff !important;
    color: #bf0202 !important;
    border-radius: 50px !important;
    margin: 0 0 0 0 !important;
    border: 1px solid #f9c64e !important;
    transition: all .3s ease !important;
    position: relative !important;
    top: -4px !important;
    font-size: 19px !important;
    padding: 4px !important;
}

.c-filtering input.btn-arrow:hover{ color:#fff !important; text-decoration: none !important; }
.c-filtering input.btn-arrow:hover span.icon-m {background:#f9c64e!important;  color: #fff !important; margin-left:5px !important;}

@media (min-width: 576px) {
  .contact-card--support {
    border-radius: 30px;
    padding: 50px 40px;
    background-image: url(../images/student-3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    box-shadow: 0px 12px 35px 5px rgba(0, 0, 20, 0.04), 0px 4px 60px -10px rgba(0, 0, 10, 0.04);
  }
  .contact-card--white{
    border-radius: 30px;
    padding: 50px 40px;
    box-shadow: 0px 12px 35px 5px rgba(0, 0, 20, 0.04), 0px 4px 60px -10px rgba(0, 0, 10, 0.04);
  }
  .contact-card--support .contact-card__content {
    max-width: 270px;
  }
  .contact-card__ctas + p {
    width: 140%;
  }
}

@media (min-width: 768px) {
  .contact-card--support {
    background-image: none;
    box-shadow: none;
  }
  .contact-card__ctas + p {
    width: 100%;
  }
  .rich-text .contact-card__content .app-h5 {
    font-weight: 500;
  }
}

@media (min-width: 992px) {
  .contact-card--support {
       background-image: url(https://cnlurevamp.testingscrew.com/wp-content/uploads/2025/04/student-3.webp);
  }
  .contact-card__ctas + p {
    width: 140%;
  }
}

.contact-card__content .blakck,
 .contact-card__content .app-h5.blakck {
    color: #000 !important;
}

.in-heading {
    font-size: 26px;
    font-weight: 700;
    color: #662e08;
}


footer{    background: #f2f2f2;}

    .footer-wrapper {
        display:flex;
        padding: 0 10px !important;
        width: 100%
    }
}

@media (min-width: 1440px) {
    .footer-wrapper {
        padding:0 !important
    }
}

.footer-wrapper .bc-icon {
    margin-bottom: 38px;
    text-align: center
}

@media (min-width: 500px) {
    .footer-wrapper .bc-icon {
        margin-top:32px;
        text-align: center
    }
}

@media (min-width: 1280px) {
    .footer-wrapper .bc-icon {
        text-align:right
    }
}

@media only screen and (max-width: 1024px) {
    .footer__disclaimer {
        margin-bottom:20px
    }
}

@media only screen and (min-width: 1025px) {
    .footer__disclaimer {
        padding-right:30px;
        width: 25%
    }
}

.footer__disclaimer p {
    font-weight: 500;
    line-height: 1.3;
    margin: 10px 0
}

.footer__disclaimer a {
    transition: color 0.3s
}

.footer__disclaimer a:hover {
    color: #f36633
}

.footer__disclaimer-link {
    border-top: 1px solid #d6d6d6;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 30px;
    padding-top: 7px;
    text-align: left
}

@media only screen and (max-width: 1024px) {
    .footer__disclaimer-link {
        text-align:center
    }
}

.footer__disclaimer-link .download-list__size {
    font-size: 1em;
    font-style: italic;
    margin-top: 1px
}

.footer__links {
    font-size: 17px;
    overflow: hidden
}

.footer__links ul li {
    padding-left: 0;
    margin:5px 0;

}

body.rtl .footer__links ul li {
    direction: ltr;
    text-align: center
}

@media only screen and (min-width: 1025px) {
    body.rtl .footer__links ul li {
        text-align:left
    }
}

.footer__links ul li:first-child span {
    line-height: 1.3;
    margin: 0 0 0.5em;
    font-weight: 600;
    margin-bottom: 14px
}

@media only screen and (max-width: 767px) {
    .footer__links ul li:first-child span {
        font-size:14px
    }
}

@media only screen and (min-width: 768px) {
     .footer__links h2.widget-title,
    .footer__links ul li:first-child span {
                          margin: 10px 0 30px 0;
        color: #662e08;
        font-family: "Libre Baskerville", serif;
        font-size: 22px;
        font-weight: 600;
    }
}

.footer__links-list li.social {
    margin-top: 10px
}

.footer__links-list-item a {
    color: inherit;
    transition: color 0.3s
}

@media only screen and (min-width: 1025px) {
    .footer__links-list-item a {
           font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: rgb(51, 51, 51);
    transition: color 0.3s;
    }

     .footer__links-list-item a:hover{
            color: #920c24 !important;
    transition: color 0.3s;
    }
}

.footer__links-list-item a:hover {
    color: #920c24 !important;
}

footer span.footer__links-list-heading {
    margin: 0 0 10px 0;
    color: #662e08;
    font-family: "Libre Baskerville", serif;
    font-size: 22px;
    font-weight: 600;
}

.footer__links-list-item a[href^='//'],.footer__links-list-item a[href^='http://'],.footer__links-list-item a[href^='https://'] {
    padding-right: 5px;
    position: relative
}

.footer__links-list-item a[href^='//']:after,.footer__links-list-item a[href^='http://']:after,.footer__links-list-item a[href^='https://']:after {
    background: url("/assets/img/icon-external-alt.svg") no-repeat;
    background-size: contain !important;
    content: '';
    display: inline-block;
    height: 13px;
    left: 5px;
    margin-right: 5px;
    position: relative;
    top: -5px;
    transform: translateY(5px);
    transition: all .2s ease;
    width: 13px
}

.footer__links-list-item a[href^='//']:hover:after,.footer__links-list-item a[href^='http://']:hover:after,.footer__links-list-item a[href^='https://']:hover:after {
    right: -2px
}

@media only screen and (max-width: 1024px) {
    .footer__body {
        padding-top:40px
    }
}

@media only screen and (min-width: 1025px) {
    .footer__body {
        padding:40px 30px 60px;
    }
}

@media only screen and (min-width: 1025px) {
    .footer__body .footer__links {
        display:flex;
        justify-content: space-between;
        margin-left: 40px;
        width: 75%
    }
}

@media only screen and (max-width: 1024px) {
    .footer__body .footer__links ul {
        line-height:1.5;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1025px) {
    .footer__body .footer__links ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
}


.footer__foot {
    border-top: solid 1px
}

@media only screen and (max-width: 1024px) {
    .footer__foot {
        padding:20px 0;
    }
}

@media only screen and (min-width: 1025px) {
    .footer__foot {
        padding:20px 0
    }
}

.footer__foot .footer__links {
    font-size: 16px
}

@media only screen and (max-width: 1024px) {
    .footer__foot .footer__links-list {
        line-height:1.5
    }
}

@media only screen and (min-width: 1025px) {
    .footer__foot .footer__links-list-item {
        display:inline-block;
        margin-right: 15px
    }
}

.footer__foot .footer__links-list-item a span {
    font-style: italic
}

.footer__foot .footer__links-list-item a[href^='//'],.footer__foot .footer__links-list-item a[href^='http://'],.footer__foot .footer__links-list-item a[href^='https://'] {
    padding-right: 5px;
    position: relative
}

.footer__foot .footer__links-list-item a[href^='//']:after,.footer__foot .footer__links-list-item a[href^='http://']:after,.footer__foot .footer__links-list-item a[href^='https://']:after {
    background: url("/assets/img/icon-external-alt.svg") no-repeat;
    background-size: contain !important;
    content: '';
    display: inline-block;
    height: 13px;
    left: 5px;
    margin-right: 5px;
    position: relative;
    top: -5px;
    transform: translateY(5px);
    transition: all .2s ease;
    width: 13px
}

.footer__foot .footer__links-list-item a[href^='//']:hover:after,.footer__foot .footer__links-list-item a[href^='http://']:hover:after,.footer__foot .footer__links-list-item a[href^='https://']:hover:after {
    right: -2px
}

.footer__social-list {
    margin-right: 0 !important;
    margin-top: 10px !important;
    width: auto !important
}

.footer__social-list li {
    display: inline-block;
    margin-bottom: 0 !important
}

.footer__social-list li:not(:last-child) {
    margin-right: 8px
}

.footer__social-list li .social-links__popup-list-anchor {
    background-color: #f36633;
    border-radius: 100%;
    display: inline-block;
    font-size: 0;
    height: 35px;
    overflow: hidden;
    position: relative;
    width: 35px
}

.footer__social-list li a img{ width:28px; border-radius:6px; }

.footer__social-list li .social-links__popup-list-anchor.rss {
    background-image: url("/assets/img/icon-rss-white.svg");
    background-position: center 4px;
    background-repeat: no-repeat
}

.footer__social-list li .social-links__popup-list-anchor.facebook {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'icons' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: never;
    text-transform: none
}

.footer__social-list li .social-links__popup-list-anchor.facebook:after {
    content: "";
    font-size: 22px
}

.footer__social-list li .social-links__popup-list-anchor.instagram {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'icons' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: never;
    text-transform: none
}

.footer__social-list li .social-links__popup-list-anchor.instagram:after {
    content: "";
    font-size: 20px
}

.footer__social-list li .social-links__popup-list-anchor.linkedin {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'icons' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: never;
    text-transform: none
}

.footer__social-list li .social-links__popup-list-anchor.linkedin:after {
    content: "";
    font-size: 20px
}

.footer__social-list li .social-links__popup-list-anchor.twitter {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'icons' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: never;
    text-transform: none
}

.footer__social-list li .social-links__popup-list-anchor.twitter:after {
    content: "";
    font-size: 18px
}

.footer__social-list li .social-links__popup-list-anchor.twitter-old {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'icons' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: never;
    text-transform: none
}

.footer__social-list li .social-links__popup-list-anchor.twitter-old:after {
    content: "";
    font-size: 20px
}

.footer__social-list li .social-links__popup-list-anchor.youtube {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'icons' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: never;
    text-transform: none
}

.footer__social-list li .social-links__popup-list-anchor.youtube:after {
    content: "";
    font-size: 17px
}

.footer__social-list li .social-links__popup-list-anchor:after {
    color: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media (min-width: 1280px) {
    .footer__social {
        text-align:right
    }
}

.footer__social ul {
    margin: 30px 0
}

body.rtl .footer__social ul {
    direction: ltr;
    text-align: center
}

@media (min-width: 1280px) {
    .footer__social ul {
        margin:0 0 18px
    }
}

.footer__social ul li {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0;
    vertical-align: middle
}

.footer__social ul li:first-child {
    margin: 0
}

.footer__social a {
    display: inline-block
}

.footer__social a:hover svg,.footer__social a:hover rect {
    fill: #f36633
}

.footer__social-policy {
    display: block;
    line-height: 1;
    margin: 0 0 2em;
    padding-right: 20px;
    position: relative
}

@media (min-width: 1280px) {
    .footer__social-policy {
        margin:0
    }
}

.footer__social-policy:after {
    background: url("/assets/img/chevron-right.svg") no-repeat;
    background-size: 12px;
    content: '';
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: right 0.2s ease;
    width: 12px
}

.footer__social-policy:hover:after {
    right: -5px
}

 .footer__social-policy {
    padding-left: 20px;
    padding-right: 0
}

.footer__social-policy:after {
    display: none
}

.footer__social-policy:before {
    background: url("/assets/img/static/chevron-left.svg") no-repeat;
    background-size: 12px;
    content: '';
    height: 12px;
    left: 0;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    transition: right 0.2s ease;
    width: 12px
}

.footer__social-policy:hover:before {
    left: -5px
}

.footer a.brnd-logo .logo{width: 80px;}
.footer__disclaimer h3{
 margin: 8px 0 10px 0;
    color: #662e08;
    font-family: "Libre Baskerville", serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}
.footer__disclaimer p {
    line-height: 1.3;
    margin: 10px 0;
    font-size: 16px;
    color: #000;
}


.top-lang a {
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none;
}

.top-lang a[data-gt-lang='en'] {
  display: none;
}

.top-bar .list-inline > li a.con-link {
    border-left: 1px solid #fff;
    font-size: 14px;
    padding-left: 8px;
}



.lang-btn .gtranslate_wrapper {
	    display: inline-block;
    background: transparent;
    width: 26px;
    overflow: hidden;
    height: 14px;
}
.lang-btn .gtranslate_wrapper .gt_selector{    font-size: 12px; background: transparent; color: #fff; border: none; outline: none;}
.lang-btn a.con-link {
    color: #fff !important;
}
.lang-btn a.con-    font-size: 12px; link:hover {
    text-decoration:underline;
}
.lang-btn .lang-btn1 {
    background: #662e08;
    border-radius: 50px;
    padding: 2px 10px 0 10px;
    color: white;
    border: none;
    box-shadow: 1px 2px 1px #3e1d05;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    transform: translateY(0);
}

.lang-btn .lang-btn1:hover{
    box-shadow: 0 2px #3e1d05;
    transform: translateY(2px);
}

.top-lang .gtranslate_wrapper {
    border: 1px solid transparent;
    background: transparent;
    height: 28px;
    border-radius: 4px;
	font-weight:500;
    padding: 0 10px;
    color: #030303;
    display: flex;
    align-items: center;
}

.top-lang a.glink img {
  vertical-align: middle;
  display: inline;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0.8;
  margin-right: 2px;
  margin-top: -5px;
}

.lang-btn select.gt_selector option:first-child {
  display: none;
}

.lang-btn select.gt_selector {
      background: transparent;
    color: #0a0a0a;
    border: none;
    width:90px;
    display: inline-block;
    line-height: 57px;
    padding: 10px 0;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    top: -3px;
}

.lang-btn select.gt_selector option {
     font-size: 15px;
  font-weight: 500;
  color: #735748;
}
.lang-btn select.gt_selector {
    padding: 0px 0 0 0;
    font-weight: 500;
    color: #fdfdfd;   font-size: 15px;
}


.ul-listing{margin:15px 0 20px 0px; position:relative;
    padding: 20px 20px  20px  30px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,10,61,.16);
    transition: all .2s ease;
    border-radius:15px; }
	.ul-listing li { margin-bottom:0; }
	.ul-listing li .in-block h4{ margin:0; }
.ul-listing li .in-block h4 a{
    text-decoration: none;
    font-size: 18px; text-align:left;}
.ul-listing li .in-block p.date{ color:red; }
.ul-listing li .in-block p.date span.material-symbols-outlined{    font-size: 18px;
    position: relative;
    top: 3px;
    right: 3px;}
.ul-listing li .in-block p{ margin:10px 0 0 0; }


.ul-listing_pdf{
	margin: 0 !important;
    padding: 0;
    list-style: none !important;
}
.ul-listing_pdf li{
    margin:4px 0;
	}
.ul-listing_pdf li a{      background: #f6f7f9;
    padding: 8px 10px 9px 30px;
    display: block;
    color: #000;
    border-left: 4px solid #662e08;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.5px; font-weight: 500;}
.ul-listing_pdf li a:hover{
    border-left: 4px solid red; color: #662e08; }	
.ul-listing_pdf li a:before{
    content: "picture_as_pdf";
        font-family: 'Material Symbols Outlined';
    color: #662e08;
    position: absolute;
    left: 12px;
    top: 8px;
}

.ul-listing_link li a img.new-taq,
.ul-listing_pdf li a img.new-taq{
    width: 50px;
}

.ul-listing_pdf li a.pdflink:before{ content: "picture_as_pdf";}
.ul-listing_pdf li a.link:before{ content: "link";}
.ul-listing_pdf li a.videolink:before{ content: "\f03d";}

nav.navigation.post-navigation {
    display: none;
}
#uon-side-menu > ul, 
#uon-side-menu > ol { margin: 0;}
#uon-side-menu:before{content:"";}


.center_cards{ padding:40px 0; background-color: var(--gry); }
.center_cards .card {
background-color: #f2f2f2;
box-shadow:0 1px 2px rgba(0,0,0,0.25);
border-radius: 8px;
margin:0 0 15px 0 !important;
padding:15px;
width: 100%; transition: all .3s ease;
}



.center_cards .card:hover {
box-shadow:0 3px 3px rgba(0,0,0,0.25); transition: all .3s ease;
}
.center_cards .card:last-child{ margin:0 0 0px 0; } 
.center_cards .card a.btn-blue-brd span.material-symbols-outlined {
  font-size: 18px;
  position: relative;
  left:auto;
  top: 4px;
  right: -10px;
}



.center_cards .img-sec{ border-right: 1px solid #f2f2f2; padding:0 }
.center_cards .img-sec .image{ width:100%; }
.center_cards .img-sec .image img{  background: #fff;      height: auto; width: 94%;
    margin:0px auto 0 6%;}
.center_cards .content-sec{ border-left: 1px solid #f2f2f2; }
.center_cards .content-sec h5 {
    margin-bottom: 20px;
    min-height: auto;
}
.center_cards .content-sec .info{
text-align: justify;
    height: auto;
    overflow: hidden;
    margin: 0 0 10px 0;
}
.center_cards .content-sec h4,
.center_cards .content-sec h4 a{
	font-weight:600;
font-size: 24px;
}
.center_cards .content-sec h4 a:hover{ color:#662e08 }
.card-block{     display: flex;
    gap: 16px;
    flex-wrap: wrap; margin-bottom:30px;}
.card-block aside {    display: flex; position:relative;
    flex-direction: column;
    gap: 32px;
    border: 1px solid #f2f2f2;
    background:#fff;
    padding: 15px;
    border-radius: 8px;
    width: 31.9%;
    align-items: flex-start;
    box-shadow: 0 4px 32px rgba(0,10,61,.16);
    border-radius: 20px;}	
	.card-block aside h4{
     font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
	}
	
	.card-block.card2 aside { 
    width:48%;
	}
	.card-block aside .in-block{ position:relative; }
	
	.card-block aside:hover{  box-shadow: 0 2px 20px rgba(0,10,61,.16);}
.card-block aside a.link-blk{ position:absolute; width:100%; height:100%; left:0; top:0; }	
.card-block aside:hover h4{ color:var(--red-color) }


.gallery-sec .row{ margin-bottom:30px; }
.gallery-sec .row aside{ margin:15px 0; }	
.gallery-sec .row aside img {
       height: 180px;
    width: 100%;
}

.gallery-sec .row aside .g-image{    width: 100%;
    height: 200px;
    border-radius: 16px;
    background-size: cover;
    background-position: center center;}

.discover-sec {    background-attachment: fixed; padding: 4% 0; position:relative;     background-size: cover; background-repeat: no-repeat; }
.discover-sec:before{    content: "";
    background: #000000;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    top: 0;
    left: 0;}
.discover-sec .discover-v-inblock {border-radius:16px; border: 2px solid #FFF; overflow:hidden;}
.discover-sec .video-bg,
.discover-sec .image-bg {height: 260px; background-size: cover;width: 100%; background-repeat: no-repeat; background-position: center center; }
.discover-sec .heading-h2{ color:#fff; margin-bottom:15px;}
.discover-sec p{ color:#fff;}
.discover-sec  .discover-v-inblock {position:relative; text-align:center;}
.discover-sec  .discover-v-inblock a{ position: absolute; width: 100%; height: 100%;background: #00000075; left:0; top:0;}
.discover-sec  .discover-v-inblock a img{width: 80px; padding: 0; top: 50%; position: relative; margin: -40px 0 0 0; transform: scale(1); transition: transform 1s ease;}	
.discover-sec  .discover-v-inblock a:hover img{transform: scale(1.1); transition: transform 1s ease;}

.discover-sec .discover-carousel .owl-nav{
    margin-top: 10px;
    position: absolute;
    top: 50%;
    margin: -15px 0 0 0;    width: 100%;
}
.discover-sec .discover-carousel .owl-nav button {background: #662e08;
    border: 1px solid #fff;
    opacity: 1;
    position: absolute;
    border-radius: 50px;
    color: #fff;
z-index: 4; width:30px; height:30px;     padding: 2px 0 0 0px !important;}


.discover-sec .discover-carousel .owl-nav button.owl-prev{ left:0;}
.discover-sec .discover-carousel .owl-nav button.owl-next{ right:0;}


/* Preloader full-screen overlay */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Simple spinning loader */
.loader {
    animation: zoom 2s ease-in-out infinite;
}

.loader img{width: 120px;}

@keyframes zoom {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}


   .pre-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pre-loader  img{width: 120px; animation: zoom 2s ease-in-out infinite;}

@keyframes zoom {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}


.member-block{display: grid;gap: 30px; grid-template-columns: repeat(3, minmax(0, 1fr));    margin: 10px 0 30px 0;}
.member-block aside{
    width: 100%;
    background: #fff;
    position: relative;
    bottom: 0;
    margin: 0;
    margin-left: 0;
    text-align: center;
    padding: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    transition: all .3s ease;
}
.member-block aside .content-blk,
.member-block aside .content-blk h4,
.member-block aside .content-blk p{text-align:left;}
.member-block .in-member-block .img-blk{
    position: relative;
    margin-bottom: 0px;
    overflow: hidden;
    text-align: center;
    height: auto;
}

.member-block aside .content-blk{ position:relative; }
.member-block aside .content-blk a.blk-link{     position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;}
.member-block aside .content-blk:hover h4 { color:#662e08; }    

.member-block .in-member-block .img-blk:before {
    content: "";
    width: 270px;
    height: 240px;
    border-radius: 50%;
    background: #ffc7413b;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -90px;    z-index: -1;
}

ul.tabs-ul{display: grid; gap:15px;  grid-template-columns: repeat(3, minmax(0, 1fr));}
ul.tabs-ul li{    background-color: #fff;
    border: 1px solid rgb(251 250 252);
    border-radius: 8px;
    padding: 15px;
    justify-content: space-between;
    flex-direction: column;
    display: flex ; box-shadow:0 4px 32px rgba(0, 10, 61, 0.16);
    gap:15px;
    border-radius: 20px !important;
    display: block;     font-size: 18px;
    margin: 0;
    line-height: 26px;
    font-weight: 500;
    -webkit-line-clamp: 3;
    font-family: "Libre Baskerville", serif;
    letter-spacing: 0.6px; position:relative;}
ul.tabs-ul li a{ position:absolute; width:100%; height:100%; top:0; left:0;}

table {
    background-color: transparent;
    width: 100%;
	margin:15px 0;
}

table td, 
table th {
    padding: 8px;
    border: 1px solid #ddd;
}


 .header-search form.search-form input[type="search"] {
    width: 100%;
    border-radius: 20px;
    float: none;
    padding: 10px 20px;
}

 .header-search form.search-form .search-submit{ position: absolute;
    right: 4px;
    top: 4px;
    padding: 0px;
    background: transparent;
    width: 40px;
    height: 40px;
    color: transparent;
    border-radius: 50px;
    border: none;
    border: 1px solid #f2f2f2;
    cursor: pointer; z-index:10;
  }
 .header-search form.search-form{ position:relative;  display: block;
    width: 60%;
    margin: 30px 0 0 0;}
 .header-search form.search-form label{position:relative;  display: block;
    width:100%;}	
 .header-search form.search-form label:before{ 
    font-size: 19px;
    position: absolute;
    right: 4px;
    top: 4px;
    padding: 0px;
    background: #642d08;
    width: 36px;
    height: 36px;
    color: #fff;
    border-radius: 50px;
    border: none;
    content: "search";
    font-family: 'Material Symbols Outlined';
    padding: 8px 0 0 8px;
	 cursor:pointer;
  }


.page-divtable aside.content-cell ul{list-style: disc;margin: 0 0 0 20px;}
.page-divtable aside.content-cell ul li{ margin:4px 0; }
.page-divtable aside.content-cell ol{list-style: decimal;margin: 0 0 0 20px;}
.page-divtable aside.content-cell ol li{ margin:4px 0; }
.page-divtable aside.content-cell ul.nav-tabs{list-style: disc;margin: 0 0 10px 0px !important;}

.ul-list-pdf{ margin:10px 0; }
.ul-list-pdf li{ margin:4px 0;}
.ul-list-pdf li a{      background: #f6f7f9;
    padding: 8px 10px 9px 10px;
    display: block;
    color: #000;
    border-left: 4px solid #662e08;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.5px; font-weight: 500;}
.ul-list-pdf li a:hover{border-left: 4px solid red; color: #662e08; }	
.ul-list-pdf li  span.date{ display:block; margin:10px 0 0 0;}
.page-divtable aside.content-cell .ul-list-pdf{list-style: none; margin: 0 0 0 0px;}



.alumni-gallery-bk aside .g-image{width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover; border-radius:12px; margin:0 0 30px 0; }
    
    
    .pop-up-sec .modal-dialog .modal-content .modal-body .close {
	opacity: 1;
	padding: 2px 10px 6px;
	border: none;
	position: absolute;
	right: -30px;
	top: -40px;
	font-weight: 600;
	font-size: 26px;
	color: red;
	box-shadow: 0 5px 15px rgba(0,0,0,.15);
	border-radius: 50%;
	background: #fff;
	line-height: 26px;
}

.pop-up-sec .modal-dialog .modal-content .modal-body .close:hover,div#dynamic-popup button#close-popup:hover {
	background: red;
	color: #fff;
}

.pop-up-sec .modal-dialog .succfail-box:before {
	content: "";
	width: 100px;
	height: 4px;
	margin: auto;
	background: #87d185;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
}

.pop-up-sec .modal-dialog .modal-content .modal-body h2 {
	margin-bottom: 20px;
	font-weight: 600;
}

.pop-up-sec .modal-dialog {
	margin-top: 100px;
	width: 700px;
}

.pop-up-sec .modal-dialog .modal-content .modal-body .btn-orng {
	background: right bottom/202% 100% #fc5e02;
	cursor: pointer;
	transition: .3s;
	border-radius: 5px;
	border: 1px solid #fc5e02;
	padding: 10px 20px;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: normal;
	color: #fff;
	z-index: 10;
	position: relative;
	display: inline-block;
	margin: 10px 0 0;
}

.pop-up-sec .modal-dialog .modal-content .modal-body .form-control {
	height: 45px;
	background: #fff;
	box-shadow: 0 1px 10px rgba(0,0,0,.1);
	border-radius: 8px;
	margin: 0 0 10px;
}

.pop-up-sec .modal-dialog .modal-content .modal-body .intl-tel-input {
	position: relative;
	display: block;
	margin: 0 0 11px;
}

.pop-up-sec .modal-dialog .modal-content .modal-body p {
	margin: 0 0 20px!important;
}

.pop-up-sec .modal-dialog .modal-content .modal-body .intl-tel-input .flag-container {
	z-index: 10;
}

.pop-up-sec .modal-dialog .modal-content .modal-body {
	position: relative;
	padding: 0;
}

.pop-up-sec .modal-dialog .succfail-box h3,div#dynamic-popup .succfail-box h3 {
	font-size: 20px;
	line-height: 28px;
	margin: 18px 0;
	font-weight: 600;
}

.block3-sec .single-content-block.second-row,.blog-in-sec .para-sec .img-blog-in,.hilight-sec .hilight-content,.pop-up-sec .modal-dialog .succfail-box.succ {
	text-align: center;
}

.pop-up-sec .modal-dialog .modal-content .modal-body img.tick-img,div#dynamic-popup .succfail-box img.tick-img {
	width: 200px;
	margin: 10px auto;
}

.pop-up-sec.success-pop .modal-dialog {
	margin-top: 100px;
	width: 400px;
}

.pop-up-sec .modal-dialog .modal-content {
	padding: 30px 10px;
	position: relative;
	z-index: 99;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 20px;
}

.wpcf7 form.sent .wpcf7-response-output {
    display: none;
}

.intl-tel-input { display: block  !important; width:100% !important;}
.intl-tel-input input.wpcf7-form-control.form-control {  padding: 12px 10px 12px 46px !important;}



.table-card-sec .div-table1{width: 100%; display: grid;gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr));}
.table-card-sec .div-table1 aside{    border: 0px solid rgb(251 250 252); border-radius: 16px !important;  box-shadow: 0px 0px 7px rgb(51 51 51 / 37%);     background-color: #fff; margin:10px 0; padding:15px;   }
.table-card-sec .div-table-full aside{ width:100%;   border: 0px solid rgb(251 250 252);border-radius: 16px !important;  box-shadow: 0px 0px 7px rgb(51 51 51 / 37%);     background-color: #fff; margin:0 0 10px 0; padding:15px;  }
 
.page-id-5879 .page-sec ul{ list-style:disc; padding:0 0 0 20px; }
.page-id-5879 .page-sec ul.ul-list-pdf{list-style:none; padding:0 0 0 0px;}


.postid-1496 .page-divtable aside.content-cell{    background-image: url(https://cnlu.ac.in/wp-content/uploads/2025/05/Carcil-logo-bg-2.webp);
    background-size: cover;
    background-position:280px top;
    background-attachment: fixed;
    background-repeat: no-repeat;}
.postid-1496 .facultydetails .nav-tabs li a {text-decoration: unset;}
.postid-1496 .facultydetails .nav-tabs li a {margin-right: 8px;}
.postid-1496 .ul-list-pdf li a {background: #d0d0d0;}
   
    
.postid-7280 .faculty-banner-sec .hero_text h4 {width: 52%;     line-height: 46px;} 
.postid-7280 .faculty-banner-sec .hero_text h4 .scial-icon {top: 0px;left: 0;}
.postid-7280 .signarture-sec {    width: 100%;}
.postid-7280 .signarture-sec h3 { font-size: 18px;}

.postid-777 img.img-linkedin {width: 25px;}
@media screen and (max-width:767px) {
  .postid-7280 .faculty-banner-sec .hero_text h4 {width:100%;     line-height:normal;}   
    
}


.onload-pop:before {	content: "";width: 100%;	height:100%;	background: #000;	position: absolute;	left: 0;	top: 0;	opacity:0.5;}
.onload-pop .modal-dialog { margin-top: 100px;width: fit-content; z-index: 99;border: 1px solid rgba(0, 0, 0, .2); border-radius: 20px;}
.onload-pop .onload-img-blk{width: 100%;}
.onload-pop .onload-img-blk img{width:100% !important;height: 85vh;}
.onload-pop .modal-dialog .modal-content .modal-body .close {	opacity: 1;	padding: 2px 8px 2px; border: none; position: absolute; right: -18px; top: -18px; font-weight:300; font-size: 26px;  color: red; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); border-radius: 50%; background: #fff; line-height: 25px;}
.onload-pop .modal-dialog .modal-content .modal-body .close:hover{	background: red;color: #fff;}
.onload-pop .modal-dialog {margin-top:40px; width: fit-content;}
.pop-up-sec .modal-dialog .modal-content .modal-body {position: relative;	padding: 0;}
@media only screen and (max-width:767px){
.onload-pop .modal-dialog { margin-top: 50px; width: auto;}
.onload-pop .modal-dialog .modal-content .modal-body .close { right: 0;  top: -20px;}
.onload-pop .onload-img-blk img { height: auto;}
}


.pre-loader-bg {position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    display: flex;
    align-items: center;
    background-size: 130px;
    background-repeat: no-repeat;
    background-position: center center; animation: zoom 2s ease-in-out infinite;}

.hero-sec .discover-v-inblock,
.hero-sec .discover-v-inblock .discover-carousel-1,
.hero-sec .discover-v-inblock .discover-carousel-1 .owl-stage-outer,
.hero-sec .discover-v-inblock .discover-carousel-1 .owl-stage-outer .owl-stage,
.hero-sec .discover-v-inblock .discover-carousel-1 .owl-stage-outer .owl-item{ height:100%; }

.hero-sec .discover-carousel-1 .owl-nav{
    margin-top: 10px;
    position: absolute;
    top:35%;
    margin: -15px 0 0 0;    width: 100%;
}
.hero-sec .discover-carousel-1 .owl-nav button {background: #662e08;
    border: 1px solid #fff;
    opacity: 1;
    position: absolute;
    border-radius: 50px;
    color: #fff;
z-index: 4; width:30px; height:30px;     padding: 2px 0 0 0px !important;}


.hero-sec .discover-carousel-1 .owl-nav button.owl-prev{ left:0;}
.hero-sec .discover-carousel-1 .owl-nav button.owl-next{ right:0;}
.hero-sec .hero-txt.hero-txt-area { width: 100% !important; left: 0 !important;}
.hero-sec .hero-txt.hero-txt-area p{ margin:0; padding:0; }

a.btn-arrow.btn-arrow-red.hero-visit-pop-btn,
a.btn-arrow.btn-arrow-red.hero-visit-pop-btn:focus{
    position: absolute;
    right: 2%;
    top: 2%;
    z-index: 99;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
.image-bg {  background-image: none !important;}
 a.btn-arrow.btn-arrow-red.hero-visit-pop-btn,
a.btn-arrow.btn-arrow-red.hero-visit-pop-btn:focus{
position: relative;
        margin: 10px auto 20px auto;
        margin-left: -80px;
        left: 50%;
}
}