@import url('https://fonts.googleapis.com/css2?family=Georama:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



html {
     color: var(--black);
 }

 body {
     font-size: 16px;
	   /*font-family: "Poppins", sans-serif;*/
       font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 }

 /* UK CONTAINER */
 .uk-container {
     max-width: 1365px;
 }





 /*####################
COMPONENTS
######################*/

 /*  COMPONENTS  */

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: var(--heading);
     font-family: "Poppins", sans-serif;
     margin-bottom: 0;
     margin-top: 0;
 
 }


 h1 {
     font-size: 48px;
 }

 h2 {
     font-size:36px;
        
 }

 h3 {
     font-size:28px;
 }

 h4 {
     font-size: 24px;
 }

 h5 {
     font-size: 20px;
 }

 h6 {
     font-size: 16px;
 }

 /*text*/
.text-32 {
     font-size: 32px;
 }
 .text-24 {
     font-size: 24px;
 }

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

 .text-20 {
     font-size: 20px;
     text-align: justify;
 }

 .text-18 {
     font-size: 18px;
 }

 .text-16 {
     font-size: 16px;
 }

 .text-14 {
     font-size: 14px;
 }

 .text-12 {
     font-size: 12px;
 }

 /*Gap*/

 .gap-1 {
     gap: 10px;
 }

 .gap-2 {
     gap: 20px;
 }

 .gap-3 {
     gap: 30px;
 }

 .gap-4 {
     gap: 40px;
 }

 .gap-5 {
     gap: 50px;
 }

 .gap-6 {
     gap: 60px;
 }

 .gap-7 {
     gap: 70px;
 }

 .gap-8 {
     gap: 80px;
 }






 .text-4 {
      font-weight:400;
 }

 .text-5 {
        font-weight:500;
 }

 .text-6 {
      font-weight:600;
 }

 .text-7 {
        font-weight:700;
 }

.text-b{
	font-weight:bold;
}
.text-m{
	font-weight:medium;
}

/* text color */

.text-g
{
	color:var(--text-grey);
}
.text-b-m{
	color:var(--black-m);
}


.bg-grad-1{
	background:var(--grad-1);
}

.bg-grad-2{
	background:var(--grad-2);
}




