:root {
      --primary: #0077cc;
      --hover: #005fa3;
      --bg: #ffffff;
      --text: #222;
    }
	
	/* animation css */
	
.scroll-section {
  position: relative;
}

/* Common hidden state */
.scroll-animate {
  opacity: 0;
  transition: transform 0.8s ease-out, opacity 0.8s ease-out;
  will-change: transform, opacity;
}

/* Visible state */
.scroll-animate.active {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

/* Direction animations */
.from-bottom {
  transform: translateY(60px);
}

.from-top {
  transform: translateY(-60px);
}

.from-left {
  transform: translateX(-60px);
}

.from-right {
  transform: translateX(60px);
}

/* Zoom animation */
.zoom-in {
  transform: scale(0.85);
}
	
	/*End  animation css */
	
	.logo img{
		max-width: 120px;
	}
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:system-ui,sans-serif;}
    nav{background:#fff;position:sticky;top:0;  box-shadow: -1px 3px 10px 1px rgb(32 33 36 / 12%); z-index:1000}
    .nav-container{max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 0rem}
    .logo{color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none;padding:1rem 0}

    /* --- Menu --- */
    .nav-menu{list-style:none;display:flex;align-items:center; font-family: "DM Sans", sans-serif;}
    .nav-item{position:relative}
    .nav-link {
    display: block;
    padding: 7px 20px;
    text-decoration: none;
    transition: background .3s;
    color: #222;
	font-size: 16px;
	font-family: "DM Sans", sans-serif;
   }
    .nav-link:hover{
		        color: #ee9b11;
	}
	
	.caret-icon svg {
		width: 18px;
		height: 15px;
		position: relative;
		top: 3px;
	}
	
	.login-btn-item {
		margin-left: 100px;
	}

    /* --- Login Button --- */
    .login-btn {
			background: #fff;
			color: #ffffff;
			padding: .55rem 1.2rem;
			border-radius: 4px;
			font-weight: 400;
			margin-left: 1rem;
			transition: .3s;
			background-color: #d88a0e;
		}
    .login-btn:hover {
			background-color: #d88a0e;
			color: #fff;
		}

    /* --- Dropdown --- */
    .dropdown {
			position: absolute;
			left: 0;
			top: 100%;
			background: #ffffff;
			min-width: 240px;
			display: none;
			flex-direction: column;
			box-shadow: 0 4px 8px rgba(0,0,0,.15);
		}
		
		.dropdown li{
			list-style: none;
		}
    .dropdown .nav-link{padding:.75rem 1rem;white-space:nowrap; }
	  .dropdown .nav-link:hover{
		  background-color: #faf9f6;
	  }
    .nav-item:hover > .dropdown{display:flex}

    /* --- Hamburger --- */
    .hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  padding: .5rem;
  gap: 5px;               /* space between lines */
}
.hamburger span {
  width: 26px;
  height: 3px;
  background: #181717;       /* navbar text colour */
  border-radius: 2px;
  transition: .35s ease;
}

