/* =========================== homepage.css =========================== */
/*-------------- Owl carousel ---------------*/
button.owl-next,
button.owl-prev {
	background: #1e202c;
}

button.owl-prev {
	position: absolute;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	padding: 10px 20px;
}

button.owl-next {
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	padding: 10px 20px;
}

button.owl-next i,
button.owl-prev i {
	color: #ffffff;
}

/* --------- SLIDER--------- */
#slider {
	max-width: 100%;
	margin: auto;
	padding: 0 !important;
	position: relative;
}

#slider img {
	width: 100% !important;
}

#slider .slider-box h1 {
	font-size: 42px;
	color: #ffffff;
	-webkit-text-stroke: 2px black;
	font-weight: 600;
	font-family: "Roboto Slab";
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 2px;
	margin-right: 220px;
}

#slider .slider-box h2 {
	font-size: 35px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Poppins";
	text-align: center;
	-webkit-text-stroke: 1px black;
	/* the transparent box */
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.45);
	padding: 22px 18px;
	border-radius: 10px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
	border: 1px solid rgba(255, 255, 255, .18);
	/* sizing/positioning */
	max-width: 400px;
	margin: 10px auto;
	margin-right: 200px;
	/* optional: soften background behind it on supported browsers */
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

#slider .slider-box p {
	font-size: 23px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 300;
	font-family: "Poppins";
	text-align: center;
	max-width: 350px;
	margin: 0 auto;
	margin-right: 222px;
}

/* =========================
   SLIDE 6 — Mission Toggle
   ========================= */

/* Make slide 6 caption area behave like a full-slide layout layer */
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) .slider-box {
  position: absolute !important;
  inset: 0 !important;
  transform: none !important;
  max-width: none !important;
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;

  /* “Click here” near top center */
  padding-top: clamp(80px, 10vh, 160px) !important;
  padding-left: 16px !important;
  padding-right: 16px !important;

  text-align: center !important;
  z-index: 4 !important;
}

/* Keep slide-6 text from inheriting the big right-shifts AND the global max-width */
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) .slider-box h1,
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) .slider-box h2,
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) .slider-box p {
  margin-right: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

/* The <details> wrapper */
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) details.mission-toggle {
  width: min(980px, 92vw) !important;
  margin: 0 auto !important;
}

/* HARD FIX: mission body must be hidden unless details is open */
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) details.mission-toggle:not([open]) .mission-body {
  display: none !important;
}
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) details.mission-toggle[open] .mission-body {
  display: block !important;
}


#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) summary.mission-summary {
  list-style: none !important;
  cursor: pointer !important;

  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;

  font-family: "Poppins" !important;
  font-size: clamp(15px, 2.1vw, 22px) !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-align: center !important;

  background-color: rgba(0, 0, 0, 0.45) !important;
  padding: clamp(12px, 1.2vw, 18px) clamp(14px, 1.4vw, 22px) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;

  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}


/* Caret cue */
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) summary.mission-summary::after {
  content: "  ▾";
}
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) details.mission-toggle[open] summary.mission-summary::after {
  content: "  ▴";
}

/* Remove default disclosure marker */
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) summary.mission-summary::-webkit-details-marker { display: none; }
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) summary.mission-summary::marker { content: ""; }

/* Mission statement box */
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) .mission-body {
  width: 100% !important;
  max-width: none !important;
  margin: clamp(14px, 2.2vh, 22px) auto 0 !important;

  background-color: rgba(0, 0, 0, 0.45) !important;
  padding: clamp(14px, 1.4vw, 22px) clamp(16px, 1.6vw, 26px) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;

  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);

  color: #ffffff !important;
  font-family: "Poppins" !important;

  font-size: clamp(16px, 1.6vw, 22px) !important;
  line-height: 1.65 !important;

  text-align: center !important;

  max-height: clamp(220px, 50vh, 520px) !important;
  overflow: auto !important;
}


/* IMPORTANT: remove the global slider p max-width/font sizing inside the mission box */
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) .mission-body p {
  max-width: none !important;
  width: 100% !important;
  margin: 0 0 10px 0 !important;

  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
#slider #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) .mission-body p:last-child {
  margin-bottom: 0 !important;
}




/* Hide the H2 box when it's empty*/
#slider .slider-box h2:empty {
	display: none !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.slider-box {
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	max-width: 52%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
}

