.row {
    --bs-gutter-x: 0rem !important;
}
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
.icon-bar{
  position: absolute;
  top: 4px;
  left: -20px;
  height: 45px;
  width: 45px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  transition: left 0.4s ease;
}
.icon-bar.click{
  left: 260px;
}
.icon-bar span{
  color: #000;
  font-size: 28px;
  line-height: 48px;
}
.icon-bar.click span:before{
  content: '\f00d';
}
.sidebar{
  position: fixed;
  width: 250px;
  height: 100%;
  top: 0px;
  z-index:99;
  left: -250px;
  background: #1b1b1b;
  transition: left 0.4s ease;
}
.sidebar.show{
  left: 0px;
}
.sidebar .text{
  color: white;
  font-size: 25px;
  font-weight: 600;
  line-height: 65px;
  text-align: center;
  background: #1e1e1e;
  letter-spacing: 1px;
}
nav ul{
  background: #1b1b1b;
  height: 100%;
  width: 100%;
  list-style: none;
}
nav ul li{
  line-height: 60px;
  border-top: 1px solid rgba(255,255,255,0.1);
}
nav ul li:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
nav ul li a{
  position: relative;
  color: white;
  text-decoration: none;
  font-size: 18px;
  padding-left: 25px;
  font-weight: 500;
  display: block;
  width: 100%;
  border-left: 3px solid transparent;
}
nav ul li.active a{
  color: #fff;
  background: #1e1e1e;
  border-left-color: #fff;
}
nav ul li a:hover{
  background: #1e1e1e;
  color:#e3e0db;
}
nav ul ul{
  position: static;
  display: none;
}
nav ul .feat-show.show{
  display: block;
}
nav ul .serv-show.show1{
  display: block;
}
nav ul .play-show.show2{
  display: block;
}
nav ul .kin-show.show3{
  display: block;
}
nav ul .pre-show.show4{
  display: block;
}
nav ul .nur-show.show5{
  display: block;
}
nav ul .me-show.show6{
  display: block;
}
nav ul .our-show.show7{
  display: block;
}
nav ul ul li{
  line-height: 42px;
  border-top: none;
}
nav ul ul li a{
  font-size: 17px;
  color: #e6e6e6;
  padding-left: 80px;
}
nav ul li.active ul li a{
  color: #fff;
  background: #1b1b1b;
  border-left-color: transparent;
}
nav ul ul li a:hover{
  color: #e3e0db !important;
  background: #1e1e1e!important;
}
nav ul li a span{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 22px;
  transition: transform 0.4s;
}
nav ul li a span.rotate{
  transform: translateY(-50%) rotate(-180deg);
}

.menu .icon-bar{ display:none;}
.header ul li a img{width:55% !important;}


/* COMMON CSS */
*{margin:0;padding:0;font-family: 'Montserrat', sans-serif;}
img{max-width:100%;}
.center{text-align:center;}
.thin{font-weight:500;display:inline;}

/* SECTION1 CSS */
.section1{padding:50px 30px 180px 30px;}
.logo{text-align:center;margin-bottom:120px;}
.section1 .content{display:grid;justify-content:center;}
.section1 h3{font-size: 90px;text-align:left;display:inline-block;text-transform:uppercase;line-height:1em;margin-left:130px;font-weight: 800;}
.section1 h1{font-size: 90px;text-align:left;display:inline-block;text-transform:uppercase;line-height:1em;margin-left:130px;font-weight: 800;}
/* Para */
p.para{font-size:30px;font-weight:200;text-align:center;}

/* A WORLD CSS - SECTION-2 */
.a-world{padding:150px 30px 180px 30px;}
.a-world h2{font-size:132px;margin:0;font-weight:900;line-height:1.15}

/* A WORLD-2 CSS - SECTION-3 */
.a-world-2{padding:190px 30px 100px 14%}
.a-world-2 h3{font-size:62px;margin:0 0 25px 0;font-weight:500;margin-top:80px;}
.a-world-2 h2{font-size:78px;margin:0;font-weight:900}
.a-world-2 h2 span{display:block;}

