*{
    margin: 0;
    padding: 0;
}

a{
    color: white;
}
.logo{
  width: 170px;
}
.link{
    color: white;
    text-decoration: none;
    font-size: 1.3rem;

    font-weight: 400;
}
.nav{
  background-color: #5606C1;
  position: fixed;
  top: 0;
  z-index: 1000;
}

/* .z1{
    z-index: -1;
} */

/* header section */
.gradient{
  
  background: url(./images/wave13.JPG);
  background-size:cover;
  height: 130vh;
  
  background-repeat: no-repeat;


}

.marginheader{
padding-top: 15vh;
}
.fz>h1{
    font-size: 5rem;

}
.fz>h2{
    font-size: 2.5rem;
}
.fz>p{
    margin-top: 10vh;
    font-size: 1.18rem;
    font-weight: 500;
}
.img{
    /* height: 100vh; */
}

.buttn{
    margin-top: 10vh;
    border-radius: 30px;
    padding: 2%;
    padding-left: 4%;
    padding-right: 4%;
    font-size: 1.5rem;
    background-color: rgb(255, 106, 109);
    color: white;
    border: none;
    margin-left: 1%;
    font-weight: 400;

}

.buttn:hover{
  background-color: white;
  color: #FF6A6D;
}
.buttn1{
    margin-top: 10vh;
    border-radius: 30px;
    padding: 2%;
    padding-left: 4%;
    padding-right: 4%;
    font-size: 1.5rem;
    background: none;
    color: rgb(255, 106, 109);
    border-color: rgb(255, 106, 109);
    margin-left: 1%;
    font-weight: 400;
    z-index: 1;

}
.buttn1:hover{
  background-color: #FF6A6D;
  color: #F5EEE6;
}

/* header section */


/* elearning course */
.buttn3{
  margin-top: 10vh;
  border-radius: 30px;
  padding: 2%;
  padding-left: 4%;
  padding-right: 4%;
  font-size: 1.5rem;
  background-color: blueviolet;
  color: white;
  border: none;
  margin-left: 1%;
  font-weight: 400;

}

.buttn3:hover{
  background-color: #292793;
}

.himg>img{
    height: 90vh;
    width: auto;
    /* margin-top: 30vh; */
}


.img1{
/* position: relative;
top: 100%; */

}

.img2{
    position: relative;
    top: -40%;
    right: -50%;
    z-index: 1;
}

.img3{
    position: relative;
    top: -40%;
    right: 28%;

}

.img4{
 position: relative;
 top: -60%;
 right: -12%;

}

.content2nd>h1{
 color:#292793 ;

}
.content2nd>p{
    color:#292793 ;
    font-size: 1.2rem;
   
   }

   /* elearning course */

   .icon{
    background-color: #F5EEE6;
    border-radius: 30px;
    /* box-shadow: 5px 10px gray; */
    padding: 2rem 2rem 0 2rem;
    /* margin-left: 50px; */

   }
   .icon>i{
    color: #FF6A6D;
 
  }
  .icon:hover{
    background-color: #eac1c1;
    cursor: pointer;
  }
  .icon>p{
    color: #292793;
 
  }

  .sofa>img{
    height: 90vh;
   
  }

  .scolm{
    background-color: #FAF7F3;
    
  }
  .scolm>p{
    font-size: 1.1rem;
    font-weight: 600;
    
  }

  .borderDesign{
    border-radius: 40px 10px;
  }

.mobileIcon{
  background-color: beige;
border-radius: 40px;
padding-top: 10px;
opacity: 0.7;
color: #292793;
}
.buttn4{
 
  background-color: #030080;
  color: white;
  border: none;

}

.buttn4:hover{
  background-color: blueviolet;
  cursor: pointer;
}
/* teacher section */

.iconImge>img{
  border-radius: 40px;
}
.iconImge:hover{
  opacity: 0.7;
  cursor: pointer;
}

.cardteacher{
  background-color: #F8F5F1;
  border-radius: 40px;
}

.buttn5{
 
  background-color: blueviolet;
  color: white;
  border: none;

}

.buttn5:hover{
  background-color: #FF6A6D;
  cursor: pointer;
}

/* teacher section */


/* pricing section */

.cardpricing{
  background-color: white;
  border-radius: 30px;
}

.priceCircle{
  display: inline-block;
  border-radius: 50px;
  background-color:#F8F5F1;
  padding: 1.5rem;
}
.priceHeight{
  padding: 3rem;
  /* height: 150vh; */
}


/* pricing section */

.input{
  padding: 1rem;
  margin: 0.8rem;
  border-radius: 20px;
  border: none;
  background-color: white;
  width: 100%;
 
}

.text-area{
  padding-top: 8rem;
  padding-right: 10rem;
  padding-left: 10rem;
  border-radius: 20px;
  border: none;
  background-color: white;
 
}

/* enroll Now section*/
.buttn6{
 
  background-color: #FF6A6D;
  color: white;
  border: none;

}

.buttn6:hover{
  background-color: #030080;
  cursor: pointer;
}
/* enroll now */


/* form section */
.buttn7{
 
  background-color: blueviolet;
  color: white;
  border: none;

}

.buttn7:hover{
  background-color: #030080;
  cursor: pointer;
}
/* form section */


/* media query */

@media (max-width: 979px) {
  .imghid { 
     display: none;
  }
}

@media (max-width: 428px) {
  .content2nd { 
    display: block;
    justify-content: center;
     margin-top: 40rem;
  }
}