/*

TemplateMo 569 Edu Meeting

https://templatemo.com/tm-569-edu-meeting

*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

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

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
  color: #98642c;
}

a:hover {
	color: #FC3;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 25px;
  color: #2a2a2a;
}

img {
  width: 100%;
  overflow: hidden;
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: none; /* For Firefox */
}

/* Hide scrollbar for WebKit-based browsers (Chrome, Safari, etc.) */
body::-webkit-scrollbar {
  display: none;
}
::selection {
  background: #f5a425;
  color: #fff;
}

::-moz-selection {
  background: #f5a425;
  color: #fff;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

/* Twitter icon */
.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}

/* Twitter icon */
fa-brands fa-linkedin{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}

/* header Button Styling */
.header-button {
  font-size: 11px;
  background-color: #FFFFFF; /* Background color for the button */
  padding: 5px 10px; /* Padding for the button */
  display: inline-flex; /* Ensures alignment with other inline elements */
  align-items: center; /* Vertically center the content */
  border-radius: 6px; /* Rounded corners */
  font-weight: 600; /* Font weight */
  transition: all .3s; /* Smooth transition for hover effects */
}

/* Style for the link inside .header-button */
.header-button a {
  color: #98642c; /* Text color for the button link */
  text-decoration: none; /* Remove underline */
}

.header-button:hover {
  background-color: #F5A700; /* Slightly darker shade on hover */
}

.header-button a:hover {
  color: #FFFFFF; /* Change text color on hover */
}

/* Button Styling */
.header-button {
  font-size: 11px;
  color: 	#98642c;
  background-color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex; /* Ensures alignment with other inline elements */
  align-items: center; /* Vertically center the content */
  border-radius: 6px;
  font-weight: 600;
  text-transform: capitalize;
  text-decoration: none; /* Remove underline */
  transition: all .3s;
}

.header-button:hover {
  background-color: #F5A700; /* Slightly darker shade on hover */
}
a {
  color: #98642c; /* Text color */
  text-decoration: none; /* Remove underline */
}

a:hover {
  color: #FFFFFF; /* Change color on hover */
}

/*caption button*/
.main-button-red a {
  font-size: 13px;
  color: #fff;
  background-color:  #F5A700;
  padding: 12px 30px;
  margin-left: 60px; 
  padding-right: 20px;
  text-align: center;
  display: inline-block;
  border-radius: 6px;
  font-weight: 500;
  text-transform: capitalize;
  transition: all .3s;
  z-index:2;
}

.main-button-red a:hover {
  opacity: 0.9;
}


.main-button-yellow a {
  font-size: 13px;
  color: #fff;
  background-color: #f5a425;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
}

.main-button-yellow a:hover {
  opacity: 0.9;
}

.section-heading h2 {
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 50px; 
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(250,250,250,0.15);
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}


/* 
---------------------------------------------
header
--------------------------------------------- 
*/
/* Header Styling with Curved Side */
.sub-header {
  background-color: #98642c;
  position:relative;
  z-index: 1111;
  height: 70px;
  margin-top: -25px;
  border-bottom-left-radius: 50px; /* Curves the top-right corner */
}

.sub-header .left-content p {
  color: #fff;
  padding: 2px 0px;
  font-size: 13px;
}

.sub-header .right-icons {
  text-align: right;
  padding: 4px 0px;
}

.sub-header .right-icons ul li {
  display: inline-block;
  margin-left: 15px;
}

.sub-header .right-icons ul li a {
  color: #fff;
  font-size: 14px;
  transition: all .3s;
}

.sub-header .right-icons ul li a:hover {
  color: #f5a425;
}

.sub-header .left-content p em {
   font-style: normal;
   color: #f5a425;
}

.background-header {
  background-color: #fff!important;
  height: 80px!important;
  position: fixed!important;
  top: 0!important;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
}

.background-header .main-nav .nav li a {
  color: #1e1e1e!important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #1e1e1e!important;
}

.background-header .main-nav .nav li:hover a {
  color: #fb5849!important;
}

.background-header .nav li a.active {
  color: #fb5849!important;
}

.header-area {
  background-color: rgb(255,255,255);
  position: absolute;
  top: 15px; 
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  min-height: 50px;
  background: transparent;
}

.header-area .main-nav .logo {
  line-height: 50px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.background-header .main-nav .logo {
  line-height: 50px;
}

/* Add logo image styling here */
.background-header .logo img {
  width: 163px; /* Desired width */
  height: 148px; /* Maintain aspect ratio */
  max-height: 50px; /* Keep height consistent with header */
}
.background-header .nav {
  margin-top: 10px !important;
}

.header-area .main-nav .nav {
  float: right;
  margin-top: 30px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li {
  padding-left: 15px;
  padding-right: 15px;
}

.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: #090707;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #f5a425!important;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #f5a425!important;
  opacity: 1;
}

.header-area .main-nav .nav li.has-sub {
  position: relative;
  padding-right: 15px;
}

.header-area .main-nav .nav li.has-sub:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 12px;
}

.background-header .main-nav .nav li.has-sub:after {
  color: #1e1e1e;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu {
  position: absolute;
  width: 200px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 40px;
  opacity: 0;
  transition: all .3s;
  transform: translateY(+2em);
  visibility: hidden;
  z-index: -1;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
  opacity: 1;
  display: block;
  background: #f7f7f7;
  color: #2a2a2a!important;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.has-sub ul li a:hover {
  background: #fff;
  color: #f5a425!important;
  padding-left: 25px;
}

.header-area .main-nav .nav li.has-sub ul li a:hover:before {
  width: 3px;
}

.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 33px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 23px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.header-area.header-sticky {
  min-height: 80px;
}

.header-area .nav {
  margin-top: 30px;
}

.header-area.header-sticky .nav li a.active {
  color: #f5a425;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 7px;
    padding-right: 7px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .header-area .main-nav .logo {
    color: #1e1e1e;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area {
    background-color: #f7f7f7;
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area.header-sticky .nav {
    margin-top: 100px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #191a20 !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #f5a425!important;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}

@media (min-width: 767px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}


/* 
---------------------------------------------
banner
---------------------------------------------
*/

.main-banner {
  position: relative;
  overflow: hidden;
  margin-top: -7px;
  margin-bottom: -7px;
  height: 95vh; /* Ensures full height of the viewport */
}

#bg-video {
  min-width: 100%;
  min-height: 95%;
  max-width: 100%;
  max-height: 95%;
  object-fit: cover;
  z-index: -1;
}

#bg-video::-webkit-media-controls {
  display: none !important;
}

.carousel-item {
  position: relative;
  margin-top: -500px;
}


.video-overlay-black {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* Black with 60% opacity */
  z-index: 1; /* Places it above the video */
}

.video-overlay {
  z-index: 2; /* Ensures it appears above the black cover */
}

.main-banner .caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers the caption horizontally and vertically */
  text-align: center; /* Centers the text inside the caption */
  width: 90%; /* Adjusted for better responsiveness */
  max-width: 600px; /* Ensures it stays in a manageable width */
  padding: 0 20px; /* Adds padding to avoid text touching edges on small screens */
  z-index: 1;
}

.main-banner .caption h6 {
  margin-top: 0;
  font-size: 14px; /* Adjusted font size for better readability on small screens */
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}
.main-banner .caption h2 {
  margin: 0;
  font-size: 38px;
  padding: 20px;
  text-transform: none;
  font-weight: 600;
  color: #ffffff; /* Base text color */
  letter-spacing: 1px;
  
  /* Stronger emboss effect using two shadows */
  text-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.8),  /* Dark shadow for the embossed effect */
    -5px -5px 10px rgba(214, 205, 205, 0.6); /* Highlight at the top-left for light reflection */
}

