/*
Theme Name: OrientMCT
Theme URI: https://www.orientmct.com
Author: Syed Aashir
Author URI: https://developwithaashir.com
Description: A fully custom WordPress theme
Version: 1.0
*/


.course-table{
width:100%;
border-collapse:collapse;
}

.course-table th{
background:#f2f2f2;
padding:12px;
text-align:left;
	color: #000;
}

.course-table td{
padding:12px;
border-bottom:1px solid #ddd;
	color: #000;
}

.course-table tr:hover{
background:#f9f9f9;
}


/* Fonts */

@font-face {
    font-family: 'Arial';
    src: url('staging.lionheartg.com/wp-content/themes/orientmct/fonts/ARIAL.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* Optional: improves performance */
}

@font-face {
    font-family: 'Arial';
    src: url('staging.lionheartg.com/wp-content/themes/orientmct/fonts/ARIALBD.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap; /* Optional: improves performance */
}


body{
	margin: 0;
} 

a{
	text-decoration: none;
	font-family: Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6,p{
	margin-block-start: 0em;
    margin-block-end: 0em;
}

html {
  scroll-behavior: smooth;
}

ul.ul-list {
    display: flex;
    flex-direction: column;
    row-gap: 1em;
	list-style-type: numbers;
}

/* Allow Elementor full width */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
}


.page-id-11 .menu-bg{
	background-color: #020618 !important;
}

.page-id-11 .siteLogo{
	filter: brightness(0) invert(1);
}

.page-id-11 .home-menu .wpr-menu-item{
	color: #CAD5E2 !important;
}

.megamenu{
	max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}


/* Menu */

.megamenu-item ul li a span {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  transition: transform .2s ease-in-out !important;
}

.megamenu-item ul li a span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url("https://staging.lionheartg.com/wp-content/uploads/2026/02/menu-icon.png") no-repeat left center;
  background-size: contain;

  opacity: 0;
  transform: translateX(-5px) translateY(-50%);
  transition: opacity .2s ease-in-out, transform .2s ease-in-out !important;
}

.megamenu-item ul li a:hover span {
  transform: translateX(20px);
}

.megamenu-item ul li a:hover span:before {
  opacity: 1;
  transform: translateX(0) translateY(-50%);
}

/* Menu Item Green */

.megamenu-item-green ul li a span {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  transition: transform .2s ease-in-out !important;
}

.megamenu-item-green ul li a span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url("https://staging.lionheartg.com/wp-content/uploads/2026/03/menu-icon-green.png") no-repeat left center;
  background-size: contain;
  opacity: 0;
  transform: translateX(-5px) translateY(-50%);
  transition: opacity .2s ease-in-out, transform .2s ease-in-out !important;
}

.megamenu-item-green ul li a:hover span {
  transform: translateX(20px);
}

.megamenu-item-green ul li a:hover span:before {
  opacity: 1;
  transform: translateX(0) translateY(-50%);
}


/* Menu Item Blue */

.megamenu-itemBlue ul li a span {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  transition: transform .2s ease-in-out !important;
}

.megamenu-itemBlue ul li a span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url("https://staging.lionheartg.com/wp-content/uploads/2026/03/menu-iconBlue.png") no-repeat left center;
  background-size: contain;
  opacity: 0;
  transform: translateX(-5px) translateY(-50%);
  transition: opacity .2s ease-in-out, transform .2s ease-in-out !important;
}

.megamenu-itemBlue ul li a:hover span {
  transform: translateX(20px);
}

.megamenu-itemBlue ul li a:hover span:before {
  opacity: 1;
  transform: translateX(0) translateY(-50%);
}

/* Hero Section */

.hero{
	background: #020618;
	background: linear-gradient(90deg, rgba(2, 6, 24, 1) 0%, rgba(15, 23, 43, 1) 50%, rgba(2, 6, 24, 1) 100%);
}

span.small-title {
    margin-right: 10px;
}

