/*custom css code */


:root {
  --bodyColor: #222222;
  --bodyBg: #fbfbfb;
  --bodyBg1: #F7F7F7;
  --whiteColor: #ffffff;
  --whitegrey: #6A7C92;
  --whitegrey1: #EDEDED;
  --whitegrey2: #F2F6F7;
  --whitegrey3: #E7DEFF;
  --headingColor: #222222;
  --contentColor: #5F6C76;
  --contentColor2: #5C727D;
  --primaryColor: #5F2DED;
  --secondaryColor: #F2277E;
  --secondaryColor2: #FF275A;
  --secondaryColor3: #FF2828;
  --blackColor: #000000;
  --blackColor2: #191B1E;
  --darkblack: #0C0E2B;
  --darkcolor: #263546;
  --darkgray: #9FA2CE;
  --deepgray: #202942;
  --lightGrey: #7B8696;
  --lightGrey2: #7B8697;
  --lightGrey3: #7E858B;
  --lightGrey4: #A2A9B6;
  --lightGrey5: #F0F0F5;
  --lightGrey8: #F0F1F3;
  --lightGrey6: #6D6E75;
  --lightGrey7: #F3F4FD;
  --lightGrey9: #9F98B2;
  --lightGrey10: #F5F5FE;
  --lightGrey11: #F7F8FD;
  --lightGrey12: #f0f4f7;
  --greencolor: #44CEA9;
  --greencolor2: #1EC902;
  --greencolor3: #2EC14A;
  --orange: #FE2323;
  --borderColor: #eeeeee;
  --borderColor1: #E5E5E5;
  --borderColor2: #dddddd;
  --borderColor3: #f8f8f8;
  --borderColor4: #cacaca;
  --darkdeep1: #170F2F;
  --darkdeep2: #37404E;
  --darkdeep3: #F4F4F8;
  --darkdeep4: #949392;
  --darkdeep5: #62605D;
  --darkdeep6: #7E8285;
  --darkdeep7: #C4C4C4;
  --indigo: #B13BFF;
  --deepgreen: #133344;
  --deepblue: #505975;
  --deepred: #DC164D;
  --skycolor: #03A9F4;
  --yellow: #FF912C;
  --yellow1: #F0B410;
  --blue: #2864FF;
  --naveBlue: #17093e;
  --borderRadius: 4px;
  --borderRadius2: 20px;
  --borderRadius3: 10px;
  --transition: .3s;
  --bodyFont: "Inter", sans-serif;
  --headingFont: "Hind", sans-serif;
  --contentFont: "Inter", sans-serif;
}

#apps {
background-color: #e4e1fe;
padding:30px 15px 15px 25px;
margin-bottom: 20px;
}

#apps .apps_txt .app_li{
margin-bottom: 10px;
}


/*body, html{*/
/*        overflow-x: hidden;*/
/*}*/

#apps .apps_txt .app_tic{
    width:25px;
}

.apps_txt_img{
    display:flex;
     margin:20px 8px;
}
@media only screen and (max-width: 600px) {
 .banner-about-page{
            padding-top: 30px !important;
        padding-bottom: 19px !important;
 }
 .content > .description{
font-size: 11px !important;
 }
 .counterarea .mah_heading{
font-size: 26px;
line-height: 30px;
 }
 .shape__icon__2{
     display:none;
 }
}
.apps_txt_img img{
  width:170px;
}

.btnss{
    display:flex;
} 

.aboutarea__bottom__button2{
    background-color:white !important;
}

.aboutarea__button h2{
     
    border:3px dotted rgb(235,209,151);
    width:max-content;
    padding:10px;
    color:#0f2c62;
}

.footerarea__right__list button{
    width:100%;
    text-align:left;
    border: none;
    outline: none;
    margin-bottom: 10px;
    padding: 2px 5px 3px 10px;
    border-radius: 15px;
    
} 


.counter__content__wraper{
    color:#fefefe !important;
}

.counter__content__wraper{
    padding:10px 5px;
    border-radius:15px;
    width:100%;
}


.counterarea{
    background-color:#101622 !important;
} 

#cta{
   /*background: linear-gradient(90deg, #2d46f2 0%, #5e35f0 50%, #8427f5 100%);*/
    /*background-image: url('../imgzz/join-bg.jpg'); */
    /*background-attachment:fixed;*/
    background-size:cover;
    background-position:center;
    color: white;
    padding: 50px;
    text-align: center;
    
        background-image: url(../imgzz/banner-8.jpg);
    
    background-size: cover;
}