.main-banner .caption p {
  color: #ffffff;
  font-size: 12px;
  max-width: 100%;
  text-shadow: 
    2px 2px 5px rgba(0, 0, 0, 0.9),  /* Darker shadow for a more defined emboss */
    -1px -1px 3px rgba(255, 255, 255, 0.5); /* Light highlight for a lifted effect */
  margin: 0 auto;
}

.main-banner .caption .main-button-red {
  margin-top: 20px;
}

/* Media Query for Tablets and Smaller Screens */
@media screen and (max-width: 1024px) {
  .main-banner .caption h6 {
    font-size: 16px; /* Adjusted for tablet screens */
  }

  .main-banner .caption h2 {
    font-size: 32px; /* Adjusted for tablet screens */
  }

  .main-banner .caption p {
    font-size: 14px; /* Adjusted for tablet screens */
  }

  .main-banner .caption .main-button-red {
    margin-top: 20px; /* Reduced margin for tablets */
  }
}

/* Media Query for Mobile Devices */
@media screen and (max-width: 767px) {
  .main-banner {
    height: auto; /* Allows the banner to adjust height based on content */
  }

  .main-banner .caption {
    width: 90%; /* Ensures caption width adapts to mobile screens */
    padding: 0 15px; /* Adjusted padding for mobile */
  }

  .main-banner .caption h6 {
    font-size: 12px; /* Smaller font size for mobile */
  }

  .main-banner .caption h2 {
    font-size: 24px; /* Smaller font size for mobile */
    padding: 15px; /* Reduced padding for mobile */
  }

  .main-banner .caption p {
    font-size: 12px; /* Smaller font size for mobile */
  }

  .main-banner .caption .main-button-red {
    margin-top: 15px; /* Reduced margin for mobile */
  }
}

/*Test programme css *

.header-programme {
  color: fff;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.5px;
  block-size:120px;
  margin-top: -80px;
  transform: translate(50%, -50%); /* Centers the caption horizontally and vertically *
  position: relative;
  width: 90%;
  display: flex;
  justify-content: space-around; /* Distributes the items evenly *
  padding: 0px 3px; 
  max-width: 300px; /* Ensures the block doesn’t grow beyond this *
  align-items: center; /* Centers the block vertically *

}

.header-programme-title {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.5px;
}

.header-programme1{
  background-color:#98642c;
  border: 1px solid #98642c;
  padding: 30px 50px;
  margin:10px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5), /* Light shadow on top *
              inset 3px 3px 10px rgba(0, 0, 0, 0.2); /* Dark shadow at the bottom *
}

.header-programme2{
  background-color: #409FB9;
  border: 1px solid  #409FB9;
  padding: 30px 50px;
  margin:10px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5), /* Light shadow on top *
              inset 3px 3px 10px rgba(0, 0, 0, 0.2); /* Dark shadow at the bottom *
}
.header-programme3{
  background-color:#c8bcac;
  border: 1px solid #c8bcac;
  padding: 30px 50px;
  margin:10px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5), /* Light shadow on top *
              inset 3px 3px 10px rgba(0, 0, 0, 0.2); /* Dark shadow at the bottom *
}

.header-programme4{
  background-color: #F5A700;
  border: 1px solid  #F5A700;
  padding: 30px 50px;
  margin:10px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5), /* Light shadow on top *
              inset 3px 3px 10px rgba(0, 0, 0, 0.2); /* Dark shadow at the bottom *
}

.header-programme5{
  background-color: #F97411;
  border: 1px solid  #F97411;
  padding: 30px 50px;
  margin:10px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5), /* Light shadow on top *
              inset 3px 3px 10px rgba(0, 0, 0, 0.2); /* Dark shadow at the bottom *
}
*/ 

/* Home page aboutus Start */
.aboutus {
  padding: 5rem 0;
  
}
.aboutus-title {
  font-size: 32px;
  color: black;
  line-height: 50px;
  font-weight: 200px;
  letter-spacing: 0.5px;
  margin-top: -160px;
  margin-bottom: 2px; /* Reduce the margin to make room for the line */
  text-align: center; /* Centers the title */
}

.line-with-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.line-with-icon .line {
  width: 80px; /* Shorter line width */
  height: 2px;
  background-color: #f5a425; /* Line color */
}

.line-with-icon i {
  font-size: 24px; /* Graduation cap size */
  color: black; /* Icon color */
  margin: 0 10px; /* Space around the icon */
}

.aboutus-item-title {
  font-size: 16px;
  color: black; /* Default color */
  line-height: 50px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-top: 15px;
  margin-bottom: 10px; /* Reduce the margin to make room for the line */
  text-align: center; /* Centers the title */
  text-transform: uppercase; /* Change text to uppercase */
  transition: color 0.3s ease; /* Smooth transition for color change */
}

/* Change color on hover */
.aboutus-item-title:hover {
  color: #fff; /* Hover color */
}

.aboutus-item {
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.3);
  background-color: #fff; /* Light background color */
  border-radius: 0.25rem;
}


.aboutus-item .aboutus-img {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.aboutus-item .aboutus-img img {
  transition: transform 0.5s ease;
}

.aboutus-item:hover .aboutus-img img {
  transform: scale(1.2);
}

.aboutus-item .aboutus-content {
  position: relative;
  padding: 2rem;
}

.aboutus-item .aboutus-content::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background:  #c6bdac; /* Dark background color */
  transition: 0.5s;
  z-index: 1;
}

.aboutus-item:hover .aboutus-content::after {
  width: 100% !important;
  height: 100% !important;
}

.aboutus-item .aboutus-content .aboutus-content-inner {
  position: relative;
  transition: 0.5s;
  z-index: 2;
}

/*aboutus Button Styling */
.aboutus-button {
  background-color: #F5A700;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 1rem;
  transition: all .3s; /* Smooth transition for hover effects */
}

/* Style for the link inside .header-button */
.aboutus-button a {
  color: #98642c; /* Text color for the button link */
  text-decoration: none; /* Remove underline */
}

.aboutus-button:hover {
  background-color: #98642c; /* Slightly darker shade on hover */
  color: #FFFFFF;
}

.aboutus-button a:hover {
  color: #FFFFFF; /* Change text color on hover */
}

.aboutus-item:hover .aboutus-content .aboutus-content-inner {
  color: #fff !important; /* White text color */
}

.aboutus-item:hover .aboutus-content .aboutus-content-inner a.h4 {
  color: #fff !important; /* White text color */
}

.aboutus-item:hover .aboutus-content .aboutus-content-inner a.h4:hover {
  color:  #F5A700 !important; /* Primary color */
}

.aboutus-item .aboutus-content a.btn-light {
  background-color:  #F5A700; /* Primary color */
  color: #fff; /* White text color */
  transition: 0.5s ease;
}

.aboutus-item .aboutus-content a.btn-light:hover {
  background-color: #98642c; /* Dark background color */
  color: #f7fafb; /* Light color */
}
/*  Homepage Aboutus End */

/* Container for the programmes */
.container {
  padding: 2rem 0;
}


/* ###############Our Programme Section Start new ##################  */
/* Styling for each programme item */
.programme-item {
  border: 1px solid #ccc; /* Border color */
  padding: 20px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(242, 236, 236, 0.867);
  display: flex;
  justify-content: space-between; /* Distributes the items evenly */
  flex-wrap: wrap; /* Ensures items wrap if the screen is too small */
  position: relative;
  top: -50px; /* Move the programme item container up by 50px */
}

