/*
Theme Name: hello-elementor-child-lumo
Template: hello-elementor
Version: 1.0
*/

/*NextGen Business Css Start*/
/* @import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

.page-template-nextgen-curriculum-page h1{font-family: "Inria Sans", sans-serif !important;}    
.page-template-nextgen-curriculum-page h2{font-family: "Inria Sans", sans-serif !important;}    
.page-template-nextgen-curriculum-page h3{font-family: "Inria Sans", sans-serif !important;}    
.page-template-nextgen-curriculum-page h4{font-family: "Inria Sans", sans-serif !important;}    
.page-template-nextgen-curriculum-page h5{font-family: "Inria Sans", sans-serif !important;}    
.page-template-nextgen-curriculum-page h6{font-family: "Inria Sans", sans-serif !important;}    
.page-template-nextgen-curriculum-page p{font-family: "Inria Sans", sans-serif !important;}    
.page-template-nextgen-curriculum-page li{font-family: "Inria Sans", sans-serif !important;}    
.page-template-nextgen-curriculum-page a{font-family: "Inria Sans", sans-serif !important;}    
.page-template-nextgen-curriculum-page span{font-family: "Inria Sans", sans-serif !important;}   */



 .banner { width: 100%; background-image: url(/wp-content/uploads/2026/05/Group-195-1.png); background-size: 100% 100%; background-repeat: no-repeat; position: relative; overflow: hidden;     padding: 80px 80px 250px 80px; }

.left-content {  width: 42%;  position: relative;  z-index: 3;}

