/* Video */

 .gap-video{
  height: 240px;
 }
 .mySlides {
  display: none

}

img {
  vertical-align: middle;
  
  
}

.slideshow-container {
  /* max-width: 1000px;
  position: relative;
  margin: auto; */
 
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color:rgba(0, 0, 0, 0.8);
}


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}





/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px)  {

  .prev,
  .next,
  .text {
      font-size: 11px
      
  }
}
@media only screen and (max-width: 480px) {
.mt-90{
margin-top: 94px;
}
}
/* Partner Section */

#partner .partner-container{
    margin-top: 70px;
}
#partner .partner-container  .image-row-1{
  display: flex;
  align-items: center;
  justify-content: center;
  gap:5px;
}

#partner .partner-container  .image-row-2{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:5px;
  }
  #partner .partner-container .heading-partner h1{
    font-size: 37px;
    color: #333;
    text-align: center;
  font-family: "Roboto", serif;
  }
  .gap{
  height: 20px;
  }
  .underline-partner{
    position: relative;
    width: 120px;
    background-color: #07294D;
    height: 4px;
   left:43%;
  }
  

  @media(max-width:304px){
    #partner .partner-container  .image-row-1{
      display: block;
      left: 10%;
    }
    #partner .partner-container  .image-row-2{
      display: block;
      position: relative;
      left: 10%;
    
    }

  }

  @media(min-width:305px) and (max-width:406px){
    #partner .partner-container  .image-row-1{
      display: block;
      position: relative;
      left: 24%;
    }
    #partner .partner-container  .image-row-2{
      display: block;
      position: relative;
      left: 24%;
      margin: 5px;
      gap:20px;
    
    }

  }
  
  @media(min-width:407px) and (max-width:422px){
    #partner .partner-container  .image-row-1{
      display: block;
      position: relative;
      left :24%;
     
    }
    #partner .partner-container  .image-row-2{
      display: block;
      position: relative;
      left :24%;
      margin: 5px;
      gap:20px;
    
    }

  }

  @media(min-width:422px) and (max-width:439px){
    #partner .partner-container  .image-row-1{
      display: block;
      position: relative;
      left :10%;
     
    }
    #partner .partner-container  .image-row-2{
      display: block;
      position: relative;
      left :10%;
      margin: 5px;
      gap:20px;
    
    }

  }


  @media(min-width:440px) and (max-width:472px){
    #partner .partner-container  .image-row-1{
      display: block;
      position: relative;
      left :2%;
      flex-wrap: wrap;
    }
    #partner .partner-container  .image-row-2{
      display: block;
      position: relative;
      left :2%;
      margin: 5px;
      gap:20px;
    
    }

  }
  
  /* Header Topnnav */
      .header-bottom__main-menu ul li a {
            font-size: 18px;
            /* Set the desired font size */
            font-weight: 800px;
            /* Semi-bold text for better visibility */
            color: black;
            /* Adjust text color, if needed */
            text-transform: uppercase;
            /* Optional: make text uppercase */
            font-family: Arial, Helvetica, sans-serif;
        }

        .header-bottom__main-menu ul li {
            font-weight: 700;
        }

        .header-bottom__main-menu ul li a:hover {
            color: #FFE792;
        }
        #faPhone{
            font-size: 20px;
        }
       #offCanvas{
           background-color: #006a4e;
       }
        #link-color {
            color: #000229;
            font-weight: 650;
            font-size: 17px;
            font-family: Roboto, serif;
        }

        #heading-inner {
            font-family: Roboto, serif;
            font-size: 38px;
            color:black;
            font-weight: 650;
        }

#submenuCSS{
    width:300px
}
        #link-color-1 {
          
            font-weight: 700;
            line-height: 26px;
            font-size: 16px;
            font-family: Roboto, serif;
        }
        
        @media(max-width:680px){
              #link-color{
                  color: white;
              }
              
              #heading-inner{
                  font-size: 30px;
              }
               #link-color-1{
                   color: white;
               }
        }
        
#heading-school, #heading-corporate {
    font-size: 32px;
    font-family: Roboto, serif;
    font-weight: 600;
}
#heading_team{
    text-align: center;
        font-size: 38px;
        color: black;
        font-family: Roboto, serif;
        font-weight: 650;
        margin:10px 0px;
        margin-bottom: 17px;
}
 #span-gradient-team{
       background: linear-gradient(90deg, #006A4E, #018749, #17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 }
#heading-training {
    font-size: 38px;
    font-family: Roboto, serif;
    font-weight: 650;
    text-align: center;
}

.span-gradients {
    background: linear-gradient(90deg, #006A4E, #018749, #17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}  

#text-bold{
    font-size:38px;
    color:black;
     font-family: Roboto, serif;
     font-weight:650;
}

#heading-about-text{
    font-size:34px;
    color:black;
     font-family: Roboto, serif;
     font-weight:650;
}

#span-decoration{
      background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

  
  #icon-background{
      background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  /* team building programs */

  #team-building-program{
    margin-top: 38px;
  }

  .underline-program{
    position: relative;
    left: 30%;
    width: 200px;
    background-color: #07294D;
    height: 4px;
  }
  #team-building-program .program-container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap:19px;
    margin-top: 60px;
   

    
  }
  #team-building-program .heading-program{
    font-size: 38px;
    color: #000;
    text-align: center;
    font-weight:650;
     font-family: "Roboto", serif;
  }
  
  #team-building-program .heading-program h1 span{
       background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  #team-building-program .program-container .box{
   width: calc(27.3%);
   border: 2px solid black;
   border-radius: 20px;
   box-shadow: 2px 3px 8px 3px #006A4E;
   
   /*box-shadow: 2px 3px 8px 3px #07294D;*/
   
  }

  #team-building-program .program-container .box .image{
    padding: 0px;
  }

  #team-building-program .program-container .box .image img{
    border-radius: 20px;
    width:420px;
    height:300px;
  }

  #team-building-program .program-container .box .text h3{
    text-align: center;
    color: black;
    font-weight: 700;
    font-size: 17px;
    padding:10px 10px;
    font-family: "Roboto", serif;
  }
  #team-building-program .program-container .box .text h3 span{
    color: #333;
    font-weight: 750;
  }
@media(max-width:535px){
  #team-building-program .program-container {
    display: block;
    gap:20px;
  }
  #team-building-program .program-container .box{
    width: 100%;
    margin-top: 20px;
   
  }
  #heading-training{
      font-size: 28px;
      text-align: center;
      padding-inline: 8px;
  }
}
  /* Process */

  .underline-process{
    position: relative;
    left: 42%;
    width: 130px;
    background-color: #07294D;
    height: 4px;
  }

/* contact  */

.right_conatct_social_icon{
  background: #07294D;
  border-radius: 10px;
  /* background: linear-gradient(to right, #6641AB, #1EB9DD); */
/*background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);*/
}
.contact_us{
background-color: #f1f1f1;
padding: 120px 0px;
background-image: url('assets/img/Background/background-1.png')

}

.contact_inner{
background-color: #fff;
position: relative;
box-shadow: 20px 22px 44px #cccc;
border-radius: 25px;
}
.contact_field{
padding: 60px 340px 90px 100px;
}
.right_conatct_social_icon{
height: 100%;
}