/* --- open state (× shape) --- */
.hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }
.hamburger.open span:nth-child(2) { opacity: 0; }                /* hide middle */
.hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

    /* --- Mobile --- */
    @media (max-width:768px){
	   .caret-icon{
		   display: none;
	   }	
      .hamburger{display:flex}
      .nav-menu{position:fixed;left:0;right:0;top:60px;background:#fff;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease}
      .nav-menu.active{max-height:600px}
      .nav-item{width:100%}
      .login-btn{margin:.75rem 1rem;width:calc(100% - 2rem);text-align:center}
      .dropdown{position:static;box-shadow:none;max-height:0;overflow:hidden;transition:max-height .3s ease}
      .nav-item.open > .dropdown{display:flex;max-height:400px}
      .has-dropdown > .nav-link::after{content:"";float:right;margin-top:6px;border: solid #202020;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:transform .3s}
      .nav-item.open > .has-dropdown::after{transform:rotate(-135deg)}
    }
	
	
	/* banner section css*/
	
	/* ----- banner ----- */
.banner {
    background: #ffffff;
    color: #fff;
    padding: 8rem 1rem;
	position: relative;
}
.banner-container {
  max-width: 1300px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
.banner-text {
  flex: 1 1 36%;
}
.banner-text h1 {
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.2;
    margin-bottom: 1rem;
    color: #222;
    font-family: "Playfair Display", serif;
	font-weight: 400;
}
.banner-text .highlight {
 position: relative;
}

.banner-text .highlight svg {
    position: absolute;
    left: 0;
    bottom: -6px;
    right: 0;
    margin: 0px auto;
}

.banner-text .highlight::before{
	content: "";
	width: 90%;
	height: 2px;
	background-color: #;
}

.banner-text p {
    font-size: 24px;
    margin-bottom: 2rem;
    color: #4a4a4a;
    font-family: "DM Sans", sans-serif;
}

/* ----- buttons ----- */
.banner-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.banner-buttons .btn.btn-primary {
    background-color: #ee9b11;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    box-shadow: -1px 3px 10px 1px rgb(32 33 36 / 12%);
	
transition-duration0.3s
transition-propertyall
transition-timing-functioncubic-bezier(0.4, 0, 0.2, 1)
translate0px -4px
}

.banner-buttons .btn.btn-secondary {
    font-family: "DM Sans", sans-serif;
    border: 2px solid #ee9b11;
    color: #ee9b11;
}

.banner-buttons .btn {
    font-size: 18px;
    font-weight: 400;
}

.banner-buttons .btn:hover {
    background-color: #d88a0e;
    color: #fff;
    transform: translate(0px, -3px);
}

.btn {
  padding: .85rem 1.8rem;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: .3s;
}
.btn-primary {
  background: #fff;
  color: #0066cc;
}
.btn-primary:hover {
  background: #e6e6e6;
}
.btn-secondary {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.btn-secondary:hover {
  background: #fff;
  color: #0066cc;
}

/* ----- image ----- */
.banner-image {
    flex: 1 1 52%;
	position: relative;
}

.banner-image .video-baze {
    background-color: #fff;
    display: flex;
    border-radius: 11px;
    position: absolute;
    top: 16px;
    right: 10px;
    color: #eda52c;
    padding: 10px;
    font-size: 14px;
    align-items: center;
    max-width: 197px;
    gap: 10px;
}



.banner-image video {
    width: 100%;
    border-radius: 12px;
}
.banner-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

/* ----- responsive ----- */
@media (max-width: 768px) {
  .banner-container {
    flex-direction: column;
    text-align: center;
  }
  .banner-text h1 br {
    display: none;
  }
}


/* partners section css */

.page-tittle{
    line-height: 1.2;
    margin-bottom: 1.4rem;
    color: #222;
    font-family: "Playfair Display", serif;
    font-weight: 400;
	font-size: 48px;
}

.partners { padding: 4rem 1rem; text-align: center; }
.inner-container { max-width: 1000px; margin: 0 auto 2.5rem; }

.sm-text {
    color: #4a4a4a;
    font-family: DM Sans;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}

/* ---------- desktop: simple grid ---------- */
.logo-strip { display: flex; justify-content: center; align-items: center; gap: 3rem; flex-wrap: wrap;     overflow: hidden; padding-top: 15px; }
.logo-strip img {
    height: 66px;
    object-fit: contain;
    transition: .3s;
    margin: 0 34px;
}
.logo-strip img:hover { filter: none; }

.logo-strip {
  width: 100%;
  overflow: hidden;
}

.logo-track {
  display: flex;
  width: max-content;
  animation: marquee 28s linear infinite;
}

.logo-group {
  display: flex;
  gap: 1rem;
}

.logo-group img {
  
  flex-shrink: 0;
}

/* move exactly one full group */
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}

@media (max-width: 768px) {
  .logo-strip {
    overflow: hidden;          /* hide scrollbar */
    white-space: nowrap;
    gap: 0;
  }
  .logo-track {
    display: inline-flex;
    align-items: center;
    animation: scroll 12s linear infinite;
  }
   .logo-track { animation-duration: 18s; }
  .logo-track img { margin-right: 0.5rem; height: 42px; }
}
/* coach section css */

.mx-conetnt-container { max-width: 1300px;  margin: auto;}
.text-center{
	text-align: center !important;
}

.coach { padding: 4rem 0rem; }
.coach-container {  width: 100%;  display: flex; align-items: center; gap: 3rem; }
.coach-text {     flex: 1 1 50%; }
.coach-image { flex: 1 1 50%; }

.coach-video{
	position: relative;
}

.coach-video iframe {
    position: relative;
    width: 100%;
    height: 310px;
    border-radius: 10px;
}
.coach-image img { width: 100%; border-radius: 8px; }

.program-approval-sub-heading {
    font-size: 20px;
    color: #d88a0e;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    margin-top: 20px;
}
.tagline {
    font-size: 20px;
    color: #ee9b11;
    margin-bottom: 1.2rem;
    font-weight: 400;
    text-align: center;
    font-family: DM Sans;
}

.certification-logos img{
	width: 168px;
}

/* ---------- mobile ---------- */
@media (max-width: 768px) {
  .coach-container { flex-direction: column; text-align: center; }
  
}

/* why weljii section */

.why-weljii {
    padding: 4rem 0rem;
    background-color: #faf9f6;
}
.why-container { max-width: 100%; margin: auto; text-align: center; }

.sub { font-size: 1.05rem; max-width: 800px; margin: 0 auto 2.5rem; opacity: .9; line-height: 1.6; }

.why-weljii-text{
	max-width: 900px;
	margin: 0px auto;
}


/* ----- features ----- */
.features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}
.features .card { background: #fff; border-radius: 8px; padding: 2.4rem 1.2rem; box-shadow: 0 4px 12px rgba(0,0,0,.06); transition: .3s; border: 2px solid #fff; }
.features .card:hover { transform: translateY(-4px); box-shadow: 0 4px 24px rgb(0 0 0 / 17%); border-color: #d88a0e;}
.features .card .ico { font-size: 2.2rem; margin-bottom: .8rem; }
.features .card .ico img{
	height: 60px;
}

.icon-2 {
    background-color: oklab(75.5013% .0528596 .15086 / .1);
    width: 46px;
    height: 44px;
    margin: 0px auto;
    line-height: 1.2;
    border-radius: 8px;
    color: #ee9b11;
}

.card-border {
    border: 2px solid #eb9a12;
}
.card h4 { font-size: 16px; font-weight: 300;      color: #222;   font-family: DM Sans; }

/* ----- button ----- */
.contact-btn {
    background-color: #ee9b11;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    box-shadow: -1px 3px 10px 1px rgb(32 33 36 / 12%);
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
    font-weight: 400;
	border-radius: 12px;
	padding: 1rem 1.8rem;
}

.contact-btn:hover {
    background-color: #d88a0e;
    color: #fff;
    transform: translate(0px, -3px);
}

/* joureny section */

.journey {
    color: #fff;
    padding: 3rem 0rem;
    background-color: #faf9f6;
}
.journey-inner { max-width: 100%; margin: auto; }
.journey-container { max-width: 100%; margin: auto; display: flex; align-items: center; gap: 3rem; }

.journey-content { flex: 1 1 50%; }
.journey-thumb { flex: 1 1 50%; }

.journey-thumb img {
    width: 100%;
    border-radius: 8px;
}

.explore-btn {
    font-family: DM Sans;
    font-size: 18px;
    border: 2px solid #eb9a12;
    margin-top: 32px;
    font-weight: 400;
    color: #eb9a12;
    display: inline-flex;
    gap: 10px;
    align-items: center;
}

.explore-btn svg {
    width: 18px;
    position: relative;
    top: 4px;
}

.explore-btn:hover{
	background-color: #eb9a12;
	color: #fff;
}

/* ----- mobile ----- */
@media (max-width: 600px) {
  .journey-container { flex-direction: column; text-align: center; }
}


.cert-opps {
    padding: 4rem 0rem;
    background: #ffffff;
}
.certification-container { max-width: 100%; margin: auto; text-align: center; }

.certification-list-block {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    text-align: left;
    margin-top: 30px;
}

.text-left{
	text-align: left !important;
}


.certification-inner-container {
    max-width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 3rem;
}

.certification-left {
    flex: 1 1 60%;
    padding-top: 24px;
    position: relative;
}

.certification-right {
    flex: 1 1 40%;
	padding-top: 24px;
}

.cert-subtitle {
    font-family: DM Sans;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400;
}


.certification-left ul { list-style: none; }
.certification-left li {
    padding: .35rem 0;
    color: #4a4a4a;
    position: relative;
    padding-left: 1.4rem;
    font-size: 16px;
    font-family: DM Sans;
    font-weight: normal;
    margin: 8px 0;
}
.certification-left li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #ee9b11;
    font-weight: 700;
}

/* income highlight */
.avg-block {
    box-shadow: -1px 3px 35px 1px rgb(32 33 36 / 12%);
    padding: 34px 20px;
    border-radius: 10px;
    position: relative;
	transition: .3s;
	background-color: #fff;
}

.avg-block:hover{
	transform: translate(0px, -10px);
}

.avg-block-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.avg-block-icon {
    background-color: #ecfeec;
    padding: 12px 15px;
    border-radius: 26px;
    color: #00a63e;
    line-height: normal;
    height: 52px;
}

.avg-block-content {
    width: calc(95% - 55px);
    text-align: left;
}

.avg-block-content p{
	font-family: "DM Sans", sans-serif;
	color: #4a4a4a;
	font-size: 14px;
}

.avg-sub-title {
    color: #222;
    font-family: "Playfair Display", serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
}

.avg-block.satisfaction-block .avg-block-icon{
	background-color: #eff6ff;
	color: #155dfc;
}

.avg-block.satisfaction-block {
    width: 80%;
    margin-left: auto;
    margin-top: -17px;
}


/* ---------- education progra section ---------- */

.edu-programs {
    padding: 4rem 0rem;
    background-color: #faf9f6;
}
.edu-container { max-width:100%; margin: auto; text-align: center; }



/* ----- three blocks ----- */
.edu-programs .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; padding-top: 20px; }

.edu-programs .card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,.08); text-align: left; display: flex; flex-direction: column; }
.edu-programs .card-img {
    width: 100%;
    height: 232px;
    object-fit: cover;
}

.edu-programs-content {
    padding: 10px 30px;
    min-height: 482px;
    position: relative;
}

.education-sub-title{
	font-size: 30px;
	 color: #222;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    margin: 12px 0;
}
.edu-programs .card-content { padding: 2rem; display: flex; flex-direction: column; flex: 1 1 auto; }

.edu-programs-sm-text {
    font-family: "DM Sans", sans-serif;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.3;
	    font-weight: 300;
}

.edu-programs-content{
	    min-height: 410px;
}



.edu-logo-block img {
	height: 90px;
}

.edu-logo-block p {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
}


.health-edu-thumb{
	position: relative
}

.edu-logo-block p svg{
	color: #ee9b11;
}

.edu-learn-btn{
	    padding: 0px 30px 10px;;
	 text-align: center;
}

.edu-learn-btn a {
    font-family: DM Sans;
    font-size: 18px;
    border: 1px solid #eb9a12;
    margin-top: 0px;
    font-weight: 400;
    color: #eb9a12;
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 10px;
    border-radius: 15px;
	align-items: center;
}

.edu-learn-btn a svg {
    width: 18px;
    position: relative;
    top: 4px;
}

.edu-programs .card:hover .edu-learn-btn a{
	 background-color: #eb9a12;
    color: #fff;
}

/* keep old inner spacing */
.edu-programs .badge-wrap {
    position: absolute;
    top: 8px;
    left: 8px;
}
.edu-programs .badge {
    font-family: "DM Sans", sans-serif;
    background-color: #ee9b11;
    color: #fff;
    font-size: 12px;
    padding: 8px 15px;
    border-radius: 20px;
}


/* ----- mobile ----- */
@media (max-width: 600px) {
  .edu-programs .cards { grid-template-columns: 1fr; }
}


/* ---------- short courses ---------- */
.short-courses {
    padding: 4rem 0rem;
    background: #ffffff;
}
.courses-container { max-width: 100%; margin: auto; text-align: center; }


/* single slide card */
#course-slider .item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
    padding-bottom: 1.5rem;
    text-align: left;
}
#course-slider img { width: 100%; height: 266px; object-fit: cover; }