.programme-title{
  font-size: 32px;
  color: black;
  line-height: 50px;
  font-weight: 200px;
  letter-spacing: 0.5px;
  margin-top: -15px;
  margin-bottom: 2px; /* Reduce the margin to make room for the line */
  text-align: center; /* Centers the title */
}
.programme-item h4 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  text-transform: uppercase;
}

.programme-item p {
  margin-bottom: 1rem;
  color: #666;
}

.programme-item .btn-primary {
  background-color: #F5A700;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 1rem;
}

.programme-item .btn-primary:hover {
  background-color: #98642c;
}


/* Responsive adjustments */
@media (max-width: 768px) {
  .programme-item {
    margin-bottom: 1rem;
  }
}
/* Main Department Section */
.main-department {
  display: flex; /* Flex container for alignment */
  justify-content: center; /* Center items horizontally */
  align-items: center; /* Center items vertically */
  position: relative; /* Positioning for overlap and layering */
  z-index: 1;
  margin: 0 auto; /* Center the section */
  width: 100%; /* Full width of the container */
}

/* Departments Section */
.departments {
  margin-top: -124px; /* Adjust vertical positioning */
  position: relative; /* Allow for stacking without absolute positioning */
  width: 95%; /* Ensure the section does not exceed the container width */
  display: flex; /* Flexbox layout for responsiveness */
  flex-wrap: wrap; /* Allow items to wrap on smaller screens */
  justify-content: space-between; /* Even spacing between items */
  gap: 5px; /* Space between items */
  padding: 20px; /* Add padding for spacing around the section */
  box-sizing: border-box; /* Include padding in the width */
}

/* Department Items */
.departments .item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  padding: 20px;
  flex: 1 1 calc(20% - 20px); /* Default: 5 items per row with spacing */
  min-width: 240px; /* Prevent items from shrinking too much */
  max-width: 300px; /* Prevent items from growing too large */
  transition: transform 0.3s ease; /* Add hover effect */
}

.departments .item:hover {
  transform: scale(1.05); /* Slight zoom on hover */
}

/* Department Text */
.departments .item h4 {
  margin: 5px 0;
  font-size: 16px;
  font-weight: bold;
}

.departments .item p {
  color: #fff;
  font-size: 14px;
  margin: 5px 0;
}

/* Individual Department Headers */
.header-departments1,
.header-departments2,
.header-departments3,
.header-departments4,
.header-departments5 {
  padding: 10px 20px;
  margin: 10px auto; /* Center the headers */
  border-radius: 20px 20px 0 0;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5),
              inset 3px 3px 10px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.header-departments1 {
  background-color: #98642c;
  border: 1px solid #98642c;
}

.header-departments2 {
  background-color: #98642c;
  border: 1px solid #98642c;
}

.header-departments3 {
  background-color: #98642c;
  border: 1px solid #98642c;
}

.header-departments4 {
  background-color: #98642c;
  border: 1px solid #98642c;
}

.header-departments5 {
  background-color: #98642c;
  border: 1px solid #98642c;
}

/* Media Queries for Responsiveness */

/* Tablets */
@media screen and (max-width: 1024px) {
  .departments {
    gap: 15px; /* Adjust spacing for tablets */
    padding: 15px; /* Reduce padding */
  }

  .departments .item {
    flex: 1 1 calc(30% - 20px); /* 3 items per row */
  }
}

/* Mobile Devices */
@media screen and (max-width: 768px) {
  .departments {
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center items */
    padding: 10px; /* Further reduce padding */
  }

  .departments .item {
    flex: 1 1 100%; /* Full width for mobile devices */
    max-width: 90%; /* Prevent overflowing */
    margin-bottom: 15px; /* Add space between items */
  }
}
@media (max-width: 767px) { 

  #departments { 

    display: none; 

  } 

} 

/*
---------------------------------------------
services
---------------------------------------------
*

.services {
  margin-top: -187px;
  position: absolute;
  width: 100%;
  display: flex;
  flex-wrap: nowrap; /* Use nowrap to place all items in one row *
  justify-content: space-around; /* Adjusts the spacing between items *
  gap: 5px; /* Controls the space between items *
}

.services .item {
  /* background-image: url(../images/service-item-bg.jpg); *
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  padding: 40px;
}

.services .item .icon {
  max-width: 30px;
  width: 20%;
}

.services .item h4 {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
}

.carousel-item {
  -webkit-backface-visibility: hidden; /* Hidden as backface visibility isn't needed *
          backface-visibility: hidden;
}

.carousel-item video {
  object-fit: cover; /* Ensures the video covers the entire carousel space *
  width: 100%;
  height: 100vh; /* Full viewport height *
}

.services .item p {
  color: #fff;
  font-size: 13px;
  margin-top: 2px;
  margin-bottom: 2px;
}

/* Remove Owl Carousel related classes *

.header-services1 {
  background-color: #98642c;
  border: 1px solid #98642c;
  padding: 10px 20px;
  margin: 10px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5),
              inset 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.header-services2 {
  background-color: #409FB9;
  border: 1px solid #409FB9;
  padding: 10px 20px;
  margin: 10px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5),
              inset 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.header-services3 {
  background-color: #c8bcac;
  border: 1px solid #c8bcac;
  padding: 10px 20px;
  margin: 10px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5),
              inset 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.header-services4 {
  background-color: #F5A700;
  border: 1px solid #F5A700;
  padding: 10px 20px;
  margin: 10px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5),
              inset 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.header-services5 {
  background-color: #F97411;
  border: 1px solid #F97411;
  padding: 10px 40px;
  margin: 10px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: inset -3px -3px 10px rgba(255, 255, 255, 0.5),
              inset 3px 3px 10px rgba(0, 0, 0, 0.2);
}



/*--------------------------------------------------------------
# Schedule Section
--------------------------------------------------------------*/

.schedule-main-title {
  font-size: 32px;
  color: black;
  line-height: 50px;
  font-weight: 200px;
  letter-spacing: 0.5px;
  margin-top: -230px;
  margin-bottom: 2px;
  text-align: center;
}

/* ###############Our Sched Section Start new ##################  */
/* Styling for each sched item */
.container {
  max-width: 100%;
  width: 100%;
}

.sched-item {
  border: 1px solid #ccc; /* Border color */
  padding: 20px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #FFFFFF;
  box-shadow: 0 0 5px rgba(242, 236, 236, 0.867);
  display: flex;
  justify-content: space-between; /* Distributes the items evenly */
  flex-wrap: wrap; /* Ensures items wrap if the screen is too small */
  position: relative;
  top: -50px; /* Move the programme item container up by 50px */
  min-height: 300px;
  max-height: 300px;
}


.sched-item h4 {
  margin-bottom: 1rem;
  font-size: 18px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #F5A700;
  border: none;
  padding: 5px 30px;
  border-radius: 12px;
  text-align: center;
}
.sched-item p {
  margin-bottom: 1rem;
  color: #666;
  text-align: center;
}

.sched-item .btn-primary {
  background-color: #F5A700;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 1rem;
}

.sched-item .btn-primary:hover {
  background-color: #98642c;
}
.custom-dots {
  list-style-type: disc; /* Adds default bullets */
  margin-left: 20px; /* Optional: Indent the list */
}

.custom-dots li {
  margin-bottom: 5px; /* Optional: Add spacing between items */
}


/* Modal background */
.modal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
}

/* Modal content */
.modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  padding: 20px;
  width: 90%;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  position: relative;
}