.contact_field h3{
color: #000;
font-size: 40px;
letter-spacing: 1px;
font-weight: 600;
margin-bottom: 10px
}
.contact_field p{
color: #000;
font-size: 13px;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 35px;
}
.contact_field .form-control{
border-radius: 0px;
border: none;
border-bottom: 1px solid #ccc;
}
.contact_field .form-control:focus{
box-shadow: none;
outline: none;
border-bottom: 2px solid #1325e8;
}
.contact_field .form-control::placeholder{
font-size: 13px;
letter-spacing: 1px;
}

.contact_info_sec {
position: absolute;
background-color: #2d2d2d;
right: 1px;
top: 18%;
height: 340px;
width: 340px;
padding: 40px;
border-radius: 25px 0 0 25px;
}
.contact_info_sec h4{
letter-spacing: 1px;
padding-bottom: 15px;
}

.info_single{
margin: 30px 0px;
}
.info_single i{
margin-right: 15px;
}
.info_single span{
font-size: 14px;
letter-spacing: 1px;
}

button.contact_form_submit {
  background-color: #07294D;
/* background: linear-gradient(to right, #6641AB, #1EB9DD); */
/*   background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);*/
border: none;
color: #fff;
padding: 10px 15px;
width: 100%;
margin-top: 25px;
border-radius: 35px;
cursor: pointer;
font-size: 14px;
letter-spacing: 2px;
}
.socil_item_inner li{
list-style: none;
}
.socil_item_inner li a{
color: #fff;
margin: 0px 15px;
font-size: 14px;
}
.socil_item_inner{
padding-bottom: 10px;
}

.map_sec{
padding: 50px 0px;
}
.map_inner h4, .map_inner p{
color: #000;
text-align: center
}
.map_inner p{
font-size: 13px;
}
.map_bind{
margin-top: 50px;
border-radius: 30px;
overflow: hidden;
}

.gap-contact{
  height: 60px;
}


/* Copyright */

  #copyright .copyright-container{
display: flex;
align-items: center;
justify-content: center;
gap:280px;
height: 84px;
background-color: #021D3A;
  }

  #copyright .copyright-container .policies{
    display: flex;
  }

  #copyright .copyright-container .copyright-reserved h4{
    font-size: 12px;
    color: white;
  }
  #copyright .copyright-container .policies h3 a{
    color: white;
    font-size: 12px;
  }
  .gap-copyright{
   visibility: hidden;
  }

  .gap-copyright-1{
    visibility: hidden;
   }
   
   
  /*hero section*/
  
  .unique-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top:68px;
  }

  .unique-text-content {
    max-width: 560px;
    margin: 10px;
  }

  .unique-text-content h1 {
    font-size: 2.7rem;
    color: black;
    font-family: Roboto, serif;
    margin: 0 0 15px;
    line-height: 1.4;
  }

  .unique-text-content h1 .unique-highlight {
    color: #ff4a57;
    background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .unique-features {
    list-style: none;
    padding: 0;
    margin: 20px 0;
  }

  .unique-features li {
    font-size: 1.0rem;
    margin: 10px 0;
    display: flex;
    align-items: center;
    color: black;
     font-family: Roboto, serif;
  }

  .unique-features li::before {
    content: "•";
    margin-right: 10px;
       background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .unique-buttons {
    display: flex;
    gap: 15px;
    margin-top: 20px;
  }

  .unique-buttons a {
    padding: 10px 20px;
     font-family: Roboto, serif;
    border: none;
    font-size: 19px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
  }

  .unique-buttons .unique-btn-primary {
     background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    color: white;
    width: 226px;
    height: 58px;
    padding: 20px;
    font-size: 16px;
     font-family: Roboto, serif;
  }

  .unique-buttons .unique-btn-primary:hover {
    background-color: #d93c4b;
  }

  .unique-buttons .unique-btn-secondary {
    background-color: #333;
    color: white;
    padding: 20px;
     font-size: 16px;
      font-family: Roboto, serif;
  }

  .unique-buttons .unique-btn-secondary:hover {
    background-color: #333;
  }

  .unique-image-content {
    position: relative;
    max-width: 100%;
    margin: 10px;
  }

  .unique-main-image {
    width: 100%;
    border-radius: 10px;
  }

  .unique-avatars {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top: -50px;
  }

  .unique-image-content img{
    /*    width: 460px;*/
    /*height: 372px;*/
    width: 676px;
    height: 546px;
  }

  .unique-avatars img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid white;
  }

  .unique-reviews {
    margin-top: 20px;
    font-size: 1.4rem;
    color: black;
    font-weight: 450;
  }

  .unique-reviews span {
    font-weight: 650;
    color: black;
  }
  
  .unique-reviews p{
      color: black;
      font-weight: 400;
  }

  @media (max-width: 768px) {
    .unique-section {
      flex-direction: column;
      text-align: center;
    }
.unique-text-content{
    max-width: 100%;
    padding: 0px;
    margin:0px;
}
 .unique-text-content h1{
    margin: 0px;
    font-size: 24px;
}

.unique-buttons .unique-btn-primary{
    width: 100%;
    height: 100%;;
}

.unique-buttons .unique-btn-secondary {
    width: 100%;
    height: 100%;
}

.unique-text-content h1{
    margin: 0px;
    font-size: 24px;
}

.unique-features li{
font-size: 16px;    
}
    
    .unique-image-content img{
        display: none;
    } 

.unique-image-content {
      margin-top: 20px;
    }
    .unique-avatars {
      justify-content: center;
      gap: 20px;
      top: -40px;
    }
  }
  
  /*Client Logo*/
  
     .brand-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 20px;
  }
  
  .text-content {
    margin-bottom: 20px;
    position: relative;
    left: 8%;
  }
  
  .text-content > h2 {
    font-size: 1.5rem;
    line-height: 1.4;
    color: #000;
    font-family: Roboto, serif;
  }
  
  .text-content .highlight {
    background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
    font-weight: 650;
  }
  
  .brand-logos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 20px;
    max-width: 800px;
    width: 100%;
position: relative;
right: 2%;
  }
  
  .brand-logos img {
    max-width: 100%;
    height: auto;
    display: block;
    /* filter: grayscale(100%); */
    transition: filter 0.3s ease;
  }
  
  .brand-logos img:hover {
    filter: grayscale(0%);
  }
  
  /* Responsive Design */
  @media (min-width: 768px) {
    .brand-section {
      flex-direction: row;
      justify-content: space-between;
      text-align: left;
    }
  
    .text-content {
      flex: 1;
      max-width: 400px;
    }
  
    .brand-logos {
      flex: 2;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
  
    .text-content h2 {
      font-size: 2rem;
    }
  }
  @media(min-width:770px) and (max-width:900px){
    .brand-logos{
        max-width: 400px;
     margin: 40px;
    }
    .text-content h2 {
        font-size: 1.3rem;
    }
    .text-content{
        position: relative;
        left: 0%;
    }
  }
  .CalendarBtn{
      justify-content: center;
      display: flex;
  }
  .Workshop_button{
      display: flex;
            justify-content: center;
  }
  /* Service section*/
  
  #service__home .service__home_container{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
    margin-top: 45px;
}

