@media screen and (max-width:1920px) {
  .icon-animation .icon-right { right: 16%; }
}


@media screen and (max-width:1599px) {
  .icon-animation .icon-right { right: 100px; }
  .education-section .education-bg { top: 33%; }
  .education-box .common-box:nth-child(4) img { margin-top: 0px; }
} 

@media  screen and (max-width:1439px) {
    .title-box h1,
    .title-box h2 ,  .title-box h1 p,
    .title-box h2 p {
      font-size: 44px;
      line-height: 60px;
    }
   .banner-section .img-5, .banner-section .img-6 { width:13% }
   .stay-connected-section .common-btn { padding: 12px 40px;}
   .card-img-box { background-size: contain; }
}

@media  screen and (max-width:1365px) {
    .title-box h1,
  .title-box h2 ,  .title-box h1 p,
  .title-box h2 p {
    font-size: 40px;
    line-height: 54px;
  }
   .banner-section { padding: 80px 0px 110px;}
   .banner-section .img-4 { right: 19%; }
   .stay-connected-section { padding: 40px 0px; }
   .stay-connected-section .grid{ align-items: center; }
   .common-section { padding: 80px 0px; }
   .common-top-section { padding-top: 80px }
   .common-bottom-section { padding-bottom: 80px }
   .icon-animation .icon-right { right: 46px; }
   .icon-animation .icon-left { top: 150px; }
   .pillars-section .common-box , .movement-section .common-box { padding: 20px; }
   .sub-title h3 , .LearningTab .content-box .left-box h3 { font-size: 26px; line-height: 1.4; } 
   .sub-title h4 { font-size: 22px; }
   .LearningTab .tab-header li, .LearningTab .tab-header li.resp-tab-active { padding: 12px 36px !important; }
   .LearningTab .content-box .grid, .ProgramsLeearningTab .content-box { padding: 30px; }
   .ai-guru-section .accordion .item-box .content h2 { font-size: 22px; }
   .ai-guru-section .accordion .item-box.active p { margin-top: 8px; }
   .custom-container { padding: 0px 30px; }
   .common-grid { gap: 20px; }
   .gurukul-revolution-section .left-box { padding: 40px; }
   .mandala-method-section::before , .mandala-method-section::after { top: 12%; }
   .work-method .common-tab-box { padding: 24px; }
   .work-method .tab-bar { padding: 24px 0px 24px 24px ; }
   .comparison-table thead th {font-size: 20px;  }
   .cell-aspect{ font-size: 18px; }
   .cell-x, .cell-tick , .cell-aspect{ padding: 12px 24px; border-radius: 20px; }
   .cell-x img , .cell-tick img { width: 28px; }
   /* .comparison-table td { padding-right: 20px; } */
   .cell-aspect { min-width: 300px; }
   .cell-x, .cell-tick { min-width: 140px; max-width: 140px; }

}

@media  screen and (max-width:1279px) {
    .title-box h1,
  .title-box h2 ,  .title-box h1 p,
  .title-box h2 p{
    font-size: 32px;
    line-height: 48px;
  }
  .common-section { padding: 60px 0px; }
   .common-top-section { padding-top: 60px }
   .common-bottom-section { padding-bottom: 60px }
    .banner-section { padding: 80px 0px 80px 0px ;} 
   .custom-container { padding: 0px 30px ; } 
   header ul { gap: 14px !important; } 
   .header-section nav { gap: 30px; }
   /* .title-box h1, .title-box h2 , .title-box h1 p, .title-box h2 p { font-size: 36px ; line-height: 1.4 ; } */
   .banner-section .btn-box { margin-top: 14px !important; }
   .banner-section .img-6 { bottom: 34% ; }
   .banner-section .img-4 { right: 10% ; }
   .form-control { padding: 13px 22px; }
   .stay-connected-section .form-group { gap: 16px; }
   .footer .top-footer .link-box  { width: 67%; }
   .banner-section .title-box p { margin-top: 0px; }
   .banner-section ul { gap: 12px; }
   .world-section .common-box { height: auto; }
   .title-box { gap: 10px; }
   .inner-banner-section { padding: 60px 0px; }
   .work-method .tab-bar li { font-size: 18px; }  
   .resp-vtabs.work-method .resp-tabs-list li { padding:  12px 24px !important; } 
   .work-method .tab-bar { padding: 20px 0px 20px 20px; }
   .work-method .common-tab-box {padding: 20px; }
   .work-method .common-tab-box .common-box { padding: 16px; gap: 8px; }
   .work-method .grid-box  , .work-method .common-tab-box{ gap: 16px; }
   .common-bg-list li{ font-size: 16px; }
   .svg-card .card-box .content-box  { left: 16px; }
   .svg-card .card-box .content-box img { width: 60px; }
   .svg-card .card-box .content-box .sub-title { gap: 4px; }
   .svg-card { gap: 16px; }
   .weekly-rhythm-section .common-box .inner-box img { width: 80px; }
   .weekly-rhythm-section .common-box .inner-box { padding: 12px; }
   .structural-framework .common-box .inner-box { padding: 12px 16px; border-radius: 16px; height: 112px;}
   .pillars-section .common-box { border-radius: 16px; }
   .grukul-psychology-section .grid-box, .grid-box { gap: 20px; }
   .cell-x, .cell-tick, .cell-aspect { padding: 10px 20px; border-radius: 12px; }
   .cell-aspect { min-width: 260px; font-size: 16px; }
   /* .comparison-table td {padding-right: 12px; } */
   .cell-x, .cell-tick { min-width: 120px; max-width: 120px; }
   .cell-x img, .cell-tick img { width: 24px; }
   .comparison-table { border-spacing: 12px 12px; }
   .comparison-table thead th { font-size: 18px; }
    .menu-box , .menu-open .menu-box{ width: 48px !important; height: 48px !important; padding: 12px !important; }
    .dropdown-menu:hover .sub-dropdown { padding: 0px !important; }
   .card-img-box { background-size: cover; border-radius: 24px; } 
 
   
}