#slider .carousel-caption {
	top: 0;
	bottom: inherit;
	text-align: left;
	left: 0;
	right: 0;
	margin: 0 !important;
	padding: 0 !important;
	bottom: 0;
}

.slider_bottom_box {
	padding-bottom: 10%;
}
/* Make all service tiles the same height */
#slider .service-box .owl-carousel .owl-stage { display: flex; }
#slider .service-box .owl-carousel .owl-item { display: flex; }
#slider .service-box .owl-carousel .owl-item > div { /* .box-content-* wrapper */
  display: flex;
  width: 100%;
}

/* The card itself */
.slider_bottom_box .box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* pick a target height you like; adjust as needed */
  min-height: 260px;             /* ← same height for every card */
  padding: 16px 12px;            /* you already had padding, ok to keep */
}

/* Homepage slider tiles only: clamp title/text */
#slider .service-box h5.service_title {
  margin-top: 6px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.2em * 2);
  font-weight: bolder;
}

#slider .service-box p.service_text {
  margin-top: 6px;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  min-height: calc(1.5em * 3);
  font-weight: bolder;
}

#slider .service-box {
	position: absolute;
	bottom: -189px;
	/* Original value for large screens */
	background-color: #271706;
	padding: 60px 30px;
	width: 100%;
}
  /* Size & behavior of the icon/image box inside each slide */
  .slider_bottom_box .service_img{
    width: 150px !important;
    height: 150px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
  }
  .slider_bottom_box .service_img img.service-icon-img{
    width: 100%;
    height: 100%;
    object-fit: contain; 
  }


/* Center the FA caret inside the circular button */
#slider #carouselExampleIndicators .carousel-control-prev i,
#slider #carouselExampleIndicators .carousel-control-next i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	/* circle */
	width: 36px;
	height: 36px;
	background-color: #8e8282;
	opacity: .8;
	color: #fff;
	border-radius: 50%;
	/* center the glyph */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	padding: 0;
	font-size: 22px;
	pointer-events: none;
}

#slider #carouselExampleIndicators .carousel-control-prev i {
	left: 14px;
}

#slider #carouselExampleIndicators .carousel-control-next i {
	right: 14px;
}

h3.service_head {
	font-size: 28px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Roboto Slab";
	text-align: left;
}

p.service_sub {
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 300;
	font-family: "Roboto";
	max-width: 300px;
}

h5.service_title {
	font-size: 13px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Roboto Slab";
	text-align: left;
}

p.service_text {
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Roboto";
}

.box-content-1 {
	background: #ffbd0a;
	border: 1px solid #ffbd0a;
	border-radius: 10px;
}

.box-content-2 {
	background: #91b707;
	border: 1px solid #91b707;
	border-radius: 10px;
}

.box-content-3 {
	background: #ef5921;
	border: 1px solid #ef5921;
	border-radius: 10px;
}

.box-content-4 {
	background: #2dc7c3;
	border: 1px solid #2dc7c3;
	border-radius: 10px;
}

.slider_bottom_box .box {
	padding: 16px 10px;
}

/* --------------- About Us ------------- */
/* ABOUT US background - lock it on desktop */
#about-us {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 38% center !important; /* keep her visible */
}

#about-us {
	padding-top: 48px !important;
	margin-top: -16px !important;
	padding-bottom: clamp(60px, 5.2vw, 64px);
}

/* Headings */
#about-us h3 {
	font-size: clamp(38px, 4.5vw, 52px);
	color: #2c2c2c;
	font-weight: 900;
	font-family: "Roboto Slab";
}

#about-us h4 {
	font-size: clamp(15px, 1.8vw, 19px);
	line-height: 1.8;
	color: #000000;
	font-weight: 500;
	font-family: "Roboto";
	padding-top: 34px;
}

#about-us h6 {
	font-size: clamp(17px, 1.9vw, 21px);
	line-height: 1.45;
	color: #545454;
	font-weight: 600;
	font-family: "Roboto";
}

/* Body text */
#about-us p,
#about-us p.text1 {
	font-size: clamp(16px, 1.4vw, 15.5px);
	line-height: 2.0;
	color: #000000;
	font-weight: 500;
	font-family: "Roboto";
	text-align: justify;
}

#about-us .abt_title {
	border-left: 5px solid #d14124;
}