.service__home_heading{
     text-align: center;
    font-size: 38px;
    color: #000;
    font-family: Roboto, serif;
    margin-top:50px;
    font-weight:650 ;
}

.service__home_heading span{
    text-align: center;
     background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.service__image img{
    width: 340px;
    height: 471px;
    border-radius: 7px;
}

.service__image{
    border: 2px solid #333;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 1px 1px 2px 1px #333;
}

@media(max-width:768px){
    #service__home .service__home_container{
        display: block;
        gap:0px;
    }
    
    .service__home_heading{
        font-size: 28px;
        text-align: center;
        padding-inline: 7px;
    }
    
    #service__home h1{
        font-size: 30px;
    }
    .service__image{
        align-items: center;
        justify-content: center;
    }

    .service__image img{
        width: 100%;
    height: 100%;
     padding: 18px;
}
}

.service__home-button{
    margin-top: 34px;
    width: 150px;
    height: 40px;
    background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    color: white;
    font-size: 17px;
    font-family: Roboto, serif;
    border-radius: 7px;
    font-weight: 650;
}

.service__home-button-1{
    margin-top: 34px;
    width: 180px;
    height: 40px;
    background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    color: white;
    font-size: 17px;
    font-family: Roboto, serif;
    border-radius: 7px;
    font-weight: 650;
}

.service__home-button-2{
    margin-top: 34px;
    width: 210px;
    height: 40px;
    background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    color: white;
    font-size: 17px;
    font-family: Roboto, serif;
    border-radius: 7px;
    font-weight: 650;
}

