/* css for responsive  */

/* courses section */

.coursesec h3 {
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  color: #2d2c2c;
  text-align: center;
  font-family: "Poppins";
}

.ourcoursepara {
  width: 472px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: #5b5b5b;
}

.coursesButton {
  display: flex;
  justify-content: center;
}

/* curriculum section */
.curriculum h3 {
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  color: #2d2c2c;
  font-family: "Poppins";
}
.ourcurriculumpara {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  width: 655px;
  color: #191919;
}
.curriculum p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #191919;
}

.curriculum-section {
  display: flex;
  justify-content: space-evenly;
  margin-top: 100px;
}
/* curriculum section subjects onswitch  */
.postionabs1 {
  left: -51%;
  top: -13%;
  width: 52%;
  position: absolute;
  z-index: -1;
}
.postionabs2 {
  left: -56%;
  top: 0%;
  width: 52%;
  position: absolute;
  z-index: -1;
}
.postionabs3 {
  left: -57%;
  top: 6%;
  width: 52%;
  position: absolute;
  z-index: -1;
}
.postionabs4 {
  left: -57%;
  top: 7%;
  width: 52%;
  position: absolute;
  z-index: -1;
}
.curriculumimg1 {
  right: 122%;
  top: 435%;
  /* width: 456.66px; */
  /* height: 335.03px; */
  position: absolute;
}

.curriculumimg2 {
  right: 119%;
  top: 435%;
  /* width: 467.79px; */
  /* height: 348.61px; */
  position: absolute;
}

.curriculumimg3 {
  right: 119%;
  top: 435%;
  /* width: 440.14px; */
  /* height: 328px; */
  position: absolute;
}

.curriculumimg4 {
  right: 139%;
  top: 435%;
  /* width: 319.25px; */
  /* height: 283.95px; */
  position: absolute;
}

.curriculumSubjects {
  margin-top: 50px;
}

/* course page media query */
@media (max-width: 1400px) {
  .curriculumimg1 {
    right: 100%;
    top: 422%;
  }

  .curriculumimg2 {
    right: 100%;
    top: 422%;
  }

  .curriculumimg3 {
    right: 100%;
    top: 422%;
  }

  .curriculumimg4 {
    right: 122%;
    top: 458%;
  }

  .paid_course {
    height: 415px;
  }
}

@media (max-width: 1200px) {
  /* curriculum section */

  .curriculum-section {
    justify-content: space-around;
  }

  .paid_course {
    height: 448px;
  }

  .owl-item .card {
    height: 427px;
  }
}

@media (max-width: 992px) {
  /* curriculum section */

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

  .hid {
    display: none;
  }

  .curriculumimg1 {
    right: 6%;
    top: -200px;
    width: 83%;
  }
  .curriculumimg2 {
    right: 0%;
    top: -205px;
    width: 82%;
  }
  .curriculumimg3 {
    right: 0%;
    top: -200px;
    width: 80%;
  }
  .curriculumimg4 {
    right: 8%;
    top: -192px;
    width: 65%;
  }

  .curriculumSubjects {
    margin-top: 100px;
  }

  .curriculum-btn-container {
    margin-bottom: 100px;
  }

  .curriculum-section {
    margin-top: 50px;
  }

  .curriculum {
    margin-bottom: 50%;
  }

  .Intraday {
    margin-top: 40%;
  }

  .dirchead {
    width: 84%;
    margin: auto;
    left: 0;
  }

  .paid_course {
    height: 414px;
  }

  .owl-item .card {
    height: 284px;
  }
}

@media (max-width: 769px) {
  .ourcoursehead {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .ourcurriculumpara {
    width: auto;
  }

  .curriculumimg1 {
    right: 6%;
    top: -227px;
    width: auto;
  }
  .curriculumimg2 {
    top: -252px;
    width: auto;
  }
  .curriculumimg3 {
    top: -216px;
    width: auto;
  }

  .curriculumimg4 {
    top: -185px;
    width: auto;
  }

  .curriculum {
    margin-bottom: 65%;
  }
}

@media (max-width: 500px) {
  .ourcoursepara {
    width: auto;
  }

  .coursesButton {
    margin-top: 40px;
  }

  .curry-hight {
    margin-top: 60px;
  }

  .curriculumimg1 {
    top: -226px;
  }
}

@media (max-width: 426px) {
  /* our courses */
  .coursesec h3 {
    font-size: 30px;
  }

  .ourcoursepara {
    width: auto;
    font-size: 15px;
  }

  .card-head h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
  }

  /* curriculum section */

  .curriculum h3 {
    font-size: 30px;
  }

  .curriculum p {
    font-size: 16px;
  }

  .curriculum-section {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .curriculum-btn-container {
    margin-top: 30px;
    margin-bottom: 100px;
  }

  .dirchead h6 {
    font-weight: 600;
    font-size: 16px;
  }

  .curriculumimg1 {
    width: 100%;
    height: auto;
    top: -167px;
  }

  .curriculumimg2 {
    width: 100%;
    height: auto;
    top: -172px;
  }
  .curriculumimg3 {
    width: 100%;
    height: auto;
    top: -173px;
  }

  .curriculumimg4 {
    width: 80%;
    height: auto;
    top: -164px;
  }

  .owl-item .card {
    height: 325px;
  }

  .paid_course {
    height: 345px;
  }
}

@media (max-width: 386px) {
  .paid_course {
    height: 387px;
  }
}

@media (max-width: 350px) {
  .paid_course {
    height: 409px;
  }
}