.gradient-text-green h3 span {
    background: linear-gradient(90deg, #419638, #009966);
    -webkit-background-clip: text;
    color: transparent;
}

.gradient-text-orange h3 span {
    background: linear-gradient(90deg, #FF8904, #F54900);
    -webkit-background-clip: text;
    color: transparent;
}

.gradient-text-blue h3 span {
    background: linear-gradient(90deg, #2B7FFF, #4F39F6);
    -webkit-background-clip: text;
    color: transparent;
}

.gradient-text-green .elementor-icon-box-title a{
	background: linear-gradient(90deg, #419638, #009966);
    -webkit-background-clip: text;
    color: transparent !important;
}

.gradient-text-orange .elementor-icon-box-title a{
	background: linear-gradient(90deg, #FF8904, #F54900);
    -webkit-background-clip: text;
    color: transparent !important;
}

.gradient-text-blue .elementor-icon-box-title a{
	background: linear-gradient(90deg, #2B7FFF, #4F39F6);
    -webkit-background-clip: text;
    color: transparent !important;
}

.gradient-text-green .elementor-icon-box-title a:hover{
	background: #05DF72;
    -webkit-background-clip: text;
    color: transparent !important;
}

.gradient-text-orange .elementor-icon-box-title a:hover{
	background: #FF8904;
    -webkit-background-clip: text;
    color: transparent !important;
}

.gradient-text-blue .elementor-icon-box-title a:hover{
	background: #2B7FFF;
    -webkit-background-clip: text;
    color: transparent !important;
}

.swiper-pagination-bullets .swiper-pagination-bullet{
	background: #CAD5E2 !important;
    border-radius: 50%;
    width: 10px !important;
    height: 10px !important;
    margin: 0 5px !important;
	opacity: 1;
    transition: background-color 0.3s !important;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active{
	background: linear-gradient(90deg, #FF6900, #F54900) !important;
	width: 40px !important;
	height: 12px;
	border-radius: 26843500px;
	transition: background-color 0.3s !important;
}

/* Gradient Headings */

.gradient-heading-green h2{
	background: linear-gradient(90deg, #419638, #009966);
    -webkit-background-clip: text;
    color: transparent;
}

.gradient-heading-orange h2{
	background: linear-gradient(90deg, #FF8904, #F54900);
    -webkit-background-clip: text;
    color: transparent;
}

.gradient-heading-blue h2{
	background: linear-gradient(90deg, #2B7FFF, #4F39F6);
    -webkit-background-clip: text;
    color: transparent;
}

/* Buttons */

.learn-more-btn .gradient-heading-pink{
	background: linear-gradient(90deg, #AD46FF, #E60076);
    -webkit-background-clip: text;
    color: transparent;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Arial';
	font-weight: 400;
}

.learn-more-btn .gradient-heading-blue{
	background: linear-gradient(90deg, #2B7FFF, #0092B8);
    -webkit-background-clip: text;
    color: transparent;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Arial';
	font-weight: 400;
	display: flex;
    column-gap: 0.5em;
    align-items: center;
}

.learn-more-btn .gradient-heading-orange{
	background: linear-gradient(90deg, #FF6900, #E7000B);
    -webkit-background-clip: text;
    color: transparent;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Arial';
	font-weight: 400;
	display: flex;
    column-gap: 0.5em;
    align-items: center;
}

.learn-more-btn .gradient-heading-green{
	background: linear-gradient(90deg, #00C950, #009966);
    -webkit-background-clip: text;
    color: transparent;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Arial';
	font-weight: 400;
	display: flex;
    column-gap: 0.5em;
    align-items: center;
}

.learn-more-btn img{
	width: 16px;
	height: 16px;
}

.arrow {
  transition: transform 0.3s ease;
}

.learn-more-btn a:hover .arrow{
	transform: translateX(10px);
}

.learn-more-btn:hover .arrow{
	transform: translateX(10px);
}

.box-btn .learn-more-btn {
    display: inline-flex;
    align-items: center;
    column-gap: 0.5em;
}

.box-btn .gradient-heading-green{
	background: linear-gradient(90deg, #00C950, #009966);
    -webkit-background-clip: text;
    color: transparent;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Arial';
	font-weight: 600;
	display: flex;
    column-gap: 0.5em;
    align-items: center;
}

.box-btn .gradient-heading-orange{
	background: linear-gradient(90deg, #FF8904, #F54900);
    -webkit-background-clip: text;
    color: transparent;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Arial';
	font-weight: 600;
	display: flex;
    column-gap: 0.5em;
    align-items: center;
}

.box-btn .gradient-heading-blue{
	background: linear-gradient(90deg, #2B7FFF, #F54900);
    -webkit-background-clip: text;
    color: transparent;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Arial';
	font-weight: 600;
	display: flex;
    column-gap: 0.5em;
    align-items: center;
}

/* Hero Section End */

.elementor-btn .elementor-button-icon svg{
	width: 2.5em;
}

.elementor-btn .elementor-button-text{
	align-content: center;
}

/* Training Boxes */

.training-box-blue{
	background: #000000;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 50%, rgba(43, 127, 255, 1) 100%);
}

.service-desc {
    overflow: hidden !important;
}

.service-desc-wrapper {
    transform: translateY(100px);
    transition: 0.5s ease-in-out !important;
}

.training-box-blue:hover .service-desc-wrapper, .training-box-red:hover .service-desc-wrapper, .training-box-pink:hover .service-desc-wrapper, .training-box-green:hover .service-desc-wrapper{
	transform: translateY(0px);
	transition: 0.5s ease-in-out !important;
}

.shadow-box{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.shadow-dark:hover{
/* 	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important; */
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
}

.training-box-red{
	background: #000000;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(251, 44, 54, 1) 100%);
}

.training-box-pink{
	background: #000000;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(173, 70, 255, 1) 100%);
}

.training-box-green{
	background: #000000;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(0, 201, 80, 1) 100%);
}

hr.custom-divider {
    border: 0; /* Removes the default border */
  	height: 4px; /* Sets the thickness of the line */
/*   	background: linear-gradient(to right, #2B7FFF, #0092B8); */
	width: 512px;
	border-radius: 20px;
}

.blue-divider{
	background: linear-gradient(to right, #2B7FFF, #0092B8);
}

.red-divider{
	background: linear-gradient(to right, #FB2C36, #EC003F);
}

.pink-divider{
	background: linear-gradient(to right, #AD46FF, #E60076);
}

.green-divider{
	background: linear-gradient(to right, #00C950, #009689);
}

.dark-gradient-bg{
	background: #020618;
	background: linear-gradient(90deg, rgba(2, 6, 24, 1) 0%, rgba(15, 23, 43, 1) 50%, rgba(2, 6, 24, 1) 100%);
}

.blue-overlay-img:before {
    content: '';
    position: absolute;
    opacity: 0.5;
    background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(180deg, #2B7FFF 0%, #0092B8 100%);
    width: 100%;
    height: 100%;
	border-radius: 20px 20px 0px 0px;
}

.dark-bg{
	background: #020618;
	background: linear-gradient(90deg, rgba(2, 6, 24, 1) 0%, rgba(15, 23, 43, 1) 10%, rgba(2, 6, 24, 1) 100%);
}

/* CTA */

.cta-bg{
	background: #020618;
	background: linear-gradient(90deg, rgba(2, 6, 24, 1) 0%, rgba(15, 23, 43, 1) 50%, rgba(2, 6, 24, 1) 100%);
}


/* Tabs on homepage */


/* Orange */
#e-n-tab-title-686108912[aria-selected=true]{
	background-color: #2B7FFF !important;
}

/* Blue */
#e-n-tab-title-686108913[aria-selected=true]{
	background-color: #009966 !important;
}

/* Green */
#e-n-tab-title-686108911[aria-selected=true]{
	background-color: #ff8804 !important;
}


/* Tabs Hover */

#e-n-tab-title-686108911[aria-selected=false]:hover{
	background-color: #ff8804 !important;
}

#e-n-tab-title-686108912[aria-selected=false]:hover{
		background-color: #2B7FFF !important;
}

#e-n-tab-title-686108913[aria-selected=false]:hover{
		background-color: #009966 !important;
}

/* Tabs Overlap */

.e-n-tabs-heading button{
	margin-right: -20px;
	transition: .3s ease-in-out;
}

.e-n-tabs-heading button[aria-selected=true]{
/* 	box-shadow: 10px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; */
	z-index: 666 !important;	
/* 	box-shadow: 10px -4px 8px rgba(0, 0, 0, 0.2), -10px -4px 8px rgba(0, 0, 0, 0.2), 0 -4px 8px rgba(0, 0, 0, 0.19) !important; */
	transition: .3s ease-in-out !important;
}

button#e-n-tab-title-686108911{
	z-index: 555;
/*     box-shadow: 5px 0px 8px 0px rgba(0, 0, 0, 0.2), -5px 0px 8px 0px rgba(0, 0, 0, 0.2) !important; */

}

button#e-n-tab-title-686108912 {
    z-index: 444;
/*     box-shadow: 5px 0px 8px 0px rgba(0, 0, 0, 0.2), -5px 0px 8px 0px rgba(0, 0, 0, 0.2) !important; */

}

button#e-n-tab-title-686108913 {
    z-index: 333;
/*     box-shadow: 5px 0px 8px 0px rgba(0, 0, 0, 0.2), -5px 0px 8px 0px rgba(0, 0, 0, 0.2) !important; */
}

.shadow:hover{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.tech-icon-purple, .tech-icon-blue, .tech-icon-orange, .tech-icon-green {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
}

.tech-icon-purple img, .tech-icon-blue img, .tech-icon-orange img, .tech-icon-green img{
	position: relative;
	z-index: 3;
}

/* Purple Icon */

.tech-icon-purple:before {
	content: '';
	position: absolute;
    height: 0px;
	width: 0px;
    padding: 0px;
    background: linear-gradient(45deg, #ad46ff, #e60076);
    border-radius: 12px;
	transition: .4s ease-in-out;
}

.tech-col:hover .tech-icon-purple:before{
	height: 60px;
	width: 60px;
	transition: .4s ease-in-out;
    padding: 10px;
	z-index: 1;
}

/* Blue Icon */

.tech-icon-blue:before {
	content: '';
	position: absolute;
    height: 0px;
	width: 0px;
    padding: 0px;
    background: linear-gradient(45deg, #2B7FFF, #0092B8);
    border-radius: 12px;
	transition: .4s ease-in-out;
}

.tech-col:hover .tech-icon-blue:before{
	height: 60px;
	width: 60px;
	transition: .4s ease-in-out;
    padding: 10px;
	z-index: 1;
}

/* Orange Icon */

.tech-icon-orange:before {
	content: '';
	position: absolute;
    height: 0px;
	width: 0px;
    padding: 0px;
    background: linear-gradient(45deg, #FF6900, #E7000B);
    border-radius: 12px;
	transition: .4s ease-in-out;
}

.tech-col:hover .tech-icon-orange:before{
	height: 60px;
	width: 60px;
	transition: .4s ease-in-out;
    padding: 10px;
	z-index: 1;
}

/* Green Icon */

.tech-icon-green:before {
	content: '';
	position: absolute;
    height: 0px;
	width: 0px;
    padding: 0px;
    background: linear-gradient(45deg, #00C950, #009966);
    border-radius: 12px;
	transition: .4s ease-in-out;
}

.tech-col:hover .tech-icon-green:before{
	height: 60px;
	width: 60px;
	transition: .4s ease-in-out;
    padding: 10px;
	z-index: 1;
}

.tech-img-col{
	overflow: hidden !important;
}

.tech-img-col-wrapper {
    transform: translateY(110px);
	transition: .4s ease-in-out;
}

.tech-col:hover .tech-img-col-wrapper{
	transform: translateY(0px);
	transition: .4s ease-in-out;
}
 
/* .tech-col:hover .tech-desc-title .elementor-heading-title{
	background: linear-gradient(90deg, #AD46FF, #E60076);
    -webkit-background-clip: text;
	transition: .4s ease-in-out;
    color: transparent !important;
}

.tech-col:hover .tech-description{
	color: #ffffff !important;
	transition: .4s ease-in-out;
} */


/* Consulting Section */
/* 
.image-section{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
} */

.consult-box-content {
    width: 100%;
    padding: 0;
    height: 0px;
    display: none !important;
	transition: .4s ease-in-out;
}

.image-section:hover .consult-box-content {
	width: 100%;
    padding: 30px;
    height: auto;
	display: flex !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
	transition: .4s ease-in-out;
}


/* Inner pages Banner */

.section-icons {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.section-icons .icon-one {
    position: absolute;
    left: 6%;
    top: -85px;
    width: 58px;
    height: 67px;
    background-repeat: no-repeat;
}

.section-icons .icon-two {
    position: absolute;
    left: 16%;
    top: 145px;
    width: 91px;
    height: 99px;
    background-repeat: no-repeat;
}

.section-icons .icon-three {
    position: absolute;
    left: 66%;
    top: 165px;
    width: 58px;
    height: 67px;
    background-repeat: no-repeat;
}

.section-icons .icon-four {
    position: absolute;
    left: 48%;
    top: 35%;
    width: 101px;
    height: 101px;
    background-repeat: no-repeat;
}

.section-icons .icon-five {
    position: absolute;
    left: 78%;
    top: -105px;
    width: 64px;
    height: 60px;
    background-repeat: no-repeat;
}

.section-icons .icon-six {
    position: absolute;
    right: 3%;
    top: 25%;
    width: 58px;
    height: 67px;
    background-repeat: no-repeat;
}

/* Inner page cards */

.content-block {
    display: block;
    background: #fff;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    outline: none;
}

.content-block::before {
    content: " ";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 50px rgba(166, 209, 237, 0.2);
    z-index: -2;
}

.content-block::after {
    content: " ";
    width: 95%;
    height: 95%;
    z-index: -3;
    position: absolute;
    top: auto;
    bottom: 1px;
    left: 1px;
    border-radius: 12px;
    background-image: linear-gradient(100deg, #0D1C3E, #611428);
    background-repeat: repeat-x;
    outline: 1px solid transparent;
    transition: all 0.5s;
}

.content-block:hover {
    text-decoration: none;
}

.content-block:hover::after {
    transform: rotate(2deg) translateX(-5px) translateY(16px);
}

.content-block:hover .icon-container::after {
    opacity: 1;
}

.grad-style-cd{
	background-image: linear-gradient(45deg, #0D1C3E, #611428);
    background-repeat: repeat-x;
}

.icon-container {
    width: 135px;
    height: 110px;
    border-radius: 110px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: rotate(150deg);
    margin-bottom: 4.5rem;
    position: relative;
}

.grad-style-cd-light {
    background-image: linear-gradient(45deg, #fff3f6, #fef5f5);
    background-repeat: repeat-x;
	transition: all 0.5s;
}

.icon-container::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 110px;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
}

.icon-container.grad-style-cd-light::after {
    background-image: linear-gradient(45deg, #0D1C3E, #611428);
    background-repeat: repeat-x;
}

.icon-container i {
    font-size: 3rem;
    line-height: 1;
    font-style: normal;
    transform: rotate(-150deg);
}

.content-block:hover .icon-container i{
	color: #ffffff;
}

.service-icon .elementor-widget-container{
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Flip box front */

.flip-blue .elementor-flip-box__front .elementor-flip-box__layer__overlay{
	background: transparent;
	background-image: linear-gradient(180deg, #2b7fff82 0%, #000000cf 100%) !important;
}


.flip-red .elementor-flip-box__front .elementor-flip-box__layer__overlay {
    background: transparent;
    background-image: linear-gradient(180deg, #ec003f9e 0%, #000000cf 100%) !important;
}

.flip-green .elementor-flip-box__front .elementor-flip-box__layer__overlay {
    background: transparent;
    background-image: linear-gradient(180deg, #009966a1 0%, #000000cf 100%) !important;
}

.flip-purple .elementor-flip-box__front .elementor-flip-box__layer__overlay {
    background: transparent;
    background-image: linear-gradient(180deg, #ad46ffb8 0%, #000000cf 100%) !important;
}

/* Flip box back */

.flip-blue .elementor-flip-box__back .elementor-flip-box__layer__overlay{
	background: transparent;
	background-image: linear-gradient(180deg, #2b7fff82 0%, #000000cf 100%) !important;
}


.flip-red .elementor-flip-box__back .elementor-flip-box__layer__overlay {
    background: transparent;
    background-image: linear-gradient(180deg, #EC003F 0%, #000000cf 100%) !important;
}

.flip-green .elementor-flip-box__back .elementor-flip-box__layer__overlay {
    background: transparent;
    background-image: linear-gradient(180deg, #009966 0%, #000000cf 100%) !important;
}

.flip-purple .elementor-flip-box__back .elementor-flip-box__layer__overlay {
    background: transparent;
    background-image: linear-gradient(180deg, #AD46FF 0%, #000000cf 100%) !important;
}

.flip--box .elementor-flip-box__image{
	display: flex;
    justify-content: center;
}

ul.flip-list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    text-align: left;
    padding: 0;
    row-gap: 1em;
	margin: 20px 0px;
}

ul.flip-list li i {
    margin-right: 8px;
}

.flip--box .elementor-button{
	padding: 0;
}

/* Course single page */

.sidebar{
	align-self: flex-start;
}

    /* Popup overlay */
    	#csc-popup-overlay {
			position: fixed;
			inset: 0;
			background: rgba(0,0,0,.55);
			backdrop-filter: blur(4px);
			z-index: 99999;
			display: none;
			align-items: center;
			justify-content: center;
			padding: 16px;
			opacity: 0;
			transition: opacity .22s ease;
		}
			#csc-popup-overlay.csc-visible {
				display: flex;
				opacity: 1;
		}

    .csc-popup {
        background: #fff;
        border-radius: 14px;
        padding: 36px 32px 32px;
        width: 100%;
        max-width: 560px;
        max-height: 92vh;
        overflow-y: auto;
        position: relative;
        box-shadow: 0 24px 64px rgba(0,0,0,.18);
        transform: translateY(18px);
        transition: transform .25s ease;
    }
    #csc-popup-overlay.csc-visible .csc-popup {
        transform: translateY(0);
    }

    .csc-popup-close {
        position: absolute;
        top: 14px; right: 16px;
        background: none;
        border: none;
        font-size: 26px;
        line-height: 1;
        cursor: pointer;
        color: #888;
        padding: 4px 8px;
        border-radius: 6px;
        transition: background .15s, color .15s;
    }
    .csc-popup-close:hover { background: #f0f0f0; color: #222; }

    .csc-popup-title {
        font-size: 1.35rem;
        font-weight: 700;
        margin: 0 0 4px;
        color: #111;
    }
    .csc-popup-subtitle {
        font-size: .875rem;
        color: #666;
        margin: 0 0 20px;
    }

    /* Auto-filled details strip */
    .csc-popup-details {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        background: #f7f8fa;
        border: 1px solid #e8eaed;
        border-radius: 10px;
        padding: 14px 16px;
        margin-bottom: 22px;
    }
    .csc-detail-item {
        display: flex;
        flex-direction: column;
        gap: 3px;
        flex: 1 1 140px;
    }
    .csc-detail-label {
        font-size: .72rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .06em;
        color: #888;
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .csc-detail-value {
        font-size: .9rem;
        font-weight: 600;
        color: #222;
    }

    /* Form */
    .csc-form { display: flex; flex-direction: column; gap: 16px; }
    .csc-form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }
    @media(max-width:480px) { .csc-form-row { grid-template-columns: 1fr; } }

    .csc-form-group { display: flex; flex-direction: column; gap: 6px; }
    .csc-form-group--full { grid-column: 1/-1; }

    .csc-form-group label {
        font-size: .8rem;
        font-weight: 600;
        color: #444;
        text-transform: uppercase;
        letter-spacing: .05em;
    }
    .csc-req { color: #e53; }

    .csc-form-group input,
    .csc-form-group textarea {
        border: 1.5px solid #dde0e6;
        border-radius: 8px;
        padding: 10px 13px;
        font-size: .92rem;
        color: #111;
        background: #fafbfc;
        transition: border-color .18s, box-shadow .18s;
        font-family: inherit;
        resize: vertical;
        outline: none;
    }
    .csc-form-group input:focus,
    .csc-form-group textarea:focus {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37,99,235,.12);
        background: #fff;
    }

    .csc-submit-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        padding: 13px;
        background: #2563eb;
        color: #fff;
        border: none;
        border-radius: 9px;
        font-size: .95rem;
        font-weight: 600;
        cursor: pointer;
        transition: background .18s, transform .12s;
        font-family: inherit;
        margin-top: 4px;
    }
    .csc-submit-btn:hover:not(:disabled) { background: #1d4ed8; transform: translateY(-1px); }
    .csc-submit-btn:disabled { opacity: .65; cursor: not-allowed; }

    @keyframes csc-spin { to { transform: rotate(360deg); } }
    .csc-spin { animation: csc-spin .8s linear infinite; }

    .csc-form-msg {
        text-align: center;
        font-size: .88rem;
        padding: 10px 14px;
        border-radius: 7px;
        margin-top: 2px;
    }
    .csc-form-msg.csc-success {
        background: #ecfdf5;
        color: #065f46;
        border: 1px solid #6ee7b7;
    }
    .csc-form-msg.csc-error {
        background: #fef2f2;
        color: #991b1b;
        border: 1px solid #fca5a5;
    }



.csc-section-heading {
    margin-bottom: 24px;
}

.csc-section-heading h2 {
    font-family: "Arial", Sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    color: #0F172B;
}

.csc-section-heading h2::after {
    content: '';
    display: block;
    width: 6%;
    height: 3.5px;
    background: #ff6900;
    margin-top: 14px;
    border-radius: 2px;
}

.course-outline-detail {
    list-style: disc !important;
    padding: 0px 0px 0px 20px;
    display: flex;
    flex-direction: column;
    row-gap: 0.5em;
}

.wpr-grid-image-wrap img{
	height: 260px;
}

/* Course Count */

.elementor-shortcode {
    color: #FFFFFFCC;
	font-family: "Arial", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

span.course-count {
    display: inline-flex;
    align-items: center;
    gap: 1em;
}

.glassmorphism-col{
	background-color: rgba(255,255,255,0.027);
	backdrop-filter: blur(10px);
	border-top: 1px solid rgba(255,255,255,0.4);
	border-left: 1px solid rgba(255,255,255,0.3);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.089);
}

.box-shadow{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.box-shadow-dark{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.course-title:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 3.5px;
    background-color: #FF6900;
    top: 14px;
    right: -50px;
}

/* Schedule Cards */

.csc-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
        gap: 20px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .csc-card {
        position: relative;
        background: #ffffff;
        border: 1px solid #e8e8e8;
        border-radius: 12px;
        padding: 22px 20px 18px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 10px;
        transition: box-shadow 0.2s ease, transform 0.2s ease;
    }

    .csc-card:hover {
        box-shadow: 0 6px 20px rgba(0,0,0,0.1);
        transform: translateY(-2px);
    }

    /* Date row */
    .csc-date-row {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #1a1a1a;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.3;
    }

    .csc-date-icon {
        flex-shrink: 0;
        color: #e8621a;
        display: flex;
        align-items: center;
    }

    /* Meta row: duration · venue */
    .csc-meta {
        font-size: 13px;
        color: #666;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .csc-meta-dot {
        color: #bbb;
    }

    /* Bottom row: price + button */
    .csc-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 6px;
    }

    .csc-price {
        font-size: 17px;
        font-weight: 800;
        color: #1a1a1a;
    }

    .csc-enroll-btn {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: transparent;
        color: #e8621a;
        border: 1.5px solid #e8621a;
        border-radius: 8px;
        padding: 7px 14px;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        cursor: pointer;
        transition: background 0.18s, color 0.18s;
        white-space: nowrap;
    }

    .csc-enroll-btn:hover {
        background: #e8621a;
        color: #fff;
    }

    .csc-enroll-btn svg {
        transition: transform 0.18s;
    }

    .csc-enroll-btn:hover svg {
        transform: translateX(3px);
    }

    @media (max-width: 480px) {
        .csc-grid {
            grid-template-columns: 1fr;
        }
    }

/* Filters & Search */

/* ── Wrapper ── */
        .ts-wrapper { margin: 20px 0; font-family: inherit; }

        /* ── Search Bar ── */
        .ts-search-bar {
			display: flex;
			gap: 10px;
			margin-bottom: 50px;
			justify-content: center;
			align-items: center;
		}

		.ts-search-wrap {
			width: 30%;
			padding-left: 20px;
			display: flex;
			border: 1.5px solid #d1d5db;
			border-radius: 100px;
		}
        .ts-search-bar input[type="text"] {
			width: 100%;
			padding: 15px 16px 15px 42px;
			border: none;
			font-size: 15px;
			color: #374151;
			background: #fff url("https://staging.lionheartg.com/wp-content/uploads/2026/03/edit.svg") no-repeat 13px;
			background-position: left;
			outline: none;
			transition: border-color 0.2s, box-shadow 0.2s;
			box-sizing: border-box;
		}
        .ts-search-bar input[type="text"]:focus {
/*             box-shadow: 0 0 0 3px rgba(26,46,74,0.08); */
			border: none;
        }

		#ts-search-btn {
			background-color: #f75000;
			border: none;
			padding: 0 15px 0 15px;
			border-radius: 0px 100px 100px 0px;
			color: #ffffff;
			cursor: pointer;
		}
        .ts-search-bar input[type="text"]::placeholder { color: #b0b7c3; }

        /* ── Filter Bar ── */
        .ts-filters {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 18px;
            align-items: flex-end;
        }
        .ts-filter-group {
            display: flex;
            flex-direction: column;
            gap: 4px;
            flex: 1 1 140px;
            min-width: 130px;
        }
        .ts-filter-group label {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: #6b7280;
        }

        /* ── Max Fees plain input ── */
        .ts-filter-group input[type="text"] {
            padding: 8px 10px 8px 34px;
            border: 1.5px solid #d1d5db;
            border-radius: 6px;
            font-size: 13px;
            color: #374151;
            background: #fff;
            outline: none;
            transition: border-color 0.2s;
            width: 100%;
            box-sizing: border-box;
        }
        .ts-filter-group input[type="text"]:focus {
            border-color: #1a2e4a;
        }
        .ts-filter-group input[type="text"]::placeholder { color: #b0b7c3; }

        /* ── Custom Select Wrapper ── */
        .ts-select-wrap {
            position: relative;
            width: 100%;
        }

        /* Left icon inside select */
        .ts-select-wrap .ts-sel-icon-left {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            display: flex;
            align-items: center;
            color: #9ca3af;
            transition: color 0.2s;
            z-index: 1;
        }

        /* Right chevron icon */
        .ts-select-wrap .ts-sel-icon-right {
            position: absolute;
            right: 9px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            display: flex;
            align-items: center;
            color: #9ca3af;
            transition: color 0.2s;
        }

        .ts-select-wrap select {
            width: 100%;
            /* left padding = icon(15px) + left-gap(10px) + spacing(8px) = 33px */
            padding: 8px 28px 8px 34px;
            border: 1.5px solid #d1d5db;
            border-radius: 6px;
            font-size: 13px;
            color: #374151;
            background: #fff;
            outline: none;
            transition: border-color 0.2s, box-shadow 0.2s;
            box-sizing: border-box;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            cursor: pointer;
        }
        .ts-select-wrap select:focus {
            border-color: #1a2e4a;
            box-shadow: 0 0 0 3px rgba(26,46,74,0.08);
        }
        .ts-select-wrap select:focus ~ .ts-sel-icon-left,
        .ts-select-wrap select:focus ~ .ts-sel-icon-right {
            color: #1a2e4a;
        }

        /* ── Fees input wrapper (icon on left) ── */
        .ts-input-wrap {
            position: relative;
            width: 100%;
        }
        .ts-input-wrap .ts-inp-icon {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            display: flex;
            align-items: center;
            color: #9ca3af;
        }
        .ts-input-wrap input[type="text"] {
            padding: 8px 10px 8px 34px !important;
        }

        /* ── Reset button ── */
        .ts-reset-btn {
            padding: 8px 16px;
            background: #1a2e4a;
            color: #fff;
            border: none;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.2s;
            align-self: flex-end;
            white-space: nowrap;
            height: 36px;
        }
        .ts-reset-btn:hover { background: #243d60; }

        /* ── Results count ── */
        .ts-count { font-size: 13px; color: #6b7280; margin-bottom: 10px; }
        .ts-count strong { color: #1a2e4a; }

        /* ── Table ── */
        .ts-table-wrapper { overflow-x: auto; }
        .ts-table { width: 100%; border-collapse: collapse; font-size: 15px; }
        .ts-table thead tr { background-color: #1a2e4a; color: #ffffff; }
        .ts-table thead th { padding: 14px 16px; text-align: left; font-weight: 600; white-space: nowrap; }
        .ts-table tbody tr { border-bottom: 1px solid #e5e7eb; transition: background 0.2s; }
        .ts-table tbody tr:hover { background-color: #f0f4ff; }
        .ts-table tbody td { padding: 12px 16px; vertical-align: middle; color: #374151; }
        .ts-badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; line-height: 14px; font-weight: 600; background: #dbeafe; color: #1e40af; text-align: center; }
        .ts-fees { font-weight: 700; color: #065f46; }

        /* ── No results ── */
        .ts-no-results { text-align: center; padding: 40px 20px; color: #9ca3af; font-size: 15px; display: none; }

        /* ── Mobile ── */
        @media (max-width: 768px) {
            .ts-filter-group { flex: 1 1 calc(50% - 10px); }
            .ts-table thead { display: none; }
            .ts-table tbody tr { display: block; margin-bottom: 16px; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; }
            .ts-table tbody td { display: flex; justify-content: space-between; padding: 6px 8px; font-size: 14px; }
            .ts-table tbody td::before { content: attr(data-label); font-weight: 600; color: #6b7280; margin-right: 10px; white-space: nowrap; }
        }

/* Footer */

.privacy {
    display: flex;
    column-gap: 1.5em;
}

.privacy a{
	color: #90A1B9;
    font-family: 'Arial';
}

.footer-socialIcons {
    display: flex;
    column-gap: 1em;
}

/* Services Form */

.formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover textarea{
	background-color: transparent !important;
	border-radius: 8px !important;
}

html .formcraft-css .fc-form .form-element .submit-cover.align-left .submit-button{
	background-color: transparent;
    font-family: "Arial", Sans-serif;
    font-size: 16px;
    line-height: 16px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-image: linear-gradient(180deg, #FF6900 0%, #F54900 100%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF6900;
    border-radius: 26843500px 26843500px 26843500px 26843500px;
    padding: 18px 30px 18px 30px;
}

html .formcraft-css .fc-form .form-element .field-cover .formcraft-icon{
	color: #ffffff;
}

html .formcraft-css .powered-by{
	display: none;
}

.form-element-type-submit .form-element-html{
	padding: 0px !important;
}

html .formcraft-css .fc-form .form-element .error{
	top: -12px;
	background: transparent;
}

/* Consulting Single Page */

.box-shadow2{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* Ensure dropdown doesn't go off screen */
@media (max-width: 1200px) {
    .megamenu {
        max-height: 80vh;
        overflow-y: auto;
    }
}

/* Responsive */

@media (min-width: 1100px) and (max-width: 1200px){
	.banner-img{
		margin: 0px 0px calc(var(--kit-widget-spacing, 10px) + -100px) -90px !important;
	}
	
}