/* Contact Css */

  #paragraph-home{
      font-size: 18px;
      color: black;
       font-family: Roboto, serif;
     font-weight: 650;
      
  }
  
   @media (max-width: 768px) {
    .contact-info,
    .form-section {
      width: 100%;
      float: none;
      padding: 10px;
    }
.mobile{
    display:none;
}
    .form-group {
      display: block;
    }

    .form-group input,
    .form-group select {
      width: 100%;
      margin-bottom: 10px;
    }

    button {
      width: 100%;
      padding: 12px;
      font-size: 16px;
    }
  }
      .container-4 {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 20px auto;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.contact-info {
  flex: 1 1 40%;
  padding: 20px;
}

.contact-info p {
  font-size: 22px;
  line-height: 1.6;
  margin: 30px 0;
  font-family:Inter, sans-serif;
  color:black;
}

.contact-info i {
      background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  margin-right: 10px;
}

.contact-info button {
  margin-top: 20px;
  padding: 10px 20px;
   background: linear-gradient(90deg, #006A4E, #018749,#17B169);
  color: white;
  border: none;
  cursor: pointer;
  font-size: 16px;
  border-radius:7px;
  font-weight:650;
}

.contact-info button:hover {
  
}

.form-section {
  flex: 1 1 60%;
  padding: 20px;

  /*background-color:#FFDE94;*/
  background-color:#E8F0F2;
  box-shadow:1px 1px 2px 1px #333;
  border-radius:6px;
}

form {
  display: flex;
  flex-direction: column;
}

.form-group {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.form-group input, select {
  flex: 1;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

textarea {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 15px;
}

.captcha {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

button[type="submit"] {
  padding: 10px 20px;
 background: linear-gradient(90deg, #006A4E, #018749,#17B169);
  color: white;
  border: none;
  cursor: pointer;
  font-size: 16px;
  border-radius:7px;
  font-weight:650;
}


/* Responsive Design */
@media (max-width: 768px) {
  .container-4 {
    flex-direction: column;
  }

  .contact-info, .form-section {
    flex: 1 1 100%;
  }

  .form-group {
    flex-direction: column;
  }
}

/* Gallery CSS */

@media(max-width:660px){
    #gallery_home h4{
        font-size: 27px;
        text-align: center;
        padding-inline: 8px;
    }
}

     #gallery_home .gallery-container{
    display: flex;
align-items: center;
    justify-content: center;
    gap: 40px;
max-width: 1500px;
flex-wrap: wrap;
margin-top: 40px;
}

#gallery_heading{
    text-align: center;
    font-size: 38px;
    font-family: Roboto, serif;
    color: #000;
    font-weight:650;
    margin-top:60px;
}

.gallery_heading{
    text-align: center;
    font-size: 38px;
    font-family: Roboto, serif;
    color: #000;
    font-weight:650;
    margin-top:60px;
}

.gallery_heading span{
    background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.image-gallery img{
    width: 299px;
    height: 211px;
    border-radius: 8px;
}

   .floating-buttons {
      position: fixed;
      bottom: 20px;
      right: 20px;
      display: flex;
      flex-direction: column;
      gap: 10px; /* Space between buttons */
      z-index: 1000;
    }

    /* Common Styles for Buttons */
    .floating-button {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transition: transform 0.2s ease-in-out;
    }

    .floating-button:hover {
      transform: scale(1.1);
      color: white;
    }

    .floating-button img {
      width: 30px;
      height: 30px;
    }

    /* Call Button Styles */
    .call-button {
      background-color: #1F5B99; /* Blue color for Call */
      color:white;
    }

    /* WhatsApp Button Styles */
    .whatsapp-button {
      background-color: #25D366; /* Green color for WhatsApp */
    }
    
    /* icons CSS */
    
       .floating-buttons {
      position: fixed;
      bottom: 20px;
      right: 20px;
      display: flex;
      flex-direction: column;
      gap: 10px; /* Space between buttons */
      z-index: 1000;
    }

    /* Common Styles for Buttons */
    .floating-button {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transition: transform 0.2s ease-in-out;
    }

    .floating-button:hover {
      transform: scale(1.1);
      color: white;
    }

    .floating-button img {
      width: 30px;
      height: 30px;
    }

    /* Call Button Styles */
    .call-button {
      background-color: #1F5B99; /* Blue color for Call */
      color:white;
    }

    /* WhatsApp Button Styles */
    .whatsapp-button {
      background-color: #25D366; /* Green color for WhatsApp */
    }
    




   #service-skills .service_container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 55px;
    margin-top: 40px;
}

.service_heading{
    text-align: center;
    font-size: 40px;
    color: #333;
    margin-top:50px;
    font-weight:680;
    text-transform: upperc;
}

.box-image {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.service_heading>span{
     background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box-image img{
    width: 280px;
    height: 354px;
    border-radius: 14px;
}

.box-image img:hover{
    border: 10px solid;
    opacity: 0.5;
     border-image: linear-gradient(90deg, #006A4E, #018749,#17B169) 1;
    transition: all 0.4s ease-in-out;
}

.box-image{
    border-radius: 14px;
}
@media(max-width:720px){
    #service-skills .service_container{
        display: block;
    }

    .box-image img{
        width: 100%;
        height: 100%;
        padding: 10px;
    }
}

@media(min-width:722px) and (max-width:880px){
    #service-skills .service_container{
        max-width: 650px;
    }
}

.service-name {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 0;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    text-shadow: 3px 3px 6px rgba(0, 0, 0.6, 1.0);
}


/* Contact Css */

#contact_heading{
    text-align: center;
    font-size: 38px;
    font-family: Roboto, serif;
    color: #000;
    font-weight:650;
    margin-top:60px;
}

  .container-contact {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_section {
    border: 1px solid #DEDEDE;
    border-radius: 7px;
    display: flex;
    justify-content: space-around;
    align-items: center; /* Keeps boxes centered; vertical lines will override this */
    width: 90%;
    max-width: 1350px;
    padding: 20px;
    background: #fff;
}

.contact_box {
    text-align: center;
    padding: 20px;
    flex: 1;
    min-width: 250px;
}

.contact_box i {
    font-size: 40px;
  background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
}

.contact_box h2 {
    font-size: 16px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
}

.contact_box h3 {
    font-size: 16px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
}

.contact_box h4 {
    font-size: 16px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
}

.contact_box h5 {
    font-size: 16px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
}


.contact_box p {
     font-size:16px;
            color:black;
            font-family: Arial, Helvetica, sans-serif;
}

.contact_box a {
   background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    font-weight: bold;
}

.contact-btn {
    background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 5px;
}

.contact-btn:hover {
    background: #333;
    transition: all 0.4s ease-in-out;
}

/* Vertical Line Between Boxes */
.vertical-line {
    width: 2px;
    background-color: #DEDEDE;
    /* Let the vertical line stretch to the height of the container */
    align-self: stretch;
    margin: 0 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .contact_section {
        flex-direction: column;
        text-align: center;
    }
    .vertical-line {
        display: none; /* Hide dividers on mobile */
    }
    .contact_box {
        margin-bottom: 20px;
    }
    #contact_heading{
        font-size: 28px;
        text-align: center;
        padding-inline: 8px;
    }
}

 .contact-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 20px;
            max-width: 1350px;
            margin: auto;
            margin-top:160px;
            
        }
        
        .contact-form {
            flex: 1;
            min-width: 300px;
            padding: 20px;
        }
        
        .contact-form h1 {
            font-size:42px;
            color:black;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .contact-form h1 span {
            background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
        }
        
        .contact-form p {
            font-size:16px;
            color:black;
            font-family: Arial, Helvetica, sans-serif;
            margin-bottom: 20px;
        }
        
        .contact-form input, .contact-form textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        
        .contact-form button {
            width: 100%;
            padding: 10px;
            background: linear-gradient(90deg, #006A4E, #018749,#17B169);
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
        }
        
        .contact-info {
            flex: 1;
            min-width: 300px;
            padding: 15px;
            text-align: center;
        }
        
        .contact-info iframe {
            width: 100%;
            height: 280px;
            border-radius: 10px;
        }
        
        .contact-details {
            background: linear-gradient(90deg, #006A4E, #018749,#17B169);
            color: white;
            padding: 15px;
            margin-top: 6px;
            border-radius: 10px;
        }
        
        .contact-details p{
            font-size:16px;
            color:white;
            text-align: justify;
            font-family: Arial, Helvetica, sans-serif;
            margin-top:-7px;
        }
        
        .contact-icons {
            display: flex;
            justify-content: space-around;
            margin-top: 15px;
        }
        
        .contact-icons a {
            text-decoration: none;
            color: white;
            font-size: 16px;
        }
        
        #texts{
            height: 100px;
        }
        
        @media (max-width: 768px) {
            .contact-container {
                flex-direction: column;
                align-items: center;
            }
        } 


/* Program CSS */

/* Section Styling */
#program-section {
    display: flex;
    justify-content: center;
    padding: 20px;
}


/* Container Layout */
.container_1 {
    display: flex;
    gap: 60px; /* Space between columns */
    justify-content: center;
    max-width: 100%;
    flex-wrap: wrap;
}

/* Column Layout */
.column {
    width: 100%;
    max-width: 550px; /* Adjust as needed */
    text-align: center;
}

/* Program Box (Text + Image) */
.program-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 8px;
    background: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top:20px;
    border : 1px solid #333;
}

/* Description */
.description {
    flex: 1;
    text-align: left;
    font-size: 18px;
    font-family: Roboto, serif;
}

.description h6{
    font-size: 26px;
    color: black;
    font-weight: 650;
     font-family: Roboto, serif;
}

/* Image Styling */
.image-box img {
    width: 200px;
    height: 150px;
    border-radius: 7px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .containers {
        flex-direction: column;
        align-items: center;
    }

    .program-box {
        flex-direction: column;
        text-align: center;
    }

    .image-box img {
        width: 100%;
        height: auto;
    }
}

/* Calendly CSS */

 #heading-calendly{
        text-align: center;
        font-size: 38px;
        color: black;
        font-family: Roboto, serif;
        font-weight: 650;
        margin-top: 30px;
    }
    
    .span-gradient-calendly{
          background: linear-gradient(90deg, #006A4E, #018749, #17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    
    
        .image-section {
            display: flex;
            justify-content: center;
            gap: 44px;
            flex-wrap: wrap;
            padding: 20px;
        }
        .image-section img {
            width: 550px;
            height: 300px;
            object-fit: cover;
            border: 3px solid #000;
            border-radius: 7px;
        }
        
         .calendar-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 55px; /* Space between images */
    max-width: 1200px; /* Centered container */
    margin: 0 auto;
    margin-top:50px;
}

.calendar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 550px; /* Fixed width */
}

.calendar-item img {
    border:2px solid #000;
    width: 550px;
    height: 300px;
    object-fit: cover; /* Keeps image aspect ratio */
    border-radius: 10px;
}


.calendar-btn:hover {
    background-color: #0056b3;
}

/* Experiences CSS */

.point-box{
    background-color: white;
    border-radius: 8px;
    width: 160px;
    height: 30px;
    text-align: center;
    padding: 5px 12px;
      font-size:14px;
    color:black;
}

.breadcrumb-points {
    display: flex;
    gap: 20px;
    font-size: 16px;
    font-weight: bold;
    align-items: center;
}

.breadcrumb-points span {
    display: flex;
    align-items: center;
    margin-top:14px;
  
}

/* Circle Styling */
.circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
     background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    color: white;
    font-weight: bold;
    font-size: 16px;
}
    
    
    .breadcrumb-section {
    max-width: 100%;
    height: 310px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8f8f8; /* Light background */
}

.breadcrumb-container {
    width: 1080px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 100px; /* Space between text and image */
}

.breadcrumb-text {
    flex: 1;
    text-align: left;
}

.breadcrumb-text h1 {
    font-size: 42px;
    margin-bottom: 10px;
     background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.breadcrumb-text h2 {
    margin-top:16px;
    font-size: 16px;
    margin-bottom: 15px;
    color: #000;
}

.breadcrumb-points {
    display: flex;
    gap: 20px; /* Space between points */
    font-size: 14px;
    font-weight: bold;
}

.breadcrumb-image img {
    max-width: 100%;
    height: auto;
    max-height: 310px; /* Ensuring it fits in section */
}


@media(max-width:768px){
    .breadcrumb-image img {
      display: none;
    }
    
    .breadcrumb-section{
        display: block;
        height:auto;
    }
    
    .breadcrumb-container{
        display: block;
        width:100%;
        gap:0px;
    }
    .breadcrumb-text h1{
        text-align: center;
        font-size: 27px;
    }
    
    .breadcrumb-text h2{
        text-align: center;
        font-size: 20px;
        color: black;
        font-weight:600;
    }
    .breadcrumb-points {
      margin:0px auto;
       display: block;
    }
    .breadcrumb-points span {
      margin:0px auto;
       display: block;
       text-align: center;
    }
}

select > option:first-child {
    font-size: 16px; /* Increase text size */
    font-family: 'Poppins', sans-serif; /* Change font family */
     background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold; /* Make it bold */
    text-transform: uppercase;
}
/* Style the select dropdowns */
.filter-box select {
   font-family: Roboto, serif;
    font-size: 16px; /* Change text size */
    color: #333; /* Text color */
    padding: 5px; 
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
}

#budget_filter{
     font-size: 17px;
    color: black;
    font-weight: 650;
}