#about-us .abt_content {
	background: #fff;
	padding: clamp(14px, 2vw, 26px) clamp(16px, 2.2vw, 30px);
}

.about-us-text-link {
	color: #0066bf;
	text-decoration: underline;
	margin-right: 5px;
}

.about-us-text-link:hover {
	color: #da190b;
}

#about-us .abt_media {
	overflow: hidden;
}

#about-us .abt_media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
}

/* ------------- Courses ------------ */
#courses .course_head h3 {
	font-size: 40px;
	line-height: 48px;
	color: #f0b450 !important;
	-webkit-text-stroke: 1px #000000;
	font-weight: 900;
	font-family: "Roboto Slab";
	padding: 10px 0;
	text-align: center;
	transform: translatex(1px);
}

#courses .course_head h3:after {
	content: "";
	background-color: #f0b450;
	width: 30px;
	height: 3px;
	display: block;
	margin: 13px auto;
	position: absolute;
	left: 48.75%;
}

#courses .course_head h3:before {
	content: "";
	background-color: #c2c2c2;
	width: 125px;
	height: 1px;
	display: block;
	margin: 0px auto;
	position: relative;
	top: 63px;
}

#courses .course-content {
	border: 2px solid #eee;
	background: #fff;
	background-color: #000000;
	transform: translateX(-4px)
}

#courses ul li {
	list-style-type: none;
	display: inline-block;
}

#courses h5 {
	font-size: 19px;
	font-weight: 900;
	font-family: "Roboto Slab";
	text-align: center;
	color: #000;
}

#courses p {
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	font-weight: 400;
	font-family: "Roboto";
	text-align: center;
}

#courses .star {
	text-align: center;
	color: #e9a501;
}

#courses .course_icon {
	width: 30px !important;
	height: 30px;
	border-radius: 50%;
	margin: 0 auto;
}

#courses .content_bottom {
	background: #f4f4f5;
	padding: 7px 5px;
}

#courses .content_bottom span.user {
	font-size: 13px;
	line-height: 20px;
	color: #2c2c2c;
	font-weight: 500;
	font-family: "Poppins";
	padding: 0 6px;
}

#courses .content_bottom span.number {
	font-size: 13px;
	line-height: 20px;
	color: #2c2c2c;
	font-weight: 500;
	font-family: "Poppins";
}

#courses .content_bottom .mrgn {
	margin-top: 4px;
	text-align: center;
}

#courses .content_bottom span.message {
	font-size: 13px;
	line-height: 20px;
	color: #2c2c2c;
	font-weight: 500;
	font-family: "Poppins";
	padding: 0 6px;
}

#courses .content_bottom span.price {
	font-size: 16px;
	line-height: 20px;
	color: #ffbd0a;
	font-weight: 500;
	font-family: "Poppins";
	padding: 0 6px;
}

#courses .content_style {
	padding: 5px 18px;
}

/* -------------- how-it-work -------------- */
/* the section is the positioning context */
#how-it-work {
	position: relative;
	padding-top: 0;
	padding-bottom: 0px;
}

/* full-bleed overlay */
#how-it-work::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #2a2419;
	opacity: .9;
	pointer-events: none;
	z-index: 0;
}

/* ensure content sits above the overlay */
#how-it-work>* {
	position: relative;
	z-index: 1;
}

#how-it-work {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#how-it-work .how-it-work-head h3 {
	font-size: 35px;
	color: #0066bf;
	font-weight: 700;
	font-family: "Roboto Slab";
	text-align: center;
	transform: translateX(1px);
}

#how-it-work .how-it-work-head h3:after {
	content: "";
	background-color: #0066bf;
	width: 30px;
	height: 3px;
	display: block;
	margin: 12px auto;
	position: absolute;
	left: 48.75%;
}

#how-it-work .how-it-work-head h3:before {
	content: "";
	background-color: #c2c2c2;
	width: 125px;
	height: 1px;
	display: block;
	margin: 0px auto;
	position: relative;
	top: 53px;
}

#how-it-work .how-it-work-content {
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: center;
}

/* HOW-IT-WORK: shift each of the 3 owl items to the right (non-looping) */
#how-it-work .owl-carousel .owl-stage-outer {
	overflow: visible;
}

#how-it-work .owl-carousel .owl-item {
	transform: translateX(0);
}