.uk-offcanvas-bar {background:#fff!important}

 .title {}

 .title a {
     color: var(--link);
     transition: color .4s cubic-bezier(.25, .46, .45, .94);
 }

 .title a:hover {
     color: var(--heading);
     text-decoration: none;
 }

.sub-title {
    padding: 5px 23px;
    border: 1px solid var(--blue-1);
    border-radius: 16px;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

 .title-effect{
/*         text-shadow: 1px 0px  var(--yellow),
        0px 1px  var(--yellow),
        -1px 0px  var(--yellow),
        0px -1px  var(--yellow);  */
        color:var(--blue-1);
}

/*img*/
.img-full {
    width: 100%;
}

 /*#####################
COLOR THEME
#######################*/

 .bg-grad {
     background: var(--grad-5);
 }

.text-white {
    color: var(--white);
}

 /*#####################
BUTTON
#######################*/
 .btn , .button {
	 	cursor: pointer;
	display: inline-block;
    position: relative;
    text-decoration: none;
    display: inline-flex;
    gap: 8px;
	padding: 13px 30px;
    /*padding: 16px 36px;*/
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    transition: var(--transition-base);
    transform: sscale(1) translate(0px, 0px);
 }

.btn-arrow {
    width: 16px;
    height: 16px;
    font-weight: 500;
    transform: rotate(0);
}

.btn-text{
	font-size:16px;
	font-weight:bold;
}
.btn:hover , 
.button:hover {
    text-decoration: none;
    transform: scale(1.03) translate(0px, -5px);
}
 

 .btn-green {
     background-color: var(--green);
     color: var(--white);
 }

 .btn-green:hover {
     background: var(--orange);
     color: var(--green);
	 border:1px solid var(--green);
	 background:transparent;
 }

 .btn-white {
     background-color: transparent;
     color: var(--dark-red);
	 padding:0;
 }
 .btn-white:hover{
     background-color: transparent;
     color: var(--red);
	 padding:0;
		transform: none;
 }
a.read-more.btn.btn-white {
    margin-top: 10px;
}
 /*BTN ICON*/
.icon{
	font-size:24px;
	font-weight:600
}

.btn-link{
    padding: 0px 0px;
    
    box-shadow: unset;
    border: 0px solid;
}
.btn-link:focus {
    outline: unset;
     
}
.btn .icon {
    vertical-align: sub;
    transform: rotate(-45deg);
    font-size: 20px;
    font-weight: 500;
}
 .btn-icon-r {padding: 12px 14px 12px 22px;}

 .btn-icon-l {}



/*###############################
social-media 
##################################*/
.social-media {
    padding: 0;
}

 /*#####################
Owl CArosual 
#######################*/
 .owl-nav .owl-prev {
     position: absolute;
     top:40%;
     left: -60px;
	 background-color:transparent;
 }

.owl-nav span {
    border-radius: 100%;
    color: var(--blue-1);
    padding: 0;
    background: #ffffff;
    box-shadow: 1px 1px 30px -5px #00000085;
    width: 40px;
    height: 40px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
	  margin: 0 20px;
}
 .owl-nav .owl-next {
     position: absolute;
     top: 40%;
     right: -60px;
	 background-color: transparent;
 }

 .owl-prev.disabled,
 .owl-next.disabled {
     opacity: 0.2;
     cursor: not-allowed;
 }


 /*#####################
BORDER EFFECTS
#######################*/
 .border-style {
     width: 100%;
 }

 .border-style img {
     width: 100%
 }

 

 .border-bottom {
     transform: rotate(180deg);
 }

 /*SECTIONS*/
 section{
     padding: 80px 0;
     position: relative;
     z-index: 0;
     margin: -1px 0;
 }

.section {
	  padding:40px 0;
}
 section.title-header{
     padding:60px 0 40px;
 }
 
 section.shop-header{
     padding:0;
 }
section.title-header.title-header-small {  
     padding:15px 0;
 }
 

 .section-header {
     margin-bottom:50px;
 } 



 .title-header h3 {
     margin-bottom: 0
 }

 .section-contant {
     margin-top: 30px;
 }

 /*#############################*/
 /*HERO*/
 /*#############################*/
 section.hero {
    padding-top: 150px;
    padding-bottom: 100px;
}
 section.hero h1 {
     font-size: 60px;
     background: -webkit-linear-gradient(360deg, var(--blue-1), var(--blue-2));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

section.hero .hero-image {

    padding-left:0px;
}


/*Section Resources*/


/*Section Contact Us*/
.form.form-contact {
    padding: 40px 60px;
}


/*Section Features*/


section.features{
    padding:20px;   
}






 .animation {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 1s ease-out, transform 1s ease-out;
 }






 /* When the 'in-view' class is added */
 .animation.in-view {
     opacity: 1;
     transform: translateY(0);
 }

 /*Search Form  */
 .search-wrapper {
     position: relative;

 }

header .popup-hover {
    width: 450px;
    position: absolute;
    right: 30px;
    top: 100%;
    z-index: 99999;
    padding: 20px;
}
 .search-wrapper.hidden {
     display: none;
 }

 .search-wrapper input {
     width: 100%;
     padding: 10px 15px;
     font-size: 16px;
     outline: unset;
 }

 #woocommerce-ajax-search-form {
     position: relative;
 }

.search-wrapper #woocommerce-ajax-search-results {
    position: relative;
    background: #fff;
    width: 100%;
    max-height: 283px;
    overflow-y: auto;
    z-index: 9999;
    border-radius: 0;
    margin-top: 10px;
}

 .search-wrapper a.close-button,
 .search-wrapper button {
     position: absolute;
     right: 10px;
     top: 10px;
 }
.site-header .cart-inline {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}
 
 .site-header .cart-inline li a:hover .icon{
color: var(--orange);
 }
 /*############################
}
Filter Options
###############################*/
 .filter-box {
     margin-bottom: 40px;
     gap: 30px;
 }

 .filter-tabs {
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;

 }

 .filter-tabs .tab-item {
     border: 1px solid;
     padding: 8px 15px;
     border-radius:2px  8px 8px 8px;
     box-shadow: 0 0 0 0px;
 }



 .filter-box .search-wrapper {
     position: relative;
     width: 100%;
     margin: 0 auto;
     max-width: 840px;
 }

 .filter-box .search-wrapper .btn-icon {
     background: transparent;
 }


 .filter-tabs.filter-blue .tab-item {
     background: #F1FBFF;
     color: #00A4E4;
     outline: none;
 }

 .filter-tabs.filter-orange .tab-item {
     background: rgba(255, 255, 255, 1);
     color: var(--orange);
     outline: none;
 }
.filter-tabs.filter-blue .tab-item:hover {
     background: #00A4E4;
     color: #FFFFFF;
     border-color: #00A4E4;
     box-shadow: 2px 2px 0 0px var(--dark-red);
 }
 .filter-tabs.filter-blue .tab-item.active {
     background: #00A4E4;
     color: #FFFFFF;
     border-color: #00A4E4;
     box-shadow: 2px 2px 0 0px var(--dark-red);
 }
  .filter-tabs.filter-blue .uk-active .tab-item {
     background: #00A4E4;
     color: #FFFFFF;
     border-color: #00A4E4;
     box-shadow: 2px 2px 0 0px #015BAB;
 }
.filter-tabs.filter-orange .tab-item:hover {
     background: var(--orange);
     color: var(--white);
     border-color: var(--blue-1);
     box-shadow: 2px 2px 0 0px var(--dark-red);
}
 .filter-tabs.filter-orange .tab-item.active {
     background: var(--orange);
     color: var(--white);
     border-color: var(--blue-1);
     box-shadow: 2px 2px 0 0px var(--dark-red);
 }

.filter-box .tab-container{
padding: 60px;
}


/* PAGE Authopur */
/* ===== VOI / AUTHOR CARD – UNIVERSITY DESIGN ===== */

.author-list {
    display: flex;
    gap: 30px;
}

/* Card */
.author-list .voi-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    height: 100%;
        display: flex;
    flex-direction: column;
}