/* Centered Filter Box */
.filter-box {
    width: 520px;
    height: 120px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 20px auto;
    padding: 10px;
}

.filter-box select {
    width: 120px;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* Existing CSS */
.service_container {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.box-image {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.box-image img {
    width: 280px;
    height: 354px;
    border-radius: 14px;
}
@media(max-width:768px){
    .filter-box {
        max-width: 100%;
    }
}

   #service-skills .service_container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 55px;
    margin-top: 40px;
}

#service_heading_main{
     text-align: center;
    font-size: 40px;
    color: #000;
    margin-top:50px;
    font-weight:680;
    text-transform: upperc;
}


.box-image {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.service_heading>span{
     background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box-image img{
    width: 280px;
    height: 354px;
    border-radius: 14px;
}

.box-image img:hover{
    border: 10px solid;
    opacity: 0.5;
     border-image: linear-gradient(90deg, #006A4E, #018749,#17B169) 1;
    transition: all 0.4s ease-in-out;
}

.box-image{
    border-radius: 14px;
}
@media(max-width:720px){
    #service-skills .service_container{
        display: block;
    }

    .box-image img{
        width: 100%;
        height: 100%;
        padding: 10px;
    }
}

@media(min-width:722px) and (max-width:880px){
    #service-skills .service_container{
        max-width: 650px;
    }
}

.service-name {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 0;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    text-shadow: 3px 3px 6px rgba(0, 0, 0.6, 1.0);
}
    #service-students {
    padding: 50px 5%;
    /* background-color: #f4f4f4; Light grey background */
}

#heading-student-soft-skill{
 font-family: Roboto, serif;
            font-size: 38px;
            color:black;
            font-weight: 650;
            text-align: center;
            margin-top:40px;
}

#heading-student-gradient{
    background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
     font-weight: 650;
     font-family: Roboto, serif;
     font-size: 38px;
}

.student-container {
    display: flex;
    flex-wrap: wrap;
   
    gap: 20px; /* Space between boxes */
}

.student-div {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px #006A4E;
    text-align: center;
    width: calc(25% - 15px);
    box-sizing: border-box;
    border: 1px solid #F9FBFD;
  
}

.image-student img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.workshop-heading h5 {
    margin: 12px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    font-family: Roboto, serif;
}

.workshop-description p {
    font-size: 15px;
    color: #333;
    text-align: center;
    font-family: Roboto, serif;
}


#workshopFilt{
    margin-left: 20px;
    color: #4A4C4E;
    font-size: 16px;
}

#programLevel{
    color: #4A4C4E;
    font-size: 16px;
}

/* Responsive Design */
@media (max-width: 992px) {
    .student-div {
        width: calc(50% - 15px); /* Tablet - 2 items in one row */
    }
}

@media (max-width: 576px) {
    .student-div {
        width: 100%; /* Mobile - 1 item per row */
    }
}
.text-container {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically if needed */
    margin-top: 50px; /* Adjust spacing from top */
}

.text-box {
    width: 207px;
    height: 55px;
    background-color: #f0f0f0; /* Light grey */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #333; /* Border color */
     font-family: Roboto, serif;
            color:black;
            font-weight: 650;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.text-box.active {
     background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    color: white;
}

.hidden {
    display: none;
}
#text-box-4{
    width: 237px;
    height: 55px;
   
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #333; /* Border color */
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 8px;
}

@media screen and (max-width: 600px) {
    .text-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* First row: 3 items */
        gap: 8px;
    }

    .text-box  {
        width: 100%; /* Responsive width */
        font-size: 12px;
        height: 45px;
    }
    
    #text-box-4{
       
        width: 200px; /* Responsive width */
        font-size: 12px;
        height: 45px;
    }

    /* 2nd row with 2 items */
    .text-box:nth-child(4),
    .text-box:nth-child(5) {
        grid-column: span 1; /* Each takes 1 column */
    }
}
    



/* Media Query CSS; */
        
        @media (max-width: 1200px) {
            .image-section {
                flex-direction: column;
                align-items: center;
            }
        }
        
        @media(max-width:768px){
            .image-section {
                flex-direction: column;
                align-items: center;
            }
            .image-section img{
                width: 100%;
                height: 100%;
            }
            #heading-calendly{
                font-size: 24px;
                text-align: center;
               padding-inline:10px;
            }
            #heading-corporate,#heading-school{
                font-size: 22px;
                text-align: center;
                padding-inline: 7px;
                text-decoration: underline;
            }
            #text-bold{
                text-align: center;
                font-size: 27px;
                padding-inline: 7px;
        }
        #heading-about-text{
            text-align: center;
                font-size: 27px;
                padding-inline: 7px;
        }
        #heading-box-section{
            font-size: 27px;
            padding-inline: 7px;
            text-align: center;
        }
        .service__home-button-1{
            height: auto;
        }
        .service__home-button-2{
            height: auto;
        }
        }
        
        /*Team Section CSS*/
        .team_section_ {
  padding: 40px 20px;
  text-align: center;
}

.team_container_ {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

.team_member_ {
  width: 200px;
  max-width: 100%;
}

.team_image_ {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  object-fit: cover;
  background: linear-gradient(90deg, #006A4E, #018749, #17B169);
  padding: 5px;
}

.team_name_ {
  font-size: 18px;
  margin: 10px 0 5px;
  color: black;
  font-weight: 660;
  font-family: "Inter", sans-serif;
}

.team_title_ {
  font-size: 14px;
  color: black;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

@media (max-width: 600px) {
  .team_container_ {
    flex-direction: column;
    align-items: center;
  }
}
/*Contact Section CSS*/
#contact_skills4u .contact__container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    background-color: #133535;
    padding: 25px 10px;
  }
  .information___Div{
    width: 586px;
  }
  .heading_skills4u h4{
    font-size: 30px;
    font-family: 'Inter', sans-serif;
    color: white;
    font-weight: 600;
    margin: 10px 0px;
  }
  .subtext__skills4u p{
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    margin: 10px 0px;
    color: white;
  }
  .featured__points{
    display: flex;
    gap: 12px;
  }
  .featured__points h5{
    font-size: 14px;
    color: white;
    font-family: 'Inter', sans-serif;
    font-weight: 370;
    margin: 8px 0px;
  }
  .form__skills4u{
    padding: 17px 12px;
    border: 1px solid white;
    width: 277px;
    height: 251px;
    border-radius: 13px;
    background-color: white;
  }
  .form__heading h3{
    font-size: 18px;
    text-align: center;
    font-family: 'Inter', sans-serif;
    color: black;
  }
  .fullname , .Phone-Number,.Business-email{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0px;
  }
  .fullname input{
    margin-top: 10px;
    border-radius: 8px;
    border: 1px solid #333;
    font-weight: 400;
    opacity: 0.5;
    width: 200px;
    padding: 5px;
  }
  .Phone-Number input{
    border-radius: 8px;
    border: 1px solid #333;
    font-weight: 400;
    opacity: 0.5;
    padding: 5px;
    width: 200px;
  }
  .Business-email input{
    border-radius: 8px;
    border: 1px solid #333;
    font-weight: 400;
    opacity: 0.5;
    padding: 5px;
    width: 200px;
  }
  .button___form{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0px;
  }
  .get_started{
   width: 200px;
   height: 34px;
   background-color: #133535;
   color: white;
   font-family: 'Inter', sans-serif;
   font-weight: 600;
   cursor: pointer;
   border: none;
   border-radius: 10px;
  }
  .form__skills4u:hover{
    transform: scale(1.1);
    transition: 0.5s all ease-in-out;
  }
  .fullname input:hover{
    box-shadow: 3px 2px 10px 0px;
    transition: 0.5s ease-in-out all;
  }
  .Phone-Number input:hover{
    box-shadow: 3px 2px 10px 0px;
    transition: 0.5s ease-in-out all;
  }
  .Business-email input:hover{
    box-shadow: 3px 2px 10px 0px;
    transition: 0.5s ease-in-out all;
  }
  @media(max-width:768px){
    #contact_skills4u .contact__container{
        display: block;
        padding: 8px;
    }
    #about_video{
        display: none;
    }
    .information___Div{
        width: 100%;
        height: auto;
    }
    .form__skills4u{
        margin-top: 40px;
        width: 100%;
    height: auto;
    }
  }
  
  
  /*Blog CSS*/
  #blog .blog-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-top:80px;
   
}