@media screen and (max-width:768px){
    #cta{
   background: linear-gradient(90deg, #2d46f2 0%, #5e35f0 50%, #8427f5 100%);
    color: white;
    padding: 40px 20px!important;
    text-align: center;
}
}

#cta .cta_inner h2,
#cta .cta_inner p{
     color: #fefefe;
}

#cta .cta_inner .default__button {
  background-color: var(--whiteColor);
  color: var(--primaryColor);
  border-color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
  font-weight:700;
}

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

.cta_btns .aboutarea__bottom__button:first-child {
    margin-right: 15px;
}

.abt_cn{
    background-image: url('../imgzz/abt-imm.jpg');  
    background-size: cover;   
    background-position: bottom; 
    background-repeat: no-repeat;  
}

.aboutarea__2 .aboutarea__headding h2{
    color:#102D64 !important;
} 
.aboutarea__2 .aboutarea__para p{
     color:#102D64 !important;
     font-weight:500;
}


/*service css */
#serv .serv_area{
    background-image: url('../imgzz/bg-service.jpg');  
    background-size: cover;   
    background-position: center; 
    background-repeat: no-repeat;  
    background-attachment:fixed;
    padding:40px 0;
}

#serv .serv_txt_area_top{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


#serv .serv_img img{
   background-color: var(--primaryColor);
   width: 46px;
   padding: 12px;
   border-radius: 3px;
   margin-bottom:10px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


#serv .gridarea__price span{
    background-color:#fefefe;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    color:#0e0e0e;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 14px !important;
}


#serv .gridarea__price span i:first-child {
    color: rgb(235, 209, 151);
}

#serv .gridarea__price span i:last-child {
    background-color: #48c2a5;
    color: #fefefe;
    border-radius: 50%;
    padding: 6px; /* optional: to ensure circle looks good */
    display: inline-flex; /* optional: helps center icon */
    align-items: center;
    justify-content: center;
    margin-right:10px;
}



#serv .ser_btn {
  background: linear-gradient(90deg, #2d46f2, #8427f5);
  color: white;
  padding: 5px 24px;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 2px;
}


/*.aboutarea__headding_top{*/
/*    border-bottom: 4px solid #102D64;*/
/*    width: max-content;*/
/*}*/

.background-vdo {
        position: relative;
        overflow: hidden;
        height: 100%;
        width: 100%;
            padding: 60px 80px;

    }

    .background-vdo video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -1;
        transform: translate(-50%, -50%);
        object-fit: cover;
    }

    .cardbig {
        position: relative;
        z-index: 1;
        background-color: #06060682;
        padding: 30px 25px;
        border-radius: 10px;
    }
 
    .cardbig h3{
        color:#DEC65C;
        border-bottom:3px solid #DEC65C;
        font-size:25px;
        font-weight:500;
        position: relative;
    display: inline-block;
     
    padding-bottom: 2px;
    margin-bottom: 20px;
    }
    .cardbig h3::after{
         content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px; 
    height: 3px;  
    
    }
    
    .cardbig P{
      color:#A3A4A4;
      font-size:20px;
      text-align:center;
    } 
    
    .text-justify {
        text-align: justify;
    }
    
    .contentabt p {
    font-size: 18px;
    text-align: justify;
    color: #05316d;
    font-weight: 500;
    padding: 0px 20px;
}
  .true-section{
        /*padding: 60px 0 60px;*/
    }  
    
    .flip-content {
    padding: 25px;
    display: flex;
    flex-direction: column;   /* Stack h4, img, and button vertically */
    align-items: center;      /* Center items horizontally */
    justify-content: center;  /* Center items vertically */
    height: 100%;
    text-align: center;       /* Center text for headings and paragraphs */
}