.author-list .voi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.14);
}

/* Image */
.author-item-inner {
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #f3f3f3;
    display: flex;
    align-items: center;       /* vertical control */
    justify-content: center;   /* horizontal control */
}

.author-item-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;  /* ⬅ auto-bias toward face area */
}


/* Content BELOW image */
.voi-content {
    padding: 18px 16px 22px;
    text-align: center;
}

/* Name */
.voi-name {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 6px;
    color: #0b2c4d;
}

.voi-name a {
    color: inherit;
    text-decoration: none;
}

/* Designation */
.voi-designation {
    font-size: 14px;
    color: #666;
    margin-bottom: 14px;
}

/* Read More */
.voi-readmore {
    font-size: 14px;
    font-weight: 500;
    color: #c7912a;
    text-decoration: none;
}

.voi-readmore:hover {
    color: #9e741f;
}

/* Owl fixes */
.author-list.owl-carousel .owl-stage {
    /*display: flex;*/
        display: block;
}

.author-list.owl-carousel .owl-item {
    /*display: flex;*/
     display: block;
    height: auto;
}

.author-list.owl-carousel .owl-item > div {
    width: 100%;
}
/* Remove image color / overlay effect on hover */
.author-item-inner img,
.author-item-inner:hover img,
.voi-card:hover .author-item-inner img {
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}