.blog-div {
    width: 307px;
    height: 380px;
    border-radius: 13px;
    border: 1px solid #ccc;
}

.blog-image img {
    width: 278px;
    height: 170px;
    border-radius:13px;
}

.blog-image {
    justify-content: center;
    display: flex;
    align-items: center;
    margin:10px 0px;
    border-radius:13px;
}

.blog-heading h3 {
    margin: 15px 15px;
    text-align: left;
    font-family: 'Inter', sans-serif;
    font-size:18px;
}

.blog-subtitle p {
    margin: 15px 15px;
    text-align: left;
    opacity: 0.5;
    font-size:15px;
    font-family: 'Inter', sans-serif;
}

.read-more a {
    font-size: 14px;
    text-decoration: none;
    margin: 0px 15px;
    text-align: left;
    display: inline-flex;
    font-weight: 600;
    align-items: center;
    font-family: 'Inter', sans-serif;
}

.read-more-image {
    margin-left: 5px;
}

.blog-div:hover {
    background-color: #FFFFC5;
    transition: 1s all ease-in;
}

@media(max-width:768px) {
    #blog .blog-container {
        display: block;
    }

    .blog-div {

        margin: 15px 15px;
    }
}
     
        /*Blog Detail CSS*/
           .blog_container {
            display: flex;
            flex-direction: column;
            max-width: 1200px;
            margin: auto;
            padding: 20px;
        }
        .blog_main {
            flex: 2;
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .blog_header {
            margin-bottom: 20px;
        }
        .blog_author {
            color: #888;
            font-family: 'Inter', sans-serif;
        }
        .blog_title {
            font-size: 24px;
            margin-top: 5px;
            font-family: 'Inter', sans-serif;
            color: black;
            line-height: 1.5;
            font-weight:650;
        }
        .blog_image img {
            width: 100%;
            border-radius: 10px;
            margin: 20px 0;
        }
        .blog_content_details{
            font-family: 'Inter', sans-serif;
            color: black;
            font-size:15px;
            text-align: justify;
        }
        .blog_content {
            font-family: 'Inter', sans-serif;
            color: black;
            font-size:14px;
            text-align: justify;
        }
        .blog_sidebar {
            background: #ffffff;
            padding: 20px;
            margin-top: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            height: 480px;
        }
        .sidebar_title {
            font-size: 20px;
            margin-bottom: 15px;
            color: black;
            font-family: 'Inter', sans-serif;
            font-weight: 660;
        }
        .sidebar_list {
            list-style: none;
            font-family: 'Inter', sans-serif;
        }
        .sidebar_item {
            margin-bottom: 15px;
        }
        .sidebar_date {
            font-size: 14px;
            color: #888;
            opacity: 0.7;
            font-family: 'Inter', sans-serif;
        }
        .sidebar_blog_title {
            font-size: 16px;
            font-weight: 400;
           font-family: 'Inter', sans-serif;
           color: black;
        }
        .sidebar_blog_author {
            font-size: 16px;
            font-weight: 400;
           font-family: 'Inter', sans-serif;
           color: black;
        }
         .view_all_btn {
            display: block;
            width: 100%;
            padding: 10px;
            background: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            text-align: center;
            font-size: 16px;
        }
        .view_all_btn:hover {
            background: #0056b3;
        }
          .blog_extra_content {
            max-width: 1200px;
            margin: auto;
            padding: 20px;
            font-size: 16px;
            line-height: 1.6;
            color: #333;
             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .hr_sidebar{
            background-color: black;
            width: 100%;;
        }
        .heading_extra_content{
            font-family: 'Inter', sans-serif;
            font-size: 26px;
            color:black;
            font-weight: 650;
        }
        #heading_extra{
           font-family: 'Inter', sans-serif;
            font-size: 26px;
            color:black;
            font-weight: 650;
        }
        #heading_extra_inner{
            font-family: 'Inter', sans-serif;
            font-size: 20px;
            color:black;
            font-weight: 650;
        }
        #details_extra_6{
            font-family: 'Inter', sans-serif;
            color: black;
            font-size:15px;
            text-align: justify;
            line-height: 40px;
        }
        #details_space{
            line-height: 50px;
        }
        #details_extra_5{
            font-family: 'Inter', sans-serif;
            color: black;
            font-size:26px;
            text-align: justify;
        }
        #details_extra_content_1{
         font-size:20px;
         color:black;
         font-family: 'Inter', sans-serif;
        }
        .hidden{
            display: none;
        }
        .details_extra_content{
            font-family: 'Inter', sans-serif;
            color: black;
            font-size:15px;
            text-align: justify;
        }
        #anchor_external_link{
            font-weight: 700;
            color: #CA9E1B;
            text-decoration: underline;
        }
        #blog-heading-main{
            font-size:38px;
            margin:0px auto;
             font-family: 'Inter', sans-serif;
             padding: 0px 60px;
            
        }
        @media (min-width: 768px) {
            .blog_container {
                flex-direction: row;
                gap: 20px;
            }
            .blog_sidebar {
                flex: 1;
                margin-top: 0;
            }
            .heading_extra_content{
            font-family: 'Inter', sans-serif;
            font-size: 26px;
            color:black;
            font-weight: 650;
        }
        #heading_extra{
            font-family: 'Inter', sans-serif;
            font-size: 26px;
            color:black;
            font-weight: 650;
        }
        }
        
        
        /*Text Blog*/
        #online-offline-id{
            color:black;
            font-size:24px;
            font-weight:650;
        }
        
        
    /* Service-page CSS */
    #serviceDetail {
  background: linear-gradient(90deg, #006A4E, #018749, #17B169);
 margin-top: 80px;
}