/* Close button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover {
  color: black;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .sched-item {
    margin-bottom: 1rem;
	max-height:360px;
  }

}




#schedule {
  padding: 60px 0 60px 0;
}

#schedule .nav-tabs {
  text-align: center;
  margin: auto;
  display: block;
  border-bottom: 0;
  margin-bottom: 30px;
}

#schedule .nav-tabs li {
  display: inline-block;
  margin-bottom: 0;
}

#schedule .nav-tabs a {
  border: none;
  border-radius: 12px;
  font-weight: 600;
  background-color: #F5A700;
  color: #fff;
  padding: 10px 100px;
}

#schedule .nav-tabs a.active {
  background-color: #98642c;
  color: #fff;
}

#schedule .sub-heading {
  text-align: center;
  font-size: 18px;
  font-style: italic;
  margin: 0 auto 30px auto;
}

#schedule .tab-pane {
  transition: ease-in-out .2s;
}

#schedule .schedule-item {
 /* border-bottom: 0.5px solid #F5A700;*/
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 200px;
  padding-right: 120px;
  transition: background-color ease-in-out 0.3s;
}

#schedule .schedule-item:hover {
  background-color: #fff;
}

#schedule .schedule-item time {
  padding-bottom: 5px;
  display: inline-block;
}

#schedule .schedule-item h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  text-align: center;
  color: #F5A700;
}

#schedule .schedule-item h4 span {
  font-style: italic;
  color: #F5A700;
  font-weight: normal;
  font-size: 16px;
}
.schedule-item h4 a {
  text-decoration: underline; /* Adds an underline to the link */
  color: inherit; /* Keeps the color consistent with the current theme */
}

.schedule-item h4 a:hover {
  color: #98642c; /* Optional: Changes color on hover if desired */
  text-decoration: none; /* Removes underline on hover if desired */
}

#schedule .schedule-item p {
  font-style: italic;
  color: black;
  text-align: center;
  margin-bottom: 0;
}

.schedule-btn-primary {
  background-color: #F5A700;
  color: #fff;
  border: none;
  border-radius: 15px;
  padding: 10px 30px;
  margin-left:300px;
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
}

.schedule-btn-primary a:hover {
  color: #98642c; /* Optional: Changes color on hover if desired */
  text-decoration: none; /* Removes underline on hover if desired */
}
.schedule-btn-primary:hover {
  background-color: #98642c;
  color: white;
}
 /* End schedule section styling */

/* ways to get involved/to partner with us */
 /* Donation/Support Section */
 .donation-container {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
   margin-top: -50px;
  padding: 20px;
}
.donate-title {
  font-size: 32px;
  color: black;
  line-height: 50px;
  font-weight: 200px;
  letter-spacing: 0.5px;
  margin-top: -320px;
  margin-bottom: 2px;
  text-align: center;
}

/* Columns */
.columns {
  display: flex;
  flex-wrap: wrap;
  margin-top: -290px;
  margin-bottom: -30px;
  justify-content: center;

  gap: 20px; /* <-- This creates consistent spacing between columns */
}


.columns .btn-donate {
  background-color: #F5A700;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 1rem;
  width: 52%;
}

.columns .btn-donate:hover {
  background-color: #98642c;
  color:#FFFFFF;
}
.columns h4 {
  margin-bottom: 1rem;
  font-size: 18px;
}


.column {
  flex: 1;
  min-width: 280px;
  max-width: 400px; /* Prevents columns from getting too wide */
  background: #fff;
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  text-align: center;
  margin-bottom: 50px;
}

.column img {
  width: 70px;
  height: 60px;
}

.column a {
  display: block;
  margin-top: 10px;
  padding: 10px;
  background: #f5a700;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  transition: background 0.3s ease-in-out;
}

.column a:hover {
  background: #98642c;
}

/* Responsive Design */
@media (max-width: 768px) {
  .columns {
    flex-direction: column;
    align-items: center;
	margin-top:-260px;
  }
  
  .column {
    width: 100%;
    max-width: 95%;
  }

  .donate-button {
    font-size: 16px;
    padding: 10px 20px;
  }
}

@media (max-width: 480px) {
  .column {
    width: 100%;
    max-width: 95%;
  }

  .donate-button {
    font-size: 14px;
    padding: 8px 18px;
  }
  .donate-title {
  padding-bottom: -10px;
}
}

/* === Educational Quotes Section Styling === */
section.educational-quotes { 
  width: 100%;
  background-image: url(../images/bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 130px 20px 120px 20px;
  margin-top: 20px;
  box-sizing: border-box;
}

.educational-quotes-main-title {
  font-size: 32px;
  color: black;
  line-height: 50px;
  font-weight: 200px;
  letter-spacing: 0.5px;
  margin-top: -170px;
  margin-bottom: 20px;
  text-align: center;
}

/* === Quote Cards Container === */
.educational-quotes-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
}

/* === Individual Quote Card === */
.educational-quotes-area-content {
  background-color: #f0bc54;
  border-radius: 10px;
  padding: 25px 30px 35px 30px;
  margin: 15px 0px;
  flex: 1 1 calc(33.33% - 20px); /* 3 per row */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 200px;
  margin-top: -170px;
  box-sizing: border-box;
}

/* === Quote Header (Image & Name) === */
.quote-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  color: #FFFFFF;
}

.quote-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid white;
  object-fit: cover;
  margin-right: 10px;
}

.educational-quotes-title {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 0;
  text-align: left;
}

/* === Quote Text === */
.educational-quotes-content p {
  color: #fff;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.6;
}

/* === Decorative Line === */
.line-with-edu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.line-with-edu .edu-line {
  width: 120px; /* Shorter line */
  height: 2px;
  background-color: #FFFFFF;
}

.line-with-edu i {
  font-size: 24px;
  color: #FFFFFF;
  margin: 0 10px;
}

/* === Additional Section Padding (if needed) === */
.educational-quotes-students {
  margin-top: 45px;
}

/* === Tablet: 2 per row === */
@media screen and (max-width: 1024px) {
  .educational-quotes-area-content {
    flex: 1 1 calc(50% - 20px);
    margin-top: 0;
  }
}

/* === Mobile: 1 per row, hide image === */
@media screen and (max-width: 767px) {
  .educational-quotes-area-content {
    flex: 1 1 100%;
    margin-top: 0px;
  }

  section.educational-quotes {
    padding: 60px 15px;
    background-attachment: scroll; /* Improve performance */
    margin-top: -100px; /* Updated as requested */
  }

  .educational-quotes-main-title {
    font-size: 24px;
    margin-top: -120px;
  }

  .line-with-edu .edu-line {
    width: 80px;
  }

  .educational-quotes-title {
    text-align: center;
    font-size: 13px;
  }

  section.educational-quotes {
    padding: 60px 15px;
    background-attachment: scroll; /* Better performance on mobile */
  }
}

 /*
/* ###############Our Programme Section Start old ##################  
.section-programme {
  padding: 5rem 0;
}
/*
.section-programme-item {
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.3);
  background-color: #fff; /* Light background color *
  border-radius: 0.25rem;
}

.section-programme-item .section-programme-img {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.section-programme-item .section-programme-img img {
  transition: transform 0.5s ease;
}

.section-programme-item:hover .section-programme-img img {
  transform: scale(1.2);
}

.section-programme-item .section-programme-content {
  position: relative;
  padding: 2rem;
}

.section-programme-item .section-programme-content::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background:  #c6bdac; /* Dark background color 
  transition: 0.5s;
  z-index: 1;
}

.section-programme-item:hover .section-programme-content::after {
  width: 100% !important;
  height: 100% !important;
}

.section-programme-item .section-programme-content .section-programme-content-inner {
  position: relative;
  transition: 0.5s;
  z-index: 2;
}

.section-programme-item:hover .section-programme-content .section-programme-content-inner {
  color: #fff !important; /* White text color *
}

.section-programme-item:hover .section-programme-content .section-programme-content-inner a.h4 {
  color: #fff !important; /* White text color *
}

.section-programme-item:hover .section-programme-content .section-programme-content-inner a.h4:hover {
  color:  #F5A700 !important; /* Primary color *
}

.section-programme-item .section-programme-content a.btn-light {
  background-color:  #F5A700; /* Primary color *
  color: #fff; /* White text color *
  transition: 0.5s ease;
}

.section-programme-item .section-programme-content a.btn-light:hover {
  background-color: #98642c; /* Dark background color *
  color: #f7fafb; /* Light color *
}
/*  ################# Our programes Home page section End ###############*/



