/*
 Theme Name: TheSmartEdge Child
 Template: thesmartedge
 Version: 1.0
*/

:root {
  --font-playfair: 'Playfair Display', serif;
}

.hero-head {
	font-family: var(--font-playfair); 
	font-style:italic;
}
 
.pill-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;color: #fff;
}

.pill-list.first li, .pill-list.second li{
  width: fit-content;
  padding: 10px 16px;
  border-radius: 100px;
  border: solid 0.5px #fff;
  color: #CDFBFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.pill-list.second li {
  color: #E8FFAE;
}

.elementor-button span {
	align-items: center;
}

.elementor-button-icon svg {
	width: 1.3em !important;
}

.logo-pop-section {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

/* Base logo style */
.logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.4);
  opacity: 0;
  transition: transform 1.4s ease, opacity 0.9s ease;
}

/* Active state */
.logo-pop-section.active .logo {
  opacity: 1;
}

/* Individual logo sizes + final positions */
.l1 { width: 100px; transform: translate(-600px, -100px); }
.l2 { width: 80px;  transform: translate(320px, -120px); }
.l3 { width: 50px; transform: translate(160px, -120px); }
.l4 { width: 50px; transform: translate(-300px, 200px); }
.l5 { width: 100px;  transform: translate(400px, 200px); }
.l6 { width: 90px; transform: translate(-600px, 200px); }
.l7 { width: 55px; transform: translate(600px, -20px); }
.l8 { width: 65px;  transform: translate(-300px, -100px); }

/* About Us image sizes + final positions */
.i1 { width: 100px; transform: translate(-600px, -100px); }
.i2 { width: 100px;  transform: translate(450px, -120px); }
.i3 { width: 100px; transform: translate(450px, 200px); }
.i4 { width: 100px; transform: translate(-600px, 200px); }

/* Initial stacked center */
.logo-pop-section:not(.active) .logo {
  transform: translate(-50%, -50%) scale(0.3);
}

/* Tabs container should stretch */
/* Tabs container */
.elementor-widget-n-tabs .e-n-tabs-heading {
  display: flex;
  width: 100%;
}

/* Each tab button */
.elementor-widget-n-tabs .e-n-tab-title {
  flex: 1 1 0 !important;   
  text-align: center !important;
}


/* Equal-width tabs */
.e-n-tab-title {
  position: relative;
  flex: 1 1 0;
  text-align: center;
}

/* Base (light grey) progress bar */
.e-n-tab-title::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: -6px;
  height: 8px;
  background: #e5e5e5;
  border-radius: 10px;
}

/* Animated progress fill */
.e-n-tab-title::after {
  content: "";
  position: absolute;
  left: 8%;
  bottom: -6px;
  height: 8px;
  width: 0%;
  background: #8FAC41; /* active progress */
  border-radius: 10px;
  transition: width linear;
}

/* Animate only active tab */
.e-n-tab-title[aria-selected="true"]::after {
  width: 84%;
  transition-duration: var(--tab-duration, 4s);
}


.elementor-testimonial-image {
	display: none !important;
}

.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-details {
	text-align: center !important;
}


header{margin-top: 20px;}
.navbar{padding-bottom:10px;}
.navbar .navbar-brand img{max-height: none!important; }
a:focus, a:hover {  opacity: 1;}
a.cart-contents{display:none}
section.footer-widgets .container, footer .container{max-width:95%; padding-bottom: 0px!important;
  border: 0px!important;}
section.footer-widgets{padding-bottom:0px;}
section.footer-widgets .container .col-md-6{max-width: 30%;    flex: 0 0 30%;}
section.footer-widgets .container .col-md-6 + .col-md-6{max-width: 65%;    flex: 0 0 65%;}
section.footer-widgets .container .col-md-6 h2{font-style: normal;}
section.footer-widgets .container .col-md-6 a{color:rgba(255,255,255,0.9); text-decoration:none}
section.footer-widgets .container .col-md-6 p, section.footer-widgets .container .col-md-6 a {font-size:14px;}
section.footer-widgets .widget .menu-item {  margin-bottom: 4px;}
.site-info{width:100%;}
.copyright-container{text-align:center; width:100%; font-size: 12px;color:rgba(255,255,255,0.9);}
.footer-widgets #block-9 a{margin:12px 0px; display:block}
.footer-widgets #block-9 img{display: inline-block;  vertical-align: middle;margin-right: 10px;  height: 15px;}
.foot-tagline{font-size: 60px;
  font-weight: 900;color: rgba(255,255,255,0.15);margin-top: -30px;}
.copyright-container{margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.2);}
.submenutop{padding: 5px 30px; text-align:right; top: 0px;position: absolute;  width: 100%;}
.submenutop a{color:#000; text-align:right; text-decoration:none; margin-left:20px; font-size:12px}
.submenutop img{display: inline-block;  vertical-align: middle;}
.navbar .navbar-utils a.btn-getstarted{height: 50px;
  line-height: 45px;
  padding: 0px 30px;
  font-weight: 500;}

/* Course Card */
.tutor-card-body {
	position: absolute !important;
	top: 0;
	left: 0;
	height: 100%;
	flex-flow: column-reverse !important;
	justify-items: space-between !important;
}

.tutor-meta {
    align-items: center;
    gap: 8px !important;
    display: flex;
    background-color: white;
    width: fit-content;
    padding: 8px;
    border-radius: 20px;
}

.tutor-mb-12 {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .logo-pop-section {
    display: none;
  }
}