#course-slider .courses-text  {  
    font-family: "DM Sans", sans-serif;
    color: #4a4a4a;
    font-size: 14px;
	margin-bottom: 10px;
 }
 
.courses-container .owl-stage-outer {
    margin: 0px -11px;
    padding: 0px 10px;
    padding-bottom: 20px;
}

.courses-sub-title {
    font-size: 24px;
    color: #222;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    margin: 10px 0;
}

.cource-info {
    padding: 10px 4px;
    position: relative;
    min-height: 138px;
    border-bottom: 1px solid #f1f1f1;
    width: 90%;
    margin: 0px auto;
    margin-bottom: 15px;
}

.foot { display: flex; justify-content: space-between; align-items: center; padding: 0 1rem; }
#course-slider .item  .price {
    color: #222;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
}

#course-slider .item {
	border: 1px solid #ffff;
	    transition: .3s;
}

#course-slider .item:hover{
	border-color: #eb9a12;
	    transform: translate(0px, -3px);
}

.cource-thumb{
	position: relative;
}

.cource-baze {
    font-family: "DM Sans", sans-serif;
    background-color: #ee9b11;
    color: #fff;
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 20px;
    position: absolute;
    top: 10px;
    left: 14px;
}

#course-slider .item .price .mods {
	font-family: "DM Sans", sans-serif;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: normal;
}

.cources-slider-section{
	padding-top: 20px;
}

.cources-slider-section .owl-nav{
	display: block !important;
}