#serviceDetail .service_detail_container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 175px;
}

.information_service {
  margin: 35px 0px;
}

.information_service h1 {
  font-size: 40px;
  color: white;
  font-weight: 600;
  width: 584px;
  margin: 10px 0px;
  font-family: "Roboto", sans-serif;
}

.information_service>span {
  font-size: 20px;
  margin: 12px 0px;
  color: white;
  opacity: 0.7;
}

.information_service p {
  width: 584px;
  font-size: 18px;
  color: white;
  font-weight: 400;
  margin: 12px 0px;
  font-family: "Roboto", sans-serif;
}

.statistics {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
  margin: 18px 0px;
}

.statistics_subTitle {
  font-size: 14px;
  color: white;
  font-weight: 500;
  opacity: 1;
}

.btn-Service-1 {
  width: 279px;
  height: 56px;
  background-color: black;
  color: white;
  cursor: pointer;
  border: none;
  padding: 5px;
  border-radius: 12px;
  font-family: "Roboto", sans-serif;
}
.btn-Service-1:hover {
  box-shadow: 8px 8px 12px #FDBD56;
  transition: 1s all ease-in-out;
}

.button_service-detail {
  display: flex;
  gap: 25px;
}

.statistics h2 {
  color: white;
  font-family: "Roboto", sans-serif;
}

.btn-Service-2 {
  color: black;
  width: 220px;
  height: 56px;
  background-color: white;
  border: none;
  border-radius: 14px;
  cursor: pointer;
  font-size: 17px;
  font-family: "Roboto", sans-serif;
}

.btn-Service-2:hover {
  box-shadow: 8px 8px 12px #FDBD56;
}
.image_service-detail img{
  border-radius: 14px;
}
.line_statistics {
  border-bottom: 2px solid white;
  transition: 1s all ease-in-out;
}

.logo-slider {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  background-color: transparent;
  padding: 20px 0;
}

.logo-track {
  display: inline-flex;
  animation: scrollLogos 55s linear infinite;
}

.logo-track img {
  
  margin: 0 40px;
  flex-shrink: 0;
}

@keyframes scrollLogos {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

#features {
  margin: 50px 0px;
}

#features .features_container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;
}

.features_container {
  margin: 15px 0px;
}

.features_div_detail {
  width: 314px;
  height: 337px;
  border: 1px solid #DAE1ED;
  border-radius: 12px;
  padding: 10px;
}
.image_features img{
 width: 298px;
 height: 176px;
 border-radius: 14px;
}
.features_div_detail:hover {
  box-shadow: 9px 9px 12px #ccc;
  transition: all 1s ease-in-out;
  transform: translateY(-10px);
}

.features_div_detail p {
  text-align:left;
  font-size: 16px;
  color: black;
  font-weight: 500;
  width: 282px;
  font-family: "Roboto", sans-serif;
  margin: 10px 0px;
}

.features_div_detail h5 {
  text-align: left;
  font-size: 14px;
  color: black;
  margin: 20px 0px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.features_div_detail span{
 font-size: 14px;

}
.heading_features {
   text-align: center;
    font-size: 38px;
    color: #000;  
    font-weight:650; 
  margin: 12px 0px;
  font-family: "Roboto", sans-serif;
}

.subTitle_features {
  text-align: center;
  font-size: 16px;
  color: black;
  font-weight: 400;
  margin: 12px 0px;
  font-family: "Roboto", sans-serif;
}

.btn_features {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  font-family: "Roboto", sans-serif;
}

.btn_service01 {
  width: 303px;
  height: 56px;
  background: linear-gradient(90deg, #006A4E, #018749, #17B169);
  color: white;
  padding: 7px;
  border: none;
  cursor: pointer;
  border-radius: 12px;
  font-size: 18px;
  justify-content: center;
  font-family: "Roboto", sans-serif;
}

#service_information{
    margin-top:60px;
}
#service_information .information__service_container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  margin: 15px 0px;
}

.detail_points p {
  font-size: 16px;
  color: black;
  font-weight: 400;
  width: 573px;
  font-family: "Roboto", sans-serif;
}

#service_information h3 {
    text-align: center;
    font-size: 38px;
    color: #000;  
    font-weight:650; 
  margin: 46px 0px;
  font-family: "Roboto", sans-serif;
}

#service_contact {
  background: linear-gradient(90deg, #006A4E, #018749, #17B169);
  padding: 53px;
}

#service_contact .service_contact_container {
  display: flex;
  align-items: center;
  max-width: 1200px;
  justify-content: center;
  gap: 75px;
  margin: 0px 100px;
}

.information_contact {
  width: 583px;
}

.information_contact h6 {
  color: white;
  font-weight: 600;
  font-size: 35px;
  margin: 35px 0px;
  font-family: "Roboto", sans-serif;
}

.information_contact input {
  border-radius: 12px;
  padding: 10px;
}

.information_contact p {
  color: white;
  font-weight: 400;
  font-size: 16px;
  margin: 35px 0px;
  font-family: "Roboto", sans-serif;
}

.btn_service_contact {
  width: 227px;
  height: 57px;
  background: #D59E3C;
  cursor: pointer;
  color: white;
  font-size: 16px;
  border-radius: 12px;
  border: none;
  padding: 7px;
}

.input_contact {
  display: flex;
  gap: 20px;
  margin: 15px 0px;
}

.image_contact_service img {
  border-radius: 14px;
}

.image_contact_service {
  margin-top: 40px;
}

.image_contact_service p {
  color: white;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

/* Accordion */
.accordion {
  max-width: 1250px;
  border-radius: 10px;
  margin: 0px auto;
}

.accordion-item {
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}

.accordion-header {
  cursor: pointer;
  background-color: #FFF;
  color: black;
  padding: 10px 10px;
  font-weight: 650;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#accordion-heading {
   text-align: center;
    font-size: 38px;
    color: #000;  
    font-weight:650; 
  font-family: "Roboto", sans-serif;
}

#accordion-inner-heading {
  font-size: 20px;
  color: #111827;
  font-weight: 600;
  text-align: center;
  font-family: "Roboto", sans-serif;
}

#accordion-subTitle {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-align: center;
  font-family: "Roboto", sans-serif;
}

.info_accordion {
  margin: 30px 0px;
}

.accordion-content {
  cursor: pointer;
  display: none;
  color: BLACK;
  padding: 10px;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.accordion-content p {
  color: black;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}

.accordion-item.active .accordion-content {
  display: block;

}

.arrow {
  transition: transform 0.3s ease;
}

.accordion-item.active .arrow {
  transform: rotate(90deg);
  /* Rotates ▶ to ▼ */
}

#certification {
  background: linear-gradient(90deg, #006A4E, #018749, #17B169);
  padding: 30px;
}

.certification-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
  /* Adds space between image and text */
  max-width: 1280px;
  margin: 0 auto;

}

.detail-certification {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid white;
  background-color: #004f38;
  /* optional dark background for contrast */
}

.detail_points_certification h4 {
  font-size: 18px;
  color: white;
  font-weight: 600;
  width: 232px;
  margin: 10px 0px;
  font-family: "Roboto", sans-serif;
}