@media  screen and (max-width:1023px) {
    .title-box h1,
    .title-box h2 ,  .title-box h1 p,
    .title-box h2 p {
      font-size: 30px;
      line-height: 42px;
    }
    .common-section { padding: 40px 0px; }
    .common-top-section { padding-top: 40px }
    .common-bottom-section { padding-bottom: 40px }
    .menu-box {  display: block !important; z-index: 9999;  }
    header { padding: 15px 0px !important; }
    header nav { display: none !important; }
    header nav ul { padding: 16px; }
    .header-section nav ul li a { padding: 0px !important; }
    header nav ul li { background-color: var(--white); padding: 12px; border-radius: 8px;}
    header nav ul li a { color: var(--primary-color) !important; }
    header nav ul li a svg path { stroke: var(--primary-color); }
    


   header nav {
        position: fixed;
        width: 0;
        right: -100%;
        top: 0;
        height: 100vh;
        text-align: left;
        z-index: 9999;
        overflow-y: auto;
        transform: translate3d(0px, 150px, 0px);
        transition-duration: 0.3s, 0.3s;
        transition-property: transform, opacity;
        transition-timing-function:
            cubic-bezier(0.2, 1, 0.3, 1);

    }
        .menu-open header nav{
        /* padding-top: 16px; */
        overflow: scroll;
        height: 100%;
        left: 0;
        right: 0;
        width: 100%;
        pointer-events: auto;
        background: linear-gradient(180deg, rgba(255, 244, 223, 1) 0%, rgba(255, 251, 244, 1) 100%);
        top: 84px;
        transform: translate3d(0px, 0px, 0px);
        display: flex !important;
        flex-direction: column !important;
        align-items: start !important;
        gap: 8px !important;
    }
    
    header nav ul { flex-direction: column !important; align-items: start !important; width: 100%; }
     header nav ul  li a { padding: 0px 30px !important;  justify-content: space-between !important; width: 100%;}
      header nav ul  li { width: 100%  ; }
     .common-btn { width: fit-content ; }
     header nav .common-btn { margin-left: 15px; }
     .world-section .common-box { height: auto ; }
     body.menu-open { overflow: hidden;  }
     .title-box { max-width: 98%; }
     .banner-section { padding: 60px 0px 60px 0px ;}
     .banner-section .img-5, .banner-section .img-6 { width: 10%; }
     .banner-section .img-1 , .banner-section .img-2 , .banner-section .img-3 , .banner-section .img-4  { width: 5%;}
     .banner-section .img-6 { bottom: auto; top: 15%; }
     .banner-section .img-2 { left: 4%; }
     .banner-section .img-4 { right: 4%; bottom: 24%; }
     .title-box h1, .title-box h2, .title-box h1 p, .title-box h2 p { font-size: 28px ; line-height: 1.3 ;  }
     .title-box { gap: 12px; }
     .intro-section p { margin-top: 16px; }
     .icon-animation .icon { width: 5%; }
     .icon-animation .icon-left { top: 10%; }
     .icon-animation .icon-right { top: 6%; right: 8%;}
    .world-section .common-box { border-radius: 16px; }
    .world-section .common-box .img-box { border-radius: 12px; }
    .world-section .content-box ul li { font-size: 16px; }
    .common-grid { gap: 16px; }
    .world-section .content-box ul { gap: 14px; }
    .banner-section .title-box p { margin-top: 0px; }
    .title-box img { width: 30%; }
    .sub-dropdown  { position: relative; top: 0; margin-top: 10px; background-color: var(--white); padding: 10px; }
    .sub-dropdown li a { color: var(--primary-color) !important;}
    .stay-connected-section .grid { gap: 20px; }
    .resp-accordion { background-color: var(--tabBtn); color: var(--primary-color) !important; border: none; border-radius: 12px; }
    .resp-accordion.resp-tab-active { background-color: var(--secondary-color) !important; border: none; }
    .footer .top-footer .logo-box { width: 100%; }
    .footer .top-footer { flex-wrap: wrap; padding: 40px 0px;  gap: 20px;}
    .footer .top-footer .link-box { width: 100%; }
    .footer .top-footer .logo-box img, .footer .top-footer .logo-box p { margin-bottom: 14px; }
    .footer .top-footer { gap: 20px; }
    .bottom-footer { padding: 20px 0px; flex-wrap: wrap; gap: 15px;}
    .sub-dropdown { border: none !important; width: 100% !important; }
    .sub-dropdown li a, .sub-dropdown li span{ padding-left: 24px !important; padding-right: 0px; }
    .sub-dropdown li { padding-left: 0px !important; padding-right: 0px  !important; }
    .header-section nav ul.sub-dropdown li a  , .header-section nav ul.sub-dropdown li span { padding-left: 24px !important; padding-right: 0px !important; display: block; position: relative; z-index: 3; }
    .menu-box { background-color :rgba(255, 255, 255, 0.12); padding : 16px;  border-radius : 12px; margin-top : 0px !important;}
.menu-box span:last-child { margin-bottom: 0px }
.menu-box span { width : 24px ; border-radius: 2px;}
/* .menu-open .menu-box a span:last-of-type , .menu-open .menu-box a span:first-child { width: 30px; } */
.menu-open .menu-box  { width: 56px; height: 54px; display: flex !important;  justify-content: center; align-items: center;}
.menu-open .menu-box a span:last-of-type { margin-top: -10px; }
.work-method .tab-bar { display: none; }
.work-method .tab-container { width: 100% !important; }
.work-method .resp-accordion , .work-method , .work-method .grid-box, .work-method .common-tab-box{ border-radius: 12px !important; }
.work-method .resp-accordion { margin-bottom: 10px; } 
.work-method  .resp-tab-content.resp-tab-content-active  { margin: 10px 0px !important; }
h2.resp-accordion { font-size: 18px !important; }
.work-method .common-tab-box { padding: 16px; }
.work-method .common-tab-box .common-box { padding: 14px; border-radius: 12px; }
.structural-framework .common-box { height: auto !important; }
.structural-framework .sub-title h5 { font-size: 16px;}
.breadcrumbs a, .breadcrumbs span { font-size: 16px; }
.mandala-method-section::before { left: -17%; }
.structural-framework .sub-title h5 { height: 48px; }
.structural-framework .common-box { padding: 16px !important; }
.inner-banner-section { padding: 40px 0px; }
.inner-banner-section::before, .inner-banner-section::after { width: 140px; height: 140px; background-size: contain; }
.inner-banner-section::before { right: 87%; }
.inner-banner-section::after { left: 87%; }
.structural-framework .sub-title p { font-size: 12px !important; }
.sub-dropdown li::before { z-index: 1; }
.card-img-box { background-size: cover; border-top-right-radius: 34px; } 


}