.cources-slider-section .owl-prev{
	position: absolute;
    left: -54px;
    top: 50%;
	color: #eb9a12;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

.cources-slider-section .owl-next {
    position: absolute;
    right: -54px;
    top: 50%;
	color: #eb9a12;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

#course-slider .cource-arrow{
	color: #eb9a12;
}

.cources-slider-section .owl-nav svg{
	position: relative;
	top: 2px;
}

.cources-slider-section .owl-nav svg path{
	stroke: #eb9a12;
}

.cources-slider-section .owl-prev:hover{
	 background-color:  #eb9a12 !important;
}

.cources-slider-section .owl-next:hover{
	background-color:  #eb9a12 !important;
}

.cources-slider-section .owl-prev:hover svg path{
	stroke: #fff;
}

.cources-slider-section .owl-next:hover svg path{
	stroke: #fff;
}

.journey.parner-weljii-section{
	    background-color: #faf9f6;
}

.journey.parner-weljii-section .journey-inner{
	padding-top: 25px;
}

.journey.parner-weljii-section .journey-inner .journey-content .sm-text{
	margin-bottom: 10px;
}

.why-organizations-section {
    position: relative;
    background-color: #fff;
    padding: 4rem 0rem;
}

.why-orglist{
	position: relative;
}


.why-orglist{
	position: relative;
}

.why-orglist li {
    padding: .35rem 0;
    color: #4a4a4a;
    position: relative;
    padding-left: 0;
    font-size: 16px;
    font-family: DM Sans;
    font-weight: normal;
    margin: 8px 0;
    list-style: none;
    display: flex;
    gap: 12px;
    align-items: center;
	text-align: left;
}

.why-orglist li .list-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: oklab(75.5013% .0528596 .15086 / .1);
    color: #ee9b11;
    padding-top: 4px;
    text-align: center;
}
.wh-list-text{
	width: calc(100%  - 30px);
}

.partner-btn {
    background-color: #ee9b11;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    box-shadow: -1px 3px 10px 1px rgb(32 33 36 / 12%);
    font-size: 18px;
    display: inline-flex;
    font-weight: 400;
    border-radius: 12px;
    padding: 1rem 1.8rem;
    margin-top: 36px;
    gap: 8px;
	align-items: center;
}

.partner-btn span svg{
	width: 18px;
	position: relative;
	top: 4px;
}

.partner-btn:hover {
    background-color: #d88a0e;
    color: #fff;
    transform: translate(0px, -3px);
}


/* testimonial scetion css */

.video-tabs-static {
    padding: 4rem 0rem;
    background-color: #faf9f6;
}
.tetimonial-container { max-width: 100%; margin: auto; text-align: center; }
h2 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 2.5rem; }

/* ---- labels ---- */
.tab-labels { display: flex; justify-content: center; flex-wrap: wrap; gap: .5rem; margin-bottom: 2.5rem; }
.tab-labels button {
    background: #ffffff;
    border: 0px;
    padding: .6rem 1.2rem;
    border-radius: 30px;
    font-weight: 400;
    cursor: pointer;
    transition: .3s;
    font-family: DM Sans;
    color: #4a4a4a;
    font-size: 16px;
}
.tab-labels button.active{
    background: #ee9b11;
    color: #fff;
	box-shadow: -1px 3px 10px 1px rgb(32 33 36 / 12%);
}

.tab-labels button:hover {
    background: oklch(.967 .003 264.542);
    color: #4a4a4a;
	box-shadow: -1px 3px 10px 1px rgb(32 33 36 / 12%);
}

/* ---- panes ---- */
.tab-panes { position: relative; }
.pane { display: none; }
.pane.active { display: block; }

/* ----- doctor video strip ----- */
.video-strip { overflow: hidden; white-space: nowrap; }
.video-track { display: inline-flex; animation: scroll 12s linear infinite; }
.video-item {
    position: relative;
    margin-right: 1.5rem;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    /* box-shadow: 0 4px 14px rgba(0,0,0,.1); */
    border: 1px solid #ee9b11;
}

.video-testimonial-name {
    border-top: 1px solid #393939;
    margin-top: -4px;
}

.testi-name {
    font-family: "Playfair Display", serif;
    color: #222;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0;
}
.video-item img { height: 180px; width: auto; display: block; }
.play-icon {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: rgba(255,255,255,.9);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 20px;
  color: #0077cc;
  transition: transform .3s;
}
.video-item:hover .play-icon { transform: scale(1.1); }

.testimonial-video-item {
    width: 320px;
    height: 194px;
}

.testimonial-block {
    display: flex;
    gap: 12px;
}

.testimonial-icon{
	width: 60px;
}

.testimonial-icon span {
    background-color: oklab(75.5013% .0528596 .15086 / .1);
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    color: #ee9b11;
    padding-top: 8px;
}

@keyframes scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* exactly half the track */
}

/* PAUSE on hover */
.video-strip:hover .video-track {
  animation-play-state: paused;
}

.video-strip {
  overflow: hidden;          /* keeps scrollbar invisible */
  cursor: grab;
  user-select: none;
}
.video-strip:active {
  cursor: grabbing;
}