#how-it-work .owl-carousel .owl-item:nth-of-type(1) {
	transform: translateX(-86px);
}

#how-it-work .owl-carousel .owl-item:nth-of-type(2) {
	transform: translateX(162px);
}

#how-it-work .owl-carousel .owl-item:nth-of-type(3) {
	transform: translateX(420px);
}

#how-it-work .how-it-work-content p.count {
	font-size: 35px;
	line-height: 29px;
	color: #ffffff;
	font-weight: 900;
	font-family: "Roboto";
	padding-top: 4px;
	padding-left: 7px;
	letter-spacing: 0px;
	text-align: center !important;
}

#how-it-work .how-it-work-head p {
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Roboto";
	text-align: center;
	margin: 20px auto;
	max-width: 600px;
}

#how-it-work .percent {
	color: #fff;
	position: absolute;
	margin: 0 22px;
	top: 34%;
	font-size: 16px;
}

#how-it-work .box {
  background: #0066bf;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  width: 115px;
  height: 115px;
  margin: 8px auto;

  display: flex;
  align-items: center;
  justify-content: center;
}

#how-it-work .how-it-work-content h5 {
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Roboto";
	text-align: center;
}

#how-it-work p.text {
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 300;
	font-family: "Roboto";
	text-align: center !important;
}

#how-it-work .how-it-work-content h5,
#how-it-work .how-it-work-content p {
	max-width: 100%;
	white-space: normal;
	word-break: break-word;
	text-align: center;
}

#how-it-work .how-it-work-content h5 {
	max-width: 100%;
	padding: 0 8px;
	white-space: normal;
	word-break: break-word;
}

/* ------------ Testimonial ---------- */
.testimonial {
	padding: 40px;
	background: #b04c21;
	opacity: 0.9;
}

.testimonial .pic {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin: 0 25px 10px 21px;
}

.testimonial .pic img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.testimonial .testimonial-profile {
	display: inline-block;
	position: absolute;
	top: 40px;
}

.testimonial .title {
	display: block;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	text-transform: capitalize;
	font-family: "Roboto";
}

.testimonial .post {
	display: block;
	font-size: 16px;
	color: #fff;
	font-family: "Roboto";
}

.testimonial .description {
	padding: 10px 22px;
	font-size: 18px;
	color: #ffffff;
	line-height: 25px;
	margin: 0;
	position: relative;
	font-family: "Roboto";
	font-weight: 600;
	font-style: italic;
}

#testimonial .owl-dots {
	position: absolute;
	right: 60px;
	bottom: 11%;
}

#testimonial .owl-dots .active {
	background-color: #fff;
	border: 2px solid #fff;
}

#testimonial .owl-dots button {
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	background-color: transparent;
	border-radius: 2px;
	margin-right: 15px;
	outline: none;
}

#testimonial ul li {
	color: #ffbd09;
	display: inline;
	font-size: 12px;
}

#testimonial .star {
	margin-top: 21px;
	padding-left: 9px;
}

/* ------------ Latest News ---------- */
#latest_news .latest-news-head h3 {
	font-size: 40px;
	line-height: 48px;
	color: #000;
	padding: 10px 0;
	text-align: center;
	color: #2c2c2c;
	font-weight: 800;
	font-family: "Roboto Slab";
}

#latest_news .latest-news-head p {
	font-size: 15px;
	color: #797e80;
	font-weight: 400;
	font-family: "Roboto";
	text-align: center;
	padding: 26px;
	margin: 0 auto;
	max-width: 820px;
}

#latest_news .latest-news-head h3:after {
	content: "";
	background-color: #00512c;
	width: 30px;
	height: 3px;
	display: block;
	margin: 19px auto;
	position: absolute;
	left: 48.75%;
}

#latest_news .latest-news-head h3:before {
	content: "";
	background-color: #c2c2c2;
	width: 125px;
	height: 1px;
	display: block;
	margin: 0px auto;
	position: relative;
	top: 69px;
}

#latest_news .news_head h5 {
	font-size: 20px;
	letter-spacing: 0px;
	font-weight: 700;
	font-family: "Roboto Slab";
	text-align: left;
}

#latest_news .news_head h5 a {
	color: #2c2c2c;
}

#latest_news .news_text {
	font-size: 14px;
	line-height: 25px;
	color: #3e4050;
	font-weight: 400;
	font-family: "Roboto";
	text-align: left;
}

