.wsmainwp{max-width: 1170px;}
.register-form .form-control{height: 40px;}
.register-form p{margin-bottom: 0.5rem;}
.rounded-10{border-radius:10px;}
.bg-lightgrey {
  background-color: #eff3f8;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 321px) and (max-width: 479.95px) {
  #hero-1 .caption-txt {
    margin-top: -122px;
  }
}
.btn-rose, .scroll .btn-rose, .white-color .btn-rose{background-color: #fe6601;border-color: #fe6601;}
.rose-hover:hover, .scroll .rose-hover:hover, .white-color .rose-hover:hover{background-color: #fe6601;border-color: #fe6601 !important;}
.about-section .abox-1 img, .sbox-6 img{filter: brightness(0) invert(1);}
/* ============ WHAT IS STEM ============ */

.stem-title {
  font-size: clamp(2rem, 3.4vw, 2.8rem);
  font-weight: 900;
  color: var(--ink);
  margin-bottom: 1rem;
}
.stem-title .stem-s { color: #3aa3ff; }
.stem-title .stem-t { color: #ec4899; }
.stem-title .stem-e { color: #22c55e; }
.stem-title .stem-m { color: #f5b400; }

.stem-sub {
  color: var(--ink-soft);
  max-width: 640px;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.7;
}

.stem-card {
  background: #fff;
  border: 1px solid #eef2f5;
  border-radius: 18px;
  padding: 1.5rem;
  height: 100%;
  box-shadow: 0 4px 14px rgba(15, 30, 60, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.stem-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(15, 30, 60, 0.1);
}

.stem-card h5 {
  font-weight: 800;
  margin-bottom: 0.75rem;
  font-size: 1.15rem;
}
.stem-card h5 span {
  font-weight: 900;
  font-size: 1.25rem;
  margin-right: 2px;
}
.stem-card p {
  color: var(--ink-soft);
  font-size: 0.93rem;
  line-height: 1.65;
  margin: 0;
}
.sbox-5 .icon{width: 62px;height: 62px;display: block;border-radius: 14px;background-color: #fef0e7;color: #fe6601;padding: 16px 0px 0px 16px; }
.footer{color:#ddd !important;}
.footer h5,.footer h4{color:#eee !important;}
.form-control:focus{box-shadow: 0 0 0 .2rem rgb(255 108 0 / 25%);}
/* ============ WHATSAPP FLOATING BUTTON ============ */
.whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  background: #25d366;
  color: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 2rem;
  z-index: 999;
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);
  transition: transform 0.2s ease;
}
.whatsapp-float:hover {
  color: #fff;
  transform: scale(1.08);
}
.wa-pulse {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #25d366;
  opacity: 0.55;
  animation: wa-pulse 2s ease-out infinite;
  z-index: -1;
}
@keyframes wa-pulse {
  0% { transform: scale(1); opacity: 0.55; }
  100% { transform: scale(1.8); opacity: 0; }
}

.contact-box{
  display:flex;
  gap:20px;
  padding: 16px 20px;
  text-align: left;
}

.contact-icon{
  width:58px;
  height:58px;
  min-width:58px;
  border-radius:10px;
  background:#ffede2;
  color:#ff6b00;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:24px;
  transition:.3s;
}

.contact-box:hover .contact-icon{
  background:#ff6b00;
  color:#fff;
}

.contact-title{
  font-weight:700;
  color:#121212;
  margin-bottom:6px;
}

.contact-text{
  line-height:1.6;
}

.contact-text a{
  text-decoration:none;
}

.contact-text a:hover{
  color:#ff6b00;
}

@media(max-width:768px){

  .contact-icon{
    width:60px;
    height:60px;
    min-width:60px;
    font-size:24px;
  }

}

.stem2 .stem-title{
  font-weight:800;
  line-height:1;
}

.stem2 .stem-title span{
  color:#ef6a3b;
}

.stem2 .stem-subtitle{
  font-size:26px;
  font-weight:600;
  margin-top:10px;
  color:#222;
}

.stem2 .orange-line{
  width:90px;
  height:4px;
  background:#ef6a3b;
  border-radius:30px;
  margin:20px 0;
}

.stem2 .stem-desc{
  color:#000;
  line-height:1.7;
  margin-bottom:28px;
}

.stem2 .feature-item{
  display:flex;
  align-items:flex-start;
  margin-bottom:30px;
}

.stem2 .icon-box{
  width:58px;
  height:58px;
  min-width:58px;
  border-radius:50%;
  background:#ef6a3b;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:26px;
  margin-right:18px;
}

.stem2 .feature-item h5{
  font-weight:700;
  margin-bottom:3px;
}

.stem2 .feature-item p{
  margin:0;
  font-size:15px;
}
.stem2 .stem-image img{border-radius:20px;}
.course-home .cbox-1 p{min-height:100px;}
.curriculum-section .course-card{
  margin-bottom:40px;
}

.curriculum-section .course-image{
  overflow:hidden;
  border-radius:15px;
}

.curriculum-section .course-image img{
  width:100%;
  height:180px;
  object-fit:cover;
  transition:.4s;
}

.curriculum-section .course-card:hover img{
  transform:scale(1.05);
}

.curriculum-section .course-title{

  background:#fe6601;
  color:#fff;
  text-align:center;
  font-weight:700;
  border-radius:50px;
  padding:9px;
  margin:18px auto 25px;
  line-height:1.4;

}

.curriculum-section .course-title span{

  display:block;
  font-size:18px;

}

.curriculum-section .course-title small{

  display:block;
  font-size:16px;

}

.curriculum-section .course-list{

  padding-left:22px;
  margin:0;

}

.curriculum-section .course-list li{

  font-size:18px;
  margin-bottom:8px;
  list-style: disc;

}
@media(max-width:991px){

  .curriculum-section .course-image img{
    height:220px;
  }

}
.course-home .cbox-1 img{
  transition:.4s;
}
.course-home .cbox-1:hover img{
  transform:scale(1.05);
}

.skill-section{background-color: #ffede2;}
.skill-section .course-card{
  margin-bottom:40px;
}

.skill-section .course-image{
  overflow:hidden;
  border-radius:15px;
}

.skill-section .course-image img{
  width:100%;
  height:250px;
  object-fit:cover;
  transition:.4s;
}

.skill-section .course-card:hover img{
  transform:scale(1.05);
}

.skill-section .course-title{

  background:#fe6601;
  color:#fff;
  text-align:center;
  font-weight:700;
  border-radius:50px;
  padding:9px;
  margin:18px auto 25px;
  line-height:1.4;

}

.skill-section .course-title span{

  display:block;
  font-size:18px;

}

.skill-section .course-title small{

  display:block;
  font-size:16px;

}

.skill-section .course-list{

  padding-left:22px;
  margin:0;

}

.skill-section .course-list li{

  font-size:18px;
  margin-bottom:8px;
  list-style: disc;

}
@media(max-width:991px){

  .skill-section .course-image img{
    height:220px;
  }

}

.pricing-card{

  position:relative;
  border:1px solid #e8e8e8;
  border-radius:20px;
  padding:22px;
  transition:.35s;
  background:#fff;

}

.pricing-card:hover{

  transform:translateY(-8px);
  box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.pricing-section .featured{

  border:2px solid #ff6d00;

}

.pricing-section .popular{

  position:absolute;
  top:-14px;
  left:50%;
  transform:translateX(-50%);
  background:#ff6d00;
  color:#fff;
  padding:1px 10px;
  border-radius:30px;
  font-weight:600;

}

.pricing-section .icon-box{

  width:58px;
  height:58px;
  border-radius:18px;
  background:#fff4eb;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:25px;

}

.pricing-section .icon-box i{

  font-size:28px;
  color:#ff6d00;

}

.pricing-card h2{

  font-weight:700;
  margin-bottom:12px;
  font-size: 1.5rem;

}

.pricing-card h5{

  color:#ff6d00;
  font-weight:700;
  margin-bottom:20px;

}

.pricing-card p{
  line-height:1.5;
  margin-bottom:25px;

}

.pricing-card ul{

  margin-bottom:30px;
  min-height: 220px;

}

.pricing-card li i{

  color:#ff6d00;
  margin-right:10px;
  font-size:18px;

}

.zero-card{
  background:#eefcf4;
  border-top:5px solid #2ecc71;
}

.custom-card{
  background:#fff6fb;
  border-top:5px solid #d946ef;
}

/** Button Warning ***/
.btn-warning{

  background:#ff6d00;
  border:none;
  color:#fff;
  border-radius:12px;
  padding:12px;

}

.btn-warning:hover{
  background:#e65c00;
  color: #fff;
}

.btn-outline-warning{
  border:2px solid #ff6d00;
  color:#ff6d00;
  border-radius:12px;
  padding:12px;
}

.btn-outline-warning:hover{
  background:#ff6d00;
  color:#fff;
}
.presence-section{

  background:#fff;

}

.section-title h2{

  font-size:42px;
  font-weight:800;
  text-transform:uppercase;

}

.line{

  width:80px;
  height:4px;
  background:#ff6d00;
  margin-top:10px;

}

.stat-box{

  border:1px solid #eee;
  padding:20px 15px;
  text-align:center;
  border-radius:12px;
  height:100%;
  transition:.3s;

}

.stat-box:hover{

  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transform:translateY(-4px);

}

.icon{

  width:60px;
  height:60px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto auto 15px;
  color:#fff;
  font-size:28px;

}

.blue{background:#0d6efd;}
.orange{background:#ff6d00;}
.green{background:#28a745;}
.purple{background:#6f42c1;}
.red{background:#dc3545;}
.teal{background:#20c997;}

.stat-box h3{

  font-weight:700;
  margin-bottom:5px;

}

.stat-box p{

  margin:0;
  font-size:15px;
  color:#666;

}

.covered-box{

  background:#14213d;
  padding:18px;
  color:#fff;
  border-radius:15px;
  display:flex;
  align-items:center;
  gap:15px;

}

.covered-box i{

  font-size:42px;

}

.covered-box h4{

  margin:0;
  font-size:24px;
  font-weight:700;

}

.covered-box p{

  margin:0;
  font-size:14px;
  color:#ddd;

}

.map-img{

  max-height:600px;

}

.state-list{

  padding-left:18px;

}

.state-list li{

  font-size:19px;
  margin-bottom:12px;

}

@media(max-width:991px){

  .map-img{

    margin:40px 0;

  }

  .covered-box{

    margin-bottom:40px;

  }

  .section-title{

    text-align:center;

  }

  .line{

    margin:auto;
    margin-top:10px;

  }

}

/**** FAqs ****/
.faq-section{
  background:#f8f9fa;
}

.faq-card{
  border:none;
  border-radius:12px;
  overflow:hidden;
  margin-bottom:18px;
  box-shadow:0 3px 12px rgba(0,0,0,.08);
}

.faq-card .card-header{
  background:#fff;
  padding:0;
  border:none;
}

.faq-card .btn-link{

  display:block;
  width:100%;
  padding:20px 25px;
  color:#222;
  text-align:left;
  text-decoration:none;
  font-weight:600;
  font-size:18px;

}

.faq-card .btn-link:hover{
  color:#ff6d00;
  text-decoration:none;
}

.faq-card .btn-link i{
  transition:.3s;
}

.faq-card .btn-link[aria-expanded="true"] i{
  transform:rotate(180deg);
  color:#ff6d00;
}

.card-body{

  padding:20px 25px;
  color:#666;
  line-height:1.8;

}
.btn-outline-rose{background-color: #fff;border-color: #a3a2a1 !important ;color: #000 !important;}
.btn-outline-rose:hover{border-color: #fe6601 !important}
.rounded-30{border-radius:30px;}
.border-rosy{border: 1px solid #fe6601;} 
.text-warning{color:#fe6601 !important;}
.specification table td:nth-child(3) {text-align: right;color: #fe6601;font-weight:500;}
.specification table .item{font-weight:500;}
/**Roadmap****/
.grade-card{
  background:#fff;
  border-radius:18px;
  padding:60px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  border:1px solid #eee;
}

.grade-left{
  border-right:1px solid #ececec;
}

.grade-icon{
  width:60px;
  height:60px;
  margin:auto;
  border-radius:50%;
  background:#fe6601;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:34px;
}

.grade-title{
  margin-top:10px;
  font-size:18px;
  font-weight:700;
  color:#222;
}

.grade-level{
  display:block;
  color:#fe6601;
  font-size:16px;
  font-weight:700;
  letter-spacing:4px;
}

.title-line{
  width:120px;
  height:2px;
  background:#fe6601;
  margin:20px auto 0;
  border-radius:20px;
}

.module-title{
  font-size:22px;
  font-weight:700;
  margin-bottom: 22px;
  color:#222;
}

.module-title i{
  color:#fe6601;
  margin-right:12px;
}

.module-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.module-pill{
  display:inline-flex;
  align-items:center;
  padding:0px 12px;
  border:1px solid #fe6601;
  border-radius:50px;
  font-size:14px;
  font-weight:400;
  color:#333;
  background:#fff;
}

.module-pill i{
  color:#fe6601;
  font-size:20px;
  margin-right:12px;
}

.outcome{
  font-size:16px;
  color:#444;
  margin-top: 10px;
}

.outcome i{
  color:#fe6601;
  font-size:36px;
  margin-right:10px;
}

.outcome strong{
  color:#222;
}

@media(max-width:991px){

  .grade-card{padding:10px;text-align:center;}
  .module-title{margin-top: 10px;margin-top: 10px;}
  .module-list {display: block;}
  .module-pill{margin-bottom: 8px;margin-right: 4px;}

}

.timeline-item{
    position:relative;
    display:flex;
    align-items:flex-start;
    padding-bottom:40px;
}

.timeline-item:last-child{
    padding-bottom:0;
}

.timeline-item:before{
    content:"";
    position:absolute;
    left:29px;
    top:58px;
    width:3px;
    height:calc(100% - 20px);
    background:#fe6601;
}

.timeline-item.last:before{
    display:none;
}

.timeline-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:50%;
    background:#fff7f1;
    border:1px solid #fe6601;
    color:#fe6601;
    font-size:22px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:30px;
    z-index:2;
    position:relative;
}

.timeline-content{
    padding-top:5px;
}

.timeline-content h3{
    font-size:22px;
    font-weight:700;
    color:#222;
    margin-bottom:6px;
}

.timeline-content p{
    color:#000;
    line-height:1.7;
    margin-bottom:10px;
}

.timeline-content span{
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:14px;
    font-weight:700;
    color:#fe6601;
    background:#fff7f1;
    padding:6px 18px;
    border-radius:30px;
}

@media(max-width:767px){

    .timeline-item{
        padding-bottom:50px;
    }

    .timeline-icon{
        width:55px;
        height:55px;
        min-width:55px;
        font-size:18px;
        margin-right:20px;
    }

    .timeline-item:before{
        left:26px;
        top:55px;
    }

    .timeline-content h3{
        font-size:22px;
    }

    .timeline-content p{
        font-size:16px;
    }

    .timeline-content span{
        font-size:12px;
    }

}
.comparison-table{
    border:1px solid #e8e8e8;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.comparison-table table{
    margin:0;
}

.comparison-table thead th{
    background:#222;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:14px;
    font-weight:700;
    padding:20px;
    border:none;
}

.comparison-table tbody td{
    padding:20px;
    font-size:17px;
    border-top:1px solid #ececec;
    vertical-align:middle;
}

.comparison-table tbody td:first-child{
    font-weight:600;
    color:#333;
}

.duet-col{
    background:#fff7f1;
}

.full{
    color:#1db954;
    font-weight:600;
}

.full i{
    margin-right:6px;
}

.partial{
    color:#fe6601;
    font-weight:600;
}

.partial i{
    margin-right:6px;
}

.limited{
    color:#888;
    font-weight:600;
}

.limited i{
    margin-right:6px;
}

.comparison-table tbody tr:hover{
    background:#fafafa;
}

@media(max-width:991px){

    .comparison-table table{
        min-width:1000px;
    }

}
.cta{background: antiquewhite;}