/* video pane */
.video-pane { display: flex; align-items: center; gap: 2.5rem; text-align: left; }
.thumb { width: 320px; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.overlay { position: relative; cursor: pointer; }
.play-icon {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 70px;
  height: 70px;
  background: rgba(255,255,255,.9);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 28px;
  color: #0077cc;
  transition: .3s;
}
.overlay:hover .play-icon { transform: scale(1.1); }

.quote-box { flex: 1 1 auto; }
.quote { font-size: 1.25rem; line-height: 1.6; margin-bottom: 1rem; color: #002b5c; }
.text-only .name {     
     font-size: 1.1rem;
    font-weight: 100;
    margin-bottom: .2rem;
    font-family: "Playfair Display", serif;
    text-align: left;
}
.text-only .role {
    font-family: DM Sans;
    text-align: left;
    color: #ee9b11;
    font-size: 15px;
}

/* text-only panes */
.text-only {
    max-width: 80%;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
    padding: 40px;
    border-radius: 20px;
    background-color: #fff;
    margin: 0px auto;
}
.text-only .quote {
    color: #4a4a4a;
    font-family: DM Sans;
    font-size: 16px;
    line-height: 1.3;
    text-align: left;
}



/* ---- mobile ---- */
@media (max-width: 768px) {
  .video-pane { flex-direction: column; text-align: center; }
  .thumb { width: 100%; max-width: 320px; }
}


/* testimonial css */

/*stats section css */

.impact-stats {
    background: #ee9b11;
    color: #fff;
    padding: 4rem 0rem;
}



.stat-sub-text { font-size: 1.05rem; max-width: 800px; margin: 0 auto 3rem;      font-weight: 300;   text-align: center;    font-family: DM Sans;  line-height: 1.6; }

/* ----- stats grid ----- */
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; }
.stat_outer {  position:relative; }
.stat_outer .stat-icon {
    background: rgba(255,255,255,.1);
    border-radius: 12px;
    padding: 0.5rem 0.5rem;
    backdrop-filter: blur(6px);
    width: 56px;
    height: 56px;
    margin: 0px auto;
    padding-top: 15px;
	text-align: center;
}
.stat_outer .number {
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    font-weight: 400;
    line-height: 1;
    margin-bottom: .5rem;
    font-family: "Playfair Display", serif;
    margin-top: 10px;
	text-align: center;
}
.stat_outer .number span { font-size: .6em; margin-left: .2rem; }
.stat_outer .label {
    font-size: 1rem;
    opacity: .85;
    font-family: DM Sans;
    margin-top: 12px;
	text-align: center;
}

/* ----- mobile ----- */
@media (max-width: 600px) {
  .stats-grid { grid-template-columns: 1fr 1fr; }
}

/*End stats section css */

/* featured section css */
.featured-on {
    padding: 4rem 0;
    background: #ffffff;
    text-align: center;
}

.featured-container {
    width: 100%;
    padding-bottom: 26px;
}


/* ----- infinite scroll ----- */
.strip-wrapper { overflow: hidden; white-space: nowrap; }

.featured-on .logo-track { display: flex; align-items: center; animation: scroll 30s linear infinite; }
.featured-on .logo-track img {
    height: 196px;
    margin: 0 2rem;
    transition: .5s;
}

.blog_thumbnail {
    position: relative;
    overflow: hidden;
}
.blog_thumbnail img{
	transition: transform 0.5s; /* Animation */
}

.blog-card .meta svg {
    width: 18px;
}

.blog-card .meta {
	font-family: DM Sans;
	color: rgb(74, 74, 74);
	font-size: 14px;
}

.blog-card .meta .date {
    display: flex;
    align-items: center;
	gap: 7px;
}

.blog-card .meta .read{
	display: flex;
    align-items: center;
	gap: 7px;
	
}

.blog-card:hover .blog_thumbnail img{
	transform: scale(1.1);
}

@keyframes scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-30%); } /* exactly half the track width */
}

/*End featured section css */

/*End upcoming-events section css */

.upcoming-events {
    padding: 4rem 0rem;
    background-color: #faf9f6;
}
.inner-container { max-width: 1100px; margin: auto; text-align: center; }



.event-card {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0,0,0,.08);
    text-align: left;
    max-width: 1200px;
    margin: 0px auto;
    margin-top: 36px;
}

.event-content {
    flex: 1 1 50%;
}

.virtual-event-baze {
    font-family: "DM Sans", sans-serif;
    background-color: #ee9b11;
    color: #fff;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 20px;
    margin-bottom: 16px;
    display: inline-block;
}

.events-inner-content {
    padding: 0px 8px 0px  32px;
    position: relative;
}

.event-sub-title {
    font-size: 36px;
    margin-bottom: 1rem;
    font-family: "Playfair Display", serif;
    font-weight: 500;
    color: #222;
}
.events-inner-content .desc {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #4a4a4a;
    font-family: DM Sans;
	font-weight: 300;
}

.events-inner-content .dates {
    list-style: none;
    margin-bottom: 10px;
}
.events-inner-content .dates li {
    font-size: 16px;
    margin-bottom: 0.2rem;
    line-height: 1.5;
    color: #4a4a4a;
    font-family: DM Sans;
    display: flex;
    gap: 10px;
	font-weight: 300;
}

.event-date-icon {
	color: #ee9b11;
}

.early-bird-secial {
    position: relative;
    border: 1px solid #e6e6e6;
    padding: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
    border-radius: 10px;
}


.pricing {
    margin-bottom: 1rem;
    line-height: normal;
}
.early {
    background: #ffffff;
    color: #282828;
    font-size: .8rem;
    padding: 0.1rem 0rem;
    border-radius: 4px;
	font-family: DM Sans;
    text-transform: uppercase;
    letter-spacing: .5px;
    display: block;
}
.price {
    font-size: 1.5rem;
    font-weight: 500;
    color: #ee9b11;
    font-family: "Playfair Display", serif;
}
.price del {
    opacity: .6;
    margin-right: .5rem;
    font-family: DM Sans;
    font-size: 14px;
    color: #4a4a4a;
}

.early-bird-secial a {
	font-size: 16px;
    background-color: #ee9b11;
    display: flex;
    text-align: center;
    color: #fff;
	font-family: DM Sans;
    justify-content: center;
    gap: 6px;
	align-items: center;
	font-weight: normal;
}

.early-bird-secial a span{
	position: relative;
	top: 4px;
}

.early-bird-secial a span svg{
	width: 18px;
}

.early-bird-secial a:hover{
	        background-color: #d88a0e;
}

.speaker-info {
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    position: absolute;
    bottom: 32px;
    width: 92%;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: left;
}


