body,html{overflow-x:hidden;font-family: Bricolage Grotesque, Sans-serif;}h1,h2,h3,h4,h5,h6{font-family: Bricolage Grotesque, Sans-serif;}
html {
  scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: Bricolage Grotesque, Sans-serif;  margin-bottom: 0; font-weight: normal;
}

a {
    text-decoration: none
}



.container{  max-width: 1440px;}
section{ padding:4% 0;}

/* Full header section */
.header-section {
  position: relative;
 height: 100vh; 
  color: #fff;
  overflow: hidden;
}

/* Video background */
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

/* Dark overlay on video 
.header-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 33, 71, 0.5); /*
  z-index: 0;
}*/

/* Top bar */
.top-bar {
  background: rgba(0, 33, 71, 0.8);
  font-size: 14px;
  padding: 5px 0;
  position: relative;
  z-index: 1; 
}
.navbar-expand-lg{ background: rgba(0, 33, 71, 0.5); padding: 2px 0;}
/*==navbar start==*/
#offcanvasMenu .dropdown-menu {
  display: none;       
  position: relative;
  margin-left: 0;
  border: none;
  box-shadow: none;
}

#offcanvasMenu .dropdown-menu.show {
  display: block; 
}

/* Sticky navbar style */
.fixed-top-scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  background: rgba(0, 33, 71, 10);
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