@media screen and (max-width:767px){
    .title-box h1,
    .title-box h2 ,  .title-box h1 p,
    .title-box h2 p {
      font-size: 24px;
      line-height: 34px;
    }
    .banner-section ul { gap: 10px; }
    .title-box p { font-size: 16px; }
    .title-box { width: 100%; }
    .icon-animation .icon-right {  top: 5%;}
    .world-section .common-box .img-box { padding: 12px; }
    .title-box h1, .title-box h2, .title-box h1 p, .title-box h2 p { font-size: 24px; }
    .icon-animation .icon { width: 7%; }
    .icon-animation .icon-right { top: 1%; right: 4%; }
    .banner-section .btn-box { flex-wrap: wrap; }
    .banner-section ul { flex-wrap: wrap; justify-content: center; }
    .banner-section { padding: 40px 0px; }
    .banner-section .img-1 , .banner-section .img-2 , .banner-section .img-3 , .banner-section .img-4  { display: none; }
    .title-box { margin-bottom: 20px; }
    .title-box { width: 100%; }
    .stay-connected-section .form-group { flex-wrap: wrap; justify-content: center; }
    .stay-connected-section .left-box { text-align: center; }
    .gurukul-revolution-section .btn-box { flex-wrap: wrap;  justify-content: center;}
    .gurukul-revolution-section .btn-box a { text-align: center; }
    .footer .top-footer .link-box { flex-wrap: wrap; gap: 20px; }
    .footer .top-footer .link-box  .common-box { width: 100%; }
    .footer .link-box .common-box ul { flex-direction: row; flex-wrap: wrap;}
    .footer .link-box .common-box h4 { font-size: 18px; }
    .footer .top-footer { padding-bottom: 20px; }
    .copyright-section .custom-container { flex-wrap: wrap; gap: 12px; justify-content: center; }

}

@media  screen and (max-width : 639px) {
    .work-method .common-tab-box .grid-box , .work-method .bottom-box ul { grid-template-columns: 1fr;; }
    /* .svg-card .card-box .content-box img { width: 44px; } */
    .svg-card .card-box .content-box .sub-title h5 { font-size: 16px; }
    .svg-card .card-box .content-box .sub-title p { font-size: 12px; }
    /* .svg-card .card-box .content-box { gap: 6px; } */
    .structural-framework .sub-title h5 { height: auto; }
    .structural-framework .common-box .inner-box { height: auto; }
    .weekly-rhythm-section .right-box .grid-box { grid-template-columns: 1fr; }
    .svg-card .card-box svg { width: 100%; height: 100px; }
    /* .cell-x, .cell-tick, .cell-aspect { padding: 10px; } */
    /* .cell-aspect { min-height: 100px; font-size: 14px; } */
    .inner-banner-section::before { right: 78%; }
.inner-banner-section::after { left: 78%; }
}