.speaker {
    flex: 1 1 50%;
    text-align: center;
    position: relative;
}
.speaker img {
    object-fit: cover;
    margin-bottom: -4px;
    width: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.speaker h4 {
    font-size: 1.2rem;
    margin-bottom: .2rem;
    font-weight: 500;
    font-family: "Playfair Display", serif;
    color: #222;
}
.speaker p {
    font-size: 14px;
    font-family: DM Sans;
    color: #4a4a4a;
}

/* ---- mobile ---- */
@media (max-width: 768px) {
  .event-card { flex-direction: column; text-align: center; }
  .speaker { flex: 1 1 100%; }
}

/*End upcoming-events section css */

/* faq section  */

.faq-weljii {
    padding: 3rem 0rem 4rem;
    background-color: #faf9f6;
}
.faq-container { max-width: 800px; margin: auto; }



.faq-list { display: flex; flex-direction: column; gap: 1rem; }

.faq-item { background: #fff; border-radius: 10px; box-shadow: 0 4px 14px rgba(0,0,0,.06); overflow: hidden; }

.faq-q {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.2rem 1.5rem;
    border: none;
    background: none;
    font-size: 1.05rem;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
    color: rgb(34, 34, 34);
    font-family: DM Sans;
}
.faq-q .icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    position: relative;
    transition: transform .3s;
    color: #ee9b11;
	left: 10px;
}


.faq-q[aria-expanded="true"] .icon {
    transform: rotate(180deg);
	left: 10px;
}


.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease, padding .35s ease;
  padding: 0 1.5rem;
}
.faq-a p {
    margin: .5rem 0 1.5rem;
    line-height: 1.3;
    font-family: DM Sans;
    text-align: left;
    color: rgb(74, 74, 74);
    font-size: 16px;
	font-weight: 300;
}

.faq-item.open .faq-a {
  max-height: 300px; /* enough for 2-3 line answers */
  padding: 0 1.5rem .5rem;
}

/* ---- mobile ---- */
@media (max-width: 600px) {
  .faq-q { font-size: .95rem; padding: 1rem; }
  .faq-a { padding: 0 1rem; }
  .faq-item.open .faq-a { padding: 0 1rem .5rem; }
}

/* end faq section  */

/* latest blog section  */
.latest-blogs {
    padding: 4rem 0rem;
    background: #ffffff;
}
.blog-container { max-width: 100% margin: auto; text-align: center; }


.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 40px;
}

.blog-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  text-align: left;
  display: flex;
  flex-direction: column;
  transition: .3s;
}

.blog-card:hover{
	    transform: translate(0px, -6px);
}


.blog-card img { width: 100%;     height: 250px; object-fit: cover; }

.blog-card .meta {
    display: flex;
    align-items: center;
    padding: .8rem 1.2rem;
    font-size: .85rem;
    opacity: .7;
    gap: 17px;
}


.blog-sub-title {
    font-size: 1.2rem;
    margin: .8rem 1.2rem;
    line-height: 1.4;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    color: #222;
}
.blog-card p {
    flex: 1 1 auto;
    margin: 0 1.2rem 1.2rem;
    font-family: DM Sans;
    font-size: 16px;
    opacity: .9;
    line-height: 1.5;
    color: #4a4a4a;
	font-weight: 300;
}