.navbar-expand-lg .offcanvas{ display: none !important;}
.navbar .dropdown-toggle::after {display: none !important;content: none !important;}
#offcanvasMenu .dropdown-toggle::after {display: none !important; content: none !important;}
.navbar-expand-lg .navbar-nav .nav-link{ padding: 20px 14px;font-size: 18px;font-weight: 300;color: #fff;}
.dropdown-item{ color: #fff;}
.navbar-expand-lg .navbar-nav .nav-link:hover{color:#EB1C24; }
.navbar-expand-lg .navbar-nav .nav-link .bi{ color: #fff;font-size: 16px;}
.navbar-expand-lg .navbar-nav .dropdown-item{padding: 8px 22px ; }
.dropdown-item.active, .dropdown-item:active{background: #EB1C24;color: #fff;}
.dropdown-item:focus, .dropdown-item:hover{ background: #EB1C24;color: #fff;}
.navbar-expand-lg .navbar-nav .dropdown-menu{border-radius: 0;background: #012145;}
.dropdown-submenu .dropdown-toggle .sub-arrow-right .bi{float: right; margin-left: 5px; color:#fff; }
.dropdown-submenu .dropdown-toggle .sub-arrow-right .bi:active{ color:#fff;}
.offcanvas {overflow-y: auto;height: 100%; }
/*==end navbar==*/

.bi{ color: #EB1C24;font-size: 16px;}
.top-bar p{ display: inline-block; font-size: 14px; color: #fff;margin-right: 18px; font-weight: 400;}
.top-bar p a{ display:inline-block; color: #fff;}
.right-header p{ margin-right: 6px;}
.right-header .linkpara{ color:#fff;}
.right-header .linkpara a{    display: inline-block;color: #fff;font-weight: 500;background: #EB1C24;padding: 3px 9px;border-radius: 3px;}
.right-header .linkpara a:hover{ color: #fff;}
/*.headerlogo{  position: absolute; top: 10px;}*/
.right-header .announcement-slider{ float: left;width: 60%;}
/*.headerlogo{ width: 75%;}*/
.right-header .announcement-slider p{ color: #fff;    font-size: 14px;}
.linkpara .bi-chevron-right{ font-size: 11px; color: #fff;}
.right-header{ text-align: right;}

.scroll-logo{display: none;}

@media (min-width: 992px) { 
.light-logo{isplay: inline-block;}
.fixed-top-scrolled .light-logo{display: none;}
.fixed-top-scrolled .scroll-logo{display: inline-block;}
  .headerlogo{  position: absolute; top: 10px;} 
}


.applybtn{ background: #EB1C24; color: #fff; border-radius: 60px;padding: 6px 25px; margin-left: 20px; font-weight: 100;}
.applybtn:hover{ background: #EB1C24;}
.arrow-right{ background: #EB1C24; width: 35px; height: 35px; border-radius: 50%; text-align: center;padding-top: 6px; display: inline-block; margin-left: -6px;}
.arrow-right .bi{color: #fff;  }

.announcement-info{position: relative; background: #F0F7FF; border-radius: 65px; padding: 15px 30px; margin-top: -30px;}
.announcement-info h3{ color: #EB1C24; font-size: 22px;    font-weight: 600;}
.announcement-info h3 i{ color: #000; font-weight: 600; font-size: 22px;}
.announcement-slider{ width: 100%;}
.announcement-slider p{  text-align: right; margin: 0; font-size: 18px;}
.announcement-sec{ position: relative;}
.announcement-slider {
  width: 100%;  
  overflow: hidden;     
  position: relative;
  white-space: nowrap;  
}
.announcement-slider p {
  display: inline-block; 
  padding-left: 100%;  
  animation: scrollLeft 25s linear infinite;
  margin: 0; color: #000;
}
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.title-sec{ text-align: center; margin-bottom: 60px;}
.title-sec h3{ font-size: 35px; color: #012145;}
.title-sec h4{ font-size: 25px; color: #012145; font-weight: 400;}

.stories-tab-slider .nav-pills .nav-link{ background: #F0F7FF; text-align: left; border-radius: 10px; padding: 24px; margin-bottom: 15px;}
.nav-pills .nav-link:hover { background-color: #EB1C24;  color: #fff; }
.stories-tab-slider .nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background: #EB1C24; color: #fff;}
.stories-tab-slider h4{  font-size: 18px;    color: #000; }
.stories-tab-slider h3{  font-size: 22px; font-weight: 600;     color: #000;}
.nav-pills .nav-link:hover h3,
.nav-pills .nav-link:hover h4 { color: #fff; }
.nav-pills .nav-link.active h3,
.nav-pills .nav-link.active h4 { color: #fff; }
.stroties-tab-slide .leftarrow{ text-align: right;}
.leftarrow .bi{ color: #fff; font-size: 30px;}
.stories-tab-slider .nav-pills .nav-link .bi{ color: #EB1C24;}
.nav-pills .nav-link:hover .bi{ color: #fff; }
.nav-pills .nav-link.active .bi{ color: #fff; }

/*===========Student proile info=============*/
/*.student-profile-info { background: url(../images/team/Areefa-Begum.png) no-repeat; padding: 30px 15px 15px 15px; width: 100%; height:100%; background-size:100% ;}*/

.profile-card p{ color: #fff; font-size: 15px;font-weight: 100; }
.profile-card .extra-light-para{ font-weight: 100;font-size: 15px;}
.profile-card h4{ color: #fff; font-size: 18px; font-weight: 400;}
.profile-card h5{ color: #fff; font-size: 20px;font-weight: 600;}
.profile-card .semibold-para{ font-weight: 400;}

.profile-card {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.profile-card img {
  width: 100%;
  display: block;
  border-radius: 15px;
}

.overlay-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 33, 71, 0.4); 
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 0 0 15px 15px;    margin: 10px;
  border-radius: 10px;
}

.owl-carousel .owl-nav button{ background: #EB1C24 !important;width: 30px;height: 30px;border-radius: 50% !important;}
.owl-carousel .owl-nav button:hover{ background: #002147 !important; }
.owl-carousel .owl-nav button .bi{ color: #fff; }  
.stories-tab-slider .owl-theme .owl-nav{ margin-top: 30px; text-align: left; }


/*============organizations css===========*/
 
.organizations-sec{ background:#002147 url(../images/patter-bg.png) no-repeat;  padding-bottom: 6%;background-size: cover;}
.organizations-sec .title-sec h3{ color:#fff;}
.organizations-sec .title-sec h4{ color:#fff;}
.organizations-para p{ color: #fff ;}
.organizations-para .para1{ font-size: 16px; font-weight: 100;}
.organizations-para .para2{  font-size: 22px; font-weight: 500;}
.organizations-para .para3{  font-size: 18px; font-weight: 100; }
.organizations-para a{ display: block;}
.organizations-para .linkedin-icon {   
  background-color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 7px;       
  cursor: pointer; margin-top: 15px;       

}
.organizations-para .linkedin-icon:hover {
  background-color: #EB1C24; 
}
.organizations-para .linkedin-icon img{ width: 100%;}
.organizations-sec-info .owl-nav{ margin-top: 50px !important;}


/*=============Average css============*/
.average-sec{ margin-top: -62px;}
.average-sec .average-box{ background: #F4D8D9; border-radius: 10px; border:none; width: 85%; margin: 0 auto;}
.average-sec .average-icon{ margin-right: 20px;width: 15%; }
.average-sec p{ color:#002147; font-size: 18px;font-weight: 400;}
.average-sec h5{ color:#002147; font-size: 22px; font-weight: 800;}
.average-sec .card-body{ padding: 15px;    margin: 0 auto;}


/*=============Welcome css============*/
.welcome-sec{ padding-bottom: 0;}
.welcome-bg{ background: url(../images/kolkata-bg.png) no-repeat; background-size: cover;    border-radius: 25px; }
.welcome-bg .title-sec{ text-align: left; margin-bottom: 30px;}
.welcome-info{ background-color: rgba(0, 33, 71, 0.8); border-radius: 20px; padding: 40px;margin: 10%;backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
.overlay-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 33, 71, 0.2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);}
.welcome-bg .white-color{ color: #fff;}
.welcome-bg p{ font-size: 16px; font-weight: 200; margin-bottom: 20px;}
.welcome-bg .applybtn-box a{margin-left: 0; }
.welcome-bg .applybtn-box a:hover{ color: #fff;}
.applybtn-box .bi{ color: #fff;}
.applybtn-box .btn{ background: #EB1C24;border-radius: 60px;padding: 8px 14px;font-size: 15px; color: #FFF;}
.applybtn-box .dropdown-menu{ background: #012145; font-size: 16px;}

/*===========Business Leaders css=============*/
.inspiration-sec .title-sec{ margin-bottom: 40px;}
.para-info{ margin-bottom: 40px;}
.para-info p{ text-align: center; font-size: 16px; padding: 0 13%; width: 100%;}
.leaders-info {background: #F0F7FF;border-radius: 10px;text-align: center;margin-top: 33%;padding: 40px 10px; flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;}
.leaders-photo img {width: 165px !important;margin: -130px auto 0 auto;}
.leaders-info .leaders-name {font-size: 20px;color: #ED3E44;font-weight: 500;margin-top: 15px;}
.leaders-info .designation-para {font-size: 16px;color: #404040;margin-bottom: 5px; }
.leaders-info .company-name { font-size: 20px; color: #404040; font-weight: 500;margin-top: 13px; }
.business-leaders .owl-nav{ margin-top: 50px !important;}

/*=============Highlight css=============*/
.highlight-sec{ background: #002147 url(../images/patter-bg.png) no-repeat;}
.highlight-sec .title-sec h3{ color: #fff; text-align: left;}
.highlight-sec .title-sec h4{ color: #fff; text-align: left;}
.highlight-list{ background:#073060; border-radius: 8px; padding: 20px; margin-bottom: 10px;}
.highlight-list p{ color: #fff; font-size: 16px;}
.highlight-list img{ width: 50px;}
.vertical-slider {
  width: 90%;
  height: 500px; /* 4 cards visible */
  overflow: hidden;
  position: relative;
}

.slide-track {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 0;
}

.slide-item {
  width: 100%;
  display:flex;
}

/*==========Insight css========*/
.insight-speak-info{ background: url(../images/insight-bg.jpg) no-repeat;padding: 40px 40px 0 40px; position: relative; overflow: hidden; border-radius: 8px;}
.insight-info p{ color: #002147; font-size: 16px;}
.insight-info h3{ color: #002147; font-size: 18px; margin-top: 20px; font-weight: 600;}
.red-bg-info {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  width: 95%;
  margin: 0 auto;
  background: rgba(235, 28, 36, 0.65); /* semi-transparent overlay */
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease; border-radius: 7px;padding: 12px;
}
.insight-sec .owl-nav{ text-align: right !important;}
.insight-speak-info img{width: 351px !important; }

/*==============News event css=============*/
.alumni-card {
  display: block;
  align-items: center;
  background: #F0F7FF;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  transition: transform 0.3s ease; 
  flex-direction: column;
  height: 100%;
}

.alumni-card:hover {
  transform: translateY(-4px);
}

.alumni-img {
     padding: 20px;
}

.alumni-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;  border-radius: 10px;
} 

.alumni-content {
  padding: 16px 20px;
  color: #000; display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.alumni-content h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px; color: #000;
}

.alumni-content p {
  font-size: 18px; color: #000; margin: 10px 0; font-weight: normal;
}

.alumni-content .desc {
  margin-top: 8px;
  color: #333;
  font-size: 16px;
}

.news-event-sec .owl-carousel .owl-stage {
  display: flex !important;
}
.news-event-sec .owl-carousel .owl-item {
  display: flex;
  height: auto !important;
}

/* Responsive */
@media (max-width: 600px) {
  .alumni-card {
    flex-direction: column;
  }
  .alumni-img {
    width: 100%;
  }
  .alumni-content {
    padding: 12px 15px;
  }
}
.news-event-sec .owl-theme .owl-nav{ display: flex !important;justify-content: center; margin-top: 0; position:absolute; width: 100%; top:47% ;}
.news-event-sec .owl-carousel .owl-nav button.owl-prev{ position:absolute; left:-39px; margin: 0;}
.news-event-sec .owl-carousel .owl-nav button.owl-next{ position:absolute; right:-39px; margin: 0;}

/*====================Footer css==============*/
.footer-sec{background: #012145 url(../images/footer-pattern.png) no-repeat; background-size:cover;padding: 4% 0 0 0;}
.address-section { color: #fff;  font-size: 16px;text-align: left; font-weight: 200;}
.address-section i { font-size: 20px; color: #EB1C24;margin-right: 17px !important;}
.footer-info h3{ text-align: left; font-size: 22px; margin-bottom: 20px; color: #fff; font-weight: 600;} 
.footer-info a{ display: inline-block; color: #fff; font-weight: normal;}
.address-bar{ margin-bottom: 20px;}
.quick-links a{ display: block; color: #fff; font-size: 16px; font-weight: normal;}
.custom-list a{ display: block; font-weight: normal;}
.custom-list {list-style-type: disc; padding-left: 20px;}
.custom-list li {position: relative;margin-bottom: 8px;}
.custom-list li::marker {color: #EB1C24; }
.footer-bottom{ border-top: 1px solid rgba(234, 229, 229, 0.65); padding: 3% 0; margin-top: 3%;}
.footer-bottom .redpara{color: #EB1C24; font-weight: 600; }
.footer-bottom p{ font-size: 16px; color: #fff;}
.social-icons{ text-align: right;}
.social-icons a{     display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ea212b;
    text-align: center;
    padding: 9px;
    margin-right: 17px;}
.social-icons a i{ color: #fff;}


/*=======================Red Sidebar icons css===============*/
:root {
  --main-color: #d9393f;
  --drawer-bg: #fff;
}


/* sidebaricon desktop */
.sidebaricon {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 12455;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transition: right 0.4s ease;
}
.sidebaricon.shift { right: 300px;}
.icon-item {display: flex;align-items: center;background: #EB1C24;color: #fff;border-radius: 8px 0 0 8px;margin:2px 0; padding: 10px; cursor: pointer;transition: all 0.3s ease;overflow: hidden;width: 45px;}
.icon-item span {margin-left: 10px;white-space: nowrap;opacity: 0;transition: opacity 0.3s ease;line-height: 19px;}
.icon-item:hover {width: 140px;}

.icon-item:hover span {opacity: 1;}
.drawer {position: fixed;
  top: 50%;
  right: -380px;
  transform: translateY(-50%);
  max-height: 100%;
  width: 300px;
  background: #F0F7FF;
  transition: right 0.4s ease;
  padding: 35px 20px;
  z-index: 1100;
  overflow-y: auto;
  border-radius: 0;  scroll-behavior: smooth;
}

.drawer.active {right: 0;}
.drawer h5 {color: #EB1C24; margin-bottom: 15px;}
.drawer .btn-submit {background-color: #EB1C24;color: #fff;border: none;}

.drawer .close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  color: #555;
  cursor: pointer;
  transition: color 0.3s ease;
}
.dropdown-toggle i {transition: transform 0.3s ease;}
.dropdown-toggle i.rotate { transform: rotate(180deg);}
.drawer .close-btn:hover {color: #EB1C24;}
.contatcinfo { text-align: center; }
.contatcinfo p{ font-size: 18px; color: #ea212b; }
.contatcinfo .phonesec{ color: #000;}

#submitc2{
	display:none;
}
#submitb2{
	display:none;
}


/*========Faq css======*/
.faq-section { background: url(../images/faq-bg.jpg) no-repeat; background-size: cover;}
.faq-section h2 {
  color: #EB1C24;
  font-weight: 700;
}
.faq-section .accordion{ margin: 0 5%;}
.faq-section .accordion-button {
  background-color: #F0F7FF;
  font-weight: 600;  padding: 30px;  font-size: 20px;
}
.faq-section .accordion-item{ margin-bottom: 20px; border-radius: 10px;}
.faq-section .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #EB1C24;
  box-shadow: none;
}

.faq-section .accordion-body {
  background-color: #fff;
  color: #333;
  font-size: 16px;padding: 30px;
}
.top-bar .res-phone{ display: none;}
.res-dropdownbtn{ display: none;}

/*=========Programme Offered css============*/
.programmes-offered-sec{
	background:#fbfbfb;
}

.programmes-offered-sec .owl-carousel .item {
  display: flex;
  align-items: stretch;padding: 10px; 
}
.programmes-info {
  text-align: center;
  border: 1px solid #194a81;
  padding: 25px;
  width: 100%;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #052b52;
  transition: all 0.3s ease;
  height: 100%; 
}

.programmes-info img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 20px;
}

.programmes-info h4 {
  color: #fff;
  font-size: 20px;
  margin: 0;
  min-height: 48px; 
  display: flex;
  align-items: center;
  justify-content: center;
}

#captcha {
    width: 80%;
  border: 1px solid #ddd;
  border-radius: 4px;
}
#captcha1{
    width: 80%;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.correctCaptcha {
  color: green;
}
.incorrectCaptcha {
  color: red;
}


.center {
    display: flex;
    flex-direction: column;
    align-items: center;
}


#refreshButton {
    background-color: #0d6efd;
    border: 0px;
    font-weight: bold;
	color:#fff;
	padding:4px 10px;
	border-radius:5px;
	font-size:18px;
}

#refreshButton1 {
    background-color: #0d6efd;
    border: 0px;
    font-weight: bold;
	color:#fff;
	padding:4px 10px;
	border-radius:5px;
	font-size:18px;
}


.incorrectCaptcha {
    color: #FF0000;
	font-size:14px;
}

.correctCaptcha {
    color: #198754;
	font-size:14px;
}

.error{
color:#FF0000;

font-size:14px;
}