#latest_news .news_btn {
	font-size: 17px;
	line-height: 30px;
	font-weight: 700;
	font-family: "Roboto";
	text-align: left;
	background: #f9f9f9;
}

#latest_news .news_btn a {
	color: #353535;
}

#latest_news .content_style {
	border: 1px solid #dcd3d3;
}

#latest_news span.name_row {
	background-color: #eee;
	position: relative;
	top: 10px;
	left: 16px;
}

#latest_news span i {
	color: #fdc326;
	padding: 10px 7px;
	font-size: 14px;
}

#latest_news span .date {
	font-size: 12px;
	font-family: "Poppins";
	font-weight: 500;
	color: #000;
}

#latest_news span .name {
	font-size: 12px;
	font-family: "Poppins";
	font-weight: 500;
	color: #000;
}

/* Center the seal above each news post card */
#latest_news .news-image {
	float: none !important;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0 auto 12px;
	width: 100%;
}

#latest_news .news-image img {
	display: block;
	margin: 0 auto;
	height: auto;
}

/* --------------- Teacher ----------------- */
#teacher .teacher-head h3 {
	font-size: 40px;
	line-height: 48px;
	color: #000;
	padding: 10px 0;
	text-align: center;
	color: #2c2c2c;
	font-weight: 800;
	font-family: "Roboto Slab";
	transform: translatex(1px)
}

#teacher .teacher-head p {
	font-size: 15px;
	color: #797e80;
	font-weight: 400;
	font-family: "Roboto";
	text-align: center;
	padding: 26px;
	margin: 0 auto;
	max-width: 820px;
}

#teacher .teacher-head h3:after {
	content: "";
	background-color: #ffbd0a;
	width: 30px;
	height: 3px;
	display: block;
	margin: 19px auto;
	position: absolute;
	left: 48.75%;
}

#teacher .teacher-head h3:before {
	content: "";
	background-color: #c2c2c2;
	width: 125px;
	height: 1px;
	display: block;
	margin: 0px auto;
	position: relative;
	top: 69px;
}

#teacher .our-teacher {
	text-align: center;
	overflow: hidden;
	position: relative;
}

#teacher .our-teacher img {
	width: 100%;
	height: auto;
	transition: all 0.5s ease-in-out 0s;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#teacher .our-teacher:hover img {
	transform: scale(1.2);
}

#teacher .our-teacher .teacher-content {
	width: 100%;
	padding: 15px 10px;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateX(12px);
}

#teacher .our-teacher .title {
	font-size: 20px;
	line-height: 24px;
	color: #f7f7f7;
	font-weight: 700;
	font-family: "Roboto";
	text-align: left;
}

#teacher .our-teacher .post {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	font-weight: 300;
	font-family: "Roboto";
	text-align: left;
}

.partner-video-wrap {
	margin-top: 60px;
}

.partner-video {
	max-width: 900px;
	margin: 0 auto;
}

.partner-video iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	display: block;
}

/* =============== Event =============== */
#event .container {
	max-width: 1400px;
}

/* Headings */
#event .event_head {
	border-left: 4px solid #d14124;
	padding: 0 15px;
}

#event .event_head h4 {
	font: 400 16px/25px "Roboto", sans-serif;
	color: #000;
	margin: 0;
}

#event .event_head h3 {
	font: 900 36px/1.1 "Roboto Slab", serif;
	color: #000;
	margin: 0;
}

#event .event_head p {
	font: 400 16px/20px "Roboto", sans-serif;
	color: #000;
	margin: 0;
}

/* Main 2-column row */
#event .event-row {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}

/* 50/50 split */
#event .event-left {
	flex: 0 0 50%;
	max-width: 50%;
}

#event .event-right {
	flex: 0 0 50%;
	max-width: 50%;
	display: flex;
	align-items: center;
}

/* Card shell (left) */
#event .event-card {
	display: flex;
	gap: 24px;
	padding: 24px 28px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .07);
	border: 1px solid #eee;
	height: 100%;
}

/* Media rail (thumbnail + date chip) */
#event .event-media {
	position: relative;
	flex: 0 0 260px;
	max-width: 260px;
}

#event .event-media img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}

/* Date chip */
#event .post-date {
	position: absolute;
	top: 12px;
	left: 12px;
	background: #cf492d;
	color: #fff;
	border-radius: 8px;
	padding: 6px 10px;
	text-align: center;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
	line-height: 1;
}