/* media */
.media .media-item .image{
    overflow: hidden;
}

 /*##################################
newsletter-form
####################################*/
 .newsletter-form {}

 .newsletter-form form {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     flex-wrap: nowrap;
     gap:20px;
     align-items: flex-start;
 }


 .newsletter-form form .gfield input {
     border-radius: 0px 8px 8px 8px;
     background: transparent;
 }

 .newsletter-form form .gfield_label {
     display: none;
 }

 .newsletter-form form .gform-body.gform_body {
     width: 100%;
 }

 .newsletter-form form .gform-footer {
     margin-top: 0
 }

 .newsletter-form form .gform-footer input.gform_button {
     background-color: #F1CC4A !important;
     font-size: 16px !important;
     color: #04549A !important;
     box-shadow: 3px 3px 0 0 #00A5E5 !important;
     border-radius: 0 8px 8px 8px !important;
 }

 .newsletter-form form::placeholder {
     color: white;
     opacity: 0.7;

 }

 .newsletter-form form::-ms-input-placeholder {
     /* Edge 12 -18 */
     color: white;
     opacity: 0.7;
 }


 /*###################################
CONTACT LIST
####################################*/
 .contact-list li a {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 20px;
 }


 /*###################################
subscribe-wrapper
####################################*/
 .subscribe-wrapper {
     text-align: center;
     margin: 0 auto;
     padding: 60px 70px;
     background: #FFE5AF;
     max-width: 100%;
     width: 900px;
 }

 .subscribe-wrapper .newsletter-form {
     width: 500px;
     max-width: 100%;
     margin: 0 auto;
     text-align: left;
 }


 /*###################
INFO BOX
#####################*/

 .info-box {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-content: center;
     align-items: center;
     gap: 30px;
     padding: 30px;
 }

 .info-box .info-content {
     text-align: center;
 }

 /*###################
CATEGORIES SLIDER
#####################*/
 .owl-categories .owl-stage-outer {
     overflow: visible;
 }
.owl-categories .owl-item{
    padding: 15px;
}
.category-item {
 
 
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.category-item .category-inner {
 
    position: relative;
    overflow: hidden;
    transition: var(--transition-base);
}
.category-item .category-inner:hover{
    box-shadow:4px 4px 0 0 var(--orange) ;
    border-color: var(--orange) ;
}
.category-item .title {
 transition: var(--transition-base);
}
.category-item:hover .title {
 
   color: var(--orange) ;
}
.category-item img{
 
}


.category-item .title {
    text-align: center;
}




 /*###################
CATEGORIES SINGLE PAGE
#####################*/

.category-single .content p{
    font-size:20px
}


/*FAQ*/
.faq-list .faq-item {
    padding: 15px 20px;
}
/*##################################
GRADE LEVEL

#####################################*/
.grade-level   .title {
    text-align: center;
}

.grade-level   .title {
    text-align: center;
}

.grade-level .grade-item {
    position: relative;
}

/*######################################
teams
##########################################*/
.team-item {
    height: 100%;
    border-radius: 40px;
    border-top-left-radius: 0;
    background-color: var(--white);
}
.teams .team-item .img-title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.teams .team-item  .team-img img{
    width: 200px;
    height: 200px;
    border-radius: 16px;
    border-top-right-radius: 0px;
margin-right: 20px;
}

.teams .team-item ul.contact-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    list-style-type: none;
    padding: 0;
}

.teams .team-item  ul.contact-info li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
}

.teams .team-item ul.contact-info li a i {
    width: 40px;
    height: 40px;
    background: #F2E3AE;
    text-align: center;
    line-height: 2.1em;
    border-radius: 100%;
    font-size: 20px;
    font-weight: 400;
}

.teams .team-item ul.contact-info li a:hover i{

 background: #e8d8a2;
}

/*SHOP PAGE*/
section.shop{
    z-index: 2;
}
.shop-page.main-navigation {
    font-size: 20px;
    font-weight: 600;
    border-radius: 100px;
    padding: 0 15px;
}
.shop-page.main-navigation  > ul.navbar-nav {
    display: flex;
    justify-content: center;
    gap:25px;
}
.shop-page.main-navigation ul.navbar-nav > li> a {
    padding: 20px 0px 20px 0px;
    font-size: 20px;
    font-weight: 600;
}
.shop-page.main-navigation ul.navbar-nav > li.menu-item-has-children > a::after{

    top: 4px;
    font-size: 24px;
   
    font-weight: 600;
}
.shop-page.main-navigation ul ul.sub-menu {
    padding: 20px;
    width: auto;
}
.shop-page.main-navigation ul ul a {
    width: 200px;
    font-size: 14px;
    display: block;
    font-weight: 500;
}