@media screen and (max-width:479px){
    .title-box h1,
  .title-box h2 ,  .title-box h1 p,
  .title-box h2 p {
    font-size: 20px;
    line-height: 30px;
  }
   .banner-section .img-6 {  top: 11%;}
    .custom-container { padding: 0px 15px; }
    .menu-box { margin-top: 10px; }
    header nav ul li a { padding: 0px 15px !important; }
    .title-box { gap: 8px; margin-bottom: 16px; }
    .world-section .title-box p br { display: none; }
    .banner-section .img-6 , .banner-section .img-5 { display: none; }
    .title-box h1, .title-box h2, .title-box h1 p, .title-box h2 p { font-size: 22px; }

}


/* // VIRU // */
@media screen and (max-width:1439px){ 
  .what-we-section .common-box .img-box span { font-size: 60px;}
}

@media screen and (max-width:1365px){
   .ProgramsLeearningTab .content-box .grid {  padding: 0px !important;}
.the-backbone-section  .the-backbone-box {gap:2%;}
.the-backbone-section .common-box { width: 32%; background-size: contain;}
}
@media screen and (max-width:1279px){ 
.common-btn { padding-left: 20px; padding-right: 20px;}
.sub-title  h3 { font-size: 28px;}
.sub-title  h4 { font-size: 20px;}
.icon-animation .icon { width: 8%; }
.icon-animation .icon-left { top: 120px; left: 20px; width: 8%;}
.world-section .common-grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
.pillars-section  .common-grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
.education-section .education-bg { top: 36%;}
.education-box .common-box { gap: 10px;}
.education-box .common-box img { max-height: 140px;}
.education-box  .content-box { gap: 10px;}
.movement-section  .common-grid { grid-template-columns: repeat(3, minmax(0, 1fr));}
.LearningTab .tab-header li, .LearningTab .tab-header li.resp-tab-active {    padding: 12px 40px !important;}
.LearningTab .content-box .left-box h3 {  font-size: 24px;}
.ai-guru-section .accordion .item-box .content h2 {  font-size: 20px;}
.faq-section  .flex.custom-container { flex-wrap: wrap;}
.faq-section  .left-box, .faq-section .right-box {  width: 100%;}
.faq-section  .item .accordion-btn {  font-size: 22px;}
/* .faq-section .title-box h2, .faq-section .title-box p{  text-align: center;  width: 100%;} */
/* .faq-section .title-box span, .faq-section .title-box img{margin: 0 auto;} */
/* .faq-section a.common-btn { display: block; width: fit-content; margin: 0 auto;} */
.gurukul-revolution-section .left-box { padding: 26px; gap: 12px;}
.gurukul-revolution-section .img-box img {height: 100%;width: 100%; object-fit: cover;}
.icon-animation .icon-right { top: 16px; right: 20px; }
.common-bottom-section.icon-animation .icon-left    {top: 80px;left: 14px; width :8%;}
.common-bottom-section.icon-animation .icon-right { top: -30px;  }
.icon-animation .icon { width : 6%; }
.sub-title h3 { font-size: 24px; }
.education-box .common-box:nth-child(3) img { margin-top: 20px; }
.video-box { border-radius: 65px; }
.education-box .common-box img { max-height: 100px; }
.faq-section .item { padding: 18px; }
.gurukul-revolution-section .left-box h3 { font-size: 26px; line-height: 1.4; }
.faq-section  .left-box { width: 40%; }
.faq-section  .right-box { width: 55%; }
.faq-section .item .accordion-btn {text-align: left; align-items: start; font-size: 20px; }
.faq-section .item .accordion-btn span:first-child { width: 91%; align-items: center; display: flex; align-self: normal;}
.faq-section .right-box { gap: 12px; }
.faq-section .item { padding: 12px; border-radius: 14px; }
.LearningTab .tab-header li, .LearningTab .tab-header li.resp-tab-active { padding: 10px 30px !important; font-size: 18px; }
.LearningTab .content-box .grid, .ProgramsLeearningTab .content-box { padding: 20px; }
.LearningTab .content-box { border-radius: 18px; }
.LearningTab .content-box .img-box img { width: 80%; }
.ai-guru-section .accordion .item-box { padding: 12px; }
.ai-guru-section .accordion .item-box { border-radius: 16px; }
.ai-guru-section .accordion { gap: 16px; }
.footer .top-footer { padding: 40px 0px; }
.pillars-section .common-box .bg-img svg { width: 100%; }
/* .custom-container */

.what-we-section .common-box .sub-title h5 { line-height: 1.3;}
.what-we-section .common-box { height: 165px;}
.what-we-section .common-box .img-box span { font-size: 52px;}
.gurukul-work-section .common-box span { line-height: 20px; top: 21%;}
.gurukul-work-section .common-box:nth-child(2):before { height: 85px;}
.gurukul-work-section .common-box:nth-child(3):before { height: 50px;}
.ProgramsLeearningTab .content-box .img-box img { width: 100%;}
.ProgramsLeearningTab .content-box .left-box ul li { font-size: 16px; padding: 6px 10px 6px 32px; line-height: inherit;}
.ProgramsLeearningTab .content-box .left-box ul li::before { left: 7px; top: 8px;}
.ProgramsLeearningTab .bottom-box { margin-top: 24px;}
.age-gets-section .common-box::before { top: -50px; left: -33%;}
.age-gets-section .common-box .sub-title h5 { font-size: 18px;}
.age-gets-section .grid { gap: 18px;}
.age-gets-section .common-box { padding: 10px; gap: 10px;}

.the-backbone-section .inner-box { top: 56px; width: 82%; gap: 8px;}
.the-backbone-section .inner-box .sub-title  h4 { font-size: 18px;}
.new-method-section .common-box .sub-title  h5 { font-size: 18px;}
.avadhan-section  .img-box .avadhan-span { left: 0%; top: 20%;}
.avadhan-section  .img-box .avadhan-span2 { top: 20%;}
.avadhan-section  .img-box .avadhan-span3 { left: 0%;}
}