.flip-content img {
    display: block;
    margin-bottom: 15px;
    max-width: 100%;
}

    
    .true-section .tagline{
    font-size: 20px;
    color: #0e0e0e;
    font-weight: 550;
    }
    
    .flip-content img{
        display: block;
        margin-bottom:15px;
    }
    
    .flip-card-back .flip-content{
        color:#fefefe;
    }
    
    .flip-content button{
       width:max-content;
       padding:8px 25px;
       background: linear-gradient(90deg,rgba(5, 49, 109, 1) 0%, rgba(48, 160, 209, 1) 100%);
       color:#fefefe;
       border:none;
    }
    
    .flip-card-back .flip-content h4{
       border-bottom:3px solid #e3a843 !important; 
    }
    .flip-content h4{
        color:#05316d;
        border-bottom:3px solid #05316d;
        font-size:25px;
        font-weight:500;
        position: relative;
    display: inline-block;
     
    padding-bottom: 2px;
    margin-bottom: 20px;
    }
    .flip-content h4::after{
         content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px; 
    height: 3px;  
    }
    
    .flip-card {
    background-color: transparent;
    width: 100%;
    height: 300px;
    perspective: 1000px;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 121%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
  }
  
  .flip-card:focus {
      outline: 0;
  }
  .flip-card-inner .flip-card-front{
    border-radius:0 80px 0 80px;
    border-style: solid;
    /*box-shadow: 0 0 50px 10px rgb(241 251 254);*/
    border-width: 0px 0px 5px 0px;
    border-color: #101622;
  }
  .flip-card-inner .flip-card-back{
    border-radius:80px 0 80px 0;
    border-style: solid;
    /*box-shadow: 0 0 10px 10px rgba(241, 251, 254, 0.4);*/
    border-width: 0px 0px 5px 0px;
    border-color: #101622;
  }
  
  
  .flip-card:hover .flip-card-inner,
  .flip-card:focus .flip-card-inner{
    transform: rotateY(180deg);
  }
  
  .flip-card-front{ 
     position: relative;
    z-index: 1;
  }
  .flip-card-front::before{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 50%;
    
}
  
  .flip-card-front::after{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 50%;
    /*background:#e4e1fe;*/
    z-index: -1;
}
  
  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .flip-card-front h4{
      color:#05316d;
  }
  .flip-card-front p{
      color:#05316d;
  }
  .flip-card-back p{
      color:#fefefe !important;
  }
  .flip-card-front {
    background:#e4e1fe;
    background-image: url(../imgzz/17.png);
    background-size: cover;
    background-position: center;
    color: black;
    z-index: 2;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    
  }
  .flip-content{
    padding: 25px;
    
  }

  .flip-card-back {
    background: #191B5B;
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
    /* display: flex; */
    justify-content: center;
    align-items: center;
  }
  .front-icon img{
    width:100px;
  }
  .back-icon img{
    width:100px;
  }
  .front-icon{ 
    margin-top: -49px;
  }
  
  .true-section .row{
    padding:40px;
  }
  .truesectionnew {
      padding:50px 25px;
      background-size:cover;
    background-image:url('../imgzz/misson_vission.png');
  }
  .truesectionnew .tagline{
        font-size: 20px;
  }
  
  
  .true-section .row .col-lg-4{
    margin-bottom:30px;
  }
  @media only screen and (max-width: 768px) {
    .true-section .row{
    padding:0;
  }
  .front-icon{
    margin-top:10px;
  }
  .flip-card-inner{
    height:110%;
  }
  .flip-card {
     margin-bottom: 45px;
    height: 317px;
}


  .imageback img{
      width:100%;
  }
  .imageback{
         padding: 20px 25px;
  }
  .form-content{
      background-color:#fefefe;
      border-radius:30px;
          padding: 20px 30px;
  }
  }
  @media only screen and (max-width: 600px) {
  .form-content{
    padding: 10px 20px;
  }
  .imageback {
        padding: 10px 4px;
        border-radius:30px;
  }
  .imageback img{
        border-radius:30px;
  }
}

.video-section {
  /*position: relative;*/
  width: 100%;
  height: auto ; /* or adjust as needed */
  overflow: hidden;
}

.video-section video {
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
 
  object-fit: cover;
  z-index: -1;
}

.video-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  z-index: 1;
}

.video-overlay h1 {
  font-size: 3rem;
  color:#fefefe;
  margin: 0;
}

.video-overlay p {
  font-size: 1.2rem;
  margin-top: 1rem;
}
.video-overlay {
  background: rgba(0, 0, 0, 0.4); /* optional for contrast */
  padding: 20px;
  border-radius: 10px;
}


.aboutarea__2 .cenerio {
     background: var(--darkdeep3);
      box-shadow: 0 0 50px 10px rgb(241 251 254);
      border-radius: 20px;
      /*margin-bottom:45px;*/
      padding:20px 10px 15px 10px;
}
.aboutarea__2 .solution {
     background: var(--darkdeep3);
      box-shadow: 0 0 50px 10px rgb(241 251 254);
      border-radius: 20px;
       padding:20px 10px 15px 10px;
}



