@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: -moz-fit-content ;
    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;
    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%;
    -o-object-fit: cover;
       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;
    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: 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;
    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;
    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;
    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%;
    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%;
  }
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.common-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 640px) {
  .common-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .common-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (min-width: 1024px) {
  .common-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1280px) {
  .common-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.common-section {
  /* >=1280px */
}

.common-bottom-section {
  padding-bottom: 40px;
}

@media (min-width: 640px) {
  .common-bottom-section {
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .common-bottom-section {
    padding-bottom: 60px;
  }
}

@media (min-width: 1024px) {
  .common-bottom-section {
    padding-bottom: 80px;
  }
}

@media (min-width: 1280px) {
  .common-bottom-section {
    padding-bottom: 100px;
  }
}

.common-top-section {
  padding-top: 40px;
}

@media (min-width: 640px) {
  .common-top-section {
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  .common-top-section {
    padding-top: 60px;
  }
}

@media (min-width: 1024px) {
  .common-top-section {
    padding-top: 80px;
  }
}

@media (min-width: 1280px) {
  .common-top-section {
    padding-top: 100px;
  }
}

.custom-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1200px;
}

.title-box {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  display: flex;
  max-width: 70%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}

@media screen and (max-width:1279px){
  .faq-section  .title-box.custom-container {
    flex-wrap: wrap;
  }
}

@media screen and (max-width:1023px) {
  .learning-section .LearningTab .content-box .img-box.title-box.justify-end {
    justify-content: start;
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .title-box {
    gap: 16px;
  }
}

/* Top badge span */

.title-box span {
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 16px;
  background-color: rgba(243, 230, 203, 0.75);
  width: -moz-fit-content;
  width: fit-content;
  color: var(--text-color);
  font-family: var(--paragraph-font);
  font-weight: 500;
}

/* Heading (H1 & H2) */

.title-box h1,
  .title-box h2 ,  .title-box h1 p,
  .title-box h2 p {
  display: inline-block;
  font-weight: 700;
  color: var(--primary-color);
  font-size: 48px;
  line-height: 66px;
}

/* Description Paragraph */

.title-box p {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  color: var(--text-color);
  font-family: var(--paragraph-font);
}

/* Highlight text inside heading */

.title-box h1 p,
  .title-box h2 p {
  color: var(--orang);
  font-family: var(--heading-font);
}

.common-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media  screen and (max-width:1365px) {
  .stay-connected-section .common-grid{
    align-items: center;
  }

  .LearningTab .content-box .common-grid {
    padding: 30px;
  }
}

@media  screen and (max-width:1023px) {
  .stay-connected-section .common-grid {
    gap: 20px;
  }
}

@media screen and (max-width:1365px){
  .ProgramsLeearningTab .content-box .common-grid {
    padding: 0px;
  }
}

@media screen and (max-width:1279px){
  .LearningTab .content-box .common-grid {
    padding: 20px;
  }

  .age-gets-section .common-grid {
    gap: 18px;
  }
}

@media screen and (max-width:1023px) {
  .LearningTab .content-box .common-grid {
    padding: 24px;
  }

  .gurukul-revolution-section .common-grid {
    border-radius: 12px;
  }

  .LearningTab .content-box .common-grid {
    grid-template-columns: auto 1fr;
  }

  .what-we-section .common-grid {
    gap: 30px;
  }

  .LearningTab .content-box .common-grid {
    grid-template-columns:1fr;
  }
}

@media screen and (max-width:767px) {
  .LearningTab .content-box .common-grid  {
    grid-template-columns: 1fr;
  }

  .education-section .education-box.common-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:20px;
  }

  .what-we-section .common-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .new-method-section .common-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media screen and (max-width:639px) {
  .LearningTab .content-box .common-grid  {
    padding: 12px;
  }

  .what-we-section .common-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .new-method-section .common-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media screen and (max-width : 479px) {
  .education-section .education-box.common-grid p {
    font-size: 14px;
  }
}

@media screen and (max-width:1023px) {
  .LearningTab .content-box .common-grid {
    grid-template-columns: 1fr 1fr
  }
}

@media screen and (max-width:639px) {
  .LearningTab .content-box .common-grid {
    grid-template-columns: 1fr;
  }
}

.LearningTab .content-box .common-grid {
  align-items: self-start;
  padding: 40px;
}

.gurukul-revolution-section  .common-grid {
  border-radius: 32px;
  overflow: hidden;
}

.stay-connected-section .common-grid {
  gap: 24px;
}

.what-we-section .common-grid {
  gap: 40px;
}

.age-gets-section .common-grid {
  gap: 24px;
}

.ProgramsLeearningTab .content-box .common-grid {
  padding : 0px
}

.new-method-section  .common-grid {
  gap: 26px;
}

@media (min-width: 768px) {
  .common-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .common-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.common-btn {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
  border-radius: 12px;
  border-width: 1px;
  border-color: transparent;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.movement-section  .common-box .common-btn {
  background-color: rgba(255, 255, 255, 0.24);
  border:1px solid rgba(255, 255, 255, 0.24) ;
}

.footer .common-btn {
  border-color:#41317D
}

.avadhan-section .left-box .common-btn {
  border-color: rgba(0, 0, 0, 0.16);
}

@media (min-width: 768px) {
  .common-btn {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 18px;
    line-height: 30px;
  }
}

.common-btn {
  background-color: var(--secondary-color);
  color: var(--primary-color);
}

.Headercommon-btn {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
  border-radius: 12px;
  border-width: 1px;
  border-color: transparent;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.movement-section  .common-box .Headercommon-btn {
  background-color: rgba(255, 255, 255, 0.24);
  border:1px solid rgba(255, 255, 255, 0.24) ;
}

.footer .Headercommon-btn {
  border-color:#41317D
}

.avadhan-section .left-box .Headercommon-btn {
  border-color: rgba(0, 0, 0, 0.16);
}

@media (min-width: 768px) {
  .Headercommon-btn {
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 18px;
    line-height: 30px;
  }
}

.Headercommon-btn {
  background-color: var(--secondary-color);
  color: var(--primary-color);
}

.common-btn:hover {
  background-color: transparent;
  color:var(--orang);
  border-color: var(--orang);
}

.Headercommon-btn:hover {
  color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.common-btn:hover svg path {
  stroke: var(--secondary-color);
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

.-right-4 {
  right: -1rem;
}

.-top-4 {
  top: -1rem;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.top-0 {
  top: 0px;
}

.z-\[999\] {
  z-index: 999;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-\[24px\] {
  margin-bottom: 24px;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.h-10 {
  height: 2.5rem;
}

.h-14 {
  height: 3.5rem;
}

.h-6 {
  height: 1.5rem;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.max-h-0 {
  max-height: 0px;
}

.w-10 {
  width: 2.5rem;
}

.w-14 {
  width: 3.5rem;
}

.w-6 {
  width: 1.5rem;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-full {
  max-width: 100%;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

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

.justify-between {
  justify-content: space-between;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[16px\] {
  gap: 16px;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.border {
  border-width: 1px;
}

.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}

.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}

.bg-primary {
  background-color: var(--primary-color);
}

.bg-white {
  background-color: var(--white);
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-2 {
  padding: 0.5rem;
}

.p-4 {
  padding: 1rem;
}

.text-left {
  text-align: left;
}

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

.align-middle {
  vertical-align: middle;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-medium {
  font-weight: 500;
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-white {
  color: var(--white);
}

.opacity-0 {
  opacity: 0;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-300 {
  transition-duration: 300ms;
}

/* new css */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--heading-font);
}

:root{
  --primary-color: #27156B;
  --secondary-color: #F7B75F;
  --background-color: #F3F4F6;
  --secondary-background-color: #F3F3F3;
  --text-color: #2C1816;
  --white: #FFFFFF;
  --orang: #F0713D;
  --orang2: #FF9D60;
  --worning : #D46345;
  --green: #56A195;
  --lightGreen : #DDECEA;
  --pink: #FA9DB7;
  --tabBtn : #FDE9CF;
  --heading-font: 'Baloo 2', sans-serif;
  --paragraph-font: 'Nunito Sans', sans-serif;
  --gray: #E3E3E3;
}

body {
  background-color: var(--white) !important;
  color: var(--text-color);
  font-family: var(--heading-font);
}

a:hover {
  color: var(--secondary-color);
}

/* ////////// */

.sub-title  h3 {
  font-size: 32px;
}

.sub-title  h4 {
  font-size: 24px;
}

.sub-title  h5 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
}

/* ///////// */

h1 ,h2,h3,h4,h5,h6 {
  font-family: var(--heading-font);
  color: var(--primary-color);
  font-weight: 600;
}

h2,h3,h4,h5,h6 {
  font-family: var(--heading-font);
  color: var(--primary-color);
  font-weight: 600;
}

h3,h4,h5,h6 {
  font-weight: 600;
}

p {
  font-family: var(--paragraph-font);
  color: var(--text-color);
}

.outline-btn {
  background-color: transparent;
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.outline-btn:hover {
  background-color: var(--primary-color);
  color: var(--white);
  border-color: transparent;
}

/* header */

.header-section  nav ul li a {
  color: var(--white);
  padding: 24px 0px;
  display: flex;
  font-size: 18px;
  align-items: center;
  font-weight: 500;
}

.header-section  nav {
  gap: 42px;
}

.dropdown-menu {
  position: relative;
}

.sub-dropdown {
  position: absolute;
  padding: 16px;
  top: 100%;
  left: 0;
  background-color: var(--white);
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid var(--secondary-color);
  z-index: 1000;
  display: none !important;
}

.dropdown-menu:hover .sub-dropdown {
  display: flex !important;
}

.header-section .sub-dropdown li a {
  padding: 12px 24px;
}

.mobile-box {
  display: none;
}

.dropdown-menu:hover a svg {
  transform: rotate(-180deg);
}

.dropdown-menu a {
  gap: 5px;
}

.sub-dropdown li {
  position: relative;
  padding: 8px;
}

.sub-dropdown li::before {
  position: absolute;
  content: '';
  background-image: url('../../public/images/orange-ul.svg');
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 14px;
  z-index: -1;
}

.sub-dropdown li a  {
  padding: 0px !important;
  font-size: 16px;
  font-weight: 500;
  color: var(--primary-color) !important;
  line-height: 1.5;
}

.sub-dropdown li a span {
  font-size: 12px;
  line-height: 1.4 ;
}

.sub-dropdown li:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:repeating-linear-gradient(to right,rgba(44, 24, 22, 0.24) 0 5px,transparent 5px 15px)
}

.sub-dropdown li a , .sub-dropdown li span {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.sub-dropdown li:last-child::after {
  content: none;
}

.sub-dropdown li:first-child {
  padding-top: 0px;
}

.sub-dropdown li:first-child::before {
  top: 8px;
}

/* banner-section */

.banner-section {
  background: linear-gradient(180deg, rgba(254, 220, 149, 0.30) 0%,  rgba(254, 220, 149, 0.10) 100%);
  padding: 110px 0px 150px 0px;
  position: relative;
}

.banner-section  .btn-box {
  justify-content:center;
  position: relative;
}

.banner-section ul {
  justify-content: center;
  margin-top: 16px;
}

.banner-section .title-box {
  margin-bottom: 0px;
}

.banner-section ul li {
  gap: 4px;
  font-size: 18px;
  font-weight: 500;
}

.fill-btn {
  background-color: var(--primary-color);
  color: var(--white);
  font-weight: 500;
}

.fill-btn:hover {
  background-color: transparent;
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.banner-section img {
  position: absolute;
}

.banner-section .img-2 {
  bottom: 22%;
  left: 10%;
}

.banner-section .img-3 {
  top: 15%;
  right: 15%;
}

.banner-section .img-4 {
  bottom: 10%;
  right: 22%;
}

.banner-section .img-5 {
  top: 10%;
  left: 26px;
}

.banner-section .img-6 {
  right: 26px;
  bottom: 10%
}

.banner-section .img-1 {
  top: 12%;
  left: 21%;
}

.fill-btn:hover svg  path {
  stroke : var(--primary-color)
}

.banner-section .btn-box .common-btn:hover {
  color: var(--orang2);
  border-color: var(--orang);
}

/* intro-section */

.intro-section  {
  background-image: url('../../public/images/intro-video-bg.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.intro-section .video-box {
  max-width: 800px;
  margin: 0px auto;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 24px;
  border: 4px solid  var(--orang2);
}

.intro-section .video-box video {
  width: 100%;
  border-radius: 16px;
  display: block;
}

.intro-section .video-box #playBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 53px;
  height: 53px;
  background-color: rgba(44, 24, 25, 0.75);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .intro-section .video-box #playBtn:hover { background-color: rgba(255, 255, 255, 0.9); } */

.intro-section .video-box #playBtn svg {
  width: 24px;
  height: auto;
}

.intro-section .video-box #playBtn svg path {
  stroke: var(--white);
  transition: stroke 0.3s ease;
}

.intro-section .video-box #thumbnail {
  width: 100%;
  border-radius: 16px;
  display: block;
  position: absolute;
  top: 0;
}

.intro-section .title-box h2 , .intro-section .title-box p , .intro-section p {
  color: var(--white);
}

.intro-section .title-box p {
  margin-top: 0px;
}

.intro-section p {
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 24px;
}

/* #myVideo { height : 440px  } */

/* world-section */

.world-section , .mandal-method-section {
  background: linear-gradient(180deg, rgba(254, 220, 149, 0.30) 0%,  rgba(254, 220, 149, 0.10) 100%);
  position: relative;
}

/* .common-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; } */

.icon-animation {
  position: relative;
}

.icon-animation .icon {
  position: absolute;
  height: 97px;
  width: 97px;
  -o-object-fit: contain;
     object-fit: contain;
}

.icon-animation .icon-left {
  top: 190px;
}

.icon-animation .icon-right {
  top: 100px;
  right: 16%;
}

.faq-section .item .accordion-content[style="max-height: 54px;"] {
  margin-top: 10px;
}

.world-section .common-box {
  background-color: var(--white);
  padding: 16px;
  border-radius: 32px;
  height: 259px;
}

.world-section .common-box .img-box {
  background-color: var(--secondary-background-color);
  padding: 16px;
  width: 100%;
  border-radius: 16px;
}

.world-section .content-box ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.world-section .content-box ul li {
  position: relative;
}

.worng-item {
  color: var(--worning);
  font-size: 18px;
  font-weight: 600;
}

.right-item {
  color: var(--green);
  font-size: 18px;
  font-weight: 600;
}

.menu-box {
  display: none;
}

.menu-box span {
  height: 2px;
  width: 40px;
  background: var(--white);
  display: block;
  margin-bottom: 8px;
}

.menu-open .menu-box a span:first-child {
  transform: rotate(45deg);
  background: var(--white);
}

.menu-open .menu-box a span:last-of-type {
  transform: rotate(-45deg);
  margin-top: -9px;
  background: var(--white);
}

.menu-open .menu-box a span:nth-last-child(2) {
  display: none;
}

/* pillars-section */

.pillars-section .common-box {
  padding: 24px;
  border-radius: 24px;
  height: 180px;
  display: flex;
  gap: 16px;
  position: relative;
  align-items: flex-start;
  overflow: hidden;
}

.pillars-section .common-box .content-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pillars-section .sub-title  h5 {
  color: var(--primary-color);
}

.pillars-section .common-box .content-box  p {
  color: var(--text-color);
  font-size: 16px;
  line-height: 1.5;
  font-family: var(--paragraph-font);
}

.pillars-section .common-box .bg-img {
  position: absolute;
  bottom: 0px;
  left: 0;
}

.pillars-section .common-btn {
  margin-top: 24px;
  justify-self: center;
  display: flex;
  justify-content: center;
}

.pillars1 {
  background-color: #FEE6C6;
}

.pillars2 {
  background-color: #ECD6F3;
}

.pillars3 {
  background-color: #DDF3D8;
}

.pillars4 {
  background-color: #BEE0FD;
}

.pillars5 {
  background-color: #C8D9FA;
}

.pillars6 {
  background-color: #FEDDCE;
}

.pillars7 {
  background-color: #D0EDEF;
}

.pillars8 {
  background-color: #F3E9C2;
}

.pillars9 {
  background-color: #D1EEE3;
}

/* rainbow-image */

.rainbow-image {
  width: 100%;
}

/*  */

.education-box .common-box img {
  max-height : 182px;
  width : auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.education-section .education-bg {
  position:absolute;
  width: 100%;
  top: 27%;
  -o-object-fit: fill;
     object-fit: fill;
}

.education-box .common-box p {
  font-size: 16px;
}

.education-box .common-box {
  gap: 24px;
}

.education-box  .content-box  {
  gap: 16px;
}

.education-box .common-box {
  z-index: 5;
  justify-content: space-between;
}

.education-box .common-box:nth-child(3) img   {
  margin-top: 29px;
}

.education-box .common-box:nth-child(4) img {
  margin-top: 40px;
}

/* movement-section */

.movement-section {
  background-color: var(--primary-color);
  position: relative;
}

.movement-section .title-box h2 , .movement-section .title-box p {
  color: var(--white);
}

.movement-section  .common-box {
  background-color: rgba(255, 255, 255, 0.04);
  align-items: flex-start;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 24px;
  padding: 24px;
  gap: 16px;
}

.movement-section  .common-box h3 {
  color: var(--secondary-color);
}

.movement-section  .icon-box {
  gap:16px;
}

.movement-section  .common-box h4 {
  color: var(--white);
  font-weight: 500;
}

.movement-section  .common-box .border {
  background-color: rgba(255, 255, 255, 0.24);
  border:1px solid rgba(255, 255, 255, 0.24) ;
}

.movement-section  .common-box p {
  font-size: 18px;
  color: var(--white);
}

.movement-section-bg {
  top: -20px;
}

.movement-section-bg-2 {
  bottom: -20px;
}

/* tab-section */

.learning-section .btn-box {
  margin-top: 24px;
}

.LearningTab .tab-header li , .LearningTab .tab-header li.resp-tab-active {
  padding : 12px 47px !important;
  border : none;
  background-color : var(--tabBtn);
  color: var(--primary-color);
  font-size: 20px;
  border-radius: 100px;
}

.LearningTab .tab-header  {
  margin-bottom : 24px;
  display:flex;
  justify-content:center;
  gap : 24px;
}

.LearningTab .tab-header li.resp-tab-active  {
  background-color: var(--secondary-color);
}

.LearningTab  .tab-container {
  border: none !important;
  background-color: transparent;
}

.LearningTab .content-box {
  background-color: var(--lightGreen);
  border-radius: 32px;
  border: none !important;
  padding: 0px;
  overflow: hidden;
}

.LearningTab .content-box .left-box {
  display: grid;
  gap: 12px;
}

.LearningTab .content-box .left-box h3 {
  font-size: 32px;
}

.LearningTab .content-box .left-box p {
  font-size: 18px;
}

.LearningTab .content-box .grid , .ProgramsLeearningTab .content-box {
  align-items: self-start;
  padding: 40px;
}

.LearningTab .content-box .left-box  ul li {
  position: relative;
  padding-left: 25px;
  font-size: 18px;
  color: var(--text-color);
  font-weight: 500;
}

.LearningTab .content-box .left-box  ul {
  gap: 16px;
  display: grid;
}

.LearningTab .content-box .left-box  ul li::before {
  position: absolute;
  content: '';
  background-image: url("../../public/images/learning-arrow.webp");
  width: 16px;
  height: 12px;
  left: 0;
  top: 6px;
}

.LearningTab .tab-bottom {
  width : 100%;
  background-color : #C8DEDB;
  display:flex;
  justify-content:center;
  padding: 8px;
  color: var(--textColor);
  font-size : 18px;
  font-weight :600
}

/* lover-section */

.video-box {
  overflow: hidden;
  border-radius: 100px;
}

.faq-section  .custom-container {
  gap : 40px;
}

.faq-section  .left-box .title-box  {
  text-align: left;
  justify-content: start;
  align-items: flex-start;
}

.faq-section  .item {
  background-color: #FFF5DF ;
  border-radius: 24px;
  padding: 24px;
}

.faq-section  .item .accordion-btn {
  font-size: 24px;
  color: var(--primary-color);
}

.faq-section .right-box {
  display: flex;
  gap: 24px;
  flex-direction: column;
}

.faq-section  .item .accordion-btn .icon {
  width: 35px;
  height: 35px;
  background-color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.faq-section  .item .accordion-content p {
  font-size: 18px;
}

.faq-section .accordion .item:nth-child(even) {
  background-color: var(--lightGreen);
}

/* gurukul-revolution-section  */

.gurukul-revolution-section  .grid {
  border-radius: 32px;
  overflow: hidden;
}

.gurukul-revolution-section .left-box {
  padding:60px 56px;
  background-color: var(--primary-color);
  gap: 16px;
  justify-content: center;
}

.gurukul-revolution-section .left-box h3 {
  font-size: 32px;
  color: var(--white);
}

.gurukul-revolution-section .left-box p {
  font-size: 18px;
  color: var(--white);
}

.gurukul-revolution-section .outline-btn {
  color: var(--white);
  border-color: var(--white);
}

.gurukul-revolution-section .outline-btn:hover {
  background-color: var(--white);
  color: var(--text-color);
}

/* ai-guru-section */

.ai-guru-section .accordion {
  gap: 24px;
}

.ai-guru-section .accordion .item-box {
  padding: 16px;
  border: 1.5px solid var(--gray);
  background-color: var(--white);
  gap: 16px;
  border-radius: 24px;
  align-items: center;
}

.ai-guru-section .accordion .item-box .content {
  display: flex;
  flex-direction: column;
}

.ai-guru-section .accordion .item-box .content h2 {
  font-size: 24px ;
  font-weight: 600;
}

.ai-guru-section .accordion .item-box .content p {
  font-size: 16px ;
}

.item-box p {
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.ai-guru-section .accordion .item-box.active p {
  margin-top: 12px;
}

.ai-guru-section .accordion .item-box.item-box.active {
  align-items: flex-start;
}

.ai-guru-section {
  background: linear-gradient(180deg, #F3F4FF 0%, #FFF5DF 100%);
}

.ai-guru-section .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* .ai-guru-section .img-box::after {
    content: "";
    position: absolute;
    inset: 50px;
    border: 4px dotted #ff6b4a;
    border-radius: 50%;
    z-index: 10;
    width: 500px;
    height: 500px;
    top: -23px;
} */

/* saty-section */

.stay-connected-section  {
  background-color: var(--secondary-color);
  padding: 60px 0px;
}

.form-control {
  display: block;
  width: 100%;
  padding: 16px 32px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--text-color);
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 16px;
  transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
}

.stay-connected-section .form-group  {
  gap :24px
}

.stay-connected-section .grid {
  gap: 24px;
}

input:focus-visible {
  border: none;
  outline: none;
}

.stay-connected-section .common-btn {
  padding :15px 50px;
  border-radius: 16px;
}

/* footer */

footer {
  background-color: var(--primary-color)
}

.footer .top-footer {
  padding: 62px 0px;
  gap: 10px;
  align-items: flex-start;
}

.footer .top-footer , .footer .top-footer p , .footer .top-footer h4{
  color: var(--white);
}

.footer .top-footer .logo-box img  , .footer .top-footer .logo-box p {
  margin-bottom: 24px;
}

.footer .top-footer .logo-box p {
  font-size: 18px;
}

.footer .top-footer  .social-link  {
  gap: 16px;
}

.footer .link-box .common-box h4 {
  margin-bottom: 8px;
  font-size: 18px;
}

.footer .link-box .common-box ul  {
  gap: 10px;
  display: flex;
  flex-direction: column;
}

.footer .link-box .common-box ul li {
  position: relative;
  font-size: 18px;
  padding-left: 15px;
}

.footer .link-box .common-box ul li::before {
  position: absolute;
  content: '';
  background-color: var(--white);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 0;
  top: 10px;
}

.footer .link-box  {
  display: flex;
  justify-content: space-between;
}

.footer .border {
  border-color:#41317D
}

.bottom-footer  {
  padding: 24px 0px;
}

.bottom-footer .common-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bottom-footer .common-box a {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
}

.copyright-section {
  background-color: #382777;
  color: var(--white);
  padding: 5px 0px;
}

.copyright-section ul {
  gap: 10px;
}

/* program-page */

.inner-banner-section {
  background-color: color-mix(in srgb, var(--secondary-color) 20%, transparent);
  padding : 67px 0px;
  position: relative;
  overflow: hidden;
}

.inner-banner-section::before , .inner-banner-section::after {
  position :absolute;
  content: '';
  background-image: url('../../public/images/inner-banner.svg');
  background-position: center center;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: -28px;
  right: 43%;
}

.inner-banner-section::after  {
  top: auto;
  bottom: -28px;
  right: auto;
  left: 44%;
  transform: rotate(180deg);
}

.breadcrumbs {
  background-color: #FCE8C5;
  color: var(--text-color);
  padding:  8px 0px;
}

.breadcrumbs .custom-container {
  gap: 8px;
  align-items: center;
}

.breadcrumbs  a {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
}

.breadcrumbs  span {
  font-size: 18px;
  font-weight: 600;
}

/* what-we-section */

.what-we-section , .new-method-section {
  background: linear-gradient(180deg,rgba(243, 246, 245, 0.4) 0%,rgba(243, 246, 245, 1) 100%);
}

.what-we-section .grid {
  gap: 40px;
}

.what-we-section .common-box {
  padding: 12px;
  background-color: var(--white);
  border-radius: 24px;
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  justify-content: flex-start;
  height: 202px;
}

.what-we-section .common-box .img-box span {
  position: absolute;
  font-size: 64px ;
  color: var(--primary-color);
  font-weight: 600;
  top: 0;
  right: -12px;
}

.what-we-section .common-box .img-box img {
  width: 100%;
}

.what-we-section .common-box .sub-title h5 {
  font-weight: 500;
}

.what-we-section .common-box .sub-title  {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}

.what-we-section .common-box.box-1 .img-box span {
  color: #DC3172;
}

.what-we-section .common-box.box-2 .img-box span {
  color: #F15C43;
}

.what-we-section .common-box.box-3 .img-box span {
  color: #ACBE00;
}

.what-we-section .common-box.box-4 .img-box span {
  color: #1A8EE2;
}

.what-we-section .common-box.box-5 .img-box span {
  color: #19D347;
}

.what-we-section .common-box.box-6 .img-box span {
  color: #3BC2C6;
}

.what-we-section .common-box.box-7 .img-box span {
  color: #3BCE60;
}

.what-we-section .common-box.box-8 .img-box span {
  color: #AC65E9;
}

.what-we-section .common-box.box-9 .img-box span {
  color: #FF953F;
}

.what-we-section .common-box.box-10 .img-box span {
  color: #DA448A;
}

.rotet-box1 {
  transform :rotate(-6deg);
}

.rotet-box2 {
  transform :rotate(6deg);
}

/* age-gets-section */

.age-gets-section {
  background: linear-gradient(to bottom, #FFF2E8 0%, #FFE9D9 100%);
}

.age-gets-section .movement-section-bg {
  top: -20px;
}

.age-gets-section .movement-section-bg-2 {
  bottom: -20px;
}

.age-gets-section .common-box {
  padding: 16px;
  background-color: var(--secondary-color);
  border-radius: 24px;
  position: relative;
  gap: 12px;
  margin-top: 24px;
}

.age-gets-section .common-box::before {
  position: absolute;
  content: '';
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA1MSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYxXzU1OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMjIzMzQgNS45NjIxNkMtMi44MDc5MSA0LjE2MzA0IDQuNTY2MzUgLTAuMTU1MjI1IDYuNjY3MzUgMC4wMTI1NjYzQzkuNTY5MjkgMC4yNDI3NSAxMS40MTQ5IDIuMDU2OTIgMTAuNjE0IDYuMTQxNjRDMTAuMTk2MSA4LjI3OTU3IDEyLjM0MzYgMTEuMDk2NCAxMy45MDY3IDEzLjE1MjRDMTYuMjQ3NiAxNi4yMzg0IDE5LjE2NSAxOC44NjQxIDIxLjY5NTUgMjEuODA5NkMyMy40OTQ3IDIzLjkwNDcgMjcuNTQxOSAyMy44ODEzIDI5LjQ2NSAyMS43MTIxQzMyLjU3MTkgMTguMjEyNSAzNS44OTE4IDE0Ljg5NjQgMzguODc4OCAxMS4yOTkxTDM4Ljg4NjUgMTEuMzAzQzM5LjY0ODggMTAuMjA2NiAzOS44NjkzIDguODE3NzUgMzkuNDkwMiA3LjUzNDI1QzM4LjQxNDUgNS4wOTU4OSAzOS4zMDQ0IDMuOTMzMjQgNDEuNDkwNSAyLjk2OTY0QzQ1LjUzIDEuMTk0NTQgNDguNzk1NiAxLjU5MjQ1IDQ5Ljc0MzYgNC4yMjE5OEM1MC43MjYzIDYuOTQ5MDggNDkuMTMyMiA4LjQwMDM3IDQ2LjcwMjQgOS4yNjY1QzQwLjA4MjEgMTEuNjIzIDMzLjUwNTIgMjIuMzIgMzQuNjM0MSAyMy4yNjU3QzM1LjQ2NCAyMy45NjA5IDM4LjAyMDkgMjQuMjExNCAzOC4xMDEyIDI0LjI1MTNDMjkuNTU0MSAyNC4yMTE0IDE5LjU4MjEgMjQuMjI1MyAxMy45ODU3IDI0LjI1MTNDMTMuOTE0NSAyNC4yNTE2IDE3LjEyODEgMjMuNTg5MyAxOC4yNjUgMjMuNDU0OUMyMS40NjM2IDIzLjA3NjYgOC44NjQzMyA5LjM3MjI5IDEuMjIzMzQgNS45NjIxNloiIGZpbGw9IiNGN0I3NUYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82MV81NTkiPgo8cmVjdCB3aWR0aD0iNTEiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
  background-size: auto;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  top: -58px;
  left: -92px;
}

.age-gets-section .grid {
  gap: 24px;
}

.age-gets-section .common-box .sub-title h5 {
  color: var(--text-color);
}

/* work map */

.workMapImg  {
  width: 100%;
}

.gurukul-work-section .common-grid {
  margin-bottom: 30px;
}

.gurukul-work-section .common-box {
  position: relative;
}

.gurukul-work-section .common-box span {
  position: absolute;
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color);
  top: 26%;
  left: 38%;
  max-width: 48%;
  height: 54px;
  display: flex;
  align-items: center;
}

/* program-page */

.gurukul-work-section .common-box:before {
  position: absolute;
  content: '';
  height: 50px;
  width: 1px;
  border-left: 2px dashed transparent;
  -o-border-image: repeating-linear-gradient( to bottom, #2C1816 0, #2C1816 4px, transparent 4px,  transparent 10px);
     border-image: repeating-linear-gradient( to bottom, #2C1816 0, #2C1816 4px, transparent 4px,  transparent 10px);
  border-image-slice: 1;
  top :100%;
  left:16%
}

.gurukul-work-section .common-box:after {
  position: absolute;
  content: '';
  width: 10px;
  height:10px;
  background-color : var(--text-color);
  border-radius:50%;
  bottom:-40%;
  left:14.9%;
}

.gurukul-work-section .common-box:nth-child(2):before {
  height:110px;
}

.gurukul-work-section .common-box:nth-child(2):after {
  bottom : -80%
}

.gurukul-work-section .common-box:nth-child(3):before {
  height:80px;
}

.gurukul-work-section .common-box:nth-child(3):after {
  bottom : -52%
}

/* ProgramsLeearningTab */

.ProgramsLeearningTab .content-box .grid {
  padding : 0px
}

.ProgramsLeearningTab .bottom-box .common-box {
  padding: 16px 24px;
  background-color: var(--white);
  border-radius: 24px;
}

.common-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.common-list li {
  position: relative;
  font-size: 18px;
  color: var(--text-color);
  padding-left: 28px;
  font-weight: 500;
}

.common-list li::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('../../public/images/right-sing.svg');
  background-size: auto;
  background-repeat: no-repeat;
  left: 0;
  top:5px;
}

.ProgramsLeearningTab .bottom-box .common-box .sub-title {
  margin-bottom: 16px;
}

.ProgramsLeearningTab .bottom-box {
  gap: 24px;
  margin-top: 32px;
}

.ProgramsLeearningTab .top-box {
  gap : 24px;
  align-items: center;
}

.social-link a:hover svg circle {
  fill : var(--white);
}

.social-link a:hover svg path {
  fill : var(--primary-color);
}

.social-link a:nth-child(3):hover svg path:first-child {
  fill : var(--white);
}

.ProgramsLeearningTab .content-box .left-box ul {
  display: flex;
  flex-wrap: wrap;
}

.ProgramsLeearningTab .content-box .left-box ul li {
  background-color: var(--white);
  border-radius: 24px;
  padding: 8px 16px 8px 44px;
  overflow: hidden;
}

.ProgramsLeearningTab .content-box .left-box ul li::before {
  background-image: url('../../public/images/green-ul.svg');
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  left: 14px;
  top: 12px;
}

/* footer  */

.footer-section-bg {
  top: -15px;
}

#videoModal #closeVideo {
  width: 40px;
  height: 40px;
}

.bottom-footer .common-box a:hover {
  color: var(--secondary-color);
}

/* section {  overflow: hidden;} */

/* .movement-section  { overflow-x: hidden; overflow-y: auto;} */

.common-bottom-section.icon-animation .icon-right {
  top: 0;
}

.common-bottom-section.icon-animation .icon-left {
  top: 80px;
}

.banner-section .btn-box a:first-child:hover , .banner-section .btn-box .common-btn:hover {
  color : #F0713D;
  border-color : #F0713D
}

.banner-section .btn-box a:first-child:hover svg path , .banner-section .btn-box .common-btn:hover svg path {
  stroke : #F0713D;
}

/* the-method 2.0 page */

.new-method-section  .grid {
  gap: 40px;
}

.new-method-section  .common-box {
  gap: 16px;
}

.new-method-section .common-box.box-2 {
  margin-top: 50px;
}

.new-method-section .grid {
  gap: 26px;
}

/* The Backbone */

.the-backbone-section  .the-backbone-box {
  gap: 24px;
}

.the-backbone-section .common-box {
  background-image: url('../../public/images/the-backone-bg.svg');
  background-size: cover;
  height: 317px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 32%;
  position: relative;
}

.the-backbone-section .inner-box {
  top: 38px;
  width: 70%;
  gap: 12px;
}

.the-backbone-section .inner-box  .title-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* grukul-psychology-section */

.movement-section-bg-2 {
  z-index: 9;
}

.grukul-psychology-section  .grid-box , .grid-box {
  gap: 24px;
}

.svg-card  {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.svg-card .card-box .content-box {
  top : 50%;
  transform : translateY(-50%) ;
  left: 24px;
  gap:16px
}

.svg-card .card-box .content-box .sub-title {
  gap:8px;
}

/*  */

.avadhan-section .left-box .title-box {
  margin-bottom: 0px;
}

.avadhan-section .left-box  {
  gap: 32px;
}

.img-list-box ul  {
  gap: 12px;
}

.img-list-box ul li {
  position: relative;
  padding: 8px 16px 8px 42px;
  background-color: var(--secondary-background-color);
  color: var(--text-color);
  font-size: 18px;
  border-radius: 24px;
  font-weight: 500;
}

.img-list-box ul li::before{
  background-image: url('../../public/images/green-ul.svg');
  position: absolute;
  top: 11px;
  left: 12px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  content: '';
}

.avadhan-section  .img-box span {
  position: absolute;
  font-size: 20px;
  font-weight: 500;
  color: var(--primary-color);
}

.avadhan-section .left-box .border {
  border-color: rgba(0, 0, 0, 0.16);
}

.avadhan-section  .grid-box {
  align-items: center;
}

.avadhan-section  .img-box  {
  display: flex;
  justify-content: center;
  align-items: center;
}

.avadhan-section  .img-box .avadhan-span {
  left: 6%;
  top: 23%;
}

.avadhan-section  .img-box .avadhan-span2 {
  left: 76%;
  top: 23%;
}

.avadhan-section  .img-box .avadhan-span3 {
  left: 6%;
  top: 100%;
}

.avadhan-section  .img-box .avadhan-span4 {
  left: 71%;
  top: 100%;
}

.avadhan-section  .img-list-box .sub-title {
  gap: 8px;
}

.svg-card .card-box .content-box .sub-title span {
  font-weight: 500;
  font-size: 16px;
}

/* the mandel pages html */

.mandala-cycle-section .grid-box {
  align-items: center;
}

.mandala-cycle-section .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mandala-cycle-section  .img-box .men-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.bg-rotate {
  animation: rotateAni 12s linear infinite;
}

@keyframes rotateAni {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* structural-framework */

.structural-framework .common-box {
  height: auto;
  flex-direction: column;
  gap: 12px;
}

.structural-framework .sub-title h5 {
  font-size : 18px;
}

.structural-framework .common-box .inner-box {
  padding : 16px 24px;
  background: rgba(255,255,255, 0.5); ; width : 100%;
  border-radius:24px;
  height: 119px;
}

.dout-list-item {
  display:flex;
  flex-direction:column;
  gap:12px;
}

.dout-list-item li {
  position: relative;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 500;
}

.dout-list-item li::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: var(--green);
  border-radius: 50%;
  left: 0;
  top: 5px;
}

.structural-framework .sub-title p {
  font-size: 12px;
  font-weight: 600;
}

.weekly-rhythm-section .common-box {
  padding : 8px;
  border-radius : 32px;
}

.weekly-rhythm-section .common-box  .inner-box {
  padding: 16px;
  border: 1px dashed var(--orang);
  border-radius:28px;
  background-color : rgba(255,255,255, 0.50);
  gap : 16px;
}

.weekly-rhythm-section  .grid-box {
  align-items: center;
}

.common-bg-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.common-bg-list li {
  padding-left: 28px;
  position: relative;
  font-size: 18px;
  color: var(--white);
}

.common-bg-list li::before {
  position: absolute;
  content: '';
  left: 0;
  top: 3px;
  width: 100%;
  height: 100%;
  background-image: url('../../public/images/white-li.svg');
  background-repeat: no-repeat;
}

.work-method .tab-bar {
  width:34% !important;
}

.work-method .tab-container {
  width:66% !important;
}

.work-method .tab-bar {
  padding : 32px 0px 32px 32px;
  background-color : var(--secondary-color);
  display:flex;
  flex-direction:column;
  gap: 16px;
}

.work-method {
  border-radius: 24px !important;
  overflow:hidden;
  display: flex !important;
}

.work-method .tab-bar  li {
  padding : 16px 32px !important;
  background-color : rgba(255,255,255, 0.32);
  border-radius:100px;
  border:none;
  font-size: 20px;
  color:var(--primary-color);
  font-weight :600;
  width:95%
}

.work-method .tab-bar  li.resp-tab-active {
  background-color : var(--primary-color);
  color:var(--white);
  width : 100%;
  border-top-right-radius : 0px;
  border-bottom-right-radius : 0px;
}

.work-method  .common-tab-box  {
  background-color : var(--primary-color);
  border: none;
  padding : 32px;
  display:flex !important;
  gap: 24px;
  flex-direction:column ;
}

.work-method  .tab-container {
  border :none !important;
}

.work-method .common-tab-box .common-box {
  background-color : rgba(255,255,255, 0.10);
  padding: 24px;
  border-radius : 24px;
  gap: 16px;
}

.work-method .common-tab-box .common-box h4 {
  color: var(--white);
}

.work-method .bottom-box ul {
  display:grid;
  grid-template-columns: 1fr 1fr ;
  gap : 8px 24px;
}

.work-method .resp-tab-content  {
  padding:  0px !important;
  border: none !important;
}

.resp-vtabs.work-method .resp-tabs-list li {
  padding: 16px 32px !important;
}

.mandala-method-section {
  overflow: hidden;
}

.mandala-method-section::before {
  position: absolute;
  content: none;
  width: 100%;
  height: 100%;
  background-image: url('../../public/images/the-mandala-method-works.webp');
  background-repeat: no-repeat;
  top: 15%;
  left: 0;
  z-index: -1;
}

.mandala-method-section::after  {
  position: absolute;
  content: none;
  width: 100%;
  height: 100%;
  background-image: url('../../public/images/the-mandala-method-works.webp');
  background-repeat: no-repeat;
  top: 15%;
  right: -83%;
  z-index: -1;
}

.inner-banner-section .custom-container .title-box {
  margin-bottom: 0px;
}

.inner-banner-section , .mandala-cycle-section {
  overflow: hidden;
}

.weekly-rhythm-section .title-box {
  margin-bottom: 0px !important;
}

.header-section nav ul li a:hover , .header-section .sub-dropdown li a:hover {
  color: var(--orang2) !important;
}

.header-section nav ul li a:hover svg path {
  stroke: var(--orang2);
}

.header-section .sub-dropdown li a {
  line-height: 1.8;
}

/* .comparison-table td {
  padding-right: 24px;
} */

.comparison-table td:last-child {
  padding-right: 0;
}

.table-wrapper {
  overflow-x: auto;
  /* padding-bottom: 10px; */
}

/* Table */

.comparison-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 16px 16px;
  /* space between rows */
  font-family: sans-serif;
}

/* Header */

.comparison-table thead th {
  color: var(--primary-color);
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  padding-bottom: 0px;
}

/* Cell: Aspect text pill */

.cell-aspect {
  background: var(--white);
  padding: 16px 28px;
  border-radius: 24px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  font-size: 20px;
  font-weight: 600;
  color: var(--primary-color);
  min-width: 330px;
}

/* General cell styles */

.cell-x,
.cell-tick {
  background: var(--white);
  padding: 16px 28px;
  border-radius: 24px;
  /* font-size: 22px; */
  /* font-weight: bold; */
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  max-width: 150px;
  min-width: 150px;
}

/* Colors */

/* Multiple ticks in same column */

.multi {
  display: flex;
  gap: 12px;
}

/* contact-page  */

.contact-section {
  background-image: url(../../public/images/contact-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.contact-section form{
  background-color:var(--white);
  padding:32px;
  border-radius: 32px;
}

.contact-section form input, .contact-section form textarea{
  background-color: #F3F3F3;
  padding: 16px;
  border-radius: 16px;
}

.contact-section form textarea{
  height: 120px;
}

.contact-section .left-box .contain-box span{
  font-size: 16px;
  line-height: 24px;
  margin-bottom:4px;
}

.contact-section .left-box .contain-box a{
  font-size:24px;
  line-height: 35px;
  font-weight: 500;
}

.contact-section .right-box form .common-form-box label{
  font-size:18px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 8px;
}

.contact-section .right-box form .common-form-box input::-moz-placeholder{
  font-size:16px;
  line-height:24px;
}

.contact-section .right-box form .common-form-box input::placeholder{
  font-size:16px;
  line-height:24px;
}

/* stories-of-awakening */

.TransformationGrid .grid-box {
  padding: 0px !important;
  background-color: transparent;
}

.TransformationGrid .content-box {
  background-color: transparent;
}

.card-img-box {
  gap: 16px;
  padding: 28px 24px  48px 24px;
  background-image: url('../../public/images/grid-bg-1.webp');
  height: 100% !important;
  width: 100%;
  background-repeat: no-repeat;
  border-radius: 14px;
}

.TransformationGrid  .tab-header li, .TransformationGrid  .tab-header li.resp-tab-active {
  padding: 12px 24px !important;
}

.card-img-box .img-box {
  position: relative;
}

.card-img-box .img-box img {
  width: 100% !important;
}

.card-img-box .img-box span {
  position: absolute;
  padding:4px 8px;
  background-color: var(--white);
  font-size: 16px;
  color: var(--text-color) ;
  display: flex;
  align-items: center;
  border-radius: 24px;
  font-weight: 500;
  gap: 8px;
  top: 20px;
  left: 12px;
}

.card-img-box .sub-title h5 {
  color: var(--text-color);
}

.card-img-box .sub-title p {
  font-size: 18px;
}

.card-img-box .sub-title {
  gap: 12px;
  display: flex;
  flex-direction: column;
}

.card-img-box .sub-title a {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--primary-color);
  gap: 5px;
}

.card-img-box.bg-2 {
  background-image: url('../../public/images/grid-bg-2.webp');
}

.card-img-box.bg-3 {
  background-image: url('../../public/images/grid-bg-3.webp');
}

.row-section .common-box {
  padding: 0px !important;
  border: none;
  background-color: transparent !important;
  gap: 24px;
}

.row-section .common-box  img {
  border-radius: 24px;
}

.parents-section .common-box {
  padding: 16px;
  background-color: var(--secondary-background-color);
  gap: 16px;
  border-radius: 24px;
}

.parents-section .common-box span {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.parents-section .common-box .img-box {
  border-radius: 24px;
}

/* community-page */

.community-stands-section .common-box {
  padding: 24px;
  border-radius: 24px;
  gap: 16px;
  background: linear-gradient( 180deg,rgba(221, 240, 237, 1) 0%, rgba(221, 240, 237, 0.2) 100%);
  align-items: center;
}

.community-stands-section .common-box .sub-title {
  gap: 12px;
}

.community-stands-section .common-box:nth-child(3) {
  background: linear-gradient( 180deg,rgba(224, 219, 242, 1) 0%, rgba(224, 219, 242, 0.2) 100%);
}

.community-stands-section .common-box:nth-child(2) {
  background: linear-gradient( 180deg,rgba(255, 228, 205, 1) 0%, rgba(255, 228, 205, 0.2) 100%);
}

.inside-the-section .common-box {
  border-radius: 24px;
  background-color: var(--white);
  padding: 12px;
}

.inside-the-section .common-box .inner-box {
  border-radius: 24px;
  border: 2px dashed var(--orang);
  background-color: var(--white);
  padding: 12px;
  gap: 8px;
  height: 100%;
}

.inside-the-section .inner-box .sub-title h5  {
  font-size: 18px;
}

.inside-the-section .inner-box .sub-title p  {
  font-size: 14px;
  height: auto !important;
  color: var(--text-color);
}

.inside-the-section .inner-box .sub-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.festival-mandal-section .img-box {
  position: relative;
  overflow: hidden;
  border-radius: 24px 24px 0px 0px;
}

.festival-mandal-section {
  background-color: var(--green);
}

.festival-mandal-section .title-box h2 , .festival-mandal-section .title-box p {
  color: var(--white);
}

.festival-mandal-section .img-box::before {
  position: absolute;
  content: '';
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjQ5IiB2aWV3Qm94PSIwIDAgMjUwIDQ5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHJlY3Qgd2lkdGg9IjI1MCIgaGVpZ2h0PSI0OSIgZmlsbD0idXJsKCNwYXR0ZXJuMF8xODNfMTUzNikiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMF8xODNfMTUzNiIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfMTgzXzE1MzYiIHRyYW5zZm9ybT0ibWF0cml4KDAuMDAzMDMwMyAwIDAgMC4wMTU0NjA3IDAgLTAuMDAyNDczNzIpIi8+CjwvcGF0dGVybj4KPGltYWdlIGlkPSJpbWFnZTBfMTgzXzE1MzYiIHdpZHRoPSIzMzAiIGhlaWdodD0iNjUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBVW9BQUFCQkNBWUFBQUMzbWUxeUFBQVFBRWxFUVZSNEFlemRlYXMwUnhVRzhOZVlhTlNZeEN4azArd3haREZLeEIzM0RWRnhSMVJFSXhKeFFSSEZGZmQ5M3hWWEZGRVUxTDhVQkFYQkw1WTh2OG50eWR5NTNUUGQwejB6M1RQMVVuVjdxenAxenFsVFQ1MVQxVDN2ZWVmS3Y2S0Jvb0dpZ2FLQmxSb29RTGxTUGVWaDBVRFJRTkhBdVhNRktJc1ZGQTBVRFJRTnJOSEFLSUJ5RFkvbGNkRkEwVURSd0Y0MVVJQnlyK292alJjTkZBMU1RUU1GS0tmUVM0WEhvb0dpZ2IxcW9BQmxwZjV5TEJvb0dpZ2FhTkJBQWNvR3haVGJSUU5GQTBVRGxRWUtVRmFhS01laWdhS0Jvb0VHRFJTZ2JGRE1mbTZYVm9zR2lnYkdxSUVDbEdQc2xjSlQwVURSd0tnMFVJQnlWTjFSbUNrYUtCb1lvd1lLVUk2eFYvYkxVMm05YUtCb1lFa0RCU2lYRkZJdWl3YUtCb29HbGpWUWdISlpJK1c2YUtCb29HaGdTUU1GS0pjVVVpN0hvWUhDUmRIQW1EUlFnSEpNdlZGNEtSb29HaGlsQmdwUWpySmJDbE45TlBEQUF3OWNrSHhSOHFYSmx5VmZtWHoxVW5iUGMrVXU3Tk5lcVh2NEdpaEFlZmg5ZkJRU0JnUUJIakM4SlFMZm1ueGo4ZzNKanRmbmVOMVNkdSttM0ZQK3B0Uy9QZm1HWk1ENkVIRG1ZVWxGQXpRd0dxQ01nZklDNUF0enp1ak45b3ZaUGMrVXVRRHpKUiszQm1JbjdBRTQzaEZOM0pZTURDL044YkhKajA0K1Ava1J5VTJKL1N1ai9FVXBkRVV5OEFTYWQ0USsyZ1UwbzVSalR3eGw1enFJQVFJN3dNY1FiOG4xN1dGQ3ZqUEh1NUtkbStrWHMzdWUzZTI1T3NucW9nRlFpMEZITWNlUTB1OXNoMjJ3Q2VBSTZJYTA1UW84MFFhYTdJeU5sUW42R0F5c1JzWWhqYXVHL01PM1l0elY3TS9BQVdKbDVEd0FzM25sQVR4Y3FmNE16OHFxb3k1alJyTXlhTUJaUUxOZWQ1TytHeHN5d1Fxbm54eEI5RDFBeStsV2t6YTBkWE5hdVRVOFhKbmpEbE5wYWd3YUFEcGI0eU5HWmVhMzdzTUw1QTBDTlViSCtJWnVGMDIwdFhGWDJuNXFzcllCNnRCdEZYbzcxa0Q2OHVvMGFZSVZIcThLcDFOc0swbWJQTmZydzh2ZHlaZHRwWlZDZEpRYUdCd29ZMEJtZlR1S1BFYWUzdVdSbkFlWXcwNFQ0RFNvYmd0UHZFMDhsZEJwcDEzUXY3SDBuVWlFSFYwVGF2bzBoNzBuOW13U0ZwS1g2R1h2M2JGOUJnWUR5aGcwZ0x3MkxBUElKK1hJazJQWVp1SmM3aTJSRVM5NEFwZ2xOTjliVjNSck9EWWxRbUJQanZxeEc0SHRsc1lQdm1ZMnRkMm05azc5NkJuUTJiMlVFR091QUZKWVpOWTMyKzRiSE90a3doUGVnTG5YUVlxSFdhZWxrZHlMWFpuY3JFZWFiRWZDVlMwYitMc20vUEl1UnhXeGhDZGowL0lYVzc4MjE1VVhqRmZubkFhYlZMejJVZkZlcStrOTN0d1lLS04wblFCMHpQZ0Frc0hzVVpUV1RRTk1hMDA4ekpzamh3SFp1bklwdUgwTnBFOXNtQWkzcDJKVHhsSGxYZTdObnFJM1l4THdBVUhqa3ZQaTZKMVJZOVJTRkQ1bDU5Yno2WGxXTHZVQktFQUZyZ1U0RjB4ZEJ5OWN0anVOUWlsYUIxQStMNjFkeFhHVkFwaU1XdWpFY3hrWGQwZktUV3dMU0pyRXBnS1NpejFsTEFDYm5XNzBSR2NBc25KYUFCOFFaTnR0ZFdnczROMjROcWFOYlU2RXZsaVViNi9uKzJ5OEUxQ21RN2pvT2tLbTJIM3lQbVRiVjBRMk81a01aVWk2aFZZSERhUVBBSXdCYitCMnFEbXFvc0RweHNoQ2pxMHlsalo0ZmtEdEtXa0l3QTA1SmdHdEhmN3E3WkdqOWpCYkEyVTZ4ZXppMDdCTDBpbUhtQmlaa0dYckJuNkl5dXNyVSt6THdKeXFKN2tzUHFDMy91ZVZwdVZudmEranEwV0g1WEVocUwwY3RwSUFQdy8xenJSTHBxTUV6TFZBR2VWdzYzbVFqQmlZYkxOVHR0TFRIWWd5aW1waHZyejIwVUZ4ZllyR3h1amFOOW4wMzRmVW1Pb2FKOWI3QmdYTDZJckR3b3NVL2RDWGRuWWh0N1k0RVY2NjExKzdhSE5sRzlFRmJESnB5THpyS3J1dThpREFQZ2ZLT283Q2lGbSs2cFJkZFVnZEs3dSt4MnUrN2tUK1hiZDlqTzNaVkRBSkg1cnN4c3hWc1NNQTAwdTIwQUFDeGlLSEJXajFvcmRoWmZMWUNMV3VQK2dFc0k2ZnlBOFU2WUJYYXgzWTkvMzBVV1hmK2p2MzFWYjFUQVJzclZWNWs1YU5ybzFBdmhFb3c1ajFJcDdrSVJyd3VuNWhFR1pzYTAwYktYWmRBK1g1UXhxSW5mR1E2UHFoRzRmM0Y2Z1ozSnlPamFRNzBSR1BHdzIydVJHZEFTdVJDZkJZcWhyRVk2dmpMWElEUitCbXN4WG9BVUdUS25zQjJMQUpMM0tGWmZUajNEM1A2WXpqQTlqaEdaQUhuSDRscWpYdkNKN2hNUXlhQVhXTXhzNDhQNkliRkMzVW9Pd2pFbnMzb3NiTzZKV3REZDJnQWVDVDJWZUg4SHVTUDViOGhZWDhxWngvTVBrTnlmY21YNVc4eldUd0dwems3ZFJPZEFRa2VKRnNzVlBkTFJjbWs3VkxIaHQ5RDlaY1pCWTJrNXVIQ055MEF4aTF1VWs3NnNucXdqUkFDOStzdTdheXYxTkFHUVloT0FhaGIwVVk4ZDNrY2JiQ1FIbVduWTE4bCtLYzlCMERxN0srSE5TQXR5QVBnR0s0ZlVrL0pnUmVsZ3dRLzVyai81TC9rUHlsNUE4a3Z5MzV0UXY1elRtL0wvbXp5YjlLL3RkSi9sbU9nQlY0RHEwN2N2S0cwa1M3bEQ0RkZENEJIdk5ZTkM0R0FjdklLN1FHak43ckJJN0dYanRsZFM5RnAvckVub1NkZlI1eVk1L1BnVEpNS3VURlZBd2kwcjNweldzd2RHMHowQmVHREUrQWNTOW1zNzlueW5ERGRWQ0s3aVRwTUI3QlhzUHc5QkVRRklvSTVZUTlmak5SSno4OVdyZ25tUmRWWmRmM3BNNjl5VjU5RW5Jd0J2WDNLa2Y0UEJlZUxPMlkyVjF1a3RrclcrQXAvaWNFdnBuTVhneTBUZVFEMnM4S0RjQUtQSUV0ei9QWnVjYytjK2lkQUFGSFpDV2g2RVkvVzJkajQ3c2VpeXQ1YTNpSVQ1R1hQbWtvMG53Nzh0S0xmaE5hczRsZHl6d0R6SERJdzlSK1RrK25PVkRtdHArUnFpMlVaME1tU21YZ2pKcVIveTdFLzViTUEvaHhqdDlLNWdud0RoYXoyZjk3ZWFiTXIzUGtPZndwUnpUUVFuT2IvRk9tVHg4M0dZUmhzM3VLQVJrdzFsSm1vQmdLUEF3L0xNc3pNYUVKUi9DVlI0MkowUUY2ZXZldW5YNEdtc0FUWForMzdVd21YSklyeDFZaFQ4b3RKM0tZTkgrZkIyeUJwN2dOL3RIa2VYNDM3YkF6bnFiSlBKZTlrdjRrUXkyUkU5MEFVMzFiVzJha04vSEx0bHF6RjFsRlBXUzFFV1Bzc3RYVzliZFEwRmd5eGpsRnAwQi9CcFJobU5FMmRsNVBoclJoVVBNR3pkQy9ERDJBQndRWk9jL0hiUDc0M0dlY21NMXBZMUpHV1hVQUJ4b2ZTV2tleGZkekJKemE0bldlRWpiUFdxU1ZSWGdXUUdwbG9UNFAweGVNeDJBeXc1TEJXZ3I5TVVTNm9jOCtUVEJHZElBbnV0YS9lQU5BazdjNXRNN3FlRFVvSGxYM1lNVTlmUEdXdjVJeWJFZmZzNFZjYmpWcEEwRGVuMWErazJ4dDAzVk9OMHI2ejA0NGVVNFIwUGU1d2I2Mk5SWkRmcXVKWndqNDFqWVNXZGtBWUdXRGRMSzJ6bzRLNEdYR1czaWM5OE41dVFDUzFpU0g1a05qd3BhdmhUQnZFVGlhb1JrNG9NdnR3WktCTDVRRHVvQ1RWL3FqVVA5eU10REVTMDU3SnlCemNYVFd5aGk2dEJhYXZFZDA2UWM0NGhtWWFiTUxxYTVsMGRjT2cyVzRRRk5vZjJZZ2R5VmNWejV5b3Z1RVBOTnVEcTJTU1JGUW1XU2ZueHJBSzRlZEpqWm04cksyK1p1MExJcVpENlJjZDBrWHAzRGRHREFXN2REbThXU1RTZDVZckJWQS95ZVRrNjF0cXI5YTJnUGZ4SnU5aVprczBCTklkakhhVmZ5Z3h3c3k2MW9ZLzJFS3Z6eVpvZWV3czhTb3RhbHRvSWtYUFBFRThOaUhFZlV2VDJmUEZOaUhrTHFoWXhZMkFCY1hzSWZxRDAxMHlkcmx1VEprNGZrMkFOUHJRRHp6dG54WlVoRXBBS2g5QUdRZG4vcWVWeXYwTnhHemlicHlUZmVVcDRmNTg5Z0JuWnNjOWNIOC9nUlB5R1l0L0V4ZlJVYjN5RGtrNW14VFJSd0lrZGFWaEJxaVk5QVJGbjBpWEZzL1pOUThJNENWVzN0TmVNQUxubmkyN3c4M1FEU0hqUk9kTVFiZTBVWkVZalFWUU5ZdFlHOUVjOEJLNUdNa3drQWVwZ0hjbTN4a3BpOGdnMzRiZW5heWdaSCthMU4rMTJWRU1DSW1OdFZWUnlJSVhvdU5MUUFDT05ucXJtWFlSbnVWN2N4cG4vUzlpRW5rMHJiLzUvWDNlQUxicnZXbkx3L0NhNkVJRUJKYTE0VVVmZHNZcWo3ZUFPYmZRNUJId01QTTZVYUpNWFN1SDRNQmtBYitHQUd5VGhFOFRJdmJQTXpad0s0cjFQSWUvYmRabXdTb0lnRHJ6a0NrSmZtOUZNTWZteEsxOEg3Yk1nRVVoZURLaThKY094OHFBeVRlcmswbzYvYjRzeWxWWlp1bzMwaGo5ZzFzanVHOWk2ZWZxaXVUSlNyZ1h4VWFlNmhkOFZsM1BIOVRvRlJQNTFLMGJHYXRhMkNzOXhpM05hWmZoRUhIVFEza2tnQWZEeWxrVnFlVXMwa2o3QkJtQTV3cHphcUV3elBBN0JPTzgrVFh5YTJkZDZaQi9aTERaSkxKRDdCN3RRM1F0MkdjL2JBSmsyNmI4dXZLR0pQMEJoUTVMbDlNQmE4N1diZjM2aE1lcTJ6TVdwcmkzSHd5NWV3aEFGR2dTZ1pBbTlzYkp4Z3gyN1NLN1F1MS9Yakh4c1QyWFpFd1hYa1FZbncwbFlUWUZNMUx5T1VrazRITHMyUllsZzY2NnNPZ1p3eUF0MUVCTVJRNlk4UU1abWpQb2JIZHZnOXE2dVBkd1BielcyM0JZRVltT3FDamRSTVNtdTlMQlY2UThqbWRWREpwZmpvY0EzcUFuOU9WaVQ0V3ZhNlZoUnNlc2kyZUl3L1JtR1RQUUpGdHR4MmIrbFZaRVJKUS9WemErbk15MERRdTlFc3VPeWZSZ3hmbThXS3NkQ1l3bGdwZGdJR3lyQm5aZVRSclVleFk1T2pMaDluMTJ5SHkxbVNHbDBQcnhOZ05rTm9LQVFqZzZOMUhJZXlramVWRVFETFFVZGUxU3pwUzk0VE1tUU5iQkREQ3dDbUNaQ1VRM3UzUWUrOTNuVmRHSDBDcXF0dmxDSWpweWlSdnc1SU5EelVtOGFTL2dPWVB3cFMzUnl5eHNmVmN0azdrQTVMb3RhNDB4b0tNc3cxZk92ekRLV2l6UnVpWTA0TkxPdFQ3bURKNTJ3cklHTHkwYlNLWjF3bEFXcXkzZU0wRGE2dm5lZjBKbkFCK080SkFzdzI3NjE1N2VVbUlBRXBBazlOSko4RHc0a2pBdTJ1cm54UnZsZGdaMEFLT1FtYWh0UFphVmQ2Z0VNQVVPVnBpRThZYkoxM0liSk8zTG56MEt0dG1BQXNadlpQSWk2UzBYZzJPdkxKT05ZdWFwY25kbGwzMTVpRVVrRXhGWGlUQUJhUzVQTWhFYmw4eXpHV3ZrL0pFSDRDMTdyRjdkRzA1NTZ4SDVPazBNOTBBUzJBRzNJYVFBdWgrSm9TOGRpZTgxa1l1ZDVMMERRejRZMW9UNnVldzF3UzdqQytiVUNKZDNyVWxHOWs1SGkwYjhMeDdNNnF4SmlLZVdkVDFxWmhacTZuY0lkN25OZjg4Z3BtNWMyaVZ2R2hydzBiSEdQaXJnS0VWd1lrVVlpZFBEQmp5bkp0WVhqWEJBaEhMSGwwOWxhYTJ4blFma0FGTDROYUhMem8yRm0yMm1NalI3VU92VDExOWFlUEgraVZiNzBPcmJWM3lXejhGZ0hicHJjZitQNVgvbmV5N2ZKdG9sanA0dkxKelBOclErbS9LMEpzbEJDQUtQTmxjYnJkUEdLZ3JiZWJ5YnBodnJnOGhGS3FUY2QwOUJ1RTdYMkRacEtkRkdoYXVlVlpBZHFoZHpFWDZZejZuSDd2aFRXREpHNm5qbjhGYTBqRUk2cDRmd2oyZ0J0eDRZK1R0S2hNdzRtM2JZQm5UWkVLbTMwYVliZkhFcG9BYWNPUEYvaU50QVVDNzlOWmoyK0lTL1hQMGZORUZSSUduWDR0Q0YvMlFYWjh3czF5SzBab3RyQmN0UHp1MmE1MWhiZVpWRWJ4T1Y3azlUMEpzR3pjNlpuN3ppRTVtOHNlek5Gbk14YzQxY0tESCtiMkZrK2ZtbkplUXc1alRJTHg1TDFRNDJJV1lzV2d0RXNpTzBhNDRCVjZ4NDB4MGtXdFZXZUUwZVgrU1FqYU9nUnVneStWZ2lST0U3azlEa2FlcFg5aHBMdXZUOHVESHBEVVY2RHZHanFtWFlydDNlVU9VU2lmcldnSVc2OG9NOVp5bm9iOE1Kak9qdFJvR3E5Tmw1KzU1cG93b1lhaTJtK2lRM3hkTERMRXF3N3QrWkhXeGNMU0RhbmU0Q1VRWGloN0VLVG05bUs0djJnaWtuQi9oc0JiWnB2eSt5dUNUeDh2ZSt2REFQazJhbG1Gc3FKS2J6dnJRWEZmWDJEYXVlYXFXUjR5VlpVeWMwVmk4YWRBSnRURTRlMWorekRVZzcyekV3Z0FBQkYxSlJFRlV2S0RNdnNZd0o5anhCS2pvSDJ1ZlpsdGVydG5XK295dm9xcHpNNlMxR2RtNWRWWkhzNzR5TnFuc3hKSURQWFE3c3JLMnVBa1dXRlpHYmtrQ2dDNVhKTWZRbnNKeUcyTzdKcThscmNWeFY4ZWpmZ2FTUExhNjUyTzdoMDlMQS9qdXloc2J0Qm5ETmpscHdtbzIxSlZPbi9JbWRrc0pRRnIvY0VKTzBhczZ6S0JScUlEa0tmV2N1cUJNeHNCTE8vVmdTeGRtV0RPY2tPM3JhUU1vL2lWSFFPZDFEWVBPYkk2dkNwVHkrRlJpY0daTlFNK1k5UytBQXA1ZUtMWUdpNzUyemhqSEtVcmRMbmlSM3JNVXp0VHhaa0M5cGh2Smd5bHRjOGVyVUUwQzZRdGpVWDh0bGhuN09SdmphTUdTdHJ5U2xRMStOUlhZTTN2TjZkNFNHU3c1Y2lyWTZKd1JRR2xBRWhDU3p4K1VrMW9OVUNTZ29yUGFBZ1BjQkg0V21zMndGc3VGYThJRDl3Y2dQeWNCWUFFbit0cng0eE5DbjZGa0E1WTJkM2dNODBaUFRsNlg0OUR5aE9Ra0VqQjRleml0MHpPZGZEN1BISE9ZWEFKMklxKzZQbDhVQnU1VUV6WWJwSlBGNS9zOHh3czV2QkxKMDUzeGdtSHVMbVpuTjhxZnRScWdSSnRkZExlMmNNc0N2RGtnNVRVR3UzdldSTFdqMDFxUzZGVk1PeVpLUnY3UFVDS2YyVDZudlpMUDE1WmZOT2VSdjdJWDFlbFg5cE42YjF3U2d5ZG1yVzlxbnVTU0dPZE02a0N3YVh4d05pd05jVGhFTzh2MXgzS05UNTR1cCtVQ3dnZ0Z4c0xjVlBoZ0RPOGVnRm1EZzFIeDZFeFl3SEVBc3IxSUNKV3Qxd2pQQWVhcEVLUWpaV3VUOG1LMVYrU0NONXZEMFNZVGs4bkMwZ1FsR0lmdnpja3pra2VkV2pMM3BwUjdXdkp5NGluem1KK3ovR0NrMS9ySmh1UDlPc2pGU1BrY05WdldNallGRVdFWGdMVHVhSWVQRnpHMmZqRGJBMHdiUXRZeHpiQjlPOFRFc0dwOXJpLzlLZFgzVzUvK1V6ZzhlLzNzOVRreFNlVXcrY1JXUGhRcEhIT1lKZWMycUVTdlk3UDFHWU1OZi9CNkg2QnNlRjV1cjlFQUlCRXFHZnhyaXM0ZkM3R3RlMWgvQkpCbVdCMHhMekRDRTk2ZlNjR3ZqUHM2aEF5YnNta1RDcjFONng5U1BhQUlLQUhJeHlQWTJPMGdMSFpLbGhlOEhLNlNNV0lObkVQZ2VuSzVBR1cvTG1Qb3d2QTJWSUNpZFJtL0VTakVudExBd0N1ZS9ZU1luMEV6dU52SXZGaUdyZkdhRnU4ZCsva0xvZ0NiYVNiZG5CNVVZak12alVSc3hiTENjQ0Fab3J0T2pIZlhiUjVTZTR5QnQ3VXFCS2RqTDREN0lRT2hMRTlpcWpyQSsxdkNQTy9TQU1ocDYzUkhTazU2c0lUL29aTmZsenJrMTZTODlTQUttYnlNQnZIUW5YOXM5SGlLNzJnUTJscWtkeTk5aHFaY1E3RkozVFk1OEM3OWR4cDI2dHN5WDRWaGJjc2ZRem02TlBrY3FxemtzeGt5ZVJrTFVBNWpvczhMbVdVZzVHWGFOYlpRejJCUzVLQVM0L2VERnJQWEo5Wkl4czZldWFaTWVYeVlHamdJMjJmQXA3dW5YRzJpQVJzVTFwcXF1dDRWdEZ0cy9mSWdES1VTYk9sb2JjMDduN3lHVlpzOHd1NnVvZnBTVStXeWFHQi9HaWhBT1p6dWVVeThTT3VSWHFnRm5zTlJIemNscnpwNUhhUUpMRjgwYnZZTGQwVURxelZRZ0hLMWZybzg5UldLZFRoZnQvQzB1dFNkZWxsaHVBWDdkMFdRNmlYcW5NNlN6OW04SFRDN0tIK0tCcWFvZ1FjQkFBRC8vMDlVVHpjQUFBQUdTVVJCVkFNQTVOSWV0K0EyUmE4QUFBQUFTVVZPUks1Q1lJST0iLz4KPC9kZWZzPgo8L3N2Zz4K');
  width: 100%;
  height: 100%;
  left:0;
  top:73%;
}

.festival-mandal-section .common-box {
  background-color: var(--white);
  padding: 16px;
  border-radius: 32px;
  gap: 16px ;
}

.festival-mandal-section .common-box .sub-title {
  height:46px ;
}

.social-section {
  background: linear-gradient( 180deg, rgba(243, 246, 245, 0.4) 0%, rgba(243, 246, 245, 1) 100%);
}

.social-section .img-box {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.social-section .img-box a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: none;
  transition: all 0.2s;
}

.social-section .img-box:hover a {
  display: block;
  transition: all 0.2s;
}

.social-section .grid-box {
  gap: 0px;
}

.social-section .sub-title {
  text-align : center;
  margin-top : 50px;
}

.social-section .sub-title  h4 a {
  color: var(--orang);
}

.children-transform-section .common-box .sub-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 70%;
}

/* creers */

.working-box  {
  gap: 24px;
}

.working-box .common-box {
  background-color: #FEF4DF;
  border-radius: 82px;
  position: relative;
  width: 32%;
  padding: 28px 30px;
  gap: 16px;
}

.working-box .common-box::before {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px dashed var(--secondary-color);
  border-radius: 80px;
  content: '';
  top: 6px;
  left: 8px;
}

.opening-box {
  background-color:var(--white) ;
  gap: 16px;
  border-radius: 32px;
  padding: 24px;
  position: relative;
}

.open-positons-section {
  background-color: #FFEEE2;
  position: relative;
}

.open-positons-section .grid-box {
  z-index: 10;
}

.opening-box .sub-title {
  gap: 12px;
}

.opening-box .sub-title h4 {
  color: var(--text-color);
}

.opening-box .location-box li {
  gap: 16px;
}

.opening-box .location-box {
  gap: 24px;
}

.opening-box .location-box  span {
  font-size: 18px;
  font-weight: 500;
}

.opening-box a {
  font-size: 18px;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}

.opening-box a:hover svg path {
  stroke: var(--secondary-color);
}

.opening-box::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-bottom: 8px solid  var(--orang);
  border-right: 8px solid  var(--orang);
  border-radius: 32px;
  left: 8px;
  z-index: -1;
  bottom: -8px;
}

.life-gurukul-section .img-box {
  padding: 12px;
  border-radius: 32px;
  border: 1px dashed var(--secondary-color);
}

.life-gurukul-section .img-box  img {
  border-radius: 24px;
}

.life-gurukul-section .img-box.life-img-1 {
  border: none;
  background-color: #DDECEA;
}

.life-gurukul-section .img-box.life-img-2 {
  border: none;
  background-color: #E3DFF3;
}

.life-gurukul-section .grid-box {
  align-items: center;
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 640px) {
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .md\:w-\[30\%\] {
    width: 30%;
  }

  .md\:w-\[60\%\] {
    width: 60%;
  }

  .md\:w-\[67\%\] {
    width: 67%;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .lg\:w-\[40\%\] {
    width: 40%;
  }

  .lg\:w-\[50\%\] {
    width: 50%;
  }

  .lg\:w-\[60\%\] {
    width: 60%;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}