.detail_points_certification p {
  font-size: 16px;
  color: white;
  font-weight: 400;
  width: 232px;
  font-family: "Roboto", sans-serif;
}

.image_certification img {
  border-radius: 12px;
  width: 392px;
  height: 495px;
}


/* Testimonial */
.testimonial-section {
  padding: 50px 20px;
  text-align: center;
}

.testimonial-section h3 {
  text-align: center;
    font-size: 38px;
    color: #000;  
    font-weight:650; 
     margin-top: 20px;
  margin-bottom: 40px;
  font-family: "Roboto", sans-serif;
}

.slider {
  overflow: hidden;
  position: relative;
}
.slider-track {
  display: flex;
  width: calc(350px*12);
  animation: scroll 45s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}
.testimonial-card {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 20px;
  flex: 0 0 350px;
  margin: 0px 10px;
}

.testimonial-card p {
  font-size: 16px;
  color: black;
  font-weight: 400;
  line-height: 24px;
  margin: 10px 0px;
  font-family: "Roboto", sans-serif;
}

.testimonial-card>strong {
  font-size: 14px;
  color: black;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}
.stars {
  margin: 10px 0px;
  color: black;
}
#gradients_service{
    background: linear-gradient(90deg, #006A4E, #018749, #17B169);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media(min-width:768px){
    #contactMobileNav{
        display: none;
    }
}
/*Learning Partner CSS*/
.hide_text{
    display: none;
}
/* Client CSS*/
 ._clients_section {
        text-align: center;
        padding: 40px 20px;
        margin-top:-80px;
    }

    ._clients_title {
        font-size: 2.7rem;
    color: black;
    font-family: Roboto, serif;
    margin: 0 0 15px;
    line-height: 1.4;
        font-weight: 650;
    }

    ._clients_grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 20px;
        justify-items: center;
        max-width: 1300px;
        margin: auto;
        margin-top:50px;
    }

    ._client_logo {
        background: white;
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        width: 150px;
        height: 100px;
    }

    ._client_logo img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    @media (max-width: 768px) {
        ._clients_grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }
    }

    @media (max-width: 480px) {
        ._clients_grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    
    #overview .overview-container{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 75px;
    margin-top:70px;
   
}
.overview-container{
    max-width: 1250px;
    margin: 0px auto;
}
.information_overview_container{
    width: 595px;
    margin-top: -71px;
}
.information_overview_container p{
     font-family: Roboto, serif;
     font-size: 16px;
     color: black;
     font-weight: 400;
     text-align: justify;
     margin: 12px 0px;
}
.information_overview_container span{
    color: black;
    font-weight: 700;
     font-family: Roboto, serif;
     font-size: 16px;
}
.image_overview img{
    width: 555px;
    height: 317px;
}
@media(max-width:768px){
    #overview .overview-container{
        flex-direction: column;
    }
    .information_overview_container{
        width: 100%;
        padding: 10px;
    }
}

/* Learning Journey */

#learning_journey .learning-journey-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
  flex-wrap: wrap;
}

.learning_div {
  width: 264px;
  height: 315px;
}

.learning-div-heading {
  background: linear-gradient(90deg, #006A4E, #018749, #17B169);
  padding: 6px;
}

.learning-div-heading h4 {
  color: white;
  font-size: 20px;
  text-align: center;
  font-family: "Roboto", serif;
}

.learning_info {
  margin: 30px 78px;
}

.learning_info h3 {
  text-align: center;
  font-size: 37px;
  font-family: "Roboto", serif;
  color: #333;

  font-family: "Roboto", serif;
}

.learning_info p {
  text-align: center;
  color: black;
  font-weight: 400;
  margin: 25px 40px;
  font-family: "Roboto", serif;
}

.learning_image {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.3));
  border-radius: 0 0 80px 80px;
}

/* Vision-Aprroach CSS */
#vision-approach {
  margin-top: 70px;

  padding: 40px;
  background: linear-gradient(90deg, #006A4E, #018749, #17B169);
}

#vision-approach .vision-approach-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

.vision-approach-container {
  margin: 0px 50px;
}

.info-vision-approach-container {
  width: 611px;
}

.image_vision-approach {
  border: 2px solid white;
}

.image_vision-approach img {
  width: 600px;
  height: 336px;
}

.info-vision-approach-container {
  margin-top: -70px;
}

.info-vision-approach-container h3 {
  margin: 60px 0px;
  color: white;
  font-size: 37px;
  font-family: "Roboto", serif;
  font-weight: 700;
}
.info-vision-approach-container p {
  color: white;
  font-family: "Roboto", serif;
  font-size: 16px;
  font-weight: 400;
}
@media(max-width:768px) {
  #vision-approach .vision-approach-container {
    flex-direction: column;
  }
  .info-vision-approach-container {
    width: 100%;
  }
  #vision-approach {
    padding: 4px;
  }
  .image_vision-approach img {
    width: 100%;
    height: auto;
  }
  .vision-approach-container {
    margin: 0px;
    padding: 10px;
  }
  .learning_info {
    margin: 0px;
  }
  .info-vision-approach-container p {
    color: white;
    font-family: "Roboto", serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
  }
  .info-vision-approach-container h3 {
    text-align: center;
    font-size: 26px;
    font-family: "Roboto", serif;
    color: #fff;
  }
  .learning_info h3 {
    font-size: 26px;
    text-align: center;
    font-family: "Roboto", serif;
    color: #333;
  }
}

/*Contact us page css*/
.contact-wrapper {
  max-width: 1270px;
  margin: 40px auto;
  padding: 20px;
  background-color: #d1ffbd;
  border-radius: 12px;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.heading_contact{
     font-size: 2.325rem;
  text-align: center;
  margin-bottom: 10px;
  font-family: "Roboto", serif;
}


.subheading_contact {
  text-align: center;
  margin-bottom: 30px;
  color: #555;
  font-size: 0.95rem;
  font-family: "Roboto", serif;
}

.contact-form-new .row_contact {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.form-group-contact {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.full-width {
  width: 100%;
}

#label_contact{
     font-weight: 600;
  margin-bottom: 6px;
  font-family: "Roboto", serif;
  font-size: 1.2rem;
  color: black;
} 

input, select, textarea {
  padding: 10px;
  border: 1px solid #ccc;
  font-family: "Roboto", serif;
  border-radius: 8px;
  font-size: 1rem;
  color: #000 !important; 
  background-color: #fff; /* Ensure background is white */
}
#phone{
    color: black;
}
textarea {
  resize: vertical;
  font-family: "Roboto", serif;
}

.phone-wrapper {
  display: flex;
  gap: 8px;
  
}

.phone-wrapper select {
  flex: 0.5;
}

.phone-wrapper input {
  flex: 1;
}

.submit-btn-contact {
  padding: 12px 20px;
   cursor: pointer;
    width: 190px;
    height: 50px;
    background: linear-gradient(90deg, #006A4E, #018749,#17B169);
    color: white;
    font-size: 17px;
    font-family: Roboto, serif;
    border-radius: 7px;
    font-weight: 650;
}

.submit-btn:hover {
  background-color: #003dd1;
}

@media screen and (max-width: 768px) {
  .row_contact {
    flex-direction: column;
  }

  .submit-btn-contact {
    width: 100%;
    text-align: center;
  }
}