.abt_counter{
    display:flex;
    width:100%;
}
@media screen and (max-width:500px){
    .abt_counter{
    display:flex;
    width:100%;
    flex-wrap:wrap;
}
.abt_counter .counterarea__text__wraper {
    flex-basis: 100%!important;
    margin-right: 16px;
}
}
@media screen and (max-width:991px){
    .abt_counter{
    display:flex;
    width:100%;
    flex-wrap:wrap;
}
.abt_counter .counterarea__text__wraper {
    flex-basis: 45%!important;
    margin-right: 16px;
}
}

.abt_counter .counterarea__text__wraper{
    flex-basis:25%;
    margin-right:16px;
}
 
 
#abt_cta {
    background-image:url('../imgzz/banner-8.jpg');
  /*border-radius: 16px;*/
  /*margin-top: 50px;*/
  background-size:cover;
}

#abt_cta .cta-text h2 {
  font-size: 26px;
  line-height: 1.5;
  font-weight: 600;
  color: #ffffff;
}

#abt_cta .ser_btn {
  margin-top: 20px;
  background-color: #fff;
  color: #263546;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  transition: 0.3s ease;
  margin-bottom:20px;
}

#abt_cta .ser_btn:hover {
  background-color: #dcd9fc;
  color: #000;
}

#abt_cta .cta-img {
  max-width: 100%;
  height: auto;
  margin-top: 20px;
}

.true-section{
    background-color:url("..imgzz/abt_back.webp");
}

.contentabt{
    background: var(--darkdeep3);
    /*background: linear-gradient(105deg, rgb(255 255 255) 6%, rgba(255, 230, 231, 1) 30%, rgba(234, 242, 254, 1) 51%, rgba(234, 242, 254, 1) 65%, rgba(255, 230, 231, 1) 117%);}*/
    box-shadow: 0 0 50px 10px rgb(241 251 254);
    border-radius: 20px;
    padding:20px 10px 15px 10px; 
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    border-color: #101622;
    border-radius: 15px 15px 15px 15px;
}


#main_cnt .main_cnt_inner{
    background: var(--darkdeep3);
    box-shadow: 0 0 50px 10px rgb(241 251 254);
    border-radius: 20px;
    padding:20px 10px 15px 10px; 
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    border-color: #101622;
    border-radius: 15px 15px 15px 15px;
    margin-bottom:20px;

}

#contact-form{
    background: var(--darkdeep3);
    box-shadow: 0 0 50px 10px rgb(241 251 254);
    border-radius: 20px;
    padding: 20px 20px 15px 20px;
    border-style: solid; 
    border-width: 0px 0px 5px 0px;
    border-color: #101622;
    border-radius: 15px 15px 15px 15px; 
    margin-bottom: 40px;

}

.next-heading h3{
   color:#102D64;
     font-size: 1.75rem;
  font-weight: 600;
  margin: 15px;
  align-items: center;
  gap: 10px;
  
}

.main_cnt_inner img{
    width:227px;
}

.heading-contact .cnt-head{
    color:#68bade !important;
}


.main_cnt_inner{
    
}

.gridarea__price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

.gridarea__price span {
  display: flex;
  align-items: center;
  font-size: 16px;
  white-space: nowrap;
}




@media only screen and (max-width: 768px) {
 
/* #main_cnt .main_cnt_inner{*/
/*    height:max-content;*/
/*} */

#cta .cta_inner .default__button {
    font-weight: 600;
}

.default__button {
    padding: 7px 5px;
    
}


.gridarea__price {
    display:flex;
    flex-direction:column;
  }

  .gridarea__price span {
    font-size: 14px;
    margin-bottom:10px;
}


}

 .banner-about-page {
      position: relative;
      height: auto;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 1;
       background: #022a60;
       padding-top: 60px;
       padding-bottom: 60px;
    }

   .grid-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.4);
  /*background: */
    /*linear-gradient(to right, rgba(255,255,255,0.07) 1px, transparent 1px),*/
    /*linear-gradient(to bottom, rgba(255,255,255,0.07) 1px, transparent 1px);*/
  /*background-size: 40px 40px;*/
  /*transform: perspective(800px) rotateX(60deg);*/
  /*transform-origin: top;*/
  /*z-index: 0;*/
  /*animation: moveGrid 15s linear infinite;*/
}