/* DEVELOP-OURSELF - SECTION-4 */
.develop-ourselves{padding:100px 30px 180px 10%}
.develop-ourselves h3{font-size:62px;font-weight:500;margin: 0 0 -10px 0;z-index:1;position: relative;}
.develop-ourselves img{margin-left:-100px;}
.develop-ourselves h2{font-size:78px;font-weight:900;color:#000;margin-top:40px;}
.develop-ourselves h2 span{display:block;}

/* WE-SEC CSS */
.we-sec{padding:100px 30px 80px 10%;}
.we-sec .content{display: grid;justify-content: center;}
.we-sec p:first-child,.we-sec p:last-child{text-align:center;}
.we-sec ul{margin:68px 0 40px 0;padding:0;}
.we-sec ul li{display:inline-block;padding:0 32px;border-right:4px solid #333;line-height:1;}
.we-sec ul li:first-child{padding-left:0;}
.we-sec ul li:last-child{padding-right:0;border:0;}
.we-sec ul li a{color:#333;font-size:33px;font-weight:500;text-decoration:none;pointer-events:none;}
.we-sec p{color:#1d1d1b;font-size:62px;font-weight:900;}
.we-sec img{margin:0 auto;}
.we-sec img.we-img{margin-bottom:35px;}
.we-sec img.dude-img{margin-bottom:65px;}
.we-sec img.school-img{margin-top:65px;margin-bottom:65px;}

/*  COMMON SEC  */
.common-sec{padding:350px 30px 80px 30px;display:grid;}
.common-sec .logo1{margin-left:50%}
.common-sec .logo2{margin-left:20%;margin-top:-30px;}
.common-sec .logo3{margin:0 auto}
.common-sec p{margin-left:35%;color:#631312;font-size:62px;font-weight:900;margin-top:65px;margin-bottom:270px;}

.samskara{background:#f7ab1f}

.newbie{background:#e8d4d4}
.newbie p{color:#182028}

.we-school{background:#0d62aa}
.we-school p{color:#fff}

.we-teacher{background:#631312}
.we-teacher p{color:#a07a1b}

.we-society{background:#19522e}
.we-society p{color:#fff}


/* A WORLD */
.a-world-3 h3{text-transform:inherit;}
.a-world-3{padding:240px 30px 100px 14%}

.a-world-4{padding-left:31%}

.a-world-4 .links{display:flex;margin-top:100px;margin-bottom:120px;}
.a-world-4 .links a{font-size:75px;color:#1d1d1a;font-weight:500;text-decoration:none;border-left:5px solid;padding:0 35px;line-height:1}
.a-world-4 .links a:first-child{border-left:0;padding-left:0}

.form-sec{padding-left:25%}
.a-world-4 form {padding:115px 0 0 0;max-width:100%;}
.a-world-4 .form-row {display: flex;margin-bottom: 30px;}
.a-world-4 .form-row .form-col {margin-right:60px;width:100%}
.a-world-4 form label {font-size: 26px;display: block;font-weight: 600;color: #333;margin-bottom: 15px;}
form input[type="text"] {width: 100%;max-width:100%;background-color: #fff;border: 1px solid #6c6663;border-radius: 4px;height: 52px;padding: 8px 35px;font-size: 21px;font-weight: 500;}
.a-world-4 form input:focus{outline: 0;}
.a-world-4 .form-btn{background:#1f1c1a;outline:0;width:145px;cursor:pointer;font-size:14px;color:#fff;border:0;width:140px;border-radius:50px;height:36px;margin-right:40px;transition: background .5s;}
.a-world-4 .form-btn:hover{background:#000;}
.a-world-4 .last-row{justify-content: center;}
.form-sec h2{margin-top:62px;}

.a-world-3 p{color:#1d1d1b;font-size:40px;font-weight:500;margin-top:110px;}

.nurture{padding-bottom:218px;}

/* FOOTER CSS */

footer{background-color:#000;padding:60px 30px;}
footer .row1{width:100%;max-width:1190px;margin:0 auto;display:flex;padding:0 30px;align-items:center;}
footer .footer-left{width:50%;}
footer .footer-right{width:50%;}
footer .footer-right ul{text-align:right;}
footer .footer-right ul li{display:inline-block;padding:0 4px;}
footer .footer-right ul li a{display:inline-block;text-align:center;color: #3b3734;font-size: 27px;position:relative;height: 40px;width: 40px;background: #fff;border-radius: 50%;}
footer .footer-right ul li a i{margin-top:6px;}
footer .footer-right ul li a::before{position:absolute;background-color:#fff;width:50px;height:50px;top:0;left: 0;}

footer .footer-right ul li a:hover .fa-facebook{color:#3b5998;}
footer .footer-right ul li a:hover .fa-instagram{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);color: transparent;background-clip: text;-webkit-background-clip: text;}
footer .footer-right ul li a:hover .fa-twitter{color:#00acee;}
footer .footer-right ul li a:hover .fa-youtube{color:#FF0000;}
footer .footer-right ul li a:hover .fa-linkedin-in{color:#0e76a8;}


footer .row2{width:100%;max-width:1150px;padding:0 30px;margin:45px auto 0 auto;}
/*footer .row2{width:100%;max-width:1150px;padding:0 30px;margin:45px auto 0 auto;display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));}*/
footer .row2 ul{max-width:79%;}
footer .row2 ul li{display:block;font-size:16px;color:#fff;font-weight:500;padding:10px 0;}
footer .row2 ul li a,footer .row2 ul li span{color:#fff;text-decoration:none;font-size:13px;font-weight:400;}
footer .row2 ul li a:hover{color:#ababab}
footer .row2 span a{color:#fff;text-decoration:none;}


/* header */
  header{width: 100%;max-width: 1360px;position: relative;margin: 0 auto;}
  .header ul {padding: 0;list-style: none;display:grid;grid-template-columns: repeat(7, minmax(0, 1fr));align-items:center;}
  .header li{text-align:center;padding: 0 20px;}
  .header li:nth-child(6){padding-left:25%;}
  .header li:nth-child(7){padding-left:40%;}
  .header li a {display: inline-block;color:#000;font-size:18px;font-weight:500;text-decoration: none;}
  .header li a:hover,.header .menu-btn:hover {color:#777;}
  .header video{max-width:100%;position: relative;z-index: -1;}
  /* menu */
  
  .header .menu {clear: both;max-height: 240px;transition: max-height .2s ease-out;}
  
  /* menu icon */
  
  .header .menu-icon {cursor: pointer;float: right;top:70px;position:absolute;user-select:none;z-index:999;left:-60px;}
  .header .menu-icon .navicon {background: #000;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 30px;margin:10px;}
  .header .menu-icon .navicon:before,.header .menu-icon .navicon:after {background: #000;content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}
  .header .menu-icon .navicon:before {top: 5px;}
  .header .menu-icon .navicon:after {top: -5px;}
  /* menu btn */  
  .header .menu-btn {display: none;}
  .header .menu-btn:checked ~ .menu {max-height: 0px;}
  /* HEADER CSS */
.menu{width: 99%;margin:0 auto;position:absolute;left: 0.5%;right:0.5%;top:40px;}
.menu ul{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));}
.menu ul li{display:inline-block;text-align:center;}
.menu ul li a{text-decoration:none;display:inline;color:#333333;font-weight:500;font-size:18px;transition:color .3s;}
.menu ul li a:hover{color:#000}

  


  @media (min-width: 1930px) {
    .header li {
      float: left;
    }
    .header .menu {
      clear: none;
      float: right;
      max-height: none;
    }
    .header .menu-icon {
      display: none;
    }
    
  }
  





@media (max-width:991px){
.header .menu li:nth-child(1){ display:block !important;}
.header .menu li{display:none;}
img{max-width:85%;}
/*MENU CSS*/
.header .menu-icon .navicon{position:relative;z-index:111;}
.header ul{grid-template-columns: repeat(1, minmax(0, 1fr));background:#fff;height:100vh;left:0;right:0;width: 100%;max-width: 100%;top: 0;padding: 20px 0;}
.header .menu-btn:checked ~ .menu {padding:0;max-height:100vh;width:90vh;max-width:80vh;position:absolute;}

.header .menu-btn:checked ~ .menu-icon .navicon{background:transparent;}
.header .menu-btn:checked ~ .menu-icon .navicon:before{top:0;transform: rotate(45deg);}
.header .menu-btn:checked ~ .menu-icon .navicon:after{top:0;transform: rotate(-45deg);}

.header .menu{max-height:0px;padding:0;}
.header .menu-icon{left:auto;right:30px}
.header li:nth-child(4),.header li:nth-child(5){display:none}

.one-dream {padding: 40px 30px 90px 30px;}
.logo {margin-bottom:110px;}
.one-dream h1{font-size:66px;}
p.para{font-size:26px;}

.a-world h2{font-size:100px;}
.a-world {padding:100px 30px 120px 30px;}

.a-world-2 {padding:100px 30px 60px 40px;}
.a-world-2 h3 {font-size:49px;margin:0 0 15px 0;font-weight:500;margin-top:55px;}
.a-world-2 h2{font-size:45px;}

.develop-ourselves {padding:70px 30px 70px 40px;}
.develop-ourselves h3{font-size:49px;}
.develop-ourselves img{margin:0}
.develop-ourselves h2{font-size:58px;margin-top:25px;}

.we-sec {padding: 70px 30px 90px 40px;}
.we-sec p{font-size:42px;}
.we-sec ul {margin:40px 0 25px 0;}
.we-sec ul li{padding:0 20px}
.we-sec ul li a{font-size:26px;}
.we-sec img.we-img {margin-bottom:25px;}
.we-sec img.dude-img {margin-bottom:40px;}
.we-sec img.school-img {margin-top:40px;margin-bottom:40px;}

.common-sec {padding: 230px 30px 70px 30px;}
.common-sec p {margin-left:50px;font-size: 42px;margin-top:40px;margin-bottom:160px;}
.common-sec .logo1{max-width:75%;margin:0 auto}
.common-sec .logo2{max-width:75%;margin:0 auto}
.common-sec .logo3{max-width:65%;}

.a-world-4 .links{margin-top:75px;margin-bottom:70px;}
.a-world-4 .links a{border-width:4px;padding:0 18px;font-size:50px;}

.a-world-4 form {padding:75px 0 0 0;}

.nurture {padding-bottom: 108px;}
.a-world-3 p {font-size:30px;margin-top:70px;}

footer .row1,footer .row2{width:auto;}
/*footer .row2{grid-template-columns: repeat(3, minmax(0, 1fr));}*/
footer .row2 ul:nth-child(4),footer .row2 ul:nth-child(5),footer .row2 ul:nth-child(6){margin-top:20px}

}

@media (max-width:481px){

img {max-width: 55%;}
.header .menu li:nth-child(1){ display:block !important;}
.header .menu li{display:none;}
.one-dream h1 {font-size:48px;margin-left:30px;}
.one-dream {padding:40px 15px 60px 15px;}
p.para {font-size:16px;}

.a-world {padding:70px 15px 80px 15px;}
.a-world h2 {font-size:56px;}
.a-world-2 {padding:40px 15px 40px 15px;}
.a-world-2 h3 {font-size:36px;margin: 0 0 10px 0;margin-top: 35px;}

.develop-ourselves {padding:50px 15px 50px 15px;}
.develop-ourselves h3 {font-size:36px;}
.develop-ourselves h2 {font-size:42px;margin-top:15px;}

.we-sec{padding:50px 15px 60px 15px;}
.we-sec p {font-size:36px;}
.we-sec ul {margin:30px 0 15px 0;text-align:center;}
.we-sec ul li{border-width:3px;line-height:auto;}

.common-sec {padding:90px 15px 50px 15px;}
.common-sec p {margin-left: 0;font-size: 36px;margin-top: 30px;margin-bottom: 90px;}

.a-world-2 h3{font-size:28px;}
.a-world-2 h2 {font-size:32px;}

.a-world-4 .links a{border-width: 3px;padding: 0 14px;font-size: 24px;}
.a-world-4 .links {margin-top:50px;}

.a-world-4 .form-row{flex-direction:column;margin:0}
.a-world-4 .form-row .form-col{margin:0 0 15px 0;}
.a-world-4 .form-btn{margin: 5px auto}

.a-world-3 p {font-size: 24px;margin-top:45px;}




.logo {margin-bottom:50px;}
.logo img{max-width:45%;}
footer {background-color: #333333;padding: 30px 0px;}
footer .row1, footer .row2{flex-direction:column;padding:0 15px;}
footer .footer-left,footer .footer-right{width:100%;text-align:center;}
footer .footer-right ul{text-align:center;margin-top:25px;}

}