@media screen and (max-width:1023px) {
.sub-title  h3 {font-size: 24px;}
 .pillars-section .common-box { height: auto; }
.education-section .education-bg {display: none;}
.education-box .common-box img { max-height: 100px;}
.education-box .common-box:nth-child(3) img { margin-top:0;}
 .icon-animation .icon-left { width: 7%; height: auto;}
 .movement-section-bg { top: -10px;}
  .movement-section .sub-title  h4 {font-weight: 500;}
.learning-section .LearningTab .tab-header {display: none;}
.learning-section h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important;}
.learning-section .LearningTab h2.resp-accordion{background-color:  var(-tabBtn) !important;margin-bottom: 10px;border: 1px solid #c1c1c1;}
.LearningTab .content-box {margin-bottom: 10px;margin-top: 10px;}
.learning-section .LearningTab h2.resp-accordion.resp-tab-active{background-color: var(--secondary-color);}
.learning-section .LearningTab .content-box .img-box.flex.justify-end {justify-content: start;margin-top: 20px;}
.ai-guru-section .img-box  {margin-bottom: 20px;}
.ai-guru-section .img-box img {margin: 0 auto;}
.ai-guru-section .accordion {gap: 15px;}
.faq-section .right-box {gap: 15px;}
.gurukul-revolution-section .left-box {order: 2;}
.gurukul-revolution-section .left-box { order: 1;}
.LearningTab .content-box .left-box h3 {font-size: 24px;}
.ai-guru-section .accordion .item-box .content h2 {font-size: 18px;}
.movement-section-bg-2 { bottom: -10px; }
.resp-arrow , .resp-accordion.resp-tab-active { border:  none !important; }

.resp-arrow  { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNSA3LjVMMTAgMTIuNUwxNSA3LjUiIHN0cm9rZT0iIzI3MTU2QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg=='); width: 20px  !important; height: 15px !important; background-repeat: no-repeat; top: 1px; position: relative;}
.LearningTab .content-box .grid, .ProgramsLeearningTab .content-box { padding: 24px; }
h2.resp-tab-active span.resp-arrow { transform: rotate(-180deg); top: 4px; }
.pillars-section .common-box .bg-img svg { width: 100%; }
.pillars-section .common-box, .movement-section .common-box { padding: 16px; height: 170px; }
.pillars-section .common-box img { width: 20%; }
.learning-section .LearningTab h2.resp-accordion.resp-tab-active , .learning-section .LearningTab h2.resp-accordion { font-size: 18px; }
.faq-section .left-box , .faq-section .right-box { width: 100%; }
.faq-section .item .accordion-btn { font-size: 18px; }
.faq-section .item { padding: 8px; }

.gurukul-revolution-section .left-box h3 { font-size: 22px; }
.gurukul-revolution-section .grid { border-radius: 12px; }
.faq-section .custom-container { gap: 20px; }
.title-box p { font-size: 16px; }
.LearningTab .content-box .grid { grid-template-columns: auto 1fr; }
.LearningTab .content-box .img-box img { width: 100%; }
.movement-section  .common-grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
.movement-section  .common-grid .common-box { height: auto; }

.age-gets-section .movement-section-bg-2 { bottom: -12px;}
.age-gets-section .movement-section-bg { top: -12px;}
.what-we-section .common-box { height: auto;}
.what-we-section .common-box .sub-title h5 { font-size: 18px;}
.what-we-section .grid { gap: 30px;}
.what-we-section .common-box .img-box span { font-size: 48px;}
.gurukul-work-section .common-box:nth-child(3){  grid-column: 1 / span 2;  width: 50%;  margin: 0 auto;}
.gurukul-work-section .common-box:nth-child(3) img{ margin: 0 auto;}
.gurukul-work-section .common-box:nth-child(3):before { height: 55px; left: 16%;}
.gurukul-work-section .common-box:nth-child(3):after { bottom: -45%; left: 15%;}
.gurukul-work-section .common-box:before { height: 200px;}
.gurukul-work-section .common-box:after { bottom: -152%;}
.gurukul-work-section .common-box:nth-child(2):before { height: 230px;}
.gurukul-work-section .common-box:nth-child(2):after { bottom: -176%;}
.gurukul-work-section .common-box:nth-child(3) span { max-width:50%; left: 35%;}
.age-gets-section .common-box::before { left: -38%;}
.LearningTab .content-box .img-box { width: 40%;}
.LearningTab .content-box .left-box { width: 100%;}
.LearningTab .content-box .grid { grid-template-columns:1fr;}

    .the-backbone-section  .the-backbone-box { gap:2%;}
.the-backbone-section .common-box { width:48%; background-size: contain;}
.the-backbone-section .inner-box .sub-title  h4 { line-height: 22px; margin-bottom: 5px;}
.new-method-section .common-box.box-2 { margin-top: 0;}
.avadhan-section  .img-box .avadhan-span { left: 14%;}
.avadhan-section  .img-box .avadhan-span2 { left: 72%;}
.avadhan-section  .img-box .avadhan-span3 { left: 14%;}
.avadhan-section  .img-box .avadhan-span4 { left: 68%;}
.avadhan-section  .img-box { margin-bottom: 20px;}
.avadhan-section  .img-box span { font-size: 18px;}

}

@media screen and (max-width:767px) {
.movement-section  .common-grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
.love-section .love-box{  grid-template-columns: repeat(2, minmax(0, 1fr));}
.accordion-btn span:first-child { width: 80%; }
.faq-section .item { padding: 16px; }
.gurukul-revolution-section .left-box { gap: 12px;}
.gurukul-revolution-section .left-box { text-align: center; }
.gurukul-revolution-section .btn-box { justify-content: center; align-content: center; }
.footer-section-bg { top: -7px;}
.LearningTab .tab-bottom { font-size: 16px; }
.love-section .love-box { grid-template-columns: 1fr 1fr; gap: 20px; }
.title-box h1, .title-box h2, .title-box h1 p, .title-box h2 p { font-size: 20px !important; }
.common-bottom-section.icon-animation .icon-right { top:  -28px; }
.sub-title h5 { font-size: 18px; }
.pillars-section .common-box { height: auto; padding-bottom: 40px; }
.pillars-section .common-box .content-box {gap: 6px; }
p { font-size: 16px !important;  line-height: 1.3}
.faq-section .item .accordion-btn { font-size: 16px; line-height: 1.3}
.faq-section .item .accordion-btn .icon { width: 24px; height: 24px; font-size: 24px; }
.faq-section .item { padding: 10px; }
.gurukul-revolution-section .left-box  { gap: 8px; }
.gurukul-revolution-section .btn-box { gap: 10px; flex-direction: column; }
.gurukul-revolution-section .btn-box a { margin: 0 auto; }
.stay-connected-section { padding: 30px 0px; }
.stay-connected-section .common-btn { padding: 6px 12px; font-size: 14PX; }
.common-section { padding: 30px 0px; }
.common-botto-section { padding-bottom: 30px ; }
.common-top-section { padding-top: 30px; }
/* .icon-animation .icon-left { top: 84px; } */
.movement-section-bg-2 { bottom: -3px; }
.common-btn { font-size: 14px; padding: 8px 16px; line-height: 1.3; border-radius: 12px; }
.world-section .common-box {  padding: 12px;}
.pillars-section.icon-animation .icon-left { top: 130px; }
.icon-animation .icon { height: auto; }
.common-bottom-section.icon-animation .icon-right { top: 5px; }
.common-bottom-section.icon-animation .icon-left { top: 92px; }
.title-box p { line-height: 24px !important; }
.LearningTab .content-box .left-box ul li { font-size: 16px; }
.LearningTab .content-box .left-box ul { gap: 6px; }
.LearningTab .content-box .grid  { grid-template-columns: 1fr; }
.LearningTab .content-box .left-box span svg , .ai-guru-section .accordion .item-box span svg { width: 35px; height: auto; }
.LearningTab .tab-bottom { padding: 8px; }
.LearningTab .tab-bottom { font-size: 14px; }
.ai-guru-section .accordion .item-box .content h2 { font-size: 16px; }
.ai-guru-section .accordion .item-box { padding: 8px !important; }
.title-box span { padding: 6px 16px !important; font-size: 14px; line-height: 1.2; }
.footer .top-footer { padding: 20px 0px; }
.gurukul-revolution-section .left-box { padding: 16px; }

.education-section .education-box.grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap:20px;}
.stay-connected-section .common-btn {  padding: 10px 20px; }
.age-gets-section .common-box::before { left: -35%;}
.gurukul-work-section .common-box:nth-child(3) { grid-column: 1 / span 1; width: 100%; margin: 0;}
.gurukul-work-section .common-box img { margin: 0 auto; width: 65%;}
.gurukul-work-section .common-box:before ,.gurukul-work-section .common-box::after{display: none;}
.gurukul-work-section .common-box span { max-width: 30% !important; left: 42% !important; top: 25% !important;}
.gurukul-work-section .common-box span { font-size: 16px;}
.gurukul-work-section .workMapImg {display: none;}
.gurukul-work-section .common-grid { margin-bottom: 0px;}
.what-we-section .grid {grid-template-columns: repeat(3, minmax(0, 1fr));}


.the-backbone-section .common-box { height: 250px;}
.the-backbone-section .inner-box { top: 35px; width: 75%;}
.the-backbone-section .inner-box img { width: 45%;}
.new-method-section .grid-cols-1 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
.avadhan-section  .img-box .avadhan-span { left: 5%;}
.avadhan-section  .img-box .avadhan-span2 { left: 75%;}
.avadhan-section  .img-box .avadhan-span3 { left: 5%;}
.avadhan-section  .img-box .avadhan-span4 { left: 72%;}
.img-list-box ul li::before { top: 7px;}
.img-list-box ul li { padding: 5px 14px 6px 40px; font-size: 16px;}
}