#event .post-date .month {
	display: block;
	font: 700 14px/1 "Roboto", sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
	margin: 0 0 2px;
}

#event .post-date .date {
	display: block;
	font: 800 20px/1 "Roboto", sans-serif;
	margin: 0;
}

/* Text body */
#event .event-body {
	flex: 1 1 auto;
	min-width: 0;
}

#event .event-body h5 {
	font: 600 24px/1.2 "Poppins", sans-serif;
	color: #000;
	margin: 8px 0 10px;
}

#event .event-body p {
	font: 400 16px/1.6 "Roboto", sans-serif;
	color: #000;
	margin: 0 0 16px;
}

#event .event-body .name {
	display: inline-block;
	background: #eee;
	font: 500 14px/1.2 "Poppins", sans-serif;
	color: #000;
	padding: 4px 8px;
	border-radius: 6px;
	margin: 6px 0 10px;
}

#event .event-body .name i {
	color: #d14124;
	padding-right: 6px;
	font-size: 14px;
}

#event .event-body a {
	display: inline-block;
	font: 700 14px/22px "Roboto", sans-serif;
	color: #fff;
	background: #d14124;
	padding: 8px 15px;
	border-radius: 6px;
	text-decoration: none;
}

/* Right-side image */
#event .event-sideimg {
	width: 100%;
}

#event .event-sideimg img {
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
	max-height: 560px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 18px 60px rgba(0, 0, 0, .12);
	display: block;
	margin-left: -10px;
	margin-top: 66px;
}

/* ------------ Featured ---------- */
#featured .featured_head h3 {
	font-size: 32px;
	line-height: 48px;
	color: #000;
	font-weight: 800;
	font-family: "Roboto Slab";
	text-align: center;
}

#featured .featured_head p {
	font-size: 17px;
	line-height: 23px;
	color: #3e4050;
	font-weight: 400;
	font-family: "Roboto";
	text-align: center;
	padding-top: 26px;
	max-width: 900px;
	margin: 0 auto;
}

#featured .featured_head h3:after {
	content: "";
	background-color: #ffbd0a;
	width: 30px;
	height: 3px;
	display: block;
	margin: 9px auto;
	position: absolute;
	left: 48.75%;
}

#featured .featured_head h3:before {
	content: "";
	background-color: #c2c2c2;
	width: 125px;
	height: 1px;
	display: block;
	margin: 0px auto;
	position: relative;
	top: 59px;
}

#featured .featured_content h5 {
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Roboto Slab";
}

#featured .featured_content p {
	font-size: 13px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Roboto";
}

#featured .featured_content a {
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Roboto";
	border: 2px solid #fff;
	padding: 5px 10px;
}

.featured_content {
	position: absolute;
	bottom: 30px;
	padding-left: 20px;
	z-index: 9999;
}

#featured span.price {
	font-size: 20px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Poppins";
}

.feature-img img {
	position: relative;
}

.featured_content_image {
	position: absolute;
	bottom: 1px;
	z-index: 99;
	right: 15px;
}

.featured-1:before {
	content: '';
	background: #ffc529;
	opacity: 0.9;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s ease-in 0s;
}

.featured-2:before {
	content: '';
	transform-origin: top left;
	background: #91b707;
	opacity: 0.9;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s ease-in 0s;
}

.featured-3:before {
	content: '';
	transform-origin: top left;
	background: #ee531e;
	opacity: 0.9;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s ease-in 0s;
}

/* ------------ Register ---------- */
#register h3 {
	font-size: 32px;
	color: #2c2c2c;
	font-weight: 900;
	font-family: "Roboto Slab";
	text-align: center;
}

#register h3:after {
	content: "";
	background-color: #ffdb7b;
	width: 75px;
	height: 2px;
	display: block;
	margin: 10px auto;
	text-align: center;
}

#register h4 {
	font-size: 20px;
	letter-spacing: 0px;
	line-height: 28px;
	color: #f05a21;
	font-weight: 600;
	font-family: "Roboto";
	text-align: center;
}

#register p {
	font-size: 12px;
	line-height: 24px;
	color: #666c6e;
	font-weight: 500;
	font-family: "Roboto";
	text-align: center;
	max-width: 500px;
	margin: 7px auto;
}