/*@keyframes moveGrid {*/
/*  0% {*/
/*    background-position: 0 0;*/
/*  }*/
/*  100% {*/
/*    background-position: 0 200px;*/
/*  }*/
/*}*/


    .banner-about-content {
      z-index: 2;
      position: relative;
      color:#fff;
    }

  

   .banner-about-content h1 {
      font-size: 2.8rem;
      margin-bottom: 10px;
      color:#fff;
    }

   .banner-about-content .highlight {
      color: #fcd21d;
      font-weight: bold;
      position: relative;
    }

   .banner-about-content .highlight::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -3px;
      width: 100%;
      height: 3px;
      background: #fcd21d;
    }

   .banner-about-content p {
      font-size: 1.1rem;
      margin-bottom: 30px;
      color:#fff;
    }

  .banner-about-content  .event-info {
      font-size: 1rem;
      margin-bottom: 30px;
    }

   .banner-about-content .event-info span {
      display: inline-block;
      background: #222;
      padding: 10px 15px;
      margin: 0 5px;
      border-radius: 5px;
    }
    
    .contentabt p {
    font-size: 18px;
        
    }
    
@keyframes floatTilt {
  0%   { transform: rotate(300deg) translateY(0); }
  50%  { transform: rotate(300deg) translateY(-10px); }
  100% { transform: rotate(300deg) translateY(0); }
}

.header-two-title img {
  animation: floatTilt 2s ease-in-out infinite;
  transform-origin: center; /* Ensures the rotation looks natural */
}


.breadcrumbarea::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgb(31 30 30 / 55%); /* Adjust darkness: 0.5 = 50% black overlay */
  z-index: -1; /* behind the text but above background */
}


#own_pace_parent{
    background: #101622;
    background-size: cover;
    background-blend-mode: overlay;
    padding: 40px 20px;
    margin:30px 0;
}

#own_pace_parent .right-content{
    padding-top:150px;
}

#own_pace_parent .right-content h3{
    color:#dc9004;
}
#own_pace_parent .right-content p{
    color:#fefefe;
}

#own_pace_parent .right-content ul li{
    color:#fefefe;
}
#own_pace_parent .right-content ul{
    margin-bottom:15px;
}

#own_pace_parent .right-content p b{
    color:#41a8d5;
}

#own_pace_solutions .next-to-next-next .own_pace_solutions_inner{
     max-width: 100%;
    margin: 2rem auto;
    background: linear-gradient(135deg, #e3f2fd, #ffffff);
    border-left: 6px solid #1976d2;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
#own_pace_solutions .next-to-next-next .own_pace_solutions_inner h4{
   color:#09346f;
}
#own_pace_solutions .next-to-next-next .own_pace_solutions_inner h5{
   color:#3da6d4;
}

/*kuldeep css */

.text-purpule{
    color: #5d31ed;
}
.slogans{
    color:#1d98cd;
    font-size:14px;
    line-height: 18px !important;
}
   .counter__content__wraper {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 10px;
  color: #fff;
  box-shadow:3px 5px 5px rgba(255, 255, 255, 0.5);
}

.counter__content__wraper:hover {
  
      transform: translateY(-8px);
      box-shadow: 0px 6px 6px rgba(255, 255, 255, 0.6);
    
}

/*own Pace Academy  page  css by kuldeep */