@media screen and (max-width:639px) {
.sub-title  h3 { font-size: 20px;}
.sub-title  h4 { font-size: 18px;}
 .world-section .common-grid {    grid-template-columns: repeat(1, minmax(0, 1fr));}
 .pillars-section  .common-grid {grid-template-columns: repeat(1, minmax(0, 1fr));}
.LearningTab .content-box .left-box h3 {font-size: 18px;}
.LearningTab .content-box .grid , .ProgramsLeearningTab .content-box  {padding: 12px;}
.LearningTab .tab-bottom {padding: 8px 20px;}
.learning-section .btn-box {flex-direction: column; align-items: center;}
/* .love-section .love-box {grid-template-columns: repeat(1, minmax(0, 1fr));} */
/* .faq-section  .item .accordion-btn {font-size: 20px;text-align: left;} */
.gurukul-revolution-section .left-box {padding: 16px;}
.gurukul-revolution-section .left-box h3 {font-size: 20px;}
.movement-section-bg {top: -5px;}
.LearningTab .tab-bottom { padding: 8px; }
.movement-section  .common-grid { grid-template-columns: repeat(1, minmax(0, 1fr));}

.what-we-section .grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
.gurukul-work-section .common-box img {  width: 85%;}
.gurukul-work-section .common-box span { top: 21% !important;}
.LearningTab .content-box .img-box { width: 100%;}
.age-gets-section .common-box::before { left: -41%;}
.age-gets-section .movement-section-bg-2 { bottom: -10px;}
.what-we-section .common-box .img-box span { font-size: 38px;}
.age-gets-section .movement-section-bg-2 { bottom: -10px;}
.age-gets-section .movement-section-bg { top: -10px;}

.the-backbone-section  .the-backbone-box { gap:15px;}
.the-backbone-section .common-box { width: 100%;}
.the-backbone-section .inner-box { top: 30px; width: 60%;}
.new-method-section .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr));}
.new-method-section .common-box .sub-title  h5 { line-height: 22px; margin-bottom:5px;}
.new-method-section  .common-box { gap: 12px;}
.new-method-section  .common-box img{ width: 35%;}
.movement-section .svg-card .card-box .content-box img { width: 50px;}
.movement-section .svg-card .card-box .content-box { width: 90%;}
.movement-section .svg-card .card-box .content-box { gap: 12px;}
.avadhan-section  .img-box .avadhan-span { left: 0%;}
.avadhan-section  .img-box .avadhan-span3 { left: 0%;}
}