#register h6 {
	font-size: 14px;
	line-height: 24px;
	color: #666c6e;
	font-weight: 600;
	font-family: "Roboto";
	text-align: center;
	max-width: 400px;
	margin: 0px auto;
}

#register #timer div {
	width: 65px;
	height: 70px;
	padding: 10px 0px;
	margin: 0 10px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	line-height: 23px;
	border: 1px solid #fff;
	font-family: "Poppins";
	border-radius: 4px;
}

#register .numbers1 {
	display: inline-block;
	background: #ffbd09;
}

#register .numbers2 {
	display: inline-block;
	background: #9cbf1d;
}

#register .numbers3 {
	display: inline-block;
	background: #fb6c36;
}

#register .numbers4 {
	display: inline-block;
	background: #2dc7c3;
}

#register #timer div span {
	font-size: 14px !important;
}

#register #timer div span:before {
	display: block;
	height: 1px;
	width: 65px;
	content: "";
	background-color: #eee;
	position: absolute;
	bottom: 40px;
	opacity: 1;
}

#register .countdowntimer {
	padding-top: 20px;
}

#register .form_head {
	background: #51310d;
}

#register .form_head h5 {
	font-size: 20px;
	color: #ffbd0a;
	font-weight: 700;
	font-family: "Roboto Slab";
	text-align: center;
}

#register .form_head p {
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 300;
	font-family: "Roboto";
	text-align: center;
	max-width: 250px;
}

#register .register_form {
	background: #fff;
	margin-top: 40px;
}

#register input[type="email"],
input[type="text"],
input[type="number"] {
	width: 80%;
	background-color: #f9f9f9 !important;
	border: 1px solid #f9f9f9 !important;
	font-size: 16px !important;
	padding: 10px 10px;
	margin: 10px 0 0px 0;
	border-radius: 5px;
}

#register input[type="submit"] {
	font-size: 18px;
	line-height: 19px;
	color: #ffffff;
	font-weight: 600;
	font-family: "Poppins";
	text-align: center;
	background: #ffbd09;
	width: 80%;
	margin-left: 22px;
	margin-top: 10px;
	border-radius: 5px;
}

#register input[type="email"]::placeholder,
input[type="text"]::placeholder,
input[type="number"]::placeholder {
	font-size: 14px;
	color: #000;
	font-weight: 500;
	font-family: "Poppins";
}

#register .form {
	padding: 15px 20px 40px 20px;
}

/* ----------- Newsletter --------------- */
#newsletter .newsletter-content p {
	font-size: 18px;
	line-height: 30px;
	color: #3c4042;
	font-weight: 400;
	font-style: italic;
	font-family: "Roboto";
	text-align: center;
}

#newsletter .newsletter-content {
	max-width: 500px;
	margin: 40px auto;
}

#newsletter input[type="email"] {
	max-width: 60%;
	background-color: #fff;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border: 1px solid #fff;
}

#newsletter input[type="email"]::placeholder {
	font-size: 14px;
	line-height: 18px;
	color: #858585;
	font-weight: 400;
	font-style: italic;
	font-family: "Poppins";
}

#newsletter input[type="submit"] {
	font-size: 16px;
	letter-spacing: 2px;
	color: #ffffff;
	font-family: "Poppins";
	font-weight: 400;
	background: #f05a21;
	border: 1px solid transparent;
}

/* ------------ Home Contact ---------- */
#contact .contact-head h3 {
	font-size: 40px;
	line-height: 48px;
	color: #000;
	padding: 10px 0;
	text-align: center;
	color: #2c2c2c;
	font-weight: 800;
	font-family: "Roboto Slab";
}

#contact .contact-head p {
	font-size: 15px;
	color: #3e4050;
	font-weight: 400;
	font-family: "Roboto";
	text-align: center;
	padding: 26px;
	margin: 0 auto;
	max-width: 820px;
}

#contact .contact-head h3:after {
	content: "";
	background-color: #ffbd0a;
	width: 30px;
	height: 3px;
	display: block;
	margin: 19px auto;
	position: absolute;
	left: 48.75%;
}

#contact .contact-head h3:before {
	content: "";
	background-color: #c2c2c2;
	width: 125px;
	height: 1px;
	display: block;
	margin: 0px auto;
	position: relative;
	top: 69px;
}

#contact {
	padding-bottom: 0;
}