/*!
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: #f6f7f9;}
.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;
}

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: 15px;
}
.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: 10%;
    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 20px 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: 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 .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:#2D3138;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:#662e08;}
#uon-side-menu li a:hover {color:#662e08;}
#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: #652e08;
    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: #652e08 !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; }


.facultydetails{padding:15px 0px;}
.facultydetails .profile-header{ 
margin: 20px 0;
    padding: 20px 20px 0 20px;
    padding: 25px 25px 0px 25px;
    background:#fff0e3;
    box-shadow: 0 4px 20px rgba(0,10,61,.16);
    transition: all .2s ease;
    border-radius: 20px;
}
.facultydetails .profile-header .image-cell img{ position:relative; }
.facultydetails .profile-header .image-cell{ position: relative; text-align: center; overflow: hidden; }
.facultydetails .profile-header .image-cell:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ffc7413b;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -70px;
}

.facultydetails .profile-header .content-cell{ 
  padding:30px 0 20px 20px;
}
.facultydetails .profile-header .content-cell h3{font-size:24px; font-weight:700;}
.facultydetails .profile-header .content-cell h3 .scial-icon {
  width:35px;
  position: relative;
  top: -10px;
  left: 10px;
}
.facultydetails .profile-header .content-cell h3 a:hover .scial-icon {
  opacity: 0.8;
}

.facultydetails .profile-header .div-table { display: table; width: 100%;  }

.facultydetails .profile-header .div-table aside{ display: table-cell; padding:15px; }
.facultydetails .profile-header .div-table aside.content-cell {
background-color: var(--grey-color);
width: 70%; vertical-align: middle;
}
.facultydetails .profile-header .bborder{ 
  margin:20px 0 10px 0;
  color:var(--red-color);
  font-size: 16px;
  text-align: right;
}

.facultydetails .profile-header .bborder span{font-size: 18px; position: relative; top: 4px;}
.facultydetails .profile-header .bborder span.txt { color: var(--black-color); font: var(--font-p);
  margin: 0 0 15px 0;
  font-size: 16px;
  line-height: 26px;
  opacity: 0.9;
  letter-spacing: 1px;
  font-weight: 300; position: relative; top:0px }

.facultydetails .nav-tabs { padding-bottom: 5px; border-bottom: 1px solid #f2f2f2; margin: 0 0 15px 0;}
.facultydetails .nav-tabs li a{     
  font: var(--font-p); 
  outline: none;  
  font-weight: 600; 
  opacity: 0.6; 
  font-size: 16px; 
  margin-right:15px;
  padding: 0;
    border: none;
    color: var(--black);
    text-decoration: underline solid #fff 20%;
}
.facultydetails .nav-tabs li a:focus,
.facultydetails .nav-tabs li a:hover,
.facultydetails .nav-tabs li a.active,
.facultydetails .nav-tabs li.active a{ 
  color: #662e08;
  text-decoration: underline solid #662e08;
  text-underline-offset: 12px; 
  opacity:1; 
  border: none;
  outline: none;
  background-color: transparent;
}
.facultydetails .nav-tabs li a span{display: inline;position: relative;top: 5px;}
.facultydetails .txt-justify p{ text-align: justify; margin: 0 0 15px 0; }

.facultydetails  .tab-content>.active{opacity: 1;}
select.selectpicker.sorting {
    padding: 8px 15px;
    border-radius: 8px;
}



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);
    }
}


.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;}
@media screen and (max-width:767px) {
  .postid-7280 .faculty-banner-sec .hero_text h4 {width:100%;     line-height:normal;}   
    
}