@media screen and (max-width : 479px) {
  .education-section .education-box.grid p { font-size: 14px; }  
  .world-section.icon-animation .icon-left { top: 140px; left: 10px; }
  .copyright-section ul { gap: 8px; }
  .copyright-section ul a { font-size: 14px; }
  .copyright-section .custom-container { gap: 5px; }

  .gurukul-work-section .common-box img {width: 100%;}
.gurukul-work-section .common-box span {max-width: 45% !important;left: 37% !important;top: 25% !important;}
.ProgramsLeearningTab .bottom-box .common-box {padding: 15px;border-radius: 15px;}
.age-gets-section .common-box::before {left: -39%;}
.age-gets-section .movement-section-bg-2 {bottom: -7px;}
.age-gets-section .movement-section-bg {top: -7px;}

.movement-section .svg-card .card-box .content-box { width: 95%;}
.avadhan-section  .img-box .avadhan-span2 { left: 68%;}
.avadhan-section  .img-box .avadhan-span4 { left: 63%;}
}
@media screen and (max-width :425px){
.avadhan-section .img-list-box ul li { width: 48%;}
.avadhan-section .img-list-box ul li:last-child { width: 100%;}
.new-method-section.icon-animation .icon-left { top:60px}
.the-backbone-section.icon-animation .icon-left { top: 60px;}
}
@media screen and (max-width : 420px){
.age-gets-section.icon-animation .icon-left  { top : 160px; }
}