.read-more {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin: 0 1.2rem 1.5rem;
    text-decoration: none;
    transition: .3s;
    color: #ee9b11;
    font-family: DM Sans;
    font-weight: normal;
}
.read-more:hover { color: #ee9b11; }

.view-all { margin-top: 3rem; }

.blog-btn-arrow {
    color: #ee9b11;
    position: relative;
    top: 4px;
	transition: .3s;
}

.blog-btn-arrow svg{
	width: 18px;
}

.read-more:hover .blog-btn-arrow {
    transform: translate(14px, 0px);
}

.view-articles a {
    font-family: DM Sans;
    font-size: 16px;
    border: 1px solid #eb9a12;
    padding: 10px 20px;
    font-weight: 300;
    color: #eb9a12;
    transition-duration: .3s;
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

.view-articles a span{
	position: relative; 
	top: 4px;
}

.view-articles a span svg{
	width: 18px;
}

.view-articles a:hover{
	background-color: #eb9a12;
	color: #fff;
}

.blog-card:hover .blog-sub-title{
	    color: #ee9b11;
}

/* End latest blog section  */

/* ---- mobile ---- */
@media (max-width: 600px) {
  .blog-grid { grid-template-columns: 1fr; }
}

/* footer css */

.weljii-footer {
    color: #fff;
    padding: 3rem 0 0;
    font-size: .95rem;
    background-color: #222;
}

.footer-logo{
	max-width: 100px;
}

.footer-about{
	color: oklch(.872 .01 258.338);
	font-size: 14px;
}

.footer-logos {
    display: flex;
    gap: 6px;
}

.foot-logo-item{
	width: calc((100% - 0px)/ 4)
}

.foot-logo-item img {
    height: 64px;
    max-width: 70px;
}

.footer-title{
	font-size: 24px;
    color: #fff;
    font-family: "Playfair Display", serif;
    font-weight: 400;
}

.weljii-footer a {
    color: oklch(.872 .01 258.338);
    text-decoration: none;
    font-family: DM Sans;
    font-size: 14px;
}

.footer-contact-list li{
	display: flex;
	align-items: center;
	color: oklch(.872 .01 258.338);
    text-decoration: none;
    font-family: DM Sans;
    font-size: 14px;
	gap: 10px;
}

.footer-contact-list li span svg{
	    color: #ee9b11;
}

.footer-social a {
    background-color: #393939;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    padding-top: 7px;
}

.weljii-footer a:hover { color: #ee9b11; }

.footer-social a:hover{
	 color: #fff;
	 background-color: #ee9b11;
}

.footer-container { max-width: 100%; margin: auto; padding: 0 1rem; }
.footer-main .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; }

.col h4 { font-size: 1.05rem; margin-bottom: 1rem; color: #fff; }
.col ul { list-style: none; }
.col li {
    margin: 14px 0;
}

.brand .logo { height: 32px; margin-bottom: 1rem; filter: brightness(0) invert(1); }
.tag { opacity: .85; margin-bottom: 1.2rem; line-height: 1.5; }
.contact li { display: flex; align-items: center; gap: .5rem; margin: .5rem 0; }

.social .icons { display: flex; gap: .8rem; }
.social svg { width: 22px;  transition: fill .2s; }


.footer-bottom {
    background: #222;
    margin-top: 2rem;
    padding: 1.5rem 0;
    font-size: .85rem;
    border-top: 1px solid  oklch(.373 .034 259.733);
}
.footer-bottom .foot-bottom-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.mini-links { display: flex; gap: 1.2rem; list-style: none; }

@media (max-width: 600px) {
  .footer-bottom .foot-bottom-container { flex-direction: column; text-align: center; }
}

/* end footer css */

@media (max-width: 767px) {

.banner{
	padding: 4rem 1rem;
}

.banner-text p {
    font-size: 18px;
}

.login-btn-item {
    margin-left: 0;
}

.mx-conetnt-container {
    max-width: 90%;
    margin: auto;
}

.banner-buttons .btn {
    font-size: 15px;
    font-weight: 400;
    width: 100%;
}

.banner-image .video-baze{
	    text-align: left;
}	

.sm-text{
	font-size: 15px;
}

.coach {
    padding: 2rem 0rem;
}
	
.banner-text h1 {
    font-size: clamp(2.5rem, 4vw, 3.2rem);
}

.certification-inner-container{
	flex-wrap: wrap;
}

.cources-slider-section .owl-next{
	right: -8px;
}

.edu-learn-btn a{
	font-size: 16px;
   padding: 12px 1.8rem;
}

.cources-slider-section .owl-prev{
	    left: -10px;
}

.early-bird-secial a{
	padding: .65rem 1.8rem;
}

.courses-sub-title {
    font-size: 18px;
}

.why-weljii {
    padding: 3rem 0rem;
}

.card h4 {
    font-size: 15px;
}

.certification-left li{
	    font-size: 15px;
}

.education-sub-title{
    font-size: 22px;
 }
 
 .edu-programs-sm-text{
	     font-size: 15px;
 }

.page-tittle{
	    font-size: 22px;
}

.contact-btn{
	font-size: 15px;
	    padding: 0.7rem 1.8rem;
}


.partner-btn{
	font-size: 16px;
	padding: 0.6rem 1.8rem;
}

.explore-btn {
    font-size: 16px;
    padding: 10px 1.8rem;
}

.why-orglist li{
	font-size: 15px;
}

.avg-block.satisfaction-block {
    width: 100%;
    margin-left: auto;
    margin-top: 16px;
}

.tab-labels button{
	    font-size: 15px;
}

.events-inner-content {
    padding: 20px 16px 0px  16px;
    position: relative;
}

.events-inner-content .desc {
    font-size: 15px;
	text-align: left;
}

.events-inner-content .dates li {
    font-size: 15px;
}

.avg-sub-title{
	font-size: 34px;
}

.avg-block-icon {
   padding: 10px 9px;
   height: 42px;
}

.stats-grid{
	    gap: 1rem;
}

.stat_outer .number{
	    text-align: center;
}

.stat_outer .label{
	    text-align: center;
}

.text-only {
    max-width: 100%;
    padding: 16px;
}

.stat_outer .stat-icon{
	    text-align: center;
}

.event-sub-title {
    font-size: 22px;
}

.faq-container {
    max-width: 90%;
}

.upcoming-events {
    padding: 4rem 0rem 1rem;
}

.blog-sub-title {
    font-size: 1.1rem;
}

}

@media only screen and (min-width: 768px) and (max-width: 1000px)  {
.mx-conetnt-container {
    max-width: 90%;
	}
	
.banner{
  padding: 5rem 1rem;
}

.login-btn-item {
    margin-left: 0;
}	

.banner-container {
    max-width: 92%;
}

.banner-text h1 {
    font-size: clamp(2.5rem, 4vw, 3.2rem);
}

.page-tittle{
	    font-size: 24px;
}

.partners {
    padding: 2rem 1rem;
    text-align: center;
}

.coach-image {
    flex: 1 1 100%;
    width: 100%;
}

.sm-text{
	    font-size: 16px;
}

.avg-sub-title{
	    font-size: 30px;
}

.avg-block-icon{
	    padding: 12px 10px;
		    height: 44px;
}

.events-inner-content {
    padding: 20px 15px 0px  15px;
    position: relative;
}

.faq-container {
    max-width: 90%;
    margin: auto;
}
	
}	

@media only screen and (min-width: 1001px) and (max-width: 1199px)  {
	
.nav-container{
    max-width: 96%;
 }
	
.nav-link {
	padding: 7px 12px;
	font-size: 12px;
}

.login-btn-item {
    margin-left: 39px;
}	
	
}

@media only screen and (min-width: 768px) and (max-width: 1199px)  {
.banner-buttons .btn {
    font-size: 15px;
    font-weight: 400;
}

.banner{
	padding: 5rem 1rem;
}

.banner-buttons .btn{
	padding: .65rem 1rem;
}

.mx-conetnt-container {
    max-width: 90%;
}

.page-tittle{
	    font-size: 24px;
}

.contact-btn{
	font-size: 16px;
	padding: 0.7rem 1.8rem;
}

.explore-btn{
	font-size: 16px;
	padding: .65rem 1.8rem;
}

.education-sub-title {
    font-size: 22px;
 }
 
 .edu-learn-btn a{
	font-size: 16px;
	padding: .55rem 1.8rem;
 }
 
 .edu-programs-content {
    min-height: 352px;
    padding: 10px 16px;
}

.cources-slider-section .owl-next{
	right: -25px;
}

.cources-slider-section .owl-prev{
	left: -25px;
}

.why-orglist li{
	    font-size: 15px;
}

.event-sub-title {
    font-size: 22px;
}
.events-inner-content .desc {
    font-size: 15px;
  
}

.events-inner-content .dates li {
    font-size: 15px;
}

.upcoming-events {
    padding: 3rem 0rem;
}

.blog-sub-title{
    font-size: 1.1rem;
 }
	
}

@media only screen and (min-width: 1200px) and (max-width: 1366px)  {
.banner-container {
   max-width: 1100px;
}

.nav-link{
	    font-size: 14px;
}

.login-btn-item {
    margin-left: 50px;
}

.banner{
  padding: 5rem 0rem;
}

.nav-container {
    max-width: 1100px;
	 padding: 0 0rem;
}

.login-btn-item {
    margin-left: 20px;
}

.nav-link{
	font-size: 14px;
}

.banner-text h1 {
    font-size: clamp(2rem, 3vw, 3.2rem);
}

.banner-text .highlight svg{
	width: 88%;
}

.banner-text p {
    font-size: 20px;
}

.banner-buttons .btn {
    font-size: 16px;
    font-weight: 400;
    padding: .65rem 1rem;
}

.page-tittle{
	    font-size: 36px;
}

.sm-text{
	font-size: 16px;
}

.logo-strip img {
    height: 70px;
}

.partners {
    padding: 2rem 1rem;
}

.mx-conetnt-container {
    max-width: 1100px;
    margin: auto;
}

.tagline {
    font-size: 18px;
}

.why-weljii {
    padding: 3rem 0rem;
}

.explore-btn{
	font-size: 16px;
	padding: .65rem 1.8rem;
}

.avg-block-icon{
	height: 42px;
	padding: 9px 9px;
}

.avg-sub-title{
	font-size: 34px;
}

.education-sub-title {
    font-size: 24px;
}

.edu-programs-sm-text{
	font-size: 15px;
}

.edu-learn-btn a{
	 font-size: 16px;
	 padding: .65rem 1.8rem;
}

.courses-sub-title {
    font-size: 22px;
}

.why-orglist li{
	    font-size: 15px;
}

.text-only .quote{
	    font-size: 15px;
}

.stat_outer .number {
    font-size: clamp(2.2rem, 3vw, 3.2rem);
}

.event-sub-title {
    font-size: 30px;
}

.events-inner-content .desc {
    font-size: 15px;
}

.events-inner-content .dates li {
    font-size: 15px;
}

.contact-btn{
	font-size: 16px;
	padding: 0.7rem 1.8rem;
}

.early-bird-secial a {
    font-size: 15px;
	padding: .65rem 1.8rem;
}

.edu-logo-block img {
    height: 78px;
}

.partner-btn{
	font-size: 16px;
    padding: 0.7rem 1.8rem;
}

.faq-weljii {
  padding: 2rem 0rem 4rem;
}

.faq-a p{
	    font-size: 15px;
}

.blog-card img {
    height: 202px;
}

.blog-sub-title {
    font-size: 1.1rem;
}

.blog-card p{
	    font-size: 15px;
}

.read-more{
	font-size: 15px;
}

.view-articles a{
	font-size: 15px;
	padding: 8px 20px;
}

}

@media only screen and (min-width: 1367px) and (max-width: 1440px)  {
	.nav-container {
       max-width: 1200px;
	}
	.login-btn-item {
    margin-left: 50px;
    }
	
	.banner-container {
      max-width: 1200px;
	}
	
	.banner-text h1 {
    font-size: clamp(2rem, 4vw, 3rem);
	}
	
	.banner-text p {
      font-size: 20px;
	}
	
	.banner-buttons .btn {
		font-size: 17px;
		font-weight: 400;
	}
	
	.banner{
		    padding: 6rem 1rem;
	}
	
	.page-tittle{
		font-size: 38px;
	}
	
	.sm-text{
		    font-size: 17px;
	}
	
	.logo-strip img {
       height: 72px;
	}
	
	.coach {
		padding: 3rem 0rem;
	}
	
	.mx-conetnt-container {
		max-width: 1200px;
		margin: auto;
	}
	
	.tagline {
      font-size: 18px;
	}
	
	.contact-btn{
	   font-size: 17px;
	  padding: 0.8rem 1.8rem;
	}
	
	.explore-btn{
		font-size: 17px;
	    padding: .75rem 1.8rem;
	}
	
	.avg-sub-title{
		    font-size: 36px;
	}
	
	.avg-block-icon{
		padding: 9px 10px;
		height: 44px;
	}
	
	.education-sub-title {
    font-size: 24px;
	}
	
	.edu-programs-sm-text{
		    font-size: 15px;
	}
	
	.edu-logo-block img {
		height: 76px;
	}
	
	.edu-learn-btn a{
		font-size: 17px;
		padding: .75rem 1.8rem;
	}
	
	#course-slider img {
      height: 225px;
   }
   
   .courses-sub-title {
    font-size: 20px;
   }
   
   .partner-btn{
	    font-size: 17px;
		padding: 0.6rem 1.8rem;
   }
   
   .event-sub-title {
    font-size: 32px;
   }
   
   .events-inner-content .desc {
    font-size: 17px;
   }
   
   .early-bird-secial a{
	       padding: .75rem 1.8rem;
   }
   
   .faq-weljii {
    padding: 2rem 0rem 4rem;
   }
   
   .blog-sub-title {
    font-size: 1.1rem;
   }
   
   .view-articles a{
	       padding: 8px 20px;
   }
   
   .read-more{
	       font-size: 15px;
   }
	
	
}

@media only screen and (min-width: 1441px) and (max-width: 1680px)  {
	.banner-text p {
      font-size: 22px;
	}
	
	.banner{
	   padding: 6rem 1rem;
	}
	
	.page-tittle{
		font-size: 38px;
	}
	
	.education-sub-title {
    font-size: 26px;
 }
 
 .banner-buttons .btn{
	   padding: 0.7rem 1.8rem;
 }
 
 .courses-sub-title {
    font-size: 22px;
 }
 
 .partner-btn{
	     padding: 0.7rem 1.8rem;
 }
 
 .explore-btn{
	  padding: 0.7rem 1.8rem;
 }
 
 .contact-btn{
	 padding: 0.8rem 1.8rem;
 }
 
 .edu-learn-btn a{
	  padding: 0.7rem 1.8rem;
 }
}