/*
---------------------------------------------
ways to get involved
---------------------------------------------
*/


/* ###############Tenders Section Start new ##################  */
/* Styling for each programme item */
.tender-item {
  border: 1px solid #ccc; /* Border color */
  padding: 6px;
  background-color: #fff;
  box-shadow: black;
  display: flex;
  border-radius: 5px;
  margin-top: -50px;
  justify-content: center; /* Distributes the items evenly */
  flex-wrap: wrap; /* Ensures items wrap if the screen is too small */
}

.tender-title{
  font-size: 32px;
  color: black;
  line-height: 50px;
  font-weight: 200px;
  letter-spacing: 0.5px;
  margin-top: -280px;
  margin-bottom: 2px; /* Reduce the margin to make room for the line */
  text-align: center; /* Centers the title */
}

.tender-item h4 {
  margin-bottom: 1rem;
  font-size: 18px;
}

.tender-item p {
  margin-bottom: 1rem;
  color: #666;
  text-align: center;
}

.tender-item .btn-primary {
  background-color: #F5A700;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 1rem;
}

.tender-item .btn-primary:hover {
  background-color: #98642c;
}


/* Responsive adjustments */
@media (max-width: 768px) {
  .tender-item {
    margin-bottom: 2rem;
  }
  .tender-title {
    margin-top: -260px;
  }
}
/* ############### Tenders Section end new ##################  */

/* ############### media centre Section start ##################  */

.media-centre-title{
  font-size: 32px;
  color: black;
  line-height: 50px;
  font-weight: 200px;
  letter-spacing: 0.5px;
  margin-top: -70px;
  margin-bottom: 2px; /* Reduce the margin to make room for the line */
  text-align: center; /* Centers the title */
}

.media-centre {
  padding: 60px 0;
  background-color: #fff;
  margin-top: 30px;
  margin-top: -120px;
}

.media-column {
  text-align: center;
  margin-bottom: 30px;
  position: relative; /* Added to position border */
}
/*
.media-column:not(:last-child) {
  border-right: 2px solid #ccc; /* Solid vertical line 
  padding-right: 20px; /* Add space to the right of the border *
  align-items: center;
  display: flex;
  flex-direction: column; /* Ensures vertical alignment of content *
  border-right: 2px solid #ccc; /* Solid vertical line *
  height: 150px; /* Set the height of the line *
  align-items: center; /* Vertically aligns content within the column *
  justify-content: center; /* Centers content vertically *
}

.media-column:last-child {
  margin-top: -90px;
  align-items: center;
  padding-right: 20px; /* Add space to the right of the border *
  display: flex;
  flex-direction: column; /* Ensures vertical alignment of content *
  align-items: center; /* Vertically aligns content within the column *
}

/* Specific styling for the last .media-title in the last column *
.media-column:last-child .media-title {
  font-size: 18px; /* Change font size *
  font-weight: 400; /* Adjust the font weight *
  margin-bottom: 20px; /* Adjust margin if needed *
  height: auto; /* Example: Adjust height if needed *
}
*/
.media-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
  height: 100px;
}

.media-images {
  display: flex;
  flex-direction: column;
  gap: 15px; /* Gap between images */
  margin-bottom: 20px;
}

.media-image-container {
  position: relative;
  width: 100%;
  height: auto;
}

.media-image-container img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}

.overlay-label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #333;
  text-align: center;
  font-weight: 500;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.media-button {
  background-color: #F5A700;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.media-button:hover {
  background-color: #98642c;
}

/* ############### media centre Section end ##################  */

/* ############### Our Parners Section Start ##################  */
/* Styling for each programme item */

/* Container holding the partners images */
.partner-image-container {
  display: flex;
  flex-wrap: wrap; /* Allows the images to wrap to the next line */
  justify-content: space-around; /* Spaces the images around */
  align-items: flex-start; /* Vertically aligns the images */
  padding: 20px;
  margin-top: -35px;
}

/* Styling for each image */
.partner-image-container img {
  width: 260px; /* Adjust the size of the images */
  height: 80px;
  border-radius: 3px; /* Optional: Rounded corners */
  padding: 5px; /* Space inside the image */
  border: 1px solid #ccc; /* Light grey border for each image */
  margin: 10px; /* Optional: Space between images */
}

.our-partners-title{
  font-size: 32px;
  color: black;
  line-height: 50px;
  font-weight: 200px;
  letter-spacing: 0.5px;
  margin-top: -180px;
  margin-bottom: 2px; /* Reduce the margin to make room for the line */
  text-align: center; /* Centers the title */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .our-partners-item {
    margin-bottom: 1rem;
  }
  .partner-image-container
  {
    margin-bottom: 1rem;
	justify-content:center;
  }
}
/* ############### Our Partners Section end ##################  */

/*######## contact us today start ########*/
.contact-us-title{
  font-size: 32px;
  color: black;
  line-height: 50px;
  font-weight: 200px;
  letter-spacing: 0.5px;
  margin-top: -150px;
  margin-bottom: 2px; /* Reduce the margin to make room for the line */
  text-align: center; /* Centers the title */
}

/* Contact Us Section */
.contact-us {
  padding: 60px 0;
  margin-top:-100px;
}

.social-column {
  background-color: #f2f2f2; /* Light grey background */
  padding: 20px;
  text-align: center;
}

.social-media h4 {
  font-size: 18px;
  margin-bottom: 20px;
}

.social-icons {
  list-style-type: none;
  padding: 0;
}

.social-icons li {
  margin-bottom: 15px;
}

.social-icons a {
  color: #333;
  text-decoration: none;
  font-size: 16px;
}

.social-icons i {
  margin-right: 10px;
}

/* Contact Form */
.form-column {
  padding: 20px;
  margin-top: -100px;
}

.form-column h4 {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 600;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  font-size: 14px;
}