/* contact-page  */
@media screen and (max-width :1365px){
.contact-section .left-box .contain-box a {font-size: 22px;}
.contact-section form{ padding:24px; border-radius:28px;}
}
@media screen and (max-width :1279px){
.contact-section .left-box .common-box{margin-bottom: 18px;}
.contact-section .left-box .contain-box a {font-size: 20px;line-height: 24px;}
.contact-section form input, .contact-section form textarea {padding: 12px;border-radius: 12px;}
.contact-section form textarea {height: 90px;}
.contact-section .right-box form .common-form-box label {font-size: 16px;font-weight: 500;margin-bottom: 4px;}
}
@media screen and (max-width :639px){
.contact-section .left-box .contain-box span{font-size: 14px; line-height: 20px; margin-bottom:4px;}
.contact-section .left-box .contain-box a {font-size:18px;font-weight: 400;line-height: 20px;}
.contact-section form {padding: 16px;border-radius: 20px;}
}


/* 5/12 */
/* story page  */
@media screen and (max-width:1365px) {
.LearningTab .tab-header li, .LearningTab .tab-header li.resp-tab-active {padding: 8px 20px !important;}
.parents-section .common-box .img-box iframe {height: 250px;}
}

@media screen and (max-width:1279px) {
.LearningTab .tab-header li, .LearningTab .tab-header li.resp-tab-active {padding: 8px 16px !important;}
.LearningTab .tab-header {gap: 16px;}
.parents-section .common-box .img-box iframe {height: 200px;}
.parents-section .common-box span {font-size: 16px;}
}

@media screen and (max-width:1023px) {
.LearningTab .content-box .grid {grid-template-columns: 1fr 1fr}
.LearningTab .content-box .img-box {width: 100%;}
.LearningTab .card-img-box {height: 475px;background-size: cover;}
.stories-of-awakening .movement-section .common-box {height: auto;}
.stories-of-awakening .movement-section .common-box:last-child {display: flex;  grid-column: 1 / span 2;  flex-direction: row; gap: 20px;}
.stories-of-awakening .movement-section .common-box:last-child img {width: 48.5%;}
}
@media screen and (max-width:767px) { .LearningTab .card-img-box {height: 388px;}
}
@media screen and (max-width:639px) {
  .LearningTab .content-box .grid {  grid-template-columns: 1fr;}
  .LearningTab .card-img-box {    height: 488px;}
.stories-of-awakening  .movement-section .common-box:last-child {    display: flex; grid-column: 1 / span 1;      flex-direction: column;gap: 20px;}
.stories-of-awakening  .movement-section .common-box img {width:100% !important;}
}
@media screen and (max-width:479px) {
    .LearningTab .card-img-box {height: 500px;}
}
@media screen and (max-width:424px) {
   .LearningTab .card-img-box {height: 480px;}
}


/* carrear-page  */
@media screen and (max-width:1439px) {
  .working-box .common-box {padding: 20px 20px;}
}
@media screen and (max-width:1365px) {

.working-with-section .working-box {gap: 24px 2%;}
}

@media screen and (max-width:1279px) {
.working-box .common-box {width: 48%;align-items: center;}
.working-box .common-box .sub-title  h5 {font-size: 18px;}
}
@media screen and (max-width:1023px) {

.life-gurukul-section .grid-box {  grid-template-columns: repeat(4, 1fr);}
.life-gurukul-section .img-box {  padding: 5px;    border-radius: 20px;}
.life-gurukul-section .img-box  img {  border-radius: 16px;}
.opening-box .location-box {  gap: 15px;}
}
@media screen and (max-width:767px) {
.working-box .common-box {  padding: 12px 12px;}
.life-gurukul-section .grid-box { grid-template-columns: repeat(2, 1fr);}
.life-gurukul-section .img-box { width: 100%;}
.life-gurukul-section .img-box:nth-child(1) {order: 2;}
.life-gurukul-section .img-box:nth-child(2) {order: 1;}
.life-gurukul-section .grid-box {  grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:639px) {
.working-box .common-box { width: 100%;}
.working-with-section .working-box { gap: 20px;}
.life-gurukul-section .grid-box {grid-template-columns: repeat(2, 1fr); gap: 10px;}
.life-gurukul-section .grid-box img{  width: 100%;}
}

/* community  */
@media screen and (max-width:1439px){
.children-transform-section  .grid-box svg {width: 360px;height: 170px;}
}

@media screen and (max-width:1279px){
.children-transform-section  .grid-box svg {width: 315px;height: 140px;}
}

@media screen and (max-width:1023px){
.community .movement-section .common-box {height: auto;}
.children-transform-section  .grid-box svg {width: 350px;}
.festival-mandal-section .img-box {width: 100%;}
.festival-mandal-section .img-box img{width: 100%;}
.festival-mandal-section .img-box::before {top: 80%;}
}

@media screen and (max-width:767px) {
  .children-transform-section  .grid-box svg {width: 285px;height: 135px;}
}
@media screen and (max-width:639px) {
.festival-mandal-section .img-box::before {top: 85%;}
.children-transform-section  .grid-box svg {width: 100%;height: 180px;}
}
@media screen and (max-width:425px) {
.festival-mandal-section .img-box::before {top: 80%;}
}