.left-content h1 {  font-size: 50px !important;  line-height: 1.05;  font-weight: 600;  color: #111;}

.left-content h1 span { background: linear-gradient(to right, #6346BC, #209FC7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;    font-weight: 800; font-size: 70px;position:relative;}
 .left-content h1 span:after { content: ''; height: 2px; width: 130px; background-color: #6346BC; position: absolute; left: 0; bottom: 0; }
 .left-content h3 { margin-top: 16px; font-size: 35px !important; color: #111; padding: 30px 0px 30px 30px; }

.features {
  margin-top: 35px;
}

.feature {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 18px;
}

.icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #426fd6;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}

.feature p { font-size: 20px;  color: #222;  line-height: 1.35;    font-family: 'Inter';}

.feature b {  font-size: 25px;    font-family: 'Inter';}

 .logo { position: absolute; top: 30px; left: 51%; transform: translateX(-15%); z-index: 4; color: #333; width: 350px; }

.logo h2 {
  font-size: 42px;
  letter-spacing: 1px;
  color: #d46d42;
}

.logo h2 span {
  color: #777;
}

.logo p {  font-size: 24px;  letter-spacing: 8px;  font-weight: bold;}
.student {  position: absolute;  right: 0;  top: 0;  width: 48%;  height: 100%;  z-index: 1;}

.student img {  width: 100%;  height: 100%;  object-fit: cover;}

.laptop { position: absolute; left: 36%; bottom: 25%; width: 34%; z-index: 5; }
.laptop img {  width: 100%;}
.subject { position: absolute; left: 0%; bottom: 7%; z-index: 5; width: 60%; }



.subject div {
  font-size: 38px;
  height: 75px;
  background: rgba(255,255,255,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.subject h4 {
  font-size: 16px;
}

.subject p {
  font-size: 12px;
  line-height: 1.25;
}

 .relevant { background: #F8F7F5; padding: 14px 80px; display: flex; justify-content: space-evenly; gap: 15px; font-size: 16px; color: #000; align-items: center; }
 .relevant  span { display: flex; justify-content: space-evenly; gap: 15px; font-size: 15px; color: #000; align-items: center; }
.relevant span.gradiant{    background: linear-gradient(to right, #6346BC, #209FC7);   -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}
 .relevant img { width: 30px; }


.modernEngage { padding-top: 80px; padding-bottom: 80px; padding-left: 7%; padding-right: 7%; }
.modernEngage h2 { font-size: 50px !important; font-weight: 600; text-align: center; padding-bottom: 20px;color:#000; }
.modernEngage p { font-size: 20px !important; text-align: center; color:#000;    font-family: 'Inter';  }
.modernEngage  .cards.row { display: flex; justify-content: center; align-items: center; padding: 40px 0px;  }
.modernEngage  .cards.row  .cardsimg{overflow:hidden;margin-bottom:20px;}
.modernEngage  .cards.row  .cardsimg img{transition:0.3s;}
.modernEngage  .cards.row  .cardsimg:hover img { transform: scale(1.2);  }
.modernEngage  .cards.row  a{font-size: 30px !important; color:#000;font-weight: 600;position:relative;transition:0.5s;    font-family: 'Inter';}
 .modernEngage .cards.row a:after { content: url(/wp-content/uploads/2026/05/Vector-8.png); position: absolute; right: -60%; }
.modernEngage  .cards.row  a:hover{color:#EB5D1E;}
.process-wrapper.row{gap:0px !important;}

.process-section {  padding:0px 20px 80px 20px !important;  }

.container {  max-width: 1200px;  margin: auto;}

.process-title { font-size: 50px !important; font-weight: 600; text-align: center; padding-bottom: 20px;color:#000;}

.process-subtitle-wrap { display: flex;  align-items: center;  justify-content: center;  gap: 20px;  margin-bottom: 130px;}

.process-subtitle-wrap .line {  width: 70px;  height: 2px;  background: #3949ab;}

.process-subtitle {  font-size: 18px; color: #222;  text-align: center;	margin-bottom: 0px;      font-family: 'Inter';}

.process-subtitle span {  color: #3cb4e5;  font-weight: 600;}

.process-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; gap: 20px; }

.process-card {  background: #fff; border-radius: 20px; position: relative;  padding-top: 20px;  border: 2px solid #eee;  transition: 0.3s;    height: 100%;}
.process-wrapper .col-md-3{   position: relative;}

 .process-wrapper .col-md-3:before { content: url(/wp-content/uploads/2026/05/Vector-10.png); position: absolute; right: -10%; top: -7%; transform: translateY(-50%); z-index: 1; }
/* Last item arrow hide */
.process-wrapper .col-md-3:last-child:before{    display: none;}

.process-card.blue{ grid-area: 1 / 1 / 2 / 2;border: 2px solid #e5f0fb; background-color: #e5f0fb; }
.process-card.teal { grid-area: 1 / 2 / 2 / 3; border: 2px solid #ddf0ee; background-color: #ddf0ee; }
.process-card.orange { grid-area: 1 / 3 / 2 / 4; border: 2px solid #feebd4; background-color: #feebd4; }
 .process-card.purple { grid-area: 1 / 4 / 2 / 5; border: 2px solid #e7e0f2; background-color: #e7e0f2; }
.elementor-icon-list-text{color:#000 !important;}

.process-card:hover {
  transform: translateY(-8px);
}

.process-card .step-number { color: #fff !important; font-size: 20px; }

 .step-icon { width: 110px; height: 110px; border-radius: 50%; background: #fff; position: absolute; top: -80px; left: 50%; transform: translateX(-50%); border: 4px solid; display: flex; align-items: center; justify-content: center; }

 .step-icon img { width: 67px; height: 55px; }

 .step-number { width: 42px; height: 42px; border-radius: 50%; color: #fff; font-weight: bold; font-size: 18px; margin: 0 auto; display: flex; align-items: center; justify-content: center; position: relative; top: -10px; }

 .card-content { padding: 20px 25px 35px; background-color: #fff; border-radius: 20px;    height: 480px; }

.card-content h3 {  font-size: 22px;  font-weight: 800;  margin-bottom: 25px;  line-height: 1.3;}

.card-content ul {  padding: 0;  margin: 0;  list-style: none;}

 .card-content ul li { position: relative; padding-left: 0px; margin-bottom: 18px; color: #000; line-height: 1.5; display: flex; align-items: center; gap: 10px; font-family: 'Inter'; font-size: 17px; }
 .card-content ul li img { width: 25%; }
/*  .card-content ul li::before { content: ""; width: 8px; height: 8px; background: currentColor; border-radius: 50%; position: absolute; left: 0; top: 8px; } */

/* BLUE */
.process-card.blue .step-icon {  border-color: #1565c0;}

 .process-card.blue .step-number, .process-card.blue .card-content h3 { color: #1F7BC5; font-size: 26px !important; text-align: center;  font-family: 'Inter'; font-weight: 600;}

/* TEAL */
.process-card.teal .step-icon {  border-color: #009688;}

 .process-card.teal .step-number, .process-card.teal .card-content h3 { color: #038B86; font-size:  26px !important; text-align: center; font-family: 'Inter'; font-weight: 600; }

/* ORANGE */
.process-card.orange .step-icon {  border-color: #ef6c00;}

 .process-card.orange .step-number, .process-card.orange .card-content h3 { color: #EB891B; font-size: 26px !important; text-align: center;  font-family: 'Inter'; font-weight: 600;}

/* PURPLE */
.process-card.purple .step-icon {  border-color: #7b1fa2;}

.process-card.purple .step-number, .process-card.purple .card-content h3 {     color: #652B8D;font-size: 26px !important; text-align: center; font-family: 'Inter'; font-weight: 600;}

 .process-card.blue .step-number { background: #1F7BC5; }

 .process-card.teal .step-number { background: #038B86; }

 .process-card.orange .step-number { background: #EB891B; }

 .process-card.purple .step-number { background: #652B8D; }
 .bottom-banner { margin-top: 50px; background: #e9edf7; border-radius: 18px; padding: 20px 30px; display: flex; align-items: center; gap: 20px; }

 .banner-icon { width: 60px; height: 60px; background: #0d47a1; color: #fff; border-radius: 50%; display: flex; align-items: center;  justify-content: center;  font-size: 28px;}

.banner-content {  display: flex;  align-items: center;  gap: 18px;  flex-wrap: wrap;}

.banner-content strong {  color: #0d2a7a;  font-size: 22px;}

 .banner-content p { margin: 0; color: #000; font-size: 18px; }



 .modernStudentbar { background-image: url(/wp-content/uploads/2026/05/Group-202.png); background-size: cover; background-repeat: no-repeat;padding-top: 120px; padding-bottom: 120px; padding-left: 7%; padding-right: 7%;  }
.modernStudentbar h2 { font-size: 35px !important; font-weight: 600;  padding-bottom: 20px;  color: #fff; }
.modernStudentbar p { font-size: 20px !important;  color: #fff;    width: 50%;  }


@media (max-width: 991px) {
  .process-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {

  .process-title {
    font-size: 28px;
  }

  .process-wrapper {
    grid-template-columns: 1fr;
  }

  .process-subtitle-wrap {
    flex-direction: column;
  }

  .process-subtitle-wrap .line {
    display: none;
  }

  .bottom-banner {
    flex-direction: column;
    text-align: center;
  }

  .banner-content {
    justify-content: center;
  }
}

@media (max-width: 900px) {
  .banner {
    padding: 35px 25px;
  }

  .left-content {
    width: 100%;
  }

  .student,
  .laptop,
  .logo {
    position: static;
    transform: none;
    width: 100%;
    margin-top: 25px;
  }

  .subjects {
    grid-template-columns: repeat(2, 1fr);
    padding: 25px;
  }

  .relevant {
    flex-direction: column;
    padding: 20px 25px;
  }
}

body{
    margin:0;
    font-family:Arial, sans-serif;
    background:#efefef;
}

.chs-section{
    padding:40px 0;
}

.process-section .container{
   
    margin:auto;
}

.chs-heading{
    text-align:center;
}

.chs-heading h2{
    font-size:58px;
    font-weight:600;
    margin:0;
    color:#111;
}

.sub-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-top:15px;
}

.sub-heading span{
    width:120px;
    height:3px;
    background:#f47a13;
}

.sub-heading p{
    font-size:20px;
   
    margin:0;
}

.chs-top-headings { display: flex; justify-content: center; margin-top: 40px; gap:120px; }

.problem-head,
.solution-head{
    width:35%;
    text-align:center;
    padding:18px;
    font-size:20px;
    font-weight:800;
    color:#fff;
    border-radius:20px 20px 0 0;
}

.problem-head{    background:#4d4d4d;}

.solution-head{   background:#f47a13;}

.chs-wrapper{    background:#fff;    border-radius:20px;    overflow:hidden;    border:1px solid #ddd;}

.chs-row{    display:grid;    grid-template-columns:1fr 50px 1fr;    align-items:center;    border-bottom:1px solid #ddd;position: relative;}
 .chs-row::before { content: ""; width: 1px; height: 100%; background: #dddddd; position: absolute; left: 50%; }
.chs-row:last-child{    border-bottom:none;}
.side-box { display: flex; align-items: center; gap: 18px; padding: 35px; position: relative; }
/* .side-box.left {   border-right: 1px solid #dddddd; } */
.side-box.left   .content p {color:#000;font-weight:600;}
.side-box.left  p.label { color: #f47a13 !important; }
 .number{position:absolute;left:10px;top:20px;width:42px;height:42px;background:#f47a13;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;}
/*  .icon-circle{width:140px;height:140px;min-width:140px;border-radius:50%;background:#f2f2f2;display:flex;align-items:center;justify-content:center;} */



.icon-circle img{    width:100%;}
 .icon-circle {  display: block; position: relative; }
 .content h3{ margin:0; font-size:30px !important; font-weight:600; color:#111; line-height:1.2; }
 .content h4{ margin:5px 0 15px; font-size:22px; font-weight:600; color:#f47a13; line-height:1.3; }
 .label{ color:#f47a13; font-weight:700; margin-bottom:8px !important; }

 .content p{ margin:0; color:#222; line-height:1.6; font-size:16px; }

 .arrow{width:54px;height:54px;background:#5a5a5a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;margin:auto;  z-index: 2; }



 .learning-section{ width:100%;padding-bottom:80px; } 
/* TOP BOX */ 
.learning-section .top-box{ background:#f5f5f5; border:1px solid #d7d7d7; border-radius:14px 14px 0 0; padding:18px 30px; display:flex; align-items:center; justify-content:space-between;    margin: 0% 18%; } 
.learning-section .top-item{ display:flex; align-items:center; gap:14px; } 
/* .learning-section .icon-circle{ width:48px; height:48px; border-radius:50%; background:#f47a13; display:flex; align-items:center; justify-content:center; }*/
.learning-section .icon-circle img{ width:75%; } 
.learning-section .text h4{ margin:0; font-size:25px; color:#f47a13; font-weight:600; line-height:1.2; } 
.learning-section .text p{ margin:0; font-size:25px; color:#111; font-weight:600; line-height:1.2; } 
.learning-section .divider{ width:3px; height:42px; background:#666; }
/* MIDDLE BAR */
.learning-section .middle-bar{ background:#4a4a4a; padding:16px 30px; display:flex; align-items:flex-start; gap:18px; }
.learning-section  .middle-bar .container { margin: 0% 18%; display: flex; gap: 20px; }
.learning-section .star-icon{ width:46px; height:46px; min-width:46px; border-radius:50%; background:#f47a13; color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; } 
.learning-section .bar-text{ color:#fff; font-size:18px; line-height:1.4; font-weight:700; }
.learning-section .bar-text span{ color:#f47a13; font-weight:900; } 
/* BOTTOM CONTENT */
.learning-section .bottom-content{ text-align:center; padding:55px 20px 20px; }
.learning-section .bottom-content h2{ margin:0 0 35px; font-size:48px; color:#111; font-weight:600; }
.learning-section .discovery-btn{ display:inline-flex; align-items:center; justify-content:center; width:430px; height:72px; background:#f47a13; color:#fff; text-decoration:none; border-radius:12px; font-size:28px; font-weight:800; transition:0.3s; } 
.learning-section .discovery-btn:hover{ background:#db6707; }
/*NextGen Business Css End*/