.shop-page.main-navigation ul ul.sub-menu {
    padding: 20px;
    width: auto;
    gap: 10px;
}




/* Small menu css */

.small-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.small-menu ul {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

.navbar-nav .small-menu ul.sub-menu {
	margin-top:10px;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 10px 0;
    width: 270px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
     transition: all 0.3s ease;
	transform: translateY(10px);
    border-radius: 6px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.small-menu:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.small-menu .sub-menu li {
    display: block;
    width: 100%;
}

.small-menu .sub-menu a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    transition: all 0.6s ease-in-out;
}
.small-menu .sub-menu a:hover {
    color: #fff;
    border-radius: 4px;
    transform: translateX(5px);
}


/* MIND TOUR  */
.minds-tour ul.uk-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px;
    list-style-type: disc;
    justify-content: center;
    gap: 0 20px;
}
.minds-tour ul li {
    width: 45%;
    font-weight: 600;
}
.minds-tour ul ::marker {
    color: var(--orange);
}

.element-design.element-top-left.mind-tour {
    width: 300px;
    left: -150px;
    top: -50px;
}



/*NEWS*/
.news-item {
    position: relative;
}

.news-item:hover h4 {
    color: var(--blue-1);
}




/* FIWE PAGE CSS */

/* TOP LOGO CSS	 */

.Fiwe-logo {
    text-align: center;
    display: flex;
    justify-content: center;
}
.fiwe-top-content {
    display: flex;
    justify-content:center;
	margin-top: 20px;
}

.fiwe-top-content p{
	max-width:660px;
	text-align:center;
}

.fiwe-top-content span{
		font-weight:600;
}



/* STUDENT CARD SECTION CSS */

.student-card{
	display:flex;
}

 .card {
            text-align: center;
            padding: 20px;
            border-radius: 15px;
            position: relative;
        }

.student-card-img img {
        display: flex;
    		height: 250px;
   			 justify-content: center;
    	   	align-content: center;
   			 flex-wrap: nowrap;
  			  flex-direction: column;
    		align-items: center;
  			  margin: 0 auto;
			
        }

.student-title {
            margin-top: 20px;
            font-size: 20px;
            font-weight: bold;
            color: #333;
        }

/* cyrcles section css */

.cyrcles {
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
    gap:50px;
	margin-top:30px;
	
}

.cyrcle{
	width:140px;
	height:140px;
	 text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.cyrcle.headingleft h4 {
    transform: rotate(-5deg);
    display: inline-block;
    white-space: nowrap;

}
.cyrcle.headingright h4{
	    transform: rotate(5deg);
    display: inline-block;
    white-space: nowrap;
}






/* 	HEADER SECTION CSS */

/* top header css */

.top-header {
    background: linear-gradient(90deg, #71171C 0%, #AC121B 52.4%, #71171C 100%);
    color: #fff;
	padding:9px 0;
}


.top-header-content{
	display: flex;
    justify-content: space-between;
    align-content: center;
}

#top-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
}

#top-menu .menu-item {
    position: relative;
}

#top-menu .menu-item a {
    text-decoration: none;
    color: var(--white);
}

.top-header-right {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
}

.online-payment {
    border: 1px solid var(--white);
    padding: 6px 10px;
    border-radius: 6px;
}

/* center header content */

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

.open-admisssion {
    width: 150px;
}

.admission {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 50px;
    margin-left: auto;
    margin-right: 40px;
}
/* bottom header section css*/

.main-menu-section {
    background-color: var(--cream);
}


/* welcome section css */

.welcome-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.row {
    display: flex;
    width: 100%;
    gap: 20px;
}
.small-box {
    width: 23%;
    min-width: 120px;
    padding: 20px;
    text-align: center;
}
.large-box {
    width: 35.5%;
    min-width: 200px;
    padding: 20px;
    text-align: center;
}
.medium-box {
    width:calc(50% - 10px);
    min-width: 180px;
    padding: 20px;
    text-align: center;
}