.form-control {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

button.btn-primary {
  color: #fff;
  background-color: #F5A700;
  padding: 5px 10px;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  display: inline-flex; /* Ensures alignment with other inline elements */
  align-items: center; /* Vertically center the content */
  border-radius: 6px;
  font-weight: 600;
  text-transform: capitalize;
  text-decoration: none; /* Remove underline */
  transition: all .3s;
}

.button.btn-primary:hover {
  color: #fff; /* Change text color to brown */
  background-color: #98642c; /* Change background to #98642c */
  border-color: #98642c; /* Optional: change border color to match */
}

/* Google Maps Section */
.maps-column {
  padding: 20px;
}

.maps-column h4 {
  font-size: 24px;
  margin-bottom: 20px;
}

.map-container {
  margin-bottom: 20px;
}

.map-container iframe {
  border: 2px solid #ccc;
}

.map-container p {
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .form-column,
  .maps-column,
  .social-column {
    padding: 15px;
    margin-top: 0;
    width: 100%;
  }

  .contact-us {
    padding: 40px 10px;
    margin-top: 0;
  }

  .map-container iframe {
    width: 100%;
    height: 200px;
  }
}

/*######## contact us today end ########*/


section.upcoming-meetings {
  background-image: url(../images/banner3.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 230px;
  padding-bottom: 110px;
}

section.upcoming-meetings .section-heading {
  text-align: center;
}

section.upcoming-meetings .categories {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  margin-right: 45px;
}

section.upcoming-meetings .categories h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1f272b;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

section.upcoming-meetings .categories ul li {
  display: inline-block;
  margin-bottom: 15px;
}

section.upcoming-meetings .categories ul li a {
  font-size: 15px;
  color: #1f272b;
  font-weight: 500;
  transition: all .3s;
}

section.upcoming-meetings .categories ul li a:hover {
  color: #a12c2f;
}

section.upcoming-meetings .categories .main-button-red {
  border-top: 1px solid #eee;
  padding-top: 30px;
  margin-top: 15px;
}

section.upcoming-meetings .categories .main-button-red a {
  width: 100%;
  text-align: center;
}

.meeting-item {
  margin-bottom: 30px;
}

.meeting-item .thumb {
  position: relative;
}

.meeting-item .thumb img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.meeting-item .thumb .price {
  position: absolute;
  left: 20px;
  top: 20px;
}

.meeting-item .thumb .price span {
  font-size: 16px;
  color: #1f272b;
  font-weight: 600;
  background-color: rgba(250,250,250,0.9);
  padding: 7px 12px;
  border-radius: 10px;
}

.meeting-item .down-content {
  background-color: #fff;
  padding: 30px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.meeting-item .down-content .date {
  /* float: left; */
  text-align: center;
  display: inline-block;
  margin-right: 20px;
}

.meeting-item .down-content .date h6 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #a12c2f;
}

.meeting-item .down-content .date span {
  display: block;
  color: #1f272b;
  font-size: 22px;
  margin-top: 7px;
}

.meeting-item .down-content h4 {
  font-size: 18px;
  color: #1f272b;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-item .down-content p {
  margin-left: 50px;
  color: #1f272b;
  font-size: 14px;
}



/*
---------------------------------------------
apply now
---------------------------------------------
*/

section.apply-now {
  background-image: url(../images/apply-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px;
}

section.apply-now .item {
  background-color: rgba(250,250,250,0.15);
  padding: 40px;
  margin-bottom: 30px;
}

section.apply-now .item h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

section.apply-now .item p {
  color: #fff;
  margin-bottom: 20px;
}

.accordions {
  border-radius: 20px;
  padding: 40px;
  background-color: #fff;
  margin-left: 45px;
}
.accordions .accordion {
  border-bottom: 1px solid #eee;
}
.accordions .last-accordion {
  border-bottom: none;
}
.accordion-head {
  padding: 20px;  
  font-size: 18px;
  font-weight: 700;
  color: #1f272b;
  cursor: pointer;
  transition: color 200ms ease-in-out;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .accordion-head {
    padding: 1rem;
    font-size: 1.2rem;
  }
}
.accordion-head .icon {
  float: right;
  transition: transform 200ms ease-in-out;
}
.accordion-head.is-open {
  color: #f5a425;
  border-bottom: none;
}
.accordion-head.is-open .icon {
  transform: rotate(45deg);
}
.accordion-body {
  overflow: hidden;
  height: 0;
  transition: height 300ms ease-in-out;
  border-bottom: 1px solid #fff;
}
.accordion-body > .content {
  padding: 20px;
  padding-top: 0;
}


/* 
---------------------------------------------
courses
--------------------------------------------- 
*/

section.our-courses {
  /*background-image: url(../images/meetings-bg.jpg)
  background-color: #c8bcac;*/
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:-400px;
  padding-top: 140px;
  padding-bottom: 130px;
}

.our-courses .item .course-heading {
  background-color: #cbc2b3;
  padding: 15px;
  text-align: center;
  margin-bottom: 10px;
}

.our-courses .item .course-heading h3 {
  font-size: 20px;
  color: #333;
  margin: 0;
  font-weight: 600;
}

.our-courses .item .down-content {
  background-color: #cbc2b3;
}

.our-courses .item .down-content h4 {
  padding: 25px;
  font-size: 18px;
  color: #1f272b;
  text-align: center; 
  border-bottom: 1px solid #eee;
}

.our-courses .item .down-content .info {
  padding: 25px;
}

.our-courses .item .down-content .info ul li {
  display: inline-block;
  margin-right: 1px;
}

.our-courses .item .down-content .info ul li i {
  color: #f5a425;
  font-size: 14px;
}

.our-courses .item .down-content .info span {
  color: #a12c2f;
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  display: inline-block;
  width: 100%;
}

.inline-list {
  list-style: none; /* Remove bullet points */
  padding: 0; /* Remove padding */
  display: flex; /* Align items in a row */
  align-items: center; /* Vertically center the items */
}

.inline-list i {
  margin-right: 5px; /* Add space between the icon and text */
  color: rgb(69, 16, 228); /* Set the color of the icon to red */
  font-size: 24px;
}

.inline-list p {
  margin: 0; /* Remove default margin from <p> */
}

.location-list {
  list-style: none; /* Remove bullet points */
  padding: 0; /* Remove padding */
  display: flex; /* Align items in a row */
  align-items: center; /* Vertically center the items */
 justify-content: center;
}

.location-list i {
  margin-right: 5px; /* Add space between the icon and text */
  color: rgb(230, 55, 2); /* Set the color of the icon to red */
  font-size: 24px;
}


.location-list p {
  margin: 0; /* Remove default margin from <p> */
}

.our-courses .owl-nav {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-45px);
}

.our-courses .owl-dots {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 40px;
}

.our-courses .owl-dots .owl-dot {
  transition: all .5s;
  width: 7px;
  height: 7px;
  background-color: #fff;
  margin: 0px 5px;
  border-radius: 50%;
  outline: none;
}

.our-courses .owl-dots .active {
  width: 24px;
  height: 8px;
  border-radius: 4px;
}
    
.our-courses .owl-nav .owl-prev{
  margin-right: 10px;
  outline: none;
  position: absolute;
  left: -80px;
}

.our-courses .owl-nav .owl-prev span,
.our-courses .owl-nav .owl-next span {
  opacity: 0;
}

.our-courses .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f104';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

.our-courses .owl-nav .owl-prev {
  opacity: 1;
  transition: all .5s;
}

.our-courses .owl-nav .owl-prev:hover {
  opacity: 0.9;
}

.our-courses .owl-nav .owl-next {
  opacity: 1;
  transition: all .5s;
}

.our-courses .owl-nav .owl-next:hover {
  opacity: 0.9;
}

.our-courses .owl-nav .owl-next{
  margin-left: 10px;
  outline: none;
  position: absolute;
  right: -85px;
}

.our-courses .owl-nav .owl-next:before {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f105';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}


/*---------------------------------------------*/
/* our Stats */
/*---------------------------------------------*/
section.our-stats {
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 20px 125px 20px; /* Adjusted padding for smaller screens */
  margin-top: -100px;
}

section.our-stats h2 {
  font-size: 32px; /* Adjusted font size for smaller screens */
  color: #98642c;
  line-height: 1.2; /* Line-height for better readability */
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 40px; /* Reduced margin for better spacing on smaller screens */
}

.count-area-content {
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #98642c; /* Solid border with color and width */
  padding: 20px 15px; /* Adjusted padding */
  margin: 15px 0;
  width: 100%; /* Full width on small screens */
  max-width: 250px; /* Ensures the boxes don’t get too wide */
  height: auto; /* Allows height to adjust based on content */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.count-digit {
  margin: 5px 0;
  color: #f5a425;
  font-weight: 700;
  font-size: 24px; /* Adjusted font size for better responsiveness */
}

.count-title {
  font-size: 16px; /* Adjusted font size for better responsiveness */
  font-weight: 500;
  color: #98642c;
  letter-spacing: 0.5px;
}

.new-students {
  margin-top: 30px; /* Reduced margin for better spacing on smaller screens */
}

.stats-row {
  display: flex;
  justify-content: space-between; /* Distributes the items evenly */
  flex-wrap: wrap; /* Ensures items wrap if the screen is too small */
  gap: 15px; /* Adds space between items */
}

/* Media Query for Tablets and Smaller Screens */
@media (max-width: 1024px) {
  section.our-stats h2 {
    font-size: 28px; /* Adjusted font size for tablets */
    margin-bottom: 30px; /* Adjusted margin for tablets */
  }

  .count-digit {
    font-size: 30px; /* Adjusted font size for tablets */
  }

  .count-title {
    font-size: 14px; /* Adjusted font size for tablets */
  }

  .stats-row {
    justify-content: center; /* Center items on tablets */
  }
}

/* Media Query for Mobile Devices */
@media (max-width: 767px) {
  section.our-stats {
    padding: 100px 10px 80px 10px; /* Adjusted padding for mobile */
  }

  section.our-stats h2 {
    font-size: 24px; /* Adjusted font size for mobile */
    margin-bottom: 20px; /* Adjusted margin for mobile */
  }

  .count-digit {
    font-size: 24px; /* Adjusted font size for mobile */
  }

  .count-title {
    font-size: 12px; /* Adjusted font size for mobile */
  }

  .stats-row {
    flex-direction: column; /* Stacks items vertically on small screens */
    align-items: center; /* Center align items */
  }
}

 /*
---------------------------------------------
Programmes Slider banner
---------------------------------------------
*/

.programme {
  margin-top: -135px;
  position: absolute;
  width: 100%;
}

.programme .item {
  background-image: url(../images/service-item-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  padding: 40px;
}

.programme .item .icon {
  max-width: 60px;
  margin: 0 auto;
}

.programme .item h4 {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

.programme .item p {
  color: #fff;
  font-size: 13px;
}

.programme .owl-nav {
  display: inline-block !important;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-25px);
}
    
.programme .owl-nav .owl-prev{
  margin-right: 10px;
  outline: none;
  position: absolute;
  left: -80px;
}

.programme .owl-nav .owl-prev span,
.programme .owl-nav .owl-next span {
  opacity: 0;
}

.programme .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f104';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

.programme .owl-nav .owl-prev {
  opacity: 1;
  transition: all .5s;
}

.programme .owl-nav .owl-prev:hover {
  opacity: 0.9;
}

.programme .owl-nav .owl-next {
  opacity: 1;
  transition: all .5s;
}

.programme .owl-nav .owl-next:hover {
  opacity: 0.9;
}

.programme .owl-nav .owl-next{
  margin-left: 10px;
  outline: none;
  position: absolute;
  right: -85px;
}

.programme .owl-nav .owl-next:before {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f105';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}*/

/* 
---------------------------------------------
contact us
--------------------------------------------- 
*/

section.contact-us {
  background-image: url(../images/meetings-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px 0px 0px;
}

section.contact-us #contact {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
}

section.contact-us #contact h2 {
  text-transform: uppercase;
  color: #1f272b;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
}

section.contact-us #contact input {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 0px 15px;
  margin-bottom: 30px;
}

section.contact-us #contact textarea {
  width: 100%;
  min-height: 140px;
  max-height: 180px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 15px;
  margin-bottom: 30px;
}

section.contact-us #contact button {
  font-size: 13px;
  color: #fff;
  background-color: #a12c2f;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
  border: none;
  outline: none;
}

section.contact-us #contact button:hover {
  opacity: 0.9;
}

section.contact-us .right-info {
  background-color: #a12c2f;
  border-radius: 20px;
  padding: 40px;
}

section.contact-us .right-info ul li {
  display: inline-block;
  border-bottom: 1px solid rgba(250,250,250,0.15);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

section.contact-us .right-info ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

section.contact-us .right-info ul li h6 {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

section.contact-us .right-info ul li span {
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
}
/*
.footer {
  text-align: center;
  margin-top: 140px;
  border-top: 1px solid rgba(250,250,250,0.15);
  padding: 50px 0px;
}
.footer p {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
}

.footer p a {
  color: #f5a425;
}
*/

/*
---------------------------------------------
heading page
---------------------------------------------
*/

section.heading-page {
  background-image: url(../images/heading-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 230px;
  padding-bottom: 110px;
  text-align: center;
}

section.heading-page h6 {
  margin-top: 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

section.heading-page h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}


/*
---------------------------------------------
upcoming meetings page
---------------------------------------------
*/

section.meetings-page {
  background-image: url(../images/meetings-page-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 0px;
}

section.meetings-page .filters {
  text-align: center;
  margin-bottom: 60px;
}

section.meetings-page .filters li {
  font-size: 13px;
  color: #a12c2f;
  background-color: #fff;
  padding: 11px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all .3s;
  cursor: pointer;
  margin: 0px 3px;
}

section.meetings-page .filters ul li.active,
section.meetings-page .filters ul li:hover {
  background-color: #a12c2f;
  color: #fff;
}

section.meetings-page .pagination {
  text-align: center;
  width: 100%;
  margin-top: 30px;
  display: inline-block;
}

section.meetings-page .pagination ul li {
  display: inline-block;
}

section.meetings-page .pagination ul li a {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 10px;
  color: #1f272b;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-weight: 600;
  font-size: 15px;
  transition: all .3s;
}

section.meetings-page .main-button-red {
  text-align: center;
}

section.meetings-page .main-button-red a {
  padding: 12px 60px;
  text-align: center;
  margin-top: 30px;
}

section.meetings-page .pagination ul li.active a,
section.meetings-page .pagination ul li a:hover {
  background-color: #a12c2f;
  color: #fff;
}

.meeting-single-item .thumb {
  position: relative;
}

.meeting-single-item .thumb img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.meeting-single-item .thumb .price {
  position: absolute;
  left: 20px;
  top: 20px;
}

.meeting-single-item .thumb .price span {
  font-size: 16px;
  color: #1f272b;
  font-weight: 600;
  background-color: rgba(250,250,250,0.9);
  padding: 7px 12px;
  border-radius: 10px;
}

.meeting-single-item .down-content {
  background-color: #fff;
  padding: 40px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.meeting-single-item .thumb .date {
  position: absolute;
  background-color: rgba(250,250,250,0.9);
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 15px 0px;
  border-radius: 10px;
  right: 20px;
  top: 20px;
}

.meeting-single-item .thumb .date h6 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #a12c2f;
}

.meeting-single-item .thumb .date span {
  display: block;
  color: #1f272b;
  font-size: 22px;
  margin-top: 7px;
}

.meeting-single-item .down-content h4 {
  font-size: 22px;
  color: #1f272b;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-single-item .down-content h5 {
  font-size: 18px;
  color: #1f272b;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-single-item .down-content p {
  color: #1f272b;
  font-size: 14px;
}

.meeting-single-item .down-content p.description {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.meeting-single-item .down-content .share {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}

.meeting-single-item .down-content .share h5 {
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
}

.meeting-single-item .down-content .share ul li {
  display: inline;
}

.meeting-single-item .down-content .share ul li a {
  font-size: 14px;
  color: #1f272b;
  transition: all .3s;
}

.meeting-single-item .down-content .share ul li a:hover {
  color: #f5a425;
}

/* Meeting item column */
.templatemo-item-col {
	width: 31%;
}

@media (max-width: 992px) {
	.templatemo-item-col {
		width: 45%;
	}
}

@media (max-width: 767px) {
	.templatemo-item-col {
		width: 100%;
	}
}

/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/

@media (max-width: 1300px) {
  .services .owl-nav .owl-next{
    right: -30px;
  }
  .services .owl-nav .owl-prev{
    left: -25px;
  }
  .our-courses .owl-nav .owl-next{
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -25px;
  }
}

@media (max-width: 1200px) {
  .services .owl-nav .owl-next{
    right: -70px;
  }
  .services .owl-nav .owl-prev{
    left: -65px;
  }
  .our-courses .owl-nav .owl-next{
    right: -70px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -65px;
  }
}

@media (max-width: 1085px) {
  .services .owl-nav .owl-next{
    right: -30px;
  }
  .services .owl-nav .owl-prev{
    left: -25px;
  }
  .our-courses .owl-nav .owl-next{
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -25px;
  }
}

@media (max-width: 1005px) {
  .services .owl-nav .owl-next{
    display: none;
  }
  .services .owl-nav .owl-prev{
    display: none;
  }
  .our-courses .owl-nav .owl-next{
    display: none;
  }
  .our-courses .owl-nav .owl-prev{
    display: none;
  }
}

@media (max-width: 992px) {

  .main-banner .caption {
    top: 60%;
  }

  .main-banner .caption h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .main-banner .caption .main-button-red {
    margin-top: 15px;
  }

  .services {
    margin-top: 60px;
  }

  section.upcoming-meetings {
    padding-top: 400px;
  }

  section.upcoming-meetings .categories {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .accordions {
    margin-left: 0px;
  }

  .new-students {
    margin-top: 15px;
  }

  section.our-facts .video {
    margin-left: 0px;
    margin-top: 15px;
  }

  section.contact-us #contact {
    margin-bottom: 30px;
  }

}
/* By default, hide the mobile caption */ 
.mobile-only-caption { 
  display: none; 
  color: #ffffff; 
  font-size: 32px; 
  margin-top: 10px; 
  text-align: center; 
  margin-top:500px;
  z-index: 7; /* Ensure it stays above video and overlays */ 
  position: relative; /* Required for z-index to take effect */ 
  text-shadow:  
    2px 2px 5px rgba(0, 0, 0, 0.9), 
    -1px -1px 3px rgba(255, 255, 255, 0.5); 
}
 
/* Show it only on mobile */ 
@media screen and (max-width: 767px) { 
  .main-banner .caption h6, 
  .main-banner .caption h2, 
  .main-banner .caption p { 
    display: block; /* Hide original text on mobile */ 
  } 
 
  .mobile-only-caption { 
    display: block; 
  } 
} 
 
@media (max-width: 767px) {

  .sub-header .left-content p {
    display: none;
  }
  
  .sub-header  {
    display: none;
	
  }

  .sub-header .right-icons {
    text-align: center;
	display: none;
  }

  .main-nav .nav .sub-menu {
    display: none;
  }

  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .main-banner { 
z-index: 1;
    margin-top: 100px; 
  } 

} 
}

/* animation of all sections*

@keyframes bump {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02); /* Bump size *
  }
}*/

section {
  animation: bump 5s ease-in-out infinite; /* Slow and smooth effect */
  transition: transform 0.3s; /* Optional: for smoother scaling */
}


/* Footer Styling */
/* Footer Styles */
body {
  margin: 0;
  font-family: Arial, sans-serif;
}

/* Footer Styles */
footer {
  background-color: black;
  color: #FFFFFF;
  padding: 20px 0;
  position: absolute;
  text-align: left;
  width: 100%; /* Ensure full width */
  left: 0;     /* Align to the left */
  right: 0;    /* Align to the right */
}

.footer-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  color:#FFFFFF;
  max-width: 2200px; /* Optional: set a max-width for content */
  margin: 0 auto;    /* Center the content if max-width is applied */
}

.footer-column {
  flex: 1;
  min-width: 200px;
  margin: 10px;
}

.footer-column h4 {
  margin-bottom: 10px;
  width: 100%; /* Ensure the heading takes up the full column width */
  white-space: normal; /* Allow wrapping if the text is too long */
  overflow-wrap: break-word; /* Break words to avoid overflow */
  text-align: left; /* Align to the left to fit better in the column */
  position: relative; /* Required for positioning the underline */
}

.footer-column h4::after {
  content: "";
  display: block;
  width: 20px; /* Set the length of the underline */
  height: 3px; /* Set the thickness of the underline */
  background-color: #F5A700; /* Color of the underline */
  position: absolute;
  bottom: -5px; /* Position the underline slightly below the heading */
  left: 0; /* Align the underline to the left of the heading */
}



.footer-column p {
  margin: 5px 0;
  color:#FFFFFF;
  transition: color 0.3s;
}

.footer-column p:hover {
  color: #F5A700;
}


.footer-column a {
  margin: 5px 0;
  color:#FFFFFF;
  transition: color 0.3s;
}

.footer-column a:hover {
  color: #F5A700;
}
/* Brown line at the end */

.footer-line {
  background-color: #98642c;
  margin-top: 10px;
  height: 100px;
  padding: 20px 0; /* Adjust padding as needed */
  text-align: center; /* Centers the entire content */
}

.footer-line p {
  color: white; /* White text color for copyright text */
  margin-top: -50px; /* Space between icons and copyright text */
  justify-content: center; /* Aligns icons horizontally centered */
  
}

.footer-line ul {
  list-style: none;
  padding: 0;
  display: flex; 
  margin-left: 100px;
  justify-content: left;
}

.footer-line ul li {
  margin-right: 20px; /* Space between the icons */
}

.footer-line ul li a {
  display: inline-block;
  border-radius: 50%; /* Makes the background round */
  padding: 10px; /* Adds space around the icon */
}

.footer-line ul li a i {
  color: white; /* Makes the icons white */
  font-size: 24px; /* Adjust the size of the icons */
}

.footer-line ul li a:hover i {
  color: #F5A700; /* Changes icon color on hover */
}

/* Floating top arrow */
.top-arrow {
  display: none; /* Hidden by default */
  position: fixed;
  bottom: 50px;
  right: 20px;
  background-color: white; /* Square button background color */
  color: #F5A700;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px; /* Optional: slight rounding for button shape */
  opacity: 0;
  transition: opacity 0.3s ease;
  border: none; /* Ensure no border */
  box-shadow: none; /* Ensure no shadow effect */
}
@media (max-width: 767px) {

  .footer-line p {
    display: none;
  }
.top-arrow.visible {
  opacity: 1;
}

/* Arrow styling */
.top-arrow::before, .top-arrow::after {
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid #F5A700; /* Color of arrow */
  position: absolute;
  top: 12px;
}

/* Hover effect */
.top-arrow:hover {
  background-color: #F5A700; /* Background color change on hover */
}

.top-arrow:hover::before,
.top-arrow:hover::after {
  border-bottom-color: white; /* Arrow color change on hover */
}