.studytainment-container {
            margin-top:40px;
            text-align: center;
              margin-bottom:40px;
        }
        
        .studytainment-tagline {
            font-size: 1.5rem;
            font-weight: 300;
            color: #4a6bff;
            margin-bottom: 20px;
            position: relative;
            display: inline-block;
        }
        
        .studytainment-tagline::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 3px;
            background: #ff7e5f;
        }
        
        .studytainment-content {
            font-size: 1.1rem;
            line-height: 1.8;
            color: #333;
            margin-top: 20px;
        }
        
        .studytainment-content p {
            margin-bottom: 10px;
        }
        
        .studytainment-highlight {
            background: rgba(255, 126, 95, 0.15);
            padding: 2px 5px;
            border-radius: 3px;
        }
        
        .opa-dark-container {
            /*background-color: #1a1d24;*/
            background:url(../imgzz/bg-own-pace.jpg);
            color: #e0e0e0;
            padding: 4rem 0;
            font-family: 'Poppins', sans-serif;
            background-size:cover;
            background-attachment:fixed;
        }
        
        .opa-content-container {
            margin: 0 auto;
        }
        
        /*.opa-text-wrapper {*/
        /*    padding: 2rem;*/
        /*}*/
        
        .opa-main-heading {
            color: #ffffff;
            font-weight: 700;
            margin-bottom: 1.5rem;
            font-size: 2rem;
            position: relative;
            padding-bottom: 0.5rem;
        }
        
        .opa-main-heading::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background: #df9c39;
        }
        
        .opa-featured-quote {
            font-size: 1.3rem;
            font-style: italic;
            color: #dd9006;
            margin: 1rem 0;
          
            line-height: 1.6;
        }
        
        .opa-body-text {
            color: #d1d1d1;
            line-height: 1.8;
            margin-bottom: 1rem;
        }
        
        .opa-issues-container {
            margin: 1rem 0;
            padding-left: 1rem;
            list-style: none;
        }
        
        .opa-issue-item {
            margin-bottom: 0.5rem;
            position: relative;
            padding-left: 1rem;
        }
        
        .opa-issue-item::before {
            content: '•';
            color: #df9c39;
            font-size: 1rem;
            position: absolute;
            left: 0;
            top: -3px;
        }
        
        .opa-callout-box {
            font-size: 1rem;
            margin-top: 1rem;
            padding: 1.2rem;
            background-color: rgb(5 56 124 / 60%);
            border-radius: 8px;
            border-left: 4px solid #4a90e2;
        }
        
        .opa-brand-name {
            color: #ffffff;
            font-weight: 600;
        }
        
        .opa-image-container {
           
            
            border-radius: 8px;
        }
        
        @media (max-width: 992px) {
            .opa-text-wrapper {
                padding: 1rem;
            }
        }
        
        @media (max-width: 768px) {
            .opa-main-heading {
                font-size: 1.6rem;
            }
            
            .opa-featured-quote {
                font-size: 1rem;
            }
        }
        
        .opa-solutions-section {
            background-color: #f8faff;
            padding: 4rem 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .opa-solutions-header {
            text-align: center;
            margin-bottom: 3rem;
        }
        
        .opa-main-headline {
            font-family: 'Playfair Display', serif;
            color: #2c3e50;
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }
        
        .opa-header-quote {
            font-size: 1.3rem;
            color: #4a90e2;
            font-style: italic;
            max-width: 800px;
            margin: 0 auto 1.5rem;
        }
        
        .opa-subheader-quote {
            font-size: 1.1rem;
            color: #7f8c8d;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .opa-program-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            margin-bottom: 2rem;
            overflow: hidden;
            border-left: 4px solid #4a90e2;
        }
        
        .opa-card-header {
            padding: 1.5rem;
            background-color: rgba(74, 144, 226, 0.05);
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }
        
        .opa-program-title {
            font-family: 'Playfair Display', serif;
            color: #2c3e50;
            font-size: 20px;
            margin-bottom: 0.5rem;
        }
        
        .opa-program-subtitle {
            font-style: italic;
            color: #4a90e2;
            font-size: 14px;
            line-height: 20px !important;
        }
        
        .opa-card-body {
            padding: 1.5rem;
        }
        
        .opa-program-desc {
            color: #333;
            line-height: 1.8;
            margin-bottom: 0rem;
        }
        
        .opa-read-more-btn {
            color: #4a90e2;
            background: none;
            border: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            padding: 0;
        }
        
        .opa-read-more-btn:hover {
            color: #e74c3c;
        }
        
        .opa-read-more-btn i {
            margin-left: 5px;
            transition: transform 0.3s;
        }
        
        .opa-read-more-btn.collapsed i {
            transform: rotate(0deg);
        }
        
        .opa-read-more-btn:not(.collapsed) i {
            transform: rotate(180deg);
        }
        
        .opa-collapse-content {
            padding-top: 1rem;
        }
        
        .opa-age-badge {
            background-color: #e74c3c;
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            display: inline-block;
            margin-bottom: 1rem;
        }
        
        @media (max-width: 768px) {
            .opa-main-headline {
                font-size: 2rem;
            }
            
            .opa-header-quote {
                font-size: 1.1rem;
            }
            
            .opa-program-title {
                font-size: 1.3rem;
            }
        }
        
        
        
        
       .how-section {
      padding: 60px 15px;
      text-align: center;
    }

    .how-section h2 {
      font-size: 2.5rem;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .how-section p {
      font-size: 1.3rem;
      color: #4a90e2;
      font-style: italic;
      margin-bottom: 40px;
    }

    .how-card {
      color: white;
      border-radius: 12px;
      padding: 30px 20px;
      font-size: 1.05rem;
      font-weight: 500;
      transition: all 0.4s ease;
      border-left: 6px solid #fff;
      box-shadow: 0 0 0 transparent;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    /* Unique background colors for each card */
    .card-one {
      background-color: #6828f8;
    }

    .card-one:hover {
      background-color: #4e18c9;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
      transform: translateY(-5px);
    }

    .card-two {
      background-color: #00acc1;
    }

    .card-two:hover {
      background-color: #008b9e;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
      transform: translateY(-5px);
    }

    .card-three {
      background-color: #ff6f00;
    }

    .card-three:hover {
      background-color: #e65c00;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
      transform: translateY(-5px);
    }

    @media (max-width: 768px) {
      .how-card {
        margin-bottom: 20px;
      }
    }
    
    .pno-faw{
        margin-top:50px;
        margin-bottom:30px;
    }
    
    .pno-faw h2 {
      font-size: 2.5rem;
      font-weight: bold;
      text-align:center;
      margin-bottom: 10px;
    }

   .pno-faw p {
      font-size: 1.3rem;
    color: #4a90e2;
    font-style: italic;
     text-align:center;
   
    }

.back-home-btn {
    display: inline-block;
    margin: 30px auto;
    padding: 10px 20px;
    background-color: #6828f8; /* same as your purple */
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  
  }

  .back-home-btn:hover {
    background-color: #4e18c9; /* darker on hover */
    color: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  }
  
  .counterarea h2{
      color:#86cdeb;
  }
  
  .serv_slides{
      border-radius:20px;
      padding:20px;
  }
  
  .counterarea .mah_heading{
          font-size: 30px;

      font-weight:600;
      margin-bottom:35px;
  }
  .accordion-item{
      margin-bottom:15px;
      border-radius: 10px;
    overflow: hidden;
  }
  
  /* Reset Bootstrap default header bg */
.accordion-button {
  background: transparent !important;
  transition: color 0.3s ease;
  box-shadow: none;
}

/* Remove background flash when collapsing */
.accordion-button.collapsed {
  background: transparent !important;
  color: #000; /* normal text */
}

/* Entire item when active */
.accordion-item:has(.accordion-collapse.show) {
  background-color: #194279;  /* your active color */
  color: #fff!important;
}

/* Text color inside active item */
.accordion-item:has(.accordion-collapse.show) .accordion-button,
.accordion-item:has(.accordion-collapse.show) .accordion-body {
  color: #fff!important;
}
.accordion-item:has(.accordion-collapse.show) .accordion-button, .accordion-item:has(.accordion-collapse.show) .accordion-body p {
    color: #fff !important;
}

/* Hover matches active */
.accordion-item:hover {
  background-color: #194279;
  color: #fff!important;
}

/* Bigger arrow container */
.accordion-button::after {
  background-color: #fdd835;   /* yellow */
  border-radius: 50%;
  padding: 10px;               /* increase padding for size */
  width: 32px;                 /* bigger circle */
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;        /* resize arrow inside circle */
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Active state */
.accordion-item:has(.accordion-collapse.show) .accordion-button::after {
  background-color: #fbc02d;   /* darker yellow */
  transform: rotate(180deg);   /* arrow rotation */
}

/* Header text color on hover */
.accordion-item:hover .accordion-button {
  color: #fff !important;   /* force white text on hover */
}

/* Active item header text */
.accordion-item:has(.accordion-collapse.show) .accordion-button {
  color: #fff !important;   /* white when open */
}
.heading-animation {
      
      font-weight: bold;
      overflow: hidden;
    }

   

    /* hidden state for every letter */
.heading-animation .word span {
  opacity: 0;
  transform: translateX(30px);
  display: inline-block;
}

/* animate letters when parent has .animate */
.heading-animation.animate .word span {
  animation: fadeInRight 0.6s forwards;
}

@keyframes fadeInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

:root {
            --study-blue: #2c6fbb;
            --study-green: #27ae60;
            --study-orange: #e67e22;
            --study-light: #f8f9fa;
            --study-dark: #2c3e50;
        }
        
       
        
       
      
       
        
        .study-values {
            padding: 2rem;
        }
        
        .study-value {
            display: flex;
            align-items: flex-start;
            margin-bottom: 1rem;
            padding: 1rem;
            border-radius: 15px;
            background: white;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .study-value:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .study-letter {
            font-size: 3.5rem;
            font-weight: 800;
            line-height: 1;
            margin-right: 2rem;
            min-width: 80px;
           
        }
        
        .study-content {
            flex: 1;
        }
        
        .study-title {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid;
            text-align:start;
        }
        
        .study-description {
            font-size: 1.1rem;
            line-height: 1.6;
            text-align:start;
        }
        
        /* Color variations for each value */
        .study-value:nth-child(3n+1) .study-letter { color: var(--study-blue); }
        .study-value:nth-child(3n+1) .study-title { color: var(--study-blue); border-bottom-color: var(--study-blue); }
        
        .study-value:nth-child(3n+2) .study-letter { color: var(--study-green); }
        .study-value:nth-child(3n+2) .study-title { color: var(--study-green); border-bottom-color: var(--study-green); }
        
        .study-value:nth-child(3n+3) .study-letter { color: var(--study-orange); }
        .study-value:nth-child(3n+3) .study-title { color: var(--study-orange); border-bottom-color: var(--study-orange); }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .study-value {
                flex-direction: column;
                text-align: center;
            }
            
            .study-letter {
                margin-right: 0;
                margin-bottom: 1rem;
            }
            
            .study-name {
                font-size: 2rem;
            }
            .study-values {
            padding: 0rem;
        }
        }

.edcore-grid {
            display: block;
            
            margin-bottom: 3rem;
        }
        
        .edcore-card {
            background: white;
            border-radius: 16px;
            padding: 1rem;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
            border-left: 5px solid #05316d;
            margin-bottom:1rem;
        }
        
        .edcore-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15);
        }
        
        .edcore-card-header {
            display: flex;
            align-items: center;
            margin-bottom: 0.5rem;
        }
        
        .edcore-letter {
            font-size: 3rem;
            font-weight: 800;
            color: #05316d;
            margin-right: 1rem;
            line-height: 1;
        }
        
        .edcore-card-title {
            font-size: 1.6rem;
            font-weight: 700;
            margin: 0;
            color: #1e293b;
        }
        
        .edcore-card-content {
            font-size: 1.1rem;
            color: #1e293b;
            opacity: 0.9;
            flex-grow: 1;
            text-align:start;
        }
        
        .edcore-card:nth-child(3n+2) {
            border-left-color: #1b95cd;
        }
        
        .edcore-card:nth-child(3n+2) .edcore-letter {
            color: #1b95cd;
        }
        
        .edcore-card:nth-child(3n+3) {
            border-left-color: #e67e22;
        }
        
        .edcore-card:nth-child(3n+3) .edcore-letter {
            color: #e67e22;
        }
        
        .edcore-footer {
            text-align: center;
            padding: 2rem;
            background: white;
            border-radius: 16px;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
        }
        
        .edcore-footer-text {
            font-size: 1.1rem;
            margin: 0;
            color: #1e293b;
            opacity: 0.8;
        }
        
        @media (max-width: 768px) {
            .edcore-main-title {
                font-size: 2.5rem;
            }
            
            .edcore-subtitle {
                font-size: 1.2rem;
            }
            
            .edcore-grid {
                grid-template-columns: 1fr;
            }
        }
        .text-skyblue{
            color:#279ccf;
        }
        .text-skyblue span{
            color:#e2a437!important;
        }
        
        
/*    .mb-3 img*/
/*{height:200px;width: 100%;}*/

.educationarea__img .sol_vdo{
    margin-top:130px;
}
  
  
.course_vdo{
    width:400px;
}

@media only screen and (max-width: 768px) {
    
    .course_vdo{
    width:100%;
}

.apps_txt_img img {
    width: 148px;
}


.about__right__wraper__2 .educationarea__img{
        padding-top: 14px;
}

}


.about__right__wraper__2 .educationarea__img{
        /*padding-top: 154px;*/
}

.blog__details__heading__2 h5 {
  font-size: 33px !important;
  font-weight: 700 !important;
  color: #191b1e;
  margin-bottom: 10px;
  line-height:58px ;
  text-transform: capitalize;
}