.media-section {
    display: flex;
    gap:30px;
}
.media-content {
    width: 100%;
}
.media-covrage {
    text-align: left;
    margin-bottom:30px;
    display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
}
.media-covrage h2 {
    line-height: 120%;
    font-weight: bolder;
    text-align: center;
    margin-bottom: 20px;
}
.media-covrage p {

    color: #000;
    line-height: 120%;
    max-width: 620px;
    text-align: center;

}
.grid-media {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    column-gap: 10px;
    margin-top: 20px;
}
.grid-item {
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
}
.grid-item img {
    width: 100%;
    margin-bottom: 10px;
}
.grid-item p {
    font-weight: bold;
  line-height: 32px;
}


/* event section css */

.event-content {
    display: flex;
    flex-direction: column-reverse;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}



/* event and notice board section css */

.card-main {
    /*background-color: #F5F5F5;*/
    background-color:#c7912a;
    padding: 10px 10px; /* fixed as requested */
    width: 440px;
    border-radius: 16px;
}

.card {
    position: relative;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0;
}
/*car button new hemant*/
.card-bottom {
    background: linear-gradient(135deg, #a31616, #7b1010); /* gradient */
    padding: 15px 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0 0 16px 16px; /* match card radius */
    margin-top: -10px;
    cursor: pointer;
    letter-spacing: 0.5px;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(123, 16, 16, 0.3);
}

.card-bottom:hover {
    background: linear-gradient(135deg, #b91c1c, #8a1111);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(123, 16, 16, 0.4);
}

.card-bottom:active {
    transform: translateY(1px) scale(0.98);
    box-shadow: 0 2px 6px rgba(123, 16, 16, 0.3);
}

/* Optional glowing effect on hover */
.card-bottom::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 0 0 16px 16px;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.card-bottom:hover::after {
    opacity: 1;
}

.image-container {
    position: relative;
    width: 100%;
    flex-grow: 1;
    border-radius: 16px;
    overflow: hidden;
}

.image-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 542px;
    border-radius: 16px;
    display: block;
}

.overlay-360 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.overlay-360 img {
    width: 100%;
    height: auto;
}

.card-bottom {
    background-color: var(--dark-red, #7b1010);
    padding: 15px 20px;
    text-align: center;
    color: var(--white, #fff);
    font-size: 18px;
    font-weight: 600;
    border-radius: 0 0 12px 12px;
    margin-top: -10px;
}


.notice-widget {
    height: 610px;
}


/* blog section css */

.blog-section {
    text-align: center;
}

.blog-title {
    margin-bottom: 30px;
}

.blog-container {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.blog-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-align: left;
	display: flex;
    flex-direction: column;
    gap: 30px;
	width:100%;
	
}

.blog-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;

}


.blog-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
	text-decoration: none;padding: 20px;
}


.blog-content h3 {
	font-size:20px;

}

.blog-content p {
    font-size: 14px;
    color: var(--grey);
	line-height:160%;
}

/* View All Blogs Button */
.view-all {
    margin-top: 20px;
}

.view-all-btn {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
}

.view-all-btn:hover {
    background: #333;
}

/* Blog Page Styling */
.blog-page {
    text-align: center;
    padding: 50px 0;
}

/* page-slider */

.page-slider-section{
	background: linear-gradient(275deg, #71171C -4.64%, #D72C35 100%);
}

.page-slide {
    border-radius: 15px;
    
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
 
}

.page-slide img {
    width: 100%;
    height: auto;
    border-radius: 15px 15px 0 0;
}

.text-content {
    padding: 15px;
    text-align: left;
}

.text-content h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.text-content p {
    font-size: 14px;
    color: #666;
    margin: 10px 0;
}



.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.owl-nav button {
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 5px 10px;
    font-size: 20px;
    cursor: pointer;
}

/* Logo Slider */
.logo-slider img {
    max-width: 100px;
    height: auto;
    display: block;
    margin: auto;
}
.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}



/* Voice of Experience */

.voi-carousel  {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     gap: 40px;

 }

 .voi-carousel .author-item {
     position: relative;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 4px 4px 0 0px #E2E2E2;
     transition: var(--transition-base);
     width: calc(100% - 0px);
 }

 .voi-carousel  .author-item:hover {
     border-radius: 8px;
     box-shadow: 4px 4px 0 0px var(--dark-red);

 }

 .voi-carousel .author-item img {
     transition: var(--transition-base);
     transform: scale(1.0);
     width: 100%;

 }

 .voi-carousel  .author-item:hover img {
filter: brightness(0.5) contrast(1.2) saturate(1.2) blur(2px);
    transform: scale(1.1);

 }

 .voi-carousel  .author-item .author-item-inner {

     overflow: hidden;
 }

 .voi-carousel  .author-item .author-item-overlay {

     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     display: flex;
     flex-direction: column;
     transition: var(--transition-base);
     align-items: center;
     padding: 5px;
     color: #fff;
     justify-content: flex-end;
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 62%, rgba(1,91,171,0.6083683473389356) 81%, rgba(1,91,171,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 62%, rgba(1,91,171,0.6083683473389356) 81%, rgba(1,91,171,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 62%, rgba(1,91,171,0.6083683473389356) 81%, rgba(1,91,171,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#015bab",GradientType=1);
 }


.voi-carousel .author-item .author-item-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex
;
    flex-direction: column;
    transition: var(--transition-base);
    align-items: center;
    padding: 5px;
    color: #fff;
    justify-content: flex-end;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 62%, rgba(1, 91, 171, 0.6083683473389356) 81%, rgba(1, 91, 171, 1) 100%);
    background: linear-gradient(180deg, rgb(113 23 28 / 0%) 62%, rgb(113 23 28 / 63%) 81%, rgb(113 23 28) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#015bab",GradientType=1);
}

 .voi-carousel .author-item:hover .author-item-overlay::after {
     opacity: 1;
 }

 .voi-carousel  .author-item .author-overlay-content {
     text-align: center;
     position: relative;
     transition: var(--transition-base);
     top: 0;
     height: 35px;
  
 }
 .voi-carousel .author-item .author-overlay-content  h4{
 font-size:22px;
  
 }
 .voi-carousel  .author-item:hover .author-overlay-content {
     top: -140px;
     z-index: 2;
 }

 .voi-carousel  .author-item .author-overlay-content .book-list {
     transition: opacity 0.3s ease-in-out;
     transition: var(--transition-base);
     opacity: 0;
 }

  .wpb_wrapper .voi-carousel    p{
        text-align: center;
    }


 .voi-carousel  .author-item:hover .author-overlay-content .book-list {
     opacity: 1;
 }
.voi-carousel .author-item .author-overlay-content .btn-link {
     transition: opacity 0.3s ease-in-out;
     transition: var(--transition-base);
     opacity: 0;
 }

 .voi-carousel  .author-item:hover .author-overlay-content .btn-link {

     opacity: 1;
 }
.voi-carousel .owl-carousel .owl-item {
    transform: scale(0.85); transition: var(--transition-base);
}
.voi-carousel .owl-carousel .owl-item.center {
    transform: scale(1); margin: 0 10px;
}
 

a.btn.btn-link.btn-icon {
    margin-top: 20px;
}
 
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 35px;
    margin-top: 40px;
}


/* annoucements section css  */
.announcement-bar {
			display: flex;
			align-items: center;
			background: #630d0d;
			color: white;
			font-weight: 500;
			overflow: hidden;
			white-space: nowrap;
			font-size:14px;
			margin-top:-40px;
		}

        .announcement-label {
			background: rgba(255, 242, 242, 1);
			color: black;
			padding: 8px 20px 8px 80px;
			font-weight: 600;
			border-radius: 0 50px 50px 0;
			font-size:14px;
			
		}

        .marquee-container {
            overflow: hidden;
            width: 100%;
            position: relative;
        }

        .marquee-content {
            display: flex;
            gap: 20px;
            animation: scroll 30s linear infinite;
        }

        .announcement-item {
            font-size: 14px;
        }

             .marquee-content img, .marquee-content span {
            height: 21px;
        }

        @keyframes scroll {
            from {
                transform: translateX(100%);
            }
            to {
                transform: translateX(-100%);
            }
        }