@media (max-width: 600px) {
  .header-btn {
    display: none;
  }
  .closeside {
    display: block !important;
  }
  .hide {
    display: block !important;
  }
  nav {
    position: fixed;
    top:0;
    right: -100%;
    height: 60vh;
    width: min(15rem, 50%);
    z-index: 10;
    /* border-left: 1px solid  #0062ff; */

    background-image: linear-gradient(
      to right top,
      #0a0a0a,
      #14141f,
      #181b32,
      #172347,
      #0c2c5d
    );
    transition: right 400ms linear;
  }
  nav .header-nav ul {
    width: 100%;
    flex-direction: column;
    gap: 2rem;
  }
  nav.show {
    right: 0;
  }
  .closeside {
  padding-top: 2rem;
}
  /* ?main css */
  h1{
  font-size: 2rem;
}

.main-section{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-section--text .main-section--text---heading .main-text1{
  font-size: 2.5rem;
}
.main-section--text .main-section--text---heading .main-text2{
  font-size: 2rem;
  padding-top: 1rem;
}
.main-section--vedio .main-section--vedio1 .backgroundvedio{
  margin-left: 2rem;
}
.main--link{
  max-width: 25rem;
  & a{
    font-size: 13px;
  }
}
.section-courses--heading{
/* display: grid;
grid-template-columns: repeat(2, 1fr); */
display: flex;
flex-wrap: wrap;
justify-content: center;


gap: 2px;
}
.section-courses--text .section-courses--heading h3{
  font-size: 2.5rem;
  
}
.section-courses--text{
  padding: 1rem;
}


.course-live{
 
  display: block;
}
.course-live--h1 {
 & h3{
  font-size: 2.5rem;
 }
}
.course-live--points ul{
  & li{
    font-size: 1.5rem;
  }
}
.course-live--time{
  gap: 1rem;
}
.course-live--time .timearea{
  padding: 1.5rem;
  & a {
    font-size: 1.5rem;
  }
}
.course-live--time1::after  {
  font-size: 1rem;
   bottom:-1.8rem;
    left: 0.8rem;
}
.course-live--time2::after  {
  font-size: 1rem;
   bottom:-1.8rem;
    left: 0.5rem;
}
.course-live--time3::after  {
  font-size: 1rem;
   bottom:-1.8rem;
    left: 0.5rem;
}
.course-live--time4::after  {
  font-size: 1rem;
   bottom:-1.8rem;
    left: 0.5rem;
}

.course-live--logo{
  margin-top: 5rem;
}

.live-image--heading1{
  display: none;
}


 .recordedheading h4{
  font-size: 2.5rem;
  margin-top: 2rem;
  padding: 1rem;
 }
 .main-recorded--courses{
  display: flex;
  flex-direction: column;
 }
.main-rc-text p{
  font-size: 1.2rem;
}
.main-vedio img{
  width: 80%;
}
.contact-form{
  display: flex;
  flex-direction: column;
}
.contact-message textarea {
border-radius: 1rem;
     background-color: var(--buttoncolor);
      padding-left: 2rem;
      font-size: 1rem;

   }
   textarea::placeholder{
    color: var(--headingcolor);
    padding: 3rem;
    font-size: 1.5rem;
    text-transform: capitalize;
   }
   .contact-form1 > .contact-main2{
    display: flex;
    flex-direction: column;
   }
.section-educator{
display: flex;
flex-direction: column;
gap: 2rem;
}
   .footer-main{
    display: flex;
    flex-direction: column;
   justify-content: center;
   align-items: center;
    gap: 2rem;
   }
.footer-name h6{
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-name p{
  font-size:1.3rem ;
}
.footer-connect h6{
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-term h6{
  display: flex;
  justify-content: center;
}
.footer-term p{
  font-size: 1.3rem;
}
}